/* 
Project: Tormore
Filename: master.css
Date: Oct 13
Revised: n/a
*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;  
	font-size: 62.5%;	
	color: #4e4c4c;
	text-align: center;
	font-family: 'Merriweather', serif;
	font-weight: 300;
	overflow: hidden;
	min-width: 1000px;	
    }


body a img {
	border: none;
}




/*------ general styles ------*/



.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}


/* div clear floats */	
	
.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}
	

	
/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


a:focus,
a:hover,
a:active{
	outline:none;
}



/*------ wrap ------*/


#wrap {
	float: left;
	width: 100%;
	background: url("../images/age-gate-background.jpg") no-repeat 50% 0;
	}
	
.inner{	
	margin: 0 auto 0px auto;
	padding: 0 30px 0 30px;
	width: 920px;
	text-align: left;
	position: relative;
	background: url("../images/age-gate-background.jpg") no-repeat 50% 0;	
}





#head{
	float: left;
	width: 500px;
	padding: 170px 0 0 420px;
	position: relative;
	z-index: 100;	
	}

#head .logo{
	font-family: 'Vidaloka', serif;
	font-size: 36px;
	color: #9e1634;
	}
	
	
#head .logo span{	
	color: #474c4d;	
	}
	
	
#head p{
	font-size: 17px;
	padding-left: 5px;
	}
	
	
#ageForm{
	float: left;
	width: 635px;
	height: 200px;
	margin: 60px 0 0 285px;
	position: relative;
	z-index: 100;		
	}
	
	
#ageForm .where{
	float: left;
	width: 290px;
	height: 150px;
	margin: 0 45px 0 0;
	}	
	
	
#ageForm .where select{
	width: 282px;	
	}
	
#ageForm p{	
	float: left;
	width: 290px;
	text-align: center;
	font-size: 17px;
	color: #efedea;	
	padding: 0 0 10px 0;	
	}
	


#ageForm dl{
	float: left;
	width: 285px;
	height: 150px;	
	}
	

#ageForm dl dt{	
	float: left;
	width: 285px;
	font-size: 17px;
	color: #efedea;
	text-align: center;
	padding: 0 0 10px 0;		
	}


#ageForm dd{
	float: left;
	width: 80px;
	margin: 0 5px;		
	}
	
	
#ageForm dd input{
	float: left;
	width: 72px;
	height: 43px;
	line-height: 44px;
	text-align: center;
	border: 4px solid #D9D9D9;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}
	
	
.clearFieldBlurred { color: #666; }
.clearFieldActive { color: #4e4c4c; }	
	
	
#ageForm input.submit{
	float: left;
	width: 288px;
	height: 50px;
	line-height: 51px;
	margin: 0 0 0 0;
	background: #A01231;
	border: 1px solid #474C4D;
	color: #d9d9d9;
	font-size: 24px;
	font-family: 'Merriweather', serif;
	font-weight: 300;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 150px;
	left: 175px;
	cursor: pointer;
		-webkit-appearance: none;		
	}	


span.customSelect {
	height: 43px;
	line-height: 44px;
	width: 270px;	
	padding-left: 12px;
	text-align: left;
	border: 4px solid #D9D9D9;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	background: #FFF;
}


.customSelectInner {
	background:url("../images/customSelect-arrow.gif") no-repeat center right;
}


p#message{
	float: left;
	width: 600px;
	color: #FFF;
	font-size: 13px;
	position: absolute;
	top: 92px;
	left: 0;
	}

#legal{
	float: left;
	width: 670px;
	padding: 120px 125px 15px 125px;
	text-align: center;
	position: relative;
	z-index: 100;		
	}


#legal h3{
	font-size: 21px;
	color: #9e1634;
	padding: 0 0 35px 0;
	font-weight: 300;
	}
		
	
#legal p{
	font-size: 14px;
	padding: 0 0 25px 0;
	}
	
	
#legal a{
	color: #9e1634;
	text-decoration: none;
	}
	
	
#legal a:hover{
	text-decoration: underline;
	}