/*\	+-----------------------------------------------+


		styling >> shriek-music.com
		version >> 04/12/2008		
		
	+-----------------------------------------------+	\*/




/*	THE HTML
____________________________________________________________*/



html { margin:0; padding:0;}
body{ margin:0; padding:0; background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}

h1, h2	{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif }
h3, h4, h5	{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif}
p 		{ margin:0; padding:0 0 10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:140%; font-weight:normal; color:#B9B9B9}
li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:140%; font-weight:normal; }
img, 
img a 	{ border : none;}
form, 
fieldset{ margin:0;padding:0; border:0}
.clearthis	{ clear: both; line-height: 1px; height: 0;}

.left	{ text-align:left; }
.center	{ text-align:center; }
.right 	{ text-align:right; }

.hidden{ display:none;}
.visible{ display:block;}



/*	THE LINKS
____________________________________________________________*/


a { margin:0; padding:0; color:#D61E42}
a img{ margin:0; padding:0; border:0;}



/*	THE WRAPPER
____________________________________________________________*/

#wrapper {margin:0 auto; padding:0 0 0 150px; width:800px; }
#page	{margin:0; padding:0; height:200px;}

/*	THE HEADER
____________________________________________________________*/

#header { margin:0; padding:10px 0 0 0; width:800px; height:*0px; }

#logo { margin:0; padding:0; width:250px; float:left; }

#logo h1{ margin:0; padding:0; display:block; width: 250px; height:80px; float:left; font-weight:normal; font-size:1em; line-height:100%;}
#logo h1 a span{ position: absolute; width: 250px; height:80px; background-position: 0 0; cursor:pointer;}
#logo h1 a span{ background-color:transparent; background-position:top left; background-repeat:no-repeat;}
#logo h1 a span{ background-image:url("/_img/logo-black.png");}



/*	THE MENU
____________________________________________________________*/

#menu { margin:0; padding:55px 0 0; float:left; width:390px; }
#menu ul{ margin:0; padding:0; float:right; list-style-type:none; }
#menu ul li{ margin:0; padding:0 0 0  10px; float:left; }
#menu ul li.active{ font-weight:bold;}
#menu ul li.active a{ text-decoration:none; color:#D61E42;}
#menu ul li a{ font-weight:bold;text-decoration:none; color:#B9B9B9;}
#menu ul li a:hover{ text-decoration:underline;}

#loading{margin:0; padding:0 25px 0 0;  float:left; width:615px; height:40px; text-align:right; color:#B9B9B9 }
.loading {background:transparent url("/_img/ajax-loader.gif") no-repeat top right; font-size:.9em; color:#B9B9B9}

/*	THE INTRO
____________________________________________________________*/

#intro { margin:0; padding:30px 0; float:left; width:600px; height:400px;}
#intro p { font-size:1.5em}
#intro p.enter { text-align:center;}


/*	THE CONTENT
____________________________________________________________*/


#content { margin:0; padding:0; float:left; width:800px; height:480px;}



h2{ margin:0; padding:0; float:left; width:600px; font-size:1em; color:#B9B9B9}



#gallery { margin:0; padding:0; float:left; width:650px; height:400px}

#items{margin:0; padding:0;  z-index:1; width:730px; height:400px;}

#gallery dl{ margin:0; padding:0; float:left; width:650px;}
#gallery dl dt{ margin:0; padding:0 1px 1px 0; float:left; width: 160px; display:none;}
#gallery dl dt img{ margin:0; padding:0; float:left; width:160px; height:90px;}
#gallery dl dd{ display:none;}

#content #info{ margin:0; padding:0; float:left; width:150px; font-size:10px;}
#content #info p{ margin:0; padding:0; float:left; width:150px; font-size:10px;}


#video{ margin:0; padding:0;  width:1px; height:1px; position:absolute; top:120px; background-color:#000; }
#video #cont{ background-color:#000;float:left; font-size:12px ;position:absolute;top:0; left:0; }

.bord{border:1px solid #dadada;}


#preview{ margin:0; padding:0; float:left; width:644px; height:480px; background-color:#000; }
#preview h2{ margin:0; padding:0 0 2px; font-size:1em; color:#B9B9B9;float:left; width:410px;}
#preview #next{ margin:0; padding:0; float:left; text-align:right; width:200px; font-size:10px;  }
#preview #next a{ margin:0; padding:0; text-decoration:none; color:#B9B9B9 }
#preview #next a:hover{ margin:0; padding:0; text-decoration:none; color:#D61E42}
#preview #close{ margin:0; padding:0; float:left; text-align:right; width:30px; font-size:10px;  }
#preview #close a{ margin:0; padding:0; text-decoration:none; color:#B9B9B9 }
#preview #close a:hover{ margin:0; padding:0; text-decoration:none; color:#D61E42}
#preview #preview-body{margin:0; padding:2px 0 0; float:left; width:640px;border-top:1px solid #dadada;}

#preview #preview-body #player { margin:0; padding:0; width:640px; height:380px; float:left; }

#preview #preview-body #data { margin:0; padding:5px 0; width:640px; float:left;}
#preview #preview-body #data ul{ margin:0; padding:0; width:235px; float:left; list-style-type:none;}
#preview #preview-body #data ul li{ margin:0; padding:0; width:235px; float:left; color:#B9B9B9; font-size:11px}
#preview #preview-body #data p{ margin:0; padding:0; width:400px; float:right;}


#map{margin:0; padding:0; float:left; width:645px; height:400px}

/*	THE FOOTER
____________________________________________________________*/

#footer{ margin:0; padding:0; float:left; width:800px;}
#footer ul{ margin:0; padding:0; float:left; width:800px; list-style-type:none;}
#footer ul li{ margin:0; padding:0 10px 0 0; float:left; color:#B9B9B9 }