/*
Theme Name: Magazine Basic
Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic
Description: Built for WordPress 3.0. 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, new WP 3.0 menu system, Google Analytics, pagination, drop-down menus and tons more. Also includes dynamic SEO keywords and site descriptions. Tested in Firefox 3.6, IE 7 & 8, Safari 5 and Chrome 7. 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: 3.0
Author: c.bavota
Author URI: http://themes.bavotasan.com/
Tags: right-sidebar, left-sidebar, flexible-width, three-columns, two-columns, white, custom-header, theme-options, custom-background, custom-menu, threaded-comments, sticky-post, translation-ready

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* Basic Tag Elements */
a{color:navy;outline:none;text-decoration:underline}
body{background:#eee;color:#444;font-size:14px;margin:0 auto;padding:0}
h1 a,h2 a,h3 a,h4 a,h5 a{color:navy;font-weight:700}
textarea{width:97%}
#leftontent table td{border:1px solid #eee;padding:2px 5px}
#leftontent table th{background:#eee;border:1px solid #eee;padding:2px 5px}
.fl{float:left}
.clear{clear:both}
#header{background:#fff;float:left;width:100%}
#headerad{margin:24px 20px 16px;text-align:center}
#login{background:url(images/login.png) repeat-x;color:#fff;font-size:12px;height:16px;padding:10px 20px 15px;text-align:right}
#login ul li{display:inline}
.dot:before{content:url(images/whitedot.png) " "}
#title{margin:20px 16px 0;padding:0}
#title a{color:#222;font-size:48px;line-height:50px}
#title.aligncenter{margin:20px auto 0;text-align:center}
#title.fr,#description.fr{clear:right;text-align:right}
#title a:hover{color:#c00;text-decoration:none}
.headerimage img{margin:20px 16px 0}
.headerimage .aligncenter{margin:20px auto 0!important}
#description{clear:left;font-size:14px;margin:0 16px 20px;padding:0}
#description.aligncenter{clear:both;margin:0 auto 20px;text-align:center}
.main-navigation{background:url(images/nav.png);clear:both;float:left;margin:0;position:relative;width:100%;z-index:1000}
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0}
.sf-menu{float:left;line-height:1.0;margin-bottom:0}
.sf-menu ul{position:absolute;top:-999em;width:10em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left;position:relative}
.sf-menu a{border-right:1px solid #fff;display:block;padding:.6em 1em .4em;position:relative;text-decoration:none}
.sf-menu li:hover ul,.sf-menu li.sfhover ul{left:0;top:2em;z-index:99}
.sf-menu li:hover,.sf-menu li.sfhover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:#666;outline:0}
.sf-menu a.sf-with-ul{min-width:1px;padding-right:2.25em}
.sf-sub-indicator{background:url(images/arrows-ffffff.png) no-repeat -10px -100px;display:block;height:10px;overflow:hidden;position:absolute;right:.75em;text-indent:-999em;top:.90em;width:10px}
a > .sf-sub-indicator{background-position:0 -100px;top:.65em}
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}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0}
.sf-shadow ul{-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-bottom-left-radius:17px;-webkit-border-top-right-radius:17px;background:url(images/shadow.png) no-repeat bottom right;padding:0 8px 9px 0}
.sf-shadow ul.sf-shadow-off{background:transparent}
.sub-navigation{border-bottom:1px solid #888;clear:both;float:left;padding:5px 0 0;position:relative;width:100%;z-index:50}
.sub-navigation ul{margin:0;padding:0 0 0 8px}
.sub-navigation li{background:url(images/blackdot.png) right 5px no-repeat;float:left;font-size:12px;line-height:24px;list-style-type:none;margin:0;padding:0 10px 0 0;position:relative}
.sub-navigation a{color:#222;padding:0 5px}
.sub-navigation ul li:hover ul ul{display:none}
.sub-navigation ul ul{background:#fff;border-top:1px solid #000;display:none;left:0;list-style:none;margin:0;padding:0;position:absolute;top:24px;z-index:500}
.sub-navigation ul ul li{background:none;border:1px solid #aaa;border-top:0;margin:0;padding:0;position:relative;width:159px}
.sub-navigation ul ul li a{background-color:#fff;border-right:0;color:#555;display:block;font-size:12px;padding:0 7px 0 12px}
.sub-navigation ul ul li a:hover{background-color:#eee;text-decoration:none}
.sub-navigation ul ul ul{display:none;left:159px;top:-1px}
.sub-navigation li.nodot{background:none;z-index:-50}
#mainwrapper{background:#fff;border-bottom:2px solid #ccc;border-top:2px solid #ccc;float:left;margin:1px;padding:15px 10px}
#sidebar{float:left;margin:0 3px;padding:3px 0 0}
#secondsidebar{float:left;margin:3px 0;padding:0 0 3px}
.side{font-size:18px;line-height:20px;margin-bottom:0}
.side-widget{background-color:#FFF;border:2px solid #ddd;border-bottom-color:#ccc;border-right-color:#ccc;float:left;margin:0 0 15px;padding:0 10px 15px}
.side-widget ul{list-style-type:square;margin:2px;padding-left:7px}
.side-widget ul li{font-size:13px;margin:1px;padding-left:0}
.side-widget h2{background:url(images/h2line.gif) repeat-x bottom;font-size:14px;margin-top:0;padding:5px 0 2px 5px;text-align:center;text-transform:uppercase}
.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{color:#000;font-size:14px;line-height:18px;word-wrap:break-word}
.posts{border-bottom:1px solid #eee;float:left;margin-bottom:10px;width:100%}
.posts h2{margin:10px 0 0}
.posts img{float:left;margin:10px 10px 10px 0}
#footer{background:#fff;border-top:1px solid #888;clear:both;float:left;font-size:11px;padding:10px 0;text-align:center;width:100%}
#leftcontent{border:2px solid #e8e8e8;color:#000;float:left;margin:0 5px;padding:0}
#leftcontent h5.latest{color:#c00;font-family:Arial;font-size:15px;margin:0 0 5px;padding:0}
#leftcontent h1{font-size:22px;font-weight:700;line-height:26px;margin:0;padding:0}
#leftcontent .post h1,#leftcontent .ind-post h1,#leftcontent .twopost h1,#leftcontent .pages h1,#leftcontent h1.catheader,#leftcontent .threepost h1{color:#069;font-family:Arial;font-size:20px;font-weight:400;line-height:20px;margin-top:5px}
#leftcontent h1.catheader{color:#c00;margin-bottom:15px}
#leftcontent .twopost h1{color:#069;font-size:16px;line-height:20px}
#leftcontent .threepost h1{font-size:16px;line-height:20px}
#leftcontent .postmetadata{clear:both;line-height:14px}
#leftcontent .post .entry{font-size:14px;line-height:16px}
#leftcontent .date{color:#888;font-style:italic;margin-bottom:5px}
#leftcontent .meta{color:#444;font-family:Arial;font-size:11px}
#leftcontent .catdesc{background:#f7f7f7;border:3px double #ddd;color:#666;font-size:13px;line-height:15px;margin-bottom:10px;padding:0 10px}
#leftcontent p.sub{font-size:24px;font-style:italic;font-weight:700;line-height:26px;margin:10px 0 0}
#leftcontent .entry .pullquote{float:right;font-size:24px;font-style:italic;line-height:26px;margin:0 0 0 30px;padding:0;width:250px}
#leftcontent a.more-link{background:#aaa;clear:both;color:#fff;display:block;font-size:11px;line-height:20px;margin:12px 0;padding:0 8px;text-align:center;width:60px}
#leftcontent a:hover.more-link{background:#666;text-decoration:none}
.ind-post,.post{border-bottom:1px solid #eee;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;word-wrap:break-word}
.ind-post img{margin:0 10px 5px 0}
#twocol{background:url(images/line.gif) repeat-y 50% 0;float:left;margin-bottom:3px;padding:10px 0 0}
#twocol img{margin:0 8px 5px 0}
#twocol hr.two{border:0;border-bottom:1px solid #eee;clear:both;height:0}
.mainhr{background:#eee;clear:both;float:left;height:1px;margin:10px 0;width:100%}
.twopost{float:left;width:46%;word-wrap:break-word}
.twopost img,.threepost img,.twopost embed,.threepost embed{height:auto!important;max-width:100%}
.twopost2,.twopost4{margin-left:7.5%}
.twopost3,.twopost4{border-top:1px solid #eee;padding-top:5px}
#threecol{background:url(images/line.gif) repeat-y 31.5% 0;float:left;margin-top:3px;width:100%}
#threecol2{background:url(images/line.gif) repeat-y 67% 0;float:left;padding:0;width:100%}
#threecol img{margin:0 5px 5px 0}
.threepost{border-bottom:1px solid #fff;border-top:1px solid #eee;float:left;padding-top:10px;width:29%;word-wrap:break-word}
.threepost2,.threepost5{margin:0 6%;padding:10px 0 0}
.threepost1,.threepost2,.threepost3{border-top:1px solid #eee}
.pagination{background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd;float:left;margin:20px 0 10px;padding:12px 1% 10px;width:97%}
.pagination a{background-color:#FFF;border:1px solid #ccc;color:#666;margin:2px;padding:3px 4px 2px;text-decoration:none}
.pagination a:hover{background-color:#FFF;border:1px solid #444;color:#444}
.pagination span.pages{background-color:#FFF;border:1px solid #ccc;color:#666;margin:2px;padding:3px 4px 2px}
.pagination span.current{background-color:#FFF;border:1px solid #666;color:#444;margin:2px;padding:3px 4px 2px}
.pagination span.extend{background-color:#FFF;border:1px solid #ccc;color:#444;margin:2px;padding:3px 4px 2px}
#tagcloud{margin:auto;padding:20px;text-align:center;width:80%}
#postcomments{padding-top:20px}
h3#comments,#respond h3{clear:left;color:#333;font:normal 200% georgia,times,serif;margin:10px 0}
#respond p{font-size:11px;margin:0 0 1em}
ol.commentlist{float:left;list-style:none;margin:0;padding:0}
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{background:#fff;border:1px solid #ddd;float:right;margin:0 20px 10px 10px;padding:5px}
.commentlist .comment-author{font-size:12px}
.commentlist .comment-text{padding:0 20px 0 0}
.commentlist .url{font-family:Arial;font-size:16px;font-style:italic}
ol.commentlist li div.reply{-moz-border-radius:2px;-webkit-border-radius:2px;background:#999;border:1px solid #666;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:#c00;border:1px solid #c00}
ol.commentlist li div.reply a{color:#fff;text-decoration:none;text-transform:uppercase}
ol.commentlist li ul.children{list-style-image:url(images/commentarrow.png);margin:16px 20px 0 0;padding:0 0 0 20px}
ol.commentlist ul.children li.odd{background:#fff}
ol.commentlist ul.children li.even{background:#eee}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignleft,div.alignleft{float:left;margin:5px 15px 5px 0}
.content .storycontent .alignleft,.search .storycontent .alignleft,.archive .storycontent .alignleft{margin-top:0}
.alignright,div.alignright{float:right;margin:5px 0 5px 15px}
.alignnone{margin:5px 0}
.wp-caption{-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:0;padding-top:4px;text-align:center}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text,.gallery-caption{font-size:11px;line-height:14px;margin:0;padding:3px 4px 5px}
#wp-calendar{margin:auto}
a:hover,.sub-navigation a:hover{text-decoration:underline}
img,#leftcontent table,.sf-menu li li a{border:0}
.fr,.sub-navigation li.right-d{float:right}
#login a,.sf-menu a,.sf-menu a:visited{color:#fff}
#login ul,#leftcontent .entry .pullquote p{margin:0;padding:0}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfhover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfhover li ul{top:-999em}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfhover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfhover ul{left:10em;top:0}
.sf-menu li li,.sf-menu li li li{background:#888}
.sf-menu ul .sf-sub-indicator,.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}
.sub-navigation ul li:hover ul,.sub-navigation ul ul li:hover ul{display:block}
.readmore,.red,.entry a,#tagcloud a,#today{color:#c00}
#leftcontent a,.tags a{color:navy}
.twopost1,.twopost3,.threepost1,.threepost4{clear:left}
#content-ad,#content-top-ad{float:right;margin:3px}