/*
Theme Name: Mouth For War v12
Theme URI: http://mouthforwar.net/
Description: This is the latest theme for MouthForWar.net
Author: Ray Henry
Version: 1.1
Tags: dark, music, textures
*/

/* global statements */
* {margin:0;padding:0;}
.clr {clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;}
a:link, a:visited, a:active {color:#c50000;outline:none;}
a:hover {color:#f80000;}
p.title {font-size:11px;text-transform:uppercase;}
blockquote {font-style:italic;margin:0 0 0 20px;}
blockquote p {margin:10px 0 0 0;}

/* general structure */
body {font-family:Trebuchet MS, arial, sans-serif;text-align:center;background:#282828 url(images/mfw-bg.jpg) no-repeat 50% 0;background-attachment:fixed;}
#wrapper {margin:0 auto;width:1000px;text-align:left;}
#container {float:left;margin:75px 0 0 0;width:1000px;background:#fff url(images/mfw-content-bg.jpg) no-repeat 0 0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);-moz-box-shadow:0 0 15px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,.5);}

/* site navigation */
#nav {padding:0 0 24px 0;position:fixed;width:1000px;height:51px;background:url(images/nav-bg.png) no-repeat 0 0;z-index:99999;}
#nav ul {float:left;margin:9px 0 0 0;list-style:none;}
#nav ul li {float:left;position:relative;font-size:14px;line-height:1;text-transform:uppercase;}
#nav ul li a {float:left;padding:8px 18px 16px 18px;color:#eee;text-decoration:none;}
#nav ul li a:hover {color:#fff;}
#nav ul li span {color:#ed0004;}
#nav ul li#nav-reviews {z-index:9999;}
#nav ul li#nav-reviews a {background:url(images/mfw-nav-twiddle.gif) no-repeat 5px 13px;}
#nav ul li#nav-reviews.active a {background:#141414 url(images/mfw-nav-active.gif) no-repeat 0 0;}
#nav ul li#nav-reviews .subnav {display:none;position:absolute;top:38px;left:0;margin:0;padding:0 0 5px 0;width:192px;list-style:none;background:#161616;z-index:99999;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.5);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.5);box-shadow:5px 5px 5px rgba(0,0,0,.5);}
#nav ul li#nav-reviews .subnav li {float:left;margin:0 11px;padding:7px 0;width:170px;font-size:12px;color:#555;line-height:1;text-transform:none;text-align:right;border-top:1px solid #222;background:none;}
#nav ul li#nav-reviews .subnav li a {float:left;padding:0;width:130px;color:#aaa;text-align:left;}
#nav ul li#nav-reviews .subnav li a:hover {color:#fff;}
#nav ul li#nav-reviews.active .subnav li a {background:none;}
#nav ul li#nav-reviews .subnav li:first-child {border:none;font-weight:bold;}

/* site search */
#search {float:right;margin:10px 18px 0 0;}
#search #s {float:left;margin:1px 5px 0 0;padding:3px;width:200px;font-size:12px;color:#666;background:#eee;border:none;}
#search #searchsubmit {float:left;}

/* masthead */
#masthead {float:left;position:relative;width:1000px;}
#social {position:absolute;top:10px;right:20px;width:236px;height:29px;background:url(images/mfw-social-bg.png) no-repeat 0 0;}
#social .twitter {float:left;margin:7px 0 0 10px;padding:0 0 0 20px;height:16px;background:url(images/icon-twitter.png) no-repeat 0 0;}
#social .subscribe {float:right;margin:7px 10px 0 0;padding:0 0 0 20px;height:16px;background:url(images/icon-rss.png) no-repeat 0 0;}
#social a {font-size:12px;color:#d0d0d0;text-decoration:none;line-height:1;}
#social a:hover {color:#fff;}
#logo {float:left;margin:-14px 0 0 -41px;}
#masthead .ad {float:right;margin:39px 10px 0 0;padding:10px;width:728px;height:90px;background:url(images/mfw-masthead-banner-bg.png) no-repeat 0 0;}

/* main */
#main {float:left;padding:0 0 20px 0;width:1000px;}

/* content */
#content {float:left;padding:24px 40px;width:516px;background:url(images/mfw-main-bg.png) no-repeat 0 0;}
#content .post {float:left;position:relative;margin:0 0 20px 0;padding:0 0 20px 0;width:516px;border-bottom:1px solid #ccc;}
.post .flag {position:absolute;left:-63px;top:10px;text-indent:-9999px;outline:none;}
.post.review .flag {width:43px;height:146px;background:url(images/flag-review.png) no-repeat 0 0;}
.post.video .flag {width:43px;height:146px;background:url(images/flag-video.png) no-repeat 0 0;}
.post.blog .flag {width:43px;height:146px;background:url(images/flag-blog.png) no-repeat 0 0;}
.post.news .flag {width:43px;height:146px;background:url(images/flag-news.png) no-repeat 0 0;}
.post h2 {margin:10px 0 0 0;font-size:22px;font-weight:bold;color:#a10709;text-rendering:optimizelegibility;word-wrap:break-word;text-shadow:1px 1px #ddd;}
.post h2 em {font-weight:normal;color:#404040;}
.post h2 a {text-decoration:none;}
.post .tags {float:left;margin:0 0 0 10px;padding:0 0 0 10px;font-size:11px;border-left:1px solid #999;}
.post .tags a {color:#666;}
.post .tags a:hover {color:#a10709;}
.post .date {float:left;margin:0 0 10px 0;font-size:11px;color:#666;}
.post ul,
.post ol {margin:0 0 10px 0;padding:0 0 0 20px;font-size:12px;color:#444;}
.post ul li,
.post ol li {margin:0 0 5px 0;}
.albumCover {margin:0 0 18px 0;width:500px;border:8px solid #282828;font-size:11px;overflow:hidden;}
.albumCover a {text-decoration:none;outline:none;}
.post p {margin:0 0 18px 0;font-size:13px;color:#444;line-height:1.35;}
.post p span {text-transform:uppercase;}
.post .rating {float:right;margin:12px 0 0 10px;padding:4px 0 0 0;width:30px;height:26px;font-size:11px;color:#fff;text-align:center;background:url(images/mfw-rating-bg-post.gif) no-repeat 0 0;}

.pageNav {float:left;margin:10px 0;width:516px;}
.pageNav .prev, .pageNav .next {font-size:14px;}
.pageNav .prev {float:left;}
.pageNav .next {float:right;}

/* legacy post elements */
#shareContainer {float:right;}
#content .mp3Embed {padding:10px;background:#8F8F8F;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#content .mp3Embed p {margin:0;color:#ddd;text-shadow:none;}
#content .album-info,
#content .album-info {float:right;margin:0 -20px 20px 5px;padding:8px;width:160px;color:#666;background:#e0e0e0 url(images/mfw-thumbnail-shadow.png) no-repeat 10px 171px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#content .album-info .meta {float:left;margin:10px 10px 0 0;width:120px;font-size:12px;line-height:1.25;}
#content .album-info .meta strong {color:#c50000}
#content .album-info .meta em {color:#666;}
#content .album-info .meta.rating {float:right;margin:10px 0 0 0;padding:4px 0 0 0;width:30px;height:26px;font-size:11px;color:#fff;text-align:center;background:url(images/mfw-rating-bg-post.gif) no-repeat 0 0;}
#content .album-info p {margin:10px 0 0 0;font-size:12px;color:#666;}
#content .album-info p span {text-transform:none;}
#content .album-info p strong {font-size:12px;color:#666;}
#content .album-info ol {margin:0;font-size:12px;list-style-position:inside;}
#content .album-info ol li {margin:7px 0;}

/* comments */
#comments {clear:both;margin:20px 0 0;width:516px;}
#comments ol {list-style:none;}
#comments ol li {float:left;margin:10px 0;padding:20px;width:476px;background:#e0e0e0;}
#comments ol li .comment-body {float:left;width:476px;}
#comments ol li .comment-body .commentLink {float:right;font-size:12px;font-style:normal;}
#comments ol li .comment-body .avatar {float:left;margin:0 10px 0 0;padding:5px;width:32px;background:#d0d0d0;}
#comments ol li .comment-body cite {font-size:14px;font-style:normal;}
#comments ol li .comment-meta {font-size:12px;color:#999;}
#comments ol li p {margin:10px 0;font-size:12px;color:#666;}
#comments-form {float:left;margin:10px 0;padding:10px 20px;width:476px;background:#c5c5c5;}
#comments-form dl {margin:10px 0;}
#comments-form dl dt label {font-size:12px;color:#333;font-weight:bold;}
#comments-form dl dt label span {color:#818181;font-weight:normal;}
#comments-form dl dd input,
#comments-form dl dd textarea {padding:3px;font-size:12px;width:400px;background:#fff;border:1px solid #a3a3a3;}
#comments-form dl dd input#submit {padding:10px;width:auto;font-size:12px;color:#fff;text-transform:uppercase;background:#a10709;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/* review archives */
#content.archive {padding:24px 20px;width:556px;background:none;}
#content.archive .pageNav {float:left;margin:10px 0 0 0;width:540px;text-align:right;}
#content.archive .pageNav h1 {float:left;font-size:12px;color:#333;text-transform:uppercase;font-weight:normal;}
#content.archive .wp-paginate {list-style:none;font-size: 12px;}
#content.archive .wp-paginate li {display:inline;list-style:none;}
#content.archive .wp-paginate li .title {margin-right:4px;font-weight:bold;}
#content.archive .wp-paginate li .current {margin-right:4px;padding:3px;font-weight:bold;color:#fff;background:#c50000;}
#content.archive .wp-paginate li a {float:none;margin-right:4px;padding:3px;font-size:12px;text-align:center;text-decoration:none;}
#content.archive .review {float:left;margin:10px 6px 0 0;padding:9px;width:160px;min-height:220px;background:#e0e0e0 url(images/mfw-thumbnail-shadow.png) no-repeat 10px 168px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#content.archive .review .thumbnail {width:160px;height:160px;}
#content.archive .review .meta {float:left;margin:10px 10px 0 0;width:120px;font-size:12px;line-height:1.25;}
#content.archive .review .meta a {text-decoration:none;}
#content.archive .review .meta a em {color:#666;}
#content.archive .review .rating {float:right;margin:10px 0 0 0;padding:4px 0 0 0;width:30px;height:26px;font-size:11px;color:#666;text-align:center;background:url(images/mfw-rating-bg.gif) no-repeat 0 0;}
#content .more {float:right;margin:10px 10px 0 0;font-size:12px;}

/* blog archive */
#content.archive .post.blog {float:left;padding:5px 0;width:560px;border-bottom:1px solid #C5C5C5;}
#content.archive .post.blog p {margin:5px 20px 5px 0;}
#content.archive .post.blog p.meta {font-size:11px;color:#999;}

/* search results */
#content.archive .post.blog h4 {font-size:14px;}
#content.archive .post.blog .search-excerpt {padding:0 5px;font-size:13px;color:#333;font-weight:normal;background:#ddd;}
#content.archive .post.blog:hover .search-excerpt {color:#fff;background:#a10709;text-shadow:none;}

/* sidebar */
#sidebar {float:left;margin:10px 0 0 0;width:384px;}
#sidebar .ad {float:left;padding:11px;width:160px;background:#c5c5c5;}
#sidebar .ad.big {padding:24px;width:336px;background:url(images/mfw-sidebar-ad-bg.png) no-repeat 0 0;}
#sidebar ul.news {list-style:none;font-size:12px;line-height:1.35;}
#sidebar ul.news li {padding:10px 10px 10px 0;color:#666;border-top:1px solid #c5c5c5;} 
#sidebar ul.news li:first-child {border:none;}
#sidebar ul.news li a {text-decoration:none;}
#sidebar ul.news li a:hover {border-bottom:1px solid #f00;}
#sidebar-reviews {float:left;margin:20px 0;width:192px;}
#sidebar-reviews div.thumb {float:left;margin:0 4px 4px 0;padding:6px;width:80px;background:#c5c5c5;}
#sidebar-reviews div.thumb:hover {background:#e7e7e7;}
#sidebar-reviews div.thumb img {width:80px;height:80px;}
#sidebar-reviews ul.news li {padding:5px 10px 5px 0;border:none;}
#sidebar-news {float:left;margin:20px 0 20px 10px;width:182px;}
#sidebar-news .ad {float:left;margin:0;padding:11px;width:160px;background:#c5c5c5;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

/* footer */
#footer {clear:both;width:1000px;background:#3b3b3b url(images/mfw-footer-bg.jpg) no-repeat 0 0;}
#footer p.title {color:#fff;}
#footer #contact {float:left;margin:20px 0 0 20px;width:576px;height:302px;color:#d0d0d0;}
#footer .column {float:left;margin:10px 10px 0 0;width:278px;}
#footer .column.double {width:566px;}
#footer .column label {display:block;font-size:12px;font-weight:bold;}
#footer .column label span {color:#818181;font-weight:normal;}
#footer .column input {padding:3px;width:272px;font-size:12px;background:#d0d0d0;border:none;}
#footer .column textarea {padding:3px;width:560px;font-size:12px;background:#d0d0d0;border:none;}
#footer #contact .btn {float:right;margin:10px 20px 0 20px;}
#footer #contact p.disclaimer {margin:10px 0 0 0;width:385px;font-size:11px;line-height:1.2;color:#818181;}
#footer #contact p.disclaimer strong {color:#d0d0d0;}
#footer #blogroll {float:left;margin:20px 0 0 48px;width:336px;}
#footer #blogroll ul {list-style:none;}
#footer #blogroll ul li {float:left;margin:10px 10px 0 0;width:144px;font-size:12px;}
#footer #blogroll ul li a {color:#999;text-decoration:none;}
#footer #blogroll ul li a:hover {color:#d0d0d0;}
#footer #copyright {clear:both;float:left;width:1000px;height:54px;color:#555;background:#1d1d1d url(images/mfw-copyright-bg.jpg) no-repeat 0 0;}
#footer #copyright p {margin:15px 20px 0 20px;font-size:12px;}
#footer #copyright p a {color:#666;text-decoration:none;}
#footer #copyright p a:hover {color:#d0d0d0;}