/* 
The Emerald Lizards
Started: 02/15/08
Ended: End Date
Chip Medema
Modified By: 
*/

/* The Emerald Lizards */

/* HTML Styles */
body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10pt; background: #111 url('../images/emeraldLizardsBGpatternNoTe.jpg'); margin:0; }
h1{ font-size: 16px; font-weight: bold; color: #333494; text-transform: capitalize; margin: 0px 0px 3px 0px; padding: 0px 10px; }
h2{ font-size: 12px; font-weight: bold; color: #777; margin: 0px 0px 0px 0px; padding: 0px 10px; }
h3{ font-size: 14px; font-weight: bold; color: #333494; margin: 0px 0px 0px 0px; padding: 0px 10px; }
strong{ font-size: 10pt; font-weight: bold; color: #555; padding: 0px 10px; margin: 10px 0 10px 0; }	




/* Div Tag Styles */
div#outerContainer{ width: 800px; margin: 0px auto 30px; border-left: 2px solid #fff; border-right: 2px solid #fff; }
div#container{ width: 800px; margin: 0 auto; overflow: hidden; background: #fff; }
div#topBar{ width: 800px; height: 276px; background: url(../images/topBar.jpg) no-repeat; }	
div#navBar{ width: 800px; margin: 0 auto; background: #96C2A7; padding: 0px; margin: 0px 0px 0px; border-width: 2px 0px; border-style: solid; border-color: #353299; }
div#botBar{ width: 800px; height: 6px; margin-bottom: 15px; background: url(../images/bottom-shadow.png) repeat-x; }
div#mainArea{ float: left; width: 800px; }
div#leftSide{ float: left; width: 490px; }
div#leftContent{ float: left; width: 480px; padding: 0 10px 30px 10px; }

div#leftSideInside{ width: 800px; }
div#leftContentInside{ width: 780px; margin: 0px auto;padding: 0 10px 30px 10px; background: #fff; }


/* Classes */
.googleMap{ width: 760px; height: 250px; margin: 10px 10px 10px 10px; border: 1px solid #353299; }
.googleDirectionsMap{ width: 760px; height: 300px; margin: 10px 10px 10px 10px; border: 1px solid #353299; }
.googleDirections{ width: 760px; margin: 0px 0px 0px 5px; }
.clearLeft{ clear: left; }



/* Links */
a.topNavigation{ display: block; float: left; font-size: 14px; color: #fff; text-decoration: none; margin: 0px 0px; padding: .5em 1em; background: #96C2A7; }
a.topNavigation:hover{ color: #fff; text-decoration: none; background: #353299; }
a.topNavigationOn{ display: block; float: left; font-size: 14px; color: #fff; text-decoration: none; margin: 0px 20px; padding: .5em; background: #96C2A7; }


form { margin: 10px 0px; padding: 0 0 5px 10px; }
fieldset{ width: 260px; padding: 0; margin: 0 0 5px 0; border: 0;  }
label{ float: left; width: 50px; font-family: Verdana;font-size: 10pt;padding: 2px 0 0 .5em;color: #777;}
.textFld{ border: 2px solid #ACACAC; font-size: 10pt; color: #000000; font-family: Verdana, helvetica, arial; width: 190px;}
ul{ margin: 0;	}
li{ font-family: Verdana; font-size: 12px; color: #000; text-align: justify; padding: 0 0 0 0; }


td{ color: #777; text-align: left; }



ul#mainNav{ list-style-type: none; margin: 0; padding: 0; }
ul#mainNav a{ display: block; font-size: 18px; font-weight: bolder; color: #fff; text-align: center; text-decoration: none; overflow: hidden; }
ul#mainNav a:hover{ color: #333494; }
li#nav1{ float: left; width: 160px; margin: 0; padding: 4px 0px 6px; background: #96C2A7; }
li#nav2{ float: left; width: 160px; margin: 0; padding: 0; padding: 6px 0px 4px; background: #96C2A7; }
li#nav3{ float: left; width: 160px; margin: 0; padding: 0; padding: 4px 0px 6px; background: #96C2A7; }
li#nav4{ float: left; width: 160px; margin: 0; padding: 0; padding: 6px 0px 4px; background: #96C2A7; }
li#nav5{ float: left; width: 160px; margin: 0; padding: 0; padding: 4px 0px 6px; background: #96C2A7; }


/*div#leftContent a{ color: #333494; font-weight: bold; font-style: oblique; text-decoration: none; line-height: 17px; }*/
div#leftContent a:hover{ color: #333494; text-decoration: none; }
div#bottomBar a{ color: #fff; text-decoration: none; }
div#bottomBar a:hover{ text-decoration: underline; }


/* Font Styles */

.genericTitle{font-size: 18px; font-weight: bold; color: #409F74; margin: 0px; padding: 0;}
.genericInfo{font-size: 10px;font-weight: bold;color: #777;margin: 0;padding: 0;}
.genericBody{clear: left; padding: 0px 10px; font-size: 12px; text-align: justify; color: #555; margin: 10px 0 10px 0; line-height: 17px; }
.genericBodyInside{clear: left; padding: 0px 10px; font-size: 12px; text-align: justify; color: #555; margin: 10px 0 10px 0; line-height: 17px; }


.genericRule{ width: 150px; height: 1px; font-size: 0px; border-top: 1px dashed #333494; }

.genericBodyInside > a{ color: #555; }

.pressTitle{font-size: 16px;font-weight: bold;color: #409F74; margin: 5px 0px 3px 0; padding: 0px 10px; }
.pressAuthor{font-size: 10px;font-weight: bold;color: #777; margin: 5px 0px 3px 0; padding: 0px 10px; }
.pressBody{clear: left; display: block; font-size: 12px;color: #000; text-align: justify; margin: 5px 0px 25px 0px; padding: 0px 10px; color: #555; line-height: 17px;}

.mediaDiv{ float: left; width: 480px; margin-bottom: 20px;}
.mediaTitle{ font-size: 16px; font-weight: bold; color: #409F74; margin: 0px 0px 5px 0px; padding: 0px 0px 3px; border-bottom: 1px dashed #409F74; }
.mediaRule{ float: left; width: 475px; height: 1px; color: #333494; border-top: 1px dashed #333494; margin: 2px auto; }

.galleryDiv{ float: left; width: 450px; font-size: 12px; color: #000; margin: 10px 0 10px 10px;}
.galleryIcons{ float: left; width: 100px; height: 90px; margin: 0 3px 0 0;}
.galleryTitle, .galleryTitle > a{font-size: 12px; font-weight: bold; font-style: oblique; text-decoration: none; color: #333494; margin: 0px 0px 2px 0px; padding: 0;}
.galleryDate{ float: left; width: 220px; font-size: 10px;color: #777;margin: 0;padding: 0;}
.galleryTotal, .galleryTotal > a{ float: right; width: 125px; font-size: 10px; font-weight: bold; text-align: right; color: #777;margin: 0 0 2px 0;padding: 0;}
.galleryRule{ clear: right; width: 350px; height: 1px; color: #333494; border-top: 1px dashed #333494; margin: 5px auto 0px; }
.galleryBody, .galleryBody > a{ font-size: 12px; color: #555; margin-top: 2px; line-height: 17px;}
.galleryLink{ float: right; width: 200px; font-size: 10px;font-weight: bold; text-align: right; color: #777; margin: 0; padding: 0 2px;}
.galleryImage{ float: left; margin: 0 10px 50px 0; }
.photoGalleryPreview{ display: none; float: left; width: 480px; margin-top: 10px; }

div#rightSide{ float: right; width: 300px;  }

a{ color: #333494; text-decoration: none; }
div#musicPlayer{ width: 280px; height: 180px; z-index: 0; color: #FFF; margin: 0 auto 20px; background-color: #000; }

/* Start styles for the boxes in the right column */
div#randomImage{ width: 260px; }


/* bof Side Box Styles  */
.sideBox{ width: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px auto 20px; padding: 0; }
.sideBoxContent{ background: #FBFBFD; margin: 0px; padding: 0px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #96C2A7; }
.sideBoxContent > p > a, .sideBox > a{ font-size: 11px; color: #333494; text-decoration: none; }
.sideBoxContent > p > a:hover, .sideBox > a:hover{ text-decoration: underline; }
.sideBoxContent > h3{ width: 278px; font-size: 11px; font-style: normal; color: #333494; text-align: center; margin: 0; padding: 5px 0;  border-top: 1px solid #96C2A7; }
.sideBoxContent > h3 > a{ color: #333494; font-weight: normal; text-decoration: none; }
.sideBoxContent > h3 > a:hover{ text-decoration: underline; }
/* eof Side Box Styles  */

/* Font Styles */
.sideBoxTitle{ width: 278px; font-size: 14px; text-align: center; color: #FFF; margin: 0; padding: .5em 0; background: #96C2A7; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #96C2A7; }
.venue{font-size: 14px;font-weight: bold;color: #409F74;margin: 0;padding: 5px 10px 0 10px;}
.liveDates{font-size: 10px;font-weight: bold;color: #777;margin: 0;padding: 0 10px 0 10px;}
.gigBodyText{font-size: 11px; color: #555; text-align: justify; margin: 0px 0px; padding: 5px 10px; line-height: 16px;}


.sideBoxTable{ width: 100%; padding: 5px; margin-bottom: 2px; border: 0px solid #000; }
.tableVenueData{ padding: .55em .75em; border: 0px solid #000; }
.tableDateData{ text-align: right; padding: .55em .75em; border: 0px solid #000; }
.tableVenue{ font-size: 10px; font-weight: bold; color: #409F74; margin-bottom: 3px; }
.tableCityState{ display: block; margin-top: 2px; font-size: 10px; color: #777; }
.tableLiveDates{ font-size: 10px; color: #777; margin: 0px; }


div#linkBox{ display: block; width: 280px; color: #000; text-align: center; background-color: #d0e1d5; padding-bottom: 5px; }
div#linkBox a{ text-align: center; font-size: 12px; color: #333494; text-decoration: none; }	
div#linkBox a:hover{ text-decoration: underline; }
div#bottomBar{ width: 800px; margin-top: 10px; padding: 20px 0px; font-size: 10px; text-align: center; background: #96C2A7; color: #fff; border-bottom: 2px solid #fff; }
div#bandLinks{ float: left; width: 300px; text-align: left; font-size: 10pt; color: #333494; padding: 1em 10px; }
div#links{ float: right; width: 400px; font-size: 10pt; text-align: right; color: #333494; padding: 1em 10px; }