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

/* Global Style */
*{ padding:0px; margin:0px; }
body{ background-image: url("http://dsminded.com/sr/images/bg_stripe.png"); font-family: Verdana, Arial, Helvetica, sans-serif; color:#C8DCE5;} 
h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
a{ color:#069; }
p{ color:#fff; font-size:11px }

/* Sliding boxes. Remember the div class “.cover” should be assigned to whatever is doing the sliding/movement.
     + Within the div .boxgrid, the img should always come first. */
	 
.boxgrid{ 
	width: 640px; 
	height: 450px; 
	margin:0px; 
	float:left; 
	background:#161613; 
	border: none; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
}
				
.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px;
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 				
.captionfull .boxcaption {
 		top: 200;
 		left: 0;
}
 				
.caption .boxcaption {
 		top: 260
 		left: 0;
}

#worm {
		width:  15000px; /* Increase if ever needed (ie, new worm image falls on new line) */
	
}

#worm img{
	float: left;
	margin: 0;
	padding: 0;
	}

ul{
	list-style-type: none;
	}
	
li{
	display: inline;
	}



.warning {	
			color:#FC0;
			
}


#nav {
      background: url(http://dsminded.com/sr/images/nav.png);
      height: 38px;
      width: 493px;
      margin: 0 auto;
}

#nav span {
     display: none;
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 38px;
	display: block;
}

#list1 { width: 111px; }
#list2 { width: 120px; }
#list3 { width: 128px; }
#list4 { width: 134px; }

#list1 a:hover {
      background: url(http://dsminded.com/sr/images/nav.png) 0px -38px no-repeat;
}

#list2 a:hover {
      background: url(http://dsminded.com/sr/images/nav.png) -111px -38px no-repeat;
}

#list3 a:hover {
      background: url(http://dsminded.com/sr/images/nav.png) -231px -38px no-repeat;
}

#list4 a:hover {
      background: url(http://dsminded.com/sr/images/nav.png) -359px -38px no-repeat;
}

#logo {
      margin: 0 auto;
      margin-left: auto;
	  

}

/* end of pop-up artist information, start of pop-up window styling */

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#161613;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#FFF;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#FFF;
font-weight:700;
display:block;
}

#button{
text-align:center;
margin:100px;
}

#popupContact img{
	float: right;
	margin: 0;
	padding: 0;
	}