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

body {
    background: #d8d8d6 url(../images/bkg2.gif) repeat-x top;
    margin: 0 auto;
    padding: 4px;
    color: #222220;
    font: 10pt/14pt "Lucida Grande", DejavuSans, arial, sans;
    text-align: center;
}

#home {
    background: #50514d url(../images/bkg1-ptrn.gif);
    color: #f2e3d9;
    padding:0;
}

#home-wrapper {
    position:absolute;
    top:0;left:0;
    width:99%;
    background: transparent url(../images/bkg1.gif) repeat-x top;
    height:99%;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
}

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

#content-wrapper { 
    padding:0px; 
    margin:16px 0 0 0;
    position:relative;
}

#content-wrapper.menubar {
    width:980px;
    background:url(../images/menubar-bkg.png) top left no-repeat; 
}
#home #content-wrapper { 
    width:980px; 
    height:556px;
}
#aloud #content-wrapper {
    width:980px; 
    background:url(../images/info.jpg) top left no-repeat; 
}

#audio #content-wrapper {
    width:980px;
    background:url(../images/audio.jpg) top left no-repeat;
}

#team #content-wrapper {
    width:980px;
    background:url(../images/team-top-grey.jpg) top left no-repeat;
}

#footer
{
    text-align: left;
    font: 9pt/11pt "Lucida Grande", DejavuSans, arial, sans;
    padding: 16px 0px 0px 0px;
    color: #222220;
    clear:both;
}
#home #footer { color: #e0d1c7; }

#footer table { width:100%; border:none; }
#footer td { vertical-align:top; width: 33.3%} 

#footer li { list-style-position: inside}

#footer em { color: #222220; font-style: normal; font-weight:bold }
#home #footer em { color: #e4ddd5; }

a, a:link { color: black }
a:visited { color: #1f211d; }
a:hover { color: #f9310f}

#home a, #home a:link { color: #e4ddd5; }
#home a:visited { color: #f2e3d9;}
#home a:hover { color: #f9310f}

#home #content a, #home #content a:link { color: #ff412f; font-weight: bold }
#home #content a:visited { color: #ff412f }
#home #content a:hover {color: #FFFFDD;}


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

#header a, #header a:link, #subnav a, #subnav a:link { color: #e4ddd5; }
#header a:visited, #subnav a:visited  { color: #f2e3d9; }
#header a:hover, #subnav a:hover { color: #FFFFDD; }


#header { text-align: left; margin-top: 16px; }
#header ul, #subnav { list-style: none; padding:8px 0px 0px 116px; height:24px;}
#header li, #subnav li {
    display:inline;
    margin:0px 16px 0px 0px;
    font: 14pt/12pt "Lucida Grande", "DejavuSans Condensed", "Trebuchet MS", "Tahoma", "Arial Narrow", arial, sans;
    text-transform: uppercase;
    font-weight: 100;
    color: #FFFFDD;
}

#header li a, #subnav li a {color:#f2e3d9;}
#header li a img { background-color:#f2e3d9; }
#header li a:hover img { background-color: #FFFFEE; }
#header li a.parentlink, #subnav li a.parentlink { color:#FFFFDD; }
#header li a.parentlink:hover, #subnav li a.parentlink:hover { color:#FFFFFF }

#subnav {
    position:absolute;
    left:16px;
    top:8px;
    width:964px;
    height:32px;
    text-align: left;
    padding:0;
}

#subnav li { font-size: 16px; font-weight:bold; color:#e0d1c7;}
#subnav li a { font-weight:normal }
#header li img {
    display:block;
    position:absolute;
    top:0;left:0;
    background-color: #e0d1c7;
}



#team-images {
    position:absolute;
    width:980px;
    height:352px;
    top:32px;
    left:0px;
}

#team-images img {float:left}

#content { text-align: left; padding: 16px 0px 0px 16px; clear:both}
.menubar #content { padding: 48px 0px 0px 16px; }

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

#home #content { 
    padding: 405px 405px 16px 230px; 
    text-align: center;
    font: 16px/18px "Lucida Grande", DejavuSans, "Trebuchet MS", "Tahoma", "Arial Narrow", arial, sans;
}
#home #content ul { list-style: none; }



#aloud #content { padding: 300px 350px 16px 0px; }
#team #content { padding: 380px 350px 16px 0px; }

#audio #content { height:300px; padding:64px 0px 0px 32px; color:#e0d1c7}
#audio #content a:link { color: #e4ddd5; }
#audio #content a:visited { color: #f2e3d9;}
#audio #content a:hover { color: #f9310f;}
#audio #content ul {list-style: inside url(../images/audiobullet.gif)}

#video #content, #photos #content { padding:48px 0px 0px 0px; margin:0}

ul.gallery { list-style: none; width:980px; margin:0; padding:0}
ul.gallery li { display: inline; margin: 0 16px 8px 0; float:left; padding:0}
ul.gallery li a img { border: 1px solid #f2e3d9; }
ul.gallery li a:hover img { border: 1px solid #f9310f}

.pic-arrows {width: 980px; margin-top: -16px;}
.pic-arrows td {width: 33%}

#concerts #content { padding-top: 0; color:black }

.info-page #content p, .info-page #content h2,
.info-page #content blockquote {
    padding-bottom: 14pt;
}

.press-page #content {color:black}


div.concert { margin-bottom: 9pt }
.concert div.description { font-size: 85%; color:black }
.concert li { list-style-position: inside }
.concert_year { font-size: 1em; color:#B42C2F }
.concert_time { color:black }
.concert h3 { font-size: 1em; color:#F2E4CA; padding: 0em}
.concert h3.oldconcert { color:#B8AD96; }
.concert p.oldconcert { color:#CACACA; }
.year_list_current { color:#B42C2F }

#footer img { padding-top: 5px }