/* ---------------------------------------------
Screen Stylesheet for http://www.iseeitsolutions.com
Author:		Joey Brunelle / www.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 {
    text-decoration:none;
    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;
    background:#000;
    background-image:url('images/bg-wrap.png');
    background-repeat:no-repeat;
}


/* --------- :: 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:right;
}
#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:right;
    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:right;
}
#wrap p {
    color:#fff;
    font-family:Georgia, Times New Roman, serif;
    font-size:11px;
    line-height:20px;
    margin:8px 0 12px 0;
    text-align:right;
    letter-spacing:1px;
}
    #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:right;
    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 :: ------ */
#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:70px 0 0 0;
    width:480px;
}
    #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-left:1px solid #7fb5ce;
            border-top:1px solid #7fb5ce;
            border-right:1px solid #7fb5ce;
        }
    
    #content ul,
    #content ol{
        position:relative;
        margin:0 0 0 100px;
        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:11px;
            margin:0;
            padding:5px 10px 5px 0;
            text-align:right;
            letter-spacing:1px;
            line-height:16px;
        }
        #content ul li { 
            border-right:2px solid #bbb;
            margin:4px 0;
        }
        #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;
        }


/* ------ :: Footer :: ------ */
#footer {
    position:relative;
    width:480px;
    text-align:right;
    padding:30px 0;
}
    #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;
            font-family:Georgia, Times New Roman, serif;
            font-size:9px;
            text-transform:uppercase;
            letter-spacing:1px;
            height:12px;
        }
            #footer ul li a {
                color:#333;
                font-family:Georgia, Times New Roman, serif;
                font-size:9px;
                text-transform:uppercase;
                letter-spacing:1px;
                padding:0;
            }
            #footer ul li a:hover { color:#7fb5ce; }
    #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;
    }




/* ---------- :: 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:: ------------------------ */