/* Style for overall container and HTML document */
body.opening {background-color:black;}
body.jazz_fest {background-image:url(images/sfpinoyjazz_bg.jpg);color:black;}

.sitedesc {color:#66CCFF;font:16px Arial,Helvetica,sans-serif;width:700px;margin-left:10em;}

/* Styles for main navigation bar */
.mainnav4 {width:800px;margin:0em 0em 0em 0em;padding:0;}
html>body .mainnav4 {width:800px;margin:9.5em 0em 0em 0em;}
.mainnav4 ul {padding:0;margin:0 auto;list-style:none;}
.mainnav4 ul li {display:inline;font:900 16px Arial,Helvetica,sans-serif;color:000000;}

.openingimg {margin-left:12em;}
.maintitle{color:#66CCFF;font:900 30px Algerian,Helvetica,sans-serif;clear:both;margin-left:10em;background-color:black}
.mainfooter {text-align:center;;color:#66CCFF;background-color:black;width:800px;height:100px;margin-left:6em;}

A:link { text-decoration: underline; color:000000;;}
A:visited { text-decoration: underline; color:#000000;}
A:active { text-decoration: underline; color:#000000;}
A:hover { text-decoration: underline; color:#00A4DB;}


.musicplayer {margin-left:2em;}
html>body .musicplayer {margin-left:16em;}
html>body .artistheader {width:800px;text-align:center;margin:0 auto;padding:0em 0em 2em 0em;}
.artistheader {width:800px;text-align:center;margin:0 auto;padding:0em 0em 2em 0em;}
div.pinoyjazzcontainer{width:800px;height:100%;text-align:center;margin:0 auto;padding:0;}
.imgfloatleft{float:left;padding:0 1em 1em 1em;}
.imgfloatleft2{float:left;padding:0 .5em .5em 1em;}
.imgfloatright{float:right;padding: 0 1em 1em 1em;}
.pageheader{width:800px;height:50px;}
h1 {color:black;font:900 24px Algerian, Arial,sans-serif;margin:0 auto;padding:0em 0em 0em 0em;}
h2 {color:black;font: 900 18px Algerian, Arial,sans-serif;margin:0 auto;padding: 0em 0em .4em 0em;}
h2.events_h2 {color:black;font:900 24px Arial,Helvetica,sans-serif;margin:0 auto;padding:0;text-align:left;}
h3.events_h3 {color:black;font: 900 19px Arial,Helvetica,sans-serif;margin:0 auto;text-align:left;margin-left:3.5em;}
h4.events_h4 {color:black;font: 900 18px Arial,Helvetica,sans-serif;margin:0 auto;padding:0;text-align:left;margin-left:3.7em;}
.artistwebsite{margin-top:2em;margin-bottom:1em;}
html>body .artist_desc {width:480px;margin-left:6em;}
.artist_desc {margin-left:16em;}
.artist_desc p {color:#66CCFF;font:14px Arial,Helvetica,sans-serif;width:435px;background-color:black;margin-left:3em;}
.venues {padding:0;margin-left:6em;list-style:none;}
.venues li {padding-bottom:10px;padding-left:1em;}
html>body .imgbio {float:left;clear:left;margin:0em 3em 3em 1em;}
.imgbio {float:left;clear:both;margin:0em 3em 2em 2em;}
span.event_time {font:12px Arial,Helvetica,sans-serif;}

/* Styles for Community page   */
.communitycontent{width:800px;height:100%;margin:0 auto;padding:0;text-align:center;}
.communitycontent p {text-align:left;padding:0 2em 0 2em;}
ul.expandedlist {list-style:none;margin:0em 0em 0em 0em;padding:1em 3.5em 0em 3.5em;}
ul.expandedlist li {font:1em Arial,Helvetica,sans-serif;padding: 0em 0em 3em 0em;text-align:left;}
img.community_img {float:left;padding-right:1.5em;padding-bottom:.5em;}
span.community_links {font:18px Arial,Helvetica,sans-serif;}

/* Styles for paragraph and list elements */
.sfjazzcontainer{background-color:#FFA352;width:800px;height:100%;margin:0 auto;padding:0;}
.sfjazzcontent{width:800px;height:100%;margin:0 auto;padding:0em 0em 0em 0em;text-align:center;}
div.opening_container {background-color:black;width:800px;height:100%;margin:0 auto;padding:0;}
div.opening_content {width:800px;height:100%;margin:0 auto;padding:0em 0em 0em 0em;text-align:center;}
div.opening_content img {border:0;}
.sfjazz_p1 {color:black;font:1em Arial,Helvetica,sans-serif;padding:0em 3em 0 4em;text-align:left;}
.sfjazz_bold {color:black;font:900 1em Arial,Helvetica,sans-serif;padding:0em 3em 0 4em;text-align:center;}
.sfjazz_p2 {color:black;font:1em Arial,Helvetica,sans-serif;padding:1em 3em 0 4em;text-align:left;}
.sfjazz_p3 {color:black;font:1em Arial,Helvetica,sans-serif;padding:1em 3em 0 8em;text-align:left;}
.opening_p {color:#331A00;font:1.5em Arial Black,Helvetica,sans-serif;text-align:center;padding:0em 2.5em 0 3em;}
.opening_p2 {color:#331A00;font:2em Arial Black,Helvetica,sans-serif;text-align:center;padding:0em 2.5em 0 3em;}
.opening_p3 {color:#e82032;font:2.4em Arial Black,Helvetica,sans-serif;text-align:center;}
.opening_p4 {color:#331A00;font:italic 1.5em Arial Black,Helvetica,sans-serif;text-align:center;padding:0em 2.5em 0 3em;}
.opening_location{color:black;font:2em Arial Black,Helvetica,sans-serif;text-align:center;padding:0;margin:0;}
.opening_location2{color:#663300;font:1.7em Arial Black,Helvetica,sans-serif;text-align:center;padding:0;margin:0;}
.opening_p_norm{color:black;font:1em Arial Black,Helvetica,sans-serif;text-align:left;text-align:center;padding:0 2em 0 2em;margin:0;}
ul.past_artists {list-style:none;margin:0 auto:padding:0;}
ol.numbered_lists {margin-left:4em;margin-right:2em;margin-bottom:3em;text-align:left;font:1em Arial,Helvetica,sans-serif;padding:0em 3em 0 4em;text-align:left;}
ol.numbered_lists li {margin-bottom:1em};


html>body .sfjazz_p1 {color:black;font:1em Arial,Helvetica,sans-serif;padding:0em 3em 0 4em;text-align:left;}
html>body .sfjazz_p2 {color:black;font:1em Arial,Helvetica,sans-serif;padding:1em 3em 0 4em;text-align:left;}
html>body .sfjazz_p3 {color:black;font:1em Arial,Helvetica,sans-serif;padding:1em 3em 0 6em;text-align:left;}
ul.centered_list {list-style:none;margin:0;padding:0;width:800px;}
ul.centered_list li {font:1em Arial,Helvetica,sans-serif;padding:0 0 1em 10em;text-align:left;}
ul.staff {list-style:none;margin:0;padding:0;width:800px;}
ul.staff li {text-align:center;margin-right:0em;}
.philjazz {color:#66CCFF;font:1em Arial,Helvetica,sans-serif;width:800px;text-align:left;background-color:black;margin:5em 0 0 6em;}
.sfjazz_img {margin: 1em 0em 0em 12.5em;}
.sfjazz_img2 {margin-left:17em;}
.sfjazz_img3 {margin-left:18em;}
.large_text {font:1.5em Arial,Helvetica,sans-serif;padding:1em 3em 0 4em;text-align:center;}
span.jazz_header {margin-left:10em;color:black;font:900 18px Algerian, Arial,sans-serif;}
html>body span.jazz_header {margin-left:3em;}
img.letter {margin-left:2em;padding-bottom:.5em;}


/* Styles for Artist Roster page */
div.rostercontent{width:800px;height:100%;margin:0 auto;padding:0em 0em 0em 0em;text-align:center;}
ul.roster {list-style:none;margin:0em 0em 0em 0em;padding:1em 3.5em 0em 3.5em;}
ul.roster li {font:1em Arial,Helvetica,sans-serif;padding: 0em 0em 3em 0em;text-align:left;}
img.roster_img {float:left;padding-right:1.5em;padding-bottom:.5em;}
.placeholder {visibility:hidden;}

/* Styles for non-paragraph and non-list elements */
html>body .imgbio2{float:left;margin-left:4em;}
.imgbio2{float:left;margin-left:18em;}
/*div.sponsor_logos {margin-left:2em;} */
img.sponsor_logos {float:left;margin-right:2em;margin-left:3em;text-align:center;margin-bottom:1em;}
img.sponsor_logos_end {float:left;margin-right:2em;margin-left:3em;text-align:center;margin-bottom:1em;clear:right;}
.title2{color:#66CCFF;font:900 18px Arial,Helvetica,sans-serif;clear:both;margin-left:16em;background-color:black}
.title3{color:#66CCFF;font:900 18px Arial,Helvetica,sans-serif;background-color:black}
html>body .title2{color:#66CCFF;font:900 18px Arial,Helvetica,sans-serif;clear:both;margin-left:16em;background-color:black}
html>body .titleheader{float:left;color:#66CCFF;margin-left:2em;margin-top:-15px;background-color:black;}
.titleheader{float:left;color:#66CCFF;margin-left:2em;margin-top:4px;background-color:black}
.titleheader p{font:900 16px Arial,Helvetica,sans-serif;color:#66CCFF;background-color:black;}
.headerimg{float:left;margin-left:1em;}
.audio {margin-left:2em;}
div.footer  {text-align:center;margin-top:8em;clear:both;}
div.footer p {font:14px Arial,Helvetica,sans-serif;font-weight:bold;color:black;padding-left:5em;padding-right:5em;text-align:center;}
ul.demos {list-style:none;margin-left:20em;}
hr {display:block;clear:both;width:1px;height:1px;visibility:hidden;}
.booktitle {text-decoration:underline;}
.pistahan_info {color:black;font:1em Arial,Helvetica,sans-serif;text-align:center;}