/*
Author: Sean Gaffney
Author URI: http://seangaffney.cc
*/

/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* YUI Fonts */
body{font:13px/1.231 verdana,helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Begin Layout */
html {
	background: #fff url('../themes/site_themes/prerelease/bg.gif') no-repeat center center;
	height: 100%;
/*	width: 100%;
	display: table;*/
	overflow-y: scroll;
}

body {
/*	background: transparent url('../themes/site_themes/prerelease/bg_bot.gif') no-repeat bottom center;*/
	height: 100%;
/*	width: 100%;
	display: table;*/
}

a, input {
	text-decoration: none;
	outline: 0;
}

div.success p, div.cancelled p {
	font-size: 1.5em;
	padding: 0.5em 0;
	color: #bccbcf;
}

p a {
	color: #f5b781;
}

p a:hover {
	text-decoration: underline;
}

#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#container {
	display: table;
	background-color: transparent;
	margin-left: -400px;
	position: absolute;
	top: -250px;
	left: 50%;
	width: 800px;
	height: 500px;
	visibility: visible;
	text-align: center;
	vertical-align: center;
}

#justmusic {
	margin: -100px 0 0 0;
}

#player {
	position: relative;
	top: -80px;
}

form div {
	display: block;
}

form table {
	clear: both;
	display: block;
}

form.frm_shirt, form.frm_format {
	display: inline;
}

#shirtSH1 {
	background: url('../images/store/shirt1.jpg') top left;
}

#shirtSH2 {
	background: url('../images/store/shirt2.jpg') top left;
}

#shirtSH3 {
	background: url('../images/store/shirt3.jpg') top left;
}

#shirtSH1:hover, #shirtSH2:hover, #shirtSH3:hover {
	background-position: bottom left;
}

#size1_submit {
	background: url('../themes/site_themes/prerelease/txt_small.jpg') top left;
}

#size2_submit {
	background: url('../themes/site_themes/prerelease/txt_medium.jpg') top left;
}

#size3_submit {
	background: url('../themes/site_themes/prerelease/txt_large.jpg') top left;
}

#size4_submit {
	background: url('../themes/site_themes/prerelease/txt_xlarge.jpg') top left;
}

#size1_submit:hover, #size2_submit:hover, #size3_submit:hover, #size4_submit:hover {
	background-position: bottom left;
} 

form#signup {
	position: relative;
	margin: 100px auto 0 auto;
	padding: 50px 0 100px 60px;
	background: url('../themes/site_themes/prerelease/bg_form.jpg') no-repeat scroll top left;
	width: 594px;
	height: 262px;
	text-align: left;
}

form#signup p {
	padding: 0 0 25px 0;
	width: 505px;
	color: #fff;
	text-align: justify;
}

form#signup p.error {
	padding: 40px 0 0 0;
	color: #f5b781;
}

form#signup label {
	clear: both;
	float: left;
	display: block;
	width: 60px;
	color: #fff;
	line-height: 20px;
}

form#signup label.error {
	float: left;
	clear: none;
	margin: 0 0 0 5px;
	color: #f5b781;
}

form#signup input[type="text"] {
	float: left;
	margin: 0 0 5px 0;
	width: 440px;
}

form#signup input.error {
/*	background-color: #f00;*/
}

form#signup div {
	clear: both;
	vertical-align: middle;
}

form#signup table.checkboxes td {
	vertical-align: middle;
}

form#signup table.checkboxes input {
	margin: 0 0 0 60px;
	float: left;
}

form#signup table.checkboxes label {
	margin: 0 0 0 8px;
	float: left;
	clear: none;
	width: auto;
}

form#signup #btn_submit {
	position: absolute;
	bottom: 115px;
	right: 5px;
}

.hide {
	display: none;
}