/* 
www.mrzed.net - The Sound of Dubadelic Space Rock
kludgy design by nick townsend <nick@mrzed>
*/


#promo
{
position:fixed;
z-index:50;
background-image:url("./flyers/mrzed-advert_sm.png");
width:223px;
height:216px;
border:0px;
left:177px;
top:3px;
}

#gcon
{
position:relative;
padding:15px;
cell-spacing:15px;
margin:0px auto;

}


/*Set catch all formatting*/

* {
/*just in case text hasn't been formatted we format it to keep with
the rest of the style sheet*/
font-family:Courier;
font-size:12pt;
color:#fff;
padding:0px;
}

body
{
/*this sets one half of the background image*/
background:#0d0d0d;
background-image:url("./invert-zedhed-l.png");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center right;
}


/*-----------------
Positional elements
-----------------*/

#valid {
/*valid html button*/
position:absolute;
clear:both;
top:7px;
right:7px;
}

#validcss {
/*valid css button*/
position:absolute;
top:25px;
right:7px;
}

#logo
{
/*main site logo*/
margin-bottom:12px;
padding:0px;
position:relative;
border:0px;
height:94px;
}

#left_overlay
{
/*Gives us the left hand background image*/
position:fixed;
left:0px;
right:0px;
top:0px;
bottom:0%;
background-image:url("./invert-zedhed-r.png");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center left;
}

#nav{
/*the navigation bar*/
position:absolute;
left:0px;
padding-top:3px;
padding-bottom:3px;
border-top:#101010 1px solid;
border-bottom:#101010 1px solid;
width:100%;
text-align:center;
margin-bottom:10px;}

#content {
/*main content is in here*/	
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
height:100%;
overflow:none;
border:0px;
border-left:1px solid #333;
border-right:1px solid #333;
padding:20px;
min-width:30%;
max-width:74%;
background:#000;
text-align:center;
vertical-align:top;
margin-right:200px;
margin-left:200px;
}


/*-------------------
Appearance formatting
-------------------*/

a:link
{
color:#fff;
text-decoration:none;
}


a:visited
{
color:#fff;
text-decoration:none;
}


a:hover
{

color:#C77E59;
/*color:#fff;*/
text-decoration:none;
}

a:active
{
color:#666;
border-bottom:dotted 1px #fff;
}

a.nav
{padding-top:4px;
padding-bottom:6px;
margin-left:15px;
margin-right:15px;}

a.nav:visited {
}

a.nav:hover {
color:#fff;
border-bottom:1px solid #666;
border-top:1px solid #666;
}

a.nav:active {}

a.gallery
{
color:#333333;
font-family:Courier;
font-size:10pt;
}


.valid  {
text-align:center;
color:#333;
font-size:7pt;
width:90px;
border: dotted 1px #333;
padding:0px;
}

div.media_player
{
border:0px dotted #fff;
padding:20px;
clear:both;
text-align:center;
}

img
{
border:0px;
}

img.special
{
border:1px solid #333;
padding:7px;	
}

li.audio
{
list-style-image: url(./icons/sound1.png);	
}

div.pictureboard{
margin:auto 32px;
text-align:justify;
align:center;	


}

div.audio {
height:200px;
text-align:left;
vertical-align:middle;
border:1px #333 dotted;
padding:5px;
margin:30px auto;
margin-top:5px;
margin-bottom:15px;	
width:550px;
}

div.cdcover {
float:left;
clear:none;
width:200px;
padding-right:5px;
border-right:#333 1px dotted;
}

div.listing
{
margin-left:245px;	
}

div.gig
{
width:96%;
position:relative;
float:left;
padding:8px;
margin-top:0px;
margin:3px;
border:1px dotted #fff;
font-size:12pt;
font-weight:bold;
color:#fff;
background:#1f1f1f;

}

div.gig_title
{
position:relative;
float:left;
background:#1f1f1f;
padding:8px;
margin:3px;
border:1px dotted #fff;
font-size:12pt;
font-weight:bold;
color:#fff;
border-bottom:0px;
margin-bottom:-1px;
}

div.gig:hover
{

}

div.gig_detail
{
position:absolute;
padding:15px;
border:1px solid #fff;
}

div.flyer{
background:#333333;
border:1px dotted #fff;
padding:15px;
position:relative;
float:right;
top:0px;
}



div.gig_old
{
position:relative;
padding:4px;
margin:3px;
border:1px dotted #666666;
font-size:8pt;
color:#666666;
}
div.gig_old:hover
{
background:#1f1f1f;
color:#fff;
}

div.gig_old_detail
{
padding:15px;
border:1px solid #fff;
}


.page_body
{
text-align:center;
border:0px solid red;
margin-top:60px;
}

div.gallery_item{
float:left;
clear:none;	
width:150px;
height:149px;
position:relative;
background:#333;
padding:3px;
padding-top:10px;
padding-bottom:13px;
margin: 15px;
border:1px solid #666666;
color:#333333;
text-align:center;
font-family:Courier;

}
div.gallery_item:hover
{
border:1px solid #fefefe;
background:#fff;

}