@import url(reset.css);
/* 2010 colours
Body background: 3568aa
lighter: 6797d4
lightest: 84a7d4
Dark: 113a9f
*/
body{
	position:relative;
	width:63em;
	margin: 0 auto;
	padding:1em 0 0;
	background:url('../images/CC10_background.jpg') no-repeat left top ;
	background-color:#3568aa;
	font: 90%/1.4 Calibri, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#333;
}
a {color:#333;}
strong{
font-weight: bold;
}
h1{
	text-indent: -9999em;
	background:url(../images/CC10_logo.png) no-repeat -10% 50%;
	height:294px;
}
h2{
	margin:0px 0;
	font:170% 'OFL Sorts Mill Goudy TT', Constantia, Verdana, sans-serif;
	letter-spacing:1px;
}

h3{
	margin:3px 0;
	font:150% 'OFL Sorts Mill Goudy TT', Constantia, Verdana, sans-serif;
	letter-spacing:1px;
}
h4{
	margin:3px 0;
	font:120% 'OFL Sorts Mill Goudy TT', Constantia, Verdana, sans-serif;
	letter-spacing:1px;
}
#header{
background: url('../images/socer_ball.png') no-repeat  40% 103%;
background: url('../images/socer_ball.png') no-repeat  42% 103%, url('../images/world_cup.png') no-repeat  50% 108%;
}
#media #header{
	background:url('../images/punchnjudy.png') no-repeat  40% 103%;
}

#transport #header{
	background-image:url('../images/bus.png');
	background-position: 97% 100%;
}
#bands #header{
	background-image:url('../images/design_microphone.png');
	background-position: 50% 100%;
	background: url('../images/design_microphone.png') no-repeat  50% 108%, url('../images/socer_ball.png') no-repeat  40% 103%, url('../images/design-amp.png') no-repeat  95% 120%;
}
.lineup #header{
	background-image:url('../images/design_microphone.png');
	background-position: 47% 100%;
	background: url('../images/design_microphone.png') no-repeat  50% 108%, url('../images/socer_ball.png') no-repeat  40% 103%;

}
#nav-main{
	width:100%;
	line-height:1.4;
}
#nav-main ul{
	float:left;
	background:rgba(255,255,255, .6);
	background-color:#113a9f;
	width:100%;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	position:relative;
}

#nav-main li{
	display:block;
	float:left;
	margin:.0em .4em .3em;
	background: #fff url(../images/slant_h.png) no-repeat 0% 100%;
}
#nav-main li a{
	display:block;
	color:#333;
	margin-left:0px;
	padding:0 0.45em;
	background: url(../images/slant_v.png) no-repeat top left;
}
#nav-main li:hover{background-color:#84a7d4;}

#content-main{
	clear:both;
	float:left;
	width:38em;
}
#content-sub{
	float:right;
	width:24em;
}
#content-main h2, #content-main li > h2 {
	margin-left:-0.9em;
	margin-right:0.5em;
	margin-top:.2em;
	padding-left:1.4882em;
	line-height:60px;
	color:#333;
/*	-webkit-box-shadow:-2px 2px 4px rgba(0, 0, 0, .5);
	-moz-box-shadow:-2px 2px 4px rgba(0, 0, 0, .5);
	box-shadow:-2px 2px 4px rgba(0, 0, 0, .5);
	background-color:#84a7d4;
	background: -webkit-gradient(linear, left top, right top, from(#84a7d4), to(rgba(0, 0,180, .5)));
	background: -moz-linear-gradient(left, #84a7d4 25%, #84a7d4 100%);*/
   text-shadow: -2px 2px 2px rgba(0, 0, 0, .2);
background: url('../images/slant_h2_2010.png') no-repeat center left;
}

#content-main h3 {
	margin-left:-.9em;
	margin-right:0.5em;
	padding-left:1.3667em;
	line-height:60px;
	color:#333;
	background-color:#6797d4;
 text-shadow: -2px 2px 2px rgba(0, 0, 0, .2);
background: url('../images/slant_h3_2010.png') no-repeat center left;

}
#content-main h4 {
	margin-left:0.8em;
}
#content-main #shotgun h4 {
	margin-left:0;
}

#home #content-main, #media #content-main, #sponsor #content-main{background:#84a7d4;	background:rgba(255,255,255, .6);}

#home #content-main p, #media #content-main p, #sponsor #content-main p{	margin:0em 1em 1em;}

#home #content-main li, #media #content-main li, #sponsor #content-main li{margin:0em 1em .2em 2.5em; list-style:circle;}
#sponsor #content-main ol li{list-style:decimal;}
#home #content-main img, #media #content-main img{	float:right;}
#benenden-logo{ padding:22px 22px 0 22px;}
#content a:hover{
	border-bottom:1px #333 dotted;
}
#content a:hover img {border-bottom:0px #fff solid;}
#content-main li h3{
	background:transparent;
}
#content-main ul{
	position:relative;
}
#content-main ul li{
	position:relative;
	list-style: none;
	/*min-height:120px;*/
}
#content-main ul>li[id]{
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	margin:10px 10px 10px 0;
	-webkit-box-shadow:-3px 3px 5px rgba(0,0,0,.33);
	-moz-box-shadow:-3px 3px 5px rgba(0,0,0,.33);
	box-shadow:-3px 3px 5px rgba(0, 0, 0, ..33);
}

#media #content-main ul li{
	padding:0 0 0.3em 1em;
	min-height:1px;
	background:transparent;
}
#content-main li img{
	background-image: none;
	position:absolute;
	z-index:20;
}
li#rebellion, li#euphoria, li#littlemores, li#art, li#cricket, li#intro, li#coast, li#cycle, li#park, li#theannexe, li#global, li#nwp {background:#fff;}

li#surprise, li#shotgun, li#quiz, li#disco, li#first, li#car, li#minster, li#motors{	background:#6797d4;}

li#bonbonz, li#lost, li#wine, li#train, li#ycc, li#benenden{ 	background-color: #3e5a80; 	color: rgb(255,255,255);}

ul li#bonbonz *, ul li#lost *, ul li#wine *,ul li#train *, ul li#ycc *, ul li#benenden *{color: #eee;}

li#art *, li#cricket *, #content-main li *{	color:#000;}

#content-main #rebellion *, #content-main #euphoria *, #content-main #littlemores *, #content-main #quiz *{
	margin-left:0px;
	margin-right:0px;
	padding-left: 160px;
}
#content-main #wine *, #content-main #disco *, #content-main #coast *, #content-main #cycle *, 
#content-main #park *, #content-main #minster *, #content-main #ycc *, #content-main #motors *, #content-main #benenden *{
	margin-left:0px;
	margin-right:0px;
	padding-left: 140px;
}
#surprise *, #bonbonz *, #shotgun *, #lost *, #art *, #cricket *, #intro p, #first *, #train *, #car *, #global *, #theannexe *, #nwp *{
	margin-right:0;
	padding-right:140px;
	padding-left:10px;
}

#content #content-main ul li * *, #content #content-main li img, #content #content-main li abbr, #content #content-main li span{padding:0;}

#shotgun img{top:25px; right:-25px;}
#surprise img{	top:10px;	right:-73px;}
#rebellion img{	top:-20px; left:-35px;}
#bonbonz img{	top:-12px; right:-20px;}
#euphoria img{	top:0px;	left:-30px;}
#littlemores img{	top:30px; left:-40px;}
#lost img{top:-5px; right:-80px;}
#quiz img{	top:2px;	left:-27px;}
#art img{	top:-25px; right:-20px;}
#wine img{	top:-6px; left:5px;}
#cricket img{	top:-5px; right:-10px;}
#disco img{	top:-5px; left:-40px;}
#first img{	top:10px;	right:-40px;}
#coast img{	top:0px; left:-40px;}
#train img{	top:-5px; right:-52px;}
#cycle img{	top:0px;	left:-10px;}
#car img{	top:15px; right:-30px;}
#park img{	top:10px; left:-40px;}
#benenden img{top:20px; left:-64px;}
#theannexe img{	top:-8px;	right:-40px;}
#minster img{	top:2px;	left:-58px;}
#global img{	top:-5px; right:-40px;}
#ycc img{	top:8px; left:-52px;}
#motors img{top:15px; left:-50px;}
#nwp img{	top:10px; right:-40px;}
#lineup #rebellion img{top:-5px; right:-30px;}
#lineup #shotgun img{top:0px; right:-15px; left:auto;}
#lineup #euphoria img{	top:-5px;	right:-10px;}
#lineup #bonbonz img{	top:-5px; right:-35px; left:auto;}
#lineup #littlemores img{	top:0px; right:-20px;}
#lineup #surprise img{	top:-10px;	right:-25px; left:auto;}

/* ----------------- =photos -------------- */
#content-main #imagegallery  li img{
	border:solid 5px #fff;
	margin:0;
}
#content-main #imagegallery li{
	float:left;
	width:90px;
	height:90px;
	min-height:90px;
	padding:0;
	margin-bottom:0;
}
#placeholder{
	clear:left;
	margin-top:10px;
	background:#fff;
	padding:10px;
	-webkit-box-shadow:-3px 3px 5px rgba(0,0,0,.33);
	-moz-box-shadow:-3px 3px 5px rgba(0,0,0,.33);
}

/* ----------------- =content-sub ------------------*/
#details{
	text-align: right;
	/*background:url('../images/slant_big.gif') no-repeat bottom left;*/
	background-color:#113a9f;
	color:#fff;
	padding:0em .5em 1em 2em;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}
#supplemental, #acts li{
	margin-top:1em;
	padding:1em 1em;
	background:#84a7d4;
	background:rgba(255,255,255,0.6);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
.lineup #content-sub>#supplemental {
background-image: url('../images/amp.png');
background-repeat:no-repeat;
background-position:top center;
background-color: rgba(255,255,255,0.7);
padding-top:260px;

}
#supporters, #streets{
	padding:0 1em 0 3em;
	margin:.5em -1em 0em -1em;
	background:transparent;
}
#supplemental iframe{
	height:22em;
	width:22em;
}
#supplemental #twitter_div {
	background-color: #AFEFF1;
	border: solid 1px #aaa;
	margin:.6em;
	-webkit-box-shadow: -3px 3px 4px rgba(0,0,0,.33);
	-moz-box-shadow: -3px 3px 4px rgba(0,0,0,.33);
}
#supplemental #twitter_div #twitter_update_list  {
	background-color: #AFEFF1;
	margin:0;
}
#supplemental h2.twitter-title{
	background-color: #afeff1;
	color:#000;
	padding-left:.5em;
	margin-bottom:0;
	border:0;
}
#supplemental #twitter_div #twitter_update_list span{
	background-color: #fff;
	display:block;
	padding:0 .4em;
}
#supplemental #twitter_div #twitter_update_list li{
	margin:.7em;
	border:0;
	border-bottom:1px dashed #999;
}
#supplemental blockquote{
	border:2px dotted #113a9f;
	background:#3568aa;
	color:#fff;
	padding:1em;
	margin-bottom:1em;
}
#supplemental blockquote p{
	background:#3568aa;
}
blockquote cite{
	font-style:italic;
	text-align: right;
}
blockquote{
	margin-top:1em;	
}
#acts h3 img{
	float:right;
	margin:-10px -7px 0 0;
	-webkit-box-shadow:rgba(0,0,0,.3) -3px 3px 7px;
	-moz-box-shadow:rgba(0,0,0,.3) -3px 3px 7px;
	box-shadow:rgba(0,0,0,.3) -3px 3px 7px;
}
/*--- adverts ---*/

#annexe{
border:2px #7b0c0a solid;
margin:3em 3px;
color:#7b0c0a;
background-color:white;
-webkit-box-shadow:rgba(0,0,0,.6) -3px 3px 5px;
-moz-box-shadow:rgba(0,0,0,.6) -3px 3px 5px;
box-shadow:rgba(0,0,0,.6) -3px 3px 5px;
font-family:"century gothic" arial;
font-weight:bold;
text-align:right;
}
#annexe h2{
	text-indent: -9999px;
	margin-bottom:0;
}
#annexe h3 {
	padding:0 2px;
	clear:right;
	letter-spacing: 0em;
}
#annexe h3 a{
	color:#7b0c0a;
}
#annexe p{
	padding:0 2px;
}
#annexe p a{
	color:#000;
}
#annexe p img{
	float:right;
}
#picture{
background-color:#7b0c0a;
text-align:right;
padding-bottom:0;
}
#picture img{
padding:6px 4px 0;
}


#content:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#site-info{
clear:both;
}
#site-info a{
	color:#444;
}
#site-info p{
	color:#666;
	text-shadow:1px 1px 2px rgba(255, 255, 255, .8);
	font-size:90%;
	padding:.5em 1em .5em 1em;
	float:right;
	background:#ffa;
	background-color:rgba(255, 255, 200, .6);
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	
}