/*
	Theme name: NOB
	Author: Fredrik Sørlie
	Author URI: http://fredriksoerlie.com
	Version: 1.0
*/

/* Generic styles */

* {
	margin: 0; 
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
	background: #090909;
} 

body {
	font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 12px; 
	color: #999;
}

img {
	border: 0;
	vertical-align: bottom;
}

p {
	display: block; 
	clear: both;
	margin-bottom: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* -------------------------------- Form fields -------------------------------- */

input {

}

input[type=text] { 
	width: 400px;
	font-family: Arial, Helvetica, Sans-Serif; 
	color: #334;
	border: 1px solid #DDD;
	background: #FFF;
} 

textarea {
	width: 500px;
	font-family: Arial, Helvetica, Sans-Serif; 
	color: #334;
	border: 1px solid #DDD;
	background: #FFF;
	overflow: auto;
}

input#submit,
input.submit,
input#wpsf_contact_submit {
	width: 150px;
	height: 30px;
	cursor: pointer;
}

input:focus,
textarea:focus,
select:focus	{
	background:#888;
	border: 4px solid #DDD;
	color: #334;
}

/* -------------------------------- Headings and text -------------------------------- */

h1 {
	font-size: 1px; 
	line-height: 1px;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 18px; 
	line-height: 22px; 
	font-weight: bold; 
	color: #999;
	margin-bottom: 20px;
}

h3 {
	font-size: 16px; 
	line-height: 18px; 
	font-weight: bold; 
	color: #999;
	margin-bottom: 5px;
}

#maincontent h3 {
	font-size: 18px; 
	line-height: 22px; 
	font-weight: bold; 
	color: #999;
	margin-bottom: 15px;
}

#maincontent .post h3 {
	font-size: 16px; 
	line-height: 18px; 
	font-weight: bold; 
	color: #999;
	margin-bottom: 5px;
}

h4 {
	font-size: 14px; 
	font-weight: bold; 
	color: #999;
	margin-bottom: 5px;
}

h5 {
	font-size: 14px; 
	line-height: 16px; 
	font-weight: normal; 
	color: #999;
	margin-bottom: 15px;
}

/* -------------------------------- Links -------------------------------- */

h1 a, h2 a, h3 a, h4 a, a, a:focus, a:link, a:active, a:visited, a:hover { 
	text-decoration: none; 
	outline: none; 
}

a,
a:visited {
	color: #C33;
	text-decoration: none
}

a:hover {
	color: #FFF;
	text-decoration: none
}

ul#menu li a, 
ul#menu li a:visited {
	height: 50px;
	line-height: 50px;
	font-size: 14px; 
	color: #999;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;	
	padding: 0 20px;
}

ul#menu li.ccurrent_page_itemive a, 
ul#menu li.current_page_item a:visited,
ul#menu li a:hover, 
ul#menu li.current_page_item a:hover {
	color: #FFF;
	background: url("images/bg-menu-hover.png") no-repeat bottom center;
}

h3 a,
h3 a:visited {
	color: #999;
}

/* -------------------------------- List styles -------------------------------- */

ul {
	list-style: none;
}

/* -------------------------------- Navigation styles -------------------------------- */

ul#menu {
	width: 900px;
	height: 50px;
	line-height: 50px;
	background: url("images/bg-menu.png") no-repeat top center;
	text-align: center;
	clear: both;
}

	ul#menu li {
		display: inline;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
/* -------------------------------- Main Layout Styles -------------------------------- */

body {
	width: 100%;
	height: 100%;
	background: #090909;
	/*background: #000 url("images/bg-body2.jpg") no-repeat top center;*/
}

div#site {
	width: 100%;
	height: 100%;
	text-align: center;
}

div#container {
	width: 900px;
	/*background: #FFF;
	border: 4px solid #FFF;*/
	text-align: left;
	margin: 0 auto; 
}

div#heading {
	width: 900px;
	display: none;
	clear: both;
	padding: 20px 0;
}

	a#logo img {
		float: left;
		margin-left: 20px;
	}
	
	a#join-facebook img,
	a#subscribe-rss img {
		float: right;
		margin: 10px 20px 0 0; 
	}
	
div#cover {
	width: 900px;
	height: 350px;
	overflow: hidden;
	background: url("images/cover.jpg") no-repeat;
	display: block;
	clear: both;
	position: relative;
	z-index: 10;
}

	div#twitter-feed {
		width: 900px;
		text-align: center;
		background: url("images/bg-black09-60.png") repeat;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 20;
	}
	
		div#twitter-feed span.tweet {
			background: url("images/icon-twitter-16.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
		}
		
		div#twitter-feed a,
		div#twitter-feed a:visited {
			color: #CCC;
		}

		div#twitter-feed a:hover {
			color: #FFF;
		}

	div#cover h1 {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 50;
	}
		
	ul#social-bookmarks {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 40;
	}
	
	ul#social-bookmarks li {
		display: inline;
		margin-left: 10px;
	}
		
div#sponsors {
	width: 900px;
	height: 50px;
	overflow: hidden;
	display: block; 
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 10px;
	z-index: 10;
}

	div#sponsors-overlay {
		width: 900px; 
		height: 50px;
		background: url("images/sponsors-overlay.png") repeat-y;
		overflow: hidden;
		margin: 0;
		z-index: 30;
		position: absolute;
		top: 0;
		left: 0;
	}
	
div.separator {
	width: 900px;
	height: 8px;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;
	background: #900 url("images/bg-separator.png") repeat-x;
	/*display: block;*/
	display: none;
	clear: both;
}

div#content {
	width: 900px;
	display: table; 
	clear: both;
	/*background: #090909;*/
	padding-bottom: 30px;
}

div#featured-posts {
	width: 900px;
	height: 250px;
	overflow: hidden;
	/*display: block;*/
	display: none;
	clear: both;
	position: relative;
	background: #444 url("images/bg-featured.png") repeat-x;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

	div#featured-posts div#top-story {
		width: 560px;
		height: 210px;
		display: block; 
		position: absolute;
		top: 20px;
		left: 20px;
	}

		div#featured-posts div#top-story div.post-image {
			width: 560px;
			height: 210px;
			display: block; 
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}
		
		div#featured-posts div#top-story div.image-overlay {
			width: 560px;
			overflow: hidden;
			color: #CCC;
			background: url("images/bg-black-70.png") repeat;
			display: block; 
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 20;
		}
	
			div#featured-posts div#top-story div.image-overlay h2 {
				font-size: 18px;
				margin: 10px 0 0 10px;
				color: #FFF;
				text-transform: none;
			}
			
				div#featured-posts div#top-story div.image-overlay h2 a,
				div#featured-posts div#top-story div.image-overlay h2 a:visited {
					color: #FFF;
				}
				
				div#featured-posts div#top-story div.image-overlay h2 a:hover {
					color: #CCC;
				}
			
			div#featured-posts div#top-story div.image-overlay div.excerpt {
				width: 540px;
				color: #CCC;
				padding-bottom: 10px;
				margin-left: 10px;
			}

	ul#recent-news {
		width: 280px;
		height: 210px;
		overflow: hidden;
		display: block; 
		position: absolute;
		top: 20px;
		right: 20px;
	}

		ul#recent-news li {
			width: 280px;
			height: 51px;
			overflow: hidden;
			color: #FFF;
			background: url("images/bg-white-10.png") repeat;
			display: block; 
			clear: both;
			position: relative;
			margin-bottom: 2px;
		}

			ul#recent-news li.post h2 {
				font-size: 16px;
				text-transform: none;
				position: absolute;
				top: 10px;
				left: 10px;
				color: #FFF;
			}
	
				ul#recent-news li.post h2 a,
				ul#recent-news li.post h2 a:visited {
					color: #FFF;
				}
				
				ul#recent-news li.post h2 a:hover {
					color: #CCC;
				}

			ul#recent-news li.post p.excerpt {
				line-height: 22px;
				position: absolute;
				top: 25px;
				left: 10px;
				color: #CCC;
			}
	
div#media {
	width: 900px; 
	height: 274px;
	/*display: block;*/
	display: none;
	clear: both;
	background: #EEE;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD;
	position: relative;
}

div#flickr {
	width: 860px; 
	overflow: hidden;
	display: table;
	clear: both;
	position: relative;
	margin-left: 20px;
}

	div#flickr h3 {
		background: url("images/icon-flickr-16.png") left 40% no-repeat;
		padding-left: 22px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	div#flickr div#picturegrid {
		width: 900px;
	}
		
		div#flickr div#picturegrid a {
			display: inline;
		}

			div#flickr div#picturegrid a img {
				display: inline;
				border: 0;
				margin: 0 13px 10px 0;
			}


	div#flickr-feed {
		width: 560px;
		overflow: hidden;
		position: absolute;
		top: 30px;
		left: 20px;
	}
	
		div#flickr-feed h3 {
			background: url("images/icon-flickr-16.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
			margin-bottom: 10px;
		}
		
		div#flickr-feed div#picturegrid {
			width: 600px;
		}
		
			div#flickr-feed div#picturegrid a {
				width: 85px;
				overflow: hidden;
				display: table;
				float: left;
				margin: 0 10px 10px 0;
			}

				div#flickr-feed div#picturegrid a img {
					width: 85px;
					border: 0;
					margin: 0;
				}
				
	#recent-images {
		width: 560px;
		overflow: hidden;
		position: absolute;
		top: 30px;
		left: 20px;
	}
	
		#recent-images  h3 {
			line-height: 24px;
			margin-bottom: 10px;
		}
		
		#recent-images .ngg-galleryoverview {
			width: 600px;
			display: table; 
			clear: both;
		}
				
	div#youtube-feed {
		width: 280px;
		overflow: hidden;
		float: right;
		margin: 20px 20px 0 0;
		/*background: #090909;*/
	}
	
		div#youtube-feed h3 {
			background: url("images/icon-youtube-16.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
			margin: 10px 0 10px 10px;
		}
	
			div#youtube-feed .youtubethumb {
				width: 125px;
				height: 85px;
				line-height: 85px; 
				overflow: hidden;
				float: left;
				margin: 0 0 10px 10px;
				vertical-align: middle;
			}

			div#youtube-feed .youtubethumb img {
				width: 125px;
				vertical-align: middle;
			}
div#subcontent {
	width: 900px; 
	display: table; 
	clear: both;
}

div.box-pad {
	padding: 10px;
}

	div#blog-feed,
	div#news-feed {
		width: 280px;
		overflow: hidden;
		float: left;
		margin: 20px 0 0 10px;
	}
	
		div#blog-feed h3,
		div#news-feed h3 {
			background: url("images/icon.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
			margin-bottom: 10px;
		}
		
		div#blog-feed .post,
		div#news-feed .post {
			margin-bottom: 10px;
		}
		
			div#blog-feed .post img,
			div#news-feed .post img {
				margin-bottom: 10px;
			}
		
			div#blog-feed .post h4,
			div#news-feed .post h4 {
				margin-bottom: 2px;
			}
	
	div#about {
		width: 280px;
		overflow: hidden;
		float: left;
		margin: 20px 0 0 20px;
	}
	
		div#about h3 {
			background: url("images/icon.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
			margin-bottom: 10px;
		}
		
		div#about p {
			margin-bottom: 10px;
		}
		
		div#about img {
			margin-bottom: 10px;
		}
		
		div#about h4 {
			margin-bottom: 2px;
		}

	div#facebook-feed {
		width: 280px;
		overflow: hidden;
		float: left;
		margin: 20px 0 0 10px;
	}
	
		div#facebook-feed h3 {
			background: url("images/icon-facebook-16.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
			margin-bottom: 10px;
		}
		
		div#facebook-feed div.status {
			display: table;
			clear: both;
			margin-bottom: 10px;
		}
	
	div#promovideo {
		width: 280px;
		overflow: hidden;
		float: right;
		margin: 20px 10px 0 0;
	}

		div#promovideo h3 {
			background: url("images/icon-youtube-16.png") left 40% no-repeat;
			padding-left: 22px;
			line-height: 24px;
			margin-bottom: 10px;
		}

div#maincontent {
	width: 570px;
	display: block; 
	overflow: hidden;
	position: relative;
	float: left;
	margin: 30px 0 0 20px;
}
		
ul#calendar {
	width: 570px;
	display: block; 
	clear: both;
	padding-bottom: 30px;
}

	ul#calendar li {
		width: 570px;
		display: table; 
		clear: both;
		margin: 0 0 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #222;
	}

		ul#calendar li span.race-date {
			width: 140px;
			display: inline;
			float: left;
			font-size: 16px;
			font-weight: bold; 
			color: #CCC;
			border-right: 1px solid #444;
		}
		
			ul#calendar li span.race-date small {
				font-size: 12px;
				text-transform: uppercase;
				font-weight: normal; 
				color: #777;
			}

		ul#calendar li span.track-info {
			width: 300px;
			display: inline;
			float: left;
			color: #777;
			margin-left: 20px;
		}
		
			ul#calendar li span.track-info h3 {
				margin-bottom: 2px;
				color: #CCC;
			}
			
			ul#calendar li span.track-info strong {
				color: #999;
			}

		ul#calendar li span.track-icon {
			width: 60px;
			display: inline;
			float: right;
		}

div#sidebar {
	width: 280px;
	overflow: hidden;
	float: right;
	margin: 20px 20px 0 0;
}

	div#sidebar div#blog-feed,
	div#sidebar div#news-feed {
		margin: 20px 0 0 0;
	}

div#footer {
	width: 900px;
	height: 50px;
	color: #666;
	overflow: hidden;
	background: url("images/bg-menu.png") no-repeat top center;
	display: table; 
	clear: both;
}

	div#footer #copyright {
		float: left;
		padding: 15px 30px; 
	
	}
	
	div#footer #credits {
		float: right;
		padding: 10px 30px;
	}

/* -------------------------------- Additional Layout Styles -------------------------------- */

.noimage img {
	display: none;
}

.date,
.twitter-timestamp {
	font-size: 11px;
	color: #666;
}

.size-medium, .size-thumbnail {
	display: block; 
	float: left;
	margin: 0 20px 10px 0;
}

.size-large, .size-full {
	display: block; 
	clear: both;
	margin-bottom: 10px;
}

div#maincontent .post {
	width: 560px;
	display: table; 
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
}

	div#maincontent .post-thumb {
		width: 125px;
		height: 94px;
		float: left;
		display: table;
		clear: none;
	}
		
	div#maincontent .post-excerpt {
		width: 415px !important;
		float: right;
		display: table;
		clear: none;
	}
	
		div#maincontent .post-excerpt p {
				margin: 0 0 5px 0;
		}
			
			div#maincontent .post-excerpt p img {
				display: none;
			}

div#sociable ul {
	display: inline; 
	clear: both;
	margin-bottom: 15px;
}

	div#sociable ul li {
		width: 20px;
		display: inline;
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
	}

		div#sociable ul li a {
			width: 20px;
			display: inline;
			clear: none;
			float: left;
			margin: 0;
			padding: 0;
		}
		
			div#sociable ul li a img {
				display: inline;
				clear: none;
				float: left;
				margin: 10px 10px 0 0;
				padding: 0;
			}