/*

Theme Name: SORF 2009
Theme URI: http://www.sorf.de
Description: SORF 2008 Theme
Version: 1.0
Author: Mario Wimmer / Kristin Kirsch
Author URI: fallen-legen.de  // leuchtfeuer692.com

The CSS, HTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* general */

* 		{ margin: 0; padding: 0; border: 0; }

body 	{

margin: 0;
padding: 0;

font-family:   Helvetica,Arial, Sans-Serif;

background-color: #011a1a;
color: #999;

background-image:url(images/bkgr.jpg);
background-repeat: repeat-x;

}

/* layout */

#page	{

width: 952px;
min-width: 952px;
max-width: 952px;

margin: 0 auto 0 auto;

}

#head	{

width: 952px;
min-width: 952px;
max-width: 952px;

height: 332px;

background-image: url(images/header-bg.jpg);
background-repeat: no-repeat;

margin: 0 0 10px 0;
padding: 0;

}

#head-home, #head-kristin, #head-sponsor	{

float:left;

}

#head-nav	{

width: 912px;
min-width: 912px;
max-width: 912px;

margin: 0 auto;

}

#head-sponsor	{

width: 212px;
min-width: 212px;
max-width: 212px;

margin: 0 20px;

float:right;

}

#content	{

width: 952px;
min-width: 952px;
max-width: 952px;

margin: 10px 0 0 0;
padding: 0;

}

/* IE 7 hack */

*:first-child+html #content	{

margin: 20px 0 0 0;

}


/* IE 7 hack ENDE */

#main	{

width: 515px;
min-width: 515px;
max-width: 515px;

float:left;


margin: 0;
padding: 0;

}

#main-bg	{

/* background-image: url(images/main-bg.jpg); */
background-repeat: repeat-y;

background-color: #000;

margin: 0;
padding: 20px 10px 0px 10px;

}

#main-uw	{

width: 952px;
min-width: 952px;
max-width: 952px;

margin: 0;
padding: 0;

}

#main-uw-bg	{

/* background-image: url(images/main-bg.jpg); */

background-color: #000;

margin: 0;
padding: 20px 10px 0px 10px;

}


#add	{

width: 427px;
min-width: 427px;
max-width: 427px;

float: right;

}

#blog	{


width: 427px;
min-width: 427px;
max-width: 427px;

padding: 0 0 10px 0;


}

#blog-bkgr	{

background-color: #000;

padding: 15px 5px 5px 5px;

}

.blog-box	{

width: 200px;
min-width: 200px;
max-width: 200px;

height: 50px;

margin: 5px 0px 5px 5px;

overflow: hidden;

float: left;

}

.blog-box:hover	{

background-color: #111;

}


.blog-box-head	{

width: 410px;
min-width: 410px;
max-width: 410px;

background-color: #111;

height: 50px;

margin: 5px 0px 5px 5px;

overflow: hidden;

float: left;

}

.blog-box-head:hover	{

background-color: #111;

}

#stagetimes	{	padding: 0 0 10px 0;	}

#friday, #saturday	{

width: 205px;
min-width: 205px;
max-width: 205px;

height: 355px;

float: left;

background-image: url(images/bands-fr.png);
background-repeat: no-repeat;

}

#saturday	{

margin: 0 0 0 10px;


}

#radio	{


width: 427px;
min-width: 427px;
max-width: 427px;

align: center;

padding: 0 0 10px 0;

}

#radio-bkgr	{

/* background-image: url(images/main-bg.jpg); */
background-color: #000;

padding: 5px;

}

#radio-cont	{

width: 200px;
min-width: 200px;
max-width: 200px;


margin: 0 auto;

}

#radio-single	{

width: 300px;
min-width: 300px;
max-width: 300px;


margin: 200px auto;


}


.post-1, .post-2, .post-footer	{

width: 466px;
min-width: 466px;
max-width: 466px;

margin: 0 auto;
padding: 10px 0 20px 0;

}

.post-1	{

background-color: #fff;

}

.post-2	{

background-color: #000;

}

.post-footer	{

padding: 0 0 20px 0;

}

#copy	{

background-image: url(images/footer-bkgr.jpg);
background-position: 0 250px;
background-repeat: repeat-y;

margin: 20px 0 0 0;

}

#par	{

width: 952px;
min-width: 952px;
max-width: 952px;

background-image: url(images/footer-footer.png);
background-repeat: repeat-x;

height: 260px;

text-align: center;

} 

#copy-left	{

width: 375px;
min-width: 375px;
max-width: 375px;

float:left;
text-align: right;

padding: 20px 0 0 15px;

}

#copy-mid	{

width: 170px;
min-width: 170px;
max-width: 170px;

float:left;

}

#copy-right	{

width: 375px;
min-width: 375px;
max-width: 375px;

float:left;
text-align: left;

padding: 20px 10px 0 0;

}

h1	{	}

#vvk h2, #main h2, .blog-box-head h2	{

font-size: 1.2em;
font-variant: small-caps;

padding: 15px 50px 15px 20px;


}

#vvk h2	{

padding-top: 27px;


}

img.aaa	{

padding: 0px 20px;

}

.blog-box h2	{

font-size: 0.8em;

margin: 2px 5px;

color: #ccc;

}

/* SCHRIFT */

p	{	}

.post-1 p	{

color: #333;

}

.post-2 p	{

color: #ccc;

}

.blog-box p	{

font-size: 0.6em;

margin: 2px 5px;

color: #ccc;

}

#main p, #par p, #vvk p	{

font-size: 0.8em;

text-align: left;

padding: 5px 50px 5px 20px;

}

#vvk p	{

font-size: 0.8em;

text-align: left;

padding: 5px 20px 5px 20px;

}

#copy p	{

font-size: 0.8em;

}

/*Nav Hover Links*/

.nav-link {

height: 35px;

margin: 30px 0 0 0;

background-repeat: no-repeat;

float:left;

}

.nav-link:hover {

background-position: 0 -84px;

}

.vvk-link {

height: 35px;

margin: -15px 0 0 0;

background-repeat: no-repeat;

float:left;

}

#nav-blog	{

margin:  35px 0 0 10px;

}

/*Nav Hover Links ENDE*/

.clearer	{

width: 100%;
min-width: 100%;
max-width: 100%;

clear:both;

height: 1px;

}


.post-1 table, .post-2 table	{

padding: 15px 50px 15px 20px;


}


#main ol, #main ul	{

font-size: 1em;

padding: 5px 50px 5px 20px;

}

li	{

color: #333;

margin: 5px 15px 15px 20px;

list-style-type: bullet;

font-size: 0.8em;

}

#main li p 	{

margin: 0;

padding: 5px 50px 5px 0px;

font-size: 1em;

}

#commentlist li	{

color: #333;

margin: 5px 15px 15px 0px;

list-style-type: none;

font-size: 1em;

}

cite	{

color: #999;

}

/* LINKS */

h2 a, h2 a:link, h2 a:active, h2 a:visited					{

text-decoration: none;
color: #333;

}

a, a:link, a:active, a:visited					{

text-decoration: underline;
color: #009966;

}

a:hover	{

color: #00ffcc;
text-decoration: underline;

}

tr.newstage a	{

color: #aaa;

text-decoration: none;

}

tr.mainstage a	{

color: #f11;

text-decoration: none;

}

/* LINKS ENDE */


/* KOMMENTARE */

textarea	{

border: solid #666 1px;

}

input	{

border: solid #666 1px;
margin: 0 0 5px 0;
}

input:active, textarea:active	{

background-color: #cfcfcf;

}


/* KOMMENTARE ENDE*/

/* TABELLEN */

table	{

font-size: 0.8em;

margin: 15px 15px 15px 20px;

}

td.band	{

width: 125px;
min-width: 125px;
max-width: 125px;

padding: 3px 0;

}

td.zeit	{

width: 50px;
min-width: 50px;
max-width: 50px;

padding: 4px 0;

font-size: 1em;

text-align: center;

color: #fff;

}


tr.newstage	{

color: #aaa;

font-size: 0.9em;

}


tr.mainstage	{

color: #f11;

font-weight: bold;

}


#friday thead, #saturday thead	{

color: #fff;
font-weight: bold;

}


/* TABELLEN ENDE */

hr	{

border-bottom: 3px #999 double;

margin: 15px 50px 5px 20px;

}


/* FORMULAR */

form	{

font-size: 0.8em;

margin: 15px 50px 15px 20px;

}

input, textarea	{

margin: 5px 5px 5px 0px;

}