@import url("general.css");

/*----- GENERAL -----*/
.container-top {
	width:100%;
	background:url(/images/grad-top.gif) repeat-x left bottom;
	}	
.wrapper-top {
	width:900px;
	margin:0 auto 0 auto;
	padding:30px 0 20px 0;
	}
.container-mdl {
	width:100%;
	background:url(/images/grad-btm.gif) repeat-x left top;
	}
.wrapper {
	width:900px;
	margin:0 auto 0 auto;
	}
.container-btm {
	width:100%;
	background:#2b2f39;
	border-top:5px solid #565a61;
	}
.container-in {
	width:100%;
	color:#f2f4f5;
	}
.wrapper-in {
	width:900px;
	margin:0 auto 0 auto;
	padding:30px 0 40px 0;
	}
/*----- top -----*/
.logo {
	position:relative;
	float:left;
	padding:0 0 0 40px;
	}
.logoforum {
 	position:relative;
	float:left;
	padding:0 0 0 40px;
	}
.clearforum {
	clear: both;
	height: 0;
	font-size: 0;
	margin:0;
	padding:0;
	overflow:hidden;
	}
.top-banner {
	position:relative;
	float:right;
	}
/*----- navigation -----*/
ul#navigation {
	list-style:none;
	height:63px;
	background:url(/images/nav-bg.gif) no-repeat top left;
	padding:0 0 0 14px;
	}
ul#navigation li {
	float:left;
	padding:13px 2px 0 2px;
	}
ul#navigation li a, ul#navigation li a:active, ul#navigation li a:visited {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	border:0;
	text-decoration:none;
	padding:8px 10px 0 10px;
	font-weight:bold;
	}
ul#navigation li a:hover, ul#navigation li a.on {
	background:#0c0e14 url(/images/tab-left.gif) no-repeat top left;
	padding:8px 0 0 10px;
	font-weight:bold;
	}
ul#navigation li a:hover span, ul#navigation li a.on span {
	background:url(/images/tab-right.gif) no-repeat top right;
	padding:8px 10px 0 0;
	}
ul#navigation li a.on, ul#navigation li a.on:active, ul#navigation li a.on:visited {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	border:0;
	text-decoration:none;
	padding:8px 0 0 10px;
	}
/*----- header -----*/	
.featured {
	position:relative;
	float:left;
	width:330px;
	padding:35px 0 0 0;
	text-align:center;
	}
.header {
	position:relative;
	float:right;
	width:525px;
	padding:35px 0 0 0;
	}
/*----- CONTENT -----*/	
.content-main {
	position:relative;
	float:left;
	width:725px;
	}
.content-left {
	position:relative;
	float:right;
	width:145px;
	}
/*----- featured artist -----*/	
.f-artist {
	position:relative;
	float:left;
	width:270px;
	height:371px;
	padding:35px 45px 0 25px;
	background:url(/images/artist-bg.gif) top left no-repeat;
	line-height:18px;
	text-align:center;
	}
/*----- vip -----*/	
.vip {
	position:relative;
	float:right;
	width:350px;
	padding:35px 0 0 0;
	color:#03aad1;
	}
.vip ol {
	padding:0 0 0 30px;
	}
.vip ol li {
	padding:3px 0 3px 0;
	}
/*----- night life 101 -----*/	
.nightlife-101 {
	background:#f2f4f5 url(/images/nightlife-bg.png) no-repeat top left;
	width:725px;
	margin:30px 0 30px 0;
	font-size:12px;
	}
.nightlife-left {
	position:relative;
	float:left;
	width:305px;
	padding:30px 0 0 25px;
	}
.nightlife-right {
	position:relative;
	float:right;
	width:330px;
	padding:30px 0 0 0;
	}
/*----- RIGHT CONTENT -----*/	
.affiliate {
	margin:35px 0 0 0;
	}
.banners {
	width:120px;
	background:#dadee0;
	padding:12px 12px 0 12px;
	margin:auto;
	}
.banners img {
	margin-bottom:12px;
	}
/*----- EVENT PHOTOS -----*/
.event-photos {
	width:900px;
	text-align:center;
	}
.photos-show {
	width:888px;
	height:116px;
	background:#dadee0;
	padding:12px 0 12px 12px;
	margin:0 0 40px 0;
	}
.photos-show2 {
	width:888px;
	height:156px;
	background:#dadee0;
	padding:12px 0 12px 12px;
	margin:0 0 40px 0;
	}	
/*----- BOTTOM -----*/
.btm-left {
	position:relative;
	float:left;
	width:500px;
	padding:0 0 20px 0;
	}
.topics {
	width:500px;
	background:url(/images/line-black.gif) repeat-x top left;
	color:#fff;
	font-size:12px;
	}
.views {
	float:left;
	background:#41444d;
	height:35px;
	width:40px;
	padding:5px 0 0 0;
	margin:18px 0 18px 0;
	text-align:center;
	font-size:11px;
	}
.topics-left {
	float:left;
	width:185px;
	padding:18px 0 18px 0;
	margin:0 30px 0 10px;
	height:39px;
	background:url(/images/line-black.gif) repeat-x bottom left;
	}
.topics-right {
	float:left;
	width:185px;
	padding:18px 0 18px 0;
	margin:0 0 0 10px;
	height:39px;
	background:url(/images/line-black.gif) repeat-x bottom left;
	}
.btm-right {
	position:relative;
	float:right;
	width:370px;
	}
.updates {
	background:#41444d;
	width:325px;
	height:120px;
	padding:20px 20px 10px 25px;
	margin:60px 0 0 0;
	color:#b3b4b8;
	}
.email-field {
	float:left;
	padding:5px 0 0 0;
	}
.email-field input {
	background:#7a7c83 url(/images/imput-ic.gif) no-repeat left;
	background-position:5px center;
	border:1px solid #a9abaf;
	height:21px;
	width:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:4px 5px 0 30px;
	}
.email-button {
	float:right;
	}	
.btm-links {
	margin:20px auto 0 auto;
	color:#fff;
	}
.copyright {
	font-size:10px;
	color:#a09e9e;
	}
/*----- INNER PAGE -----*/

.content-left-in {
	color:#0c0e14;
	width:736px;
	float:left;
	padding:35px 0 0 0;
	color:#0c0e14;
	text-align:justify;
	font-size:12px;
	}
.content-right-in {
	color:#0c0e14;
	width:144px;
	float:right;
	padding:40px 0 0 0;
	}
.content-left-in2 {
	color:#0c0e14;
	width:535px;
	float:left;
	padding:35px 0 0 0;
	color:#0c0e14;
	text-align:justify;
	font-size:12px;
	}
.content-right-in2 {
	color:#0c0e14;
	width:325px;
	float:right;
	padding:40px 0 0 0;
	}
.f-artist-gallery1 {
	float:left;
	width:148px;
	height:116px;
	padding:0 0 20px 0;
	}
.f-artist-gallery1 img {
	border:5px solid #fff;
	}
.f-artist-gallery2 {
	float:right;
	width:148px;
	height:116px;
	}
.f-artist-gallery2 img {
	border:5px solid #fff;
	}
.title-bar {
	background:url(/images/title-bg.png) no-repeat top center;
	width:325px;
	height:40px;
	padding:13px 0 0 0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	}
.right-details {
	font-size:12px;
	text-align:center;
	padding:15px 0 0 0;
	line-height:18px;
	}
ul.song-listing {
	display:block;
	cursor:hand;
	margin:0; padding:20px 0 20px 0;
	}
ul.song-listing li {
	list-style:none;
	text-align:left;
	width:260px;
	height:33px;
	padding:15px 5px 0 60px;
	margin:0 0 10px 0;
	background:url(/images/song-bg.png) no-repeat;
	}
ul.song-listing li a, ul.song-listing li a:active, ul.song-listing li a:visited  {
	color:#0c0e14;
	border:none;
	}
ul.song-listing li a:hover {
	text-decoration:none;
	border-bottom:1px solid #9ad584;
	}
.box-right-in {
	background:#f2f4f5 url(/images/box-right.png) no-repeat top left;
	padding:20px;
	text-align:center;
	font-size:12px;
	}


/*----- photo gallery -----*/
.fields {
	text-align:left;
	}
.field-browse {
	width:auto;
	padding:5px 0 5px 5px;
	border:1px solid #d1cfca;
	background-color:#f2f4f5;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	}
.field-325 {
	width:315px;
	height:16px;
	padding:3px 0 3px 3px;
	border:1px solid #d1cfca;
	color:#8c8b87;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	}
.field-200 {
	width:190px;
	height:16px;
	padding:3px 0 3px 3px;
	border:1px solid #d1cfca;
	color:#8c8b87;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	}
.drop-325 {
	width:315px;
	padding:1px;
	border:1px solid #d1cfca;
	color:#8c8b87;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	}
.drop-125 {
	width:115px;
	padding:1px;
	border:1px solid #d1cfca;
	color:#8c8b87;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	}
.drop-160 {
	width:170px;
	padding:1px;
	border:1px solid #d1cfca;
	color:#8c8b87;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	}
.gallery-left {
	float:left;
	margin:20px 50px 0 0;
	text-align:center;
	width:252px;
	height:222px;
	background:url(images/gallery-bg.gif) no-repeat;
	}
.gallery-right {
	float:right;
	margin:20px 0 0 0;
	text-align:center;
	width:252px;
	height:222px;
	background:url(images/gallery-bg.gif) no-repeat;
	}
.g-img {
 	margin:10px auto 7px auto;
 	text-align:center;
	}

/*----- guestlists -----*/

.tablehead {
	color:#fff;
	font-weight:bold;
	padding:3px;
	}
.tablerow {
	padding:3px;
	text-align:left;
	}
.tablerow2 {
	padding:3px;
	text-align:left;
	background-color:#edeeef;
	}

/*----- nightlife -----*/

.nl-box-middle1 {
	background:url(images/nl-middle.gif) top left repeat-y;	
	width:537px;
	}
.nl-box-middle2 {
	background:url(images/nl-top.gif) top left no-repeat;
	}
.nl-box-middle3 {
	background:url(images/nl-bottom.gif) bottom left no-repeat;
	padding:15px;
	}