/*  
Theme Name: MetalManiacs
Theme URI: http://metalmaniacs.com/
Description: Layout CSS for Metal Maniacs Webzine
Created: 01/10/2010
Last Modified: 01/10/2010
Version: 2.0
Author: Ray Henry
Author URI: http://www.reh3.com/
*/

/* GLOBAL DECLARATIONS *************/
* {margin:0;padding:0;}
body {font-family:arial,helvetica, sans-serif;background:#0b0201 url(images/mm-bg.jpg) no-repeat 50% bottom;background-attachment:fixed;text-align:center;}
.clr {clear:both;margin:0;padding:0;font-size:0;height:0;line-height:0;}
form input {padding:4px 3px 3px 3px;height:19px;font-size:12;line-height:1;color:#7f7f7f;text-transform:uppercase;background:url(images/mm-form-input-bg.gif) repeat-x 0 0;border:none;}
form input.btn {padding:0;height:auto;background:none;border:none;}
a:link, a:active, a:visited {color:#980b07;text-decoration:none;}
a:hover {color:#d00;text-decoration:underline;}

/* CORE LAYOUT STRUCTURE *************/
#wrapper {margin:0 auto;width:960px;text-align:left;background:#000;}
#masthead, #content, #footer {float:left;width:960px;}
#content {background:url(images/mm-content-bg.jpg) no-repeat 0 0;}

/* MASTHEAD *************/
#masthead {padding:26px 24px 36px 24px;width:912px;height:82px;background:url(images/mm-masthead-bg.jpg) no-repeat 0 0;border-bottom:1px solid #280604;}
#masthead #branding {float:left;width:134px;margin:10px 32px 0 0;}
#masthead #branding a {border:none;}

#masthead .ad.billboard {float:right;margin:0;width:728px;height:90px;text-align:center;}
#masthead .ad.billboard a {border:none;}

/* SIDEBAR *************/
#sidebar {float:left;width:180px;}

#sidebar ul#nav {float:left;margin:10px;list-style:none;width:160px;}
#sidebar ul#nav li {float:left;width:160px;}
#sidebar ul#nav li a {float:left;padding:5px 10px;width:140px;font-size:12px;text-transform:uppercase;color:#fff;text-decoration:none;}
#sidebar ul#nav li a:hover {color:#d00;border-bottom:none;}

#sidebar #siteSearch {float:left;margin:10px 0 10px 20px;width:160px;}
#sidebar #siteSearch form input {float:left;width:129px;}
#sidebar #siteSearch form input.btn {width:auto;}

#sidebar #newsletter {float:left;margin:10px 0 10px 20px;width:160px;}
#sidebar #newsletter #nlTitle {font-size:11px;font-weight:normal;text-transform:uppercase;color:#666;}
#sidebar #newsletter form input {margin:2px 0;float:left;width:154px;}
#sidebar #newsletter form input.btn {float:right;width:auto;}

#sidebar .archive {float:left;margin:10px 0 10px 20px; width:160px;}
#sidebar .archive h4 {font-size:11px;font-weight:normal;text-transform:uppercase;color:#666;}
#sidebar .archive ul {list-style:none;font-size:12px;}
#sidebar .archive ul li {margin:5px 0;}

#sidebar .ad {float:left;margin:10px 0 10px 20px;width:160px;}

/* MAIN *************/
#main {float:right;margin:0 26px;width:728px;}

#main #promos {float:left;width:728px;}
#main #promos .promo {float:left;margin:10px 0;width:238px;}
#main #promos .promo.first {float:left;margin:10px 7px 10px 0;}
#main #promos .promo.cap {float:left;margin:10px 0 10px 7px;}
#main #promos .promo a {border:0;}

#main .ad.billboard {float:left;margin:10px 0;width:728px;}
#main .ad.billboard a {border:none;}

#main #articles {float:left;margin:20px 38px 0 0;width:510px;}
#main #articles .post {float:left;margin:0 0 20px 0;padding:0 0 20px 0;width:510px;border-bottom:1px solid #980b07;}
#main #articles .post h1 {font-family:Georgia,serif;font-size:22px;font-weight:normal;color:#980b07;}
#main #articles .post h1 a {color:#fff;}
#main #articles .post h1 a:hover {color:#d00;}
#main #articles .post .mainGraphic {float:left;margin:20px 0;width:510px;text-align:left;}
#main #articles .post .mainGraphic img {border:none;}
#main #articles .post .content p {margin:18px 0;font-size:12px;color:#ccc;line-height:1.5;}
#main #articles .post .content img {border:none;}
#main #articles .post .meta {float:left;margin:10px 0;width:510px;font-size:12px;color:#333;}
#main #articles .post .meta.top {margin:0;color:#980b07;}

#main #articles .post-comments {padding:10px 0;}
#main #articles .post-comments h3 {font-size:24px;font-family:Georgia, serif;color:#fff;font-weight:normal;}
#main #articles .post-comments ol.commentlist {list-style:none;font-size:12px;color:#bbb;}
#main #articles .post-comments ol.commentlist li {padding:20px 0;}
#main #articles .post-comments ol.commentlist li.alt {border-top:1px solid #0d0d0d;}
#main #articles .post-comments ol.commentlist li .comment-meta {font-size:10px;text-transform:uppercase;color:#666;}

#main #articles .post-comments #respond {clear:both;float:left;margin:0 0 20px 0;padding:10px 20px;width:470px;background:url(images/comment-bg.gif) no-repeat 0 0;}
#main #articles .post-comments #respond h3 {font-size:18px;font-weight:normal;color:#fff;}
#main #articles .post-comments #respond p {margin:10px 0;}
#main #articles .post-comments #respond label {font-size:10px;text-transform:uppercase;color:#666;}
#main #articles .post-comments #respond textarea {color:#333;font-size:12px;font-family:arial;width:392px;}
#main #articles .post-comments #respond input {text-transform:none;color:#333;width:392px;border:none;}
#main #articles .post-comments #respond input#submit {width:auto;height:25px;padding:0;line-height:1;}

#main #articles .pagenav {float:left;width:510px;color:#333;font-size:14px;text-align:right;}

#main #sub-sidebar {float:left;margin:20px 0 0 0;width:180px;}
#main #sub-sidebar a {border:none;}
#main #sub-sidebar .widget {float:left;margin:0 0 30px 0;padding:35px 0 0 0;width:180px;}
#main #sub-sidebar .widget#mfwReviews {background:transparent url(images/mm-title-label-reviews.gif) no-repeat scroll 0 0;}
#main #sub-sidebar .widget#mfwReviews .album {float:left;font-size:11px;margin:5px;width:80px;}
#main #sub-sidebar .widget#mfwReviews .album img {border:1px solid #880B00;height:80px;width:80px;}

#main #sub-sidebar .widget#featuredArticles {padding:77px 0 0 0;background:transparent url(images/mm-title-featured.gif) no-repeat scroll 0 0;}
#main #sub-sidebar .widget#featuredArticles .album {float:left;font-size:11px;margin:5px;width:80px;height:80px;overflow:none;}
#main #sub-sidebar .widget#featuredArticles .album img {border:1px solid #880B00;height:80px;width:80px;}

/* FREE MUSIC DOWNLOADS *************/
#main #articles .content .album {clear:both;float:left;margin:10px 0;padding:10px 0 0 0;width:442px;border-top:1px solid #0b0b0b;}
#main #articles .content .album .cover {float:left;margin:0 10px 0 0;}
#main #articles .content .album .info {float:left;padding:10px 0;font-size:12px;color:#999;}

/* CONTESTS *************/
#main #articles .post form p {font-size:10px;text-transform:uppercase;color:#666;}
#main #articles .post form input {text-transform:uppercase;color:#fff;padding:5px 10px;background:#bb1a06;border:none;height:auto;font-size:14px;}
#main #articles .post form p span input {text-transform:none;color:#333;padding:3px;background:#fff;font-size:12px;}
#main #articles .post form p.btn input {text-transform:uppercase;color:#fff;padding:5px 10px;background:#bb1a06;border:none;height:auto;font-size:14px;}

/* SEARCH RESULTS *************/
#main #articles .post .result {margin:0 20px 0 0;padding:10px 0;border-bottom:1px solid #0b0b0b;}
#main #articles .post .result p {margin:0;}
#main #articles .post .result p span {font-size:14px;}

/* FOOTER *************/
#footer #promotional {float:left;margin:20px 0 0 0;width:960px;background:#310500 url(images/mm-promotional-bg.jpg) no-repeat 0 0;border-bottom:1px solid #110100;}
#footer #promotional .promo {float:left;margin:23px 0 0 24px;width:446px;}
#footer #promotional .promo.cap {margin:23px 0 0 0;width:466px;}
#footer #promotional .promo .ad {float:left;}
#footer #promotional .promo .ad a:hover {border:none;}

#footer #network {float:left;padding:20px 0 10px 0;width:960px;background:#310500 url(images/mm-network-bg.jpg) no-repeat 0 0;}
#footer #network .column {float:left;margin:0 0 0 24px;width:171px;}
#footer #network .column h6 {font-size:12px;color:#fff;}
#footer #network .column ul {float:left;margin:0 20px 0 0;width:151px;list-style:none;font-size:12px;}
#footer #network .column ul li {margin:5px 0;}
#footer #network .column.partners {width:342px;}
#footer #network .column.partners ul {margin:0;width:342px;}
#footer #network .column.partners ul li {float:left;margin:5px 20px 5px 0;width:151px;}

#copyright {float:left;padding:10px 0 10px 24px;width:912px;font-size:12px;color:#333;}