/* -----------------------------------------------*/
/*  LaughLounge Main Stylesheet				  

Primary Site Colors:



/* -----------------------------------------------*/


/* -----------------------------------------------*/
/*  Reset 							 			  */
/* -----------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;font-weight: normal;vertical-align: baseline;}
ul {list-style-type: none;}

a:focus {border: none !important;}

a {color: #f4f3d9}
a:hover {text-decoration: none;}
a:visited {color: #ffffde;}
/* -----------------------------------------------*/
/*  Float Control								  */
/* -----------------------------------------------*/

.float-left {float: left;}
.float-right {float: right;}
.clearer {clear: both; height: 0; line-height: 0; padding: 0; margin: 0;}
.clear-left {clear: left;}
.clear-right {clear: right;}

/* -----------------------------------------------*/
/*  Main Container Control						  */
/* -----------------------------------------------*/

body {text-align: center; font-size: 13px; color: #fefefe; font-family: Lucida Grande, Helvetica, Arial, sans-serif; background: transparent url(/images/body-bg.jpg) 0 0 repeat;}

#uber-container {width: 100%; height: 100%; background: transparent url(/images/uber-bg.jpg) 0 0 repeat-x;}

#super-container {width: 100%; height: 100%; background: transparent url(/images/header-super-bg.jpg) 50% 0 no-repeat;}
.subpage #super-container {background: url(/images/subpage-super-bg.jpg) 50% 0 no-repeat;}

#pre-footer-shadow {width: 100%; padding-bottom: 108px; margin: 0; background: transparent url(/images/wall-shadow.jpg) 0 100% repeat-x;}
#pre-footer-shadow .wrapper {min-height: 870px;}

.wrapper {width: 990px; margin: 0 auto; text-align: left;}

.content-container {padding: 0 60px;}

#footer .wrapper {height: 514px;}

#super-footer {width: 100%; height: 100%; margin: 0; background: transparent url(/images/footer-bg.jpg) 0 100% repeat-x;}
#footer {width: 100%; height: 100%; margin: 0; background: transparent url(/images/footer-super-bg.jpg) 50% 100% no-repeat;}
#footer .content-container {padding: 0 24px;}


/* -----------------------------------------------*/
/*  Main Template Control						  */
/* -----------------------------------------------*/

#home-link {float: left; margin-top: 55px; width: 370px; height: 210px;}
#home-link:hover {background: none;}

#top-nav {float: right; width: 620px; height: 55px;}
#top-nav li a {display: block; height: 55px; float: left;}
#top-nav li {float: left; display: block;}

#top-nav li a#shows {width: 85px; background: url(/images/shows.jpg) 0 0 no-repeat;}
#top-nav li a#comics {width: 93px; background: url(/images/comics.jpg) 0 0 no-repeat;}
#top-nav li a#the-hood {width: 93px; padding-top: 0; background: url(/images/the-hood.jpg) 0 0 no-repeat;}
#top-nav li a#parties {width: 85px; background: url(/images/parties.jpg) 0 0 no-repeat;}
#top-nav li a#bodega {width: 89px; background: url(/images/bodega.jpg) 0 0 no-repeat;}
#top-nav li a#contact {width: 92px; background: url(/images/contact.jpg) 0 0 no-repeat;}
#top-nav li a#blog {width: 70px; background: url(/images/blog.jpg) 0 0 no-repeat;}

#top-nav li a#shows:hover {background: url(/images/shows-hover.jpg) 0 0 no-repeat;}
#top-nav li a#comics:hover {background: url(/images/comics-hover.jpg) 0 0 no-repeat;}
#top-nav li a#the-hood:hover {background: url(/images/the-hood-hover.jpg) 0 0 no-repeat;}
#top-nav li a#parties:hover {background: url(/images/parties-hover.jpg) 0 0 no-repeat;}
#top-nav li a#bodega:hover {background: url(/images/bodega-hover.jpg) 0 0 no-repeat;}
#top-nav li a#contact:hover {background: url(/images/contact-hover.jpg) 0 0 no-repeat;}
#top-nav li a#blog:hover {background: url(/images/blog-hover.jpg) 0 0 no-repeat;}

/* -----------------------------------------------*/
/*  Home Template Control						  */
/* -----------------------------------------------*/

#grant-sticker {float: left; margin-left: 69px; margin-top: 51px; width: 210px; height: 217px; background: url(/images/grant-sticker.jpg) 0 0 no-repeat;}

#home-upcoming-shows {float: right; position: relative; margin-right: 33px; margin-top: 124px; width: 228px; height: 474px; padding: 52px 24px 24px 27px; background: url(/images/upcoming-shows-box.jpg) 0 0 no-repeat;}
.upcoming-show-day .uptown {font-size: 18px; line-height: 1.3em; color: #FFFFFF;}
.upcoming-show-day {margin-bottom: 24px;}
.upcoming-show {margin-bottom: 8px; font-size: 11px;}
.upcoming-show-link {display: block; float: left; margin-left: 16px; width: 150px; color: #f4f3d9}
.upcoming-show-link:hover {text-decoration: none;}
.buy-tickets-btn {}

#come-on-down .home-address, #come-on-down .phone-no {font-size: 15px; height: 22px; color: #ffffff;}
#come-on-down .phone-no {font-size: 17px; margin-bottom: 8px;}
#come-on-down .get-directions {display: block; margin: 4px 0px;}
#come-on-down {margin-bottom: 68px;}

#home-site-intro {float: left; margin-left: 0px; width: 678px; height: 423px; background: url(/images/site-intro-bg.jpg) 0 0 no-repeat;}
#home-site-intro .intro-container {padding: 64px 72px 55px 88px; font-size: 14px; line-height: 1.4em; color: #f7f7f7;}
#home-site-intro .uptown {font-size: 35px; margin-top: 8px; line-height: 1em; color: #ff4e10;}
#home-site-intro .intro-bold {color: #feffe3;}


#home-graffiti {float: left; clear: left; width: 223px; height: 497px; background: url(/images/home-graffiti.jpg) 0 0 no-repeat;}

#home-content {float: left; width: 735px; height: 515px; background: url(/images/home-content-area.jpg) 0 0 no-repeat;}
#the-hood {width: 290px; float: left; padding-top: 108px; padding-left: 8px; color: #f4f3d9;}
#the-hood img {margin-left: 12px; margin-bottom: 16px;}
#the-hood p {margin-top: 0; margin-left: 16px; font-size: 11.5px;}
#the-hood a {display: block; width: 213px; height: 39px;}

a#foodies {background: url(/images/foodies-btn.jpg) 0 0 no-repeat;}
a#hipsters {background: url(/images/hipsters-btn.jpg) 0 0 no-repeat;}
a#families {background: url(/images/families-btn.jpg) 0 0 no-repeat;}
a#cheap-dates {background: url(/images/cheap-dates-btn.jpg) 0 0 no-repeat;}

a#foodies:hover {background: url(/images/foodies-btn-hover.jpg) 0 0 no-repeat;}
a#hipsters:hover {background: url(/images/hipsters-btn-hover.jpg) 0 0 no-repeat;}
a#families:hover {background: url(/images/families-btn-hover.jpg) 0 0 no-repeat;}
a#cheap-dates:hover {background: url(/images/cheap-dates-btn-hover.jpg) 0 0 no-repeat;}

#check-this-out {width: 320px; float: right; margin-top: 108px; margin-right: 36px;}
#check-this-out #frame {width: 297px; height: 202px; background: url(/images/check-it-out-frame.jpg) 0 0 no-repeat;}
#check-this-out h2 {font-size: 18px; margin-top: 16px; color: #eee72a;}
#check-this-out-btn  {float: right; margin-right: 16px;}


/* -----------------------------------------------*/
/*  Footer Template Control						  */
/* -----------------------------------------------*/

#blog-post {width: 424px; margin-top: 237px; float: left;}
.date-stamp {float: left; text-align: center; width: 57px; height: 65px; padding: 12px 8px; background: url(/images/datestamp-bg.png) 0 0 no-repeat;}
.date-stamp .month {line-height: 18px; font-family: trebuchet ms, lucida grande, helvetica, arial, sans-serif; font-size: 18px; color: #b8b8b8;}
.date-stamp .day {line-height: 24px; font-family: Georgia, Times, serif; font-size: 29px; color: #fefefe; height: auto; width: auto; border: none;}
.footer-post {width: 350px; float: right;}
.footer-post h3 {font-size: 19px; color: #fffed4; margin-bottom: 12px; margin-top: 8px; font-weight: normal; font-family: lucida grande, helvetica, arial; letter-spacing: .01em; text-transform: none;}
.footer-post p {margin-top: 0; font-size: 13px; line-height: 18px; color: #fff;}
.footer-post .read-more {display: block; margin-top: 8px; font-size: 14px; color: #eee; float: right;}


#recent-photos {width: 484px; margin-top: 217px; float: right;}
.recent-photo {float: left; width: 97px; height: 97px; margin-right: 24px; padding: 25px 24px 32px 21px; background: url(/images/footer-thumb-bg.png) 0 0 no-repeat;}
.recent-photo a {display: block;}
.recent-photo a:hover {background: none;}
.recent-photo a img {margin-top: 2px;}
#photo-btn {float: right; display: block; margin-top: 16px;}


/* -----------------------------------------------*/
/*  Subpage Template Control					  */
/* -----------------------------------------------*/

#subpage-content-container {position: relative; z-index: 1; width: 100%; background: url(/images/subpage-bg-trans.png) 50% 0 repeat-y;}
#subpage-content-top-bg {position: relative; z-index: 2; width: 100%; float: left; background: url(/images/subpage-super-bg.jpg) 50% 0px no-repeat;}
#subpage-content-bottom-bg {position: relative; z-index: 3; width: 100%; float: left; background: url(/images/subpage-content-bottom.jpg) 50% 100% no-repeat;}

#subpage-content-bottom-bg .wrapper {padding-bottom: 72px;}

.subpage-title {float: left; margin-left: 32px; margin-top: 120px; width: 450px;}
.subpage-intro {float: right; margin-right: 72px; margin-top: 16px; width: 508px; font-weight: normal; color: #ababab; font-family: trebuchet ms; font-size: 20px; line-height: 30px; letter-spacing: .03em;}

.left-block {width: 516px; float: left; margin-left: 72px; margin-bottom: 72px;}
.left-block h2 {color: #fffd48; margin-top: 24px; margin-bottom: 0; font-size: 22px; font-family: trebuchet ms; letter-spacing: .03em;}
.left-block p {line-height: 1.5em; margin-top: 8px; font-size: 14px; color: #f7f7f7;}

.right-block {width: 300px; float: right; margin-right: 72px; margin-bottom: 72px;}
.right-block h2 {color: #cd8620; margin-top: 24px; margin-bottom: 0; font-size: 18px; font-family: trebuchet ms; letter-spacing: .03em;}
.right-block p {line-height: 1.5em; margin-top: 4px; font-size: 13px; color: #f7f7f7;}


/* -----------------------------------------------*/
/*  Application Control     					  */
/* -----------------------------------------------*/

#login-pane {margin-left: 360px; margin-top: 0px; width: 284px; padding: 24px 24px 24px 42px; background: #6c0807; font-family: trebuchet ms;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#login-pane label {text-transform: uppercase; font-size: 16px; font-family: trebuchet ms; letter-spacing: .05em;}
#login-pane input {padding: 6px 8px; border: 4px solid #6f0908; font-size: 14px; font-family: trebuchet ms; letter-spacing: .05em;}

.admin-dashboard {width: 100%; margin-top: 42px;}
.admin-dashboard h1 {font-size: 18px; font-family: trebuchet ms; margin: 16px 0; padding: 10px; background: #6a0908; color: #ffffde;}

.admin-pane {width: 100%; margin-left: 8px;}
.admin-pane th {font-size: 14px; text-transform: uppercase; color: #ffffde; border-bottom: 1px dotted #6a0908; padding-bottom: 8px;}
.admin-pane tr td {padding: 8px 16px 8px 0;}

.admin-btn {float: left; margin-right: 16px;}
.admin-btn:hover {background: none;}

.login-links-box {float: right; width: 484px; font-size: 14px; padding: 10px 16px; background: #6a0908; color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.login-links-box a {float: left; display: block; padding: 0 7px;}
.login-links-box span {font-size: 18px;}
.logout-link {display: block; padding: 0px 8px !important; text-decoration: none; background: #540706; margin-top: 8px; margin-right: 0 !important; color: #fff !important; text-transform: uppercase; float: right !important; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

/* -----------------------------------------------*/
/*  Show Display Control     					  */
/* -----------------------------------------------*/

.show-listing {width: 100%; font-family: trebuchet ms; letter-spacing: .05em; font-size: 16px;}

h1#show-title {font-size: 20px; padding: 34px 0 8px; margin-left: 8px; margin-top: 32px; padding-left: 32px; background: url(/images/show-title-bg.jpg) 0 0 no-repeat;}
.show-display {width: 480px; padding-top: 24px; float: left; margin-left: 32px; background: url(/images/show-details-bg.jpg) 0 0 no-repeat; font-size: 13px;}
.show-display strong {font-size: 16px; color: #eaeb81}
.show-display p {margin-bottom: 24px;}
.show-media-display {float: right; margin-right: 24px; background: url(/images/show-pics-bg.jpg) 0 0 no-repeat;}
.show-media-display h3 {font-size: 16px; padding-top: 0px; margin-bottom: 16px; font-weight: bold; font-family: trebuchet ms; letter-spacing: .05em;}
.show-media-display p {margin-top: 8px;}
.show-media-display img {margin: 0px 16px 16px 0px; float: left; border: 8px solid #6f0908;}
.show-media-display img:hover {border: 8px solid #7a0808;}

#buy-tickets-link {display: block; margin-bottom: 24px;}
#buy-tickets-link img {border: none !important;}
#buy-tickets-link:hover {background: none;}

#credit-card-box {float: right; width: 300px;}
#purchase-info-box {float: left; width: 500px;}
#purchase-info-box h3,#credit-card-box h3 {color: #fff; font-size: 20px; font-family: trebuchet ms; letter-spacing: .05em; margin-bottom: 16px;}
#credit-card-box label, #purchase-info-box label {color: #ffffde; font-size: 13px; margin-bottom: 8px; display: block;}
#credit-card-box input, #purchase-info-box input {padding: 6px 8px; color: #ffffde; border: 2px solid #510504; background: #620807; font-size: 13px; font-family: trebuchet ms; letter-spacing: .05em;}

#ticket-cart {padding-bottom: 8px; border-bottom: 2px dotted #620807;}
#ticket-cart th {text-transform: uppercase; background: #6a0908; font-size: 14px; color: #ffffde; padding: 8px; letter-spacing: .05em;}
#ticket-cart tr td {padding: 8px; padding-bottom: 16px;}

h2.uptown {font-size: 30px; margin-top: 24px; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 2px dotted #620807;}
#month-container h2 {border: none; margin: 0;}
#calendar th {border-bottom: 2px dotted #620807;}
#calendar tr#days_of_week td {padding: 8px 0 8px; text-transform: uppercase; color: #ffffde;}
#calendar tr td {font-size: 10px;}

h3.uptown {font-size: 30px;}

#show-edit-form {}
#show-edit-form label {color: #ffffde; font-size: 13px; margin-bottom: 8px; display: block;}
#show-edit-form input {padding: 6px 8px; color: #ffffde; border: 2px solid #510504; background: #620807; font-size: 13px; font-family: trebuchet ms; letter-spacing: .05em;}
#show-edit-form textarea {padding: 4px 4px; color: #ffffde; border: 2px solid #510504; background: #620807; font-size: 13px; font-family: trebuchet ms; letter-spacing: .05em;}

#add-media-forms {width: 300px; float: right;}
#add-media-forms h3 {color: #fff;}
.add-media-form {padding: 14px; margin-top: 16px; background: #6f0908; border: 1px solid #510504; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.add-media-form h3 {margin-top: 0; color: #fff;}
.add-media-form a {display: block; margin-top: 12px; text-transform: uppercase;}

.add-media-form.performance {display: none;}

#show-calendar-display {margin-top: 24px;}

.calendar-day div {margin-top: 8px;}

/* -----------------------------------------------*/
/*  Comedian Display Control     				  */
/* -----------------------------------------------*/

h1.uptown.comedian-name { font-size: 30px; margin-top: 42px;}

#comedian-info-box {width: 550px; float: left;}
#upcoming-performances {width: 300px; float: right;}

#comedian-info-box h3, #upcoming-performances h3 {font-size: 18px; font-family: trebuchet ms; letter-spacing: .05em; text-transform: uppercase; font-weight: bold; color: #ffffde; margin: 32px 0 16px;}
h3 {font-size: 18px; font-family: trebuchet ms; letter-spacing: .05em; text-transform: uppercase; font-weight: bold; color: #ffffde; margin: 32px 0 16px;}

.comedian-photo-display {float: left; clear: left;}
.comedian-photo-display a {display: block; float: left; margin: 0px 16px 16px 0px; float: left; border: 8px solid #6f0908;}
.comedian-photo-display a:hover {border: 8px solid #7a0808;}
.comedian-photo-display a:focus {border: 8px solid #6f0908 !important;}

.comedian-list-table {width: 100%;}
.comedian-list-table h3.uptown {font-size: 30px;}
.comedian-list-table .image-cell {width: 100px;}
.comedian-list-table img {margin: 0px 16px 16px 0px; float: left; border: 8px solid #6f0908;}
.comedian-list-table img:hover {border: 8px solid #7a0808;}

/* -----------------------------------------------*/
/*  Contact Form Display Control     			  */
/* -----------------------------------------------*/

.contact-form {float: right; margin-right: 124px; width: 400px;}
.contact-form h2 {color: #fffd48; margin-top: 24px; margin-bottom: 0; font-size: 22px; font-family: trebuchet ms; letter-spacing: .03em;}
.contact-form input {padding: 6px 8px; color: #ffffde; border: 2px solid #510504; background: #620807; font-size: 13px; font-family: trebuchet ms; letter-spacing: .05em; width: 300px;}
.contact-form label {color: #ffffde; font-size: 14px; margin-bottom: 4px; display: block;}
.contact-form textarea {padding: 6px 8px; color: #ffffde; border: 2px solid #510504; background: #620807; font-size: 13px; font-family: trebuchet ms; letter-spacing: .05em; width: 300px; height: 200px;}

.contact-form .checkbox {width: auto !important;}
.contact-form .submit {width: 100px; font-size: 18px; text-shadow: 1px 1px 3px rgba(0,0,0,1);}
.contact-form table {width: 300px;}
.contact-form table td {width: 16px !important;}

.ui-datepicker-close a {
  color: black !important;
}
.ui-datepicker-title-row td a {
  color: black !important;
}

.ui-datepicker-days-cell a {
  color: black !important;
}

.ui-datepicker-week-end-cell td a {
  color: black !important;
}

.ui-datepicker-week-end-cell a {
  color: black !important;
}

.ui-datepicker-days-cell-over a {
  color: white !important;
}