* {margin: 0; padding: 0;}

body {background: #E6EAE9; color:#fff; font:73%/1.2 "Trebuchet MS", Tahoma, "Lucida Grande", Verdana, Arial, Helvetica, serif;}

/* main layout */

#container {margin: 0 auto; padding-left: 69px ; background: #fff url('/images/276.gif') repeat-y; color: #000; max-width: 70em; width:expression(document.body.clientWidth > 960? "960": "auto" ); min-width: 58em; awidth:expression(document.body.clientWidth < 630? "630": "auto" ); /*width: 960px;*/ font-size: 1.3em;}

#container_right {background: #fff url('/images/277.gif') repeat-y top right; padding: 10px; padding-right: 79px; margin-right: -5px;}

/* */

.hidden {display: none;}

a {color: #1F2D6D; text-decoration: none; border-bottom: 1px solid #1F2D6D;}
a:hover {color: #00731B; border: none; border-bottom: 1px solid #1F2D6D;}

h1, h2, h3, h4, h5 {color: #00731B; font-family: 'Cantarell', "Trebuchet MS", Tahoma, "Lucida Grande", Verdana, Arial, Helvetica, serif;, font-weight: normal; letter-spacing: -0.04em; font-weight: normal; text-shadow: 2px 2px 2px #ddd;}

code {background-color: #dfdfdf;}
pre code {padding: 4px 10px; display: block; overflow: auto; max-width: 50em;}

#container h1, #container .last_post h2.post-title {font-size: 2.1em; margin: 0.1em 0 0.6em;}
#container .last_post h2.post-title {margin: 0.1em 0 0.6em;}
#container h2.post-title {margin: 0.1em 0 0.3em; font-size: 1.7em;}
#container h2 {font-size: 1.7em; margin: 0.6em 0;}
#container h3 {font-size: 1.5em; margin: 0.5em 0;}
#container h4 {font-size: 1.3em; margin: 0.4em 0;}
#container h5 {font-size: 1.1em; margin: 0.3em 0;}

/* */

#header {position: relative; height: 150px; background: url('/images/278.jpg') no-repeat 0 0; border: 1px solid #345;} 

#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main {display: inline-block; background: #fff; color: #000;}

#precontent {}

#content {float:left; width: 65%; margin-left: 2%; line-height: 1.6em;}
#seccontent {float: right; position: relative; width: 30%; margin-top: 33px; border-bottom: none;}

#seccontent #sectop {/*height: 110px;*/ width: 84%; line-height: 1.7em; background: #1F2D6D; color: #fff; font-size: 13px; padding: 20px; /*width: 103%;*/ position: absolute; left: 0; top: 0; text-align: center;}
#seccontent #sectop span {text-align: left; vertical-align: middle;}
#seccontent #sectop a, #footer a {color: #fff; border-bottom: #fff 1px solid;}
#seccontent #sectop a:hover, #footer a:hover {color: #91FF8B;}

#seccontent #secleft {float: left; /*margin-top: 135px;*/ margin-top: 60px; border-left: 1px solid #1F2D6D; margin-left: 22%; width: 68%; padding: 30px 3% 12px 5%; line-height: 1.7em;}
/*
#seccontent #secleft {float: left; margin-top: 125px; width: 36%; padding: 10px 2%; line-height: 1.7em;}
#seccontent #secright {float: right; margin-top: 125px;  width: 54%; border-left: 1px solid #1F2D6D; padding: 10px 2%; line-height: 1.7em;}
*/
#secright, #secleft {font-size: 0.8em;}
#secright li, #secleft li, #home_split_right li {padding-left: 1.0em; background: url('/images/279.gif') no-repeat 2px 8px; display: block;}
#secright .localhead, #secleft .localhead {padding: 1.4em 0.1em 0.9em 0.2em; font-size: 1.1em; text-transform: uppercase; font-style: normal; font-weight: normal;}

#secleft #rss {padding-left: 22px; background: url('/images/281.gif') no-repeat 0 0; line-height: 16px; margin: 6px 0;}
#secleft #twitter {padding-left: 22px; background: url('/images/280.gif') no-repeat 0 0; line-height: 16px;  margin: 6px 0;}

#footer {clear: both; padding: 15px 25px; background: #121A40; color: #C4C5CA; font-size: 0.9em;}
#footer a {color: #E3E3E3}

/* header */
h1#logo, p#logo {display: block; width: 140px; height: 110px; position: absolute; top: 15px; left: 10px; font-size: 1em; font-weight: normal; margin: 0;}
#logo a {display: block; width: 140px; height: 110px; color: #fdfdfd; text-transform: uppercase; border-bottom: none;}
#logo a span {display: none;}
#logo a:hover #home-hover {display: block; position: absolute; bottom: -5px; right: 20px; font-size: 11px;}

#menu {position: absolute; top: 139px; left: 450px;}
#menu li {display: block; float: left; margin: 0 5px; height: 20px;}
#menu li a, #menu li span {padding: 4px 8px 4px 8px; font-size: 1.0em; text-transform: uppercase; text-decoration: none; font-weight: bolder; color: #fff; border: none; /* 3px solid #EAEAEA; */}
#menu li a:hover, #menu li a.selected, #menu li span {color: #121a40; background: #fff; padding-bottom: 3px; border-bottom: 1px solid #345;}
#menu li a.selected {border-bottom: 1px solid #fff;}

#searchbox {position: absolute; top: 161px; background: #fff; left: 400px; width: 350px; padding: 10px; border: 1px solid #345;}
#searchbox input {padding: 1px 3px; line-height: 1.4em; font-size: 0.8em;}
#searchbox #searchkeyword {width: 250px;}
#searchbox #searchsubmit {padding: 1px 7px;}
#searchbox #close {position: absolute; right: 3px; top: 3px; font-size: 0.8em; font-family: courier; border-bottom: none;}
#searchbox a:hover#close {border-bottom: 1px #345 solid;}

/* titulka a clanky */

h3#newest_articles, h3#older_articles, #home_split_right h4.localhead, h3#archiv a {font-size: 0.9em; text-transform: uppercase; font-weight: normal; margin: 0.4em 0 0.0em; letter-spacing: 0.01em;}
#home_split_right h4.localhead {margin: 0.8em 0 1.2em;}

#home_split {position: relative; margin: 20px 0;}
#home_split_left {margin-right: 140px; padding-right: 10px;}
#home_split_right {padding: 12px 5px 25px 15px; position: absolute; top: -5px; right: 0; width: 110px; _width: 135px; border-left: #1F2D6D 1px solid;}

/* posty */

.post h2.post-title,  .post h1.post-title {margin-bottom: -0.2em; line-height: 1.6em;}
.post .top_meta, .post .bottom_meta, .post .small_meta {text-transform: uppercase; font-weight: normal; color: #aaa; background: #fff; border-bottom: 1px solid #e6e6e6; padding: 0.4em 0; margin: 0.2em 0 0.6em; font-size: 0.8em;}
/* .post .top_meta a {color: #A0AADD; border-bottom: 1px solid #A0AADD;} */
.post .bottom_meta, .post .small_meta {font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: none; margin: 0.6em 0 2.2em;}
.post .entry p, .post .entry ul, .post .entry ol, .post .entry table {margin: 1.3em 0 1.9em 0;}
.post .entry li {margin-left: 2em;}
.post .entry ul li {margin-left: 0em; padding-left: 2em; background: url('/images/279.gif') no-repeat 18px 12px; display: block;}
.post .top_meta .dark {color: #3a3a3a;}
.post .small_meta {font-weight: normal;}
.post .small_meta span {font-weight: bold;}
.post .bottom_meta span {margin-right: 0.5em; padding-right: 0.5em;}
.post-actions {border-bottom: 1px solid #e6e6e6; padding-bottom: 8px; height: 27px;}
.post-sharers {float: right; width: 120px; position: relative;}
.share-to-fb, .vybrali-sme, .del-icio-us {width: 30px; font-size: 0.8em; padding-left: 0;  padding-right: 4px; text-decoration: none; border: none;}
.share-to-fb {background: url('/images/284.gif') no-repeat 0 0;}
.vybrali-sme {background: url('http://zena.sme.sk/storm/imgs/toolbar/doasdf_c.gif') no-repeat 0 0;}
.del-icio-us {background: url('/images/254.gif') no-repeat 0 0;}
.share-to-fb .tooltip, .del-icio-us .tooltip, .vybrali-sme .tooltip {display: none; position: absolute; padding: 3px; width: 150px; top: 30px; right: 0px; text-align: right;}

.fb-like {float:left; position: relative; left: 10px; top: 4px;}
.tweet-this {float: left; position: relative; left: 10px; top: 4px;}

#home_split .post h2.post-title {font-size: 1.5em; margin: 0.2em 0;}
/*#home_split .entry {height: 6.7em; overflow: hidden; margin-right: 30px;}*/
#home_split .entry {position: relative;}
/* #home_split .entry .tri_bodky {position: absolute; right: 0; top: 0;} */

#whereto {font-size: 1em; color: #bbb; clear: both; /*border-top: #1F2D6D 1px solid;*/ padding: 25px 35px 45px;}
#whereto p {margin: 0.3em 0 1.4em 1%;}
#whereto ul {margin: 0.3em 0 0.3em 2%; text-transform: uppercase; line-height: 1.6em; font-weight: bolder;}
/*#whereto li {display: block;}*/
#whereto #to_morearticles {font-size: 1.5em; margin-bottom: 25px; display: block;}
#whereto #to_navigation {font-size: 1.0em; margin-bottom: 5px;}
#whereto #to_other {font-size: 1.0em; margin-bottom: 3px;}
#whereto #to_search {font-size: 1.0em; margin-bottom: 3px;}

ol.comments li {display: block; margin: 0.8em; padding: 8px; border: 1px solid #ccc;}
ol.comments {margin: 2em 0;}

.comment p, .comments ul, .comment ol {margin: 1em 0.3em 1em;}

.comments_error {color: darkred; font-weight: bold; margin: 15px 5px;}
input.comments_error, textarea.comments_error {border: 2px solid darkred;}

.comment-form {text-align: left; 	font-size: 0.8em;}
input#preview {margin: 6px 4px;}
textarea.txpCommentInputMessage {width: 400px; height: 90px;}

#txpCommentInputForm {margin-top: 15px; width: 600px;}
#txpCommentInputForm label {font-size: 1.1em; margin-right: 3em;}

input {background-color: #E6EAE9; border: 1px solid #666; margin: 4px; padding: 1px 2px 1px 2px;}
textarea {background-color: #E6EAE9; border: 1px solid #666; padding: 2px; margin: 4px; font-family: "Trebuchet MS", Tahoma, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
