﻿* {padding:0;margin:0;}
html, body{padding:0;margin:0;height:100%;width:100%;-moz-outline:none; overflow:auto;}
body {background-color:#0b0116;color:#ffffff;font:62.5% 'arial black',arial,helvetica,sans-serif;margin:auto auto;}
div#shim {visibility:hidden;width:100%;height:50%;float:left;
    margin-top: -275px; /*half of the height of the main content*/
}
#main {position: relative;width:960px;margin:0 auto;clear:both;text-align:left;height:550px;}
a,a:link,a:active,a:visited{color:#999999;text-decoration:none;-moz-outline:none;}
a:hover{color:#ffffff;}
#logo {position:absolute;left:0px;top:9px;width:427px;height:100px;}

#details {position:absolute;left:240px;top:0px;width:720px;height:163px;text-align:right;
	line-height:1.5em;
	font-size:1.2em;
	font-weight:100;
	color:#999999;
}
/*a.facebook{background-color:#3B5998;color:#ffffff;padding:0px 3px 0px 3px;margin-right:3px;}*/

.panel{position:absolute;top:164px;width:160px;height:359px;z-index:1;}
.mon {left:0px;}
.tue {left:160px;}
.wed {left:320px;}
.thu {left:480px;}
.fri {left:640px;}
.sat {left:800px;}
.line{position:absolute;left:0px;width:960px;height:1px;background:#FFFFFF url(../images/line.jpg) top left no-repeat;}
#line-top {top:163px;}
#line-bottom {top:523px;}
.opaque{
	cursor:pointer;
    position:absolute;
    top:164px;
    width:160px;
    height:359px;
    background-color:#0b0116;
    opacity:.75;
	z-index:2;
}
.footer{
	position:absolute;
	top:524px;
	left:0px;
	width:960px;
	height:26px;
	background-color:#0b0116;
	font-size:1.2em;
	line-height:30px;
}
#footer_default,#footer_map{color:#999999;}
#footer_mon{color:#FF0000;}
#footer_tue{color:#FF8803;}
#footer_wed{color:#FFF901;}
#footer_thu{color:#4FC700;}
#footer_fri{color:#00A8CE;}
#footer_sat{color:#6C0EDB;}

.right{float:right;}
.white{color:#ffffff;}

/*
#menu{position:absolute;left:0px;top:144px;width:960px;height:20px;text-align:right;font-size:1.2em;font-weight:100;line-height:16px;height:20px;}
a.off{;color:#ffffff;}
a.on,a.menu:hover{background-color:#ffffff;color:#000000;}
a.menu{background:display:block;float:right;padding:0px 6px 0px 6px;text-decoration:none;height:20px;}
#map_link{width:75px;text-align:center;}
#pics_link{width:130px;margin-right:80px;text-align:center;}
#book_link{width:205px;margin-right:434px;text-align:center;}
*/

#menu{
	position:absolute;
	left:0px;
	top:108px;
	width:960px;
	font-size:1.2em;
	font-weight:100;
	line-height:31px;
	height:31px;
	text-align:center;
}
a.menu{
	display:block;
	float:left;
	width:160px;
	height:31px;
	background:transparent url(/images/menu-out.png) no-repeat 0 0;
	padding:0;
	text-decoration:none;
	color: #777;
}
a.on,a.menu:hover{
	background:transparent url(/images/menu-ovr.png) no-repeat 0 0;
	color:#391157;
}
a.none{
	background:transparent;
	height:15px;
	border-bottom:1px solid #666;
	margin-bottom:15px;
}
a.facebook,a.facebook:hover{
	width:130px;
	padding:0 0 0 30px;
	margin:0;
	background:transparent url(/images/facebook.png) no-repeat 0 0;
}

#gmap{position:absolute;top:164px;width:960px;height:359px;z-index:10;}
#cooliris{display:none;position:absolute;top:164px;width:960px;height:359px;z-index:10;}

#infowindow{width:100px;height:100px;color:#000000;font-size:13px;text-align:center;}

.day{
    position:absolute;
    top:164px;
    width:580px;
    height:339px;
    padding:20px 30px 0px 30px;
    z-index:1;
    font-size:1.6em;
}
.day_header{
    text-align:right;
    line-height:44px;
    height:100px;
    color:#ffffff;
    font-size:1.3em;
}
.day_text{
    display:block;
    float:left;
}
#dj1,#dj2,#dj3,#dj4,#dj5{
    position:absolute;
    top:287px;
    z-index:1;
}
#dj1{left:550px;}
#dj2{left:485px;}
#dj3{left:420px;}
#dj4{left:355px;}
#dj5{left:290px;}
.dj_biog{
    position:absolute;
    display:none;
    left:30px;
    top:20px;
    width:580px;
    height:327px;
    background:#000000 url(../images/bg-dj.gif) top left no-repeat;
    color:#000000;
    font-size:0.9em;
    z-index:2;
}
.dj_intro{padding:0px;margin:10px 0px 0px 0px;}
.djs{padding:0px;margin:0px;font-size:1.3em;line-height:1em;}
.dj_pic{
    display:block;
    float:left;
    margin:10px 10px 20px 10px;
}
.dj_heading{
    float:left;
    width:300px;
    padding:5px 0px 5px 0px;
}
.dj_text{
    float:left;
    padding-right:5px;
    background-color:#ffffff;
    font-size:0.75em;
    font-family: Arial, Helvetica, sans-serif;
    width:310px;
    height:266px;
    overflow:auto;
    
}
a.dj_close,a.dj_close:link,a.dj_close:active,a.dj_close:visited{
    display:block;
    padding:9px 8px 8px 8px;
    float:right;
    font-weight:700;
    font-size:0.8em;                
    color:#999999;
    text-decoration:none;
}
a.dj_close:hover{color:#000000;}
