/* General Styles */
body, html { font-family: Verdana, Geneva, sans-serif; font-size: 12px; background: #fff; }
.clear { clear: both; }
p { line-height: 18px; color: #333; margin: 0 0 20px 0; }
h4 { color: #333; font-size: 28px; font-weight: normal; padding: 0 0 2px 0; margin: 0 0 10px 0; }
h5 { color: #00b1cc; font-size: 18px; font-weight: normal; padding: 10px 0 0 0; margin: 0; clear: left; }

a { color: #00b1cc; }

.paging { padding:10px 0; }
.paging li { display: block; float: left; }
.paging li a { text-transform: uppercase; display: block; float: left; padding: 3px; font-size: 11px; color: #666; text-decoration: none; margin: 0 1px 0 0; border: 1px solid #999; background: #f9f9f9; }
.paging li a:hover { background: #999; color: #fff; }
.paging li a.selected { background: #fff; color: #333; border: 1px solid #626061; }

.errorBox { margin: 5px 0; padding: 5px 10px; background: #fbfbde; border: 2px solid #943142; }
.successBox { margin: 5px 0; padding: 5px 10px; background: #e0edff; border: 2px solid #3c71b4; }

/* Layout Styles */
#container { text-align: center; background: #fff url(../images/sunshine/pagebg.jpg) no-repeat top;}
#content { margin: 0px auto; width: 960px; text-align: left; }
#header { height: 237px; width: 960px; position: relative; }
#content1 { float: left; width: 200px; margin: 10px 0 5px 0; }
#content2 { float: left; width: 740px; margin: 10px 0 5px 10px; }
#content3 { display: none; }
#page-home #content2 { float: left; width: 500px; margin: 10px 0 5px 10px; display:inline; }
#page-home #content3 { float: left; width: 240px; margin: 10px 0 5px 10px; display: inline; }
#footer { width: 960px; position: relative; clear: both; height: 200px; border-top: 2px solid #e8e8e8; margin: 20px 0 0 0; padding: 10px 0 0 0; }
#customFooter { width: 960px; position: relative; clear: both; height: 200px; border-top: 4px solid #e8e8e8; margin: 20px 0 0 0; padding: 10px 0 0 0; }



/* Header Styles */
#header { background:url(../images/sunshine/caravan-call-line.png) no-repeat 600px 9px; }
#header h1 { position: absolute; top: 0; left: 0; }
#header h2 { display: none; }
#address-header {display: none; }

#search { display:none; position: absolute; top: 60px; left: 720px; }
#search label { display: block; margin: 0 0 5px 0; text-transform: uppercase; }
#searchTerms { width: 234px; margin: 0; font-family: Verdana, Geneva, sans-serif; font-size: 12px; background: #e7e7e7; border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 5px 2px; }
#searchBtn {  background: url(../images/sunshine/go.gif); display: block; border: none; width: 54px; height: 29px; text-indent: -9999px; margin: 5px 0 0 0; }
#search a { display: none; }

#mainMenu { position: absolute; top: 199px; left: 0px; height: 38px; background: #000; width: 960px; }
#mainMenu li { float: left; display: block; height: 38px; line-height: 35px; }
#mainMenu a { float: left; display: block; height: 38px; padding: 0 15px; color: #eee; font-weight: bold; font-size: 14px; text-decoration: none; outline: none; text-transform: uppercase; }
#mainMenu a:hover { background: #fcef4a; color: #000; }

#mainMenu li ul { display: none; }


/* Module Styles */
#content1 .module, #content1 .module, #content3 .module, .pageContent { padding: 0; margin: 0; position: relative; }


/* ---------- CALENDAR MODULE ----------*/
#moduleCalendar h4 { display: none; }
#moduleCalendar table { margin: auto; }
#moduleCalendar .highlight { background: #fff; }
#moduleCalendar .calendarShows ul { margin-bottom: 10px; }
#moduleCalendar .calendarShows li { display: block; height: auto; padding: 5px; border: 1px solid #999; background: #f9f9f9; margin: 10px 0 0 0; }
#moduleCalendar .calendarShows li span {  background: #999; display: block; height: 60px; width: 60px; overflow: hidden; float: left; margin: 0 10px 0 0; }
#moduleCalendar .calendarShows li span img {  float: left; margin: 0; }
#moduleCalendar .calendarShows li h5 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 5px 0; padding: 0; clear: none; }
#moduleCalendar .calendarShows li p { font-size: 9px; color: #999; }
#moduleCalendar .calendarShows li a { color: #00b1cc; text-decoration: none; font-size: 9px; }
#moduleCalendar .calendarShows li a:hover { text-decoration: underline; }
#calendar-container { margin: 0 0 10px 0; }


/* ---------- CUSTOM MODULE STYLES ---------- */
#content1 #custom25 { margin-top: 10px; }
#custom25 h4, #custom29 h4, #custom30 h4, #custom35 h4 { background: #fcef4a; text-transform: uppercase; color: #000; font-size: 12px; border-bottom: none; padding: 10px; font-weight: bold; }
#custom25 p, #custom29 p, #custom30 p, #custom35 p { margin: 10px 0; padding: 0 10px; line-height: 16px; font-size: 11px; color: #000; }

#custom27 h4 { display: none; }
#custom27 { margin: 0; padding: 0; }
#custom27 p { margin: 0; padding: 0; }

#custom60, #custom61, #custom62 { margin: 0; padding: 0; }
#custom60 p, #custom61 p, #custom62 p { margin: 0; padding: 0; }

#custom28 h4 { margin: 0; background: #000; color: #fff; padding: 10px; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#custom28 p { margin: 0; padding: 10px; font-size: 11px; line-height: 16px; background: #f3f3f3; }
#custom28 p strong, #custom28 p b { font-size: 12px; }

/* ---------- TESTIMONIALS MODULE ---------- */
#moduleTestimonials h4 { background: #fcef4a; text-transform: uppercase; color: #000; font-size: 12px; border-bottom: none; padding: 10px; font-weight: bold; }
#moduleTestimonials .moduleContent p { padding:0 10px 5px 10px; margin:0; color:#000; font-size:11px; line-height:16px; }

/* ---------- EMAIL SIGNUP MODULE ---------- */
#content3 #moduleEmail { padding: 0; margin: 0; background: url(../images/sunshine/bg-signup.gif); height: 168px; width: 240px; position: relative }
#content3 #moduleEmail h4 { display: none; }
#emailSignupForm { margin: 0; }
#emailSignupForm p { display: none; }
#emailSignupThankyou p { font-size: 12px; color: #fff; margin: 0; padding: 0; }
#emailSignupThankyou { position: absolute; top: 50px; width: 180px; left: 25px; }
#signupForm { height: 30px; }
#signupForm label { color: #fff; display: block; font-size: 12px; left: 25px; position: absolute; top: 45px; }
#signupEmail { width: 120px; position: absolute; top: 65px; left: 25px; background: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666; padding: 2px; margin: 0 5px 0 0; border-top: 1px solid #666; border-left: 1px solid #666; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
#signupBtn { width: 54px; background: url(../images/sunshine/signup-go.gif); height: 54px; border: none; text-indent: -9999px; position: absolute; top: 47px; left: 162px; }
#signupForm br { display: none; }


/* SOCIAL MEDIA */
#content3 #moduleSocial { background: url(../images/sunshine/bg-social.gif); width: 240px; height: 92px; margin: 0; padding: 0; position: relative; }
#moduleSocial h4 { display: none; }

#moduleSocial .social { text-align: center; height: 62px; margin: 0; position: absolute; top: 20px; left: 50px; }
#moduleSocial .social li { float: left; display: block; width: 63px; height: 62px; margin-right: 10px; }
#moduleSocial .social li a { display: block; width: 63px; height: 62px; text-indent: -9999px; }
#moduleSocial .facebook { background: url(../images/sunshine/facebook-heart.gif) }
#moduleSocial .twitter { background: url(../images/sunshine/twitter-heart.gif) }

.showShare .social { text-align: center; height: 40px; margin: 0; }
.showShare .social li { float: left; display: block; width: 40px; height: 40px; }
.showShare .social li a { display: block; width: 40px; height: 40px; text-indent: -9999px; }
.showShare .facebook { background: url(../images/sunshine/facebook.png) }
.showShare .twitter { background: url(../images/sunshine/twitter.png) }
.showShare .myspace { background: url(../images/sunshine/myspace.png) }
.showShare .email { background: url(../images/sunshine/email.png) }


/* ---------- TOP 5 SHOWS ---------- */
.upcomingShows { margin: 0; }
.upcomingShows li { display: block; position: relative; margin: 0 0 20px 0; min-height: 150px; }
.upcomingShows li .imgContainer { width: 150px; height: 150px; overflow: hidden; display: block; background: #eee; text-align: center; float: left; margin-right: 10px; }
.upcomingShows li .imgContainer img { width: 150px; }

.upcomingShows .showTitle { display: block; color: #00b1cc; font-weight: bold; font-size: 14px; text-decoration: none; margin: 0 0 5px 0; }
.upcomingShows .showInfo { font-size: 12px; color: #666; font-style: italic; }
.upcomingShows .showDescription { font-size: 12px; color: #000; display: block; line-height: 16px; margin: 5px 0; font-style: normal; }
.upcomingShows .buyTickets { background: url(../images/sunshine/buy.gif) no-repeat; width: 52px; height: 22px; text-indent:-9999px; display: block; color: #00b1cc; text-decoration: none; font-size: 12px; font-style: normal; margin: 5px 0 5px 160px; }
.upcomingShows .signupTickets { background: url(../images/sunshine/signup.gif) no-repeat; width: 82px; height: 22px; text-indent:-9999px; display: block; color: #00b1cc; text-decoration: none; font-size: 12px; font-style: normal; margin: 5px 0 5px 160px; }
.upcomingShows .readMore { display: block; color: #900; text-decoration: none; font-size: 12px; font-style: normal; margin: 0 0 5px 0; }
.upcomingShows .readMore:hover { text-decoration: underline; }

.moreShows { display: none; } 



/* Footer Styles */
#footerMenu { padding: 20px 0; }
#footerMenu li { float: left; padding: 0 10px; border-right: 1px solid #333; }
#footerMenu li a { float: left; display: block; color: #000; text-decoration: none; font-weight: bold; font-size: 11px; }
#footerMenu ul li ul { display: none; }

#address { display: none; }
#copyright { color: #333; font-size: 11px; padding: 10px; }
#copyright a { color: #666; }
#copyright a:hover { text-decoration: none; }

#poweredby { width: 233px; height: 41px; position: absolute; top: 30px; right: 10px; }
#poweredby a { text-indent: -9999px; display: block; width: 233px; height: 41px; background: url(../images/sunshine/poweredby.gif); }


/* Custom Footer */
#customFooter ul { margin: 0; padding: 0; width: 960px; }
#customFooter li { float: left; display: block; width: 230px; margin: 0 5px; }
#customFooter h5 { color: #333; text-transform: uppercase; font-weight: normal; font-size: 16px; margin: 0 0 5px 0; }
#customFooter h6 { color: #999; font-weight: normal; font-size: 12px; margin: 0 0 5px 0; }
#customFooter h6 p { color: #333; font-weight: normal; font-size: 12px; margin: 5px 0; }
#customFooter span { display:block; width:212px; height:92px; overflow:hidden; }
#customFooter span img { width:212px; }




/* ---------- COMEDIAN LISTING ---------- */
.comedianList { clear: left; padding: 10px 0 0 0; }
.comedianList p { display: block; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #eee; font-weight: bold; }
.comedianList ul { display: block; padding: 0 0 15px 0; width: 100%; }
.comedianList li { float: left; display: block; padding: 0 15px 0 0; font-size: 11px; }

/* ---------- SITE COMEDIAN LISTING ---------- */
.recentComedianList { display: block; clear:left; }
.recentComedianList li { display: block; padding: 10px 0; border-bottom: 1px solid #ccc; }
.recentComedianList span.imgContainer { width: 150px; height: 150px; text-align: center; overflow: hidden; display: block; float: left; }
.recentComedianList span.imgContainer img { width: 150px; }
.recentComedianList p { margin: 0 0 0 160px; }
.recentComedianList strong { display: block; }
.recentComedianList p a { font-size: 11px; }
.recentComedianList br { clear: left; }
.recentComedianList p.bio { font-size: 11px; }

/* ---------- COMEDIAN PAGE ---------- */
#comedianProfile { position: relative; }
#comedianProfile span.imgContainer { width: 148px; height: 150px; text-align: center; overflow: hidden; display: block; border: 1px solid #666; }
#comedianProfile span.imgContainer img { width: 148px; }
#comedianProfile span.otherPhotos { display: none; }
#comedianProfile span.viewPhotos { position: absolute; top: 192px; left: 0px; width: 140px;padding: 3px 5px; display: block; background: #666; color: #fff; text-decoration: none; }
#comedianProfile p.bio { margin: 0; }
#comedianProfile h5 { background: #fcef4a; text-transform: uppercase; color: #000; font-size: 12px; border-bottom: none; padding: 10px; font-weight: bold; }
#comedianProfile .clear { clear:both; }
#comedianProfile .leftcol { float:left; width:148px; margin-right:12px; }
#comedianProfile .rightcol { float:left; width:570px; }
#comedianProfile .profile-section { margin:10px 0; }
#comedianProfile .profile-section .profile-section-content { padding:10px; }
#comedianProfile .profile-section .profile-section-content  th { padding:0 5px 10px 5px; border-bottom:#e2e2e2 solid 1px; }
#comedianProfile .profile-section .profile-section-content  td { padding:10px 5px; border-bottom:#e2e2e2 solid 1px; }
#comedianProfile .profile-section .profile-section-content a.buy {  background: url(../images/sunshine/buy.gif); display: block; width: 52px; height: 22px; text-indent: -9999px; margin: 2px 0 0 0; }
#comedianProfile .profile-section .profile-section-content ul.no-style { margin:0; padding:0; list-style:none; }
#comedianProfile .profile-section .profile-section-content ul.no-style li { display:block; padding:8px 0; }
#comedianProfile .profile-section .profile-section-content ul.no-style li:after { display:block; content:''; clear:both; height:0; visibility:hidden; }
#comedianProfile .profile-section .profile-section-content ul.no-style div.col1 { float:left; width:30%;}
#comedianProfile .profile-section .profile-section-content ul.no-style div.col1 strong { display:block; font-size:16px; color:#333333; line-height:22px;}
#comedianProfile .profile-section .profile-section-content ul.no-style div.col1 span { display:block; font-size:10px; color:#333333;}
#comedianProfile .profile-section .profile-section-content ul.no-style div.col2 { float:left; width:50%;}
#comedianProfile .profile-section .profile-section-content ul.no-style div.col2 h2 { padding:0; margin:5px 0 5px 0; font-size:16px;}
#comedianProfile .profile-section .profile-section-content ul.no-style div.col2 span { display:block; font-size:10px; color:#333333;}
#comedianProfile .profile-section .profile-section-content ul.no-style div.col3 { float:left; width:20%; }
#comedianProfile .profile-section .profile-section-content ul.no-style-pad div.img-col {float:left;width:120px;text-align:center;}
#comedianProfile .profile-section .profile-section-content ul.no-style-pad div.img-col img {margin:0; width:120px; border:#ff6666 solid 1px;}
#comedianProfile .profile-section .profile-section-content ul.no-style-pad div.text-col {float:left;width:190px;margin:0 0 0 25px;}
#comedianProfile .profile-section .profile-section-content ul.no-style-pad div.text-col span,div.text-col strong{display:block;font-size:12px;color:#333;line-height:20px;}
#comedianProfile .profile-section .profile-section-content ul.no-style-pad {margin:0;padding:0;list-style:none;}
#comedianProfile .profile-section .profile-section-content ul.no-style-pad li {float:left; padding:10px 8px 10px 9px; width:340px;	}
#comedianProfile .profile-section .profile-section-content ul.no-style-pad:after {display:block;content:'';clear:both;height:0;visibility:hidden;}


/* ---------- Show Page ---------- */
.showDescription ul { float: left; width: 250px; overflow: hidden; }
.showDescription h5 { color: #333; font-weight: normal; font-size: 16px; margin: 0 0 5px 0; }
.showDescription h5 span { color: #999; font-weight: normal; font-size: 11px; display: block; }

.showDescription ul li { display: block; width: 240px; margin: 0 5px 5px 0; padding: 0; }
.showDescription ul li.oneArtist { width: 240px; margin: 0 10px 10px 0; padding: 0; }
.showDescription ul li img { width: 240px; }
.showDescription ul li.oneArtist img, .showDescription ul li.poster img { width: 240px; }
.showDescription ul li span { display: block; width: 240px; height: auto; }
.showDescription ul li.oneArtist span { width: 240px; height: 240px; }
.showDescription ul li.poster span { width: 240px; height: auto; }
.showDescription p.description { margin: 0 0 20px 260px; }

.showDetails { margin: 0 0 10px 260px; }
.showDetails li { line-height: 18px; }

.showShare { width: 160px; position: absolute; top: 40px; right: 0px; }
.showShare h6 { display: none; }


/* SHOWS CALENDAR - FULL PAGE */
#page-shows-calendar #content1 { display: none; }
#page-shows-calendar #content2 { width:100%; margin-left:0; }


/*Merchandise*/

#page-sitemerchandise .product-info {text-align: center}
#page-sitemerchandise .product-price {font-size:36px}

/* UPCOMING SHOWS */
.showListing li { display: block; border: 1px solid #999; padding: 10px; margin: 10px 0; clear: left; }
.showListing li div.date { float: left; width: 100px; padding-right: 10px; }
.showListing li div.details { font-size: 11px; }
.showListing li div strong { display: block; font-size: 12px; }
.showListing li div.date span { font-style: italic; }
.showListing li div a.buy {  background: url(../images/sunshine/buy.gif); display: block; width: 52px; height: 22px; text-indent: -9999px; margin: 2px 0 0 0; }



/* SHOPPING CART */
.showCart { display: block; background: #f0f0f0; border: 1px solid #666; padding: 10px; margin: 10px 0 0 0; clear: left; }
#shoppingcart { position: relative; }
#shoppingcart h1 { background: #FCEF4A; color: #000; font-size: 14px; font-weight: bold; margin: -10px -10px 10px; padding: 10px; text-transform: uppercase; }
#shoppingcart .cartItems { display: block; width: 300px; float: left; }
#shoppingcart .cartCheckout { margin-left: 310px; }
#shoppingcart td { font-size: 11px; line-height: 18px; }
#shoppingcart br { clear: left; }
#shoppingcart .checkout-green { background: url(../images/sunshine/btn-checkout-green.gif); height: 36px; width: 158px; display: block; text-indent: -9999px; margin: 5px 0 0 0; }
#shoppingcart .signup-red { background: url(../images/sunshine/btn-signup-green.gif); height: 36px; width: 158px; display: block; text-indent: -9999px; margin: 5px 0 0 0; }
#shoppingcart .note { color: #999; }
#shoppingcart .show-info-holder { position:relative; margin:0; padding:0; }
#shoppingcart .marksoldout { background:url(../images/sold-out-stamp.png) no-repeat; width:200px; height:105px; position:absolute; top:0; left:0; text-indent:-9999px;}


/* PRODUCTS SHOPPING CART */
#shoppingProductCart { position: relative; }
#shoppingProductCart h1 { background: #FCEF4A; color: #000; font-size: 14px; font-weight: bold; margin: -10px -10px 10px; padding: 10px; text-transform: uppercase; }
#shoppingProductCart .cartItems { display: block; width: 300px; float: left; }
#shoppingProductCart .cartCheckout { margin-left: 310px; }
#shoppingProductCart td { font-size: 11px; line-height: 18px; }
#shoppingProductCart br { clear: left; }
#shoppingProductCart .checkout-green { background: url(../images/sunshine/btn-checkout-green.gif); height: 36px; width: 158px; display: block; text-indent: -9999px; margin: 5px 0 0 0; }


/* CHECKOUT */
.orderSummary ul { display: block; width: 300px; float: left; }
.orderSummary table.seperators { margin: 0 0 0 310px; width: auto; }
.orderSummary table.seperators td { line-height: 18px; }
.checkout { clear: left; }
.orderSummary h5 { border-bottom: 1px solid #eee; margin: 0 0 5px 0; }
.orderSummary li { margin: 0 0 10px 0; line-height: 16px; }
.orderSummary p { margin: 0; font-size: 11px; line-height: 16px; }
.orderSummary p.note { color: #999; }
#paymentinfo td { padding: 0 0 3px 0; }