/*
Theme Name: Magazine Basic
Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic
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: 2.5.6
Author: c.bavota
Author URI: http://themes.bavotasan.com/
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 { color: #205B87; outline: none; text-decoration: none; }
a > .sf-sub-indicator { background-position: 0 -100px; /* use translucent arrow for modern browsers*/ /* give all except IE6 the correct values */ top: .65em; }
a:hover, #sub-navigation a:hover { text-decoration: underline; }
/* 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*/ }
body { background: #eee; color: #444; font-size: 14px; margin: 0 auto; padding: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, #title a { color: #222; }
h3#comments, #respond h3 { clear: left; color: #333; font: normal 200% georgia,times,serif; margin: 10px 0; }
ol.commentlist { float: left; list-style: none; margin: 0; padding: 0; }
ol.commentlist li { margin: 0 0 10px; padding: 20px 0 20px 20px; }
ol.commentlist li div.reply { background: #999; border: 1px solid #666; border-radius: 2px; color: #fff; font: bold 9px/1 helvetica,arial,sans-serif; -moz-border-radius: 2px; padding: 6px 5px 4px; text-align: center; -webkit-border-radius: 2px; width: 36px; }
ol.commentlist li div.reply a { color: #fff; text-decoration: none; text-transform: uppercase; }
ol.commentlist li div.reply:hover { background: #cc0000; border: 1px solid #cc0000; }
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.even { background: #eee; }
ol.commentlist ul.children li.odd { background: #fff; }
textarea { width: 97%; }
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; /* match ul width */ top: 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; }
/* WordPress Required Elements */
.aligncenter,
div.aligncenter { display: block; margin: 5px auto; }
.alignleft, div.alignleft { float: left; margin: 5px 15px 5px 0; }
.alignnone { margin: 5px 0; }
.alignright, div.alignright { float: right; margin: 5px 0 5px 15px; }
.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 .even { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.commentlist .url { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; }
.dot:before { content: url(images/whitedot.png) " "; }
.ind-post img { margin: 0px 10px 5px 0; }
.ind-post, .post { border-bottom: 1px solid #eee; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
.mainhr { background: #eee; clear: both; float: left; height: 1px; margin: 10px 0; width: 100%; }
/* Pagination */	
.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: #FFFFFF; border: 1px solid #ccc; color: #666; margin: 2px; padding: 3px 4px 2px 4px; text-decoration: none; }
.pagination a:hover { background-color: #FFFFFF; border: 1px solid #444; color: #444; }
.pagination span.current { background-color: #FFFFFF; border: 1px solid #666; color: #444; margin: 2px; padding: 3px 4px 2px 4px; }
.pagination span.extend { background-color: #FFFFFF; border: 1px solid #ccc; color: #444; margin: 2px; padding: 3px 4px 2px 4px; }
.pagination span.pages { background-color: #FFFFFF; border: 1px solid #ccc; color: #666; margin: 2px 2px 2px 2px; padding: 3px 4px 2px 4px; }
.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; }
.red, .entry a, #tagcloud a, #today, .readmore, .tags a { color: #cc0000; }
.sf-menu { line-height: 1.0; }
/*** DEMO SKIN ***/
.sf-menu { float: left; margin-bottom: 0; }
.sf-menu a { display: block; position: relative; }
.sf-menu a { border-right: 1px solid #fff; padding: .6em 1em .4em; text-decoration: none; }
/*** arrows **/
.sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ padding-right: 2.25em; }
.sf-menu li { float: left; position: relative; }
.sf-menu li { }
.sf-menu li li a, img, #leftontent table { border: 0; }
.sf-menu li li, .sf-menu li li li { background: #888; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li:hover ul,
.sf-menu li.sfhover ul { left: 0; top: 2em; /* match top ul list item height */ 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 ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.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; }
/* point right for anchors in subs */
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
.sf-menu ul li { width: 100%; }
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; }
/* apply hovers to modern browsers */
/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url(images/shadow.png) no-repeat bottom right; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; padding: 0 8px 9px 0; -webkit-border-bottom-left-radius: 17px; -webkit-border-top-right-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
.sf-sub-indicator { background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ display: block; height: 10px; overflow: hidden; position: absolute; right: .75em; text-indent: -999em; top: .90em; /* IE6 only */ width: 10px; }
.side { font-size: 18px; line-height: 20px; margin-bottom: 0; }
.side-widget { background: url(images/bg-hatch.gif); border: 1px solid #ddd; border-bottom-color: #ccc; border-right-color: #ccc; float: left; margin: 0 0 15px; padding: 0 10px 15px; }
.side-widget #s { margin-top: 15px; padding: 2px; width: 94%; }
.side-widget .noline { border-bottom: 0; }
.side-widget .storycontent { border-bottom: 1px solid #ddd; }
.side-widget h2 { background: url(images/h2line.gif) repeat-x bottom; font-size: 14px; margin-top: 0; padding: 10px 0 5px; text-align: center; text-transform: uppercase; }
.side-widget ul { list-style-type: none; margin: 0; padding: 0; }
.side-widget ul li { font-size: 13px; margin: 0; padding: 0; }
.side-widget ul li { margin: 2px 0; padding-left: 15px; }
.storycontent, #leftcontent .post .entry { font-size: 14px; line-height: 18px; }
.threepost { border-top: 1px solid #eee; float: left; padding-top: 10px; width: 29%; }
.threepost1, .threepost2, .threepost3 { border-top: 0; }
.threepost2, .threepost5 { margin: 0 6%; padding: 10px 0 0; }
.twopost { float: left; width: 46%; }
.twopost1, .twopost3, .threepost1, .threepost4 { clear: left; }
.twopost2, .twopost4 { margin-left: 7.5%; }
.twopost3, .twopost4 { border-top: 1px solid #eee; padding-top: 5px; }
.wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; -khtml-border-radius: 3px; margin: 0; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; padding-top: 4px; text-align: center; -webkit-border-radius: 3px; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
#description { font-size: 14px; margin: 10px 16px 0; padding: 0; }
#footer { background: #fff; border-top: 1px solid #888; clear: both; float: left; font-size: 11px; padding: 10px 0; text-align: center; width: 100%; }
/* Header Elements */
#header{ background: #fff; float: left; width: 100%; }
#headerad { width: 468px; }
/* Left Content Elements */
#leftcontent { float: left; margin: 0 10px; padding: 0; }
#leftcontent .catdesc { background: #f7f7f7; border: 3px double #ddd; color: #666; font-size: 13px; line-height: 15px; margin-bottom: 10px; padding: 0 10px; }
#leftcontent .date { color: #888; font-style: italic; margin-bottom: 5px; }
/* This is your blockquote style */
#leftcontent .entry .pullquote { float: right; font-size: 24px; font-style: italic; line-height: 26px; margin: 0 0 0 30px; padding: 0; width: 250px; }
#leftcontent .meta { color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#leftcontent .post h1, 
#leftcontent .ind-post h1, 
#leftcontent .twopost h1, 
#leftcontent .pages h1, 
#leftcontent h1.catheader,
#leftcontent .threepost h1 { color: #222; font-family: Georgia, Times, serif; font-size: 36px; font-weight: normal; line-height: 38px; margin-top: 5px; }
#leftcontent .postmetadata { clear: both; line-height: 14px; }
#leftcontent .threepost h1 { font-size: 20px; line-height: 22px; }
#leftcontent .twopost h1 { font-size: 26px; line-height: 28px; }
#leftcontent a.more-link { background: #aaa; clear: both; color: #fff; display: block; font-size: 11px; line-height: 20px; margin: 12px 0; padding: 0px 8px; text-align: center; width: 60px; }
#leftcontent a:hover.more-link { background: #666; text-decoration: none; }
#leftcontent h1 { font-size: 24px; line-height: 26px; margin: 0; padding: 0; }
#leftcontent h1.catheader { color: #cc0000; margin-bottom: 15px; }
#leftcontent h5.latest { color: #cc0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; margin-bottom: 5px; padding: 0; }
/* This is your subtitle style */
#leftcontent p.sub { font-size: 24px; font-style: italic; font-weight: bold; line-height: 26px; margin: 10px 0 0; }
#leftontent table td { border: 1px solid #eee; padding: 5px 10px; }
#leftontent table th { background: #eee; border: 1px solid #eee; padding: 5px 10px; }
#login { background: url(images/login.png) repeat-x; color: #fff; font-size: 12px; height: 16px; padding: 10px 20px 15px; text-align: right; }
#login a, .sf-menu a, .sf-menu a:visited { color: #fff; }
#login ul li { display: inline; }
#login ul, #leftcontent .entry .pullquote p { margin: 0; padding: 0; }
/* Main Elements */
#mainwrapper { background: #fff; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; float: left; margin: 0; padding: 15px 10px; }
#navigation { background: url(images/nav.png); clear: both; float: left; margin: 20px 0 3px; position: relative; width: 100%; z-index: 1000; }
/* Comment Elements */
#postcomments { padding-top: 20px; }
#respond p { font-size: 11px; margin: 0 0 1em; }
#sidebar, #secondsidebar { float: left; margin: 0 10px; padding: 5px 0 0; }
#sub-navigation { border-bottom: 1px solid #888; clear: both; float: left; padding: 2px 0 0; position: relative; width: 100%; z-index: 50; }
#sub-navigation a { color: #222; padding: 0 5px; }
#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; text-transform: uppercase; }
#sub-navigation li.nodot { background: none; z-index: -50; }
#sub-navigation li.right-d { float: right; }
#sub-navigation ul { margin: 0; padding: 0 0 0 8px; }
#sub-navigation ul li:hover ul ul { display: none; }
#sub-navigation ul li:hover ul, #sub-navigation ul ul li:hover ul { display: block; }
#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; }
#sub-navigation ul ul ul { display: none; left: 159px; top: -1px; }
/* Other Elements */
#tagcloud { margin: auto; padding: 20px; text-align: center; width: 400px; }
#threecol { background: url(images/line.gif) repeat-y 31.5% 0; float: left; margin-top: 3px; width: 100%; }
#threecol img { margin: 0px 5px 5px 0; }
#threecol2 { background: url(images/line.gif) repeat-y 67% 0; float: left; padding: 0; width: 100%; }
#title { font-size: 40px; line-height: 50px; margin: 20px 16px 0; padding: 0; }
#title a:hover { color: #cc0000; text-decoration: none; }
#twocol { background: url(images/line.gif) repeat-y 50% 0; float: left; margin-bottom: 3px; padding: 10px 0 0; }
#twocol hr.two { border: 0; border-bottom: 1px solid #eee; clear: both; height: 0; }
#twocol img { margin: 0px 8px 5px 0; }
#wp-calendar { margin: auto; }