/* 
main.renaulttv.css

Site: Renault.tv
Org: Lemon Digital
By: Darren Kisner
Date: 04/04/09
*/

/* defaults */

body {
	font-family:"Helvetica Neue LT Condensed", Helvetica, Arial,  sans-serif;
	font-size:80%;
}

h1{ /* PAGE TITLE */
	font-size:2.2em;
	color:#333;
	text-transform:uppercase;
}

h2 { /* SECTION TITLE */
	color:#333;
	text-transform:uppercase;
}

h3 { /* TEXT TITLE */
	padding:0px 0px 5px 0px;
	color:#333;
	text-transform:uppercase;
}

h4 { /* TEXT SUBTITLE */
	margin:5px 0px 15px 0px;
	padding: 5px;
	font-size:0.9em;
	color:#333;
	text-transform:uppercase;
	font-style: italic;
	background-color: #eee;
}

a {color:#333;}
a:link  {color:#333;text-decoration:underline; }
a:visited {color:#333;text-decoration:underline; }
a:hover { color:#000;text-decoration:none; }



table {
	border-collapse:collapse
}

th, td {
	padding:5px;
	border-style:none;
}

th {
	background-color:#CCC;
}


/* structure */

.viewport {

	margin:10px;
	padding: 10px;

}

.header {
	background:url(../img/logo.gif) no-repeat left;

}

.header h1{
	background:#FFF;
	margin:0 0 0 100px;
	padding:0 0 0 20px;
	border:1px solid #000;
	line-height:79px;
}


.page_title{
	text-align:centre;
	height:4em;
	line-height:4em;
	border:1px solid #000;
	margin-bottom:20px;
}
	.page_title h1{
		padding:0 0 0 20px;
	}
	
.nav {
	margin:0 0 0 100px;
}

.nav .nav_right {
	text-align:right;
	float:right;
	width:250px;
}


.nav .nav_left {
	text-align:left;
	float:left;
	width:400px;
}

.content {


}


.footer {
	margin:20px 0;
	padding:2.5px 5px;
	/*height:1em;*/
	background-color:#999;
	font-size:0.9em;
	color:#333;	
    overflow: hidden;
}

.footer .footer_right {
	text-align:right;
	float:right;
}

	.footer a:link  {color:#333;text-decoration:none; }
	.footer a:visited {color:#333;text-decoration:none; }
	.footer a:hover { color:#000;text-decoration:underline; }

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

.footer_right li {
    display: inline;
    padding: 0 10px;
}

/* type  */

.intro_copy{

}


.hlist{
	list-style:none;
	margin:10px 0px;
	padding:5px 0px;
	text-transform:uppercase;
	
} 

.hlist li{
	display: inline;
	padding:2px 5px 2px 0px;
}

	.hlist li a:link  {color:#333;text-decoration:none; }
	.hlist li a:visited {color:#333;text-decoration:none; }
	.hlist li a:hover { color:#000;text-decoration:underline; }


.vlist{
	list-style:none;
	margin:10px 0px;
	padding:5px 0px;
	text-transform:uppercase;
	
} 

.vlist li{
	/*display: inline;*/
	padding:2px 5px 2px 0px;
}

	.vlist li a:link  {color:#333;text-decoration:none; }
	.vlist li a:visited {color:#333;text-decoration:none; }
	.vlist li a:hover { color:#000;text-decoration:underline; }



.select_list, .icon_list{
	text-transform:uppercase;
}

	.select_list li, .icon_list li{
		color:#999;
	}
	
	.select_list li a:link, .icon_list li a:link  {color:#333;text-decoration:none; }
	.select_list li a:visited, .icon_list li a:visited {color:#333;text-decoration:none; }
	.select_list li a:hover, .icon_list li a:hover { color:#000;text-decoration:underline; }	

.icon_list{
	list-style:none;
}

.icon_list li img{
	vertical-align:middle;
	margin-right:5px;
}

.video_title{
	padding:5px;
	color:#333;

}
	.video_title a:link  {color:#333;text-decoration:none; }
	.video_title a:visited {color:#333;text-decoration:none; }
	.video_title a:hover { color:#000;text-decoration:underline; }


.video_synopsis{
	padding:5px;
	color:#333;
	font-size:0.9em;
}

.airing_time{
	padding:5px;
	color:#666;
	font-size:0.9em;
}

.car_thumb {
	float:left;
	width:180px;
	border:1px solid #000;
	margin:0 10px 10px 0;
}

.car_detail {
	padding:5px;
}


/* elements */

.bg_on {
	background-color:#CCC;
}

.bg_off {
	background-color:#FFF;

}

.section_divider{
	height:1px;
	border-top:1px solid #999;
	margin:10px 0px;
}