/*
Theme Name: BAC Sport
Theme URI: http://www.junomedia.co.uk
Description: BAC Sport Global Style Sheet
Version: 1.0
Author: Juno Media
Author URI: http://www.junomedia.co.uk
Tags: web design, web development, nottingham
*/

/***** Global *****/
	/* Reset */
		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,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1.4;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    font-size: 75%; /* 100% = 16px */
	    color: #666;
	    background: #C90543 url('images/body-bg.png') repeat-x 0 81px;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
	h2, h3, h4, h5, h6 {font-weight: bold; font-family: 'trebuchet ms', tahoma, arial, sans-serif; color: #176BC7;}
	.title {color: #F10F0F;}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #176CC8; text-decoration: underline}
	a:hover, a:active {text-decoration: none}
	.no-decoration:link, .no-decoration:visited {text-decoration: none}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Quotes */
blockquote {background: #ECF3F9; font-style: italic; padding: 20px; margin: 1em; color: #999; font-family: georgia, times, serif; -moz-border-radius: 10px; -webkit-border-radius: 10px}
blockquote p{margin-bottom: .5em}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #eee}

thead th {background: #488EC5; color: #fff; text-align: left; padding: .5em .4em; font-weight: bold}

tbody td {padding: .5em .4em}
tbody .alt td {background: #ECF3F9}

/***** Layout *****/
.limit {width: 916px; margin: 0 auto}

/* Header */
#header {background: url('images/header-bg.png') repeat-x; height: 112px}
#header .limit {background: url('images/sport.png') no-repeat 140px 0; position: relative; height: 112x}

	/* Logo and Slogan */
	#logo {position: absolute; top: 15px}
	#slogan {position: absolute; top: 90px; left: 110px}
	
	/* Phone */
	#head-phone {display: block; font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 1.2em; position: absolute; top: 85px; right: 0; color: #176CC8}
	
	/*Menu */
	#menu {margin: 0; padding: 55px 0 0 0; list-style: none; float: right}
	#menu li {display: inline; font-size: 125%; font-family: 'trebuchet ms', tahoma, arial, sans-serif; padding: 0 0 0 1em}
	
	#menu a:link, #menu a:visited {color: #fff; font-weight: bold; text-decoration: none}
	#menu a:hover, #menu a:active {text-decoration: underline}

/* Body */
#body {background: #fff; padding: 20px 0 30px}
#body .limit {overflow: hidden; height: 1%}

	/*Content */
	#content {width: 716px; float: left; overflow: hidden}
	
	/* Sidebar */
	#sidebar {
		width: 166px;
		float: right;
		overflow: hidden
	}
	
	#sidebar ul {margin: 0 0 20px 0; list-style: none}
	#sidebar li {display: block; float: none !important; float: left; clear: left; width: 100%}
	#sidebar li a:link, #sidebar li a:visited {
		padding: .35em .5em;
		border-bottom: 1px solid #F0D1DB;
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none
	}
	
	#sidebar li a:hover, #sidebar li a:active {background: #2173C5; color: #fff}
	
	#sidebar .ad {display: block; margin-bottom: 20px}
	#sidebar .note {font-size: .8em; line-height: 1.1}

/* Footer */
#footer {
	color: #F7DBE4;
	background: url('images/footer-bg.png') repeat-x top left
}

#footer .limit {background: url('images/sport.png') no-repeat bottom left; padding: 40px 0 60px 0; overflow: hidden; height: 1%}

#footer a:link, #footer a:visited {color: #fff; text-decoration: none}
#footer a:hover, #footer a:active {text-decoration: underline}

	/* News */
	.foot-news {
		width: 618px;
		overflow: hidden;
		height: 1%;
		margin: 0;
		list-style: none;
		float: left
	}
	
	.foot-news ul {list-style: none}
	
	.foot-news li.special-events ul, .foot-news li.special-offers ul {margin: 0}
	.foot-news li.special-events, .foot-news li.special-offers {float: left; width: 309px; margin: 0; padding: 0}
	.foot-news li {width: 260px; margin: 0 19px 1em 0; padding: 7px 10px}
	.foot-news li.highlight {background: url('images/foot-feat-bg.png') no-repeat top left}
	
	.foot-news h2, .foot-feat h2 {font-size: 1.2em}
	.foot-news p {margin-bottom: 5px}
	
	/* Foot Feat */
	.foot-feat {width: 265px; float: right}
	
	.foot-feat img {display: block; margin-bottom: 15px; border: 1px solid #DF698E}
	
	.foot-feat .more {font-size: 1.2em}
	
	.footer-links {float: left; clear: both; margin-top: 35px; width: 800px}
	
	.footer-links ul {margin: 0; list-style: none; padding-top: 8px}
	.footer-links ul li {
		padding: 0 .5em 0 0;
		margin: 0 .5em 0 0;
		border-right: 1px solid #f0e8da;
		float: left;
		height: 1.1em;
		line-height: 1.1
	}

	.footer-links ul li:last-child {border: 0}
	
/***** Sections *****/
/* Homepage */
#home-thumbs {overflow: hidden; height: 1%; margin: 0 0 20px 0; width: 736px}

#home-thumbs li {width: 349px; float: left; margin: 0 19px 19px 0; position: relative; display: inline}
#home-thumbs img {border: 3px solid #ededed; display: block}

#home-thumbs span {
	display: block;
	width: 333px;
	position: absolute;
	top: 3px;
	left: 3px;
	background: url('images/thumb-grad.png') repeat-y top left;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-weight: bold; font-size: 1.1em;
	cursor: pointer
}

#home-thumbs a:link span, #home-thumbs a:visited span {text-decoration: none}
#home-thumbs a:hover span, #home-thumbs a:active span {text-decoration: underline}

.home-p {width: 320px; float: left; color: #176CC8}
.home-img {float: right}

/* Blog Index */
#post-list {margin: 0; padding: 0; list-style: none}
.post {margin-bottom: 30px}
#comments h3, .post h2, .title {font-size: 1.8em; margin-bottom: 10px}

.post .meta {display: block; background: #D0E2F0; padding: 8px; overflow: hidden; height: 1%; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px}

/* Comments */
#comments ol {list-style: none; margin: 0 0 1em 0; padding: 1em 0 1em 0}
#comments ol li {overflow: hidden; height: 1%; margin-bottom: 1em; border-bottom: 1px solid #dadada; padding-bottom: 1em}

#comments cite {
	display: block; 
	width: 220px;
	float: left;
	overflow: hidden;
	font-family: georgia, times, serif
}

#comments cite .avatar {display: block; border: 1px solid #dadada; float: left; margin: 0 15px 0 0}
#comments cite .date {display: block}
#comments blockquote {background: none; width: 460px; float: right; margin: 0; padding: 0; font-style: normal}

/* Comments Form */
#comment-form, #contact-form {font-size: 1.2em; font-family: georgia, times, serif; background: #eee; padding: 20px; margin: 1.5em 0 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#comment-form {width: 530px; margin: 0 auto}
#comment-form label, #contact-form label {display: block}

#comment-form .text, #comment-form textarea, #contact-form .text, #contact-form textarea {
	border: 1px solid #dadada;
	background: #fff;
	color: #666;
	font-family: inherit;
	font-size: inherit;
	padding: 3px;
	margin-bottom: 10px;
	width: 320px
}
#comment-form .text, #comment-form textarea {width: 520px}
#comment-form textarea, #contact-form textarea {height: 150px}
#comment-form .button, #contact-form .button {
	border: 0;
	background: #327FC3;
	color: #fff;
	padding: 5px 15px;
	float: right;
	font-size: 1.2em;
	font-family: inherit;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

/* Contact */
#contact-form {float: left; width: 320px}
#contact-info {width: 240px; float: left; padding-top: 30px; margin: 0 0 0 20px; color: #666; text-align: right}
#contact-info strong, #contact-info a:link, #contact-info a:visited {color: #176CC8}

/* Content */
.cont-meta {
	display: block;
	margin-bottom: 30px;
}

.cont-meta strong {color: #176BC7;}

.imgs {overflow: hidden; height: 1%; margin-bottom: 30px;}
.imgs img {float: left; margin: 0 8px;}

/* Boxes */
.box {background:#176CC8 url('images/blue-grad.png') repeat-x top left; color: #fff; padding: 15px; margin-bottom: 30px;}
.box table {border: 0; margin: 0 0 1.5em 0;}
.box table thead th {background: none;}
.box table tbody td {padding: 0 5px;}

/* Splash */
#splash-count {margin: 0 0 20px 0; background: #176CC8; color: #fff; padding: 15px 15px 5px 15px;}
#splash-count a:link, #splash-count a:visited {color: #fff; text-decoration: none; display: block; font-size: 1.1em; margin-bottom: .3em;}
#splash-count a:hover, #splash-count a:active {text-decoration: underline}

#splash-count ul {margin: 0; list-style: none; overflow: hidden; height: 1%;}
#splash-count li {width: 30%; float: left; margin: 0 1.45% 20px 1.45%; line-height: 1; display: inline;}

#splash-count img {float: left; margin: 0 10px 0 0;}
#splash-count .info {font-size: .9em;}

.racing-event {text-transform: uppercase}

	/* Tabs */
	#splash-tabs {margin: 0; padding: 0; list-style: none; overflow: hidden; height: 1%;}
	
	#splash-tabs li {
		background: url('images/tab-l.gif') no-repeat bottom left;
		float: left;
		margin: 0 5px 0 -10px;
		padding: 0 0 0 22px;
	}
	#splash-tabs li.active {background-position: top left; margin-right: -5px;}
	#splash-tabs li.active a:link, #splash-tabs li.active a:visited {padding-right: 22px;}
	#splash-tabs li.first {margin-left: -10px;}
	
	#splash-tabs li a:link, #splash-tabs li a:visited {
		padding: 8px 30px 7px 0;
		height: 24px;
		line-height: 24px;
		display: block;
		float: left;
		background: url('images/tab-r.gif') no-repeat bottom right;
		color:#fff;
		font-size:1.6em;
		font-weight:bold;
		text-decoration:none;
	}
	#splash-tabs li.active a:link, #splash-tabs li.active a:visited {
		background-position: top right;
	}
	
.post-edit-link {float: left; clear: both}