/* Playground CSS */

body { margin: 0; padding: 0; background-color: #303030; background-image: url("/images/main/bkgrd.jpg"); font-family: "franklin-gothic-urw-cond"; font-size: 15pt; font-weight: 400; color: #ffffff; }
a { color: #e06e82; text-decoration: none; }
a:hover { color: #cca11b; text-decoration: none; }

.button a { display: block; height: 41px; padding-left: 28px; padding-right: 28px; background-image: url("/images/main/bkgrd_orange.png"); font-size: 15pt; color: #ffffff; text-align: center; }
.button a:hover { background-image: none; background-color: #cca11b; color: #ffffff; text-decoration: none; }

.social_facebook a { display: block; width: 44px; height: 44px; background-image: url("/images/main/social_facebook.png"); }
.social_facebook a:hover { background-position: 0px -44px; }
.social_twitter a { display: block; width: 44px; height: 44px; background-image: url("/images/main/social_twitter.png"); }
.social_twitter a:hover { background-position: 0px -44px; }
.social_instagram a { display: block; width: 44px; height: 44px; background-image: url("/images/main/social_instagram.png"); }
.social_instagram a:hover { background-position: 0px -44px; }

/* Navigation */
.nav { background-image: url("/images/main/nav_bkgrd.png"); background-repeat: repeat-x; }
.nav_spacer { width: 100px; height: 57px; }
.nav_tstreet a { display: block; width: 146px; height: 57px; background-image: url("/images/nav/t-street.png"); }
.nav_tstreet a:hover { background-position: 0px -47px; }
.nav_events a { display: block; width: 111px; height: 57px; background-image: url("/images/nav/events.png"); }
.nav_events a:hover { background-position: 0px -47px; }
.nav_shopping a { display: block; width: 154px; height: 57px; background-image: url("/images/nav/shopping.png"); }
.nav_shopping a:hover { background-position: 0px -47px; }
.nav_dining a { display: block; width: 117px; height: 57px; background-image: url("/images/nav/dining.png"); }
.nav_dining a:hover { background-position: 0px -47px; }
.nav_contact a { display: block; width: 130px; height: 57px; background-image: url("/images/nav/contact.png"); }
.nav_contact a:hover { background-position: 0px -47px; }
.nav_host_your_event a { display: block; width: 270px; height: 57px; background-image: url("/images/nav/host_your_event.png"); }
.nav_host_your_event a:hover { background-position: 0px -47px; }

/* Schedule Boxes */
.schedule_box { background-image: url("/images/main/bkgrd_schedule_box.png"); }
.schedule_box:hover { cursor: pointer; background-image: url("/images/main/bkgrd_schedule_box_hover.png"); color: #ffffff; text-decoration: none; }
.schedule_box a { display: block; background-image: none; color: #ffffff; text-decoration: none; }
.schedule_box a:hover { background-image: none; color: #ffffff; text-decoration: none; }
.schedule_box_top { padding-top: 7px; padding-bottom: 12px; text-align: center; font-size: 18pt; }
.schedule_box_middle { height: 60px; padding-top: 20px; padding-left: 24px; padding-right: 20px; padding-bottom: 20px; font-size: 14pt; line-height: 20pt; }
.schedule_box_bottom { padding-left: 24px; padding-right: 24px; padding-bottom: 14px; color: #ffffff; }

.gray { color: #b0afaf; }

.homepage_info a { display: block; background-image: url("/images/main/bkgrd_black.png"); }
.homepage_info a:hover { background-image: none; background-color: #965864; }
.homepage_host_event { background-image: url("/images/main/bkgrd_dark_blue.png"); padding-top: 36px; padding-bottom: 36px; }

.callout { line-height: 18pt; }
.callout a { color: #afaeae; text-decoration: none; }
.callout a:hover { color: #cca11b; text-decoration: none; }

.content { background-image: url("/images/main/bkgrd_green.png"); padding: 40px; }
.title { font-family: courier; font-size: 38pt; color: #ffffff; padding-bottom: 30px; }
.title_small { font-family: courier; font-size: 20pt; }

.event_list a { display: block; background-image: url("/images/main/bkgrd_dark_green.png"); color: #ffffff; text-decoration: none; }
.event_list a:hover { background-image: url("/images/main/bkgrd_yellow.png"); color: #ffffff; text-decoration: none; }
.event_list_title { font-size: 19pt; padding-bottom: 10px; }
.event_list_time { font-size: 18pt; color: #b0afaf; padding-right: 30px; line-height: 24pt; }
.event_list_tickets { font-size: 12pt; background-color: #4197af; padding: 10px; }
.event_date { font-size: 20pt; color: #ffffff; line-height: 22pt; }
.event_time_location { font-size: 20pt; color: #b0afaf; line-height: 22pt; }
.event_description { line-height: 20pt; }

.events_tickets_button a { display: block; height: 41px; padding-top: 20px; padding-left: 48px; padding-right: 48px; background-color: #4197af; font-size: 14pt; color: #ffffff; text-align: center; }
.events_tickets_button a:hover { background-image: none; background-color: #cca11b; color: #ffffff; text-decoration: none; }

.tstreet_listing { display: block; background-image: url("/images/main/bkgrd_dark_green.png"); }

.hours_left { padding-left: 24px; padding-top: 10px; padding-bottom: 10px; background-image: url("/images/main/bkgrd_dark_green.png"); }
.hours_right { padding: 10px; background-image: url("/images/main/bkgrd_dark_green.png"); }

.shopping_list { background-image: url("/images/main/bkgrd_dark_green.png"); }
.shopping_list a { display: block; color: #ffffff; text-decoration: none; }
.shopping_list a:hover { background-image: url("/images/main/bkgrd_yellow.png"); color: #ffffff; text-decoration: none; }
.shopping_list_image { width: 200px; height: 100px; }
.shopping_list_name { width: 250px; padding-left: 30px; }
.shopping_list_desc { width: 510px; font-size: 12pt; }
.shopping_list_info { width: 200px; padding-right: 30px; text-align: right; }
.shopping_list_info_link_box { padding-top: 12px; text-align: right; } 
.shopping_list_info_link { display: block; padding-left: 16px; padding-right: 16px; padding-top: 4px; padding-bottom: 4px; background-color: #4197af; font-size: 12pt; color: #ffffff; text-align: center; }

/* Footer */
.footer { display: block; background-image: url("/images/main/bkgrd_green.png"); padding-top: 36px; padding-bottom: 42px; line-height: 22pt; }
.footer a { color: #ffffff; text-decoration: none; }
.footer a:hover { color: #cca11b; text-decoration: none; }
.copyright { font-size: 11pt; }

/* Forms */
.error { width: 100%; background-color: #ff0000; color: #ffffff; padding: 8px; margin-bottom: 10px; text-align: center; }
.form_1 { width: 100px; padding: 10px 20px 10px 0px; text-align: right; }
.form_2 { padding-left: 10px; }
.form_2 input { font-family: "franklin-gothic-urw-cond"; padding: 6px 10px 6px 10px; background-color: #f3f2f2; border: 0; font-weight: 100; font-style: normal; font-size: 15pt; }
.form_2 textarea { font-family: "franklin-gothic-urw-cond"; padding: 6px 10px 6px 10px; background-color: #f3f2f2; border: 0; font-weight: 100; font-style: normal; font-size: 15pt; }
.form_2 input.button { font-family: "franklin-gothic-urw-cond"; cursor: pointer; background-color: #e06e82; padding-top: 14px; padding-left: 60px; padding-right: 60px; padding-bottom: 14px; color: #ffffff; text-decoration: none; }
.form_2 input.button:hover { color: #ffffff; background-image: none; background-color: #cca11b; text-decoration: none; }