@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../images/bg_stripe.png);
	background-repeat:repeat;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	}

h2 {
	margin:0;
	padding:0 0 3px 5px ;
	color:#FF5F26;
	font-size:17px;
	}

h3 {
	margin:0;
	padding:0 0 3px 5px;
	color:#FF5F26;
	font-size:14px;
	}
	
a, a:visited{
	color:#3399CC;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
	
#wrapper {
	margin:0 auto 0 auto;
	width:800px;
	}	
	
#header {
	background-image:url(../images/bg_header1.png);
	background-repeat:no-repeat;
	margin:0;
	height:225px;
}

#logo {
	clear:both;
	float:right;
	margin:10px 10px 0 0;
	}	
	
#logo img {
	border:none;
	}	
	
#party {
	clear:both;
	float:right;
	margin:15px 10px 0 0;
}		
#main_menu {
	margin: 0;
	float:right;
}

#main_menu ul {
	list-style:none;
	padding:0;
	margin:0;
	height:40px;		
		
}

#main_menu li {
	margin:0;
	list-style-type:none;
	float:left;
	font-weight:bold;
	height:30px;
}

#main_menu li a {
	display: block;
	padding: .3em .3em 0 0.3em;
	margin:0;
	background-color:#3399CC;
	color:#FFFFFF;
	text-decoration: none;
	height:26px;
}

#main_menu li a:hover, a#here:link, a#here:visited {
	text-decoration:underline;
	color:#ffffff;
}

a#chat:link {
	background:#FF5F26;
	color:#FFFFFF;	
	}
	
#menuLeft, #menuRight {
	float:right;
	}

#about {
	margin:-3px 0 0 0;
	padding:0;
	background:url(../images/middle_about.png) repeat-y;
	width:800px;
	}
	
#topAbout, #bottomAbout {
	margin:0;
	padding:0;
	}	
	
#about h1 {
	margin:0;
	padding:8px 25px 8px 25px;
	font-size:18px;
	color:#FFFFFF;
	}
	
#info {
	background:#FFFFFF;
	padding:3px 0 0 5px;
	min-height:365px;
	margin:-3px 0 3px 0;
	}
	
#info p {
	margin:5px 5px 5px 10px;
	padding:0;
	} 
	
#banner {
	float:right;
	width:206px;
	padding:25px 0 0 0;
	margin:0;
	}	
	
#col3 {
	margin:0;
	padding:0;
	height:365px;
	background-image:url(../images/bg_col3.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
}	
	
#featuredDJ {
	margin:0;
	padding:0 0 0 5px;
	float:left;
	width:266px;
	}
	
#listen {
	float:left;
	width:266px;
	border-right:#000000 dashed 1px;
	border-left:#000000 dashed 1px;

}	

#interact {
	float:left;
	width:245px;
	}
	
#interact img {
	border:none;
	}

	
#footer {
	clear:both;
	text-align:center;
	border-top:#000 solid 2px;
	font-size:.9em;
	background-color:#FFFFFF;
	margin:-5px 0 0 0;
	padding:3px 0 0 0;
	}
		
.footer_left { /*left section of footer, it's where the copyright and rights are located */
	float:left;
	width:400px;
	text-align:left;
	padding-left:5px;
	}

.footer_right { /*right section of footer, where Photographer and Website Designer information is located */
	text-align:right;
	padding-right:5px;
}

.date {
	color:#424766;
	font-weight:bold;
	
}

table.schedule {
	width:575px;
	border:#000 thin 1px;
	margin:15px auto 0px auto;
	}
	
 th.shows {
	width:375px;
	border:#000 thin 1px;
	padding:3px;
	}

 th.time{
	width:100px;
		border:#000 thin 1px;
		padding:3px;

	}
	
td {
			border:#000 thin 1px;
			padding:3px;
	}

	
/* Change font color to Red on forms to show warning message */	
.warning {
	color:#FF0000;
}

/* Change font color to Blue and increase the size on a from to show that a message was sent */
.message_sent {
	color:#496b73;
	font-size:1.2em;
	}
	
#djcontainer {
	width:590px;
	}	
	
#djtop, #djbottom {
	width:400px;
	height:28px;
	margin:0 auto 0 auto;
	}

#djinfo {
	width:400px;
	background-image:url(../images/middle_dj.png);
	background-repeat:repeat-y;
	color:#FFFFFF;
	margin:0 auto 0 auto;
	padding:0;
}

#djinfo img {
	padding:0 8px 0 15px;
	float:left;
	}
	
#djinfo p {
	margin:0;
	padding:0 20px 0 100px;
	}
	
#djinfo a, #djinfo a:visited{
	color:#59C8FF;
	text-decoration:none;
	}
	
#djinfo a:hover{
	text-decoration:underline;
	}
		