@charset "utf-8";
/* CSS Document */


body.entiresite {

	font-family:Verdana; 
	font-size:11px; 
	color: #ffffff; 
	vertical-align:top; 
	padding:0px; 
	background-image: url(images/Bg1.jpg);
	background-repeat: repeat-x;
	background-color: #1C2838; } /* BLUE: #1C2838 */

#dirtlayer { margin-left: -900px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position:absolute;
	width:100%; height:100%;  
	background-image:url(images/bg_tile1_dirt.png); 

	z-index:1}
#mainlayer {
	 margin-left: -450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:900px;
	height:100%;
	position:absolute;

	z-index:2;} 
	
#contentlayer {
	width:900px; 
left:8px; 
height:100%; 
position:absolute; 

z-index:10;}

#pagebody {width:100%; position:absolute; top:140px; background-color:#000000; }

#pagecontent { padding:5px; line-height:16px; font-size:12px; }


#scroller {
width:680px;
height:150px; 
overflow:hidden; 
background-repeat:repeat-y;
background-position:center;

}

#maintable {
	width: 900px;


}
#splashtext {
	font-size: 11px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:16px;
	font-weight:bold;
	position: relative;
	width:400px;
	height: 200px;
	margin-left: 200px;
	margin-top: 270px;
	border:0px solid #666;
	 
}
.formsubmit {
	font-size: 13px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-weight:bold;
	border:dotted 1px #ffffff;
	background-color:#900;
	color:#FFF;
}
.textdescrip { padding:16px; border:dotted 1px #000000; background-color:#FFF; width: 400px;}
.divider { border-bottom:dashed 1px #000000; }
#mainmenu {
	
	vertical-align:middle;
	width:900px;
	
    background-image:url(images/bg_menu.png);
	background-repeat:no-repeat;
 	font-size: 14px;  
	font-family: Georgia;
	color:#FFF;
	font-variant:small-caps;
	font-weight:bold;
	 padding-top:16px; padding-bottom:16px;
	   
}
#mainmenu a:link, a:visited  {
height:25px;
background-image:url(images/menu_divider.png); background-position:right; background-repeat:repeat-y; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;
color:#FFF;
opacity:0.8; filter:alpha(opacity=80);
}
#mainmenu a:hover, a:visited:hover  {
background-image:url(images/menu_divider_down.png); background-position:right; background-repeat:repeat-y; /*background-color:#eee; */ color:#FFF;opacity:1.0; filter:alpha(opacity=1000);
}
 
a {color:#ffffff;  text-decoration:none; }/* text-decoration:none;*/
a:hover, a:visited:hover  {color:#e1d253; }

a.buttonA { background:#600; border:#d5ac3a 1px dotted; padding:2px; line-height:35px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none;}
a.buttonA:hover, a.buttonA:visited:hover { background:#600; border:#ffffff 1px solid; padding:2px; line-height:35px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFF; font-weight:bold;text-decoration:none;}
a.buttonB { background:#600; border:#d5ac3a 1px dotted; padding:2px; line-height:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#FFF; font-weight:bold;text-decoration:none;}
a.buttonB:hover, a.buttonB:visited:hover { background:#600; border:#ffffff 1px solid; padding:2px; line-height:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#FFF; font-weight:bold;text-decoration:none;}


.articlelink { padding:2px; border:dotted 1px #999; margin-bottom:2px; background-image:url(images/bg_articlelink.png); background-position:left; padding-left:30px; background-repeat:no-repeat; background-color:#250402; } 
.articlelinkext { padding:2px; border:dotted 1px #333; margin-bottom:2px; background-image:url(images/bg_articlelink_ext.png); background-position:left; padding-left:30px; background-repeat:no-repeat;  } 
.sidebarlink { padding:2px; border-top:dotted 1px #999; margin:2px; } 
 
.videolink { background-position:center; width:100px; margin-bottom:10px; border:groove 1px #918161; }
/*WRITING PROEJECT STYLES*/
.projtitle {
	font-size: 18px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	line-height:16px;
	font-weight:bold;
}



/* PAGE TITLE */
.pagetitle { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:10px; font-variant:small-caps; background-color:#000; vertical-align:middle;}
.pagedek { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif;  font-weight:bold;  padding:10px; font-variant:normal; fbackground-color:#000; }
.pagedek div { font-size:11px; font-family:Verdana, Geneva, sans-serif; }


/* FORM FIELDS */
select {background-color:#440704; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; border: #6f4612 double 2px;}

/* WHAT IS SP MUSIC */
.whatissp {padding:10px; font-size:13px; line-height:30px;}
.whatissp .quote {padding:20px; margin:20px;};
.whatissp .quote .credit  { line-height:65px; }
.imgodd { padding:5px; border:solid 1px white; float:left; margin:10px; width:180px; height:60px; background-position:center; }
.imgeven { padding:5px; border:solid 1px white; float:right; margin:10px; width:180px; height:60px; background-position:center; }

/* IMAGES */
.image180 {border:#FFF solid 1px; background-position:center; background-repeat:no-repeat; width:180px; height:60px; }

/* FORMS */
.formlabel { background-image:url(images/bg_subheader_200.png); background-repeat:no-repeat; background-position:top; font-variant:small-caps; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; width:200px; height:20px; font-weight:bold;  text-transform:capitalize; text-align:center; padding-top:2px;}	

/* SIDEBAR */
.sidebarpanel {width:200px;}
.sidebarcontent {background-color:#000; background-image:url(images/bg_sidebar.jpg); border:#333333 2px groove; padding:5px; background-position:center; } /*504338 850c00 */
.sidebarsubhd { background-image:url(images/bg_subheader_200.png); background-repeat:no-repeat; background-position:top; font-variant:small-caps; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; width:200px; height:20px; font-weight:bold;  text-transform:capitalize;  padding-top:2px;text-align:center;}

/* BAND PAGE STYLES */
.bandtable { vertical-align:top; font-size:11px; margin:0px;} 
div.bandpagetitle {font-size: 24px; color:#fff; background-color:#333; font-family:Georgia, "Times New Roman", Times, serif; width:100%; height:30px; padding-left:5px; margin-top:1px; font-weight:bold; opacity:0.8; filter:alpha(opacity=80); vertical-align:middle; text-transform:uppercase; position:relative; /* For IE8 and earlier */ }
.bandtext { vertical-align:top; font-size:11px; padding:10px; }


.bandsubhd { background-image:url(images/bg_subheader_180.png); background-repeat:no-repeat; background-position:center; font-variant:small-caps; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; width:180px; height:20px; font-weight:bold;  text-transform:capitalize; padding-left:20px; padding-top:2px;} /* 165px wide */
.bandsubhd200 { background-image:url(images/bg_subheader_200.png); background-repeat:no-repeat; font-variant:small-caps; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; width:200px; height:20px; font-weight:bold;  text-transform:capitalize; padding-left:20px; padding-top:2px;}
.bandalbumtitle { font-size:14px; font-variant:small-caps; border:dotted 1px #999; background-color:#000; padding:5px; } 
.bandstorebtbg { background-color:#666; padding:5px; border:solid 1px #999; }
.bandalbumcover { background-color:#000000; padding:5px; border:solid 1px #fff; margin-left:10px; }


.bandlistimg { background-position:center; background-repeat:no-repeat; width:180px; height:60px; margin-top:10px; border:solid #FFF 1px; }
.bandlistname { background-color: #000;  width:180px; font-size:11px; color:#FFF; margin-bottom:10px; padding:1px; vertical-align:middle; text-transform:capitalize; font-weight:bold; text-align:center;}
.bandlistloc {font-size:9px; color:#CCC; }

.bandvidlink {border:dotted 1px #999; padding-left:30px; padding-right:2px; padding-top:2px; padding-bottom:2px; background-image:url(images/bg_vidlink.png); background-repeat:no-repeat; background-position:left; margin:3px; width:100px; }


#albumtable td {padding-top:5px; padding-bottom:5px;}

/* EVENT LISTINGS */
.eventday { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif;  font-weight:bold;  padding:5px; background-color:#000; }
.eventshell {font-size: 10px; padding:10px; width:630px; vertical-align:text-top; background-color:#222222; margin:5px; }
.eventshellcon { font-size: 10px; padding:10px; width:630px; vertical-align:text-top; background-color:#250402;  margin:5px;  }
.evtitle { font-size: 13px; padding:5px; font-weight:bold; color:#e1d253; width:650px; }
.evartists { display:inline-block;width:180px; vertical-align:text-top; padding: 4px; margin:5px; }
.evinfo1 {display:inline-block; vertical-align:text-top; padding: 4px; width:200px; }
.evinfo2 {display:inline-block; vertical-align:text-top; padding: 4px; width:200px; }
.evartistlist {border:#FFF solid 1px; background-color:#000; background-repeat:no-repeat; background-image:url(images/event_attendingbands.png); width:180px;padding: 4px;  }
.evartistlist li { list-style-position:inside; list-style-type:disc;}


.albumimg { border:#FFF solid 2px; margin:5px;}

/* RADIO PAGE */

.radiocode { padding:10px; margin:10px; background-color:#333; }
/* ARTICLE AUTHOR INFORMATION */
.artauthor { padding:10px; line-height: 18px; background-color:#000; font-size:11px; display:inline-block;}
.artauthor img { display: block; 
	background-color:#000;
    float: right;
    width: 180px;
    /*height: 400px; */
    border: 1px solid white;
	
	 
	 margin-left:10px;
	 margin-bottom:10px;}

/* TWITTER FEED */ 

div.navtitle { 
} 

ul#twitter_update_list { 
}

ul#twitter_update_list li { 
} 

ul#twitter_update_list li a { 
} 

/* BAND PAGE SCROLLING DIV */
#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}