/* CSS Document */

/*Global Styles*/
html, body {
	width:100%;
	height: 100%;	
	overflow-x:hidden;
}

body, #aboutMe {
	width:100%;

}

body, #content {
    height:100%;
	min-height:100%;
	
}

html>body html, body { *overflow-y:auto;}

h3 {
	font-size: 18px;
	color:#2f3039;	
}

body {
	margin:0;
	padding:0;
	background: url(imgs/back.jpg) center center #000 repeat-y;
	font:11px/17px Arial, Helvetica, sans-serif;
	color:#9b9b9b;
	
}

#header {
	margin:0;
	padding:0;
	width:100%;
	height:35px;
	background: url(imgs/siteElements/menu/menuBack.png) no-repeat center center;
	position:relative;
}

#menu {
	width:580px;
	margin:0% auto;
	padding-top:8px;
	text-align:center;	
}

#nav {
	margin:0;
	padding:0;
	list-style: none;
	display: inline;
	overflow: hidden;
	
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	position: relative;
	float: left;
	padding: 15px 0 0 0px;	
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -15px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -15px;	
	}
	

li#home a  {
	width: 155px;
	background: url(imgs/siteElements/menu/title.png) no-repeat left top;
	}
	
li#news a  {
	width: 57px;
	background: url(imgs/siteElements/menu/news.png) no-repeat left top;
	}
	
li#blog a  {
	width: 50px;
	background: url(imgs/siteElements/menu/blog.png) no-repeat left top;
	}
	
li#about-me a  {
	width: 86px;
	background: url(imgs/siteElements/menu/about-me.png) no-repeat left top;
	}
	
li#qa a  {
	width: 41px;
	background: url(imgs/siteElements/menu/qa.png) no-repeat left top;
	}

li#theseason a  {
	width: 100px;
	background: url(imgs/siteElements/menu/the-season.png) no-repeat left top;
	}

li#gallery a  {
	width: 77px;
	background: url(imgs/siteElements/menu/gallery.png) no-repeat left top;
	}
	
	
/****END OF GLOBAL STYLES*****/

/*Content Layout*/

#contentWrap {
	clear:both;
	margin:0% auto;
	width:878px;
	margin-top:-20px;
	min-height: 100%;	
	background:url(imgs/contentBack.jpg) repeat-y;	
}

#content {
	float:left;
	background:url(imgs/contentBack.jpg) repeat-y;
	width:878px;
	height:100%;
	min-height: 100%;	
	padding-top: 20px;
	padding-bottom: 20px;	
}


#wrap {
	margin:0% auto;
}


#pageImg {
	
}


/*News & Blog Sections*/

#archive {
	float:left;
	width:149px;
	margin-left:60px;
}

#archive #article {
	margin-bottom:14px;
}

#archive #article .title {color:#2f3039; font-weight:bold;}
#archive #article .title a{color:#2f3039; font-weight:bold; text-decoration:none;}

#archive #article .words {font-size:10px; }



#latest {
	float:left;
	width:344px;
	margin-left:36px;
}


#latest #article { border-bottom:1px #9b9b9b solid; padding-bottom:10px; margin-bottom:20px;}
#latest #article .title { font-size:18px; line-height:20px; color:#2f3039; font-weight:bold;}
#latest #article .title a { color:#2f3039; font-weight:bold;  text-decoration:none;}

#latest #article .date { font-size:13px; line-height:20px; }
#latest #article .words { }
#latest #article .words .more { font-style:italic;}
#latest #article .words .more a{ text-decoration:none; font-style:italic; color:#9b9b9b;}

#latest #article .photo {
	margin-top:10px;
}

#links {
	float:left;
	width:176px;
	margin-left:55px;
	
}


/*Season Styles*/

#raceBg {
	margin: 0% auto ;
	margin-bottom: 50px;
	width: 771px;
}

.raceInfo {
	color: #FFF;
	padding-top: 30px;
	padding-left: 12px;
}

#circuitInfo {
	background: url(imgs/siteElements/circuitInfo/circuitInfo.gif) no-repeat;
	width: 159px;
	height: 72px;
	display: block;
}

#circuitContent {

}

#infoBox {
	float:left;
	width:353px;
	margin-left:54px;
}

#infoBox h3 {
	margin: 0;
	padding: 0;
}

#raceResults {
	background: url(imgs/siteElements/circuitInfo/raceResults.png) no-repeat;
	width: 159px;
	height: 82px;
	display: block;	
}

.raceResults {
	color: #FFF;
	padding-top: 30px;
	padding-left: 12px;
	
}

#raceMenu {
	width: 803px;
	height: 130px;
	margin-top: 10px;
	margin-left:40px;
}


#circuitNav {
	margin:0;
	padding:0;
	list-style: none;
	display: inline;
	overflow: hidden;
	
}

#circuitNav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#circuitNav a {
	float: left;
	padding: 83px 0 0 0px;	
	overflow: hidden;
	height: 0px !important; 
	height /**/:83px; /* for IE5/Win only */
	}
	
#circuitNav a:hover {
	background-position: 0 -83px;
	}

#circuitNav a:active, #circuitNav a.selected {
	background-position: 0 -83px;	
	}
	

li#spain a  {
	width: 77px;
	background: url(imgs/siteElements/circuitnav/spain.png) no-repeat left top;
	}
	
li#monaco a  {
	width: 72px;
	background: url(imgs/siteElements/circuitnav/monaco.png) no-repeat left top;
	}
	
li#turkey a  {
	width: 71px;
	background: url(imgs/siteElements/circuitnav/turkey.png) no-repeat left top;
	}
	
li#gb a  {
	width: 125px;
	background: url(imgs/siteElements/circuitnav/gb.png) no-repeat left top;
	}
	
li#germany a  {
	width: 84px;
	background: url(imgs/siteElements/circuitnav/germany.png) no-repeat left top;
	}

li#hungary a  {
	width: 82px;
	background: url(imgs/siteElements/circuitnav/hungary.png) no-repeat left top;
	}

li#spain2 a  {
	width: 57px;
	background: url(imgs/siteElements/circuitnav/spain2.png) no-repeat left top;
	}
	
li#belgium a  {
	width: 78px;
	background: url(imgs/siteElements/circuitnav/belgium.png) no-repeat left top;
	}

li#italy a  {
	width: 58px;
	background: url(imgs/siteElements/circuitnav/italy.png) no-repeat left top;
	}

li#portugal a  {
	width: 98px;
	background: url(imgs/siteElements/circuitnav/portugal.png) no-repeat left top;
	}	
	


/*Gallery*/

#galleryFront {
	clear:both;
	width:1352px;
	margin-top:-50px;
		
}

#gallerySection {
	clear: both;
	margin-left:36px;	
}


#galleryMenu {
	margin:0;
	padding:0;
	list-style: none;
	display: inline;
	overflow: hidden;
	
}

#galleryMenu li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#galleryMenu a {
	float: left;
	padding: 228px 0 0 0px;	
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	}
	
#galleryMenu a:hover {
	background-position: 0 -230px;
	}

#galleryMenu a:active, #galleryMenu a.selected {
	background-position: 0 -230px;
	}
	

li#gp2 a  {
	width: 1442px;
	background: url(imgs/siteElements/gallerynav/gp2.jpg) no-repeat left top;
	}
	
li#lifestyle a  {
	width: 1442px;
	background: url(imgs/siteElements/gallerynav/lifestyle.jpg) no-repeat left top;
	}
	
li#formula3 a  {
	width: 1442px;
	background: url(imgs/siteElements/gallerynav/formula3.jpg) no-repeat left top;
	}
	
li#personal a  {
	width: 1442px;
	background: url(imgs/siteElements/gallerynav/personal.jpg) no-repeat left top;
	}


/*ABOUT ME STYLES*/


#aboutMe {
	clear:both;
	margin:0% auto;
	width:1540px;
	
}


#aboutMeContent {
	float:left;
	width:758px;	
	background:url(imgs/siteElements/aboutme/aboutMeBg.jpg) no-repeat top left;
	height:100%;
	min-height: 100%;	
	
}

#aboutMeContent .text {
	width:400px;
	padding-top:400px;
	padding-left:420px;
}

#aboutMeImg{
	float:left;
	width:782px;
	overflow:hidden;
	height:100%;
	min-height: 100%;	
}