/* ---------------------------------------------
Screen Stylesheet for http://www.bostonevententertainment.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:#fff6d8;
background:#000;
color:#333333;
}
/* ---------- ::Links:: ------------------------ */
a, a:visited {text-decoration:underline; color:#448ef3;}
a:active, a:focus, a:hover {
text-decoration:none;
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:10px;
}

/* ---------- ::Template:: --------------------- */
#wrap {
    position:relative;
    margin:0px auto;
    width:701px;
    border:0;
    background:#fff;
    border-left:1px solid #6b3000;
    border-right:1px solid #6b3000;
}


/* --------- :: Some Style Defaults :: ----------- */
#wrap h1 {
    color:#2660af;
    font-family:Century Gothic, Lucida Grande, sans-serif;
    text-transform:uppercase;
    font-size:24px;
    line-height:24px;
    margin:5px 0;
    font-weight:normal;
    letter-spacing:1px;
}
#wrap h2 {
    color:#448ef3;
    font-family:Century Gothic, Lucida Grande, sans-serif;
    text-transform:uppercase;
    font-size:14px;
    line-height:20px;
    margin:3px 0;
    font-weight:normal;
    letter-spacing:1px;
}
#wrap h2 a, #wrap h1 a { font-family:Century Gothic, Lucida Grande, sans-serif; }
#wrap p {
    color:#111;
    font-family:Georgia, Times New Roman, serif;
    font-size:13px;
    line-height:20px;
    margin:12px 0;
}


/* ---------- :: Header :: ------------ */

#header {
    position:relative;
    margin:0;
    padding:0;
    width:701px;
    height:134px;
    z-index:100;
    background-image:url('images/header-bg.png');
    background-repeat:no-repeat;
    border-bottom:1px solid #eee;
}

/* ----------  ::Navigation:: ------------------ */
#header #nav {
    position:absolute;
    top:111px;
    left:0;
    width:701px;
    height:20px;
    text-align:center;
}
#header #nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#header #nav ul li { display:inline; padding: 0px;}
#header #nav ul li a { 
    font-family:Century Gothic, Verdana, sans-serif;
    font-size:12px; 
    font-weight:normal;
    text-decoration:none;
    color:#936138;
    text-transform:uppercase;
    letter-spacing:0px;
    padding:0 3px;
    _padding: 0 2px; /* IE6 Hack */
    margin:0;
}
#header #nav ul li a:hover,
#header #nav ul li a.current { color:#2660af; }

/* --- : Top Menu : --- */
#top-nav {
	position: absolute;
	left: 580px;
	top: 10px;
	width: 100px;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
#top-nav li{
	padding-top: 5px;
	margin: 0;
}

#top-nav a {
	text-decoration: none;
	color: #f8fbdc;
	font-size: 12px;
	font-family:Century Gothic,Lucida Grande, Verdana, sans-serif;
	text-transform: uppercase;
}

#top-nav a:hover { text-decoration: underline; }


/* ---------- :: Homepage Feature Block :: ----------- */
#feature {
    position:relative;
    height:280px;
    text-align:left;
    width:100%;
    z-index:50;
    margin:0;
    padding:0;
}
    #feature #feature-images {
        position:absolute;
        width:462px;
        height:280px;
        margin:0;
        padding:0;
    }
        #feature #feature-images div {
            display:block;
            margin:0;
            padding:0;
            height:280px;
            width:462px;
            background-repeat:no-repeat;
        }
        #feature #feature-images div.hidden { display:none; }
        #feature #feature-images div#f-bsq { background-image:url('images/featured/bsq.jpg'); }
        #feature #feature-images div#f-rosey { background-image:url('images/featured/roseysrejects.jpg'); }
        #feature #feature-images div#f-belltones { background-image:url('images/featured/belltones.jpg'); }
        
        
    #feature #feature-text {
        position:absolute;
        top:0;
        right:0;
        height:280px;
        width:284px;
        z-index:100;
        background-image:url('images/feature-bg.png');
        background-repeat:no-repeat;
    }
        #feature #feature-text h1 { 
            color:#fff; 
            margin-right:60px;
        }
    
        #feature #feature-text div {
            position:relative;
            width:284px;
            height:280px;
            margin:20px 0 0 40px;
        }
        #feature #feature-text div.hidden { display:none; }
            #feature #feature-text div p {
                font-style:italic;
                font-size:13px;
                z-index:200;
                color:#fff;
                margin-right:70px;
            }
            #feature #feature-text div a.learnmore {
                position:relative;
                left:94px;
                top:12px;
                font-family:Century Gothic, Futura, Lucida Grande, sans-serif;
                font-size:16px;
                text-transform:uppercase;
                color:#fff;
            }


/* ---------- :: Midpage Line :: ----------- */
#line {
    position:relative;
    width:100%;
    height:6px;
    background-image:url('images/midpage-bg.png');
    background-repeat:repeat-x;
}


/* ---------- :: Main Content Block and Children :: ---------- */

#main { position:relative; padding: 20px 40px; }

#main.nopadding { padding:20px 40px 20px 0; }

/* Fix for Homepage */
#main.nopadding p, #main.nopadding h1 { text-align:center; }

#main #home-content {
    position:relative;
    display:inline-block;
    width:408px;
    margin:0 0 0 246px;
}

#main #content ul,
#main #content ol,
#main #home-content ul,
#main #home-content ol { margin:20px 20px 20px 60px; }

    #main ul li,
    #main ol li {
        position:relative;
        height:auto;
        font-size: 13px;
        text-align:left;
        line-height:16px;
        color:#d17717;
        font-family:Georgia, Times New Roman, serif;
        margin:10px 0;
        padding:0;
    }
        #main #content ul li p,
        #main #content ol li p { 
            text-align:left;
            line-height:16px;
            color:#555;
        }

#main #content ul, 
#content ul ol {
	list-style-image: url(images/navbullet.gif);
	margin: 4px 0px 0px 12px;
	padding: 0px;
	font-size: 11px;
	line-height: 15px;
	text-align: justify;
}

#main #content {
	clear: both;
	padding-top: 5px;
	font-size: 10px;
}
#main #content p { text-align: justify; }

#main #content p.blurb-text {
	text-align: right;
	width: 360px;
	margin-top: 0px;
}
#main img {
    border: 1px solid #6b3000;
    margin:3px 0px 10px 0px;
}
#main #content img.blurb-image {
	position: absolute;
	margin-left: 370px;
	width: 250px;
	height: 167px;
}
#main #content h2.blurb-title {
	border-bottom: 1px dotted #448ef3;
	width: 360px;
}
#main #content .blurb {
	height: 175px;
	margin-top: 5px;
}

#main #content h2.blurb-title a { text-decoration: none; }
#main #content h2.blurb-title a:hover { color: #2660af; }

#main #content p.wedding-blurb {
	text-transform: none;
}
#main #content p.wedding-blurb a { text-decoration: none; }
#main #content p.wedding-blurb a:hover { text-decoration: underline; }


/* ---------- :: Sideboxes :: ------------- */
#main div.sidebox {
    position:absolute;
    top:25px;
    left:0;
    margin:0 0px 20px 0;
    height:196px;
    width:226px;
    background-image:url('images/sidebox-bg.png');
    background-repeat:no-repeat;
}
#main div.sidebox div {
    margin:15px 35px 15px 25px;
    text-align:center;
}
#main div.sidebox div h3 {
    font-family:Century Gothic, Lucida Grande, sans-serif;
    font-size:20px;
    text-transform:uppercase;
    color:#fff;
    line-height:18px;
    margin:29px 0 14px 0;
    font-weight:normal;
    letter-spacing:1px;
    text-align:right;
    font-style:normal;
}
#main div.sidebox div p,
#main div.sidebox div li,
#main div.sidebox div {
    font-family:Georgia,Times New Roman, serif;
    font-size:13px;
    color:#fff;
    line-height:20px;
    text-align:right;
    font-style:italic;
}
#main div.sidebox div a { color:#fff; }
#main div.sidebox div a:hover { color:#fff; }



/* ---------- :: Footer :: ------------- */
#footer {
    position:relative;
    clear:both;
    height:75px;
    width:100%;
    background-image:url('images/footer-bg.png');
    background-repeat:no-repeat;
}
#footer div {
    height:40px;
    width:400px;
    position:absolute;
    top:33px;
    right:40px;
}
#footer div p {
    font-family:Lucida Grande, Verdana, sans-serif;
    font-size:10px;
    .font-size:9px;
    color:#e5e5e5;
    text-align:left;
    line-height:13px;
    margin:5px 0;
    text-align:right;
}
#footer div p a { color:#e5e5e5; }
#footer div p a:hover { color:#fff; }



/* ---------- :: Classes :: --------------- */
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.external {/* for use with new window JS */}
.floatleft {float:left;}
.floatright {float:right;}
.floatright-border{float:right;border:1px solid #688AC3;margin:0 0px 15px 15px;}
.floatleft-border{float:left;border:1px solid #688AC3;margin:0 15px 15px 0;}
.alignleft { text-align: left; }
.alignright { text-align: right; }
.hidden, .accordion-hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.right {text-align:right;}
.png {/* for use with png fix JS */}
.gray {color:#999999; }
.button {margin:8px 0 8px 3px;}
/* ---------- ::Other:: ------------------------ */
li.nodeco { list-style: none; }


/* ---------- :: Booking :: ----------- */
.error { color: red; font-size: .7em;}
/*.formtype { font-size: .8em; }*/
.formtype {
	font-size: 1.1em;
	padding-top: 4px;
}



/* -------------- :: Band Pages :: -------------- */
 img.band-image {
 	width: 300px;
 	float: left;
 }
.band-bio {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
/* ----------- :: Audio Menu :: ----------- */
#main ul.band-audio {
    width: 300px;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
    #main ul.band-audio li { color:#448ef3; }
        #main ul.band-audio li em { display:none; }

li.band-name h1 {
  	padding-top: 0px;
}
.audiolabel {
    display:block;
 	position: relative;
 	z-index: 1;
 	width: 200px;
 	padding: 0 0 0 90px;
	margin:15px 0;
}
.audio {
	position: absolute;
	z-index: 50;
}
/* ----------- :: Song List :: ----------- */
#songlist {
	font-size: 10px;
	display: none;
}
.hint1 {
	position: absolute;
	font-family:Century Gothic, Lucida Grande, sans-serif;
	line-height: 1.1em;
}
.hint2 {
	display: none;
	font-family:Century Gothic, Lucida Grande, sans-serif;
	line-height: 1.1em;
}
.sl-band {
	font-style: italic;
}
#content ul.sl-col,
#content ul.sl-col-right,
#content ul.sl-col-left {
	line-height: 12px;
	width: 205px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
}
 #content ul.sl-col-left {
	float: none;
}
 #content ul.sl-col-right {
	padding-right: 0;
}
#content ul.sl-col li,
#content ul.sl-col-right li,
#content ul.sl-col-left li {
	width: 190px;
	list-style: none;
	margin: 0;
	padding: 0  0 0 0;
	height: 3.5em;
}
.sl-category {
	padding-top: 20px;
	padding-bottom: 2px;
	clear: both;
	font-weight: bold;
	color:#4f91cd;
	margin-bottom: 2px;
	width: 100%;
	border-bottom: 1px solid #666666;
}