html, body { background: #fff url(/media/css/img/skybakgrunn_03.jpg) repeat scroll 0 0; height: 100%; }
/* body { color: #444; font-family: 14px/1.5 Georgia, "Times New Roman", serif; } */
body { color: #444; font: 14px/1.5 Arial, Helvetica, sans-serif; }
a { color: #de5a34; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", serif; }
h1, h2, h3 { color: #de5a34; }
h1 { font-size: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; margin-bottom: 6px; }
h3 { font-size: 18px; margin-bottom: 4px; }

em { font-style: italic; }
strong { font-weight: bold; }
#container { margin: 0 auto; height: auto !important; min-height: 100%; position: relative; width: 968px; }
#header-wrapper { margin-bottom: 10px; position: relative; }
#header { background-color: #fff; height: 80px; overflow: hidden; }
    #header #logo { float: left; width: 230px; }
        #header #logo a { outline: none; }
        #header #logo h1 { background: transparent url(img/logo.png) no-repeat scroll 0 0; height: 73px; margin: 7px 10px 0 18px; width: 210px; }
            #header #logo h1 a { display: block; height: 100%; width: 100%; text-indent: -9999px; }
            #header #logo h1 a:hover { }
    #header #main-menu,
    #sidebar #menu { float: left; font: 13px Georgia, "Times New Roman", serif; height: 50px; margin-top: 15px; }
    #header #main-menu { width: 714px; }
            #main-menu li,
            #sidebar #menu li { background-color: #f8f7f6; margin-bottom: 6px; }
            #main-menu li { float: left; margin-left: 8px; width: 170px; }
            #main-menu li:hover,
            #sidebar #menu li:hover { background-color: #de5a34; }
                #main-menu li a,
                #sidebar #menu li a { color: #de5a34; padding: 3px 0 2px 8px; width: 100%; }
                #main-menu li a:hover,
                #sidebar #menu li a:hover { color: #f8f7f6; text-decoration: none; }

#section-bergen-domkor #nav-bergen-domkor,
#section-kammerkoret-st-sunniva #nav-kammerkoret-st-sunniva,
#section-maria-barnekantori #nav-maria-barnekantori,
#section-om #nav-om,
#section-orgelkonserter #nav-orgelkonserter,
#section-andre-arrangement #nav-andre-arrangement,
#section-nyhetsarkiv #nav-nyhetsarkiv,
#section-kontakt #nav-kontakt { background-color: #42AEB5; }
#section-bergen-domkor #nav-bergen-domkor a,
#section-kammerkoret-st-sunniva #nav-kammerkoret-st-sunniva a,
#section-maria-barnekantori #nav-maria-barnekantori a,
#section-om #nav-om a,
#section-orgelkonserter #nav-orgelkonserter a,
#section-andre-arrangement #nav-andre-arrangement a,
#section-nyhetsarkiv #nav-nyhetsarkiv a,
#section-kontakt #nav-kontakt a { color: white;}

#content-wrapper { padding-bottom: 120px; overflow: hidden; }

#article-wrapper { background-color: #fff; float: left; overflow: hidden; padding: 8px; width: 714px; }
    #article-wrapper img { width: 100%; }

#article { background-color: #fff; overflow: hidden; padding: 30px 52px 20px; }
    #article h1 { color: #DE5A34; }
    #article h1.event { color: #444; }

    #article.news h1 { color: #444; }
    #article.news img { margin: 8px 0 10px; width: 596px; }

#ingress { font: 18px Georgia, "Times New Roman", serif; margin-bottom: 12px; }
    #ingress p { margin-bottom: 8px; }

#article-content,
    #article p { margin-bottom: 12px; }
    #article ol,
    #article ul { margin-bottom: 12px; }
    #article li { list-style-position: inside; list-style-type: disc; }

    #article #listing .date { color: #DE5A34; }

    #article-content #side-image-wrapper { float: left; margin-right: 20px; }

    #locations li { background: transparent url(img/icons.png) no-repeat scroll 0 0; font-family: Georgia, "Times New Roman", serif; list-style-position: outside; list-style-type: none; }
    #locations .event-meta { display: block; margin-left: 20px; }
        #locations li#location-icon {background-position: 0 5px; height: 21px; }
        #locations li#date-icon { background-position: 0 -19px; height: 20px; text-transform: capitalize; }
        #locations li#time-icon { background-position: 0 -41px; height: 20px; }
        #locations li#price-icon { background-position: 0 -62px; height: 20px; }

#listing { overflow: hidden; }
    #listing p { margin: 4px 0 2px; }
    #listing h2 { color: #444; display: inline; }
    #listing li { border-top: 1px solid #ccc; padding: 16px 0 20px; list-style-position: outside; list-style-type: none; }
    #listing .more  { color: #de5a34; font: 16px Georgia, "Times New Roman", serif; }

#sidebar { background-color: #fff; float: right; padding: 12px 10px 10px; width: 182px; }
    #sidebar #leader { color: #42aeb5; margin-left: 8px; }
    #sidebar #name { font: 20px Georgia, "Times New Roman", serif; margin: 0 8px;}
        #sidebar #name a { color: #444; }
    #sidebar #menu { margin-top: 20px; width: 100%; }
        #sidebar #menu .nav { margin-right: 8px; }

#content > div { position: relative; }

#featured-wrapper { background-color: #fff; height: 391px; margin: 15px 0; overflow: hidden; padding: 10px 10px 9px; }
    #featured-wrapper > div { height: 100%; }
        #featured-wrapper > div > div { height: 100%; width: 942px; }
    #featured-wrapper .featured-image { height: 100%; overflow: hidden; width: 630px; }
        #featured-wrapper .featured-image img { width: 100%; }
    #featured-wrapper .featured-news-container { height: 100%; width: 310px; position: relative; }
    #featured-wrapper .featured-news { background: transparent url(img/gradient.jpg) no-repeat scroll 0 bottom; height: 285px; margin-right: 16px; padding-top: 35px; }
        #featured-wrapper .featured-news > * { margin-left: 22px; }
        #featured-wrapper .featured-news .date,
        #article .date { color: #42AEB5; }
        #featured-wrapper .featured-news h2 { color: #444; font-size: 22px; }
        #featured-wrapper .featured-news .ingress { margin-bottom: 5px; max-height: 130px; overflow: hidden; }
            #featured-wrapper .featured-news .ingress p { margin-bottom: 3px; }
        #featured-wrapper .featured-news .news-nav { position: absolute; bottom : 80px; }
    #featured-wrapper .news-nav a { background: #42AEB5 url(img/arrows.png) no-repeat 0 0; display: block; float: left; height: 20px; text-indent: -999px; width: 20px; }
        #featured-wrapper .news-nav a.nav-newer { background-position: 6px 5px; margin-right: 5px; }
        #featured-wrapper .news-nav a.nav-newer.disabled { background-position: 6px -44px; }
        #featured-wrapper .news-nav a.nav-older { background-position: 8px -93px; margin-left: 5px; }
        #featured-wrapper .news-nav a.nav-older.disabled { background-position: 8px -142px; }
    #featured-wrapper .featured-news-footer { background: transparent url(img/bkf_logo.png) no-repeat 0 14px; bottom: 0; height: 70px; left: 0; margin-left: 22px; position: absolute; width: 250px; }

#information { min-height: 300px; overflow: hidden; }
    #information #upcoming,
    #information #about { font-family: Georgia, "Times New Roman", sans-serif; }
    #information #about { background-color: #fff; float: left; margin-right: 20px; padding: 30px 26px 15px; width: 270px; }
        #information #about p { font-size: 17px; line-height: 1.5; margin-bottom: 10px; }
    #information #upcoming { float: left; width: 618px; }
        #information #about h2 { background-color: #fff; font-size: 19px; height: 250px; overflow: hidden; width: 100%; }
        #information #upcoming h2 { background-color: #fff; line-height: 1; padding: 0 9px; text-transform: uppercase; }
            #information #upcoming h2 a { color: #DE5A34; font-size: 15px; }
        #information #upcoming ul { margin-top: 6px; }
        #information #upcoming li { border-bottom: 1px solid white; padding: 10px 6px; }
        #information #upcoming a { color: #444; font-size: 22px; line-height: 30px; }
        #information #upcoming p { margin-left: 3px; }

#main { line-height: 22px; min-height: 500px; float: left; overflow: hidden; display: inline; }

.pagination { text-align: center; }

.nav { }
    .nav ul { margin: 0; }
    .nav li { list-style: none; }
    .nav li a { vertical-align: middle; display: block; }
    .nav li:hover { }
    .nav .current_page_item { }
    .nav .current_page_item:hover { }

#footer { background-color: #fff; bottom: 0; color: #777; height: 20px; padding: 8px 9px 5px; position: absolute; width: 942px; }
    #footer a { color: #777; }
    #footer .left { font: 13px Georgia, "Times New Roman", sans-serif; text-transform: uppercase; width: 100%; }
    #footer #footer-name { margin-top: 2px; width: 45%; }
    #footer #address { font-size: 13px; margin-right: 10px; text-align: right; text-transform: none; width: 50%; }

#new-footer { background-color: #fff; bottom: 0; color: #101413; font-size: 13px; height: 58px; padding: 22px 37px 0; position: absolute; width: 942px; }
    #new-footer .logo { background: transparent url(img/bunnlogo.gif) no-repeat scroll 0 0; border-right: 1px solid #e0e0e0; height: 33px; margin-right: 9px; padding-right: 7px; width: 64px; }
    #new-footer .supporters { color: #e0e0e0; }
    #new-footer a { color: #101413; text-decoration: underline; }
    #new-footer a:hover { background-color: #101413; color: #fff; text-decoration: none; }

.clearboth { clear: both; }

.sans-serif { font-family: Arial, Helvetica, sans-serif; }
.date { color: #de5a34; }
a.more { color: #42aeb5; }
.left { float: left; }
.right { float: right; }

.border-image-top {
    /*
    -o-border-image: url('img/shadow.png') 5;
    -icab-border-image: url('img/shadow.png') 5;
    -khtml-border-image: url('img/shadow.png') 5;
    -moz-border-image: url('img/shadow.png') 5;
    -webkit-border-image: url('img/shadow.png') 5;
    border-image: url('img/shadow.png') 5;
    */
    border-width: 0 4px 2px 4px;
}
.border-image-bottom {
    /*
    -o-border-image: url('img/shadow.png') 5;
    -icab-border-image: url('img/shadow.png') 5;
    -khtml-border-image: url('img/shadow.png') 5;
    -moz-border-image: url('img/shadow.png') 5;
    -webkit-border-image: url('img/shadow.png') 5;
    border-image: url('img/shadow.png') 5;
    */
    border-width: 2px 4px 0 4px;
}
.border-image {
    /*
    -o-border-image: url('img/shadow.png') 5;
    -icab-border-image: url('img/shadow.png') 5;
    -khtml-border-image: url('img/shadow.png') 5;
    -moz-border-image: url('img/shadow.png') 5;
    -webkit-border-image: url('img/shadow.png') 5;
    border-image: url('img/shadow.png') 5;
    */
    border-width: 2px 4px 4px;
    background-color: transparent;
}