/*  
Theme Name: Spencer Rock
Theme URI: www.spencer.ch
Description: WP Theme for the Rockband Spencer
Version: 1.0
Author: Roman Hospenthal / www.rhodesign.ch / info@rhodesign.ch
Author URI: http://www.rhodesign.ch


Thank you for viewing that CSS-File. Please do not steal any Code from that.
If you wanna use my KnowHow in CSS get in Contact with me.
*/




html, body { 
padding:0px;
margin:0px;
height:100%;
}

body {
color: #093249;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
margin: 0px;
background-image: url(images/bg_body2.jpg);
background-position: top center;
background-attachment: fixed;
}



#content_container{
width: 820px; 
margin: 0px auto; 
padding: 0px;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
background-image: url(images/container2.png);
background-position: top center;
background-repeat: repeat-y;

}


#header { 
height: 215px;
width: 450px;
background-image: url(images/header.jpg);
padding: 0px;
margin: 0px auto 22px auto; 
}






/* ################################################## START CONTENT STUFF ################################################# */	
#content { 
width: 450px; 
margin-bottom: 450px;
margin-left: 185px;
margin-right: 0px;
position:relative;
padding: 0;
}

	
#content p{
margin: 0px;
line-height: 18px;
padding: 0px 0px 10px 0px;
margin-top: 5px;
}
#content h2 {
font-size: 14px; 
color: #b33345; 
margin: 0px;
text-transform: uppercase;
}

#content h2.pagetitel {
font-size: 14px; 
color: #b33345; 
margin: 0 0 15px 0;
text-transform: uppercase;
}

#content h4 {
font-size: 12px; 
color: #379CD4; 
margin: 5px 0 5px 0;
}
#content h5 {
text-transform: uppercase;
font-size:10px;
margin: 0 0 10px 0;
color: #379CD4;
font-weight: normal;
}	



#content ol {
list-style-type: decimal;
line-height: 18px;
margin: 0px;
padding: 0px 0px 10px 30px;
}

#content ul {
list-style: none;
margin: 0px;
padding: 0px 0px 10px 0px;
}
	
#content li {
margin: 0px;
padding: 0px;
}
	
#content ul li {
list-style: square inside;
margin: 0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
}
/* ################################################## ENDE CONTENT STUFF ################################################# */		


	







/* ################################################## START POST STUFF ################################################# */	
.post {
border-bottom: 1px solid #b33345;
margin-bottom: 15px;
}

.postdate {
text-transform: uppercase;
font-size:10px;
margin: 0 0 10px 0;
color: #94cae8;
}	

h2.posttitel {
font-size: 14px; 
color: #b33345; 
margin: 0px;
text-transform: uppercase;
}

h2.posttitel a {
color: #b33345;
text-decoration: none;
}

h2.posttitel a:hover {
color: #379CD4  !important;
text-decoration: none !important;
}


.postfooter{
font-size:10px;
margin: 10px 0 2px 0;
padding: 3px 0 3px 0;
background-color: #94CAE8;
text-transform: uppercase;
}
.postfooter a{
color: #b33345 !important; 
text-decoration: none;
}
.postfooter a:hover{
color: #FFF !important; 
text-decoration: none;
}
/* ################################################## ENDE POST STUFF ################################################# */	



	
	
	
	
	
	
	
/* ################################################## START SIDEBAR LEFT ################################################# */	
#left { 
width: 160px;
float: left; 
padding-top: 15px;
}
#left ul{
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
list-style-type: none;
}


#left a:link, #navlist a:visited{
text-decoration: none;
outline: none;
}

#navlist {
position: fixed;
}

#navlist a {
display:block;  
width:160px;   
height:32px; 
margin-bottom: 1px;
}

#navlist a.eins {
background: url(images/01-s-navi-news.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.eins:hover {
background: url(images/01-s-navi-news.gif) no-repeat bottom left;
}
#navlist li.currenteins a {
background: url(images/01-s-navi-news.gif) no-repeat bottom left !important;
}



#navlist a.zwei {
background: url(images/02-s-navi_band.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.zwei:hover {
background: url(images/02-s-navi_band.gif) no-repeat bottom left;
}
#navlist li.currentzwei a.zwei {
background: url(images/02-s-navi_band.gif) no-repeat bottom left !important;
}


#navlist a.drei {
background: url(images/03-s-navi-music.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.drei:hover {
background: url(images/03-s-navi-music.gif) no-repeat bottom left;
}

#navlist li.currentdrei a.drei {
background: url(images/03-s-navi-music.gif) no-repeat bottom left;
}

#navlist a.vier {
background: url(images/04-s-navi-press.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.vier:hover {
background: url(images/04-s-navi-press.gif) no-repeat bottom left;
}
#navlist li.currentvier a.vier {
background: url(images/04-s-navi-press.gif) no-repeat bottom left;
}

#navlist a.fuenf {
background: url(images/05-s-navi-concerts.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.fuenf:hover {
background: url(images/05-s-navi-concerts.gif) no-repeat bottom left;
}
#navlist li.currentfuenf a.fuenf{
background: url(images/05-s-navi-concerts.gif) no-repeat bottom left;
}

#navlist a.sechs {
background: url(images/06-s-navi-pictures.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.sechs:hover {
background: url(images/06-s-navi-pictures.gif) no-repeat bottom left;
}
#navlist li.currentsechs a.sechs {
background: url(images/06-s-navi-pictures.gif) no-repeat bottom left;
}

#navlist a.sieben {
background: url(images/07-s-navi-videos.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.sieben:hover {
background: url(images/07-s-navi-videos.gif) no-repeat bottom left;
}
#navlist li.currentsieben a.sieben {
background: url(images/07-s-navi-videos.gif) no-repeat bottom left;
}

#navlist a.acht {
background: url(images/08-s-navi-guestbook.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.acht:hover {
background: url(images/08-s-navi-guestbook.gif) no-repeat bottom left;
}
#navlist li.currentacht a.acht {
background: url(images/08-s-navi-guestbook.gif) no-repeat bottom left;
}

#navlist a.neun {
background: url(images/09-s-navi-links.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.neun:hover {
background: url(images/09-s-navi-links.gif) no-repeat bottom left;
}
#navlist li.currentneun a.neun {
background: url(images/09-s-navi-links.gif) no-repeat bottom left;
}

#navlist a.zehn {
background: url(images/10-s-navi-contact.gif) no-repeat top left;
text-indent:-9999px;
}
#navlist a.zehn:hover {
background: url(images/10-s-navi-contact.gif) no-repeat bottom left;
}
#navlist li.currentzehn a.zehn{
background: url(images/10-s-navi-contact.gif) no-repeat bottom left;
}
/* ################################################## ENDE SIDEBAR LEFT ################################################# */	

	
	
	
	
	

	
	
/* ################################################## START SIDEBAR RIGHT ################################################# */
#right { 
color: #fff;
width: 130px;
float: right; 
padding-top: 20px;
margin-right: 15px;
}

#rightinner {
position: fixed;
width: 130px;
}


#right h1 {
text-transform: uppercase;
color: #FFF;
font-size: 1em;
font-weight: normal;
}
	
#right img {
margin-bottom: 15px;
}
#right a img {
border: none;
}

#linkblock{
border-top: 1px solid #379cd4;
margin-top: 15px;
padding-top: 25px;
}



#right .cform { 
margin: 0; 
width: 120px; 
}

#right .cform input { 
padding:2px 3px;
background: #fff; 
border: 1px solid #3b0308; 
vertical-align:top;
display: block !important;
width: 120px !important;
}

#right .cform label {
width:120px; 
margin:0 0 3px 0; 
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
vertical-align:top;
text-align: left;
text-transform: uppercase;
}

#right .cform label span {
width:120px; /* must be the same as above!*/
display:block; 
}

#right ol.cf-ol li	{
background:none!important; 
margin:0 !important;
padding:0; 
list-style:none!important; 
text-align:left;
height: 45px;
}

#right .cform input.sendbutton	{ 
width:60px;  
padding:0px; 
margin: 0px;
text-align: left;
text-transform: uppercase;
background-color: transparent !important;
color: #FFF;
font-size: 1em;
border: none !important;
height: 12px !important;
}




#right div.cf_info {
color:#333;
display:none;
padding: 0 0 10px 0!important;
width:120px;
line-height:1.1em;
margin:0;
}
#right div.cf_info ol {
margin:0;
padding:0;
}
#right div.cf_info ol li {
padding:1px 0;
margin:2px 0;
}
#right div.cf_info a	{
color:#ad2929!important;
text-decoration:underline!important;
}
#right div.success {
color:#333;
display:block;
}
#right div.failure {
display:block;

}
#right div.waiting {
color:#333;
display:block;
}
/* ################################################## ENDE SIDEBAR RIGHT ################################################# */




	
	
	
	
	
	
	
/* #################################################### START SUCHE #################################################### */
#searchform {
margin-bottom: 0px;
}
	
#searchform input {
font-size: 10px;
text-align: right;
border: 1px solid #ccc;
width: 150px;
margin-bottom: 0px;
}

#s {	
background-color:#ffffff;
border:1px solid #cccccc;
color: #093249;
font-size:0.9em;
margin:0 0 16px;
padding:4px;
width:130px;
}
/* #################################################### ENDE SUCHE #################################################### */
	
	
	
	
	
	
	
	
	
/* ################################################### START COMMENTS ################################################### */
.entry {
margin-bottom: 12px;
border-bottom: 1px solid #94CAE8;
}	

#submit {	
background-color:#ffffff;
border:1px solid #cccccc;
color: #093249;
font-size:0.9em;
margin:0 0 16px;
padding:4px;
width:130px;
}
	
#author {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#email {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#url {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#comment  {
width: 350px;
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}


ul.commentlist {
list-style-type: none !important;
padding-left: 0px !important;
margin-left: 0px !important;
}
ul.commentlist li{
list-style-type: none !important;
padding-left: 0px !important;
margin-left: 0px !important;
}
/* ################################################### ENDE COMMENTS ################################################### */









/* ################################################### START TABELLEN ################################################### */

table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 10px;
border: none !important;
border-collapse:collapse;
}
td{
border-bottom: 1px solid #B33345 !important;
border-spacing: 0px !important;
text-align: left;
vertical-align: top;
padding: 7px 5px 7px 0;
}


table.songs{
margin-bottom: 35px;
}
table.songs td{
border-bottom: 1px solid #B33345 !important;
border-spacing: 0px !important;
text-align: left;
vertical-align: middle !important;
padding: 5px 5px 5px 0;
height: 34px
}


table.band{
margin-top: 15px;
border-top: 1px solid #B33345;
}
table.band td{
border-bottom: none !important;
border-spacing: 0px !important;
text-align: left;
vertical-align: top !important;
padding: 10px 0px 10px 0;
}


table.pressefotos{
border-bottom: 1px solid #B33345 !important;
}
table.pressefotos td{
border-bottom: transparent !important;
border-spacing: 0px !important;
text-align: left;
vertical-align: middle !important;
padding: 0 0 15px 0;
font-size: 9px;
color: #379CD4;
}
table.pressefotos img{
margin-bottom: 5px;
}
/* ################################################### ENDE TABELLEN ################################################### */









/* ################################################# START FOOTER STUFF ################################################# */

#footer {
width: 500px;
height: 225px;
background-color: #B33345;
overflow: hidden;
font-size: 8pt;
margin-left: 160px;
line-height: 17px;
clear: both;
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
}


#blogfooter {
width: 500px;
height: 400px;
background-color: #B33345;
overflow: hidden;
font-size: 8pt;
margin-left: 160px;
line-height: 17px;
clear: both;
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
}


#tags {
padding: 20px 0 20px 25px;
width: 220px;
float: left;
line-height: 1.3em;
}
#tags h2{
font-size: 14px; 
color: #94CAE8; 
margin: 0 0 15px 0;
text-transform: uppercase;
}
#tags a{
color: #94CAE8;
padding: 0 5px 0 0;
}
#tags a:hover{
color: #fff;
text-decoration: none;
}


#recent_comments {
width: 210px;
float: right;
padding: 20px 20px 20px 0;
font-size: 11px;
color: #fff;
line-height: 1.1em;
}
#recent_comments h2{
font-size: 14px; 
color: #94CAE8; 
margin: 0 0 15px 0;
text-transform: uppercase;
}
#recent_comments ul{
padding-left: 0px !important;
margin-left: 0px !important;
list-style-type: none;
}
#recent_comments ul li{
padding-left: 0px !important;
margin-left: 0px !important;
padding-bottom: 7px;
margin-bottom: 5px;
border-bottom: 1px solid #a01c2f;
}
#recent_comments a{
color: #94CAE8;
padding: 0 5px 0 0;
}
#recent_comments a:hover{
color: #fff;
text-decoration: none;
}

/* ################################################# ENDE FOOTER STUFF ################################################# */








/* ############################################### START POST PAGINATION ############################################### */
#pagenavi {}	
.pagenavi_links {
float: left;
}
.pagenavi_rechts {
float: right;
}
/* ############################################### ENDE POST PAGINATION ############################################### */









/* ################################################# START MISC TAGS ################################################# */

a, a:visited{
color: #B33345;
text-decoration: none;
border: none; 
}
a:hover{
color: #B33345;
border: none;
text-decoration: underline;
}


.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}


hr {
border-top: 1px solid #B33345;
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
}


blockquote{
margin: 0px;
margin-left: 15px;
margin-bottom: 12px;
padding: 7px;
width: 420px;
font-style: italic;
color: #093249;
border: 1px solid #cccccc;
}
/* ################################################# ENDE MISC TAGS ################################################# */






.audioplayer_container {
margin: 0px !important;
padding: 0px !important;
}