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

/* Generic styles */

* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;
	height: 100%;
}

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

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

p {
	margin-bottom: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	display: block;
	clear: both;
	padding-top: 10px;
}

.noimage img,
.noimage a img,
.noimage a.image img {
	display: none !important;
	border: 0 !important;
}

.noimage p a,
.noimage p a.image {
	border: 0 !important;
}

abbr {
	border: 0;
}

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

input, select {
	background: #FFF;
	color: #333;
	border: 5px solid #FFF;
	display: block;
	clear: both;
	padding: 0;
	margin-bottom: 10px;
	outline: none;
}

div#maincontent input.text {
	width: 250px;
}

div#maincontent form#searchform input.search {
	width: 400px;
}

div#maincontent textarea {
	width: 400px;
}

div#maincontent select {
	width: 260px;
	border: 0;
	padding: 5px;
}

textarea {
	background: #FFF;
	color: #333;
	border: 5px solid #FFF;
	display: block;
	clear: both;
	padding: 0;
	overflow: auto;
	margin-bottom: 10px;
	outline: none;
}

input.submit,
input#submit,
input.button,
a.button,
a:visited.button {
	width: 160px !important;
	height: 30px !important;
	line-height: 30px !important;
	background: #393;
	font-size: 14px !important;
	font-weight: bold !important;
	float: left !important;
	color: #FFF !important;
	text-align: center !important;
	display: block !important;
	border: 0 !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 10px 0 !important;
	clear: both;
}

input#rememberme,
input.checkbox,
input.check,
.checkbox input {
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	display: inline-block !important;
	float: left;
	vertical-align: top;
	margin: 2px 6px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent;
}

input.radio,
.radio input {
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	display: inline-block !important;
	float: left;
	vertical-align: top;
	margin: 2px 6px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent;
}

label {
	font-weight: bold;
	margin-bottom: 5px;
}

.wpcf7 p {
	width: 280px !important;
	display: block !important;
	clear: none !important;
	float: left !important;
	margin-right: 10px !important;
}

.wpcf7 h3 {
	width: 100% !important;
	display: block !important;
	clear: both !important;
}

.wpcf7-list-item {
	width: 100%;
	line-height: 24px;
	display: block;
	clear: both;
}

.wpcf7-response-output {
	display: block;
	clear: both;
	padding: 20px;
	margin: 20px 0;

}

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

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

h2 {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

div.headlines h2,
div#twitter-feed h2,
div#flickr h2,
div.info-box h2 {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-transform:uppercase;
	color: #555;
	margin: 18px 0 0 20px;
}

div#flickr h2 {
	color: #888;
}

div.info-box h2 {
	color: #BBB;
}

h3 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
}

div#next-race h3,
div#next-side h3,
ul#calendar h3 {
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #09C;
	margin-bottom: 5px;
}

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

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

div.info-box h3 {
	font-size: 12px;
	color: #FFF;
	margin: 10px 0 0 20px !important;
}

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

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

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

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none !important;
}

a, a:focus, a:link, a:active, a:visited, a:hover {
	outline: none;
}

a,
a:visited {
	color: #026;
	text-decoration: underline;
}

a:hover {
	color: #248;
}

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


ul#menu li.current_page_item a,
ul#menu li.current_page_item a:visited,
ul#menu li.current_page_item a:hover {
	color: #000;
	background: url("images/bg-menu-a-active.gif") no-repeat left;
	/*background: url("images/bg-menu-hover.png") no-repeat top center;*/
}

ul#menu li a:hover {
	color: #FFF;
}

div#breadcrumbs a,
div#breadcrumbs a:visited {
	color: #FFF;
}

div#next-race a,
div#next-race a:visited {
	color: #FFF;
	text-decoration: none !important;
}

div#next-race a:hover {
	color: #999;
}

div#next-side a {
	color: #FFF;
}

a.more,
a:visited.more {
	text-decoration: underline;
	position: absolute;
	bottom: 17px;
	right: 20px;
}

div.info-box a,
div.info-box a:visited {
	color: #FFF;
	text-decoration: underline;
}

div.info-box a:hover {
	color: #CCC;
}

div#twitter-feed a {
	text-decoration: none;
}

.link {
	line-height: 20px !important;
	background: url("images/icon.png") left 45% no-repeat transparent;
	padding-left: 24px !important;
}

.link2 {
	line-height: 20px !important;
	background: url("images/icon-blue.png") left 45% no-repeat transparent;
	padding-left: 24px !important;
}

.pdf-link {
	line-height: 20px !important;
	background: url("images/icon-pdf.gif") left 45% no-repeat transparent;
	padding-left: 24px !important;
}

.html-link {
	line-height: 20px !important;
	background: url("images/icon-html.gif") left 45% no-repeat;
	padding-left: 24px !important;
}

.doc-link {
	line-height: 20px !important;
	background: url("images/icon-doc.gif") left 45% no-repeat;
	padding-left: 24px !important;
}

.xls-link {
	line-height: 20px !important;
	background: url("images/icon-xls.gif") left 45% no-repeat;
	padding-left: 24px !important;
}

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

ul {
	list-style: none;
}

ul#social-bookmarks {
	float: right;
}

ul#social-bookmarks li {
	display: inline;
	margin-left: 10px;
}

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

ul#menu {
	width: 702px;
	height: 58px;
	line-height: 58px;
	background: url("images/bg-menu.gif") no-repeat;
	text-align: center;
	position: absolute;
	top: 9px;
	right: 9px;
}

	ul#menu li {
		height: 28px;
		line-height: 28px;
		display: inline-block;
		clear: none;
	}

	ul#menu li.current_page_item {
		background: url("images/bg-menu-li-active.gif") no-repeat right;
	}

/* -------------------------------- Main Layout Styles -------------------------------- */

body {
	background: #151519 url("images/bg-body.jpg") no-repeat top center;
}

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

div#container {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 40px;
}

div#preheading {
	width: 1000px;
	height: 50px;
	line-height: 50px;
	display: block;
	clear: both;
	position: relative;
	margin-top: 10px;
}

	div#logo-nbf {
		float: left;
	}

div#heading {
	width: 1000px;
	height: 75px;
	display: block;
	clear: both;
	position: relative;
	background: url("images/bg-heading.png") no-repeat;
	border-bottom: 1px solid #616161;
	margin-top: 10px;
}

	a#logo {
		width: 234px;
		height: 34px;
		position: absolute;
		top: 23px;
		left: 28px;
	}

		a#join-facebook img,
		a#subscribe-rss img {
			float: right;
			margin: 10px 20px 0 0;
		}

div#breadcrumbs {
	width: 1000px;
	color: #FFF;
	display: block;
	clear: both;
	position: relative;
	background: url("images/bg-next-race.png") no-repeat bottom;
	border-top: 3px solid #929292;
	padding-bottom: 10px;
}

div#breadcrumbs span {
	padding: 10px 30px;
	display: table;
	clear: both;
}

div#next-race {
	width: 1000px;
	overflow: hidden;
	display: block;
	clear: both;
	color: #999;
	position: relative;
	background: url("images/bg-next-race.png") no-repeat bottom;
	border-top: 3px solid #929292;
	padding-bottom: 40px;
}

	div#race-info {
		float: left;
		padding: 0 20px;
		margin-left: 10px;
		border-right: 1px solid #333;
	}

		div#race-info .track {
			font-size: 12px !important;
			line-height: 16px !important;
			color: #AAA !important;
			font-weight: normal !important;
		}

		div#race-info .date {
			font-size: 24px !important;
			line-height: 26px !important;
			color: #FFF !important;
			font-weight: bold !important;
		}

		div#race-info .timer {
			font-size: 12px !important;
			line-height: 16px !important;
			color: #FFF !important;
			font-weight: normal !important;
		}

		div#race-info .timer strong {
			font-size: 16px !important;
			line-height: 22px !important;
			color: #FFF !important;
			font-weight: bold !important;
		}

	div#track-icon {
		float: left;
		padding: 0 20px;
		border-right: 1px solid #333;
	}

	ul.race-links {
		list-style: none;
		float: left;
		padding: 0 10px 0 20px;
	}

		ul.race-links li {
			font-size: 13px;
			margin-bottom: 5px;
		}

	ul#live-buttons {
		list-style: none;
		float: right;
		padding: 0;
		margin-right: 30px;
	}

		ul#live-buttons li.first {
			margin-bottom: 5px;
		}

div.togglearea {
	display: block;
	padding-top: 30px;
}

div.toggler {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	position: absolute;
	bottom: 18px;
	right: 30px;
	clear: both;
	cursor: pointer;
	margin-top: 10px;
}

div#content {
	width: 1000px;
	display: table;
	clear: both;
	background: #c7c7c7 url("images/bg-content2.gif") no-repeat top center;
	border-bottom: 1px solid #616161;
	margin-top: 10px;
	padding-bottom: 10px;
}

	div#top-story {
		width: 650px;
		height: 250px;
		overflow: hidden;
		background: url("images/bg-top-story.png") no-repeat;
		display: table;
		float: left;
		margin-left: 10px;
	}

	div#top-movie {
		width: 320px;
		height: 250px;
		overflow: hidden;
		background: url("images/bg-top-movie.png") no-repeat;
		display: table;
		float: right;
		margin-right: 10px;
	}

	div.headlines,
	div#twitter-feed {
		width: 320px;
		height: 250px;
		overflow: hidden;
		background: url("images/bg-headlines.png") no-repeat;
		display: block;
		position: relative;
		float: left;
		margin-left: 10px;
	}

	div.info-box {
		width: 320px;
		height: 250px;
		color: #DDD;
		overflow: hidden;
		background: url("images/bg-infobox.png") no-repeat;
		display: block;
		position: relative;
		float: left;
		margin-left: 10px;
	}

		div.info-box div#login {
			margin: 10px 0 0 20px;
		}

		div.info-box ul,
		div.info-box p {
			margin: 5px 0 0 20px;
		}

		div.info-box ul li {
			font-size: 12px;
			line-height: 16px;
			margin: 0;
		}

	div#flickr {
		width: 980px;
		height: 150px;
		overflow: hidden;
		background: url("images/bg-flickr.png") no-repeat;
		display: table;
		clear: both;
		margin-left: 10px;
	}

div#maincontent {
	width: 650px;
	background: url("images/bg-maincontent.gif") repeat-y;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
}

	div#maincontent div#wrapper {
		background: url("images/bg-maincontent-top.gif") no-repeat;
		display: block;
		overflow: hidden;
		padding: 20px;
	}

	div#maincontent div#mainbottom {
		background: url("images/bg-maincontent-bottom.gif") no-repeat bottom;
		display: block;
		overflow: hidden;
	}

div#flickr .ngg-galleryoverview {
	width: 960px !important;
}

div#flickr img {
	margin: 20px 0 0 20px !important;
}

ul#calendar {}

ul#calendar li {
	padding: 20px 0;
	border-top: 1px solid #AAA;
	clear: both;
	display: table;
}

ul#calendar li ul li {
	padding: 0;
	border-top: 0;
}

	ul#calendar li .race-info {
		height: 40px;
		float: left;
		padding: 0 20px 0 0;
		border-right: 1px solid #AAA;
	}

		ul#calendar li .race-info .track {
			width: 150px;
			font-size: 16px !important;
			line-height: 18px !important;
			color: #000 !important;
			font-weight: bold !important;
		}

		ul#calendar li .race-info .date {
			width: 100px;
			font-size: 16px !important;
			line-height: 18px !important;
			color: #000 !important;
			font-weight: bold !important;
		}

	ul#calendar li .track-icon {
		height: 40px;
		float: left;
		padding: 0 20px;
		margin-right: 20px;
		border-right: 1px solid #AAA;
	}

	ul#calendar li ul.race-links {
		list-style: none;
		float: left;
		padding: 0 20px;
	}

		ul#calendar li ul.race-links li {
			line-height: 20px;
		}

div#sidebar {
	width: 340px;
	overflow: hidden;
	float: right;
	margin-top: 10px;
}

	div#next-side {
		width: 320px;
		height: 250px;
		color: #999;
		overflow: hidden;
		background: url("images/bg-top-movie.png") no-repeat;
		display: table;
		float: right;
		margin: 0 10px 10px 0;
	}

		div#next-side div#race-info {
			width: 280px;
			clear: both;
			padding: 0 0 20px 0;
			margin: 20px 0 20px 20px;
			border: 0;
			border-bottom: 1px solid #333;
		}

		ul#driver-links {
			border-right: 0;
		}

	div#sidebar div#blog-feed {
		border-top: 20px solid white;
		margin: 0;
	}

	div#sidebar div#sponsors {
		border-top: 20px solid white;
		margin: 0;
	}

	div#sidebar div#twitter-feed,
	div#sidebar div.info-box {
		margin-top: 10px;
	}

div#footer {
	width: 1000px;
	color: #CCC;
	display: table;
	clear: both;
	position: relative;
	background: url("images/bg-next-race.png") no-repeat bottom;
	border-top: 3px solid #929292;
	padding: 20px 0;
}

	div#footer #copyright {
		float: left;
		margin-left: 20px;

	}

	div#footer #credits {
		display: table;
		float: right;
		margin-right: 20px;
	}

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

.description {
	line-height: 24px;
}

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

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

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

div#top-story .post {
	padding: 20px;
}

	div#top-story .post .thumb {
		float: left;
	}

		div#top-story .post .thumb a {
			border: 1px solid #616161;
			display: block;
		}

			div#top-story .post .thumb a img {
				border: 3px solid #929292;
			}

	div#top-story .post .excerpt {
		width: 310px;
		overflow: hidden;
		float: right;
	}

div#top-movie #top-movie-embed {
	padding: 10px;
}

	div#top-movie .thumb a.fancybox img {
		width: 300px;
	}

div.headlines .post,
div#twitter-feed .post {
	padding: 10px 20px 0 20px;
}

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

	div#maincontent .post-thumb {
		width: 133px;
		height: 102px;
		float: left;
		display: table;
		clear: none;
	}

		div#maincontent .post-thumb a,
		div#maincontent a.image {
			border: 1px solid #616161;
			display: block;
		}

		div#maincontent a.image {
			margin-bottom: 10px;
		}

			div#maincontent a img {
				border: 3px solid #929292;
			}

	div#maincontent .post-excerpt {
		width: 457px !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 {
				border: 0;
				display: inline;
				clear: none;
				float: left;
				margin: 10px 10px 0 0;
				padding: 0;
			}