/*************************************************************
Stylesheet for tomdreesen.com
Developed by Eric Arenson, http://www.ericarenson.com/
Version: 2.0
/*************************************************************/

/*************************************************************/
/*** MAIN STRUCTURE
/*************************************************************/
	
	body{}
	
	div#wrapper{}
	div#container{}
	div#left{}
	div#right{}
	
	div#main{ 
		padding-left: 30px;
		padding-top: 18px;
	}
	
	div#main div#story{
		padding-top: 12px;
		padding-bottom: 40px;
	}
	
	div#main.media{
		float: right;
		width: 684px;
	}
	
	div#quotes {
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 18px;
	}

	#logos li{
		line-height: 22px;
	}

	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	
	#feedback{
		background-color: #303026;
		padding: 5px 10px 10px 10px;
		width: 450px;
	}

	#promo{
		margin-top: 16px;
	}

	#promo img{
		float:right;
		padding: 0;
	}

	#events li{
		margin-bottom: 14px;
	}

	/**** NAV ****/
	#nav a{
		display: block;
		width:165px;
		height: 41px;
		text-decoration: none; /*lets remove the link underlines*/
	}
	
	
	/**** MEDIA PLAYER ****/
	div.media-section{ clear: both; margin-top: 20px; padding-top: 20px; height: 330px; width: 650px;border-top: 1px solid #000;}
	div.media-section h2 {font-weight: bold; padding-bottom: 10px; font-size: 14px;}
	div.media h2{font-weight: bold; font-size: 16px;}
	div.media h3{font-weight: bold; font-size: 14px;}
	div.media hr.rule {width: 650px; margin: 10px 0 10px 0; border: none; border-bottom: 1px solid #666;}
	
	div#thumbs div.thumbnail{ float: left; padding-right: 60px; text-align: center; width: 164px;}
	div.thumbnail img{height: 240px;}
	div.thumbnail a{
		text-decoration: none;
		color: #00c7ea;
		padding-top: 8px;
	}
	div.thumbnail p{padding-bottom: 8px;}
	div#thumbs{padding-bottom: 30px; height: 300px;}
	
	
	/**** FOOTER ****/
	#footer {
		color: #7b7a5e;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		height: 55px;
	}

	#footer li{
		float: left;
		width:  70px;
		position:  relative;
		text-align: center;
		font-size: 10px;
		margin-top: 12px;
		padding-right: 10px;
		padding-left: 16px;
	}

	#footer li a, #footer li a:visited{
		display: block;
		text-decoration: none;
		color: #7b7a5e;
	}
	
/*************************************************************/
/*** TYPOGRAPHY
/*************************************************************/


body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#right {
	font-size: 11px;
}


#quotes p{
	font-size: 11px;
	color: #FFF;
	line-height: 20px;
	margin-bottom: 80px;
}

#logos {
	font-size: 11px;
	color: #FFF;
	line-height: 16px;
	padding-left: 20px;
}



#events a{color:#3F3D30;}


#main {
	color: #FFF;
	font: 12px/18px Arial, Helvetica, Geneva, sans-serif;
}



#story a{
	text-decoration: none;
	color: #00c7ea;	
}

#story #headline{
	font: 16px/22px Arial, Helvetica, Geneva, sans-serif;
	width: 440px;
}
	





#contact {
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 4px;
}

#contact a{
	text-decoration: none;
	color: #7b7a5e;
	font-weight: bold;
}

#feedback h2{
	font-size:14px;
	font-weight:normal;
}

#feedback h3{
	font-size:12px;
	font-weight:normal;
}

small{
	font-size: 10px;
	margin-top: -10px;
	padding: 0;
}



#promo h2{
	font-size:14px;
	color:#98B2C1;
	margin: 0;
	padding: 0;
}

#promo p{
	width:160px;
	float:left;
	font-size:12px;
	padding: 0px;
	margin: 0px;
}