@charset "iso-8859-1";
/* Charlotte Bettle Site CSS - by Ryan Hickling - http://www.rhickling.co.uk */

.clear { clear: both; }

/* MAIN PAGE CONTENT */

/* Title Content */
div#title { width: 900px; height: 80px; margin-left: auto; margin-right: auto; }
div#title span.headerName { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; font-style:italic;  color:#B12C49; line-height: 80px; float:left; margin-left:40px; display:inline; /* ie6 - double float margin fix */ }
div#title span.headerName a { text-decoration:none; color:#B12C49; }
div#title span.headerNav { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#000; line-height:80px; float:right; margin-right:28px; }
div#title span.headerNav a { color:#000; text-decoration:none; }
div#title span.headerNav a:hover { color:#FF9A00; }

/* Banner Content */
div#banner { width:900px; height:273px; background-image:url(imgs/header_bg.jpg); margin-left:auto; margin-right:auto; position:relative; }
div#banner div.title { position:absolute; margin-top:44px; margin-left:40px; margin-bottom:17px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#FFF; font-weight:bold; }
div#banner div.body { position:absolute; width:610px; margin-top:85px; margin-left:40px; margin-right:auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFF; font-weight:bold; }
div#banner div.social { position:absolute; width:610px; margin-top:222px; margin-left:33px; margin-right:auto; }
div#banner div.social img { border:0px; }

/* Body Content */
div#body { width: 900px; margin-left: auto; margin-right: auto; }
div#body div.mediarow1 { padding-top:35px; padding-left:30px; padding-bottom:5px; background-image:url(imgs/tree.jpg); background-repeat:no-repeat; background-position:539px 7px; overflow:auto; }
div#body div.mediarow1 div.leftrow { float:left; }
div#body div.mediarow1 div.leftrow p.title { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#000; margin-top:0px }
div#body div.mediarow1 div.leftrow div.audioObject { padding-bottom: 20px; }
div#body div.mediarow1 div.leftrow div.audioObject p { margin-bottom:0px; margin-top:0px; }
div#body div.mediarow1 div.rightrow { float:right;}

div#body div.mediarow1 span.youtube { padding-right:38px; }
div#body div.mediarow1 span.youtube p { padding-bottom:500px }
div#body div.mediarow1 span.quotes img { vertical-align:top; }
div#body div.contentrow { padding-left:30px; padding-bottom:16px; padding-top:16px; background-color:#FF9A00; padding-right:30px; overflow:auto; }
div#body div.contentrow div.title1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#FFF; }
div#body div.contentrow div.mainConcert { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; padding-top:10px; padding-bottom:10px; }
div#body div.contentrow div.subConcerts div.leftrow { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; width:400px; float:left; }
div#body div.contentrow div.subConcerts div.rightrow { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; width:420px; float:right }
div#body div.audioPreview { padding-left:30px; padding-right:30px; padding-bottom:16px; padding-top:16px; overflow:auto; /* overflow fixes container wrapping the floats */ }
div#body div.audioPreview div.title2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#000; padding-bottom:10px; }
div#body div.audioPreview div.leftrow { width:400px; float:left; }
div#body div.audioPreview div.rightrow { width:420px; float:right; }

/* SUB PAGE CONTENT */

/* Sub Banner Content */
div#subBanner { width:900px; height:75px; background-image:url(imgs/SubBanner.jpg); margin-left:auto; margin-right:auto; position:relative; }
div#subBanner div.title { position:absolute; margin-top:25px; margin-left:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#FFF; font-weight:bold; }

div#body div.subContentrow { padding-left:30px; padding-bottom:16px; padding-top:16px; background-color:#fff; padding-right:30px; overflow:auto; }
div#body div.subContentrow div.copyLeft { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; width:420px; float:left; }
div#body div.subContentrow div.copyLeft span.header { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; }
div#body div.subContentrow div.imageRight { width:420px; float:right; vertical-align:top; }
div#body div.subContentrow div.imageRight img { display:block; margin-left:auto; margin-right:auto; padding-bottom:30px; }
div#body div.contentrow div.mainConcert { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; padding-top:10px; padding-bottom:10px; }
div#body div.contentrow div.subConcerts div.leftrow { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; width:400px; float:left; }
div#body div.contentrow div.subConcerts div.rightrow { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; width:420px; float:right }