/*Theme Name:Bystre-1
URI:
Description:A magazine style theme with a fully customizable layout. Theme options include site width,1 or 2 widgetized sidebars,header logo,multiple front page grid layouts,Google Analytics,pagination,drop-down menus and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8.5 using Firefox 3.5,IE 7 & 8. Fully optimized for search engine ranking. Translation ready. 100% valid xHTML. Designed by <a href="http://themes.bavotasan.com/">Themes by bavotasan.com</a>.
Version:1.0
Author:Orol
Author URI:
Tags:right-sidebar, left-sidebar, fixed-width, three-columns, two-columns, white, custom-header, theme-options
The CSS,XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php*/
/* Basic Tag Elements */
a{text-decoration:none;outline:none;color:#323296/*#205B87*/}
a:hover{text-decoration:underline}
img{border:0}
body{color:#444;margin:0 auto;font-size:14px;padding:0;background:#fff}
h1 a,h2 a,h3 a,h4 a,h5 a{color:#222}
textarea{width:97%}
#leftontent table{border:0}
#leftontent table td{border:1px solid #eee;padding:5px 10px}
#leftontent table th{border:1px solid #eee;padding:5px 10px;background:#eee}
/* Header Elements */
#header{background:url(images/hlavicka.gif) no-repeat;float:left;width:100%}
#headerad{width:468px}
#login{height:16px;font-size:12px;color:#fff;text-align:right;padding:7px 20px;background:#323296/*url(images/login.png) repeat-x*/}
#login a{color:#fff}
#login ul{padding:0;margin:0}
#login ul li{display:inline}
.dot:before{content:url(images/whitedot.png) " "}
/*#title{font-size:48px;margin:30px 16px 0 0;padding:0;line-height:50px}*/
#title{font-size:60px;margin-top:40px;padding:0 20px;background:#fff;filter:alpha(opacity=90);opacity: 0.90;-moz-opacity:0.90}/*Spisske Bystre*/
#title a{color:#323296;padding:10px}
#title a:hover{color:#555;text-decoration:none}
#description{font-size:24px;margin-top:20px;padding:0 30px;background:#fff;filter:alpha(opacity=90);opacity: 0.90;-moz-opacity:0.90}/*vitajte*/
#navigation{margin:50px 0 0 0;float:left;clear:both;width:100%;background:#323296 /*url(images/nav.png)*/;position:relative;z-index:1000}
/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative}
.sf-menu a{display:block;position:relative}
.sf-menu li:hover ul, .sf-menu li.sfhover ul{left:0;top:2em;/* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfhover ul{left:10em;/* match ul width */top:0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfhover ul{left:10em;/* match ul width */top:0}
/*** DEMO SKIN ***/
.sf-menu{float:left;margin-bottom:0}
.sf-menu a{border-right:1px solid #fff;padding:.6em 1em .4em;text-decoration:none}
.sf-menu li li a{border:0}
.sf-menu a,.sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#fff}
.sf-menu li{}
.sf-menu li li{background:#888}
.sf-menu li li li{background:#888}
.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:#666;outline:0}
/*** arrows **/
.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:.90em;/* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(images/arrows-ffffff.png) no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator{/* give all except IE6 the correct values */top:.65em;background-position:0 -100px;/* use translucent arrow for modern browsers*/}/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfhover > a > .sf-sub-indicator{background-position:-10px -100px;/* arrow hovers for modern browsers*/}/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{background-position:-10px 0}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0}/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfhover > a > .sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url(images/shadow.png) no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}
#sub-navigation{clear:both;border-bottom:3px solid #323296;float:left;width:100%;padding:2px 0 0 0;z-index:50;position:relative;background:#fff}
#sub-navigation ul{padding:0 0 0 8px;margin:0}
#sub-navigation li{list-style-type:none;float:left;font-size:12px;padding:0 10px 0 0;text-transform:uppercase;margin:0;line-height:24px;background:url(images/blackdot.png) right 5px no-repeat;position:relative}
#sub-navigation a{color:#222;padding:0 5px}
#sub-navigation a:hover{text-decoration:underline}
#sub-navigation ul li:hover ul{display:block; }
#sub-navigation ul li:hover ul ul{display:none; }
#sub-navigation ul ul{position:absolute; top:24px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top:1px solid #000; z-index:500}
#sub-navigation ul ul li{position:relative; border:1px solid #aaa; border-top:0;width:159px; margin:0; padding:0; background:none}
#sub-navigation ul ul li a{display:block; padding:0 7px 0 12px; color:#555; background-color:#fff; border-right:0; font-size:12px; }
#sub-navigation ul ul li a:hover{background-color:#eee}
#sub-navigation ul ul li:hover ul{display:block; }
#sub-navigation ul ul ul{left:159px; top:-1px; display:none; }
#sub-navigation li.nodot{background:none;z-index:-50}
#sub-navigation li.right-d{float:right}
/* Main Elements */
#mainwrapper{float:left;padding:15px 10px;margin:0;border-top:5px solid #87CEEB;background:#f0f8ff}
#sidebar{float:left;margin:0 10px;padding:5px 0 0}
#secondsidebar{float:left;margin:0 10px;padding:5px 0 0}
.side{line-height:20px;font-size:18px;margin-bottom:0}
.side-widget{float:left;margin:0 0 15px;padding:0 10px 15px;background:#def}
.side-widget ul{padding:0;margin:0;list-style-type:none}
.side-widget ul li{padding:0;margin:0;font-size:13px}
.side-widget ul li{padding-left:15px;margin:2px 0}
.side-widget h2{font-size:14px;padding:10px 0 5px;margin-top:0;text-transform:uppercase;background:url(images/h2line.gif) repeat-x bottom}
.side-widget .storycontent{border-bottom:1px solid #ddd}
.side-widget .noline{border-bottom:0}
.side-widget #s{margin-top:15px;padding:2px;width:94%}
.storycontent{line-height:18px;font-size:14px}
.posts{border-bottom:1px solid #eee;margin-bottom:10px;float:left;width:100%}
.posts h2{margin:10px 0 0}
.posts img{margin:10px 10px 10px 0;float:left}
.readmore{color:#323296}
#footer{clear:both;float:left;width:100%;padding:10px 0;text-align:center;font-size:11px;border-top:1px solid #888;background:#fff}
/* Left Content Elements */
#leftcontent{float:left;margin:0 10px;padding:0}
#leftcontent h5.latest{font-family:Verdana,Arial,Helvetica,sans-serif;margin:0;padding:0;color:#323296;margin-bottom:5px;font-size:14px}
#leftcontent h1{margin:0;padding:0;font-size:24px;line-height:26px}
#leftcontent .post h1,#leftcontent .ind-post h1,#leftcontent .twopost h1,#leftcontent .pages h1,#leftcontent h1.catheader, #leftcontent .threepost h1{margin-top:5px;font-size:36px;font-family:Georgia,Times,serif;font-weight:normal;line-height:38px;color:#222}
#leftcontent h1.catheader{color:#323296;margin-bottom:15px}
#leftcontent .twopost h1{font-size:26px;line-height:28px}
#leftcontent .threepost h1{font-size:20px;line-height:22px}
#leftcontent .postmetadata{clear:both;line-height:14px}
#leftcontent .post .entry{font-size:14px;line-height:18px}
#leftcontent .date{margin-bottom:5px;font-style:italic;color:#888}
#leftcontent .meta{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#444}
#leftcontent .catdesc{background:#f7f7f7;border:3px double #ddd;padding:0 10px;color:#666;font-size:13px;line-height:15px;margin-bottom:10px}
/* This is your subtitle style */
#leftcontent p.sub{font-size:24px;line-height:26px;font-weight:bold;font-style:italic;margin:10px 0 0}
/* This is your blockquote style */
#leftcontent .entry .pullquote{width:250px;font-size:24px;line-height:26px;float:right;margin:0 0 0 30px;padding:0;font-style:italic}
#leftcontent .entry .pullquote p{padding:0;margin:0}
#leftcontent a.more-link{clear:both;width:60px;text-align:center;display:block;color:#fff;margin:12px 0;background:#aaa;padding:0px 8px;font-size:11px;line-height:20px}
#leftcontent a:hover.more-link{text-decoration:none;background:#666}
.tags a{color:#323296}
.ind-post,.post{float:left;border-bottom:1px solid #000;margin-bottom:10px;padding-bottom:10px;width:100%}
.ind-post img{margin:0 10px 5px 0}
#twocol{float:left;margin-bottom:3px;padding:10px 0 0;background:url(images/line.gif) repeat-y 50% 0}
#twocol img{margin:0 8px 5px 0}
#twocol hr.two{height:0;border:0;clear:both;border-bottom:1px solid #eee}
.mainhr{float:left;background:#000;clear:both;width:100%;height:1px;margin:10px 0}
.twopost{width:46%;float:left}
.twopost2,.twopost4{margin-left:7.5%}
.twopost3,.twopost4{border-top:1px solid #eee;padding-top:5px}
.twopost1,.twopost3{clear:left}
#threecol{float:left;background:url(images/line.gif) repeat-y 31.5% 0;margin-top:3px;width:100%}
#threecol2{float:left;padding:0;background:url(images/line.gif) repeat-y 67% 0;width:100%}
#threecol img{margin:0px 5px 5px 0}
.threepost{width:29%;float:left;border-top:1px solid #000;padding-top:10px}
.threepost2,.threepost5{padding:10px 0 0;margin:0 6%}
.threepost1,.threepost2,.threepost3{border-top:0}
.threepost1,.threepost4{clear:left}
/* Pagination */
.pagination{margin:20px 0 10px;float:left;background:#def;width:97%;padding:12px 1% 10px}
.pagination a{padding:3px 4px 2px 4px; margin:2px;text-decoration:none;border:1px solid #ccc;color:#666;background-color:#fff}
.pagination a:hover{border:1px solid #444;color:#444;background-color:#fff}
.pagination span.pages{padding:3px 4px 2px 4px; margin:2px 2px 2px 2px;color:#666;border:1px solid #ccc;background-color:#fff}
.pagination span.current{padding:3px 4px 2px 4px; margin:2px;border:1px solid #666;color:#444;background-color:#fff}
.pagination span.extend{padding:3px 4px 2px 4px; margin:2px;border:1px solid #ccc;color:#444;background-color:#fff}
/* Other Elements */
.red,.entry a{color:#323296}
#tagcloud{width:400px;text-align:center;margin:auto;padding:20px}
#tagcloud a{color:#323296}
/* Comment Elements */
#postcomments{padding-top:20px}
h3#comments,#respond h3{color:#333; font:normal 200% georgia, times, serif; margin:10px 0; clear:left; }
#respond p{font-size:11px; margin:0 0 1em; }
ol.commentlist{list-style:none; margin:0; padding:0; float:left; }
ol.commentlist li{margin:0 0 10px; padding:20px 0 20px 20px;  }
.commentlist .even{background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.commentlist .avatar{float:right;padding:5px;border:1px solid #ddd;margin:0 20px 10px 10px;background:#fff}
.commentlist .comment-author{font-size:12px}
.commentlist .comment-text{padding:0 20px 0 0}
.commentlist .url{font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic}
ol.commentlist li div.reply{background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica, arial, sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover{background:#323296; border:1px solid #323296}
ol.commentlist li div.reply a{color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children{margin:16px 20px 0 0; padding:0 0 0 20px; list-style-image:url(images/commentarrow.png); }
ol.commentlist ul.children li.odd{background:#fff; }
ol.commentlist ul.children li.even{background:#eee; }
/* WordPress Required Elements */
.aligncenter, div.aligncenter{display:block;   margin:5px auto}
.alignleft,div.alignleft{float:left;   margin:5px 15px 5px 0}
.alignright,div.alignright{float:right;   margin:5px 0 5px 15px}
.alignnone{margin:5px 0}
.wp-caption{border:1px solid #ddd;   text-align:center;   background-color:#f3f3f3;   padding-top:4px;   margin:0;
/* optional rounded corners for browsers that support it */
-moz-border-radius:3px;   -khtml-border-radius:3px;   -webkit-border-radius:3px;   border-radius:3px}
.wp-caption img{margin:0;   padding:0;   border:0 none}
.wp-caption p.wp-caption-text{font-size:11px;   line-height:17px;   padding:0 4px 5px;   margin:0}
#today{color:#323296}
#wp-calendar{margin:auto}
/*moje*/
.ikona{float:left;margin-right:10px}/*ikona k clanku*/