/*
	McFly Super City - battleofthebands.css
	by Chris Lawes (Chris@TheUnit.co.uk)
*/

/*-------------------------------------------------
	GLOBAL
-------------------------------------------------*/

body{
	color: #515151;
	font-size: 12px;
	line-height: 17px;
}
p{padding-bottom: 10px;}

/*-------------------------------------------------
	HEADER
-------------------------------------------------*/

body.battle header a#battle_logo{
	position: absolute;
	top: 26px; left: 0;
	width: 379px; height: 111px;
	background: url('../img/battleofthebands/logo.png') top left no-repeat;
	text-indent: -999px; overflow: hidden;
	z-index: 5;
}
body.battle header span.voting{
	position: absolute;
	top: 26px; right: 0;
	width: 789px; height: 51px;
	background: url('../img/battleofthebands/voting.png') top left no-repeat;
	text-indent: -999px; overflow: hidden;
	z-index: 4;
}

/* MENU */

body.battle header nav ul#battle-menu{
	display: block; float: left;
	width: 100%;
}
	body.battle header nav ul#battle-menu li,
	body.battle header nav ul#battle-menu li a{
		display: block; float: left;
	}
		body.battle header nav ul#battle-menu li a.menu-back{
			width: 177px; height: 36px;
			background: url('../img/battleofthebands/buttons/back_mcfly.png') top left no-repeat;
			text-indent: -999px; overflow: hidden;
			margin: 4px 0 0 0;
		}
	body.battle header nav ul#battle-menu li.header-right, footer nav li.footer-right{float: right;}
		body.battle header nav ul#battle-menu li a.menu-signup{
			width: 172px; height: 61px;
			background: url('../img/battleofthebands/buttons/band_signup.png') top left no-repeat;
			text-indent: -999px; overflow: hidden;
			margin: -8px 150px 0 0;
		}
		body.battle header nav ul#battle-menu li a{
			font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
			font-size: 18px; font-weight: 100;
			-webkit-font-smoothing: antialiased;
			letter-spacing: 1px;
			color: #fff; text-shadow: 1px 1px #4a4a4a;
			text-transform: uppercase;
			height: 28px;
			margin: 0 18px 0 0;
			padding: 13px 2px 0 2px;
			-moz-transition: 0.2s; 
			-webkit-transition: 0.2s; 
			-o-transition: 0.2s;
		}
			body.battle header nav ul#battle-menu li a:hover{
				color: #e4c069;
				-moz-transition: 0.2s; 
				-webkit-transition: 0.2s; 
				-o-transition: 0.2s;
			}
		body.battle header nav ul#battle-menu li span.bull{
			display: block; float: left;
			color: #939393;
			margin: 12px 11px 0 -5px;
			font-size: 10px;
		}
			body.battle header nav ul#battle-menu li a.menu-home{margin-left: 20px;}
			body.battle header nav ul#battle-menu li a span{font-weight: 100;}
			
	body.battle header nav ul#battle-menu li a.menu-signup{height: 43px;}
	body.battle header nav ul#battle-menu li a.menu-back{height: 22px}

/*-------------------------------------------------
	CONTENT
-------------------------------------------------*/

a, a:visited{color: #316C98; font-weight: bold;}
	a:hover{color: #64a6d8;}
h2{
	font-size: 17.5px;
	line-height: 25px;
	color: #B89952;
	padding: 10px 0;
}

/* HOME */

form.band_search{
	display: block; float: left;
	width: 600px;
	padding: 5px 20px; margin: 0 0 20px 0;
	background: url('../img/battleofthebands/backgrounds/grey-noise.png') top repeat-x #f7f7f7;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #F5F5F5;
}
	form.band_search ul{
		display: block; float: left;
		width: 100%;
		margin: 0; padding: 0;
	}
		form.band_search ul li{
			display: block; float: left;
			clear: both;
			list-style-type: none;
			width: 53px; width: 590px;
		}
			form.band_search ul li label{
				display: block; float: left;
				width: 100px; height: 20px;
				background: url('../img/battleofthebands/titles/search-lables.gif') no-repeat;
				text-indent: -999px; overflow: hidden;
				margin-top: 10px;
			}
				form.band_search ul li label.browse{background-position: 0px -34px;}
			form.band_search ul li input.input{
				background: url('../img/battleofthebands/backgrounds/input.png') #fff top repeat-x;
				border-top: 1px solid #A8A8A8;
				border-right: 1px solid #D8D8D8;
				border-bottom: 1px solid #F3F3F3;
				border-left: 1px solid #D8D8D8;
				color: #7E7E7E; font-size: 10px;
				text-transform: uppercase;
				width: 409px; height: 16px;
				padding: 5px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				margin-top: 4px;
				margin-left: 3px;
			}
			form.band_search ul li select{
				margin-top: 9px;
				width: 199px;
			}
			#main form.band_search ul li input.submit{
				float: right;
				width: 53px; height: 34px;
				background: url('../img/battleofthebands/buttons/go.png') top left no-repeat;
				text-indent: -999px; overflow: hidden;
				font-size: 0px; /* IE */
				border: none;
			}
	ul.bands{
		display: block; clear: both;
		float: left; width: 676px;
		padding: 0; margin: 0;
	}
		ul.bands li{
			position: relative;
			display: block; float: left;
			width: 310px; height: 101px;
			margin: 0 20px 20px 0;
			list-style-type: none;
			background: url('../img/battleofthebands/backgrounds/blue-noise.gif') top repeat-x;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			overflow: hidden;
		}
			ul.bands li a.band_image,
			ul.bands li div{
				display: block; float: left;
			}
				ul.bands li a.band_image{width: 135px; margin-right: 10px;}
					ul.bands li a.band_image img{width: 134px; height: 101px;}
				ul.bands li div{width: 145px; padding-top: 12px;}
					ul.bands li div span{
						display: block;
						text-shadow: -1px -1px #909999;
						color: #fff;
					}
			ul.bands li span.count{
				position: absolute;
				bottom: 7px; left: 0;
				height: 23px;
				padding: 5px 7px 0 0;
				background: #fff;
				text-align: center;
				border-top: 1px solid #000;
				border-right: 1px solid #000;
				border-bottom: 1px solid #000;
				font-size: 20px;
				font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
			}
				ul.bands li div span.name{
					color: #5F5946;
					text-shadow: 1px 1px #C6D1D6;
					font-size: 14px; text-transform: capitalize;
					font-weight: bold;
				}
h1.welcome{
	display: block;
	width: 315px; height: 29px;
	background: url('../img/battleofthebands/titles/welcome.gif') top left no-repeat;
	text-indent: -999px; overflow: hidden;
}
a.enter_now{
	display: block;
	width: 257px; height: 45px;
	background: url('../img/battleofthebands/buttons/enter_now.png') top left no-repeat;
	text-indent: -999px; overflow: hidden;
	margin-left: -4px;
}

.pagination{
	display: block; float: left;
	clear: both; width: 641px;
	background: url('../img/battleofthebands/backgrounds/grey-noise.png') top repeat-x;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: inset 0px 1px 3px #adadad;
	-moz-box-shadow: inset 0px 1px 3px #adadad;
	padding: 4px 0;
	text-align: center;
	text-shadow: 1px 1px #fff;
	margin-bottom: 10px;
}
	.pagination a, .pagination strong{margin: 0 2px;}

/* VIEW BAND */

.band_profile,
.signup_wrapper,
#contact_form{
	display: block; float: left;
	background: #E9E9E9;
	padding: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top: 1px solid #A6A6A6;
	border-left: 1px solid #C7C7C7;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #C7C7C7;
	box-shadow: inset 0px 2px 3px #C7C7C7
}
	.band_profile h1.band-name{
		color: #B89952; font-size: 21px;
		text-shadow: 1px 1px #fff;
		font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
		text-transform: uppercase;
		background: #F5F5F5;
		padding: 15px 20px;
		margin: 0 -15px 15px -15px;
	}
.band_profile_img{}
.genre_region{
	color: #979797;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 4px;
}
.band_facebook{padding-bottom: 4px;}
	.band_facebook a{text-decoration: underline;}
span.voting_info{
	display: block; clear: both;
	color: #9F9F9F;
	font-weight: bold;
	font-size: 11px;
}
	span.voting_info strong{
		color: #7f7f7f;
		font-size: 13px;
	}
	.voting_info_home{margin: 0 0 15px 0;}

.vote{
	position: relative;
	display: block; clear: both;
	height: 55px; width: 275px;
	background: url('../img/battleofthebands/backgrounds/vote.png') -2px -2px no-repeat;
	margin-top: 20px;
}
	.vote iframe{
		position: absolute;
		top:15px; left: 21px;
		width: 50px !important;
		overflow: hidden;
	}
	.vote span.count{
		position: absolute;
		top: 17px; left: 140px;
		font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
		font-size: 20px;
		color: #969696;
	}
		.vote span.count strong{color: #222;}
		
/* SIGN UP */

h1.band_signup{
	color: #999999;
	text-shadow: 1px 1px #fff;
	background: #F5F5F5;
	padding: 13px 20px;
	margin: 20px 0;
	color: 'ProximaNovaCondensed', Helvetica, sans-serif;
	text-transform: uppercase;
}
.signup_wrapper{
	padding: 0 0 10px 0;
	margin: 0 0 0 16px;
}
	.signup_wrapper .grid_split_left,
	.signup_wrapper .grid_split_right{
		width: 448px; 
	}

.signup_wrapper h2{
	text-transform: uppercase;
	font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
}

.band_signup_form ul{
	padding: 0; margin: 0;
}
	.band_signup_form ul li{
		display: block; float: left;
		clear: both; width: 100%;
		margin: 0 0 15px 0;
		list-style-type: none;
	}
		.band_signup_form ul li label{display: block; padding: 0 0 2px 6px;}
		.band_signup_form ul li input,
		.band_signup_form ul li textarea,
		#contact_form input,
		#contact_form textarea{
			background: #fff;
			padding: 8px 6px 6px 6px;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border: 0;
			width: 436px;
		}
			.band_signup_form ul li.checkbox input{width: 20px; float: left;}
			.band_signup_form ul li.checkbox label{float: left; clear: none; margin-top: -1px;}
		.band_signup_form ul li label,
		.band_signup_form ul li input,
		.band_signup_form ul li textarea,
		.band_signup_form p,
		form#contact_form label,
		form#contact_form input,
		form#contact_form textarea{
			font-size: 10px;
			color: #7E7E7E;
			text-transform: uppercase;
		}
			.band_signup_form li p{margin: 4px 0 -4px 0;}

#main input.submit{
	position: relative; display: block;
	width: 127px; height: 43px;
	background: url('../img/battleofthebands/buttons/submit.png') top left no-repeat;
	text-indent: -999px; overflow: hidden;
	border: none;
	margin: 0 0 4px -2px;
}

.single_error{
	position: relative;
	display: block; 
	clear: both;
	width: 100%;
	color: #fff; text-shadow: 1px 1px #6f6f6f;
	background: url('../img/battleofthebands/red-dot.png') 3px 3px no-repeat #7e7e7e;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-transform: uppercase;
	text-indent: 20px;
	padding-right: 6px; margin-right: 10px;
	margin-left: -6px;
	margin-bottom: -2px;
	border: 1px solid #f2f2f2;
}

/* DROPDOWNS */

.selectbox{
	position: relative; float: left;
	margin: 0px 5px 10px 0px;
	padding-left: 12px;
	font-size:1em;
	width : 200px; height: 35px;
	display : block;
	text-align:left;
	cursor: pointer;
	background: url('../img/buttons/dropdown.gif') no-repeat scroll left top transparent;
	color: #7E7E7E; font-size: 10px;
	text-transform: uppercase;
	border: none;
}
	.selectbox:hover{background: url('../img/buttons/dropdown.gif') no-repeat scroll left bottom transparent;}
.band_search ul li div{
	position: relative;
	display: block; float: left;
	width: 217px;
	margin-left: 2px;
}
#main div.selectbox-wrapper {
	position: absolute;
	top: 41px; left: 3px;
	width:217px;
	background-color:white;
	border:1px solid #ccc;
	margin:0px;
	margin-top:-10px;
	padding:0px;
	text-align:left;
	max-height:200px;
	overflow:auto;
	z-index: 99;
}
	#main div.selectbox-wrapper li{width: 196px;}
	div.selectbox-wrapper ul {
	  list-style-type:none;
	  margin:0px;
	  padding:0px;
	}
		div.selectbox-wrapper ul li.selected {background-color: #EAF2FB;}
		div.selectbox-wrapper ul li.current {background-color: #CDD8E4;}
		div.selectbox-wrapper ul li {
		  list-style-type:none;
		  display:block;
		  margin:0; padding:2px;
		  cursor:pointer;
		}

/* TOUR DATES */

.tour_dates{
	display: block; float: left; 
	clear: both; width: 100%;
	padding: 0; margin: 10px 0;
}
	.tour_dates li{
		display: block; float: left;
		clear: both; width: 100%;
		list-style-type: none;
		font-size: 15px;
		border-top: 1px solid #EBEBEB;
		padding: 4px 0;
		font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
	}
	.tour_dates li.title{
		background: #C9C9C9;
		padding: 6px 8px 2px 8px;
		margin: 0;
		border-top: none;
		color: #fff;
		font-weight: bold;
		text-shadow: 1px 1px #B6B6B6;
		font-size: 14px; text-transform: uppercase;
		width: 625px;
	}
		.tour_dates li span.number{
			display: block; float: left;
			width: 130px;
			color: #5A5A5A;
			font-weight: bold;
		}
		.tour_dates li span.venu{
			display: block; float: left;
			width: 280px;
			color: #C5A75C;
		}
		.tour_dates li span.city{
			display: block; float: left;
			width: 229px;
			color: #989898;
		}

/* Contact Admin */

h1.indented{text-indent: 18px;}
form#contact_form{
	padding: 20px;
	margin: 20px 0 0 18px;
}
	form#contact_form input, form#contact_form textarea{
		display: block; clear: both;
		margin: 6px 0;
	}

/*-------------------------------------------------
	FOOTER
-------------------------------------------------*/

footer a, footer a:visited{
	font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
	font-size: 18px; font-weight: 100;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	color: #B99C55;
	text-transform: uppercase;
	margin: 0 13px 0 0;
	padding: 2px 4px;
}
	footer a:hover{color: #e4c069;}

footer nav{padding-top: 10px;}
footer nav ul{width: 999px;}

/*-------------------------------------------------
	new dropdowns
-------------------------------------------------*/

.selectBox-dropdown {
	width: 161px;
	padding-right: 40px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 1.5;
	text-decoration: none;
	color: #7E7E7E;
	text-shadow: 1px 1px #fff;
	text-transform: uppercase;
	font-size: 10px;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
	text-indent: 2px;
}
.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: 6px 3px 3px 4px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}
.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url('../img/battleofthebands/jquery.selectBox-arrow.gif') 50% center no-repeat;
	border-left: solid 1px #BBB;
}
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #BBB;
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}
.selectBox-inline {
	width: 250px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}
	.selectBox-inline:focus {border-color: #666;}
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}
.selectBox-options LI.selectBox-hover A {background-color: #EEE;}
.selectBox-options LI.selectBox-disabled A {color: #888; background-color: transparent;}
.selectBox-options LI.selectBox-selected A {background-color: #C8DEF4;}
.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}
.selectBox.selectBox-disabled {color: #888 !important;}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}
.selectBox-inline.selectBox-disabled {color: #888 !important;}
.selectBox-inline.selectBox-disabled .selectBox-options A {background-color: transparent !important;}

/* CONTACT */

p.message_confirm{padding: 17px 0 10px 20px}

div.message_errors{
	padding: 10px;
	color: #ce2727;
	background: #e1e1e1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #f3f3f3;
	box-shadow: 1px 1px #dbdbdb;
	-moz-box-shadow: 0px 0px 2px #cdcdcd;
}
	div.message_errors p{padding: 0;}
		div.message_errors p:before{content: "- ";}
	div.message_errors h2{padding: 0 0 3px 0; text-shadow: 1px 1px #f3f3f3;}

/*-------------------------------------------------
	here soon
-------------------------------------------------*/

a.mockup{
	position: relative; display: block;
	width: 623px; height: 850px;
	background: url(../img/battleofthebands/mockup.jpg) top left no-repeat;
	text-indent: -999px; overflow: hidden;
}
div.soon{
	display: none;
	position: absolute;
	top: 130px; left: 70px;
	width: 423px;
	text-align: center;
	padding: 25px;
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	div.soon a{
		display: block;
		font-size: 14px;
		padding-top: 11px;
	}
	div.soon h2{padding: 0 0 10px 0;}

/*-----------------------------------------------
	RANDOM BANDSD
-----------------------------------------------*/

.random_bands{
	background: #f1f1f1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: inset 0px 1px 3px #adadad;
	-moz-box-shadow: inset 0px 1px 3px #adadad;
	padding: 15px 0 5px 0;
	margin-top: 5px;
}
	.random_bands h3{
		float: left;
		color: #717171;
		text-transform: uppercase;
		font-family: 'ProximaNovaCondensed', Helvetica, sans-serif;
		font-size: 20px;
		padding: 0 0 0 15px;
		text-shadow: 1px 1px #fff;
	}
	.random_bands .random_tagline{
		color: #818181;
		text-shadow: 1px 1px #fff;
		padding: 0 0 0 5px;
	}
	.random_bands .bands{
		width: 960px;
		margin: 10px 0 0 13px;
	}
		.random_bands .bands li{margin: 0 10px 10px 0;}
		
span.tickets-soon{
	color: #666;
	font-weight: bold;
	font-size: 11px;
}

h1 span.no-new-bands{
	display: block; float: right;
	width: 450px;
	font-size: 18px;
}

/* WINNERS */
.winning_bands h1{
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 10px 0 0 0;
}
ul.winners_list{
	display: block; float: left;
	width: 620px;
	padding: 20px 0 10px 20px; margin: 10px 0 0 0;
	box-shadow: 0 2px 3px #C7C7C7 inset;
	-moz-box-shadow: 0 2px 3px #C7C7C7 inset;
	background: #E9E9E9;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #A6A6A6;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	border-radius: 6px;
	-moz-border-radius: 6px;
}
	ul.winners_list li{
		display: block; float: left;
		width: 200px; 
		color: #B89952;
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 10px 0;
		text-shadow: 1px 1px #fff;
		text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	}