* {margin:0; padding:0 }
img {border: 0 }

body, html {
width: 100%; height: 100%;
overflow: hidden;
background-color: #0a0a0a;}

#bgimg {
z-index: 1;
text-align: center;
margin: 240px 0 0 0;}

#bodyDiv{ 
position: absolute;
top: 0; left: 0;
z-index: 2;
overflow: auto;
width: 100%;height: 100%;
text-align: center;}


#container{
width: 960px;
margin: 0 auto;
z-index: 50;}


#videoback {
position: absolute;
margin-top: 130px;
top: 0; left: 0; border: 0;
z-index: 1;
width: 100%;
min-width: 1200px;
width: expression(document.body.clientWidth < 1201 ? "1200px": "100%" );
height: 100%;
min-height: 768px;
height: expression(document.body.clientHeight < 769 ? "768px": "100%" );
}

#videobackstart {
position: absolute;
margin-top: 150px;
top: 0; left: 0; border: 0;
z-index: 1;
width: 100%;
min-width: 1200px;
width: expression(document.body.clientWidth < 1201 ? "1200px": "100%" );
height: 100%;
min-height: 768px;
height: expression(document.body.clientHeight < 769 ? "768px": "100%" );
}



#randomheader {
width: 960px; height: 220px;
margin-bottom: 10px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/headlineback.png) repeat 0 0;
}


/* ----------------------------------  content ------------- */


#contentleft{
padding: 0 20px 0 0;
width: 230px;
float: left;
color: #afafaf;
font-size: 9pt;
text-align: right;
font-size: 9pt;
line-height: 140%;
font-family: ÒTrebuchet MSÓ, ÒLucida Sans UnicodeÓ, ÒLucida GrandeÓ,Ó Lucida SansÓ, Arial, sans-serif;
}

#contentleft ul{
margin: 0 0 10px 0;
text-align: right;
list-style: none;
}

#contentleft ul li{
margin: 0 0 5px 0;
color: #cfcfcf;
}


#contentleft ul.recent li{
color: #afafaf;
font-size: 0.9em;
}

#contentleft ul.recent li a{
color: #b7fbff;
}

#contentleft ul.recent li a:hover{
color: #3be1eb;
text-decoration: underline
}




#contentright{
width: 500px;
float: left;
margin: 0;
padding: 0 20px;
font-family: Geneva, Verdana, ÒLucida SansÓ, ÒLucida GrandeÓ, ÒLucida Sans UnicodeÓ, sans-serif;
color: white;
word-spacing: 0;
letter-spacing: 0.03em;
text-align: left;
line-height: 165%;
font-size: 0.83em;
font-weight: lighter;
background: url(http://www.baysebook.com/wp-content/themes/baysebook/images/transback.png);  
}


/* ---------------------------------- blog -------------- */

ul.wp-tag-cloud {
padding-top: 12px;
}

ul.wp-tag-cloud li {
text-align: right;
padding-left: 9px;
display: inline;
text-transform: uppercase;
font-size: 1em;
font-weight: 200;
line-height: 170%;
font-family: "Helvetica Neue","Helvetica", Arial, sans-serif;
}

ul.wp-tag-cloud li a{
color: #3be1eb;
}

ul.wp-tag-cloud li a:hover{
color: #3be1eb;
text-decoration: underline
}


/* ----------------------------------  home ------------- */

ul.newsongs{
padding: 7px 0 0 0;
color: #999999
}

ul.newsongs li{
padding: 0 0 2px 0;
}

ul.newsongs li a{
color: #3be1eb;
text-decoration: none
}

ul.newsongs li a:hover{
color: #3be1eb;
text-decoration: underline
}





#popup{
color: #606060;
font-size: 7pt;
text-align: right;
padding: 8px 0 10px 0;

}

#randomimage{
margin: 0 0 10px 0;}



/* ---------- startheader ------------- */

#startheader {
display: block;
margin: 20px 0;
float: left;
height: 250px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/headlineback.png) repeat 0 0;
}


.button {
display: block;
height: 250px;
float: left;
margin: 0;
	position: relative;
	overflow: hidden;
}

/*.button:hover {
border-bottom: 1px solid #eee;
}*/

.button .btncover {
position: relative;
top: 0px;

}


/* ---------------------------------- mpc playtime ------------- */

#mpc{
margin: 10px 0 0 0;}


#mpcmanual{
margin-top: 10px;
float: left;
font-family: ÒTrebuchet MSÓ, ÒLucida Sans UnicodeÓ, ÒLucida GrandeÓ,Ó Lucida SansÓ, Arial, sans-serif;
color: white;
text-align: right;
font-size: 9pt;
line-height: 140%;
}

/* ---------------------------------- music ------------- */


.musicentry {
text-align:left;
padding: 20px 0;
float: left;
width: 500px;
background: none
}

.musicplayer {
float: left;
padding: 10px 0;
width: 500px;
}

.musicicon {
margin-right: 10px;
float: left;
width: 80px; height: 50px;
}

#songmore{
margin: 3px 0 0 0;
font-size: 8pt;
font-weight: 100;
color: white}

#songmore a{
color: #3be1eb;
text-decoration: none
}

#songmore a:hover{
color: #3be1eb;
text-decoration: underline
}

span.musiccomments {
padding: 0 0 0 20px}

span.musiccomments a{
color: white;
text-decoration: none
}

span.musiccomments a:hover{
color: #3be1eb;
text-decoration: underline
}


.musicimage {
width: 230px;
margin-bottom: 10px;
}

.downloadsong{
text-align: right;
margin-bottom: 6px;}


.lyrics{
font-size: 11pt;
font-weight: 100;
font-family: ÒTrebuchet MSÓ, ÒLucida Sans UnicodeÓ, ÒLucida GrandeÓ,Ó Lucida SansÓ, Arial, sans-serif;
margin: 40px 0 7px 0;
letter-spacing: 2pt;
text-align: left;
color: white;
text-transform: uppercase;
}



/* ---------------------------------- gallery ------------- */

ul.www li{
display: inline;
padding-top: 7px;}


.gallerynav {
font-family: "Helvetica", Verdana, sans-serif;
font-size: 9pt;
color: #404040;
padding: 0;
margin: 35px 0 10px 0;
width: 500px;
float: right;
}

.caption{
font-family: ÒTrebuchet MSÓ, ÒLucida Sans UnicodeÓ, ÒLucida GrandeÓ,Ó Lucida SansÓ, Arial, sans-serif; 
font-size: 10pt;font-weight: 100;
text-transform: uppercase;
letter-spacing: 1.5pt;
color: white;
text-align:left;float: left;display: inline;
position: absolute;margin: -555px 0 0 0;padding:0;
}


#main_image{margin:0 0 30px 0;width:500px;float:left;}


.videoleft{
padding: 0 15px 0 5px;
width: 230px;
float: left;
color: #404040;
font-size: 0pt;
}
.videoleft ul{
margin: 0; padding: 0;
list-style-type: none;
}
.videoleft li{
display: inline;
float: left;
text-align: left; 
padding-right: 7px;
padding-bottom: 7px;
width: 50px; height: 50px;}
.videoleft li a{
filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.videoleft li a:hover, active {
filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;
}
.videoleft li .active {
filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;
}


.fotovideo {
font-size: 10pt;
font-family: "Lucida Grande","Lucida Sans", Arial, sans-serif;
letter-spacing: 0;
text-align: right;
color: white;
text-transform: uppercase;
margin: 15px 0; 
}


.fotovideo a,a:visited {
color: #3be1eb;
outline: 0; -moz-outline:0;
text-decoration: none
}

.fotovideo a:hover {
color: #3be1eb;
outline:0; -moz-outline:0;
text-decoration: underline
}

.fotovideo a.active {
color: #3be1eb;
outline:0; -moz-outline:0;
text-decoration: underline
}


/* ----------------------------------  headlines typo ------------- */


h1 {
font-size: 1.3em;
font-weight: 200;
line-height: 145%;
font-family: "Helvetica Neue","Helvetica", Arial, sans-serif;
letter-spacing: 0.05em;
color: white;
text-transform: uppercase;
width: 300px;
float: left;
}


h2 {
font-size: 13pt;
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
color: #e0e0e0;
margin:5px 0;
padding: 5px 0 0 0;
text-align: right;
letter-spacing: 0.15em;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/headlineback.png) repeat 0 0;
text-transform: uppercase;
}


h3 {
font-size: 13pt;
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
color: #e0e0e0;
margin:5px 0;
padding: 5px 0 0 0;
text-align: left;
letter-spacing: 0.15em;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/headlineback.png) repeat 0 0;
text-transform: uppercase;
}


a,a:visited {
color: #3be1eb;
outline: 0; -moz-outline:0;
text-decoration: none
}

a:hover {
color: #3be1eb;
outline:0; -moz-outline:0;
text-decoration: underline
}


hr {
width: 230px;
margin: 0 0 10px 0;
color: white;}

span.serifbody{
margin: 0;padding: 0;
font-family: Times, ÒTimes New RomanÓ, Georgia, serif ;
color: #aaaaaa;
word-spacing: 0.05em;
letter-spacing: 0.02em;
text-align: left;
line-height: 140%;
font-size: 11pt;
font-weight: lighter; 
}


/* ----------------------------------  posts ------------- */

.entry {margin: 0 0 80px 0;}

.video{margin: 0 0 10px 0;}

.entrybody img{border: 0;}

.entrybody {
margin: 0 0 5px 0;
}

.entrybody a:link,.entrybody a:visited {
color: #b7fbff;
text-decoration: none;
}

.entrybody a:active,.entrybody a:hover {
color: #3be1eb;
text-decoration: underline;
}

.entrymeta {
margin: 0 0 10px 0;
padding: 10px 0 5px 0;
border-bottom: 1px dotted #404040;
border-top: 1px solid #404040;
float: left;
}

.time {
color: #404040;
padding: 0px 5px 0 0;
font-size: 8pt;
width: 195px;
float: right;
text-align: right;
}

.time a{
color: #404040;
text-decoration: none
}

.time a:hover{
color: #3be1eb;
text-decoration: underline
}

.commentnr {
color: #404040;
font-size: 8pt;
float: right;
}


.postnav {
font-family: "Helvetica", Verdana, sans-serif;
font-size: 9pt;
color: #404040;
padding: 0;
margin: 8px 0;
width: 300px;
float: left;
}


/* ----------------------------------  comments ------------- */

#commentblock ol li {
margin-bottom:20px;
width: 500px;
}

#commentblock {
margin: 0;
}

ol.commentlist {
list-style:none;
}

.commentname {
color: white;
font-size: 11px;
font-family: Helvetica,Verdana,sans-serif;
}

.commenttext {
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/commback.png) repeat 0 0;
width: 500px;
color: #e3e3e3;
font-size: 11px;
font-family: Helvetica, Verdana, sans-serif;
line-height: 180%;
margin: 0;
padding: 10px 0;
}

.authorcomment {
border-right:15px solid #6cc;
padding-right:10px;
margin-top:3px;
min-height:90px;
}

* html .commenttext {
height:90px;
overflow:visible;
}

.commentp {
padding: 5px 0;
}


#author, #email, #comment, #url {
background: url(http://www.baysebook.com/wp-content/themes/baysebook/images/commback.png); 
border: none;
margin: 0 0 10px 0;
color: white;
}

#commentsform {
color: white;
font-size: 8pt;
font-family: Helvetica,Verdana,sans-serif;
margin: 0 0 0 0;
}

.nocomments {
display:none;
}

.commentid {
font-weight: bold;
font-family: Palatino, Georgia, serif;
font-size: 18pt;
text-transform: uppercase;
padding: 0 20px 0 0;
color: white
}

.commentintro {
color: white;
margin: 0 0 30px 0;
float: left;
width: 500px;
}




/* ----------------------------------  sociable ------------- */

ul.sociable li{
float: right;
display: inline;
padding: 5px 5px 0 0;
}


/* ---------------------------------- navi ------------- */

#startnavi{
padding: 0 20px;
}

#navi{
padding: 0 0 0 10px;
margin: 0 0 0 0;
float: right;
}

#navi ul{
margin: 15px 20px 0 0;
}

#navi ul li {
list-style: none;
display: block;
margin: 0 0 3px 0;
text-indent: -6000px;
}

#navi ul li a {
display: block;
height: 25px; width: 63px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/navihome.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li a:hover, active {
background-position: -64px 0;}
#navi ul li .active {
background-position: -64px 0;}

#navi ul li#naviinfo a {
display: block;
height: 25px; width: 115px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/naviinfo.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#naviinfo a:hover, active {
background-position: -116px 0;}
#navi ul li#naviinfo .active {
background-position: -116px 0;}

#navi ul li#navimusic a {
display: block;
height: 25px; width: 80px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/navimusic.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#navimusic a:hover, active {
background-position: -81px 0;}
#navi ul li#navimusic .active {
background-position: -81px 0;}

#navi ul li#navigallery a {
display: block;
height: 25px; width: 110px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/navigallery.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#navigallery a:hover, active {
background-position: -110px 0;}
#navi ul li#navigallery .active {
background-position: -110px 0;}

#navi ul li#naviplay a {
display: block;
height: 25px; width: 125px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/naviplay.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#naviplay a:hover, active {
background-position: -125px 0;}
#navi ul li#naviplay .active {
background-position: -125px 0;}

#navi ul li#naviblog a {
display: block;
height: 25px; width: 95px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/naviblog.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#naviblog a:hover, active {
background-position: -95px 0;}
#navi ul li#naviblog .active {
background-position: -95px 0;}

#navi ul li#navifotos a {
margin-left: 40px;
display: block;
height: 25px; width: 72px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/navifotos.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#navifotos a:hover, active {
background-position: -75px 0;}
#navi ul li#navifotos .active {
background-position: -75px 0;}

#navi ul li#navivideos a {
margin-left: 40px;
display: block;
height: 25px; width: 90px;
background: transparent url(http://www.baysebook.com/wp-content/themes/baysebook/images/navivideos.png) no-repeat 0 0;
outline:0; -moz-outline:0;}
#navi ul li#navivideos a:hover, active {
background-position: -92px 0;}
#navi ul li#navivideos .active {
background-position: -92px 0;}



/* ----------------------------------  search ------------- */

#searchdiv{padding:12px 0; text-align: right}
#singlesearch{padding: 20px 0}
#singlesearch form input {
background-color: #f1f1f1;}
#searchdiv h2{padding-top: 10px;}


#searchdiv form input {
background-color: #f1f1f1;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
-moz-border-radius:5px;-webkit-border-radius:5px;
}









table{margin:10px;}
td,th {font-weight:400;padding:3px;}



/* ----------------------------------  labels ------------- */

#newslabel {
background-image: url(/wordpress/wp-content/themes/baysebook/images/newslabel.png);
background-repeat: no-repeat;width: 60px;height: 20px;margin: 0 0 5px 0;}
#labeldejour {
background-image: url(/wordpress/wp-content/themes/baysebook/images/labeldejour.png);
background-repeat: no-repeat;width: 149px;height: 20px;margin: 0 0 5px 0;float: right;}
#labelnewsongs {
background-image: url(/wordpress/wp-content/themes/baysebook/images/labelnewsongs.png);
background-repeat: no-repeat;width: 230px;height: 20px;margin: 0 0 5px 0;float: right;}
#labelblog {
background-image: url(/wordpress/wp-content/themes/baysebook/images/labelblog.png);
background-repeat: no-repeat;width: 230px;height: 20px;margin: 0 0 5px 0;}


/* ----------------------------------  pagebar ------------- */

.pagebar {
text-decoration: none;
text-align: left;
font-size: 0.85em;
margin-bottom: 30px;
float: left;
}

.pagebar a,.pageList .this-page {
text-decoration: none;
border: 1px solid #404040;
color: white;
padding: 0.5em 1em;
}

.pagebar a:visited {
text-decoration: none;
padding: 0.5em 1em;
}

.pagebar .break {
border: none;
background: white;
text-decoration: none;
padding: 0.5em 1em;
color: black;
}

.pagebar .this-page {
color: black;
background: #3be1eb;
border: 1px solid #3be1eb;
padding: 0.5em 1em;
}

.pagebar a:hover {
padding: 0.5em 1em;
background: #666;
color: black;
border: 1px solid #666;
}

.pagebar .inactive {
color: #ccc;
text-decoration: none;
padding: 0.5em 1em;
}



/* ----------------------------------  footer ------------- */

#footer {
width: 960px;
text-align: left;
float: left;
margin: 20px 0 30px 0;
padding: 10px 0 20px 0;
color: #afafaf;
text-align: left;
font-size: 0.75em;
line-height: 160%;
display: inline;
list-style-type: none;
font-family: ÒTrebuchet MSÓ, ÒLucida Sans UnicodeÓ, ÒLucida GrandeÓ,Ó Lucida SansÓ, Arial, sans-serif;
background: url(http://www.baysebook.com/wp-content/themes/baysebook/images/transback.png);   
}

#links {
width: 230px;
float: left;
}

#links li{
float: right;
padding: 0 0 0 10px;
}

#kontakt{
width: 220px;
float: left;
padding-left: 30px;
color: white;
}

#kontakt2{
width: 270px;
float: left;
padding-left: 30px;
color: white;
}

#presse{
float: left;
margin-left: 25px;
}

#presse ul{
list-style-type: none;
}










