/* CSS layout styles Document */
@import "textstyle.css";
@import "table.css";
@import "topinclude.css";

body {
	margin:0;
	text-align:center;
	background:#c00 url(../images/bg_rasta.gif) repeat-x;
	}

/* main layout divs  */
#container {
	width:760px;
	margin:0 auto;
	text-align:left;
	/*background:#600;*/
	}
	
#top {
	height:200px;
	background:url(../images/bg_header.gif) top no-repeat;
	}
	
#left {
	float:left;
	margin-left:3px;
	width:140px;
	}
	
#content {
	float:left;
	padding:0 .3em 0 1em;
	width:52%;
	/* Start IE5 box model hack */
	voice-family: "\"}\""; 
 	voice-family:inherit;
	width:50%;
	/* End IE5 box model hack */
	}
	
html>#content {width:50%;}  /*be nice to Opera */

#contentfull {
	float:left;
	padding:0 .3em 0 1em;
	width:80%;
	/* Start IE5 box model hack */
	voice-family: "\"}\""; 
 	voice-family:inherit;
	width:75%;
	/* End IE5 box model hack */
	}
	
html>#content {width:50%;}  /*be nice to Opera */

* html #contentfull {
	overflow: hidden;
}

#column1 {
	float:left;
	width:330px;
	}
	
#right {
	float:right;
	width:190px;
	margin:0 8px 0 0;
	}
	
#artistnav {
	clear:left;
	text-align:right;
	}
	
.cleaner {clear:both; height:0; margin:0; padding:0;}

#footer {
	width:760px;
	height:30px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg_footer_600.gif) top no-repeat;
	padding-top:30px;
	}
	
/* Gallery page ID styles */

#gallery #right {
	width:225px;
	margin:0;
	padding-top:2px;
	/* border:1px solid #fff; */
	}
	
.galleryCont table {
	margin:20px 0 20px -30px;
	}
	
.galleryCont td {
	/* width:40px;
	height:40px; */
	}
#gallery #right a	{
	border:1px solid #fff;
	text-decoration:none;
	}
	
.galleryCont a {
	width:42px;
	height:42px;
	display:block;
	}
	
#gallery #right a:hover {
	border:1px solid #f00;
	color:#600;
	color:#f00;
	}
	
p.pagination {margin:10px 0;}

#gallery #right p.pagination a {
	padding:0 4px;
	}
	
/* Free page ID styles */
#free #content {
	width:310px;
	}
	
#free #content h5 {
	margin:20px 0 10px;
	}
	
#free #right {
	width:230px;
	border:1px solid #fff;
	padding:10px;
	}
	
#free #right li {
	border-bottom:1px dotted #fff;
	padding:3px 0;
	font-weight:bold;
	}
	
#free #right a {
	padding-left:50px;
	/* display:block; */
	background:url(../images/mp3.gif) no-repeat;
	border:none;
	}
	
#free #right a:hover {
	color:#cf0;
	}
	
/* Links page ID styles */

#links #contentfull ul li {
	border-bottom:1px dotted #fff;
	margin:0 20px 10px;
	padding-bottom:10px;
	color:#9c9;
	}

#links #contentfull h3 {
	font-size:1.2em;
	margin:20px 0 8px;
	}
	

	
	/*dj dates page styles
-----------------------------------------------------------------*/

#djdates #content{
	width:460px;
}

#djdates #right{
	width:120px;
}

/* contact page styles
---------------------------------------------------------------*/

#form{
	float:left;
	margin: 0 35px 0 0;
	width:335px;
}

#contactform {
	padding: 7px 10px 10px 0;
	margin:0;
	width:100%;
	clear:left;
	
}

#contactform fieldset, #contactform textarea{
	padding: 5px;
}

#contactform textarea{
	margin: 0 0 5px 0;
	height: 5em;
	width: 250px;
	font:normal .75em/1em verdana,arial,sans-serif;
	color:#999;
	padding: 2px;
	}

#contactform label{
	text-align:right;
	float:left;
	width: 70px;
	padding: 2px 5px 0 0;
	font:bold .85em/1em verdana,arial,sans-serif;
}

#contactform input{
	margin: 0 0 6px 0;
	padding: 1px 2px;
	color:#999;
	width: 180px;
	font:normal .75em/1em verdana,arial,sans-serif;
}

#contactform select{
	margin: 0 0 6px 0;
	padding: 1px 2px;
	width: 188px;
	font:normal .75em/1em verdana,arial,sans-serif;
}

#contactform input.submit{
	color:#000;
	padding:0 1px;
	width: 60px;
	margin: 0 0 0 73px;
}

/* music page styles
--------------------------------------------------------------------*/

.tabsingles, .tabalbums {
	background: url(../images/tab.gif) no-repeat;
/*	background-color:#CC0000;*/
	width:100px;
	height:25px;
	display:block;
	float:left;
	padding:0;
	margin: 10px 0 0 0;
	font-size:1.1em;
}

.singlespage .tabsingles, .albumspage .tabalbums {
	background-position: 0 -25px;
	}

h2.tabsingles a, h2.tabalbums a{
	display:block;
	width:50px;
	height:25px;
	padding: 2px 25px 0 25px;
	margin:0;
}	

h2.tabsingles a:hover, h2.tabalbums a:hover{
	color:#fff;
}

#musicpage a{
	margin: 0 10px 0 0;
}
	
.hr{
	clear:left;
	padding:0;
	height:10px;
	line-height:0;
	margin:-2px 0 10px 2px;
	border:none;
	background-color:#CC0000;
}

#musicpage .mainpic{
	clear:left;
	float:left;
	width:100px;
	height:100px;
}


/* site map styles
-----------------------------------------------------------------------*/

#contentfull #sitemap{
	margin:15px 0 0 0;
}



#contentfull #sitemap li ul{
	margin: 0 0 0 0px;
	border-left: 1px dotted #fff;
	margin: 6px 15px;
}

/* Artist page styles
-----------------------------------------------------------------------*/
div.artistholder {margin-left: 110px;}

/* sign up box - members page styles
-----------------------------------------------------------------------*/

#signup { width: 206px; height: 200px; background: transparent url(../images/sign_up_box.gif) no-repeat top left; float: right; margin: 10px 0 10px 10px; }
#signup h1, #signup p, #signup label { margin: 0 10px; font-size: 10px; }
#signup h1 { font-size: 14px; margin-top: 10px; }
#signup p { margin-bottom: 10px; }
#signup #email { font-size: 10px; }
#signup #submit { float: right; margin: 6px 23px 0 0; font-size: 10px; }

/*#signup label{
	width:65px;
	display:block;
	float:left;
		display:inline;
}

#signup input{
	width:100px;
	margin:0 0 3px 0;	
	display:inline;
}

p.member{
	clear:both;
	position:relative;
	top:5px;
}*/