/*  
Theme Name: Fórmula Truck 2010
Theme URI: http://www.formulatruck.com.br/
Description: Site 2010
Version: 1.0
Author: Cesar Augusto Becker Denis
Author URI: 
*/

@import /**/"reset.css";
@import /**/"gridsthemes.css";
@import /**/"drivers.css";
@import /**/"gallery.css";
@import /**/"races.css";
@import /**/"news.css";
@import /**/"photo.css";
@import /**/"videos.css	";


/**** 
	PADRÃO
	Valores que serão usados no site inteiro
****/

html, body {
    color:#000;
    font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background: url(images/bg-body.gif) center 0; 
}

img.alignleft {float:left; margin:0 10px 10px 0;}
img.alignright {float:right; margin:0 0 10px 10px;}
img.imgMargin { margin:0 0 10px; }

.clearfix {
	height:1px;
	clear:both;
	overflow:hidden;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */


#wrapper {
	width:100%;
	background: url(images/bg-wrapper.jpg) no-repeat center 0; 
	min-height: 540px;
}

#inner-wrapper {
    width: 980px;
    margin: 0 auto;
}

a {
	color:#005aa0;
	text-decoration:none;
}

/****
	HEADER
	Logo, Submenu, Menu, Search
****/

#header {
	position:relative;
}

	#inner-header {
		height: 155px;
		position:relative;
	}


/*submenu*/

#nav-sub{
	height: 40px;
}

	#nav-sub ul {
		list-style-position:outside;
		list-style-type:none;
		position:absolute;
		right:20px;
		top:5px;
	}

		#nav-sub ul li{
			float:left;
		}
		
			#nav-sub ul li a{
				font-size: 14px;
				font-weight: bold;
				color:#FFFFFF;
				display:block;
				font-size:11px;
				line-height:18px;
				margin-left:5px;
				width:90px;
				text-align:center;
				text-decoration:none;
				-moz-text-shadow:0 1px 1px #000;
				-webki-text-shadow:0 1px 1px #000;
				text-shadow:0 1px 1px #000;
			}
			
			#nav-sub ul li a:hover{
				color:#fff;
				border-bottom:2px solid #99ccff;
			}

/*logo*/
    h1.logo {
        width:414px;
        float:left;
		margin: 0 0 0 60px;
    }

        h1.logo a {
	        height:155px;
	        display:block;
	        background:url(images/logo.png) no-repeat;
	        text-indent:-999em;
	        overflow:hidden;
        }

/*search*/

#sponsorship .txtSearch {
	position:absolute;
	right:128px;
	top:29px;
	background-color:transparent;
	border:medium none;
	color:#333333;
	font-size:16px;
	height:21px;
	padding:2px 5px 3px;
	width:214px;
}

#sponsorship .btnSearsh {
	position:absolute;
	right:10px;
	top:24px;
	background-color:transparent;
	background-image:url(images/btn-search.png);
	background-position:0 -41px;
	background-repeat:no-repeat;
	border:medium none;
	cursor:pointer;
	height:41px;
	padding-bottom:6px;
	width:100px;
}

#sponsorship .btnSearsh:hover {
	background-position:0 0;
}

#sponsorship .petrobras {
	left: 200px;
	top: 35px;
	height: 30px;
	width: 140px;
	position:absolute;
	text-indent: -9999px;
	overflow: hidden;
}

           

#sponsorship .vipal {
	left: 350px;
	top: 34px;
	height: 30px;
	width: 120px;
	position:absolute;
	text-indent: -9999px;
	overflow: hidden;
}

           

#sponsorship .cristal {
	left: 500px;
	top: 25px;
	height: 40px;
	width: 80px;
	position:absolute;
	text-indent: -9999px;
	overflow: hidden;
}

/*twitter*/

.twitter{
	position:absolute;
	right:460px;
	top: 24px;
	text-align:right;
	width: 320px;
	height: 48px;
	color:#FFF;
	font-size:11px;
}
	.tleft{
		display:block;
		float:left;
		width: 145px;	
	}
	
	.tright{
		display:block;
		float:right;
		width: 160px;
		line-height: 110%;
	}
	
	.twitter a{
		color:#37cdef;
		font-weight:bold;
		font-size:12px;
		display:block;
		margin: 0 0 3px;
	}
	
	.twitter a:hover{
		text-decoration: underline;
	}
	
	.twitter span.followers {
		font-weight:bold;
		display:block;
		margin: 0 0 3px;
	}
	
		.twitter span.followers b{
			font-size:15px;
		}
		
/*menu*/

#nav {
	background: url(images/bg-menu.gif) no-repeat 0 0;
	height:33px;
	padding: 12px 0 0 10px;
}

	#nav ul {
		
	}
	
		#nav ul li{
			display:inline;
		}
		
			#nav ul li a{
				font-size: 14px;
				font-weight: bold;
				color:#FFFFFF;
				display:block;
				float:left;
				font-size:11px;
				padding: 5px 10px;
				margin-right:18px;
				text-align:center;
				text-decoration:none;
				border-radius:10px;
				-moz-border-radius:10px;  
				-webkit-border-radius:10px;
			}
			
			#nav ul li a:hover, #nav ul li a.current{
				background-color: #3a0f0f;
				-moz-box-shadow:0 -1px 1px #f66;
				-webki-box-shadow:0 -1px 1px #f66;
				box-shadow:0 -1px 1px #f66;
			}
				
				#nav ul li a.last{
					margin-right:0px;
				}
		
		
#sponsorship{
	background: url(images/bg-sponsorship.gif) no-repeat 0 0;
	height:45px;
	padding: 16px 15px 37px;
	position:relative;
}

#sponsorship.tvtruck{
	background: url(images/bg-sponsorship-truck.gif) no-repeat 0 0 !important;
}  
	                
      
#sponsorship.onecol{
	background: url(images/bg-sponsorship-full.gif) no-repeat 0 0 !important;
}


/*****
	SECTION
	Conteudo do site
*****/
#main {
	background-image:url(images/line.gif);
	background-repeat:repeat-y;
	float:left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	width:960px;
}

#main.full {
	background-image: url(images/line-full.gif) !important;
	background-repeat:repeat-y;
	float:left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	width:960px;
}

.section {
	float:left;
	margin-right:20px;
	position:relative;
	width:640px;
}

.section-full {
	float:left;
	position:relative;
	width:950px;
}

.aside {
	background-color:#FFFFFF;
	float:left;
	position:relative;
	width:300px;
}

.aside-footer {
	background:#1C2634 url(images/aside-footer.gif) no-repeat scroll center top;
	float:left;
	height:10px;
	position:relative;
	width:300px;
}

.aside-content {
	padding: 10px 0;
	margin: 0 10px 10px;
	border: solid 1px #ccc;
	border-width: 0 0 2px;
}

.aside-content:last-child {
	margin: 0 10px 0;
	border-width: 0;
}
	.aside-content h3{
		color:#005aa0;
		font-size:14px;
		font-weight:bold;
		margin: 0 0 10px;
	}

#content-flash-aside {
	width:300p;
	height:258px;
	background: url(images/bgFlash.jpg) no-repeat 0 0;
}

.article{
	margin: 10px 0 0;
	padding: 10px 0 0;
	border: solid 1px #000;
	border-width: 1px 0 0;
}

	.article h2{
		color:#005aa0;
		font-size:20px;
		font-weight:bold;
		margin: 0 0 10px;
	}
	
	.article h3{
		color:#202020;
		font-size:16px;
		font-weight:bold;
		margin: 0 0 10px;
	}
	
	.article h4{
		color:#202020;
		font-size:12px;
		font-weight:bold;
		margin: 0 0 10px;
	}
	
	.article  .eyes-article{
		color:#666;
		font-size:10px;
		margin: 0 0 10px;
	}
	
	.article  p{
		font-size:12px;
		line-height:150%;
		margin: 0 0 10px;
	}
	
	.article a.more, .aside-content a.more {
		font-size:12px;
		color:#005aa0;
		padding: 0 15px 3px 0;
		background:url(images/link-more.gif) no-repeat right;
		text-decoration:none;		
	}
	
	.article a.more:hover, .aside-content a.more:hover {
		border: dashed 1px #202020;
		border-width: 0 0 1px;
	}
	
.inner-pages .article:first-child{
	margin: 0;
	padding:  0;
	border: none medium;
}

	.inner-pages .article h2{
		color:#005aa0;
		font-size:36px;
		font-weight:bold;
		font-style:italic;		
		margin: 0;
	}
	
	.inner-pages .article h3{
		color:#202020;
		font-size:16px;
		font-weight:bold;
		margin: 0 0 10px;
	}

#flash {
	height:257px;
}

#player{
	width:320px;
	height:240px;
	float:left;
	margin-right:10px;
	position:relative;
}

.topNews  {
	width:308px;
	margin: 15px 0 0;
	float:right;
}

	.topNews li  {
		border-top: solid 1px #000; 
		padding: 9px 5px;
		clear:both;
		display:block;
		height: 42px;
	}
	
	.topNews li:first-child   {
		border:none;
	}
		.topNews li h2 {
			background:none;
			margin:0;
			padding:0;
			float:right;
			letter-spacing:-1px;
		}
			.topNews li h2 a {
				font-size: 14px;
				display:block;
				width: 260px;
				height: 30px;
			}

	.topNews span {
		display:block;
		font-weight: bold;
		color:#666;
		text-transform:uppercase;
		font-size: 11px;
		width:30px;
		float:left;
		text-transform:lowercase;
		text-align:center;
	}
	.topNews span b { font-size: 16px; }
	
.list-column {
	
}
	.list-column li {
		margin: 0 0 10px;
	}
	
	.list-column li:last-child {
		margin: 0;
	}
		.list-column li a{
			display:block;
			background:url(images/bg-column.gif) repeat-x 0 0;
			height: 63px;
			border: solid 1px #666;
			border-radius:5px;
			-moz-border-radius:5px;  
			-webkit-border-radius:5px;
		}
			
			.list-column li a img{
				float:right;
			}
			
			.list-column li a h4{
				float:left;
				margin: 5px 0 5px 5px;
				font-weight:bold;
				color:#202020;
				width:155px;
				display:block;
			}
			
			.list-column li a p{
				float:left;
				margin: 5px 0 5px 5px;
				font-weight:bold;
				color:#202020;
				width:155px;
				display:block;
			}

.newsvideos li, .moreview li  {
    border-top: dashed 1px #ccc; 
    padding: 10px 5px;
    clear:both;
    display:block;
}

.newsvideos li img, .moreview li img  {
   float: left;
   
}

.newsvideos li div, .moreview li div  {
   float: right;
   width: 175px;
   
}

.newsvideos li h2, .moreview li h2 {
    background:none;
    margin:0;
    padding:0;
    letter-spacing:-1px;
}
.newsvideos li h2 a, .moreview li h2 a {
    font-size: 13px;
}

.newsvideos span, .moreview span {
    display:block;
    font-size: 11px;
}

.listnews li {
	border: dashed 1px #ccc;
	border-width: 1px 0 0 0;
	padding: 5px 10px;
	margin: 5px 0;
}

.listnews li:first-child {
	border: medium none;
	padding: 0 10px 5px;
	margin: 0 0 5px;
}

	.listnews li span {
		color:#000;
		font-size: 10px;
	}
	
	.listnews li h2 {
		font-size: 14px !important;
	}
	
	.listnews li h2 a:hover {
		text-decoration:underline;
	}
	
	.listnews li p {
		margin:0 !important;
	}
	
/*****
	FOOTER
	
*****/	
#footer {
	background-color:#FFFFFF;
	background-image:url(images/bg-footer.jpg);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	padding:40px 20px 20px;
	position:relative;
	width: 930px;
}

#footer-full {
	background-color:#FFFFFF;
	background-image: url(images/bg-footer-full.jpg);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	padding:40px 20px 20px;
	position:relative;
	width: 930px;
}

.footer_meta {
	color:#005aa0;
	clear:both;
	margin:5px 0;
	text-align:center;
}

.cop ul li {
        	margin-right: 19px;
        	display: inline;
        }