/*-------------------------------------------------------------------------------------------
	CSS for FAGERS NIGHT LIFE
	MJP // 05-09 // D3Corp
---------------------------------------------------------------------------------------------*/	



/*********************************************
	/ Here goes the main page
	/ properties. Make sure to read the 
	/ notes. 
*********************************************/	
body {
	background: url(/images/bg.jpg) left top repeat-x #970102;
	margin: 0;
}

img, div, a, input { 
	behavior: url(/css/iepngfix.htc) 
	}


/*********************************************
	/ nav
*********************************************/



.main-nav{
	display:block;
	width:841px;
	height:49px;
	margin:0;
	float:right;
	padding-right:3px;
}


.main-nav, .main-nav ul, .main-nav ul li, .main-nav a{
	z-index:1000;
}

.main-nav ul{
	list-style-type:none; 
	margin:0;
	padding:0;	
	
}

.main-nav li{ 
    display:block;
    height:49px;
	float:left;
	text-align:center;
    background:url(/images/main-nav2.jpg);
}




.main-nav a{
	text-decoration:none;	
}

.main-nav a.main{ 
	text-indent:-9999px;
	position:relative;
	display:block;
	width:100%;
	height:49px;
}



.main-nav ul li.home{background-position: left top; width:110px;}
.main-nav ul li.home:hover {background-position: left bottom;}

.main-nav ul li.livebands{background-position: -110px top; width:100px;}
.main-nav ul li.livebands:hover {background-position: -110px bottom;}

.main-nav ul li.calendar{background-position: -210px top; width:95px;}
.main-nav ul li.calendar:hover {background-position: -210px bottom;}

.main-nav ul li.promotions{background-position: -305px top; width:105px;}
.main-nav ul li.promotions:hover {background-position: -305px bottom;}   

.main-nav ul li.bachelorettes{background-position: -410px top; width:130px;}
.main-nav ul li.bachelorettes:hover{background-position: -410px bottom;}

.main-nav ul li.perks{background-position: -540px top; width:60px;}
.main-nav ul li.perks:hover{background-position: -540px bottom;}

.main-nav ul li.thegoods{background-position: -600px top; width:100px;}
.main-nav ul li.thegoods:hover{background-position: -600px bottom;}

.main-nav ul li.cams{background-position: -700px top; width:60px;}
.main-nav ul li.cams:hover{background-position: -700px bottom;}

.main-nav ul li.join{background-position: -760px top; width:80px;}
.main-nav ul li.join:hover{background-position: -760px bottom;}

.main-nav ul li ul.subplay {
	display:none;
}

/*********************************************
	/ Here is the header and the nav
*********************************************/

.logo_holder{
	width:282px;
	height:147px;
	position:absolute;
}

.top_address{
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	padding: 5px 20px;
}



div.top-header {
	width: 846px;
	height: 276px;
	margin: 0 auto;
	padding: 0 24px 0 26px;
	background: url(/images/content-bg.png) left top repeat-y;
	clear: both;
}


/*********************************************
	/ Here is the content box 
*********************************************/

div.content-block {
	width: 846px;
	margin: 0 auto;
	padding: 0 24px 0 26px;
	background: url(/images/content-bg.png) left top repeat-y;
	clear: both;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; 
	color: #fff;
	line-height: 14px;
}

	.content-block a { 
		color: #fff;
		text-decoration: underline;
	}
	
	.content-block a:visited { 
		color: #fff;
		text-decoration: underline;
	}
	
	.content-block a:hover { 
		color: #ebff62;
		text-decoration: none;
	}



/*********************************************
	/ The Marquee
*********************************************/

div.marquee {
	/*width: 840px;
	height: 30px;*/
	color: #FF6;
	line-height: 28px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
}

	.marquee a {
		color: #ff6;
		text-decoration: underline;
	}
	
	.marquee a:visited {
		color: #ff6;
		text-decoration: underline;
	}
	
	.marquee a:hover {
		color: #C00;
		text-decoration: none;
	}
	


/*********************************************
	/ Bands Layout 
*********************************************/

/* bands rows */
div.row1 {
	width: 97%;
	padding: 10px;
	background: url(/images/row-bg.gif) left top repeat-y #343434;
	border-bottom: 1px solid #545454;
	margin: 0 auto;
	clear: both;
}

div.row2 {
	width: 97%;
	padding: 10px;
	background: url(/images/row-bg.gif) left top repeat-y #262525;
	border-bottom: 1px solid #545454;
	margin: 0 auto;
	clear: both;
}

	/* spans inside of the rows */
	.band-pic {
		float: left;
		width: 60px;
		padding: 0 10px 0 10px;
	}
	
	.band-name {
		float: left;
		width: 150px;
		padding: 0 10px 0 10px;
	}
	
	.band-desc {
		float: left;
		width: 380px;
		padding: 0 10px 0 10px;
	}
	
	.band-button {
		float: right;
		width: 145px;
		padding: 0 10px 0 10px;
	}



/* Band Detail page */

div.detail-left {
	width: 590px;
	float: left;
	margin: 0 0 0 10px;
}
	

div.detail-right {
	width: 200px;
	float: right;
	padding: 0 30px 0 10px;
	
}

div.row3 {
	width: 560px;
	padding: 10px;
	background: #343434;
	border-bottom: 1px solid #545454;
	margin: 0 auto;
	clear: both;
}

div.row4 {
	width: 560px;
	padding: 10px;
	background: #262525;
	border-bottom: 1px solid #545454;
	margin: 0 auto;
	clear: both;
}

.picture {
	border: 1px solid #545454;
	padding: 2px;
}

/*********************************************
	/ Here is the Footer area 
*********************************************/

div.footer {
	width: 826px;
	margin: 0 auto;
	padding: 10px 34px 10px 36px;
	background: url(/images/content-bg.png) left top repeat-y;
	clear: both;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; 
	color: #fff;
	font-weight: normal;
	text-align: center;
} 

	/* Links for footer */
	.footer a { 
		text-decoration: none;
		color: #fff;
	} 
	
	
	.footer a:visited {
		text-decoration: none;
		color: #fff;
	}
	
	.footer a:hover {
		text-decoration: underline;
		color: #ebff62;
	}
	

div.footer-bottom {
	width: 896px;
	height: 43px;
	margin: 0 auto;
	clear: both;
}


div.footer-top {
	width: 896px;
	height: 43px;
	margin: 0 auto;
	clear: both;
}



/*********************************************
	/ HOMEPAGE LAYOUT. 
*********************************************/

div.home-left {
	width: 446px;
	float: left;
	margin: 0 0 0 7px;
}


div.home-right {
	width: 384px;
	float: left;
}



/* the left side of things */
div.events-top {
	width: 396px; 
	height: 225px;
	background: url(/images/home/events-top.jpg) left top no-repeat;
	padding: 50px 20px 0 20px;
	clear: both;
}

	/* Here is the band layout and events layout */
	div.ent-left {
		width: 220px;
		float: left;
	}
	
	div.ent-right {
		width: 160px;
		float: left;
		text-align: center;
	}

div.events-bottom {
	width: 436px;
	height: 18px;
	display: block;
	background:url(/images/home/events-bottom.jpg) left top no-repeat;
	clear: both;
}



div.social-top {
	width: 396px; 
	height: 145px;
	background: url(/images/home/get-social-top.jpg) left top no-repeat;
	padding: 45px 20px 0 20px;
	clear: both;
	float: left;
}

div.social-bottom {
	width: 436px;
	height: 14px;
	display: block;
	background:url(/images/home/get-social-bottom.jpg) left top no-repeat;
	clear: both;
	float: left;
}


/* The right side */

div.calendar-flash {
	width: 384px; 
	height: 291px;
	position: absolute;
	z-index: 1000;
	margin: 0;
}

div.calendar-top {
	width: 344px; 
	height: 225px;
	position: absolute;
	z-index: 2000;
	padding: 50px 20px 0 20px;
	margin: 0;
}


	/* Here is the band layout and events layout */
	div.cal-left {
		width: 220px;
		float: left;
		margin: 0 10px 0 0;
	}
	
	div.cal-right {
		width: 105px;
		float: left;
		text-align: center;
	}

div.calendar-bottom {
	width: 384px;
	height: 16px;
	position: absolute;
	margin: 275px 0 0 0;
	display: block;
	background:url(/images/home/calendar-bottom.jpg) left top no-repeat;
	clear: both;
}


div.gear-top {
	width: 192px;
	height: 145px;
	position: absolute;
	margin: 294px 0 0 0;
	background: url(/images/home/gear-top.jpg) left top no-repeat;
	padding: 45px 20px 0 20px;
	float: left;
}

div.gear-bottom {
	width: 232px;
	height: 14px;
	position: absolute;
	margin: 484px 0 0 0;
	display: block;
	background:url(/images/home/gear-bottom.jpg) left top no-repeat;
	float: left;
}


div.enews-top {
	width: 105px;
	height: 145px;
	position: absolute;
	margin: 294px 0 0 0;
	background: url(/images/home/enews-top.jpg) left top no-repeat;
	padding: 45px 20px 0 20px;
	float: right;
}

div.enews-bottom {
	width: 145px;
	height: 14px;
	position: absolute;
	margin: 484px 0 0 0;
	display: block;
	background:url(/images/home/enews-bottom.jpg) left top no-repeat;
	float: right;
}
	
	
/*********************************************
	/ Subpage
*********************************************/		

div.sub-page {
	width: 826px;
	margin: 0 0 0 10px;
}
	

/*********************************************
	/ Titles and stuff
*********************************************/	

h1 {
	margin: 0;
	padding: 0 0 10px 0;
	clear: both;
}



/*********************************************
	/ I <3 Spacers
*********************************************/	

div.spacer {
	clear: both;
}

div.spacer-padding {
	clear: both;
	padding-bottom: 10px;
}

div.spacer-padding-large {
	clear: both;
	padding-bottom: 20px;
}

div.spacer-black {
	clear: both;
	height: 10px;
	width: 848px;
	background: #000;
	margin: 0 auto;
}



/*********************************************
	/ Promotions temp styles
*********************************************/
.promoHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	text-align: justify;
}
.promoHeader_pop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: justify;
}

a.promo, a.promo:visited { 
	color: #000000;
	text-decoration: underline;
}

a.promo:hover { 
	color: #454545;
	text-decoration: none;
}

a.promo_pop, a.promo_pop:visited { 
	color: #ffffff;
	text-decoration: underline;
}

a.promo_pop:hover { 
	color: #CC0000;
	text-decoration: none;
}