/* ============================================================================
 == RESET =====
 =========================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

/* ============================================================================
 == LAYOUT =====
 =========================================================================== */

body { text-align: center; font: 62.5% Arial, sans-serif; background: #E4EBE9 url('../images/head-background-spacer.gif') repeat-x top left; }

.head { width: 1100px; height: 253px; margin: 0 auto; position: relative; }

.head .logo { position: absolute; top: 5px; left: 0px; }
.head .logo a { width: 300px; height: 87px; position: absolute; top: 29px; left: 112px; font-size: 40px; color: black; font-weight: bold; }
.head .logo a span { background-image: url('../images/head-logo.gif'); background-position: top center; }
.head .logo .photo { display: block; width: 93px; height: 115px; position: absolute; left: 17px; top: 12px; background: url('../images/head-logo-3.png') no-repeat top left; }

.head .searchform { position: absolute; right: 34px; top: 58px; }
.head .searchform input { padding: 5px; font-size: 16px; }
.head .searchform .input-text { border: 1px solid #576C72; padding: 6px 5px; }
.head .searchform .input-text.unfocused { border: 1px solid #9DB3B9;  }
.head .searchform .input-button { padding: 4px 5px; }
.head .searchform.unfocused { -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; }

.head .menu { position: absolute; right: 34px; }
.head .menu.line1 { top: 48px; }
.head .menu.line2 { top: 72px; }
.head .menu li { float: left; margin-left: 12px; padding-left: 17px; background: url('../images/head-menu-separator.gif') no-repeat center left; }
.head .menu li.first { background: none; }
.head .menu li a { padding: 2px 3px; font-weight: bold; font-size: 18px; color: #000000; text-decoration: none; }
.head .menu li a:hover { background-color: #E4EBE9 }

.head .menu2-wrapper { position: absolute; z-index: 20; top: 140px; left: 6px; width: 1089px; height: 46px; background: url('../images/head-menu2-left-corner.gif') no-repeat top left;  }
.head .menu2 { width: 100%; height: 100%; background: url('../images/head-menu2-right-corner.gif') no-repeat top right; }
.head .menu2 li { position: relative; float: left; margin-left: 2px; padding-left: 7px; background: url('../images/head-menu2-separator.gif') no-repeat center left; }
.head .menu2 li.first { background: none; }
.head .menu2 li a { display: block; padding: 0 12px; font-weight: bold; font-size: 17px; line-height: 46px; color: #ffffff; text-decoration: none; background: url('../images/head-menu2-link-over.gif') repeat-x 0 -46px; }
.head .menu2 li a:hover { background-position: top left; }
.head .menu2 li ul { display: none; position: absolute; top: 46px; left: 7px; background: #9CBABE; width: 200px; text-align: left; padding-bottom: 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.head .menu2 li ul li { float: none; margin: 0; padding: 0; background: none; }
.head .menu2 li ul li.first { background: none; padding-left: 0; }
.head .menu2 li ul li a { display: block; padding: 7px 12px; font-weight: bold; font-size: 14px; line-height: 18px; color: #ffffff; text-decoration: none; background: none; }
.head .menu2 li ul li a:hover { background-color: #739EA9; }
.head .menu2 li ul li ul { display: none; }

.head .decoration { width: 100%; height: 45px; margin: 0 auto; position: absolute; bottom: 0; left: 0; background: url('../images/head-left-corner.gif') no-repeat top left; }
.head .decoration .inner { width: 100%; height: 100%; background: url('../images/head-right-corner.gif') no-repeat top right; overflow: hidden; text-align: right; }
.head .decoration ul { float: right; margin-right: 10px; }
.head .decoration ul li { float: left; padding: 7px 5px 0 0; font-size: 12px; }
.head .decoration ul li.separator { padding: 17px 5px 0 0;  }
.head .decoration a { display: block; color: black; padding: 10px 0px; }
.head .decoration a.rss { padding-right: 30px; background: url('../images/misc-rss-ico.gif') no-repeat center right; }
.head .decoration a:hover { text-decoration: none; }

.body-wrapper { background-color: #31363E; color: #333333; }
.body { width: 1100px; margin: 0 auto; background: url('../images/body-background-spacer-left.gif') repeat-y top left;  }
.body-inner { width: 100%; background: url('../images/body-background-spacer-right.gif') repeat-y top right; text-align: left; }
.body .content { padding: 0 0px 20px 50px; width: 740px; float: left; font-size: 12px; line-height: 170%; }
.body .content.long-size { width: auto; padding: 0 47px 10px 47px; float: none; }
.body .content h1 { font-size: 30px; font-weight: bold; letter-spacing: -1px;  margin: 0 0 7px -3px; padding-bottom: 0; color: #000000; line-height: 110% }
.body .content p, .body .content ul, .body .content ol { font-size: 12px; line-height: 170%; margin: 0 0 15px 0; }
.body .content ul { list-style-type: disc; margin-left: 35px; }
.body .content ul ul { list-style-type: circle; }
.body .content ol { list-style-type: decimal; margin-left: 35px; }
.body .content ol ol { list-style-type: lower-alpha; }
.body .content h2 { font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 110%; margin: 10px 0 5px 0; color: #000000; }
.body .content h2 a { color: #CC0000; }
.body .content .post.list-clanku h2 { font-size: 16px; }
.body .content .subcategories-list { list-style: none; margin-left: 0; }
.body .content .subcategories-list li { font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 80%; margin: 10px 0 5px 0; color: #000000; }
.body .content .entry h2 { font-size: 1$px; font-weight: bold; letter-spacing: 0px; line-height: 80%; margin: 7px 0 5px 0; color: #CC0000; }
.body .content h3 { font-size: 14px; font-weight: bold; letter-spacing: 0px; line-height: 80%; margin: 7px 0 5px 0; color: #CC0000; }
.body .content h4 { font-size: 14px; font-weight: bold; color: #000000; line-height: 80%; margin: 7px 0 5px 0; }
.body .content h5 { font-size: 12px; font-weight: bold; color: #CC0000; line-height: 80%; margin: 7px 0 5px 0; }
.body .content h6 { font-size: 12px; font-weight: bold; color: #999999; line-height: 80%; margin: 7px 0 5px 0; }
.body .content h2.archive-pick { font-size: 28px; font-weight: bold; letter-spacing: -1px;  margin: 30px 0 15px 0; line-height: 80%; color: #000; }
.body .content h2.archive-pick a { color: #000; text-decoration: none; }
.body .content b, .body .content strong { font-weight: bold; }
.body .content em, .body .content i { background-color: #FED8D8; }
.body .content .navigation { border-top: 1px solid #d3d3d3; margin-top: 20px; border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; }
.body .content .navigation * { font-size: 14px; }
.body .content .navigation .alignleft { float: left; line-height: 38px; }
.body .content .navigation .alignright { margin-left: 30px; float: right; line-height: 38px; }
.body .content .prolonger { margin-bottom: 300px !important; }
.post { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px dotted silver; }
.post.leadarticle { border-bottom: none; margin-bottom: 0; padding-bottom: 0;  }
.post.subcatLead { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.body .subcategoryLeads { padding-bottom: 10px; border-bottom: 2px dotted silver; }
.post .postmetadata { clear: both; padding: 7px 10px; background: url('../images/post-spacer.png') repeat-x left bottom; border: 1px solid #E9E9E9; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.post .postmetadata p { margin-bottom: 0px;}
.body .content h2 small { font-size: 14px; font-weight: normal !important; }

.body .content .comment-box { border-top: 2px solid #e3e3e3; margin-top: 20px; border-bottom: 2px solid #e3e3e3; margin-bottom: 20px; }
.body .content .comment-box h3 { font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 80%; margin: 7px 0 10em 0; color: #333; }
.body .content .comment-box .commentlist { font-size: 12px; line-height: 18px; }
.body .content .comment-box .commentlist li { margin: 10px; border-top: 1px dashed silver; padding-top: 10px; }
.body .content .comment-box .commentlist li.first { border-top: none; padding-top: 0; }
.body .content .comment-box .commentlist .avatar { float: left; border: 5px solid #e3e3e3; margin: 0 10px 10px 0 }
.body .content .comment-box .commentlist .comment-author  { font-size: 14px; }
.body .content .comment-box .commentlist .comment-meta { font-size: 10px; }
.body .content .comment-box .commentlist p { clear: left; margin-top: 0; }
.body .content form { width: 100%; }
.body .content textarea { width: 98%; font-family: sans-serif; padding: 3px }
.body .content form h3 { font-size: 20px; color: #333; margin: 7px 0 7px 0; }
.body .content form label { font-size: 16px; }
.body .content form input { width: 200px; margin-right: 5px; }
.body .content form input#submit { width: auto; }
.body .content form#searchform { border-bottom: 1px dotted #c3c3c3; border-top: 1px dotted #c3c3c3; padding-top: 9px; width: 480px;}
.body .content form#searchform input { display: inline; padding: 7px; width: 380px; }
.body .content form#searchform input#submit { width: auto; padding: 5px; }
.body .content .posts { clear: both; }
.body .content .audio { padding-left: 20px; background: url('../images/icons/control_play_blue.png') no-repeat center left; }
.body .content .audio.playing { background-image: url('../images/icons/control_stop_blue.png'); }

.homepageTextTeaser { clear: both; padding: 7px 10px; background: url('../images/post-spacer.png') repeat-x left bottom; border: 1px solid #E9E9E9; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.homepageTextTeaser:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .homepageTextTeaser { height: 1%; }
.homepageTextTeaser { display: block; &height: 1%;  }

.socialky { padding-top: 7px; }
.socialky .share-link { padding: 2px 0 0 20px; height: 16px; margin-right: 10px; }
.socialky .share-link.fb { background: url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }
.socialky .share-link.sme { background: url(http://zena.sme.sk/storm/imgs/toolbar/doasdf_c.gif) no-repeat top left; }
.socialky .share-link.linkuj { background: url(http://linkuj.cz/img/linkuj_icon.gif) no-repeat top left; }
.socialky .share-link.addthis { background: url(http://s7.addthis.com/static/btn/sm-plus.gif) no-repeat top left; }

/* Begin Images */
img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.body .content img { margin: 2px 10px; }
.body .content img.nostyle { margin: 0 !important; }
.body .content img.alignleft  { margin-left: 0; }
.body .content img.alignright  { margin-right: 0; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { padding: 5px 10px; text-align: center; }
.wp-caption.alignleft  { padding: 5px 10px 10px 0; }
.wp-caption.alignright  { padding: 5px 0 10px 10px; }
.body .content .wp-caption img { padding: 0px; float: none; margin: 0 auto; }
.body .content .wp-caption .wp-caption-text,
.body .content .wp-caption .wp-caption-dd { line-height: 15px; background-color: #DBDBDB; text-align: center; font-size: 12px; font-weight: bold; margin: 0; }
.aligncenter, div.aligncenter { display: block; margin-left: auto;	margin-right: auto; }

hr { border: none; clear: both; visibility: hidden; height: 1px; }

.body .sidebar { font-size: 12px; border-right: none; width: 262px; float: right; margin-right: 6px; margin-bottom: 20px; }
.body .box { padding-bottom: 6px; }
.body .box h3 { padding: 9px 0 9px 9px; font-size: 16px; font-weight: bold; letter-spacing: -0.1px; margin-bottom: 12px; }
.body .box.first h3 {  }
.body .box h3 span { display: block; background-color: #CC0000; color: #FFFFFF; padding: 3px 7px; }
.body .box h3 span a { color: #FFFFFF; text-decoration: none; }
/*
.body .box h3.med-priority span { display: block; background-color: #E2E2E2; color: #CC0000; padding: 3px 7px; }
.body .box h3.med-priority span a { color: #CC0000; text-decoration: none; }
*/
.body .box p { font-size: 12px; line-height: 170%; margin: 0px 18px 10px 18px; }
.body .box .inner { margin: 0px 18px 10px 18px; }
.body .box ul li { font-size: 12px; margin: 0px 18px 10px 18px; }
.body .box h4 { font-size: 12px; line-height: 120%; margin: 0px 18px 10px 12px; }

.body .box h3 { border: 1px solid #D8D8D8; border-right: none; 
-moz-border-radius-topleft: 7px;  -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;  -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px;
}

.body .sidebar .box p.excerpt { font-size: 10px; line-height: 120%; }
.body .sidebar .box .aktt_tweets li { font-size: 12px; line-height: 170%; margin: 0px 18px 10px 18px;  }
.body .sidebar .box .append-separator { background: url('../images/body-sidebar-separator.gif') no-repeat bottom left; margin: 0px 18px 5px 18px; padding-bottom: 14px; }
.body .sidebar .box #aktt_tweet_form input { width: 97%; display: block;}
.body .sidebar .box #aktt_tweet_form input#aktt_tweet_submit { width: auto; margin-right: 0px; display: block;}
.body .sidebar .box.tagcloud ul { margin: 0px 18px 10px 18px; line-height: 220%; }

.body .grid { margin-bottom: 15px; padding-bottom: 6px; }
.body .grid h3 { font-size: 16px; font-weight: bold; letter-spacing: -0.1px; margin-bottom: 12px; margin-top: 0; line-height: 120%; padding: 0px 0px 5px 0px;  }
.body .grid h3 span, .body .grid h3 a { display: block; background-color: #2F6977; color: #FFFFFF; padding: 3px 7px; text-decoration: none; }
.body .grid a { color: #467E8B; }
.body .grid h4 { font-size: 14px; line-height: 120%; margin: 0px 0 10px 0; }
.body .grid p { margin: 0px 0 10px 0; }

.body .grid .slideshow { overflow: hidden; float: left; width: 170px; height: 170px; margin: 0 15px 15px 0; position: relative; }
.body .grid .slideshow ul { width: 170px; padding: 0; margin: 0; position: absolute; top: 0; left: 0;}
.body .grid .slideshow ul li { display: block; width: 170px; height: 170px; padding: 0; margin: 0; }
.body .grid .slideshow img { display: block; float: left; padding: 0; margin: 0; }
.body .grid .slideshow a { display: block; }

.body .grid.agentura h4 { margin: 0 0 10px 185px }

.body .grid.agentura { padding-bottom: 0; }
.body .grid.blogy { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px dotted silver; }




.error { padding: 10px; margin: 3px 0; background-color: #FCDFDC; border: 1px solid #E0AEA9; }
.notice { padding: 10px; margin: 3px 0; background-color: #E4FCDC; border: 1px solid #B1E0A9; }


.body a { color: #C21515; }
.body a:hover { text-decoration: none; }

.foot-wrapper { height: 85px; position: relative; background: url('../images/footer-background-spacer.gif') repeat-x top left; }
.foot { width: 1100px; height: 47px; margin: 0 auto; background: #ffffff url('../images/footer-left-corner.gif') no-repeat top left;  }
.foot-inner { width: 100%; height: 100%; background: url('../images/footer-right-corner.gif') no-repeat top right; }
.foot ul { margin: 0 20px; }
.foot ul li { float: left; font-size: 14px; color: #333333; line-height: 41px; margin: 0 3px; }
.foot ul li.right { float: right; color: #666; }
.foot ul li.right a { color: #666; }
.foot a { color: #333333; }
.foot a:hover { text-decoration: none; }
a.admin-link { position: absolute; left: 2px; bottom: 2px; color: #A4A3A3; font-size: 20px; text-decoration: none; }




.homepage-area.first .content { padding-bottom: 0px; }
.homepage-area.first .content .posts .post { padding-bottom: 0px; }
.homepage-area.second .content { width: 1000px; border-top: 2px dotted silver; padding: 20px 0 0 0; margin: 0px 0 10px 50px }
.homepage-area.second .content .post { width: 306px; height: 110px; float: left; margin-right: 27px; overflow: hidden; margin-bottom: 17px; }
.homepage-area.second .content .post h3 { margin: 1px 0 5px }

.post.no-bottom-decoration { border-bottom: none; }




/* ============================================================================
 == HELPERS =====
 =========================================================================== */

.width-100 { width: 100%; }
.width-75 { width: 75%; }
.width-50 { width: 50%; }
.width-25 { width: 25%; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.hidden { display: none; }
.clf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clf { height: 1%; }
.clf { &height: 1%; }
.clf { display: block; }


.imr { position: relative; display: block; overflow: hidden; text-decoration: none; }
.imr span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }