/* GLOBAL STYLES ONLY!!! - Styling in Individual Style Sheets for Each Site - Grid Structure in 960.css */

/*  Basic HTML  */
/* --------------------------------------------------- */

html, body {
    width: 100%;
    height: 100%;
}

body {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	background: #7BD3F6 url(../_global_images/wires.gif) 50% 0 no-repeat;
	letter-spacing:.1em;
}

body.simple {
	background: #7BD3F6 !important;
}

img {
	behavior: url('/_css/iepngfix.htc');
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*  Text Styles  */
/* --------------------------------------------------- */

a, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.red { 
	color: #e11d3e !important;
}

p {
	font-weight: normal;
}

.small {
	font-size: 9px;
	padding: 6px 0;
}	

.medium {
	
}

.i {
	font-style: italic !important;
}

.b {
	font-weight: bold !important;
}

.underline {
	text-decoration: underline !important;
}	

.leftimg {
	float: left;
	margin-right: 10px;
}

/*  Headings  */
/* --------------------------------------------------- */

h1 {
	
}

h2 {
	font-family: Arial Black, Arial, sans-serif;
	font-size: 3.7em;
	letter-spacing: -.05em;
	line-height: 1.1em;
}

h3 {
	font-family: Arial Black, Arial, sans-serif;
	font-size: 3em;
}

h4 {
	font-family: Arial Black, Arial, sans-serif;
	font-size: 1.6em;
}

h5 {
	font-size: 15px;	
}

h6 {
	font-size: 15px;
	font-weight: normal;
}

.inline {
	display: inline;
}

.padding {
	padding-bottom: 5px;
}

/*  CONTAINER STYLES  */
/* --------------------------------------------------- */

#main {
	position: relative;
	display: block;
	width: 780px;
	min-height: 100%;
	background-color: #FFF;
	margin: 0 auto;
	z-index: 4;
}

	.cloud {
		z-index: 1;
	}
	
	#wrapper {
		position: relative;
		display: block;
		width:780px;
		min-height: 100%;
		margin-bottom: 180px;
		z-index: 5;
	}
	
	#wrapper.footerWLogos {
		margin-bottom: 253px;
	}

		/* Header Styles */
		#header {
			position: absolute;
			width: 940px;
			left: -80px;
			z-index: 25;
		}
		
		#headerL {
			float:left;
			margin-bottom: -109px;
		}
		
		#headerR {
			float:right;			
		}	
		
		#wire_left {
			position: absolute;
			margin: 0 0 -274px -510px;
		}
				
		#wire_right {
			position: absolute;
			margin: 0 0 -460px 830px;
		}
		
		/* Main Content Styles */
		#container {
			position: relative;
			width: 780px;
			margin: 0 auto -180px;
		}
		
			.footerWLogos #container {
				margin-bottom:-235px;
			}
		
		* html #container {
			margin-bottom: 0px;
		}
		
			* html .footerWLogos #container {
				margin-bottom: 0px;
			}
		
		*+html #container {
			margin-bottom: 0px;
		}
		
			*+html .footerWLogos #container {
				margin-bottom:0px;		
			}
					
			#content {
				position: relative;
				display: block;
				float: left;
				width: 740px !important;
				height: auto;
				padding: 10px 20px 20px;
			}
			
			#flash {
				margin: -20px 0 20px 10px;
				z-index: 465;
			}
			
				#flash .rigging {
					margin-left: -13px;
				}
			
				#flashholder {
					width: 723px;
					height: 420px;
					background: url(../_global_images/noflash_bg.jpg) 0 0 no-repeat;
				}
							
			#feedWrapper {
				position: relative;
				float: left;
				width: 500px; 
				padding: 5px 10px 5px 0px;
				margin-left: 10px;
			}
				
				* html #feedWrapper {
					margin-left: 5px;
					padding-right: 5px;
				}
				
				#feedWrapper .loading {
					font-size: 1.2em;
					font-weight: bold;
					margin-top: 10px;
				}
				
				#feedWrapper ul.tweet_list { margin: 10px 0; padding-left: 0px; list-style: none; }
				#feedWrapper ul.tweet_list li { display:block; position: relative; font-size: 1em; color:#000; padding: 5px 8px 5px 8px; margin:0; }
				#feedWrapper ul.tweet_list li.tweet_odd, #feedWrapper ul.tweet_list li.tweet_first { background-color:#d9e8ec; }
				#feedWrapper ul.tweet_list li a { color: #000; text-decoration:underline; }
			
			.tout {
				position: relative;
				float: right;
				margin-right: 7px;
			}
			
			.tout a {
				position: relative;
				width: 210px !important;
				height: 160px;
			}
			
/* Footer Styles */
#footerWrapper {
	position: relative;	
	display:block;
	clear: both;
	width: 780px;
	height: 180px;
	margin: -180px auto 0;
	z-index: 4;
	font-size: .95em;
	letter-spacing: .1em;
	bottom: 0px;
	border-bottom: 1px solid transparent; /* PREVENTS SAFARI FROM BLOCKING CLICK */
}

#footerWrapper.wLogos {
	clear: both;
	height: 0px !important;
	margin-top: -253px !important;
}

	#stage {
		position: relative;
		clear: both;
		width: 862px;
		margin: 0 auto 0 -41px;
	}
		
	* html #stage {
		margin-left: 0px;
	}
	
	#stageL, #stageC, #stageR {
		float:left;
	}
	
	#stageL {
		margin-left: 0px;
	}
	
	#footer {
		float: left;
		width: 862px;
		background: #000;
		margin-left: -41px;
		color: #FFF;
	}
	
	* html #footer {
		margin-left: -1px;
	}	
		
		#footer #logos {
			position: relative;
			display: block;
			width: 655px;
			margin: 5px auto;
			padding: 5px 25px 0px 45px;
			text-align: center;
		}
		
		#footer #logos img {
			margin:0 12px;
		}
		
		#footer a, #footer:visited {
			color:#FFF;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: #FFF;
			text-decoration: underline;
		}	
		
		#footer p {
			text-align: center;
			padding: 5px 0;
			margin: 0 auto;
		}
		
/* MP3 PLAYER PAGE */

#mp3container {
	position: relative;
	min-height: 100%;
	height: 100%;
	z-index: 212;
}

* html #mp3container {
	height: 100%;
}

#floater {
	position: relative;
	display: block;
	float:left; 
	width:100%;
	height:50%; 
	margin-bottom: -110px; 
}

#mp3player {
	position: relative;
	display: block; 
	width: 335px;
	height: 220px;
	padding-bottom: 0px;
	text-align: center;
	margin: 0 auto;
	z-index: 234;
}

* html .mp3player #cloud1,
* html .mp3player #cloud2,
* html .mp3player #cloud3,
* html .mp3player #cloud4 {
	visibility: hidden;
	display: none;
}

.mp3player #cloud1 {
	margin-top: 75px;
	margin-left: -8%;
}

.mp3player #cloud2 {
	margin-left: 6%;
	margin-top: 220px;
}

.mp3player #cloud3 {
	margin-left: -20%;
	margin-top: 20px;
}

.mp3player #cloud4 {
	margin-top: 184px;
	margin-right: -11%;
}

