/* ------------------------------------
Bingley Music Live Style Sheet (screen)
version: 2010
author: jane mcdevitt
email: jane@maraid.co.uk
website: http://www.maraid.co.uk
------------------------------------- */

/*typography and colours
--------------------------------------*/

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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-image:url(../images/site/bkg-body.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-color:#09668e;
	background-attachment:fixed;
	color:#fff;
	}
	
h2.home {
	margin-bottom:1em;
	line-height:1.6em;
	font-size:120%;
	font-weight:normal;
	color:#fff;
	}
	
h2 {
	margin-bottom:1em;
	line-height:1.6em;
	color:#09a8e0;
	}
	
.subbox h2 {
	color:#000;
	}	
	
h2.news {
	color:#0CF;
	font-size:100%;
	margin-bottom:0;
	margin-top:1em;
	}	
	
h3 {
	margin-bottom:1em;
	line-height:1.6em;
	color:#FFF;
	}	
	
h1 {
	margin-bottom:0.6em;
	color:#9C0;
	font-size:220%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:-0.07em;
	text-transform:lowercase;
	}
	
p, ul, ol, blockquote {
	line-height:1.6em;
	margin-bottom:1em;
	}
	
blockquote {
	padding-left:50px;
	background-image:url(../images/site/speech.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
	
p.intro1 {
	color:#09a8e0;
	font-size:120%;
	}	
	
p.intro1 span {
	padding-right:24px;
	background-image:url(../images/site/star.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-color:transparent;
	}	
	
p.colour2 {/*green*/
	color:#9C0;
	}
	
p.colour1 {/*pink*/
	color:#ff0198;
	}	
	
p.larger {
	font-size:160%;
	font-weight:bold;
	}	
	
#header p {
	background-color:#FF0;
	display:inline;
	font-size:200%;
	margin:0;
	color:#000;
	padding:6px 10px;
	font-weight:bold;
	clear:both;
	letter-spacing:-0.05em;
	}
	
#header p span {
	color:#C39;
	}	
	
ul a, ol a, p a, table a {
	color:#ff0198;
	text-decoration:none;
	border-bottom: 1px dashed #ff0198; 
	}		
	
ul a:hover, ol a:hover, p a:hover {
	color:#ff0198;
	text-decoration:none;
	border-bottom: 1px solid #ff0198; 
	}
	
.subbox	a {
	color:#000;
	text-decoration:none;
	border-bottom:1px #000 dashed;
	}
	
.subbox	a:hover {
	color:#000;
	border-bottom: 1px solid #000;
	}
	
.lineup ul {
	font-size:160%;
	color:#ec008c;
	}	
	
p.sponsorheading {
	font-size:90%;
	font-weight:bold;
	margin:0;
	line-height:normal;
	}
	
	
	
/*structure
--------------------------------------*/

#wrapper {
	width:810px;
	margin:0 auto;
	background-image:url(../images/site/bkg-content.gif);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:transparent;
	padding-bottom:30px;
	}
	
#wrapperouter {
	background-image:url(../images/site/bkg-black.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	}	
	
#header {
	height:315px;
	padding-top:50px;
	}
	
#insideheader {
	width:600px;
	float:right;
	}
	
#content {
	width:482px;
	float:left;
	margin:25px 0 0 40px;
	border-right: 7px dotted #fff;
	padding-right:23px;
	height:auto !important;
	min-height: 250px;
	height:250px;
	display: inline;/*for ie6*/
	text-align:left;
	padding-left:20px;
	}
	
#content2 {
	width:502px;
	float:left;
	margin:25px 0 0 50px;
	border-right: 7px dotted #fff;
	padding-right:23px;
	height:auto !important;
	min-height: 250px;
	height:250px;
	text-align:left;
	display: inline;/*for ie6*/
	}	
	
#content3 {
	width:410px;
	float:left;
	margin:25px 0 0 50px;
	border-right: 7px dotted #fff;
	padding-right:23px;
	height:auto !important;
	min-height: 250px;
	height:250px;
	text-align:left;
	display: inline;/*for ie6*/
	}	
	
#contentfull {
	margin:25px 50px;
	text-align:left;
	}		
	
.lineup {
	text-align:center;
	}
	
#subnav {
	width:158px;
	float:right;
	margin:30px 40px 0 30px;
	text-align:left;
	}
	
#subbanddetail	{
	width:250px;
	float:right;
	margin:30px 40px 0 30px;
	text-align:left;
	}
	
#subbanddetail	h2 {
	margin-top:1em;
	}	


/*#homeleft {
	text-align:left;
	margin-left:22px;
	}*/
	
#homeleft h3 {
	color:#FF0
	}	
/*navigation
--------------------------------------*/

ul {
	list-style-type:none;
	margin-bottom:1em;

	}	


#mainnav {
	border-bottom:dotted 7px #fff;
	padding: 5px 0;
	margin:0 40px;
	}	

#mainnav ul {
	padding:8px 0 0 0;
	text-transform:lowercase;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:140%;
	float:left;
	padding:10px 10px 0 10px;
	margin:0 0 0 36px;
	}

#mainnav li {
	float:left;	
	}
	
#mainnav a {
	float:left;
	text-decoration: none;
	color:#ff0198;
	padding:8px 18px;
	border-bottom: 0;
	}

#mainnav a:hover {
	color:#FF0;
	}
	
body#home #t-home a, body#lineup #t-lineup a, body#news #t-news a, body#tickets #t-tickets a, body#info #t-info a, body#gallery #t-gallery a, body#contact #t-contact a {
	color:#FF0;
	}
	
.subbox	{
	background-color:transparent;
	background-image:url(../images/site/news-top.gif);
	background-position:top center;
	background-repeat:no-repeat;
	color:#000;
	padding:10px;
	text-align:center;
	margin-bottom:30px;
	}
	
.subboxouter {
	background-color:#FF0;
	background-image:url(../images/site/news-bottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	}
	
#subnav p a {
	border-bottom:none;
	}
	
#othernav {
	float:right;
	}
	
#othernav ul {

	}
	
#othernav ul li {
	float:left;
	}	
	
#othernav ul li a {
	margin:10px;
	}	
	
#subnav li a {
	border:none;
	font-weight:bold;
	}	
	
#subnav li  {
	border: 4px dotted #FFF;
	padding:20px;
	margin:10px 0;
	text-align:center;
	}

a.sub1 {
	color:#09a8e0;
	}
	
a.sub2 {
	color:#FF0;
	}
	
a.sub3 {
	color:#99C ;
	}
	
a.sub4 {
	color:#9C0;
	}
	
a.sub5 {
	color:#ff0198;
	}	

/*lists
--------------------------------------*/	

ol {
	margin-left:20px;
	padding-left:5px;
	}
	
/*external links
--------------------------------------*/

 a[href^="http:"]{
	background:url(../images/site/external.gif) no-repeat right top ;
	padding-right:10px;
	}

 a[href^="http://www.bingleymusiclive.com"], #logos a, a[href^="http://www.seetickets.com"],  a[href^="http://www.airedalesexualhealth.com"], a[href^="http://www.live4live.co.uk"]{
	background-image:none;
	padding-right:0;
	}	

/*images
--------------------------------------*/

#logos {
	margin-top:45px;
	text-align:left;
	}

#logos img {
	margin:12px;
	}
	
#bigphoto {
	float:right;
	width:400px;
	margin-top:10px;
	}
	
#thumbs {
	float:left;
	width:270px;
	margin-top:10px;
	}
	
#sticker {
	float:right;
	}
	
.map {
	margin-bottom:1em;
	}
	
.newspic {
	float:left;
	margin-right:20px;
	}
	
#sponsors {
	margin:20px 0 0 0;
	}
	
#sponsors img {
	margin-right:20px;
	}	
	
#logos img.facebook {
	margin-left:0;
	padding-left:0;
	}

/*forms
--------------------------------------*/	

legend {
	display:none;
	}

fieldset {
	border:none;
	margin:0 0 10px 0;
	padding:0;
	}
	
label {
	display:block;
}
	
input[type="text"], textarea {
	border:none;
	border-color:#fff; /*this is for ie*/
	width:168px;
	padding:2px;
	margin:8px 0 0 0;
	display:block;
	}
	
input[type="image"] {
	display:block;
	margin-top:10px;
	}	
	
textarea {
	width:400px;
	}	
	
form.home {
	margin-bottom:20px;
	}	
	
/*form.home label {
	float:left;
	}*/	
	
fieldset.home {
	width:220px;
	margin:0;
	}	

/*other
--------------------------------------*/
	
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	}
	
#mainnav:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	
	}
	
.hidden, .hide {
	position: absolute;
	left: -999px;
	width: 990px;
	}