@charset "UTF-8";
/* CSS Document   */
/* Copyright Sound of the Forest e.V.  */
/* Author: Jonathan Rutsch */
/* URL: http://pq-world.de */


body{
font-family: Helvetica, Verdana, Arial;
font-size: 1em;
text-align: center;
margin: 0px;
padding: 0px;
}
#logo_overlay{
width: 897px;
height: 190px;
position: absolute;
background: url(http://soundoftheforest.de/img/logo_overlay.png);
top: 20px;
margin-left: 86px;
}
#page{
text-align: left;
width: 970px;
margin: auto;

}
#ghost{
position: absolute;
height: 55px;
font-family: helvetica;
font-weight: lighter;
}
#header{
height: 249px;
}
#navigation{
position: absolute;
top: 210px;
margin-left: 30px;
}
#content_wrapper{
min-height:600px;
}
#content{
width: 620px;
float: left;
background: url(http://zoolution-labs.de/img/bg-box.png);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 30px;
}
#video_container, #single_video{
background: #E3EEDE;
padding: 5px;
margin-bottom: 20px;
}
#sidebar{
position: absolute;
width: 230px;
top: 260px;
margin-left: 700px;
}
#footer{
clear: both;
margin-bottom: 20px;
padding: 20px;
width: 640px;
font-size: 14px;
}
a:focus{
outline: none;
}
/* MISC */
#homelink{
height: 130px;
width: 420px;
display: block;
position:absolute;
top: 120px;
margin-left: 480px;
text-indent: -6000px;
overflow: hidden;
}
.clear{
clear: both;
}

.post .bandbild, .post .band_bild{
width: 160px;
float: left;
margin: 6px 14px 0px 0px;
}
.post .bandbild_r, .post .band_bild_r{
width: 160px;
float: right;
margin: 6px 0px 0px 14px;
}
.band_preview .bandbild, .band_preview .band_bild{
width: 80px;
float: left;
padding: 3px;
margin: 6px 10px 0px 0px;
}
.small_img{
width: 140px !important;
float: left;
padding: 3px;
margin: 0px 16px 0px 0px !important;
}

/* TYPE TYPE TRYPE */
a{
text-decoration: none;
color: #fc0;
}
a:hover{
color: #f60;
}
h1{
font-size: 32pt;
margin: 0px;
padding: 0px;
}
h2, h4, h3{
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 20pt;
margin: 0px;
padding: 0px;
color: #E1F2EB;
letter-spacing: 1px;
font-weight: lighter;
text-transform: uppercase;
}
h2 a{
color: #E1F2EB;
} 
h4{
font-size: 14pt;
margin-top: 30px;
}
h3{
font-size: 15pt;
margin: 0px;
padding: 14px 0px 8px 0px;
color: #CBAF6D;

}
p{
font-size: 9.5pt;
color: #E1F2EB;
padding: 2px 0px 6px 0px;
margin: 0px;
line-height: 19px;
}
/* POST ENTRY */
.post{
margin: 0px 0px 10px 0px;
}
.post p{
text-align: justify;
}
.post img{
margin: 3px 8px 6px 0px;
padding: 2px;
background: #fff;
border: 1px solid #333;
width: 230px;
}

/* PLAYLIST */
#playlist{
list-style: none;
margin: 10px 0px 10px 10px;
padding: 0px;
}
#playlist li{
float: left;
margin-right: 10px;
font-size: 9pt;
}
#playlist li a img{
border-color: #897347;
width: 67px;
}


#shopper{
padding: 0px 20px 20px 20px;
background: #E3EEDE;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
text-align: center;
}
#shopper h3{
margin-bottom: 5px;
color: #A2AB9E;
text-align:left;
}
#shopper img{
width: 95px;
background: #B6C1B1;
padding: 3px;
margin: 5px 6px 0px 6px;
border: 2px solid #A2AB9E
}

#artist_jump_form{
float: right;
font-size: 10pt;
}
#band_video{
margin-top: 30px;
clear: both;
}
/*Comments*/
fieldset{
padding: 0px 10px 20px 10px;
background: url(http://zoolution-labs.de/img/bg-box.png);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 0px solid #A2AB9E;
padding: 20px;
margin-top: 20px;
}
fieldset input, fieldset textarea{
padding: 5px; 
border: 1px solid #333;
margin-right: 8px;
background: #f4f4f4;
color: #333;
}
input[type="text"]{
width: 190px;
}
fieldset input:focus{
font-weight: bold;
background: #F2D38E;
}
#comments ul{
list-style: none;
margin: 0px;
padding: 0px;
}
#comments ul li{
background: url(http://zoolution-labs.de/img/bg-box.png);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 0px solid #A2AB9E;
padding: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.comment_content p{
font-size: 9pt !important;
letter-spacing: 1px;
text-align: justify;
padding: 0px 20px 3px 20px;
}
#comments .comment_avatar{
width: 60px;
float: left;
margin-top: 10px;
margin-right: 8px;
border: 2px solid #A2AB9E;
}
#comments h3{
font-size: 25px;
}
#comments .comment h3{
margin: 0px 0px 0px 20px;
color: #A2AB9E;
padding: 10px 0px 0px 0px;
font-weight: lighter;
}
#comments h3 a{
color: #A2AB9E;
}
.comments{
background: url(http://zoolution-labs.de/img/bg-box.png);
padding: 6px;
text-align: right;
border: 0px solid #A2AB9E;
font-size: 9pt;
margin-top: 8px;
}
.comments a{
color: #fff;
}

/* FAQ */

#faq_frame a, #faq_frame h3:hover{
cursor: pointer;
color: #745E33;
}
.faq_trigger{
background: #CCD8C6;
margin-top: 10px;
padding: 10px 20px 10px 20px;
border: 2px solid #B5C0B0;
}
.toggle_content{
background: #E3EEDE;
padding: 0px 20px 10px 20px;
border: 2px solid #B5C0B0;
border-top: 0px;
text-align: justify;
}
.toggle_content p{
color: #444;
}

.tag_cloud{
margin: 0px 0px 30px 0px;
padding: 0px;
}


/* MENU */
#navigation a{
display: block;
float: left;
text-indent: 0px;
height: 28px;
margin-right: 11px;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 32px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
text-shadow: #333 2px 2px 0px;
padding-right: 10px;
}
#navigation a:hover{
color: #fc0;
}
#navigation .active{
color: #fc0;
}
#menu_news{

}

#crump_nav{
font-size: 8.0pt;
letter-spacing: 1px;
color: #1F441C;
position: absolute;
top: 0px;
margin-left: 675px;
width: 250px;
font-weight: lighter;
background: url(http://zoolution-labs.de/img/bg-box.png);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 6px;
padding-left: 16px;
}
#crump_nav a{
color: #fc0;

}

#sidebar img{
border: 5px solid #E3EEDE !important;
margin-bottom: 12px;
}

.post ul{
padding: 0px;
list-style: none;
font-size: 8.5pt;
color: #fff;
border: 0px solid #fff;
line-height: 12pt;
}
.post ul li{
padding: 6px;
background: #ededd1;
margin-bottom: 8px;
color: #333;
border: 1px solid #9f9856;
border-left: 6px solid #fcd000;
}

#facebook{
border: 4px solid #fff;
width: 232px;
height: 290px;
background: #eceff5;
}
.alignleft{
float: left;
}
.artist_full_wrapper{
float: left;
width: 204px;
background: #fff;
height: 190px;
padding: 2px;
margin: 6px 10px 5px 0px;
}

.artist_full_img{
width: 200px !important;
background: #fff !important;
border: none !important;
margin-bottom: 4px !important;
}

.artist_social{




} 

.artist_social a{
display: block;
padding-left: 30px;
height: 26px;
float: left;
text-indent: -6000px;
overflow: hidden;
margin-right: 9px;
}
.artist_social .myspace{
background: url(http://sound-of-the-forest.de/img/2010/icons/myspace/24x24.png) no-repeat center center #fff;
}
.artist_social .youtube{
background: url(http://sound-of-the-forest.de/img/2010/icons/youtube/24x24.png) no-repeat center center #fff;
}
.artist_prev_date{
font-size: 16px;
color: #fff;
margin-left: 12px;
}

.artist_prev_img{
float: left;
width: 105px !important;
}
iframe{
border: 4px solid #fff;
}

#bandplayer{

background: #e3eede;
padding: 4px;
}
#hauptsponsoren{
width: 240px;
height: 48px;
background: url(http://soundoftheforest.de/img/2010/hauptsponsoren-1.png);
margin-bottom: 25px;
}


.hauptsponsoren_link{
display: block;
float: left;
border: 1px  solid transparent;
height: 48px;
width: 46px;
}
#bob{
width: 76px;
}
#schmucker{
width: 67px;
}
#sparkasse{
width: 48px;
}
#wilder_hirsch{
width: 40px;
}
#artist_cloud {
margin: 12px 0px;
padding: 8px 0px;
color: #a08000;
text-align: center;
font-size: 158%;
margin-bottom: 30px;
font-family: 'Yanone Kaffeesatz', arial, serif;
}
.artist_cloud{
text-transform: uppercase;
display: block-inline;
line-height: 120%;
text-shadow: #333 2px 2px 0px;
}


.crump{
margin-bottom: 16px;
display: block;
}

.fl, .fr{
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 16pt;
margin: 0px;
padding: 0px;
color: #E1F2EB;
letter-spacing: 1px;
font-weight: lighter;
text-transform: uppercase;
}
.fr{
float: right;
}
.fl{
float: left;
}


.warning{
background: transparent !important;
border: 0px !important;
width: 150px !important;
float: left;
}

.ticket_banner{
width: 296px !important; 
float: left;
}
#win label{
display: block;
padding: 6px;
font-size: 12px;
}
#win {
text-align: left;
}
#win h4{
display: inline;
}
#sponsor_more{
text-align: right;
display: block;
font-size: 12px;
margin-top: -10px;
}
#merch{
margin-bottom: 20px;
text-align: left;
background: url(http://zoolution-labs.de/img/bg-box.png);
padding: 18px;
border: 1px dashed #0d3119;
} 
#merch_left{
float: left;
width: 270px;
}
#merch_right{
float: right;
width: 300px;
}
#merch h3{
margin: 0px;
padding: 0px;

}
#merch p{
font-size: 10px;
margin-top: 0px;

}
#merch img{
display: inline;
width: 90px;
border: 1px solid #000 !important;
margin-right: 1px;
padding: 2px;
background: #3d341e;
}

.band_preview_small{
width: 178px;
float: left;
padding: 3px;
margin: 6px 10px 0px 0px;
background: url(http://zoolution-labs.de/img/bg-box.png);
padding: 0px 8px 0px 8px;
border: 1px dashed #0d3119;
height: 130px;
}
.band_preview_small .artist_prev_date{
font-size: 11px;
}
.band_preview_small p{
font-size: 11px;
line-height: 13px;
text-align: left;
}
.artist_prev_img_small{
float: left;
width: 60px !important;
margin: 0px 4px 1px 0px !important;
}
.band_preview_small h3{
font-size: 15px;
}

.button_link{
display: block-inline;
line-height: 55px;
padding: 12px;
background: url(http://zoolution-labs.de/img/bg-box.png);
border: 1px dashed #0d3119;
font-size: 19px;
text-transform: uppercase;
text-align: left;
font-family: 'Yanone Kaffeesatz', arial, serif;
letter-spacing: 1px;
}
.button_link:hover{
background: #111;
}
#lineup_dj{
font-size: 12px;
}
.album img{
width:140px !important;
}