@charset "UTF-8";
/* CSS Document */
/* drive In Skin for wsilive.com by Scott Nesham*/
html
	{
	height:100%;
	}

body
	{
	height:100%;
	background:url(images/pageBack.jpg) #000000 repeat-x;
	margin:0px 0px 0px 0px;
	color:#ffffff;
	font-family: Arial;
	font-size:14px;
	}
p
	{
	font-size:14px;
	}
	
ul li
	{
	margin-top:2px;
	margin-bottom:2px;
	}
	
ul
	{
	margin-top:10px;
	}
	
a:link
	{
	color:#fbc435;
	text-decoration:none;
	}
	
a:hover
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:visited
	{
	color:#fbc435;
	text-decoration:none;
	}
	
h2 a:link
	{
	color:#fbc435;
	text-decoration:underline;
	}
	
h2 a:hover
	{
	color:#ffffff;
	text-decoration:underline;
	}
	
h2 a:visited
	{
	color:#fbc435;
	text-decoration:underline;
	}
		
h1
	{
	font-family: Arial;
	font-size:30px;
	font-weight:bold;
	color:#fbc435;
	margin:0px 0px 2px 0px;
	padding:0px;
	
	}
	
h2
	{		
	font-family: Arial;
	font-size:20px;
	font-weight:bold;
	color:#fbc435;
	margin:20px 0px 2px 0px;
	}
	
h3
	{		
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px 0px 10px 0px;
	}
	
h4
	{		
	font-family:Arial;
	font-size:16px;
	color:#000000;
	height:18px;
	margin:0px;
	}
	
.header
	{
	background:url(images/headerBack.jpg);
	height:140px;
	vertical-align:top;
	}
	
.subHeader
	{
	background:url(images/subHeading.jpg) #38393a no-repeat;
	height:200px;
	padding:20px;
	vertical-align:top;
	}
.subHeader h1
	{
	font:Impact, Arial, Helvetica, sans-serif 20px normal;
	letter-spacing:1px;
	color:#FFFFFF;
	}
	
.subHeader blockquote
	{
	font:Arial, Helvetica, sans-serif 18px normal;
	width:300px;
	color:#FFFFFF;
	margin-top:25px;
	}
			
.contentTable
	{
	background:url(images/contentGradient.png) repeat-x #161515;
	width:100%;
	}

.borderTop
	{
	background:url(images/topShadow.png) repeat-x;
	height:41px;
	}
	
.borderBottom
	{
	background:url(images/bottomShadow.png) repeat-x;
	height:41px;
	}
	
.Nav
	{
	background:url(images/navBack.png);
	color:#fbc435;
	height:17px;
	padding:5px 0px 8px 0px;
	text-align:center;
	font:Arial 11pt normal;
	}

.Nav a:link
	{
	color:#fbc435;
	text-decoration:none;
	font-size:12px;
	}
	
.Nav a:hover
	{
	color:#fbc435;
	text-decoration:none;
	font-size:12px;
	}
	
.Nav a:visited
	{
	color:#fbc435;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	}
	
.top
	{
	width:540px;
	margin-top:15px;
	}
.backgroundArt
	{
	z-index:-200;
	background:url(images/stars.png) repeat-x;
	width:100%;
	height:100%;

	}
.backgroundArt2
	{
	background:url(images/aura.png) no-repeat right bottom;
	width:100%;
	height:100%;
	}
	
/* custom containers and pretty stuff */

.twitContain
	{
		width:740px;
		height:300px;
		background:url(images/specialContainer-wsiLive.png) no-repeat;
	}
	
.twitContainL
	{float:left; width:330px; padding-left:70px;}
	
.twitContainR
	{float:right; width:310px; padding-right:30px;}

.twitContainL p
	{
		margin-top:100px;
		font-style:italic;
		font-size:16px;
		color:#333;
		float:left;
	}
	
.twitContainR ol
	{
		color:#333;
		font-weight:bold;
		margin-top:5px;
		font-size:12px;
	}

.twitContainR ol li
	{
		margin-bottom:5px;
		padding:0px;
	}
	
.twitContainR ol li a:link, .twitContainR ol li a:hover, .twitContainR ol li a:visited
	{
	color:#091748;
	text-decoration:underline;
	}
	
/*JUITTER PLUGIN CSS*/
#juitterContainer{ 
	height:500px; 
	width:355px; 
	overflow-x:hide; 
	overflow-y:scroll; 
	padding-right:10px; 
	clear:both; 
	background:#222;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	} /*Juitter container*/
	
* html #juitterContainer{
	/* if IE */
	width:365px; 
}
	
.tweeTop
	{
		background:url(images/tweeTop.png) left bottom no-repeat;
		clear:both;
		height:75px;
	}
	
.tweeBottom
	{
		background:url(images/tweeBottom.png) top left no-repeat;
		height:75px;
		text-align:center;
		padding-top:20px;
		font-size:1em;
		color:#333;
	}
	
.tweeBottom A{color:#333;font-size:1.3em; font-weight:bold; text-decoration:underline;}
.tweeBottom A:hover{color:#000; font-size:1.3em; text-decoration:underline;}
.tweeBottom A.on{color:#000;font-size:1.3em; text-decoration:underline;}
	
#juitterContainer .twittList{margin:0;padding:0; margin-bottom:3px;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both; height:80px;} 
#juitterContainer .twittList A{color:#FBC435; margin-top:30px;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/*end of Juitter CSS*/


/*BELOW HERE IS THE JUITTER WEBSITE CSS*/
UL.tweetNav {margin:0;padding:0;}
UL.tweetNav LI{ list-style:none; float:left;margin-top:50px;padding:0 5px 0;color:#000;}
UL.tweetNav LI A{color:#333;font-size:1em;display:block; font-weight:bold; text-decoration:underline;}
UL.tweetNav LI A:hover{color:#000; text-decoration:underline;}
UL.tweetNav LI A.on{color:#000;font-size:1em; text-decoration:underline;}

#info{width:400px;margin-left:10px;float:left;}
#info H2{color:#17C6FF;font-size:1.6em;margin:0 0 5px 0;padding:0;}
#info A{color:#FBC435}
#info LI{margin:5px 0;}



.cb{clear:both}
.nmt{margin-top:0;padding-top:0;}
.code{color:#006600;background:#FEFDED;margin:0;padding:0;}