/* 
  LAYOUT INFO
  Page positioning of elements. Plus borders, padding, margins etc.
  Note: border color and style should go in skin.css 
*/

/* @group GLOBAL */

h1, h2, h3, h4, h5, p, dt, dd {
	margin-bottom: 1.1em;
}

h1 {
	padding: 0 20px;
}

/* @end GLOBAL */

/* @group MAIN LAYOUT */
#page {
	width: 980px;
	margin: 0 auto;
}

/* @group HEADER */
#header {
	height: 331px;
	position: relative;
}

#logo {
	width: 656px;
	height: 178px;
	position: absolute;
	top: 0;
	left: 2px;
	padding: 93px 0 0 30px;
}

#logo a {
	text-indent: -9999em;
	display: block;
	width: 568px;
	height: 127px;
	overflow: hidden;
	position: absolute;
	top: 93px;
	left: 30px;
}

#logo span {
	display: none;
}

#header .dates {
	width: 381px;
	height: 51px;
	text-indent:  -9999em;
	position: absolute;
	top: 20px;
	left: 290px;
}

#header #guitar {
	position: absolute;
	top: 20px;
	right: 7px;
	width: 322px;
	height:  216px;
}

/* @group NAVIGATION */
.navigation {
	padding-left: 34px;
	overflow: auto;
	margin-bottom: 1em;
}

#header .navigation {
	padding-top: 222px;
	margin-bottom: 0;
}

.navigation li {
	float: left;
}

.navigation .lnk-whats-on {margin-right: 4px;}
.navigation .lnk-news {margin-right: 10px;}
.navigation .lnk-about {margin-right: 12px;}
.navigation .lnk-gallery {margin-right: 13px;}
.navigation .lnk-get-involved {margin-right: 9px;}
.navigation .lnk-press {margin-right: 8px;}
.navigation .lnk-contact {margin-right: 13px;}

.navigation li a {
	display: block;
	text-indent: -9999em;
	outline: none;
	height: 36px;
}

#header .navigation li a {
	height: 95px;
}

.navigation .lnk-whats-on a {width: 117px;}
.navigation .lnk-info a {width: 75px;}
.navigation .lnk-news a {width: 75px;}
.navigation .lnk-about a {width: 75px;}
.navigation .lnk-gallery a {width: 88px;}
.navigation .lnk-get-involved a {width: 140px;}
.navigation .lnk-press a {width: 75px;}
.navigation .lnk-contact a {width: 92px;}
.navigation .lnk-sponsors a {width: 107px;}

/* @end NAVIGATION */
/* @end HEADER */

/* @group CONTENT AREA */
#content-area {
	padding: 0 40px;
	margin-bottom: 1.4em;
}

/* @group MAIN CONTENT */
.main-content {
	float: left;
	display: block;
	width: 680px;
}

.main-content {
	padding-top: 7px;
}

.main-content .content {
	padding: 1.4em 0 0.6em 0;
}

.main-content .content .nav-panel {
	padding: 0.7em 0 0.4em 0;
}

.main-content .content .nav-panel li {
	display: inline;
}

.main-content .content .section {
	padding: 25px 20px 3px 20px;
}

.main-content .content .section img#map {
	margin-bottom: 1.3em;
}

.main-content .content .note,
.main-content .content .subsection {
	padding-top: 1.5em;	
}

.main-content .content .subsection {
	padding-bottom: 0.3em;
}

.main-content .content .driver {
	padding-top: 0.7em;	
}

.main-content .content .driver strong {
	padding: 0 20px 14px 20px;
	display: block;
}

#subsect-by-car dl {
	margin-bottom: 1em;
}

#subsect-by-car dt,
#subsect-by-car dd {
	padding-left: 20px;
}

#subsect-by-car dd.from-marl,
#subsect-by-car dd.from-chelt-glouc-ciren,
#subsect-by-car dd.from-hung-ald,
#subsect-by-car dd.from-deviz-salis,
#subsect-by-car dd.from-want {
	position: absolute;
	top: 0;
	left: -9999em;
	overflow: hidden;
}


/* @end MAIN CONTENT */

/* @group SUPPLEMENTARY CONTENT */
#supplementary-content {
	float: right;
	display: block;
	width:  190px;
}

#supplementary-content .module {
	margin-bottom: 1.5em;
	padding-top: 1.5em;
}

#supplementary-content #mod-tickets {
	padding-top: 0;
}

#supplementary-content .module ul {
	margin-bottom: 0.7em;
}

#supplementary-content #mod-tickets .driver {
	margin-bottom: 1.5em;
}

#mod-tickets .driver a {
	display: block;
	height: 144px;
	text-indent: -9999em;
}

/* @end SUPPLEMENTARY CONTENT */
/* @end CONTENT AREA */

/* @group FOOTER */
#footer {
	width: 900px;
	clear: both;
	margin: 0 40px;
	padding-bottom: 25px;
}

#footer p {
	margin-bottom: 0.7em;
}

#footer .sponsors {
	height: 76px;
	margin-bottom: 25px;
	padding: 25px 0 0 30px;
}

#footer .sponsors li {
	float:  left;
	padding-left: 30px;
}

#footer .sponsors li a {
	display: block;
	text-indent: -9999em;
}

#footer .sponsors li.lnk-bbc-radio-wiltshire a {
	width: 248px;
	height:  37px;
	margin-top: 10px;
}

#footer .sponsors li.lnk-bbc-radio-swindon a {
	width: 252px;
	height:  37px;
	margin-top: 10px;
}

#footer .sponsors li.lnk-swindon-council a {
	width: 155px;
	height:  45px;
}

#footer p span {
	padding: 0 0.7em;
}

#footer-nav li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 1.1em 0 0.6em;
}

#footer-nav li.lnk-accessibility {
	border: 0;
}

/* @end FOOTER */
/* @end MAIN LAYOUT */

/* @group CLEARFIX */

/*
	Clearing floats without structural markup
	See http://www.positioniseverything.net/easyclearing.html for reference
*/
.clearfix:after,
#content-area:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* @end CLEARFIX */