/*   
Theme Name: Shred Nations
Theme URI: shrednations.com	
Description: Wordpress Blog for Shred Nations
Author: Steven Hastert
Author URI: shrednations.com
.
First attempt at a template
.
*/

body	{background-color:#eeeeee;
			margin:0px;
			font: 12px Verdana, Helvetica, san serif;
			line-height:1.4;
		}
		
table  	{border-collapse: collapse; border-spacing: 0;font: 12px Verdana, Helvetica, san serif;line-height:1.4;}

input, select, textarea  {border: #666666 1px solid;}

li		{margin-bottom:10px;}

#contentArea		{margin:20 40 10 18;}

h1					{font:18pt 'Trebuchet MS', Arial,Verdana,san serif;font-weight:bold;}
h2					{font:14pt 'Trebuchet MS', Arial,Verdana,san serif;}
h4					{font:11pt 'Trebuchet MS', Arial,Verdana,san serif;margin:0;padding:0;font-weight:bold;}
a		{text-decoration:none;color:#9D0029;}

a:hover {text-decoration:underline;}

#overallLayout		{width:775px;height:100%;background-color:#ffffff;}

    #header {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../shredding-images/global/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../shredding-images/global/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #header #current {
      background-position:0 -150px;
      border-width:0;
      }
    #header #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #header li:hover a {
      background-position:100% -150px;
      }
	  
#layerTopRed		{width:775px;height:4px;background-color:#FFFFFF}


#layerLogo				{width:775px;height:59px;border-bottom:1px solid #B8C7D1;}
#layerLogo2				{width:775px;height:59px;}

	#logoArea			{float:left;width:580px;height:59px;border-right:1px solid #B8C7D1;}
	#logoArea2			{float:left;width:580px;height:59px;}
	#logoArea img		{margin-left:0px;margin-top:0px;}
	#quoteArea			{float:left;width:194px;font:10px Verdana,Arial,san serif;color:#9D0029;}
	#quoteArea div		{margin:8px 0 0 19px;}
	#quoteArea a		{text-decoration:none;color:#9D0029;}

#layerServices					{width:775px;height:41px;background-color:#D6D5D6}
	#layerServices img			{margin-top:17px;}
	#layerServices img.dropoff 	{margin-left:505px;margin-right:35px;}

#layerMenu					{width:775px;height:24px;background-color:#003C73;}
	#layerMenu img			{margin-top:9px;}
	#layerMenu img.home			{margin-left:18px;}
	#layerMenu img.business		{margin-left:48px;}
	#layerMenu img.news			{margin-left:18px;}
	#layerMenu img.about		{margin-left:23px;}
	#layerMenu img.partners		{margin-left:23px;}
	#layerMenu img.services		{margin-left:23px;}
	#layerMenu img.help			{margin-left:156px;margin-right:23px;}


#menuLeft			{float:left;
						width:240px;height:24px;border-right:1px solid #527695;}
#menuRight			{float:left;}


#layerContent		{width:777px;margin-top:2px;display:block;
						border-top:1px solid #E0E0E0;}


#landingLeft		{float:left; width:430px; padding:0 10 0 0;}
#landingRight		{float:right; width:250px;}

#landingLeftNew		{float:left; width:500px; padding:0 10 0 0;}
#landingRightNew	{float:right; width:120px;
						font: 10px Verdana, Helvetica, san serif;}

#landingLeftTest		{float:left; width:400px; padding:0 10 0 0;}
#landingRightTest		{float:left; width:200px; background-color:#CCCCCC}

#layerFooter		{width:775px;height:63px;
						background-color:#003C73;
						background-image:url(../images/global/bg_footerLine.gif);
						background-repeat:repeat-x;
						color:white;
						font:10px Verdana,Arial,san serif;margin-top:30px;
						}
						
#layerFooter div	{margin:0 0 0 18;padding-top:10;}
#layerFooter p		{margin:0 0 10 0;}							
#layerFooter a		{color:white; text-decoration:none; }
#layerFooter a:hover{text-decoration:underline;}

#layerFooterNew		{width:775px;height:33px;
						background-color:#003C73;
						background-image:url(../images/global/bg_footerLine.gif);
						background-repeat:repeat-x;
						color:white;
						font:10px Verdana,Arial,san serif;margin-top:30px;
						}
						
#layerFooterNew div	{margin:0 0 0 18;padding-top:10;}
#layerFooterNew p		{margin:0 0 10 0;}							
#layerFooterNew a		{color:white; text-decoration:none; }
#layerFooterNew a:hover{text-decoration:underline;}

.sidebox {
	margin: 0 auto; /* center for now */
	width: 600px; /* ems so it will grow */
	background: url(../images/landing/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	align:center;
}
.sideboxSimple {
	margin: 0 auto; /* center for now */
	width: 495px; /* ems so it will grow */
	background: url(../images/landing/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	align:center;
}.boxhead {
	background: url(../shredding-images/landing/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../shredding-images/landing/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: black; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../shredding-images/landing/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.special {
width:5px;
visibility:hidden;
}

#layerContentSimple		{	width:1000px;
						margin-top:2px;
						display:block;
					}
#layerContentSimple div.margin	{margin:15 10 0 10; width:980px;}
#landingLeftSimple		{float:left; width:250px; margin:10 0 10 10;}
#landingRightSimple		{float:left; width:460px; margin:10 10 10 10;}

.subtitle {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:80%;
	text-align:center;
	}

.error {
	font-size:10px;
	color:#AE1B16;
	font-weight: bold;
	}

.formLabel {
	font-size:10px;
	color:#OOOOOO;
	font-weight: bold;
	line-height:100%;
	}
	
.button {
	margin-left:30px;
	}
	
	#overallLayout		{background-image:url(../images/home/bg_home.gif);
						background-repeat:repeat-y;}
						
#contentLeft		{float:left;width:570px;margin:0 10 0 0}
#contentRight		{float:left;width:195px;}
#contentRight a		{text-decoration:none;color:#9D0029;}
#contentRight a:hover {text-decoration:underline;}
#headerRight		{text-color:#FFFFFF; vertical-align: middle; font-size:16px; text-decoration:none margin-top:10px;width:195px;height:24px;background-color:#426E96}
#bodyRight 			{margin:0 0 0 5}

#contentArea		{margin:20 0 0 18;}
#contentArea a		{text-decoration:none;color:#9D0029;}
#contentArea a:hover {text-decoration:underline;}

#imageArea			{float:left;width:164px;margin:24 0 0 0;}
#imageArea	img		{border:1px solid black;}
#articleArea		{float:left;width:520px;margin:24 0 0 0;}

#otherArticles		{margin:30 0 0 15;font-size:11px;}
#otherArticles p		{}
#otherArticles a	{text-decoration:none;color:#9D0029;}
#otherArticles a:hover {text-decoration:underline;}

h1					{font:18pt 'Trebuchet MS', Arial,Verdana,san serif;
						font-weight:bold;
						margin:8 0 -6 0;padding:0;}
						
h2					{font:10pt 'Trebuchet MS', Arial,Verdana,san serif;
						font-weight:bold;
						margin:8 0 -6 0;padding:0;}						
						
#hedDescription			{width:195px;height:40px;background-color:#E3E2E3}
#hedDescription img		{margin:14 0 0 11px;}
#bodyDescription		{width:180px;line-height:1.3;margin:10 0 0 11;font-size:11px;}


