/* ---------------------------------------------
Screen Stylesheet for http://xibus.org
Author:		Joey Brunelle / gooserockdesign.com

--------------- ::Resets:: --------------------- */
html, body, address, blockquote, dl, ol, ul, li, fieldset, form,
h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
/* ---------- ::HTML & Body:: --------------------- */
html { 
    font-size:100.01%;  
    height: 100%;
}
body { 
    height:100%;
    background:#000;
    color:#fff;
}
/* ---------- ::Links:: ------------------------ */
a, a:visited {
    text-decoration:underline;
    color:#7fb5ce;
}
a:active, a:focus, a:hover {
    color:#fff;
    outline:none;
}
a img {border:none;}
/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding:0;margin:0;border:0;line-height:12px;}
	/* Resets for Nested elements */
	blockquote p, p blockquote,
	div div, div li, div p,
	li li, li li li,ul ul,
	p address, p pre, pre p,
	td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre
	{font-size: 100%;font-family:Georgia, Times New Roman, serif;}
/* ---------- ::Lists:: ------------------- */
dl, ol, ul {margin:0;padding:0;}
li, ol, dd, dt { padding:0;margin:0px;}

/* ---------- :: Template :: --------------------- */
#wrap {
    position:relative;
    margin:0px auto;
    width:860px;
    border:0;
    padding-bottom:60px;
    background:#000 url('images/bg-wrap.jpg') no-repeat 0 0;
}


/* --------- :: Global Style Defaults :: ----------- */
#wrap h1 {
    color:#7fb5ce;
    font-family:Garamond, Georgia, Times New Roman, serif;
    font-size:30px;
    line-height:24px;
    margin:5px 0;
    font-weight:normal;
    letter-spacing:0px;
    text-align:left;
}
#wrap h2 {
    color:#4192c6;
    font-family:Georgia, Times New Roman, serif;
    font-size:15px;
    line-height:20px;
    margin:15px 0 10px 0;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:left;
    border-bottom:1px solid #488abc;
}
#wrap h3 {
    color:#4192c6;
    font-family:Georgia, Times New Roman, serif;
    font-size:15px;
    line-height:15px;
    margin:30px 0 0 0;
    font-weight:normal;
    letter-spacing:0px;
    text-align:left;
}
#wrap p {
    color:#fff;
    font-family:Georgia, Times New Roman, serif;
    font-size:12px;
    line-height:20px;
    margin:15px 0 12px 0;
    text-align:left;
}
    #wrap p strong { 
        color:#7fb5ce;
        font-weight:normal; 
    }
#wrap p.red { color:red; }

#wrap address {
    color:#bbb;
    font-family:Georgia, Times New Roman, serif;
    font-size:11px;
    line-height:14px;
    margin:8px 0 12px 0;
    text-align:left;
    letter-spacing:1px;
    font-style:normal;
}
#wrap img {
    margin:0px 0 10px 0px;
}



/* ------ :: Logo :: ------ */
#wrap #logo {
    position:absolute;
    top:0;
    right:0; }
    #wrap #logo img { margin:0;padding:0;border:0; }


/* -- Navigation -- */
#navigation{
    /*position:relative;
    margin-top:12px;*/
    position:absolute;
    right:0px;
    top:221px;
    width:312px;
    z-index:200;}
    #navigation ul ul { display:block; margin:0 0 0 75px; }
    #navigation li {display:block; text-align:right; font-size:11px; color:#a35b06; list-style-type:none; margin-top:20px; }
        #navigation li li { display:inline; margin-top:0; }
    #navigation a {
        color:#e48311;
        font-size:19px;
        line-height:22px;
        font-family:Garamond,Georgia,'Times New Roman',serif;
        text-decoration:none;  }
        #navigation li li a { font-size:14px; color:#a35b06;}
     #navigation a:hover { text-decoration:underline; }
     #navigation a:hover,
     #navigation a.menuactive,
     #navigation a.menuparent { color:#e48311; }


/* OLD OLD OLD OLD OLD OLD */
/* ------ :: Navigation :: ------ */
/*#nav {
    position:absolute;
    width:490px;
    height:200px;
    top:0;
    left:0;
    z-index:200;
}
    #nav ul {
        position:relative;
        left:0px;
        list-style-type:none;
        height:200px;
        z-index:200;
    }
        #nav ul li {
            position:absolute;
            margin:0;
            padding:0;
            list-style:none;
            top:0;
            z-index:200;
        }
        #nav ul li, 
            #nav ul li a {
            height:19px;
            display:block;
            z-index:200;
        }
            #nav ul li a {
                text-transform:uppercase;
                font-family:Garamond, Georgia, Times New Roman, serif;
                font-size:12px;
                text-transform:uppercase;
                color:#7fb5ce;
                line-height:15px;
            }
                #nav ul li a span { display:none; }
*/

/*  -- OLD (save just in case) -- 
#nav ul li#nav-itinerary { left:4px; top:46px; width:76px; }
    #nav ul li#nav-itinerary a { background-image:url('images/nav-itinerary.png'); }
#nav ul li#nav-about { left:55px; top:86px; width:86px; }
    #nav ul li#nav-about a { background-image:url('images/nav-about.png');}
#nav ul li#nav-music { left:113px; top:124px; width:53px; }
    #nav ul li#nav-music a { background-image:url('images/nav-music.png');}
#nav ul li#nav-watch { left:30px; top:162px; width:128px; }
    #nav ul li#nav-watch a { background-image:url('images/nav-watch.png');}
#nav ul li#nav-workshops { left:170px; top:195px; width:97px; }
    #nav ul li#nav-workshops a { background-image:url('images/nav-workshops.png');}
#nav ul li#nav-contact { left:260px; top:242px; width:97px; }
    #nav ul li#nav-contact a { background-image:url('images/nav-contact.png');}
#nav ul li#nav-donate { left:322px; top:194px; width:106px; }
    #nav ul li#nav-donate a { background-image:url('images/nav-donate.png');}
#nav ul li#nav-get { left:280px; top:161px; width:110px; }
    #nav ul li#nav-get a { background-image:url('images/nav-get.png');}
#nav ul li#nav-shop { left:299px; top:60px; width:44px; }
    #nav ul li#nav-shop a { background-image:url('images/nav-shop.png');}
*/

        /* -- Row One -- */
/*        #nav ul li#nav-welcome { left:0px; top:4px; width:71px; }
            #nav ul li#nav-welcome a { background-image:url('images/nav-welcome.png'); }
        #nav ul li#nav-itinerary { left:86px; top:4px; width:74px; }
            #nav ul li#nav-itinerary a { background-image:url('images/nav-itinerary.png'); }
        #nav ul li#nav-watch { left:175px; top:4px; width:117px; }
            #nav ul li#nav-watch a { background-image:url('images/nav-watch.png');}
        #nav ul li#nav-workshops { left:307px; top:4px; width:89px; }
            #nav ul li#nav-workshops a { background-image:url('images/nav-workshops.png');}
        #nav ul li#nav-musicians { left:411px; top:4px; width:81px; }
            #nav ul li#nav-musicians a { background-image:url('images/nav-musicians.png'); } */
            
        /* -- Row Two -- */
/*        #nav ul li#nav-about { left:0px; top:26px; width:74px; }
            #nav ul li#nav-about a { background-image:url('images/nav-about.png');}
        #nav ul li#nav-get { left:82px; top:26px; width:102px; }
            #nav ul li#nav-get a { background-image:url('images/nav-get.png');}
        #nav ul li#nav-shop { left:192px; top:26px; width:43px; }
            #nav ul li#nav-shop a { background-image:url('images/nav-shop.png');}
        #nav ul li#nav-donate { left:243px; top:26px; width:99px; }
            #nav ul li#nav-donate a { background-image:url('images/nav-donate.png');}
        #nav ul li#nav-contact { left:350px; top:26px; width:92px; }
            #nav ul li#nav-contact a { background-image:url('images/nav-contact.png');}
        #nav ul li#nav-bsq { left:450px; top:26px; width:43px; }
            #nav ul li#nav-bsq a { background-image:url('images/nav-bsq.png'); } */
            
    
/*            #nav ul li a:hover,
            #nav ul li a.current {
                background-position: 0 -19px;
                color:#fff;
            } */


/* ------ :: Main Content :: ------ */
#content {
    position:relative;
    padding:30px 0 0 0;
    width:480px;
    font-size:12px;
    line-height:20px;}
    #content p.photos { margin:5px; }
        #content p.photos a { margin:0 0 0 10px; }
                #content p.photos a img,
            #content img.floatright,
            #content img.floatleft { border:1px solid #7fb5ce; }
                #content p.photos a:hover img { border:1px solid #fff; }
            #content img.floatright,
            #content img.floatleft { margin:8px 15px; }
    
        #content object {
            margin:10px;
            border:1px solid #7fb5ce;
            border-width:1px 1px 0 1px; }
    
    #content ul,
    #content ol{
        position:relative;
        margin:0;
        width:380px;
        list-style-type:none;
    }
    #content ol {
        width:260px;
        margin:0 0 0 220px;
    }
        #content ul li,
        #content ol li {
            position:relative;
            color:#bbb;
            font-family:Georgia, Times New Roman, serif;
            font-size:12px;
            margin:0;
            padding:5px 10px 5px 0;
            text-align:left;
            line-height:20px;
        }
        #content ul li { 
            border-left:2px solid #bbb;
            margin:4px 0;
            padding-left:10px;
        }
        #content ul li.red { color:red; }
        
        #content ol li { border-bottom:1px solid #222; }
        #content ol li:hover { 
            background:#222;
            color:#7fb5ce;
        }
            #content ol li span { 
                font-size:16px;
                margin-left:10px;
            }
            
            #content ol li object.audio,
            #content ul li object.audio {
                position:absolute;
                top:2px;
                left:140px;
                border:0;
                margin:0;
            }
            #content ol li object.audio { left: 0; }
            
            #content ul.sliders li object {
                position:absolute;
                left:0;
                top:0;
                display:block;
            }
        
        #content #masthead {
            position:relative;
            height:324px;
            width:486px;
            margin:0 0 30px 0;
            padding:0; }
        .young-composer-competition #content #masthead { height:190px; }


/* ------ :: Footer :: ------ */
#footer {
    position:relative;
    width:480px;
    text-align:left;
    margin:30px 0;
    padding:10px 0;
    border-top:2px solid #333;
}
    #footer ul {
        position:relative;
        list-style-type:none;
        margin:0 0 3px 0;
        padding:0;
        height:12px;
    }
        #footer ul li { 
            display:inline;
            margin:0;
            padding:0;
            color:#666;color:#ddd;
            font-family:Georgia, Times New Roman, serif;
            font-size:9px;
        }
            #footer ul li a {
                color:#333; color:#7fb5ce;
                font-family:Georgia, Times New Roman, serif;
                font-size:10px;
                text-decoration:none; 
                padding:0 8px; }
            #footer ul li a:hover { color:#aaa; }
    #wrap #footer p {
        color:#333;
        font-family:Georgia, Times New Roman, serif;
        font-size:10px;
        letter-spacing:0;
        text-transform:none;
        padding:0;
        margin:8px 0;
        line-height:14px;
    }
    
    
/* ------ :: Dialog Boxes :: ------ */
div.dialog { text-align:right; }
    div.dialog a {
        font-size:12px;
        font-style:italic;
        padding:0 5px 0 0;
    }


/* -- Form Builder forms -- */
.formbuilder { margin:0 40px 0 10px; border:none;}
.formbuilder fieldset { border:none; }
.formbuilder legend { 
    font-size:18px;
    padding-top:30px;
    width:100%;
    color:#A35B06;
    font-style:italic;
    border-bottom:1px solid #A35B06;}
.formbuilder div { padding-bottom:12px; }
.formbuilder div.half { width:40%; display:inline-block; vertical-align:top; margin-right:38px; }
    .formbuilder div label { display:block;padding:8px 0 2px; }
    .formbuilder div label.error { color:#9c0800 !important; padding-top:2px; font-style:italic;}
    #rightColumn .formbuilder div label { color:#fff; }
    .formbuilder fieldset div input,
    .formbuilder fieldset div textarea {
        border:2px solid #fff;
        padding:6px 9px;
        font-size:14px;
        line-height:21px;
        width:100%;
        font-family:Verdana,Arial,sans-serif;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;}
    .formbuilder fieldset div textarea {
        font-size:12px;
        line-height:18px;
        height:120px;}
    .formbuilder fieldset div.fb_invalid input,
    .formbuilder fieldset div.fb_invalid textarea,
    .formbuilder fieldset div input.error,
    .formbuilder fieldset div textarea.error{ border:2px solid #9c0800; }
    .error_message li { color:#9c0800 !important; font-style:italic; border-left:none; list-style-type:disc;}

    /* multi inputs */
    .formbuilder .multi input { width:25px; height:24px; float:left; margin:3px 0px 0 3px; font-weight:bold; cursor:pointer; padding:0 0 4px 0;}
    .formbuilder .multi input[type="text"],
    .formbuilder .multi input[type=text] {
        clear:both;
        border:2px solid #fff;
        padding:6px 9px;
        font-size:14px;
        line-height:21px;
        width:100%;
        font-family:Verdana,Arial,sans-serif;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; }

    .formbuilder .submit input { float:right; }
    
/* -- IFrame Container -- */
.iframeContainer { background:#fff; padding:10px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }



/* ---------- :: Classes :: --------------- */
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.floatleft {float:left;}
.floatright {float:right;}
.alignleft { text-align: left; }
.alignright { text-align: right; }
.hidden {display:none;}
.inline {display:inline;}
/* ---------- ::Other:: ------------------------ */