@charset "utf-8";
/* CSS Document */
/************************
	 SITE WIDE STYLES
************************/
body {
		font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		color: #ffffff;
		background: #121212;
		margin: 0;
		padding: 0;
}

#left_col,#right_col {
 margin-top:175px;
}
#logo {
 width:100%;
 background:#121212 url('../images/DJ-J-dub_banner_02.png') no-repeat; 
 height:144px;    
}

h1 {
		color: #4aed05;
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		padding: 0.3em 0;
		text-indent: -99999px;
}
h2 {
		margin: 0;
		padding: 0.5em 0;
		color: #4aed05;
		font-family: Helvetica, Arial, Sans-serif;
}
h3 {
		color: #4aed05;
}
p {
		margin: 0;
		padding: 0.4em 0;
		color: #fffffe;
		line-height: 1.4em;
}
.active {
		color:#4aed05!important;
		background-color: #0d0d0d;
/*	
		border-bottom:2px #4aed05 solid!important;
		background-image: url('../images/active.png');
		background-repeat: no-repeat;
		background-position: center 27px; 
		margin-top: 10px; 
*/
}
a {
		color: white;
		text-decoration: none;
}
#mixLinks a {
		color:#4aed05;
}
a:hover {
		color: #4aed05;
}
#foot {
		padding: 15px;
		color: white;
		text-align: center;
		margin: 30px 0 0 0;
		border-top: 1px solid #222222;
}
hr {
		color:#222222!important;
		border:1px #22222 solid!important;
}
#load {
		display: none;
		position: absolute;
		right: 10px;
		top: 10px;
		background: black url('../images/loader.gif');
		width: 43px;
		height: 11px;
		text-indent: -9999em;
}


/************************
 NAVIGATION MENU STYLES 
************************/

div#navWrapper {
		text-align:center;
}
#nav {
		list-style: none;
		padding: 0;
		padding-bottom:40px!important;
		margin: 10px 0 20px 50!important;
		background: #2e2e2e url(images/nav_bar.jpg) repeat-x; 
		display: block;
		font-size: 0.9em;
		height: 10px;
		text-transform: capitalize;
		width:516px;
}
#nav li {
		display: inline;
}
#nav li a {
		display: block;
		color: #4aed05;
		font-weight:bold!Important;
		float: left;
		padding: 10px 20px;
		padding-bottom:25px;
		margin: 10px 0 20px 50!important;		
		color: white;
		text-decoration: none;
}
#nav li a:hover {
		color:#4aed05;
		background-color: #1b1b1b;
		border-bottom:2px #4aed05 solid;
		
}
/************************
 3 COLUMN LAYOUT STYLES 
************************/
#container {
		position: relative;
		width: 100%;
}
#page_content {
		margin: 80px auto;
		margin-top:30px!important;
		background: #0d0d0d url(images/header.jpg) no-repeat;
		padding: 55px 25px 25px 25px;
		border: 12px solid #2e2e2e;
		position: relative;
		margin-right: 230px;
		margin-left: 230px;
}
#left_col {
		width: 200px;
		position: absolute;
		left: 0px;
		top: 0px;
}
#right_col {
		width: 200px;
		position: absolute;
		top: 0px;
		right: 0px;
}
#right_col div {
		margin-bottom: 15px;
}

/************************
 PICTURE GALLERY STYLES 
************************/

#content img.right {
		float: right;
		margin: 0 0 8px 8px;
}

.thumbnailContainer a img {
		float: left;
		margin: 0;
		padding: 0;
		background:url('bg_tms.jpg') no-repeat;
}

.thumbnailContainer {
		width: auto;
		float: left;
		padding: 10px 10px 10px 0px;
		margin: 10px 10px 10px 0px;
}
.eventTitle {
		color: #4aed05;
}
div.top {
		margin-bottom: 15px;
}
.eventContainer .top {
		width: 100%;
}
.eventContainer img {
		margin: 0px 10px 15px 0px;
}