/*
Theme Name: SAP 505 World Championship
Theme URI: http://goto8848.net/
Description: The theme for SAP 505 World Championship.
Author: Crazy Loong
Version: 1.0
Tags: SAP 505 World Championship
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
html{height: 100%;}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration: none; color: #333;}
a img { border: none; }

.clear {
	clear: both;
}

body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: #CBCBCB;
	color: #333;
}

h3 {
	margin: 25px 0 8px 0;
	text-transform: uppercase;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#header { 
	background: url("images/bg.png") repeat-y 0 0;
}

#branding {
	margin: 0 10px; padding: 10px 0 0;
	height: 90px; background: transparent url("images/header.jpg") no-repeat 10px 0;
}
.description {
	float: right;
	padding: 44px 0 0;
	width: 200px;
	text-transform: uppercase;
}
.description h1{
	font-size: 19px;
	font-weight: bold;
	color: #244384;
}
#nav form {
	padding: 9px 12px 0 0;
}

#navigation {
	margin: 10px 0 0;
}
#navigation ul {
	height: 42px;
	padding: 0 0 0 5px;
	background: transparent url("images/nav_bg.jpg") repeat-x;
}
#navigation ul li {
	float: left;
	padding: 0 2px 0 0;
	background: #FFFFFF;
}
#navigation ul li a {
	height: 42px;
	padding: 16px 10px 0;
	line-height: 10px;
	font-size: 10px;
	background: transparent url("images/nav_bg.jpg") repeat-x;
	display: block;
}

#nav { height:36px; position:relative; z-index: 99; margin: 0 10px;}
#nav ul.top_level {
margin:0; padding:0; list-style:none; white-space:nowrap;
	height: 42px;
	background: transparent url("images/nav_bg.jpg") repeat-x;
}
#nav li {
float:left;;
	padding: 0 2px 0 0;
	background: #FFFFFF;
}
#nav .top_level a {
display:block; float:left; padding:0 0 0 15px; text-decoration:none; line-height:25px; white-space:nowrap; color:#;
	height: 42px;
	padding: 16px 15px 0;
	line-height: 10px;
	font-size: 13px;
	color: #22365e;
background: transparent url("images/nav_bg.jpg") repeat-x;
text-transform: uppercase;
}
#nav .top_level a b {
display:block; padding:0 30px 10px 15px;
}
#nav .top_level li:hover a {
cursor:pointer; color:#fff;
}
#nav .top_level li:hover a b {
display:block; padding:0 30px 9px 15px; cursor:pointer;
}
#nav .children {
display:none; margin:0; padding:0 0 0 60px;list-style:none;
}
#nav .children li {background:transparent;}
#nav .top_level li:hover .children {
height:18px; display:block; position:absolute; float:left; width:750px; top:28px; left:0; text-align:center;
}
#nav .top_level li:hover .children li a {
display:block;height:18px; line-height:16px; float:left; background: #FFBD00 url("images/transparent.gif"); padding:0 16px; margin:0; white-space:nowrap; border:1px solid #FFF; color:#333;font-size:10px;
}
#nav .top_level li:hover .children li a:hover {
color:#FFF;
}

#nav .top_level .current_page_item a { color: #000; font-weight: bold;}




#main {clear: both; background: url("images/bg.png") repeat-y 0 0; padding: 0 0 15px; height: 100%; }

#container {
	float: right;
	width: 720px;
	/*background: #fff url("images/content-bg.jpg") repeat-y;*/
}
#content {
	padding: 15px 25px 0 10px;
}
#content .entry-content p {
	margin-top: 15px;
}
#content .entry-content ol,
#content .entry-content ul{
	padding-left: 40px;
}
#content .entry-content ul li{
	list-style-type: square;
}
#content .entry-content ol li{
	list-style-type: decimal;
}
/*#content-top {
	background: transparent url("images/content-top.jpg") no-repeat;
	height: 15px;
}
#content-bottom {
	background: transparent url("images/content-bottom.jpg") no-repeat;
	height: 40px;
	clear: both;
}*/

#page-container {
	width: 451px;
	background: transparent url("images/page_content_bg.jpg") repeat-y 10px;
	float: left;
}
#page-content {
	padding: 0 30px 0 20px;
}
#page-content-top {
	background: transparent url("images/page_content_top.jpg") no-repeat 10px 0;
	height: 15px;
}
#page-content-bottom {
	background: transparent url("images/page_content_bottom.jpg") no-repeat 10px;
	height: 36px;
}
#page-content .entry-title, #page-content .entry-title a {
	font-size: 19px;
	color: #333399;
}
#page-content .entry-meta, #page-content .entry-meta a {
	font-size: 12px;
	color: #333399;
}

#page-content .entry-content {
	font-size: 12px;
}
#page-content .entry-content p {
	margin-top: 15px;
}

#sidebar {
	width: 260px;
	background: #FFFFFF url("images/sidebar_bg.jpg") repeat-y 10px;
	float: left;
	font-size: 0.7em; margin-left: 10px;
}
#sidebar-wrapper {
	padding: 0 25px 0 15px;
}
#sidebar .widget-title1{
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar .widget-title2 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar-top {
	height: 15px;
	background: #FFFFFF url("images/sidebar_top.jpg") no-repeat 10px;
}
#sidebar-bottom {
	height: 36px;
	background: #FFFFFF url("images/sidebar_bottom.jpg") no-repeat 10px;
}

.dot-line { clear: both; height: 30px; background: url("images/dot-line.jpg") no-repeat 50%; }
#brands {text-align: center; position: relative;}
#brands h4			{ font-size: 11px; color: #244b8c; font-weight: normal;}
#brands #Image-Maps_5201007080935071 { margin-top: 20px;}
#brands #headline1 	{ position: absolute; top: 0; left: 20px;}
#brands #headline2 	{ position: absolute; top: 0; left: 458px;}

#footer {
	clear: both;
	background: url("images/bg-bottom.png") no-repeat 50% 0;
	padding: 25px 0 50px;;
	text-align: center;
}

#footer a {
	color: #fff;
	font-size: 11px;
	padding: 0 16px;
}

.gap2 {
	background: #ffbd00;
	height: 2px;
}

.gap10 {
	height: 10px;
}

.gap20 {
	height: 20px;
}

.mashup-widget-button {
	margin-top: 10px;
	width: 220px;
	height: 58px;
}
.mashup-widget-button.follow-live{ background: transparent url(images/follow-live.gif) 0 0 no-repeat; }
.mashup-widget-button.follow-live.live{ background: transparent url(images/follow-live.gif) 0 -60px no-repeat; }
.mashup-widget-button.post-races{ background: transparent url(images/post-races.png) 0 0 no-repeat; }
.mashup-widget-button.analysis{ background: transparent url(images/analysis.png) 0 0 no-repeat; }
.mashup-widget-button.results{ background: transparent url(images/results.png) 0 0 no-repeat; }
.mashup-widget-button.videos{ background: transparent url(images/videos.png) 0 0 no-repeat; }
.mashup-widget-button.photos{ background: transparent url(images/photos.png) 0 0 no-repeat; }

#mashup-widget .widget-content a {
	display: block;
}
.widget-item {
	margin-top: 10px;
}

#photos-widget .photos-widget-item {
	float: left;
	margin-right: 5px;
}
.widget-content {
	margin-top: 10px;
}
.widget_quickflickr_for_sailing_widget .widget-content .flickr img {
	float: left;
	margin: 0 5px 5px 0;
}

.widget-item .widget-description, .widget-item .widget-description a {
	font-size: 12px;
	color: #003399;
	line-height: 1.5em;
}

#content .entry-title {
	font-size: 36px;
	font-weight: bold;
}
#content .entry-title a {
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
}
#content .entry-meta {
	margin-top: 10px;
	font-size: 12px;
	color: #FFCC00;
}
#content .entry-meta a, #content a {
	color: #244384;
	text-decoration: underline;
}
a:link,
a:visited 	{ color: #244384; text-decoration: underline;}
a:hover		{ color: #000;}
#content .entry-content {
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.4;
}

#content .entry-content img {
	margin: 15px 0;
}

#comments {
}

#comments-title, #reply-title {
	margin: 10px 0;
	text-transform: none;
}
#comments .comment-body img {
	float: left;
	margin: 0 5px 3px 0;
}
#comments .comment-body p {
	clear: both;
	font-size: 11px;
}
#comments .comment-meta {
	font-size: 10px;
}
#comments .reply {
	display: none;
}
#commentform {
}
#commentform .logged-in-as {
	font-size: 10px;
}
#commentform .comment-form-comment {
}
#commentform .form-allowed-tags {
	display: none;
}
#commentform p {
	margin: 0 0 5px 0;
}
ol.commentlist li{
	margin-bottom: 5px;
}
#commentform label {
	font-size: 12px;
}
#commentform .comment-notes {
	font-size: 9px;
}
#comment {
	padding: 5px 3px;
	margin: 0 0 0 0;
}
#commentform input, #commentform textarea {
	display: block;
	margin: 3px 0 0 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}
#nav_posts_below {
	margin: 10px 0 20px;
	font-size: 11px;
}
#nav_posts_below .nav-previous {
	float: left;
}
#nav_posts_below .nav-next {
	float: right;
}

#content .entry-content img.alignleft{float: left; margin: 1em 1em 1em 0;}
#content .entry-content img.alignright{float: right; margin: 1em 0 1em 1em;}

#archivepage-top {
	height: 15px;
}
#archivepage-content .entry-title {
	font-size: 36px;
	font-weight: bold;
}
#archivepage-content .entry-title a {
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
}
#archivepage-content .entry-meta {
	margin-top: 10px;
	font-size: 12px;
	color: #FFCC00;
}
#archivepage-content .entry-meta a, #content a {
	color: #244384;
	text-decoration: underline;
}
#archivepage-content {
	padding: 15px 25px 0;
}
#archivepage-content .entry-content p {
	margin-top: 15px;
}
#archivepage-content .entry-content ol,
#archivepage-content .entry-content ul{
	padding-left: 40px;
}
#archivepage-content .entry-content ul li{
	list-style-type: square;
}
#archivepage-content .entry-content ol li{
	list-style-type: decimal;
}

#livepage {
	margin: 0 30px;
}
.livepage-item {
	float: left;
}
.livepage-item .content {
}
#livepage-tractrac { width: 360px; height: 279px;}
#livepage-tractrac .textwidget { height: 100%;}
#livepage-ustream { float: right; margin-right: 20px; width: 320px; height: 322px;}
#livepage-ustream .content {  }

table.display{border:1px solid;margin: 1em 0;}
table.display td{vertical-align:top; padding: 8px;}

.bubblewrap{
	list-style-type:none;
	margin:0;
	padding:0;
}

.bubblewrap li{
	display:inline-block;
	zoom:1; /*Trigger haslayout in IE7 and less*/
	*display:inline; /*For IE7 and less*/
	position:relative;
	width: 165px;
	height:160px;
}

.bubblewrap li img{
	position:absolute;
	width: 155px; /*default width of each image.*/
	height: 160px; /*default height of each image.*/
	left:0;
	top:0;
	border:0;
}
#content .entry-content .bubblewrap li img{margin: 0;}
#content .entry-content ul.bubblewrap{padding: 0;}
.bubblewrap li.analysis {width: 175px;height:123px;}
.bubblewrap li.analysis img{width: 175px;height: 123px;}
.bubblewrap li.comparison{width: 175px;height:150px;}
.bubblewrap li.comparison img{width: 175px;height: 150px;}
.bubblewrap li.information{width: 175px;height: 132px;}
.bubblewrap li.information img{width: 175px;height: 132px;}
.bubblewrap li.performance{width: 175px;height: 146px;}
.bubblewrap li.performance img{width: 175px;height: 146px;}


#flicktweets					{ width: 700px; float: left; margin: 30px 0 0;}

/* Flickr feeds */
.live-flickr					{ width: 220px; height: 160px; overflow: hidden; margin-right: 20px;}
.livr-flickr .content			{}
.live-flickr img				{ width: 100%; }
#livepage h3					{ margin: 0 0 5px;}
#livepage-flickr-1 				{ margin: 0 20px 0 0;}
#livepage-flickr-1 .content		{}
#livepage-flickr-2 				{ margin-right: 20px;}
#livepage-flickr-2 .content 	{}
#livepage-flickr-3 				{ margin-right: 0;}
#livepage-flickr-3 .content 	{}

/* Twitter feeds */
.live-twitter 					{ width: 220px;}
#livepage-twitter-1 			{ margin: 20px 20px 0 0; }
#livepage-twitter-1 .content 	{}
#livepage-twitter-2 			{ margin-right: 20px;}
#livepage-twitter-2 .content 	{}
#livepage-twitter-3 			{}
#livepage-twitter-3 .content 	{}
#livepage-twitter-4 			{ width: 220px; float: right;}
#livepage-twitter-4 .content 	{ height: 600px;}
.tb_tweet						{ font-size: 12px; line-height: 1.5; }

/* tracking */
#trackingContainer{height: 100%;}
#trackingNote{line-height: 1.2em;}
#trackingNote ul{padding-left: 40px;}
#trackingNote ul li{list-style-type: square;}

.notifylist{padding:7px 10px; background: #fcf8c9; border: 1px solid #e8dbbf;}



/* Hide author name and avatar */
.live-twitter .tb_photo { display: none; }
#livepage-twitter-4 .tb_photo { display: block; }

.live-twitter .tb_author { display: none; }
#livepage-twitter-4 .tb_author { display: block; }

.tb_twitterlogo	{ display: none;}
.tb-widget-configuration { margin-top: 5px;}
.tb_header		{ float: right; width: auto !important;}
.tb_tweet		{ padding: 2px 0; margin: 0 0 10px;}
.tb_tweet-info 	{ font-size: 10px;}

/* Count Down widget */
.fergcorp_countdownTimer_event_li { padding-top: 0.5em; }

/* Subscribe schedule widget */
.s2class_widget_subscribe2widget .search p{margin: 5px 0;}

#tracking-expand 					{ margin: 10px 0 0; }
#livepage-tractrac #iframe			{ background: #ccc; height: 400px;}

.expanded #livepage					{ width: 100%; position: relative; margin: 20px; float: left;}
.expanded #livepage-tractrac		{ margin-right: 375px; float: none; width: auto; min-height: 650px; height: 650px;}
.expanded #livepage-tractrac #iframe{}
.expanded #livepage-ustream 		{ position: absolute; right: 35px; top: 0; margin-right: 0; float: none;}
.expanded #flicktweets				{ width: 940px; margin-top: 60px;}
.expanded #livepage-twitter-1		{ clear: left;}
.expanded #livepage-twitter-4		{ float: right; }
.expanded #livepage-twitter-4 .content { height: auto;}

.expanded #wrapper	{ margin: 20px; width: auto;}
.expanded #header	{ display: none;}
.expanded #main		{ background: #fff;}


/* Archive pages */
#archive	{ width: 100%; margin: 20px auto; background: #fff;}
#archive img{border:1px solid #333333;}

.raceContainer .loading{background:url("images/loading.gif") no-repeat scroll 50% 50% #FFFFFF; height:50px;}
.raceContainer h2		{ cursor: pointer; background: #f5f5f5 url(images/box-open.png) no-repeat 99% 50%; text-transform: capitalize; margin: 10px 0 0; padding: 8px 30px 8px 8px; }
.raceContainer h2:hover	{ background-color: #fc0;}
.active h2				{ background-color: #fc0; color: #fff; padding-bottom: 5px;}

.raceTableContainer { border: 3px solid #fc0; margin: 0 0 10px;}
.raceTable		{ width: 100%; }
.raceTable th 	{ background: #f5f5f5; vertical-align: middle; padding: 10px; border: 1px solid #ccc; text-align: left; min-width: 120px;}
.raceTable td	{ vertical-align: top; padding: 5px; border: 1px solid #ccc;}

.raceTable td.loading	{ background: #fff url(images/loading.gif) 50% 50% no-repeat; width: 75px; height: 75px;}
.raceTable td.tagName	{ font-weight: bold; width: 160px;}
.raceTable .remove		{ background: url(images/delete.png) no-repeat; width: 16px; height: 16px; cursor: pointer; display: none; float: right;}
.raceTable th:hover .remove,
.raceTable td:hover .remove { display: block;}
.raceTable .tagName .remove { }
.raceTable .post .user	{ float: left;}
.raceTable .noresults { color: #999;}