/* www.danpoenaru.com */

/* generic */

html{height:100%}

body{
height:100%;
font:16px 'trebuchet ms',verdana,sans-serif;
background-color:#670001;
color:#000;
padding:0;
margin:0}

hr{
clear:both;
width:44.5625em; /* 713px */
color:#000;
background:#e5cdcd; 
border:0; 
height:1px;}

p{
line-height:135%;
font-size:.6875em; /* 11px */
padding:0 14px 14px 14px;
margin:0}

span{font-size:.6875em; /* 11px */}

a{color:#3e4d78}

a:hover{color:#eb2424; text-decoration:none}

img{border:none}

h2, h3{
padding:0; 
margin:0 0 7px 14px;
clear:both;
font-size:.75em;
color:#000}

ul{
padding:0 14px 14px 14px;
margin:0;
list-style-type:none}

/* pdf */

#pdf{margin-right:5px;}

/* forms */

form{margin:0; padding:0} 

fieldset{
border:none;
padding:0; 
margin:15px 15px 0 15px}

fieldset ul{
list-style-type:none;
padding:0;
margin:0}

fieldset ul li{line-height:1.2em;}

/* labels */

label{
font-family:'trebuchet ms',verdana,sans-serif;
clear:both;
cursor:pointer;
position:relative;
width:5.5em;
display:block;
margin:0;
padding-top:1px}

label span{
display:block;
position:relative;
top:2px;
font-size:.6875em}

label.textarea{height:8em}

/* inputs */

label input, label textarea{
font:.6875em 'trebuchet ms',verdana,sans-serif;
position:absolute;
left:100%; 
top:4px;
width:22.5em;
border:1px solid #ccc}

label textarea{ 
height:12em}

/* button */

fieldset.button{
text-align:right;
padding-right:5px}

fieldset.button input{
font:.6875em 'trebuchet ms',verdana,sans-serif;
border:1px solid #670001}

/* focus + hover */

input:focus,
label input:focus, 
label textarea:focus{} 

label input:hover, 
select:hover, 
label textarea:hover{}

/* classes */

.capitalise{text-transform:capitalize}

.hide{display:none}

.gutter{height:.5em; clear:both}

/* stretchable images */

/* layout */

/* 48.0625em = 769px */
/* 48.1875em = 771px */

#wrapper{
border:1px solid #000;
/*overflow:auto;*/
/*height:100%;*/
height:550px;
margin:0 auto;
width:48.0625em;
/* commented backslash hack v2 \*/
width:48.1875em;
/* end hack */
width/**/:/**/ 48.0625em /* box model hack variation for ie5.x */}

#frame{
padding:1.75em; /* 28px */
text-align:left}

/* header */

#header-wrapper{
z-index:2;
width:100%;
position:fixed;
top:0;
left:0;
text-align:center}

#header{
border-top:1px solid #000;
clear:both;
position:relative;
border-bottom:1px solid #ffc0cb;
background:#fff;
width:44.5625em; /* 713px */
height:2.1875em; /* 35px */
margin:0 auto;
padding-top:.9375em; /* 15px */}

#logo{
position:relative;
float:left;
padding:0;
margin-bottom:.9375em; /* 15px */
width:11.875em; /* 190px */
height:1.3125em /* 21px */}

#logo img{
width:11.875em; /* 190px */
height:1.3125em /* 21px */}

/* language */

#language{
float:right;
padding-top:.375em; /* 6px */
width:auto}

#language ul{
display:block;
margin:0;
padding:0;
list-style-type:none;}

#language ul li{
display:inline;
margin:0;}

#language ul li a{
text-decoration:none;
text-transform:uppercase;
color:#000;
font-size:.6875em;}
 
#language ul li.selected a{font-weight:bold; text-decoration:underline;}

#language ul li a:hover{}

/* navigation */

#nav{
clear:both;
padding-top:.3125em; /* 5px */
position:relative;
text-align:left; 
background:#fff;
height:1.5em; /* 24px */}

#nav ul{
float:left;
width:32em; /* 512px */
height:1em;
color:#fff;
padding:0 0 .5em .0625em;
margin:0;
list-style-type:none;}

#nav ul li{
display:inline;
margin:0;
background:transparent url(img/nav-bar.gif) no-repeat .1em .5em;
padding:0 .3125em 0 1em; /* 0 5px 0 ?px */}

#nav ul li a:hover{color:#670001; border-bottom:1px dotted #670001;}

#nav ul li a{
font-size:.8125em; /* 13px */
text-decoration:none;
color:#000; 
text-decoration:none;}

#nav ul li.first {
padding-left:0; 
background:none;}

#nav ul li.selected a{font-weight:bold; text-decoration:underline;}

/* sub navigation */

#subnav {height:30px;}

#subnav li {display:inline;}

/* page backgrounds */

#wrapper.index		{background:#fff url(img/bg-homepage.jpg) no-repeat bottom right;}
#wrapper.homepage	{background:#fff url(img/bg-homepage.jpg) no-repeat bottom right;}
#wrapper.biography	{background:#fff url(img/bg-biography.jpg) no-repeat bottom right;}
#wrapper.repertoire	{background:#fff url(img/bg-repertoire.jpg) no-repeat bottom right;}
#wrapper.concerts	{background:#fff url(img/bg-concerts.jpg) no-repeat bottom left;}
#wrapper.press		{background:#fff url(img/bg-press.jpg) no-repeat bottom right;}
#wrapper.cds		{background:#fff;}
#wrapper.contact	{background:#fff url(img/bg-biography.jpg) no-repeat bottom right;}

/* layout */

.left{height:200px; width:365px; float:left;}
.right{float:left; width:347px; height:200px; margin-top:4.6875em; text-align:right;}

/* generic */

.content-wrapper-panel{
background:#ececec url(img/bg-tl-corner.gif) no-repeat top left;
width:365px; 
margin-top:4.6875em; /* 75px */  
overflow:auto; 
height:425px;}

.content-wrapper-blank{
margin-top:4.6875em; /* 75px */  
overflow:auto; 
height:425px;}

.content-wrapper-panel .content{background:transparent url(img/bg-bl-corner.gif) no-repeat bottom left; padding:12px 0;}
.content-wrapper-blank .content{padding-top:12px;}

.press .content-wrapper-blank {width:40%; overflow:visible; }

/* generic overrides */

.index .content-wrapper-panel{width:56%;}
.homepage .content-wrapper-panel{width:56%;}

/* wimpy player */

#wimpy-wrapper{
float:left;
margin:0;
padding:0}

#wimpy-wrapper #wimpyTarget object,
#wimpy-wrapper #wimpyTarget embed{width:1px; height:1px;}

/* page specific */

/* index */

.index .content {height:300px; position:relative;}

/* homepage */

.homepage .content {margin-top:45px;}

.homepage .content img{width:30.25em; height:8.75em;}

.homepage .content span{display:block; text-indent:-1000em;}

/* biography */

/* contact */

.contact .content-wrapper-blank{width:365px;}

/* press */

/* concerts */

.concerts .content ul li{font-size:.6875em}
.concerts .content ul li.title{color:#670001; font-weight:bold;}

.concerts .right {position:relative;}

.concerts .right ul {position:absolute; top:-1px; right:-10px; width:auto; margin:0; padding:0; }
.concerts .right ul li {float:left; margin:0 0 -1px 19px; padding:0; }

/* cds */

.cds .content .gutter {height:2px; background:#e5cdcd; clear:both; margin:1em 0;}

.cds .content ul.container{height:190px;}

.cds .content .detail {float:left; height:190px; width:275px;}
.cds .content .cover {float:left; width:190px;}
.cds .content .tracks {float:left; position:relative; height:190px;}

.cds .content ul {margin:0; padding:0;}

.cds .content ul li ul li span {font-size:.75em;}

.cds .content ul li.title {}
.cds .content ul li.last {margin-bottom:1em;}
.cds .content ul li.title span {color:#670001; font-weight:bold;}
.cds .content ul li.info span {color:#000; font-weight:bold;}
.cds .content ul li.piece span {font-weight:bold;}
.cds .content ul li.date {margin-bottom:1em;}
.cds .content ul li.date span {color:#000; font-weight:normal;}
.cds .content ul li.publisher span {font-weight:normal;}
.cds .content ul li.status span {font-weight:bold;}

.cds .content .tracks {margin-left:1.5em;}
.cds .content .tracks ul {position:absolute; bottom:4px; left:0; width:190px;}

.cds .content .tracks ul li {position:relative; line-height:0.9375em;}
.cds .content .tracks ul li a {font-size:.625em; color:#000; font-weight:normal;}
.cds .content .tracks ul li span {font-size:.625em; color:#000;}
.cds .content .tracks ul li img {position:absolute; width:.75em; height:.75em; top:5px; margin-left:3px;}

/* repertoire */

.repertoire .content ul{padding:0; margin:0 0 0 14px /* 2px */}

.repertoire .content ul li {clear:both; font-size:.6875em; line-height:1.2em;}

.repertoire .content ul li div {width:565px; float:left; margin:0 0 0.125em 0;}

.repertoire .content ul li div.composer {width:110px;}

/* language selector */

#language-selector{position:absolute; top:33%; left:22%;}

#language-selector ul{margin:0; padding:0 0 0 10px; list-style-type:none;}

#language-selector ul li{float:left;}

#language-selector ul li a{
font-size:0.875em;
text-decoration:none;
text-align:center;
border:1px solid #000;
color:#fff;
float:left;
margin:0 4px;
height:22px;
width:60px;
padding-top:68px;
padding-right:0;
padding-bottom:0;
padding-left:0;}

#language-selector ul li a.english{background:url(img/lang/english.jpg) no-repeat 0 0;}
#language-selector ul li a.francais{background:url(img/lang/francais.jpg) no-repeat 0 0;}
#language-selector ul li a.deutsch{background:url(img/lang/deutsch.jpg) no-repeat 0 0;}

#language-selector ul li a.english_on,
#language-selector ul li a.english:hover{background-position:0 -90px;}

#language-selector ul li a.francais_on,
#language-selector ul li a.francais:hover{background-position:0 -90px;}

#language-selector ul li a.deutsch_on,
#language-selector ul li a.deutsch:hover{background-position:0 -90px;}