/*
Theme Name: Lava Music
Theme URI: sonybmg.ch
Description: Theme von Simone Kermes
Version: 1.0
Author: Serge Hardmeier
Author URI: http://sergehardmeier.ch/
Tags: Sony BMG, Lava Music, Simone Kermes
*/

/*Reset Browser
----------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none; /*Könnte Probleme mit der Accessibility geben!*/
}

ul, ol {
	list-style-type: none;
}

img {
	border: none;
}

/*Temp for dev
----------------------------------------------------------------------------------*/

body {
	background-color: #180a0a;
}

/*Main Layout
----------------------------------------------------------------------------------*/

div#wrap {
	width: 950px;
	height: 810px;
	margin: 0 auto;
	background: transparent url(images/bg/bg_news.jpg) top left no-repeat;
	position: relative;
}

div#content {
	width: 373px;
	height: 575px;
	position: absolute;
	top: 147px;
	left: 558px;
}

div#scrollbox {
	position: relative;
	/*width: 373px;*/
	width: 353px;
	padding-left: 20px;
	padding-top: 5px;
	height: 570px;
	overflow: auto;
	float: left;
}

body#body_guestbook_en div#scrollbox,
body#body_guestbook_de div#scrollbox {
	position: relative;
	width: 373px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 290px;
	height: 280px;
	overflow: auto;
	float: left;
}

div#footer {
	padding-top: 10px;
	height: 30px;
	width: 950px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	color: #999;
	font-size: 11px;
	line-height: 14px;
}

/*Typo
----------------------------------------------------------------------------------*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #5f5353;
	line-height: 15px;
}

a {
	text-decoration: none;
	color: #333;
}

a:visited {}

a:hover {
	text-decoration: underline;
}

a:active {}

div#footer {
	color: #9a7a7f;
}

div#footer a {
	text-decoration: none;
	color: #9a7a7f;
}

div#footer a:hover {
	text-decoration: underline;
}

/*Main Navigation
----------------------------------------------------------------------------------*/

/*DEUTSCH:*/

ul#mainnav_de {
	display: block;
	width: 359px;
	height: 54px;
	background: transparent url(images/nav_de.gif) top left no-repeat;
	position: absolute;
	top: 20px;
	right: 72px;
}

ul#mainnav_de li{
	display: block;
	float: left;
}

ul#mainnav_de li a{
	display: block;
	height: 27px;
	text-indent: -9999px;
}

ul#mainnav_de li a#nav_kermes { width: 120px; }
ul#mainnav_de li a#nav_ensemble { width: 139px; }
ul#mainnav_de li a#nav_news { width: 100px; }
ul#mainnav_de li a#nav_komponisten { width: 142px; }
ul#mainnav_de li a#nav_musik {	width: 55px; }
ul#mainnav_de li a#nav_kontakt { width: 75px; }
ul#mainnav_de li a#nav_guestbook { width: 87px; }

body#body_simonekermes ul#mainnav_de li a#nav_kermes, ul#mainnav_de li a#nav_kermes:hover { background: transparent url(images/nav_de.gif) 0px -54px no-repeat; }
body#body_ensemble_de div#wrap ul#mainnav_de li a#nav_ensemble , ul#mainnav_de li a#nav_ensemble:hover { background: transparent url(images/nav_de.gif) -120px -54px no-repeat; }
body#body_news_de ul#mainnav_de li a#nav_news , ul#mainnav_de li a#nav_news:hover {  background: transparent url(images/nav_de.gif) -259px -54px no-repeat; }
body#body_komponisten ul#mainnav_de li a#nav_komponisten, ul#mainnav_de li a#nav_komponisten:hover { background: transparent url(images/nav_de.gif) 0px -81px no-repeat; }
body#body_musik ul#mainnav_de li a#nav_musik, ul#mainnav_de li a#nav_musik:hover { background: transparent url(images/nav_de.gif) -142px -81px no-repeat; }
body#body_kontakt_de ul#mainnav_de li a#nav_kontakt, ul#mainnav_de li a#nav_kontakt:hover { background: transparent url(images/nav_de.gif) -197px -81px no-repeat; }
body#body_guestbook_de ul#mainnav_de li a#nav_guestbook, ul#mainnav_de li a#nav_guestbook:hover { background: transparent url(images/nav_de.gif) -272px -81px no-repeat; }

/*ENGLISH:*/

ul#mainnav_en {
	display: block;
	width: 307px;
	height: 54px;
	background: transparent url(images/nav_en.gif) top left no-repeat;
	position: absolute;
	top: 20px;
	right: 124px;
}

ul#mainnav_en li{
	display: block;
	float: left;
}

ul#mainnav_en li a{
	display: block;
	height: 27px;
	text-indent: -9999px;
}

ul#mainnav_en li a#nav_kermes { width: 120px; }
ul#mainnav_en li a#nav_ensemble { width: 139px; }
ul#mainnav_en li a#nav_news { width: 48px; }
ul#mainnav_en li a#nav_komponisten { width: 89px; }
ul#mainnav_en li a#nav_musik {	width: 55px; }
ul#mainnav_en li a#nav_kontakt { width: 73px; }
ul#mainnav_en li a#nav_guestbook { width: 90px; }

body#body_simonekermes ul#mainnav_en li a#nav_kermes, ul#mainnav_en li a#nav_kermes:hover { background: transparent url(images/nav_en.gif) 0px -54px no-repeat; }
body#body_ensemble_en ul#mainnav_en li a#nav_ensemble, ul#mainnav_en li a#nav_ensemble:hover { background: transparent url(images/nav_en.gif) -120px -54px no-repeat; }
body#body_news_en ul#mainnav_en li a#nav_news, ul#mainnav_en li a#nav_news:hover {  background: transparent url(images/nav_en.gif) -259px -54px no-repeat; }
body#body_komponisten ul#mainnav_en li a#nav_komponisten, ul#mainnav_en li a#nav_komponisten:hover { background: transparent url(images/nav_en.gif) 0px -81px no-repeat; }
body#body_musik ul#mainnav_en li a#nav_musik, ul#mainnav_en li a#nav_musik:hover { background: transparent url(images/nav_en.gif) -89px -81px no-repeat; }
body#body_kontakt_en ul#mainnav_en li a#nav_kontakt, ul#mainnav_en li a#nav_kontakt:hover { background: transparent url(images/nav_en.gif) -144px -81px no-repeat; }
body#body_guestbook_en ul#mainnav_en li a#nav_guestbook, ul#mainnav_en li a#nav_guestbook:hover { background: transparent url(images/nav_en.gif) -217px -81px no-repeat; }

/*Sub Navigation (Komponisten)
----------------------------------------------------------------------------------*/

ul#composers {
	display: block;
	width: 492px;
	height: 424px;
	background: transparent url(images/subnav.jpg) 0px -424px no-repeat;
	position: absolute;
	top: 181px;
	left: 45px;
}

ul#composers li {
	display: block;
	float: left;
}

ul#composers li a {
	display: block;
	height: 212px;
	width: 164px;
	text-indent: -9999px;
}

body.body_hasse ul#composers li a#hasse, ul#composers li a#hasse:hover { background: transparent url(images/subnav.jpg) 0px 0px no-repeat; }
body.body_leo ul#composers li a#leo, ul#composers li a#leo:hover { background: transparent url(images/subnav.jpg) -164px 0px no-repeat; }
body.body_pergolesi ul#composers li a#pergolesi, ul#composers li a#pergolesi:hover { background: transparent url(images/subnav.jpg) -328px 0px no-repeat; }
body.body_porpora ul#composers li a#porpora, ul#composers li a#porpora:hover { background: transparent url(images/subnav.jpg) 0px -212px no-repeat; }
body.body_vinci ul#composers li a#vinci, ul#composers li a#vinci:hover { background: transparent url(images/subnav.jpg) -164px -212px no-repeat; }

ul#ensemble {
	display: block;
	width: 524px;
	height: 95px;
	position: absolute;
	top: 621px;
	left: 0x;
}

ul#ensemble li {
	display: block;
	float: left;
}

ul#ensemble li img {
	display: block;
	width: 128px;
	height: 95px;
	margin-left: 3px;
	cursor: pointer;
}

img.ensemble_pic {
}

div.pic_box {
	background: url(images/ensemble.jpg) no-repeat 0 0;
	display: block;
	width: 523px;
	height: 393px;
	position: absolute;
	top: 180px;
	left: 0x;
}

/*Entries
----------------------------------------------------------------------------------*/

div.post {
	margin-bottom: 30px;
	clear: both;
}

div.post h2 a {
	color: #e1494b;
}

div.post h2 {
	margin-bottom: 5px;
	color: #e1494b;
	line-height: 20px;
}

div.entry p {
	margin-bottom: 10px;
}

/*Guestbook
----------------------------------------------------------------------------------*/

a#openform {
	cursor: pointer;
	padding-top: 0;
	margin-top: 0;
}

a#openform h3 {
	padding-top: 0;
	margin-top: 0;
	color: #e1494b;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}

div#formopen {
}

form#commentform textarea#comment {
	width: 300px;
}

div.comment-author {
	font-weight: bold;
	margin-bottom: 10px;
}

div.comment-text {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: transparent url(images/bg/bg_comment.jpg) no-repeat bottom left;
}

form#commentform {
	margin-bottom: 15px;
}

form#commentform input,
form#commentform textarea {
	
}

form#commentform input#author,
form#commentform input#email,
form#commentform textarea#comment {
	border: 1px solid #e1494b;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}

form#commentform label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #5f5353;
	line-height: 15px;
}

/*Background Images
----------------------------------------------------------------------------------*/

body#body_guestbook_de div#wrap { background: transparent url(images/bg/bg_guestbook_de.jpg) top left no-repeat; }
body#body_guestbook_en div#wrap { background: transparent url(images/bg/bg_guestbook_en.jpg) top left no-repeat; }
body#body_news_de div#wrap { background: transparent url(images/bg/bg_news_de.jpg) top left no-repeat; }
body#body_news_en div#wrap { background: transparent url(images/bg/bg_news_en.jpg) top left no-repeat; }
body#body_simonekermes div#wrap { background: transparent url(images/bg/bg_kermes.jpg) top left no-repeat; }
body#body_ensemble_de div#wrap { background: transparent url(images/bg/bg_ensemble_de.jpg) top left no-repeat; }
body#body_ensemble_en div#wrap { background: transparent url(images/bg/bg_ensemble_en.jpg) top left no-repeat; }
body#body_musik div#wrap { background: transparent url(images/bg/bg_musik.jpg) top left no-repeat; }
body#body_kontakt_de div#wrap { background: transparent url(images/bg/bg_kontakt_de.jpg) top left no-repeat; }
body#body_kontakt_en div#wrap { background: transparent url(images/bg/bg_kontakt_en.jpg) top left no-repeat; }
body#body_komponisten div#wrap { background: transparent url(images/bg/bg_komponisten.jpg) top left no-repeat; }
body#body_intro div#wrap { background-image: none; }


/*Background Composers
----------------------------------------------------------------------------------*/

img.comp_bg {
	display: block;
	width: 521px;
	height: 42px;
	position: absolute;
	top: 104px;
	left: 0px;
}

/*Language Switcher
----------------------------------------------------------------------------------*/

ul#langswitch {
	display: block;
	width: 40px;
	height: 30px;
	position: absolute;
	top: 9px;
	right: 5px;
}

li.current_language_item {
	display: none;
}

/*Teaser
----------------------------------------------------------------------------------*/

div#teaser {
	width: 508px;
	height: 200px;
	text-indent: -9999px;
	margin: 150px auto;
	background: transparent url(images/lava.jpg) top left no-repeat;
}

/*Styling der Posts aus default Tteme
----------------------------------------------------------------------------------*/

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}