/*  
Theme Name: MoutForWar
Theme URI: http://mouthforwar.net/
Description: Layout CSS for Mouth for War
Created: 01/02/2009
Last Modified: 01/02/2009
Version: 10.0
Author: Ray Henry
Author URI: http://www.reh3.com/
*/

/* GLOBAL DECLARATIONS *************/
* 									{margin:0;padding:0;} /*--- Zero out everything ---*/
body 								{font-family:Arial, Verdana, sans-serif;background:#212121 url(images/mfw-body-bg.jpg) no-repeat 50% 0;color:#515151;text-align:center;}
h1, h2, h3, h4, h5, h6 				{font-weight:normal;color:#515151;font-family:Arial, Verdana, sans-serif;}
h1									{font-family:Arial, Verdana, sans-serif;}
.clearer 							{clear:both;}

/* GENERAL LAYOUT STRUCTURE ********/
#hat, #container, #footer			{clear:both;width:100%;}
.inner 								{margin:0 auto;width:960px;text-align:left;}
.post								{float:left;margin:10px;padding:6px;background:#373737;}

/* SEO *****************************/
#hat 								{background:#101010;}
#hat h1								{padding:10px;font-size:12px;color:#7c7c7c;}

/* MASTHEAD ************************/
#masthead							{float:left;margin:20px 0 10px 0;}
#masthead h2						{float:left;}
#masthead div						{float:left;margin:0 0 0 30px;padding:0 0 10px 0;background:url(images/mfw-ad-728-bg.gif) no-repeat bottom left;}

/* NAVIGATION **********************/
#navigation							{float:left;margin:0 10px 10px 10px;width:940px;background:#0b0b0b url(images/mfw-nav-bg.gif) repeat-x 0 0;}
#navigation ul						{float:left;list-style:none;padding:5px 0;width:940px;}
#navigation ul li					{float:left;font-size:12px;font-weight:bold;text-transform:uppercase;border-right:1px solid #1a1a1a;}
#navigation ul li.cap				{border:none;}
#navigation ul li#nav-search		{float:right;padding:5px 15px 5px 0;}
#s									{float:left;margin:2px 5px;padding:2px;border:none;background:#fff;}
#navigation a						{float:left;padding:9px 20px;color:#aaa;text-decoration:none;}
#navigation a:hover					{color:#fff;}
#navigation a span					{color:#c50000;}

/* CONTENT *************************/
#content							{clear:both;}
#featured .post						{position:relative;width:352px;}
#featured .post a					{text-decoration:none;outline:none;}
#featured .post a img				{border:none;outline:none;}
#featured .post em.hover 			{position:absolute;top:308px;left:6px;width:332px;padding:10px;background:#000;font-style:normal;z-index: 2;/* for IE */filter:alpha(opacity=80);/* CSS3 standard */opacity:0.80;display: none;color:#fff;z-index: 1000;font-size: 14px;height:30px;overflow:none;}
#featured .post em.hover span 		{font-size:11px;color:#999;}
#categories							{float:left;margin:10px;padding:6px 10px;width:152px;height:352px;background:#181818;}
#categories ul						{list-style:none;}
#categories ul li					{width:152px;border-bottom:1px solid #1e1e1e;}
#categories ul li a					{display:block;font-size:12px;line-height:2;text-decoration:none;color:#aaa;}
#categories ul li a:hover			{background:#151515;color:#bbb;}
#categories ul li.feed				{padding:0 0 0 22px;width:auto;border:none;background:url(images/feed-icon.gif) no-repeat 0 4px;}
#categories ul li.feed a:hover		{background-color:transparent;}
#recent								{clear:both;float:left;margin:0 0 10px 0;}
#recent .post						{position:relative;width:160px;height:160px;text-align:center;}
#recent .post a						{text-decoration:none;text-align:left;}
#recent .post a	img					{border:none;}
#recent .post em.hover 				{position:absolute;top:119px;left:6px;width:150px;padding:10px 5px;background:#000;font-style:normal;z-index: 2;/* for IE */filter:alpha(opacity=80);/* CSS3 standard */opacity:0.80;display: none;color:#fff;z-index: 1000;font-size:11px;height:27px;overflow:none;}
#mp3-feed							{float:left;margin:10px;padding:40px 0 0 0;width:364px;height:132px;background:url(images/mfw-mp3-bg.jpg) no-repeat 0 0;overflow:hidden;}
#mp3-feed ul						{list-style:none;}
#mp3-feed ul li						{margin:0 20px 10px 10px;font-size:12px;line-height:1;}
#mp3-feed a							{color:#aaa;text-decoration:none;}
#mp3-feed a:hover					{color:#c50000;}


/* FOOTER **************************/
#footer								{background:#101010 url(images/mfw-footer-bg.jpg) no-repeat 50% 0;}
#footer h4							{font-size:14px;color:#c50000;}
#footer p							{margin:0 0 10px 0;font-size:12px;color:#aaa;}
#footer p span						{font-size:11px;color:#777;}
#footer ul							{list-style:none;}
#footer ul li						{margin:10px 0;font-size:12px;}
#footer a							{color:#aaa;text-decoration:none;}
#footer a:hover						{color:#eee;text-decoration:underline;}
#contact							{float:left;margin:10px 0 0 10px;padding:10px 20px 0 0;width:536px;border-right:1px dashed #2a2a2a;}
#contact-info						{float:left;margin:0 15px 0 0;width:166px;}
#contact form						{float:left;margin:0 0 0 10px;width:344px;font-size:12px;color:#aaa;}
#contact form label					{display:block;margin:0 0 5px 0;}
#contact form label span			{font-size:11px;color:#777;}
#contact form input,
#contact form textarea				{margin:0 0 10px 0;padding:3px;width:330px;font-size:12px;color:#aaa;background:#5f5f5f;border:none;border-top:1px solid #090909;border-left:1px solid #090909;}
#contact form input#contactsubmit	{padding:5px;font-size:11px;text-transform:uppercase;width:auto;background:#090909;cursor:pointer;}
#blog								{float:left;margin:20px 10px 10px 20px;}
#footer-sub							{float:left;margin:10px 10px 0 10px;padding:10px 0 0 0;width:940px;border-top:1px dashed #2a2a2a}
#links								{float:left;margin:10px 10px 10px 0;padding:0 0 10px 0;width:172px;border-right:1px dashed #2a2a2a;}
#older								{float:left;margin:10px;width:730px;}
#older ul li						{float:left;margin:10px 0 4px 0;width:364px;}
#copyright							{clear:both;float:left;margin:0 10px;padding:10px 0 0 0;width:940px;border-top:1px dashed #2a2a2a;}
#copyright p						{color:#6e6e6e;}

/* INTERIOR PAGE *******************/
.page .post							{width:736px;background:#101010;}
.page .post .entry					{padding:14px;}
.page .post .entry h2				{padding:0 0 10px 0;font-size:24px;color:#c50000;}
.page .post .entry a				{color:#ccc;outline:none;}
.page .post .entry a:hover			{color:#fff;outline:none;}
.album-info							{float:left;padding:0 10px 0 0;width:160px;}
.album-info p						{margin:10px 0 0 0;font-size:12px;color:#999;line-height:1.5;}
.album-info p b, .album-info p strong			{color:#ccc;}
.album-info ol						{margin:0 0 10px 20px;list-style:decimal outside none;font-size:12px;color:#999;}
.album-info ol li					{margin:5px 0;line-height:1.2;}
.entry-body							{float:right;width:535px;}
.entry-body p						{margin:0 10px 18px 10px;font-size:12px;color:#bbb;line-height:1.5;}
.entry-body p strong				{color:#c50000;font-size:14px;}
.entry-body p em					{font-family:Georgia, serif;}
.entry-body p span					{text-transform:uppercase;color:#eee;}
.entry-body.single					{float:left;width:700px;}
.entry-body.single p				{margin:0 0 18px 0;}
.entry-body.single ul				{margin:0 0 18px 10px;}
.entry-body.single ul li			{font-size:12px;color:#ccc;line-height:1.5;}
#sidebar							{float:left;width:152px;}
#side-ad								{float:left;margin:10px;padding:0 4px 8px 4px;width:160px;background:#252525;border:1px solid #101010;}
#side-reviews						{float:left;margin:10px;width:176px;}
#side-reviews h4					{font-size:14px;color:#c50000;}
#side-reviews div					{float:left;width:80px;padding:3px 6px 3px 0;}
#side-reviews div img				{width:80px;height:80px;border:1px solid #252525;}
#side-reviews div a:hover img		{border:1px solid #c50000;}

/* COMMENTS ************************/
#comments							{width:736px;}
#comments dl						{float:left;width:686px;padding:10px;}
#comments dl.alt					{background:#151515;border-top:1px solid #252525;border-bottom:1px solid #252525;}
#comments dl dt						{float:left;padding:0 10px 0 0; width:160px;font-size:18px;color:#ddd;}
#comments dl dt span				{display:block;font-size:11px;color:#888;}
#comments dl dd						{float:left;width:516px;}
#comments dl dd p					{margin:0 0 18px 0;font-size:12px;color:#aaa;line-height:1.5;letter-spacing:.5px;}
#comments ol						{float:left;width:706px;list-style:none;padding:0 0 20px 0;}
#comments ol li						{float:left;width:686px;padding:10px;}
#comments ol li.alt					{background:#151515;border-top:1px solid #252525;border-bottom:1px solid #252525;}
.comment-author						{float:left;padding:0 10px 0 0; width:160px;font-size:18px;color:#ddd;}
.comment-author cite				{font-style:normal;}
.comment-author span				{display:none;}
.comment-author img					{display:none;}
.comment-meta						{display:none;}
#comments ol li p					{float:right;width:516px;margin:0 0 18px 0;font-size:12px;color:#aaa;line-height:1.5;letter-spacing:.5px;}
#comments-form input,
#comments-form textarea				{padding:3px;font-size:12px;width:500px;color:#333;border:none;}
#comments-form input#submit			{padding:5px;font-size:11px;text-transform:uppercase;color:#fff;width:auto;background:#c50000;cursor:pointer;}

/* ADDTHIS *************************/
#shareContainer {clear:both;padding:10px 0 20px 180px;}

/* ARCHIVE *************************/
.archive #recent					{clear:none;width:768px;}
.archive h3							{padding:0 10px;font-size:18px;color:#aaa;}
.wp-pagenavi						{float:left;margin:10px;padding:10px 0;width:748px;font-size:12px;text-align:center;background:#181818;}
.wp-pagenavi span.pages				{margin:2px 2px 2px 0;padding:2px 4px 2px 0;color:#aaa;background:transparent;}
.wp-pagenavi span.current			{margin:2px;padding:4px;color:#c50000;font-weight:bold;}
.wp-pagenavi a						{margin:2px;padding:4px;color:#aaa;text-decoration:none;}
.wp-pagenavi a:hover				{color:#DE2516;}

/* SEARCH **************************/
.album-info #s						{float:left;margin:2px 0;padding:3px 2px;width:120px;border:none;background:#fff;}
.album-info #searchsubmit			{float:left;margin:0 0 0 2px;border:2px solid #0b0b0b;}
.result								{margin:0 0 10px 0;border-bottom:1px solid #181818;}
.entry-body .result p				{margin-left:0;}
.entry-body .result p strong.search-excerpt			{padding:0 5px;font-weight:none;text-transform:none;font-size:12px;background:#444;color:#fff}
.page .post .entry .result a		{color:#777;}
.page .post .entry .result h4 a		{color:#aaa;}