/*********************************************
	STYLES FOR BROWSER
	1. Developer, this is the individual 
	   css file for a web browser
	2. Please keep your code CLEAN. 
	3. Bring over ANY custom tags. 
	4. Make SURE to test the "Big 5" Browsers:
		-- IE7, IE8 - A MUST! 
		-- Firefox
		-- Chrome
		-- Safari
		-- Opera
*********************************************/
html, body{
	margin:0;
	padding:0;
}

body { /* Use both the px/em variable */
	font: 11px/1.3em Verdana, Geneva, sans-serif; 
	background:url(/images/bg.jpg);
}

.night-bg{
	background:#0a0b1d url(/images/nightlife-bg.jpg) center top no-repeat;
	
}

.category-content{
	line-height:14px;
	display:block;
	margin-bottom:19px;
}
a { /* default link styles*/
	color:#352f5f;
	text-decoration: none;
}
	
	a:hover{
		color:#000000;
		text-decoration: underline;
	}



.wrapper{ /* This is where you would change by default. A SAFE width is 320px */
	width: 1200px;
	margin:0 auto;
	background:url(/images/bg-sandboards2.png) repeat-y;
	position:relative;
}

.night-wrapper{ /* This is where you would change by default. A SAFE width is 320px */
	width: 1200px;
	margin:0 auto;
	position:relative;
}





/*********************************************
	STANDARD TAGS:
	These are our standard tags. YOU MUST
	USE THESE TO HAVE THE SITE WORK PROPERLY
	WITH MOBILE AND DEFAULT CSS
	1) .header
	2) .main-nav -- located in nav.css
	3) h1, h2, h3, h4, h5
	4) .breadcrumbs
	5) .content
		-- .col-1
		-- .col-2 
		-- .col-3
		-- Make more if needed.
	6) .footer
*********************************************/

.header { 
	height: 553px;
	z-index: 1000;
	position: relative;
}

.night-flash{
	position:absolute;
	top:0px;
	right:-50px;
}

.night-logo{
	width:343px
	height:187px;
	position:absolute;
	top:25px;
	left:65px;
}

.sub-header { 
	height: 449px;
	width:1007px;
	margin:0 auto;
	z-index: 1000;
	position: relative;
}

h1 { /* This will use the same admin controlled headers */
	background-repeat: no-repeat;
	font-size:22px;
	text-align:center;
	padding:20px 0 10px 0;
	color:#352f5f;
	font-family:"Comic Sans MS", Helvetica, Arial, sans-serif;
}

h2, h3, h4, h5 { /* Format as you need, use em's */
}

.breadcrumbs { /* Format as you need with your a tags, etc. */
	color: #000;
	margin: -15px 0 0 0;
	float:left;
	font-size:10px;
}

.night-breadcrumbs { /* Format as you need with your a tags, etc. */
	color: #000;
	padding:50px 0 0 0;
	
	float:left;
	font-size:10px;
}


.content { /* Format as you need. Use em's where you can to keep consistent */
	position: relative;
	line-height:26px;
	z-index: 100;
	padding:30px 0 0 100px;
	font-family:"Comic Sans MS", Helvetica, Arial, sans-serif;
	font-size:20px;
}

	.content-top{
		background:url(/images/bg-content-top.png) no-repeat;	
		height:51px;
		width:677px;
	}
	
	.content-bottom{
		background:url(/images/bg-content-bottom.png) no-repeat;
		height:40px;
		width:674px;
	}
	
	.content-main{
		background:url(/images/bg-content.png) repeat-y;
		padding:0 30px;
	}
	

	.col-1 { 
		width: 677px;
		float: left;
	}
	
	.col-2 { 
		width: 300px;
		float: left;
		padding:20px 0 0 0;
	}
	
	.col-3 { 
		width: 100px;
		float: left;
	}
	
	
	
	.night-col-1 { 
		width: 210px;
		float: left;
		padding: 40px 0 0 0;
	}
	
	.night-col-2 { 
		width: 640px;
		float: left;
		padding:0 5px 0 5px;
		

	}
	
	.night-content{
		min-height:450px;
  		height:auto !important;
  		height:450px;
	}
	
	.party-content{
		min-height:450px;
  		height:auto !important;
  		height:450px;
		margin-left:100px;
	}
	
	.night-col-3 { 
		width: 210px;
		float: left;
		padding: 40px 0 0 0;
	}
	
	.day-box{
		width:210px;
		height:201px;
		margin: 5px 0;
		position:relative;
	}
	
	.monday{background:url(/images/specials-bg-monday.png) no-repeat;}
	.tuesday{background:url(/images/specials-bg-tuesday.png) no-repeat;}
	.wednesday{background:url(/images/specials-bg-wednesday.png) no-repeat; float:left; margin: 0 5px 0 0;}
	.thursday{background:url(/images/specials-bg-thursday.png) no-repeat; float:left; margin: 0 5px 0 0;}
	.friday{background:url(/images/specials-bg-friday.png) no-repeat; float:left; margin: 0 0 0 0;}
	.saturday{background:url(/images/specials-bg-saturday.png) no-repeat;}
	.sunday{background:url(/images/specials-bg-sunday.png) no-repeat;}
	

.nightlife-special {
    	font-weight: bold;
    	color: #ffffff;
    	padding-top: 50px;
   	text-align: center;
	position:relative;	
}

.nightlife-special-title {
    font-size:16px;
	line-height:16px;
}

.nightlife-special-content {
    color:#ffffff;
	line-height:18px;
	font-size:14px;
	text-align:center;
	height:115px;
}

.nightlife-special a {
    color: #ff0eb2;
    text-decoration: none;
    font-size:11px;
}

.nightlife-special a:hover {
    color: #ff0eb2;
    text-decoration: underline;
    font-size:11px;
}

.nightlife-view-more{
	position:absolute;
	bottom:0;
	right:50px;
	color: #ff0eb2;
    	text-decoration: none;
    	font-size:14px;
}

.nightlife-view-more:hover{
	color:#ff0eb2;
	text-decoration:underline;
}

.night-life-event-title-a{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	height:50px; 
	width:210px; 
	z-index:1000;
}
	
.nightlife-footer { /* Format as you need. */
	width: 1282px;
	height:250px;
	background:url(/images/night-footer.png) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	position:relative;
}


	.nightlife-footer a {
		color: #000;
		text-decoration: none;
	}
	
	.nightlife-footer a:hover {
		color:#000000;
		text-decoration: underline;
	}
	
.nightlife-footer input{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}	
	
	
	
	.footer { /* Format as you need. */
	width: 1164px;
	height:250px;
	background:url(/images/bg-footer.png) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	position:relative;
}


	.footer a {
		color: #000;
		text-decoration: none;
	}
	
	.footer a:hover {
		color:#000000;
		text-decoration: underline;
	}
	
	
.footer-links{
	text-transform:uppercase;
	color:#352f5f;
	padding:0 0 20px 0;
}

.footer-links a{
	color:#352f5f;
	font-weight:bold;

}

.footer-links a:hover{
	color:#000000;
	font-weight:bold;

}

.footer input{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.social{
	width:220px;
	float:right;
	position:absolute;
	top:65px;
	right:100px;
}

.night-social{
	width:220px;
	float:right;
	position:absolute;
	top:45px;
	right:180px;
}
	
/*******************************************
	SITE SPECIFIC FORMATTING
	1. This is where you will test and put 
	   your site specific tags. 
********************************************/


.specials{
	background:url(/images/bg-events.png) no-repeat;
	width:369px;
	height:295px;
        color:#fff;
        font-size:9pt;
        font-weight:bold;
	   position:relative;
}

#goodlife_up{
	position:absolute;
	right:50px;
	top:65px;
}

#goodlife_down{
	position:absolute;
	right:50px;
	bottom:55px;
}

#goodlife_cont{
	position:relative;
}

.goodlife {
    top: 90px;
    left: 55px;
    position: relative;
    width: 270px;
    height: 135px;
    overflow:hidden;
    /*overflow-y:auto;*/
}

.goodlife-events{
	margin-bottom:5px;
}

.goodlife-date {
    float:left;
    width:60px;
    	line-height:16px;
}

.goodlife-event {
    	float:left;
    	width:125px;
	line-height:16px;
}

.goodlife-time {
    float:left;
    width:85px;
    	line-height:16px;
}


.email{
	float:left;
	width:307px;
	height:115px;
	background:url(/images/bg-emails.png) no-repeat;
	margin:20px 0 0 0;
}


.address{
	float:right;
	width:333px;
	height:115px;
	background:url(/images/bg-contact.png) no-repeat;
	margin:20px 0 0 0;
}

.cobblestone{
	float:right;
	width:232px;
	height:145px;
	padding:0 15px;
}

.shell1{
	position:absolute;
	background:url(/images/graphic-shell1.png) no-repeat;
	width:150px;
	height:85px;
	z-index:2000;
	bottom:0px;
	left:-50px;
}

.shell2{
	position:absolute;
	background:url(/images/graphic-shell2.png) no-repeat;
	width:150px;
	height:109px;
	z-index:2000;
	bottom:150px;
	right:30px;
}

.shell3{
	position:absolute;
	background:url(/images/graphic-shell3.png) no-repeat;
	width:200px;
	height:166px;
	z-index:2000;
	top:-20px;
	left:-80px;
}


.top-links{
	position:absolute;
	right:170px;
	top:7px;
	width:250px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#f2e2bf;
	font-size:14px;
}

.sub-top-links{
	position:absolute;
	right:-40px;
	top:7px;
	width:250px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	font-size:14px;
}

.sub-top-links a{
	color:#000000;
}

.sub-top-links a:hover{
	color:#ffffff;
}

.top-links a{
	color:#f2e2bf;
}

.top-links a:hover{
	color:#000000;
}

.happy-hour{
	background:url(/images/bg-happyhourmenu2.png) no-repeat;
	width:616px;
	height:203px;
	font-size:12px;
	line-height:19px;
	padding:38px 30px 5px 30px;
	font-weight:bold;
	margin:15px 0 0 0;
}

.logo{
	width:245px;
	height:221px;
	position:absolute;
	top:20px;
	left:30px;
}


.theme-button{
	position:absolute;
	bottom:25px;;
	left:45px;
}