*
{
    margin:0px;
    padding:0px;
    border:none;
}

body {
    background: #d8d8d6 url(../images/bkg2.gif) repeat-x top;
    margin: 0 auto;
    padding: 4px;
    color: #333331;
    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:14px 0 0 0;
    position:relative;
}

#content-wrapper.menubar, #recordings #content-wrapper {
    width:980px;
    background:url(../images/subnav-header-bkg.png) top left no-repeat; 
}
.info-page #content-wrapper.menubar { 
    background:url(../images/text-back.png) top left no-repeat; 
}
#home #content-wrapper { 
    width:980px; 
    height:556px;
}

#audio #content-wrapper {
    width:980px;
    background:url(../images/media.png) top left no-repeat;
}

#concerts #content-wrapper {
    width:980px;
    background:url(../images/map.png) top left no-repeat;
}


#footer
{
    text-align: left;
    font: 9pt/11pt "Lucida Grande", DejavuSans, arial, sans;
    padding: 16px 0px 0px 0px;
    color: #333331;
    clear:both;
}
#home #footer { color: #e0d1c7; }

#footer table { width:100%; border:none; }
#footer td { vertical-align:top; width: 33.3%} 

#footer li, #sidebar li { 
    list-style-position: inside; 
    list-style-image: url(../images/bullet.gif);
}

#footer em { color: #333331; 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}

#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; }

#home #content a, #home #content a:link {color:#CCFFCC;}
#home #content a:visited {color:#f2e3d9;}
#home #content a:hover { color: #f9310f}

#header { text-align: left; margin-top: 16px; }
#header ul, #subnav { list-style: none; padding:0px 0px 0px 38px; 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;
}


#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: 0; }
.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:0;
    position:relative;
    font: 12px/14px "Lucida Grande", DejavuSans, arial, sans;
}
#home #content h2 {
    text-transform: uppercase;
    font: 8px/14px "Lucida Grande", "DejavuSans Condensed", arial, sans;
    font-weight: bold;
}

#recordings #content { 
    color:black;
    clear:both;
    padding: 48px 4px 0px 4px;
    font: 12px/14px "Lucida Grande", DejavuSans, arial, sans;
}
#recordings #content h2 {
    text-transform: uppercase;
    font: 12px/14px "Lucida Grande", "DejavuSans Condensed", arial, sans;
    font-weight: bold;
}
#recordings #content h3 {
    font: 12px/14px "Lucida Grande", "DejavuSans Condensed", arial, sans;
    font-weight: bold;
    margin-bottom: 14px;
}
#recordings #content img {
    float:right;
    margin: 16px 16px 16px 16px;
}
#recordings #content ul {
    list-style: inside url(../images/audiobullet.gif);
    padding-bottom:14px;
}
#recordings #content h4 {
    font-weight: normal;
    font: 12px/14px "Lucida Grande", DejavuSans, arial, sans;
    padding:0;
}
#recordings #content hr {
    clear:both;
    padding-bottom:14px;
}

#recordings #content p {padding-bottom:14px}

/*
#content a, #content a:link { color: #001015 }
#content a:visited { color: #1f211d; }
#content a:hover { color: #f9310f}
*/

#home #content ul {
    list-style: none;
}

#home #content li { padding-bottom:7px }
#home #content h2 a { color:#CCFFCC; text-decoration:none}
#home #content h2 a:visited { color:#D9FFCC; }
#home #content h2 a:hover { color:#F2FFCC; }
#home-video {
    position:absolute;
    top:0px;
    left:0px;
    width:604px;
    height:96px;
}
#home-video h2 {position:absolute; bottom:6px; right:16px;}

#home-video #carousel-wrap {
    position:absolute;
    top:16px; left:16px;
    width:572px;height:60px;
}

#home-video #fwd, #home-video #bck {
    display:block;
    position:absolute;
    top:16px;left:4px;width:8px; height:60px;
    background: url('../images/big-arrows/bck.gif');
}

#home-video #fwd {
    left:592px;
    background: url('../images/big-arrows/fwd.gif');
}

#home-video #fwd:hover, #home-video #bck:hover,
#home-video #fwd:active, #home-video #bck:active,
#home-video #fwd:focus, #home-video #bck:focus
{text-decoration:none; outline:none}
#home-video #fwd:hover {background: url('../images/big-arrows/fwd-hl.gif');}
#home-video #bck:hover {background: url('../images/big-arrows/bck-hl.gif');}

.stepcarousel{
    position: relative;
    overflow: scroll;
    width: 572px;
    height: 60px;
}
.stepcarousel .belt{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width:572px;
    height:60px;
    
}
.stepcarousel .panel{
    float: left;
    margin: 0 4px 0 4px; /*margin around each panel*/
    width: 77px;
}

.stepcarousel .panel a img { border: solid 2px #444441; }
.stepcarousel .panel a:hover img { border: solid 2px #CCFFCC; }

#home-quote {
    position:absolute;
    top:150px;
    left:16px;
    width:572px;
    height:120px;
    line-height: 24px;
    padding:16px;
}
#home-quote dt { font-style: italic; font-size: 166%; }
#home-quote dd { text-align: right; padding-right: 32px }

#home-news {
    position:absolute;
    top:308px;
    left:22px;
    width:180px;
    height:245px;
    text-align: left;
    font-size:10px;
    line-height:14px;
}
#home-news h3 { font-weight: bold; font-size:9px; }
#home-news .homepost {padding-bottom:9px}
#home-concerts {
    position:absolute;
    top:308px;
    left:218px;
    width:180px;
    height:245px;
}

#home-management {
    position:absolute;
    top:308px;
    left:414px;
    width:180px;
    height:122px;
}
#home-sponsors {
    position:absolute;
    top:430px;
    left:414px;
    width:180px;
    height:122px;
}

#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}

.info-page #content { 
    padding: 40px 16px 0px 16px;
    width: 572px;
    float:left;
}

.info-page #sidebar { 
    margin-left:600px;
    width: 348px;
    height: 384px;
    padding: 40px 16px 0px 16px;
    text-align:left;
}



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: 336px 0 0 0px; min-height:200px }

.info-page #content p, .info-page #content h2,
.info-page #content blockquote {
    padding-bottom: 14pt;
}

div.concert { margin-bottom: 9pt }
div.post, div.section { margin-bottom: 18pt }
div.last-post { margin-bottom: 0 }
.concert div.description { font-size: 85%; color:#444441 }
.concert li { list-style-position: inside }
.concert_year { font-size: 1em; color:#B42C2F }
.concert_time { color:#444441 }
.concert h3  { font-size: 1em; color:black; padding: 0em}
#home .concert h3, #home concert p { color:white }
.post h3, #sidebar h3 {font-size: .75em; color: black}
.concert h3.oldconcert { color:#444; }

.year_list_current { color:#B42C2F }


