@import url(fonts.css) all;
html{background: #484848;}
html, html * {margin:0; padding:0; }
body{font-size:100%; font-family: 'Verdana', sans-serif;}
h1, h2, h3, h4{font-weight:normal; font-family:'Market Deco';}
.step{display:none;}
a, a:hover, a:active, a img, img {text-decoration: none; border:0;}

div{-moz-border-radius:10px; -webkit-border-radius:10px;}

a.button{padding:10px 15px; background: #262626; color:#fff; font-family: 'Market Deco'; text-decoration: none; font-size:1.5em;
		-moz-border-radius:5px; -webkit-border-radius:10px;}
#alerts a.button, .button.border{border:1px dashed #666;}
a.button:hover{background: #595959;}

#wrapper{width:900px; margin:0 auto 0;}
#header{text-align:center;margin-top:12px; height:60px;}
#header img{margin:0 auto 0;}
#band_image{width:900px; height:596px; overflow:hidden; position:relative;margin:0 auto 0;background: url(../images/use.jpg) no-repeat #ddd; }
#name_input{opacity:0.7;padding:10px;font-size:2.4em; color:#333; position:relative;top:190px; left:40px;}
#step_1{width:816px;}
#text_stage{position:relative; width:100%; top:100px; display:none; text-align: center; font-size:2em; font-weight:bold; color:#fff;}

.step{color:#fff; position:absolute;width:100%; }
.step h2{font-size:1.8em; background: #262626; opacity:.9; padding-left:8px; z-index:-10; }
.step h2 span{color:#aaa; font-size:.7em;}

span.FBConnectButton_Simple{background-image:none;}
#finish a.retweet span{ background-color:transparent;}
.step a.button, #control_group{position:relative;right:0; float:right; z-index:10;}
.step a.button.small{position:relative;right:0; float:right;font-size: .8em; padding:6px; font-family:'Verdana', sans-serif;}
#step_1 a.button{position:relative; top:192px; right:120px;font-size:2.2em; border:4px solid #666;}
#step_1 a.button:hover{border-color:#222;}
.webkit #step_1 a.button{right:140px;}
#step_1 input{left:100px;}
.webkit #step_1 input{left:150px;}
#add_another{position:absolute; float:right; background:#262626; right:60px; top:60px; padding:6px; z-index:10; display:none;}
/* span.selected{border:1px dotted #eee;} */

#alerts{width:610px; height:300px; background: #262626; opacity:.8; position:absolute;left:150px; z-index:30; margin:50px auto 0; color:#fff; font-size:.9em; font-weight:100;
	padding:20px; text-align: center;display:none;}
#alerts h2{text-align: left;}
#alerts .header{font-weight:bold; font-size:1.2em;}
 .button{font-weight:bold; font-family:'Market Deco'; display:inline; background: #666; padding:4px;}

#finish{width:610px; height:250px; left:134px; top:50px; background: #262626; position:relative; z-index:30;  color:#fff; font-size:.9em; font-weight:100;
	padding:20px; text-align: center;display:none;}
#finish h2{text-align: left;}
#finish .header{font-weight:bold; font-size:1.2em;}
 .button{font-weight:bold; font-family:'Market Deco'; display:inline; background: #666; padding:4px;}

#colorSelector{	width:28px; height:28px; display:block;float:right;}
#colorSelector:hover{cursor:pointer;}
#colorSelector div{height:100%; width:100%;}

a.button.next:hover{color:#fff;}	
span#new_name{text-shadow:3px 3px 3px #000; position:absolute; }
span#new_name:hover{cursor:move;}
#step_3 #final{top:70px;}
#final{position:absolute; background: #262626; width:600px; height:400px; opacity:.9; top:50px; font-family:Georgia; padding:15px;left:137px; z-index:20;}
#final a{color:#fff;}
#final table td{padding:4px;}
#final .final_input{font-size: 1.3em; padding:4px;}
h3.final_heading{padding:10px; padding-left:0;}
.final_ins{font-size: 1.2em; font-weight:normal; padding:10px; padding-left:0;}

span.small{font-size:.5em;}
span.emph{font-weight:bold;}
#validEmail{width:20px; height:20px; float:right;}

#songs{height:50px;width:1000px;margin-left:-20px;}
#songs ul{list-style: none; margin:0 auto 0;height:50px; font-family: 'Gloucester';font-size:1.3em;width:80%; margin-top:20px; font-weight:bold;}
#songs ul li{float:left;}

#controls{margin-top:3px; padding:0 4px 0;}
#controls a.button{opacity:0.7;}
#controls a.button:hover{opacity:1;}


.hr{height:1px; width:100%; border-bottom:1px solid #868686; margin:10px 0 10px;}
.webkit input#name_input{width:467px; margin-top:2px;}
#social{width:100%; height:250px;background: #666;padding:10px 20px 20px 20px;margin:20px 0;}


#track_listing{font-family:'Georgia', serif; color:#fff; font-weight:100;padding:10px 20px 20px 20px;background: #333; width:310px;margin:10px 0; font-size: 1.2em; margin-bottom:0px;}
#track_listing ul{list-style: none;}

.round{-moz-border-radius:10px; -webkit-border-radius:10px;}

/* CSS Document */
/*
body {
	font:12px arial;
	color: #222;
	text-align:center;
	padding:35px;
	}
 
form, p, span {
	margin:0;
	padding:0; }
 
input { font:12px arial; }
 
a {
color:#000; 
	font-weight:bold;
}

a:hover { text-decoration:underline; }
*/ 
#chat{width:330px; float:left; background:#222;margin:10px 0 0 0; padding:10px; color:#ccc;}

#chat #wrapper{width:320px;}
#loginform {
float:left;
	margin:0 auto;
	padding-bottom:25px;
	background:#ccc;
	width:300px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;}
 #chat a{color:#ccc; margin-bottom:20px;}
#loginform { padding-top:18px; color:#222;text-align:center;font-size:.9em; width:100%;}
 
	#loginform p { margin: 5px; }
 
#chatbox {
	text-align:left;
	margin:0 auto;
	margin-bottom:25px;
	padding:10px;
	background:#fff;
	height:320px;
	width:300px;
	border:1px solid #aaa;
	background:#aaa;
	overflow:auto; 
	color:#444;
	font-size:.9em;}

.trouble a{color:#888;} 
.trouble a:hover{color:#fff;}
#usermsg {
	width:240px;
	font-size:1.1em;
	border:1px solid #666; background:#bbb;}
 
#submit { width: 60px; }
 
.error { color: #ff0000; }
 
#menu { padding:10px; }
 
.welcome { float:left; }
 
.logout { float:right; }
 
.msgln { margin:0 0 2px 0; }
 
 
#gallery img{width:49%;}
#gallery a{opacity:.6;}
#gallery a:hover{opacity:1;}

.pp_pic_holder div{-moz-border-radius:0px; -webkit-border-radius:0px;}

.video{padding:5px; margin-bottom:50px; }
.video span{font-family: Georgia, serif; line-height: 90px; font-size:1.35em;color:#fff;}
.ie .video span{line-height:40px;}
.ie .video  img{float:none;}
.ie .video span{display:block;float:left;margin-top:25px;}
.video img{float:right;}
#right_column{float:right; width:540px;}
#left_column{float:left; width:310px;}
#vote{height:526px; width:883px; margin:0 auto 0;}
.vote_image{display:none; width:900px; height:596px; overflow:visible; position:relative;margin:0 auto 20px;background:#ddd;
		-moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0;


}

#vote_instructions{position:relative; background:#333; opacity:.9;left:58px; top:10px;padding:30px; width:80%; font-family:Georgia, serif; font-size:1.2em;}
.tag{margin-left:20px;margin-top:20px; background: url(../images/tag_over.png) no-repeat;display:block; width:100%;height:40px;}
.tag:hover{background: url(../images/tag.png) no-repeat;}
.vote_header{width:864px; height:30px; color:#fff; background: #222; opacity:.8; padding:10px; position:absolute; -moz-border-radius-bottomleft: 0;-moz-border-radius-bottomright:0; font-size:1.4em; -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}
.vote_header a{color:#fff;}
.vote_header a:hover{color:#f7ff2a;}
.finish_save{margin-left:160px;}
.like_dont{float:right; padding-right:30px;}
.ie .like_dont{margin-top:-24px;}
#dates{margin-top:10px;}
a.link_go{color:#ccc;}
a.link_go:hover{color:#fff;}