/* CSS Document */

/***********************************************/
/* downtownsounds.css                  		   */
/* Ian O'Neill        						   */
/* sas@downtownsounds.org					   */
/* 2007, 2008						           */
/***********************************************/

* {margin:0pt; border: 0pt;}
html {height: 100%;	margin-bottom: 1px;/*always show scrollbar to avoid page jumps*/}
body{font : 74%/155% Helvetica, Tahoma, Verdana, Arial, sans-serif; background:   url(../images/backgrounds/concrete.jpg) no-repeat fixed top left;}

#container{ margin: 0 auto; padding: 0pt; width: 960px;}
a{color: #000000; text-decoration: none;}
a:hover{color:#333333;background-color: #CCCCCC;}
p{color:#000000; padding: 0px 0px 10px 0px;}
h1{padding: 40px 20px 40px 20px; font-size: 5em; text-indent: -999px; background:url(http://www.downtownsounds.org/images/header/dts_logo.png) no-repeat;}

h2{font-size: 2.5em; /*padding: 10px; line-height: 1.1em; background:#CCCCCC; color:#FFFFFF;*/}
h3{font-size: 1.8em; padding: 10px; background:#000000; color:#FFFFFF;}
h4{font-size: 1.5em; padding: 10px; background: #000000; color:#ffffff; line-height: 1.1em; margin-bottom: 10px;}
h5{font-size: 1.2em; padding: 10px; background:#000000; color:#ffffff; margin-bottom: 10px;}

.section_link{padding: 10px; width: 220px; color:#E3E3D8; display: block; text-decoration: none; height: 30px; background:url(../images/header/semit_deep_blue.png); /*border: 2px #E3E3D8 solid none;*/}
a.section_link:hover{background:url(../images/header/semit_light_blue.png); color:#FFFFFF; /*border: 2px #E3E3D8 solid none;*/}

#header {width:100%;}
#error{background:url(../images/header/semit.png); padding-left: 20px;}

#slickbox{width:100%; float: left; color: #000000; }

#flyers{width: 100%; float: left; }

#mixes {float: left; margin: 0px; padding:0px; width: 960px; background:url(../images/header/semit.png);}

#guests{float: left; width: 460px; padding: 10px;}
#residents{float: left; width: 460px; padding: 10px;}
.mix_container{float: left; width: 460px; padding: 10px;}
#footer{clear: both;}
#gallery{width: 100%; background:url(../images/header/semit.png); }
#contact{width: 100%; background:url(../images/header/semit.png); padding: 10px; clear: both; height: 100%;}
div.main{clear: left;}
#forum_container{clear: both;}
#forum{width: 100%; height: 100%;}
.grid4{padding:10px; width: 220px; float:left; background:url(../images/header/semit.png);}




/* Gigs Section */
.grid3{padding:10px; width: 300px; float: left; background:url(../images/header/semit.png);}
.gig{width:960px; clear: both;}
h2.flyer{background: #000000; color: #FFFFFF; padding-top: 10px; padding-left: 10px; padding-right: 10px; line-height: 1em;}
h4.flyer{margin-bottom: 0px;}
/*h5.flyer{background:#b58d72; color:#4A4A4A;}*/
img.flyer{padding-top: 10px;}
div#flyer2{margin-top: 30px;}


/*Mixes Section*/
.mix-box{padding: 10px 0px; min-height: 220px; clear: both;}
.mix-image{width: 140px; min-height: 200px; padding:0px 10px 0px 0px; float: left; clear: both;}
.mix-content{}


.mix{min-height: 220px; padding: 10px 10px 10px 0px; list-style: none;}
img.left{float: left; clear: left;}
.none{list-style: none; }
li.none{text-decoration: none; }


a.mix{float: left;}
h3.year{clear: left;}
h3.type{margin-bottom:10px;}
h4#mixes{font-size: 1.5em; padding: 10px 10px 10px 10px;background:#333333; color:#CCCCCC;}
h5#mixes{font-size: 1.2em; padding: 10px 10px 10px 10px;background:#333333; color:#330066;}

a.year-link{background: #000000; color:#FFFFFF;}
a.year-link:hover{background: #FFFFFF; color:#000000;}

#resident li#blank{}

#mixes a{color:#000000;text-decoration:none;}
#mixes a:hover{color:#333333;background-color: #CCCCCC;}