/*
#########################################

	Stilmall för Stefan Söderström
	Utvecklat av Extrude Interactive	

#########################################
*/


/* HTML */

	html, body, form {
		height:100%;
		margin:0;
		padding:0;
	}
	
	body {
		background:url("../images/main_bg.jpg") no-repeat top center #210102;
	}
	
	object, embed {
		margin:0.6em 0;
	}
	
	hr {
		background:url("../images/circle.gif") no-repeat center;
		border:0;
		border-bottom:1px solid #434343;
		margin-bottom:1em;
		width:95%;
	}

/* Div-block */
	div#Wrapper {
		margin:0 auto; /* the bottom margin is the negative value of the footer's height */
		width:850px;
		min-height:100%;
	}
	
	div#MainContainer {
		background:url("../images/maincontent_bg.jpg") no-repeat top left #110102;	
		border-left:2px solid #000;
		border-right:2px solid #000;
		width:846px;
		margin:0;
	}
	
	div#LeftColumn {
		color:#FFF;
		display:inline;
		float:left;
		margin-top:20px;
		margin-left:25px;
		padding-bottom:10px;
		width:520px;
	}
		div#LeftColumn img {
			border:2px solid #000;
			margin-bottom:0.8em;
		}

	div#RightColumn {
		background:url("../images/rightcontent_bg.jpg") no-repeat top left;
		display:inline;
		float:right;
		width:273px;
		padding-left:10px;
	}
	
	div#Footer {
		background:url("../images/background_bottom.jpg") no-repeat center;
		margin:0 auto;
		margin-top:-189px;
		height:189px;
		width:850px;
		clear:both;
	}
		div#Footer a {
			display:block;
			width:260px;
			height:150px;
			margin:0 auto;
		}
		div#Footer a span {
			display:none;
		}
	div#Push {
		padding-bottom:189px;
	}
	
	div.NewsItem {
		margin-bottom:1em;
	}
	div.RightSplashes {
		line-height:150%;
	}
		div.RightSplashes img {
			margin-bottom:0.3em;
		}
	.Back {
		margin:0.5em 0;
	}
	
/* Nästa race */
	div#NextRace {
		margin-bottom:1em;
	}

/* Galleri */
	
	div#Images {
		font:normal 70% Tahoma, sans-serif;
		width:520px;
	}
		div#Images div.Image {
			float:left;
			margin-right:10px;
		}

/* Ranking */

	div#RankingContainer {
		margin-top:1em;
	}

	table#Ranking {
		width:100%;
		margin-bottom:1em;
	}
		table#Ranking thead tr.Head td {
			font-weight:bold;
			color:#f1633d;
		}
		table#Ranking tr td {
			color:#FFF;
			font:normal 70% Verdana, sans-serif;
			padding:2px 5px;
		}
		table#Ranking tbody tr.Leader td {
			font-weight:bold;
		}


/* Video */
	div#Youtube {
		width:520px;
	}
	div#Youtube div.VideoContainer {
		float:left;
		width:120px;
		margin-right:10px;
	}
		div#Youtube div.Video {
			float:left;
			height:110px;
		}
			div#Youtube div.Video img {
				height:90px;
			}
		div#Youtube span {
			font:bold 12px/1.4em "Helvetica", "Helvetica Neue", Arial, sans-serif;
		}
		div#Youtube div.Caption {
			font:bold 12px/1.4em "Helvetica", "Helvetica Neue", Arial, sans-serif;
			width:100%;
			height:50px;
		}

/* Sponsorer */
	
	div.Sponsors {
		margin-top:5px;
	}
	
	div.Sponsors ul li {
		float:left;
	}
	
	div.Sponsors img {
		margin-right:20px;
	}
		
	
/* Meny */
	
div#Menu {
	background:url("../images/menubg.gif") repeat-x;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	height:33px;
	margin-right:1px;
}
div#Menu ul { 
	list-style-type:none; 
	padding:0;
	padding-left:1px; 
	margin:0; 
} 
div#Menu ul li { 
	background: url("../images/menu_right.png") no-repeat right top; 
	display:inline;
	float:left; 
	margin:0; 
	padding:0; 
	padding-top:0; 
} 
div#Menu ul li a { 
	background:url("../images/menu_left.png") no-repeat left top; 
	color:#fff; 
	display: block; 
	font:bold 11px Tahoma, sans-serif;
	padding:10px 22px; 
	text-decoration: none; 
}
div#Menu ul li.Active {
	background: url("../images/menu_right-active.png") no-repeat right top; 
}
div#Menu ul li a.Active {
	background:url("../images/menu_left-active.png") no-repeat left top;
}


/* Partners */
ul#Partners {
	margin:0;
}
ul#Partners li {
	display:inline;
	float:left;
	margin:0;
	margin-right:6px;
	height:100px;
}


/* Diverse klasser, clear m.m. */

.clear { clear:both }
.right { float:right }
.left { float:left }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */