/*  
Theme Name: BlackMag
Theme URI: http://vernonkesner.com/
Description: Magazine Style Theme
Version: 0.1
Author: Vernon Kesner
Author URI: http://vernonkesner.com/
Tags: black, magazine, dark, clean
*/

/* for old posts */
.img_right { float: right; margin: 5px 0 5px 5px; }
.img_left { float: left; margin: 5px 5px 5px 0; }
.center { text-align: center; }
.space_right { margin-right: 10px; }

/* typography */
body { font-size: 62.5%;  /* 1em = 10px */ font-family: Tahoma, Helvetica, Arial, sans-serif; color: #000; }
#main_col, #sidebar_container { font-size: 1.3em; }
#footer_container { font-size: 1.2em; color: #fff; }
#copyright { font-size: 1em; color: #ccc; }

h1 { font-size: 1.9em; font-weight: normal; color: #333; }
#lead_story h1 { margin: 5px 0 8px; padding: 0; font-weight: normal; }
h1.page_top { margin: 5px 0 8px; padding: 0; font-weight: normal; color: #333; border-top: 3px double #777; border-bottom: 1px solid #777; margin: 5px 0; padding: 3px 0; text-transform: uppercase; }
h2 { font-size: 1.5em; color: #333; font-weight: normal; }
.floated_post h2, .floated_post2 h2 { margin: 15px 0 8px; padding: 0; font-weight: normal; font-size: 1.5em; }
h3 { font-size: 1.4em; color: #777; font-weight: normal; }
#sidebar_full h3, #sidebar_half h3, #sidebar_half2 h3, #footer_sidebar1 h3, #footer_sidebar2 h3, #footer_sidebar3 h3 { font-weight: bold; }
h4 { font-size: 1.3em; color: #333; font-weight: normal; }
h4.featured_post { font-size: 0.9em; border-top: 3px double #777; border-bottom: 1px solid #777; color: #333; margin: 3px 0 5px; padding: 3px 0; text-transform: uppercase; font-weight: bold; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

/* links */
a { color: #1c97da; }
a:hover { color: #1783be; }
a:active { color: #333; }
.floated_post h2 a, .floated_post2 h2 a { text-decoration: none; margin-top: 5px; padding-top: 0; }
.floated_post h2, .floated_post2 h2 { margin-top: 5px; padding-top: 0; }
h1 a { text-decoration: none; margin: 5px 0 8px; padding: 0; font-weight: normal; }
a.readmore { clear: left; background: #1c97da; color: #fff; font-weight: bold; padding: 3px 5px; text-decoration: none; float: left; margin: 2px 0 10px; }
a.readmore:hover { background: #1783be; }
a.logolink { position: absolute; display: block; width: 360px; height: 85px; top: 0; left: 0; }
h3 a.rsswidget { color: #333; text-decoration: none; }
h3 a.rsswidget img { display: none; }
#main_col a img { border: 0; }

#page_nav ul { margin: 0; padding: 0; font-size: 1.3em; }
#page_nav li { list-style: none; float: left; padding: 5px 0; }
#page_nav li a { color: #fff; text-decoration: none; padding: 5px 10px 11px; }
#page_nav li a:hover { background: #545353; }
/*
#page_nav li a.twitter { background: #1C97DA; }
#page_nav li a.rss { background: #F7B425; }
*/

/* search form backgrounds buttons */
#searchform { position: relative; padding-top: 5px; }
#searchform .inputbox { background: url(images/search_05.gif) no-repeat 0 0; width: 190px; height: 25px; padding: 5px 5px 0 6px; font-size: 0.9em; color: #000; }
#searchform .gosearch { background: url(images/search_07.gif) no-repeat 0 7px; width: 23px; height: 29px; position: absolute; top: 0; left: 208px; }
#searchform input { border: 0; }

/* sidebar lists */
#sidebar_full h3, #sidebar_half h3, #sidebar_half2 h3 { margin: 5px 0; padding: 3px 0; text-transform: uppercase; border-top: 3px double #777; border-bottom: 1px solid #777; font-size: 0.9em; color: #333; }
#footer_sidebar1 h3, #footer_sidebar2 h3, #footer_sidebar3 h3 { margin: 5px 0; padding: 3px 0; text-transform: uppercase; font-size: 0.9em; color: #f1f1f1; }
#sidebar_full ul, #sidebar_half ul, #sidebar_half2 ul { margin: 0 0 10px; padding: 0; }
#sidebar_full li, #sidebar_half li, #sidebar_half2 li { list-style: none; margin: 5px 0; padding: 0; }
#footer_sidebar1 ul, #footer_sidebar2 ul, #footer_sidebar3 ul { margin: 0; padding: 0; }
#footer_sidebar1 li, #footer_sidebar2 li, #footer_sidebar3 li { list-style: none; margin: 5px 0; padding: 0; }

/* layout */
body { text-align: center; background: #333; margin: 0; padding: 5px 0 0; }
#main_container { margin: 0 auto; width: 960px; text-align: left; background: #fff; }
#header { display: block; position: relative; height: 90px; background: url(images/name_02.gif) no-repeat 10px 5px; }
#search_form { position: absolute; width: 240px; top: 30px; left: 700px; }
#nav_container { display: block; clear: both; position: relative; height: 32px; background: url(images/bg-nav_10.gif) repeat-x; }
#subscribe { position: absolute; top: 7px; left: 840px; width: 100px; }
#content_area { display: block; clear: both; width: 940px; padding: 10px; }
#main_col, #sidebar_container { float: left; } 
#main_col { width: 620px; margin-right: 20px; }
#lead_story { width: 598px; padding: 5px 10px; margin: 5px 0 15px; background: url(images/bg-lead_14.gif) repeat; border: 1px solid #ccc; }
#lead_excerpt, #lead_image { float: left; } 
#lead_excerpt { width: 300px; margin: 0 6px 0 0; } 
#lead_excerpt p { margin: 5px 0 7px; padding: 0; }
#lead_image { width: 292px; }
.leaderimg { border: 1px solid #fff; }
.floated_post, .floated_post2 { width: 300px; float: left; margin: 15px 0; border-top: 1px dashed #ccc; }
.floated_post { margin-right: 20px; }
#homepage .floated_post, #homepage .floated_post2 { width: 300px; float: left; margin: 5px 0; border: 0; }
#homepage .floated_post { margin-right: 20px; }
#sidebar_container { width: 300px; }
#sidebar_full { width: 300px; }
#sidebar_half, #sidebar_half2 { float: left; width: 140px; }
#sidebar_half { margin-right: 20px; }
#footer_container { display: block; clear: both; background: url(images/bg-footer.gif) repeat; width: 940px; padding: 5px 10px 10px; }
#footer_sidebar1, #footer_sidebar2, #footer_sidebar3 { float: left; width: 300px; }
#footer_sidebar2 { margin: 0 20px; }
#copyright { margin: 0 auto; width: 940px; display: block; clear: both; text-align: right; padding: 5px 10px; }

.clearer { display: block; height: 0; font-size: 0em; clear: both; }

/* post related */
#pagination { background: #ddd; border: 1px solid #ccc; padding: 7px 5px; }
.calendar { background: url(images/calendar.gif) no-repeat left; padding-left: 18px; margin-right: 10px; font-size: 0.9em; }
.comments_link { background: url(images/comments.gif) no-repeat left; padding-left: 18px; font-size: 0.9em; }
#post_bottom { padding: 5px; margin: 10px 0; background: #ddd; border: 1px solid #ccc; display: block; color: #333; }
blockquote { margin: 5px 30px; padding-left: 5px; color: #777; border-left: 4px solid #777; }

.aligncenter,
div.aligncenter {
   display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* 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; }

/* comments */
#comments ol { margin: 0; padding: 0; }
#comments li { list-style: none; margin: 0; padding: 10px 0; }
#comments li.auth_comment { background: #ddd; border: 1px solid #ccc; padding: 5px; margin-left: 40px; }