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

body    { color: #555555; font: 10px/17px "Lucida Grande", Verdana, Arial, sans-serif; background: #f4f4f4 url("../images/bodybg.png") repeat-y center; margin: 0; padding: 0 }
#wrapper { letter-spacing: 0px; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin:2px auto; width:999px;  padding:0; background:white;}

/* -----------------  general styles  -------------------------------------------------------*/

a  { color: #555555; text-decoration: none; background: transparent }
a:hover   { color: #555555; background: #74acc9 }
p { margin:0;padding-top:2px;}
h2 { padding-left: 0px; padding-bottom: 2px; padding-right: 0; padding-top: 2px; margin-left: 0; margin-bottom: 2px; margin-right: 0; margin-top: 2px; border-top-width: 1px; border-top-style: dotted; border-bottom-color: #444444; border-bottom-width: 1px; border-bottom-style: dotted; font-size: 14px; color:#444; background:none; }
ul { margin: 0; padding : 0; list-style : none; }
img    { padding-right: 10px; border-style: none; outline-style: none }
img a{}
img a:hover   { text-decoration: none; border-style: none; outline-style: none }
.img1  { padding-left: 10px; float: left; border-style: none; border-color: transparent; outline-style: none }
.img1 a:hover {text-decoration: none; background: transparent}
.img2 { padding-left: 10px; float: right }
.img  { margin: 0; padding: 0; border-style: none }
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
h3 {color: white}
.pic{ border-width: 0px; margin-top:8px;}
.kd { padding-bottom: 0px}

/* -----------------  top info  -------------------------------------------------------*/

#header     { background:  url("../images/header.gif") no-repeat; margin: 0; width: 999px; height: 100px; clear: both }
#head  { background: #444 url("../images/head.jpg") repeat-x left top; padding: 0px 0 0; width: 100%; height: 231px }
#title {float:left; width:240px; padding: 20px 0 10px 60px;}
#title h3 {padding-left: 20px; padding-bottom: 0; padding-right: 0; padding-top: 33px; font-size: 16px; margin:0; color:#444;}
#hright {float:right; width:640px; height: 60px; margin:15px 0 0 0;}
#hrighttop  { text-align: right; margin: 0; padding: 0 0 2px; width: 850px; height: 30px; float: right }
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu   { color: black; font-size: 14px; text-align: right; margin: 2px 0 0; padding: 2px 0; width: 800px; float: right; border-top: 1px dotted; border-bottom: 1px dotted }
#menu li { display:inline; }
#menu li a  { color: black; text-decoration: none; background: transparent; padding: 1px 5px; height: 19px }
#menu li a:hover { background: #74acc9;} 

/* ----------------- Main content -------------------------------------------------------*/
.newsscroll {margin: 0 0; padding: 0 6px 0 0; width: 631px; float: left}


#pscroller1  { background-color: #e5e5e5; padding: 5px; width: 649px; height: 50px; border: solid 0 black }

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.content  { margin: 0 0; padding: 0 6px 0 0; width: 631px; float: left }
.content2  { margin: 0 0; padding: 0 6px 0 0; width: 997px; float: left }
.content3    { margin: 0; padding: 0 6px 0 0; width: auto; float: left; border-top: 1px dotted black; border-right: none black; border-bottom: 1px dotted black; border-left: 1px none black }
.side { width: 310px; float: right }
.sidenav   { background: #dbe9d5; margin-bottom: 12px; padding-right: 4px; padding-bottom: 10px; padding-left: 4px; width: 310px; float: right }
.artistdates  { color: #555555; font-size: 18px; background-color: #9c3; margin-top: 0; margin-left: 0; padding: 6px 4px; width: 310px; float: right }
.release      { color: #000; font-size: 12px; background-color: #74acc9; background-image: url("../releasebg1.jpg"); background-position: left 0; margin: 0 0 12px; padding-top: 12px; padding-right: 0; padding-bottom: 12px; width: 500px; height: auto; float: left; border-style: none }
.release a  { color: #000; text-decoration: none; background-color: transparent; border-style: none; outline-style: none }
.release a:hover { color: #555555}
.release2    { color: #000; font-size: 12px; text-decoration: none; background-color: #74acc9; background-image: url("../releasebg2.jpg"); background-position: right 0; text-align: right; margin: 0 0 12px; padding: 12px 0; width: 500px; height: auto; float: right }
.release2 a  { color: #000; text-decoration: none; background-color: transparent; border-style: none; outline-style: none }
.release2 a:hover { color: #555555}
.release3     { color: #000; font-size: 12px; background-color: white; background-image: url("../releasebg3.jpg"); background-repeat: repeat-y; background-position: left 0; margin: 0 0 12px; padding: 12px 0; width: 640px; height: auto; float: left; border-style: none }
.flyer {float: left }
#homepic     { border-left-style: none; border-bottom-style: solid; border-right-style: none; border-top-style: solid; border-color: #74acc9; border-width: 2px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; width: 999px; height: 130px }
#mp3player   { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; padding-top: 12px; padding-bottom: 12px; width: 240px; height: 20px }
.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontenttop  { margin-top: 5px; width: 999px; height: 10px; border-top: 1px dotted }
#bottomcontent{ display: inline-block; bottom: auto; width:999px; height: 100%;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#releasetitle    { color: black; font-size: 18px; line-height: 20px; margin-top: 10px; padding-top: 2px; padding-bottom: 2px; width: 999px; height: 20px; border-top: 1px dotted; border-bottom: 1px dotted }
#block    { color: #000; font-size: 24px; background-color: #fc0; margin-bottom: 5px; padding: 5px; width: 650px; float: left; border-style: none; border-width: 2px 1px; border-color: #000 }
#block2    { background-color: #e4e4e4; margin-bottom: 7px; padding: 3px 3px 0; width: auto; float: left; border-style: none; border-width: 2px 1px; border-color: #000 }
#block4 {float: left; clear: both; margin-bottom: 7px }
#rel { float: left; clear: both;}
#block3   { color: #000; font-size: 24px; background-color: #fc0; margin-bottom: 12px; padding: 5px; width: auto; border-style: none; border-width: 2px 1px; border-color: #000 }
#bottomcontentbtm   { background: url("/images/b_contentbtm.jpg") no-repeat; margin-top: -4px; width: 999px; height: 10px }
.left       { margin: 0 0 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 0; position: absolute; width: 333px }
.middle    { padding-left: 0px; padding-bottom: 10px; padding-top: 10px; margin-left: 0px; margin-bottom: 5px; margin-right: 0px; margin-top: 0; float: right; width: 333px; }
.right    { padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; margin-left: 0px; float: right; margin-top: 0; margin-right: 0px; margin-bottom: 5px; width: 333px; }
.all { margin: 0 6px 5px 0; padding: 10px; width: 900px}
#graphic  { margin-left: 0; padding-right: 61px; padding-left: 0; float: left }
#graphic2  { margin-left: 61px; padding-right: 0px; padding-left: 0; float: right }
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}
.links         { font-size: 14px; margin-bottom: 5px; padding-bottom: 3px; border-top: medium none; border-bottom: 1px dotted}
.releaseinfo   { position: absolute; display: inline-block; margin-top: 20px; padding-top: 0; width: 180px; border-top: 1px dotted; border-bottom: 1px dotted }
#divider { position: absolute; display: inline-block; margin-top: 2px; margin-bottom: 2px; padding-top: 20px; padding-botton: 20px; width: 999px; border-top: 1px dotted }
.contact {float: left}
.kdisco a {text-decoration: none; background: transparent}
.kdisco a:hover {text-decoration: none; background: transparent}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer  { font-family: Helvetica, Verdana, Arial, sans-serif; color: black; font-size: 12px; line-height: 1.8em; background-color: #74acc9; text-align: center; margin: auto; padding: 4px 0; width: 999px; clear: both; border-top: 1px }
#footer a {color: black; background: inherit;}
#footer a:hover {color: black; text-decoration: underline; background: inherit;}

/* ---------------- Sliding box ---------------------------------------------*/

.boxgrid            { background: #161613; margin: 10px 0 10px 0; position: relative; width: 400px; height: 216px; overflow: hidden; border-style: solid solid none; border-width: 1px 1px medium; border-color: #000 }
				.boxgrid img     { position: absolute; top: 0; left: 0 }
				.boxgrid p { color: white; font: 10pt "Lucida Grande", Arial, sans-serif; padding: 0 5px }
				.boxgrid a  { color: white; text-decoration: none; background: transparent }
				.boxgrid a:hover   { background: #74acc9 }
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 216px; 
				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: 216;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 190px;
 					left: 0px;
 				}