/*  
Theme Name: The New Eratizine
Theme URI: http://www.mrbloggy.net
Description: The best e-zine theme on the planet. Reloaded
Version: 2.0b
Author: J. Angelo Racoma
Author URI: http://www.blogherald.com

*/

body { background: #FFF; font: normal 62.5% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }

* { padding: 0; margin: 0; }


/*---:[ common elements ]:---*/

a, a:visited, a:hover { text-decoration: none; }

p { margin: 0 0 15px 0; }

ul { list-style: none; padding: 0; margin: 0; }

ol { padding: 0; margin: 0; }

h2 { font: bold 2.4em "Trebuchet MS", Arial, sans-serif; }

h2.post_title, h2.post_title_page { padding-top: 5px; padding-right: 100px; margin-bottom: 8px; color: #000; }

h2.post_title_page { border-bottom: 1px solid #5E8353; }

h2.page_title { color: #5E8353; }

h3 { font: bold 1.6em "Trebuchet MS", Arial, sans-serif; }

h2 a, h2 a:visited, h3 a, h3 a:visited { color: #000; border-bottom: none; }

h2 a:hover, h3 a:hover { color: #5E8353; }


/*---:[ page layout elements ]:---*/

#header { width: 100%; height: 156px; background: url("images/head_bg.gif") repeat-x; }

#content { width: 990px; margin: 0 auto; }

#col_left { width: 235px; padding: 20px 20px 0 0; float: left; }

#col_main { width: 480px; padding-top: 20px; float: left; }

#col_right { width: 235px; padding: 0px 0 0 20px; float: right; }

/*---:[ header layout elements (mostly navigation) ]:---*/

#header_wrap { width: 920px; margin: 0 auto; position: relative; }

#head_left { width: 534px; height: 156px; background: url("images/head_main.jpg") no-repeat; float: left; }

#head_right { position: absolute; top: 44px; left: 550px; }

#head_right ul { padding-right: 0px; }

#head_right ul li { width: 60px; height: 60px; padding-right: 10px; float: left; }

#head_right ul li a { width: 60px; height: 60px; display: block; }

#head_right ul li.home a { background: url("images/home.gif") 0px 0px no-repeat; }

#head_right ul li.author a { background: url("images/author_icon.gif") 0px 0px no-repeat; }

#head_right ul li.contact a { background: url("images/contact.gif") 0px 0px no-repeat; }

#head_right ul li.net a { background: url("images/net.gif") 0px 0px no-repeat; }

#head_right ul li.rss a { background: url("images/rss.gif") 0px 0px no-repeat; }

#head_right ul li a:hover { background-position: 0 -60px; }


/*---:[ left column elements ]:---*/

#col_left ul li.outer { width: 235px; padding-bottom: 25px; }

#col_left ul li.outer .archives_top h2 { color: #5E8353; text-align: center; padding: 20px 0 0 20px ; }

#col_left ul li.outer 

.archives_top { width: 235px; height: 51px; }

.archives_top { background: url("images/archives_top.gif") no-repeat; }

.erati_top a, .subs_top a { width: 235px; height: 51px; display: block; }

.left_bot { width: 189px; padding: 10px 18px 10px 28px; background: url("images/left_bot.gif") 0 100% no-repeat; font-size: 12px; }

.left_bot a { color: #000; }

.left_bot a:visited { color: #777; }

.left_bot a:hover { color: #5E8353; }

.left_bot strong { color: #5E8353; padding: 20px 0 10px 0; }

.left_bot ul { margin-bottom: 20px; }

.left_bot ul li { background: url("images/bullet.gif") 0 3px no-repeat; padding-left: 24px; margin-bottom: 6px; }

.left_bot .sidebar_ad { width: 189px; text-align: center; }

/*---:[ right column elements ]:---*/

#col_right ul li.outer { width: 235px; padding-bottom: 25px; }

#col_right ul li.outer .archives_top h2 { color: #5E8353; text-align: center; padding: 20px 0 0 20px ; }

#col_right ul li.outer 

.archives_top { width: 235px; height: 51px; }

.archives_top { background: url("images/archives_top.gif") no-repeat; }

.left_bot { width: 189px; padding: 10px 18px 10px 28px; background: url("images/left_bot.gif") 0 100% no-repeat; font-size: 12px; }

.left_bot a { color: #000; }

.left_bot a:visited { color: #777; }

.left_bot a:hover { color: #5E8353; }

.left_bot strong { color: #5E8353; padding: 20px 0 10px 0; }

.left_bot ul { margin-bottom: 20px; }

.left_bot ul li { background: url("images/bullet.gif") 0 3px no-repeat; padding-left: 24px; margin-bottom: 6px; }

.left_bot .sidebar_ad { width: 189px; text-align: center; }


/*---:[ main column and post elements ]:---*/

.post { margin-bottom: 50px; }

.post_date_holder { position: relative; width: 480px; border-top: 1px solid #5E8353; margin-bottom: 10px; }

.post_date { position: absolute; left: 190px; top: -8px; padding: 0 8px; background: #FFF; font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif; text-align: center; text-transform: uppercase; color: #000; }

.entry { font-size: 1.4em; text-align: left; }

#col_main .entry p { line-height: 1.75em; }

.entry a, .entry a:visited { padding: 1px 1px 0 1px; text-decoration: none; }

.entry a { color: #5E8353; }

.entry a:visited { color: #777; }

.entry a:hover { border-bottom: 1px solid #CCC; }

.entry ul { padding: 0 30px 15px 30px; }

.entry ol { padding: 0 30px 15px 50px; }

.entry ul li, .entry ol li { background: url("images/bullet.gif") 0 3px no-repeat; padding-left: 24px; margin-bottom: 6px; }

.entry blockquote { padding: 35px 65px 5px 60px; margin-bottom: 15px; background: url("images/blockquote.gif") no-repeat; color: #000; text-align: justify; }

.entry blockquote a { color: #fffff; }

.entry img {  max-width: 400px; height: auto; width: expression(this.width > 400 ? 400: true); }

.entry img.centered, .entry img.centered_off { display: block; margin: 0 auto 15px auto; padding: 2px; border: 1px solid #6E8CE1; }

.entry img.left, .entry img.left_off { margin-right: 15px; padding: 2px; border: 1px solid #6E8CE1; float: left; }

.entry img.right, .entry img.right_off { margin-left: 15px; padding: 2px; border: 1px solid #6E8CE1; float: right; }

.entry img.centered_off, .entry img.left_off, .entry img.right_off { border: 0; }

.post_meta { position: relative; width: 480px; height: 50px; background: url("images/post_meta_bg.gif") no-repeat; color: #000; }

.post_meta_author { position: absolute; top: 12px; left: 50px; font-size: 14px; color: #000; }

.post_meta_author a { color: #5E8353; padding: 1px; }

.post_meta_author a:visited { color: #777; }

.post_meta_author a:hover { color: #FFF; background: #5E8353; }

.post_meta_comments { position: absolute; top: 8px; left: 299px; width: 55px; font-size: 18px; font-weight: bold; text-align: center; }

.post_meta_comments a, .post_meta_comments a:visited { width: 55px; display: block; color: #000; }

.post_meta_comments a:hover { color: #FFF; }

.navigation { width: 480px; margin-bottom: 30px; font-size: 1.3em; }

.navigation .alignleft { width: 480px; text-align: left; margin-bottom: 15px; }

.navigation .alignright { width: 480px; text-align: right; }

.navigation a, .navigation a:visited { padding: 1px 1px 0 1px; border-bottom: 1px solid #CCC; text-decoration: none; }

.navigation a { color: #5E8353; }

.navigation a:visited { color: #777; }

.navigation a:hover { color: #FFF; background: #5E8353; padding-bottom: 1px; border-bottom: none; }

.post .post_ad { text-align: center; }


/*---:[ comment elements ]:---*/

.comment_list a, .comment_list a:visited { padding: 1px 1px 0 1px; border-bottom: 1px solid #CCC; text-decoration: none; }

.comment_list a { color: #5E8353; }

.comment_list a:visited { color: #777; }

.comment_list a:hover { color: #FFF; background: #5E8353; padding-bottom: 1px; border-bottom: none; }

ul.comment_list { margin-bottom: 50px; }

ul.comment_list li { width: 480px; font-size: 1.2em; }

ul.comment_list li p { line-height: 1.75em; }

ul.comment_list li .comment_top { width: 330px; padding: 55px 60px 1px 90px; background: url("images/comment_top_a.gif") no-repeat; margin-bottom: 0; color: #FFF; }

.comment_top a { color: #FFF; }

.comment_top a:visited { color: #AAA; }

.comment_top a:hover { color: #000; background: #FFF; padding-bottom: 1px; border-bottom: none; }

ul.comment_list li .comment_bottom { width: 385px; padding: 35px 95px 0 0; background: url("images/comment_bottom_a.gif") no-repeat; text-align: right; margin-bottom: 25px; }

ul.comment_list li.alt .comment_top { width: 320px; padding: 55px 100px 1px 60px; background: url("images/comment_top_b.gif") no-repeat; color: #000; }

li.alt .comment_top a { color: #5E8353; text-decoration: none; }

li.alt .comment_top a:visited { color: #777; }

li.alt .comment_top a:hover { color: #FFF; background: #5E8353; padding-bottom: 1px; border-bottom: none; }

ul.comment_list li.alt .comment_bottom { width: 390px; padding: 35px 0 0 90px; background: url("images/comment_bottom_b.gif") no-repeat; text-align: left; }

#comments { position: relative; width: 480px; height: 50px; background: url("images/comment_separator.gif") 0 100% no-repeat; padding-top: 40px; margin-bottom: 40px; }

#comments .number { position: absolute; width: 55px; top: 50px; left: 15px; text-align: center; color: #000; font-size: 16px; font-weight: bold; }

#respond { width: 480px; height: 50px; background: url("images/share_it.gif") 0 100% no-repeat; padding-top: 30px; margin-bottom: 25px; }

.comment_form { width: 420px; height: 335px; background: url("images/form_bg.gif") no-repeat; padding: 95px 30px 26px 30px; color: #FFF; float: left; }

.comment_form p { font-size: 1em; }

.comment_form a { color: #FFF; border-bottom: 1px solid #CCC; }

.comment_form a:visited { color: #AAA; }

.comment_form a:hover { color: #000; background: #FFF; padding-bottom: 1px; border-bottom: none; }

.comment_form small  { font-size: 11px; }

.comment_form form input { font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; border: 1px solid #999; background: #CCC; }

* html .comment_form form input { border: 1px solid #5E8353; background: #FFF; }

.comment_form form textarea { font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; border: 1px solid #999; background: #CCC; }

* html .comment_form form textarea { border: 1px solid #5E8353; background: #FFF; }

.comment_form form input:hover, .comment_form form textarea:hover { border: 1px solid #5E8353; background: #FFF; }

.comment_form form input#submit { font-size: 13px; padding: 0 5px; color: #5E8353; }

* html .comment_form form input#submit { padding: 0; border-color: #5E8353; }


/*---:[ "universal" footer styles ]:---*/

#footer { width: 100%; padding: 30px 0 10px 0; background: #031750 url("images/footer_bg.gif") repeat-x; border-bottom: 8px solid #5E8353; color: #FFF; text-align: center; clear: both; }

#footer h2 { font: bold 1.8em "Trebuchet MS", "Arial Narrow", Arial, sans-serif; }

#footer h3 { font: bold 11px "Trebuchet MS", "Arial Narrow", Arial, sans-serif; color: #000; text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px solid #99CC33; }

* html #footer h3 { width: 100%; }

#footer h3.border_off { border-bottom: 0; }

#footer h3.centered_headline { text-align: center; }

#footer a { color: #FFF; padding: 2px 1px; }

#footer a:hover { color: #FFF; padding: 2px 1px; text-decoration: underline; }


/*---:[ footer layout elements ]:---*/

.footer_wrap { width: 800px; margin: 0 auto; text-align: left; }

.footer_wrap .col_1 { width: 200px; padding-right: 50px; float: left; }

.footer_wrap .col_2 { width: 300px; padding: 0; float: left; }

.footer_wrap .col_3 { width: 200px; padding-left: 50px; float: left; }

.footer_wrap ul { width: 200px; margin: 0; list-style: none; padding: 0 0 30px 0; float: left; }

.footer_wrap ul li { width: 160px; padding-top: 4px; margin-bottom: 10px; list-style-image: none; line-height: normal; float: left; }

* html .footer_wrap ul li { width: 158px; }

.footer_wrap ul li.feed { width: 24px; background: url("images/feed-icon-24x24.gif") 50% 50% no-repeat; padding: 0 8px 0 8px; margin-bottom: 10px; float: left; }

.footer_wrap ul li.feed_off { width: 40px; text-align: center; background: none; }

.footer_wrap ul li.feed a, .footer_wrap ul li.feed a:visited { width: 24px; height: 24px; display: block; padding: 0; }

.footer_wrap ul li.feed a:hover { padding: 0; }

.footer_wrap .col_2 ul { width: 300px; margin: 0; list-style: none; padding: 0; float: left; }

.footer_wrap .col_2 ul li { width: 300px; list-style-image: none; margin-bottom: 15px; text-align: center; float: left; overflow: hidden; }

.footer_wrap .col_2 a { border: 0; text-decoration: none; }

.footer_wrap .col_2 img { border: 0; }

.footer_meta { width: 600px; margin: 30px auto 0 auto; clear: both; text-align: center; font: normal 11px "Trebuchet MS", "Arial Narrow", Arial, sans-serif; }