/* ---------------------------------------------
Screen Stylesheet for http://www.meatradio.com
Company: iBecCreative.com
Created: 07/11/08 - JDB 
Updated: 08/05/08 JDB, 9-24-09 JDB, 1-4-09 JDB
-------------------------------------------------
::TOC::
	Resets	Defaults	Typography	Template 	Links	Navigation	Forms	Global Classes	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {margin:0;
padding:0;}
fieldset, table {border:none;}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word;
}
caption, th, td {text-align: left;}
/* ---------- ::Defaults:: --------------------- */
html {font-size:100.01%;height: 101%;}
body { 
height:100%;
font:62.5%/1.6 Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
background-color:#000;
color:#fff;
}

/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding:0 0 .6em 0;}
h1 {padding-top:.6em;font-size:18px;color:#003366;}
	.tier1 #content h1 {color:#0066cb;}
	body.tier3 #content h1 {padding-bottom:0;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
address, li, p {font-size:12px;letter-spacing:.0025em}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/* ---------- ::Template:: --------------------- */
#wrap {width:826px;margin:0 auto;background-color:#161616;}
#masthead {
width:826px;
height:116px;
margin:0 auto;
background-color:#242424;
}
	#logo {	float:right;padding:32px 50px 0 0;}
	#tagline {clear:right;float:right;padding:5px 50px 20px 0;}
#tier {margin-top:27px;}
#tier1 {
clear:both;
width:826px;
height:384px;
background-color:#161616;
}
#right {
display:inline; /* ie6 bug fix */
float:right;
width:576px;
margin:0 50px 0 20px;
}
	body.tier1 #right p {padding:0;}
	/* Tier 2 scroll section */
	body.tier2 #right {
	background:#414141;
	min-height:355px;
	max-height:355px;
	overflow-y:scroll;
	margin-bottom:30px;
	padding-bottom:30px;
	}
	body.tier2 #right .inner {padding:30px 30px 10px 50px;}
	body.tier2 #right .inner table td {padding:0 10px 20px 0;vertical-align:top;font-size:12px;	}
	/* Tier 4 no scroll section */
	body.tier4 #right {
	background:#414141;
	min-height:355px;
	margin-bottom:30px;
	padding-bottom:30px;
	}
	body.tier4 #right .inner {padding:30px 30px 10px 50px;}
#menu {
float:left;
width:180px;
height: 384px;
text-align:right;
}
	body.tier3 #right, body.tier3 #menu {margin-bottom:30px;}
#content, #tier2_content {
clear:both;
width:570px;
margin:0 auto;
padding:45px 0 20px;
/*text-align:right; not using ??*/
color:#fff;
}
	#tier2_content {padding:0 10px 20px 214px;width:570px;text-align:left;}
	body.tier3 #content {
	width:726px;
	text-align:left;
	background:#c1c0c0 url(../images/tier3bg.jpg) 0 0 repeat-x;
	color:#3d3d3d;
	}
	body.tier3 #content .inner {width:470px;margin:0 auto;padding:0 10px 20px 200px;}
#footer {
clear:both;
margin:0 auto;
padding:14px 0;
text-align:center;
}
#footer p {font-size:11px;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
/* ---------- ::Links:: ------------------------ */
a,a:visited {text-decoration:underline;color:#989832;}
a.customLink, a.customLink:visited,a span.customLink, span.customLink a {text-decoration:none;color:#fff;}
a:active, a:focus, a:hover, a.customLink:hover {text-decoration:none;outline:none;color:#0065CC;}

 .tier2title a {
padding-left:10px;
text-align:right;
text-decoration:none;
font-weight:bold;
color:#2278a4;
}
.tier2title a:active,.tier2title a:focus,.tier2title a:hover {color:#989832;}
a img {border:none;}

/* ----------  ::Navigation:: ------------------ */

/* ::Main Menu:: --- */
	ul#menu {
	float:left;
	width:180px;
	height: 384px;
	margin:0 auto;
	text-align:right;
	list-style-type:none;	
	}
	#menu li {
	height:61px;
	padding:0;
	vertical-align:top;
	font:bold 18px/1 'Myriad Pro',Arial,sans-serif;
	color:#a5adaa;
	}
		#menu li.contact {height:0;}
			#menu li a {
			text-decoration:none;
			text-transform:uppercase;
			color:#a5adaa;
			cursor:pointer;
			}
			#menu li a.menu_active {color:#fff;}
			#menu li a:active, #menu li a:focus, #menu li a:hover {color:#999933;}

/* ---------- ::Forms:: ---------------------- */
label {cursor:pointer;text-align:right;}
input,label,select,textarea {
vertical-align:middle;
line-height:normal;
font-size:12px;
font-family:inherit;
}
input, textarea {padding:.2em;}
input.submit {
height:20px;
font-size:10px;
border:1px solid #654411;
background:#fff;
}
textarea {overflow:auto;height:70px;}
/* contact form */
#contactform {margin:0 auto;width:560px;}
#contactform div {
clear:both;
display:block;
padding:1em 0;
width:400px;
}
#contactform legend {display:none;}
#contactform label, #contactform input, #contactform div.captcha img {display:block;float:left;}
#contactform label {padding-right:1em;width:40%;}
#contactform input,#contactform textarea {width:50%;}
	/* Multiple Checkbox, Radio Buttons */
	#contactform div div {
	clear:none;
	float:right;
	display:block;
	padding:0;
	width:60%;
	}
	#contactform div div label {display:inline;float:none;width:60%;}
	#contactform div div input {display:inline;	float:none;	width:10%;	}
#contactform div.captcha img {margin-top:-6px;}
#contactform div.captcha input{width:188px;}
#contactform div.submit input {width:148px;}
#contactform .error {color:red !important;}