@charset "utf-8";
/* CSS Document */
*{
margin: 0;
}
img{
border: none;
}
/***************************************

Fonts and Tags

****************************************/
body{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #656666;
line-height: 1em;
}
h1{
clear: right;
margin: 0px 0 11px 0;
font-size:	2.0em;
color: #943333;
line-height: 1.2em;
font-weight: 200;
}
h2{
margin: 0;
font-size: 1.6em;
line-height: 1.2em;
}
h2 a{
color: black;	
}
h3{
margin: 0 0 3px 0;
font-size: 20px;
font-weight: 200;
line-height: 1.2em;
}
h4{
margin: 2px 0 10px 0;
font-size: 1.0em;
}
h5{
margin: 0;
font-size: 0.9em;
}
h6{
clear: right;
margin: 0px 0 11px 0;
font-size:	3.8em;
color: #943333;
line-height: 1.2em;
font-weight: 200;
}
p{
line-height: 1.3em;
font-size: 1.2em;
margin: 5px 0 10px;
}
.gigpress-table{
line-height: 1.3em;
font-size: 1.2em;
}
.gigpress-listing li{
padding: 2px 0;
}
a{
color: #943333;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
ul{
list-style: none;
font-size: 1.2em;
margin:0;
padding: 0;
line-height: 1.3em;
}
/**************************************

Layout

***************************************/
body{
text-align: left;
background-color: white;
}
#main{
width: 1024px;
margin: 0 auto; 
}
.header{
background-image: url(images/default_header.jpg);
background-repeat: no-repeat;
position: relative;
height: 700px;
}
.headlines .header{
background-image: url(images/header_headlines.gif);
height: 645px;
}
.radio .header{
background-image: url(images/header_radio.gif);
height: 450px;
}

.contact .header{
background-image: url(images/header_contact.jpg);
height: 651px;
}
.darkroom .header{
background-image: url(images/header_darkroom.jpg);
height: 486px;
}
.store .header{
background-image: url(images/header_store.jpg);
height: 321px;
}
.header h1{
margin: 0;
}
.header h1 a{
display:block;
overflow:hidden;
position:absolute;
text-indent:-999em;	
}
.headlines .header h1 a{
bottom:39px;
height:131px;
right:14px;
width:537px;
}
.radio .header h1 a{
top: 0px;
height: 238px;
left: 0px;
width: 1024px;
}
ul.nav{
height: 36px;	
width: 1024px;
line-height: 1em;
overflow: hidden;
text-align: center;
}
.header ul.nav{
font-size: 1.8em;
font-weight: 200;
text-align: center;
color: white;
position: absolute;
top: 559px;
left: 0;
}
.headlines .header ul.nav{
top: 420px;
left: 0;
}
.contact .header ul.nav{
top: 523px;
left: 0;
}
.radio .header ul.nav{
top: 260px;
left: 0;
}
.darkroom .header ul.nav{
top: 302px;
left: 0;
color: black;
}
.store .header ul.nav{
top: 218px;
left: 0;
color: black;
}
ul.nav li{
display: inline;
padding: 9px 5px;
}
ul.nav li a{
color: white;
}
.darkroom ul.nav li a, .store ul.nav li a{ 
color: black;
}
ul.nav li a:hover, ul.nav li.active a{
color: #bcbec0;
text-decoration: none;
}
box.content2 p{
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
font-color:943333;
background-color:transparent;
text-align:center;
padding: 5px 15px;
margin-bottom:-5px;
}
.content3 p{
     background-color: black;
     opacity: 0.5;
     filter:alpha(opacity=50); /* IE's opacity*/
     position: absolute;
     margin-bottom:-10px;
     width:120px;
     position: relative;
}
.content3 kick-in{
margin-left:150px;
}
.content{
width: 1024px;
overflow: hidden;
}
.contentphoto{
width: 954px;
overflow: hidden;
padding-left:70px;
}
.radio .content{
background-image: url(images/content_radio.gif);
background-repeat: no-repeat;
} 
.darkroom .content{
background-image: url(images/darkroom_back.jpg);
background-repeat: no-repeat;
background-color: #1a1717;
min-height: 894px;
height: auto !important;
height: 894px;

} 
.darkroom .contentphoto{
background-image: url(images/darkroom_back.jpg);
background-repeat: no-repeat;
background-color: #1a1717;
min-height: 894px;
height: auto !important;
height: 894px;
} 
.store .content{
background-image: url(images/store-back.jpg);
background-repeat: no-repeat;
min-height: 902px;
height: auto !important;
height: 902px;
} 
.contact .content{
background-image: url(images/contact_back.jpg);
background-repeat: no-repeat;
padding-top: 10px;
float: left;
} 
.content .left_col{
float: left;
width: 750px;
border-right: 1px solid #dbdbdb;
min-height: 553px;
height: auto !important;
height: 553px;
padding: 5px 25px 0;
overflow: hidden;
}
.darkroom .content .left_col{
min-height: 640px;
height: auto !important;
height: 640px;
border:medium none;
padding-left:43px;
padding-top:20px;
width:969px;
}
/* Begin Transparent Boxes */
.content .left_col .box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 1px solid #000000;
     position: relative;
     width: 100%;
}
.content .left_col .box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
.content .left_col .box_background {
     background-color: white;
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}
/* End Transparent Boxes */
.store .content .left_col{
min-height: 809px;
height: auto !important;
height: 809px;
border:medium none;
padding-left:93px;
padding-top:36px;
width:769px;
}
.store .content .wrap{
text-align: center;
}
.store .content .left_col p{
color: #943333;
font-size: 1.4em;
}
.contact .content .left_col{
padding: 5px 25px 0 229px;
width: 552px;
min-height: 635px;
height: auto !important;
height: 635px;
}
.radio .content .left_col{
float: left;
width: 488px;
border-right: 1px solid #dbdbdb;
min-height: 1022px;
height: auto !important;
height: 1022px;
padding: 5px 25px 0
}
.content .right_col{
width: 196px;
float: left;	
padding: 5px 0px 5px 15px;
overflow: hidden;
}
.home .content{
padding-left: 10px;
}
.home .content .left_col{
width: 200px;
min-height: 370px;
height: auto !important;
height: 370px;
}
.home .content .middle_col{
width: 465px;
float: left;
padding: 5px 25px 0;
overflow: hidden;
min-height: 370px;
height: auto !important;
height: 370px;
}
.home .content .rightH_col{
width: 200px;
float: left;	
overflow: hidden;
border-left: 1px solid #dbdbdb;
min-height: 370px;
height: auto !important;
height: 370px;
padding: 5px 25px 0;
}
.aPost{
border-bottom: 1px solid #eaeaea;
margin-bottom: 15px;
}
textarea{
width: 500px;
}
.footer{
background-image: url(images/footer.gif);
background-position: top center;
background-repeat: no-repeat;
padding: 60px 0 20px;
margin-top: 20px;
}
.darkroom .footer, .store .footer{
background: none;
clear: left;
padding: 60px 0 20px;
margin-top: 20px;
}
.footer ul.nav{
font-size: 1.2em;
text-align: center;
color: #989898;
}
.footer ul.nav li{
padding: 9px 2px;
}
.footer ul.nav li a{
color: #989898;
}
.right_col h2{
margin: 15px 0 5px 0;
color: black;	
}
.right_col a{
color: #666666;
}
/**************************************

Utility

***************************************/
.left{
float: left;
}
.right{
float: right;
}
.clr{
clear: both;
}
.noclr{
clear: none;
}
.displayHide{
display: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
#s{
width: 120px;
}
.commentmetadata{
line-height: 1.3em;
}
#galleryView{
border: 5px solid white;	
float: left;
}
.headlines .content .left_col .aPost div{
	float: left;
        text-align:justify;
        clear: right !important;
}
.headlines .content .left_col .aPost .entry img{
	float: left !important;
        clear: none !important;
        margin-right: 15px;
        margin-bottom: 5px;
}