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

body
{
    background: #6e3432 url(../images/bkg.jpg) repeat-x top;
    margin: 0 auto;
    padding: 4px;
    color: #f3f0ee;
    font: 10pt/14pt "Arial Narrow", arial, sans;
    text-align: center;
}

#wrapper
{
    font-size: 1.2em;
    width: 980px;
    margin: 0 auto;
    text-align: center;
    clear: both;
    position: relative;
    clear:both;
}

#content-wrapper { padding:0px; margin:16px 0 0 0; }
#home-page #content-wrapper { width:980px; height:584px }
#bio-page #content-wrapper {
    width:980px;
    background:url(../images/yuliya-bio.jpg) top no-repeat; 
}
#audio-page #content-wrapper {
    width:980px;
    background:url(../images/yuliya-audio.jpg) top no-repeat; 
}
#contacts-page #content-wrapper {
    width:980px;
    background:url(../images/yuliya-contacts2.jpg) top no-repeat; 
}

#footer
{
    text-align: left;
    font: 9pt/11pt "Arial Narrow", arial, sans;
    padding: 16px 0px 0px 0px;
    color: #FAF1E0;
}

#footer em { color: #B42C2F; /*#8b3934;*/ font-style: normal }

a, a:link, a:visited
{
    color: #fae2b7;
}

#header a, #content small a
{
    text-decoration: none;
}

a:visited {color: #B69964}

a:hover { color: #B42C2F; /*#8b3934;*/ }


#header { text-align: left; margin-top: 16px; }
#header ul { list-style: none; }
#header li {
    display:inline;
    margin:0px 16px 0px 0px;
    font: 14pt/12pt "Arial Narrow", "Trebuchet MS", arial, sans;
    text-transform: uppercase;
    font-weight: 100;
    color: #B42C2F; /*#8b3934;*/
}
#header li img {
    background-color: #B42C2F; /*#8b3934;*/
    vertical-align: top;
    //vertical-align: middle;
}
#header li a img { background-color:#f2e1c0; }
#header li a:hover img { background-color: #B42C2F; /*#8b3934;*/ }
#header li a.parentlink { color:#B42C2F }
#header li a.parentlink:hover { color:red }

#content { text-align: left; padding: 16px 0px 0px 0px; }

#content h1 { font-size: 1.5em; padding-bottom: 14pt; }
#content p, #content blockquote { padding-bottom: 14pt; }
.podpis { padding: 0 0 0em 14pt; }
q, blockquote { font-style:italic }
blockquote {padding-left: 1em}
#content h2 { font-size: 1em; padding-bottom: 8pt; padding-top: 14pt; }
#content h2:first-child { padding-top: 0em; }
#content .instrument { font-style: italic; font-size: .85em; padding-bottom: .4em; }

#home-page #content {
    text-align:left;
    position:absolute;
    top:182px;
    left:407px;
    width:554px;
}
#home-page #concerts {
    text-align:left;
    position:absolute;
    top:425px;
    left:407px;
    width:270px;
}
#home-page #audio {
    text-align:left;
    position:absolute;
    top:425px;
    left:707px;
    width:270px;
}
#home-page h3 {font: 9pt/18pt arial,sans; text-transform:lowercase; font-weight:bold}
#home-page h3 a, #home-page h3 a:visited {color:#FAF1E0;}

#home-page #content p, {
    font: 12pt/14pt "Arial Narrow", arial, sans;
    padding: 0 0 14pt 0;
}
#home-page blockquote { padding: 0pt 0 0pt 14pt;}
#home-page .podpis { padding: 0 0 0 14pt; text-align:right}

#home-page #concerts li, #home-page #audio p {
    font: 12pt/18pt "Arial Narrow", arial, sans;
    padding: 0 0 0 0;
}



#home-page #content blockquote p {font-style:italic}

#home-page #concerts ul, #home-page #audio ul { list-style: none; }
#projects-page #content p, #projects-page #content blockquote {
    font: 10pt/12pt "Arial Narrow", arial, sans;
}
#projects-page #content p { padding: 0 0 12pt 0; }
#projects-page #content blockquote { padding: 0 }
#projects-page #content blockquote p { font-style:italic }


#projects-page #content h2 { padding: 0 0 0 368px }
#projects-page #content img { float:left; margin: -14pt 16px 8px 0px; }
#bio-page #content { padding:185px 350px 16px 0px; }
#bio-page #content blockquote { padding-bottom: 0 }
#audio-page #content, #contacts-page #content { padding:375px 350px 16px 0px; }
#photos-page #content { padding: 14px 0px 12px 0px;; }
#video-page #content { padding: 25px 0px 12px 0px; }
#photos-page #td { padding: 0px 16px 8px 0px }
#video-page #content ul { list-style: none; }
#video-page #content li { display: inline; margin-right: 25px; }
#video-page #content li a img { border: 2px solid #F2E4CA }
#video-page #content li a:hover img { border: 2px solid #B42C2F }

.concert_year { font-size: 1em; color:#B42C2F }
.concert h3 { font-size: 1em; color:#F2E4CA; padding: 0em}
.concert h3.oldconcert { color:#B8AD96; }
.concert p.oldconcert { color:#CACACA; }
.year_list_current { color:#B42C2F }