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

  general setup

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

body { background: url(/images/bg.png) bottom right no-repeat; color: #000; }
a { outline: none; color: #000; }
a:hover {  }

/* TABS ---------------------------------------- */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

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

	globals

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

#wrapper { position: relative; background: url(/images/bg_wrapper.png) repeat-y; }
h1 { margin: 0; width: 180px; height: 171px; text-indent: -9999px; background: url(/images/tr_h1-logo.png) no-repeat; }
h2 { margin: 0; height: 30px; text-indent: -9999px; }
h3 { margin: 0 0 10px 0; height: 40px; text-indent: -9999px; }
h3 a { margin: 0; width: 280px; height: 40px; display: block; text-indent: -9999px; }
h4 { margin-bottom: 10px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; }
p { margin-bottom: 10px; font-size: 11px; line-height: 1.3; }

.box-outer, .box-inner { background: #000; color: #FFF; }
.box-outer { padding: 14px; overflow: hidden; }

.plus-bar { margin-bottom: 10px; height: 40px; background: #000 url(/images/bg_icon-plus.png) bottom right no-repeat; cursor: pointer; }
.plus-bar a { width: 280px; height: 40px; display: block; text-indent: -9999px; }
.hide { background: #000 url(/images/bg_icon-minus.png) bottom right no-repeat; }

#banner { width: 720px; height: 85px; position: absolute; top: 54px; left: 200px; }

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

	column one

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

/* TABS & NAV ---------------------------------------- */
#col-one ul.tabs { }
#col-one ul.tabs li a { width: 70px; height: 30px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_nav.png) no-repeat; }

#col-one ul.tabs #planb a { background-position: 0 0; }
#col-one ul.tabs #about a { background-position: -70px 0; }
#col-one ul.tabs #info a { background-position: -140px 0; }
#col-one ul.tabs #map a { background-position: -210px 0; }

#col-one .tab-container { margin-bottom: 10px; padding: 14px; min-height: 405px; height: auto !important; height: 405px; background: #000; color: #FFF; }
#col-one .tab-container h4 { }
#col-one .tab-container p { }
#col-one #tab-planb { position: relative; background: #000 url(/images/bg_tab-planb.png) 14px 14px no-repeat; }
#col-one #tab-planb p { display: none; }
#col-one #tab-planb a { width: 47px; height: 47px; display: block; position: absolute; top: 363px; text-indent: -9999px; }
#col-one #tab-planb a#twitter { left: 20px; }
#col-one #tab-planb a#facebook { left: 77px; }
#col-one #tab-planb a#email-us { left: 135px; width: 60px; }
#col-one #tab-planb a#blog { left: 208px; }
#col-one #tab-about { background: #ed1e79; }
#col-one #tab-info { background: #93278f; }
#col-one #tab-info a { color: #FFF; }
#col-one #tab-info a:hover { color: #240023; }
#col-one #tab-info p { }
#col-one #tab-map { background: #FF0; color: #000; }

/* SIGN UP - OLD ---------------------------------------- 
#col-one #sign-up { margin-bottom: 10px; height: 40px; background: #000; }
#col-one #sign-up h3 { margin: 0 15px 0 0; width: 81px; float: left; background: url(/images/tr_h3-sign-up.png) no-repeat; }
#col-one #sign-up form { margin-top: 8px; float: left; }
#col-one #sign-up label { display: none; }
#col-one #sign-up input { padding: 2px 5px; width: 145px; height: 20px; font-size: 11px; border: none; outline: none; }
#col-one #sign-up button { width: 17px; height: 19px; vertical-align: middle; text-indent: -9999px; background: url(/images/btn_mailing-list.png) no-repeat; border: none; }
*/

/* SIGN UP - NEW ---------------------------------------- */
#col-one h3#sign-up a { background: #000 url(/images/tr_h3-sign-up.png) no-repeat; }

/* GUEST LIST ---------------------------------------- */
#col-one h3#guest-list a { background: #000 url(/images/tr_h3-guest-list.png) no-repeat; }

/* BOOKING ---------------------------------------- */
#col-one h3#booking a { background: #000 url(/images/tr_h3-booking.png) no-repeat; }

/* REVIEWS ---------------------------------------- */
#col-one #review { }
#col-one #reviews p.review { margin-bottom: 0; padding: 14px; width: 252px; font-size: 13px; color: #FFF; background: #000; }
#col-one #reviews p.review strong { font-weight: bold; }

/* CONTACT US ---------------------------------------- */
#col-one h3#contact-us a { background: #000 url(/images/tr_h3-contact-us.png) no-repeat; }

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

	column two

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

/* NEWS ---------------------------------------- */
#col-two h2 { background: #ec008c url(/images/tr_h2-news.png) no-repeat; }
#col-two a { color: #ec008c; }
#col-two #news.box-outer { height: 252px; }
#col-two #news .news-entry { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #333; }

/* PLANB TV ---------------------------------------- */
#col-two h3#planbtv { margin-bottom: 0; background: #000 url(/images/tr_h3-planbtv.png) no-repeat; }
/*#col-two #planbtv-media { height: 300px; }*/
#col-two #planbtv-media ul.menu { margin: 0; width: 280px; display: none; list-style: none; background: #000; }
#col-two #planbtv-media ul.menu li { margin-left: 0; }
#col-two #planbtv-media ul.menu li a {  padding: 5px 14px; display: block; text-decoration: none; font-size: 12px; color: #ec008c; }
#col-two #planbtv-media ul.menu li a:hover { background: #ec008c; color: #FFF; }

/* GALLERY ---------------------------------------- */
#col-two h3#gallery { margin: 10px 0 0 0; background: #000 url(/images/tr_h3-gallery.png) no-repeat; }
#col-two #gallery-pics img { margin-bottom: 10px; display: block; }

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

	column three

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

/* LISTINGS ---------------------------------------- */
#col-three h2 { position: relative; background: #850080 url(/images/tr_h2-listings.png) no-repeat; }
#col-three h2 a { width: 30px; height: 30px; display: block; position: absolute; top: 0; right: 0; background: url(/images/icon_listings-rss.png) no-repeat; }
#col-three a { color: #850080; }
#col-three #listings.box-outer { margin-bottom: 10px; height: 292px; }
#col-three #listings .listing-entry { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #333; }

#col-three #calendar { padding-bottom: 18px; } 
#col-three #calendar table th,
#col-three #calendar table td { padding-top: 3px; text-align: left; border-bottom: 1px solid #222; }
#col-three #calendar table th { padding-bottom: 10px; width: 36px; font-size: 10px; text-transform: uppercase; }
#col-three #calendar table th.month-prev { text-align: left; }
#col-three #calendar table th.month-heading { text-align: center; }
#col-three #calendar table th.month-next { text-align: right; }
#col-three #calendar table td p { margin-bottom: 5px; }
#col-three #calendar table td img { margin: 0; padding: 0; background-color: transparent; }
#col-three #calendar table td a { margin: 5px 5px 0px 0px; padding: 0; width: 30px; height: 10px; display: block; background-color: #850080; }
#col-three #calendar table td a:hover { background-color: #FFF; }

#col-three #listing-item { margin-bottom: 10px; padding: 14px; background: #000; color: #FFF; }

/* FLYERS ---------------------------------------- */
#col-three #flyers { width: 280px; height: 380px; background: #000; }
#col-three #flyers img { margin: 14px; display: block; }

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

	guest list & booking forms

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

.form h3 { margin-bottom: 0; }
#TB_window .form h3 a:active { color: #fff; }
.form .form-wrap { padding: 14px; background: #ec008c; }
.form .form-wrap .field { margin-bottom: 20px; }
.form .form-wrap .field label { display: block; font-size: 11px; font-weight: bold; }
.form .form-wrap .field label.error { padding: 3px; background-color: red; color: #fff; }
.form .form-wrap .field .text { padding: 5px; width: 242px; border: none; }
.form .form-wrap .field .textarea { padding: 5px; width: 242px; height: 75px; border: none; }
.form .form-wrap .field .select { margin-right: 10px; }
.form .form-wrap .field button { padding: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; color: #fff; background: #000; border: none; }
.form .form-wrap .inline label { display: inline; }
.form .form-wrap .inline .checkbox { margin-right: 10px; }

.form.sign-up h3 { background: #000 url(/images/tr_h3-sign-up.png) no-repeat; }
.form.guest-list h3 { background: #000 url(/images/tr_h3-guest-list.png) no-repeat; }
.form.booking h3 { background: #000 url(/images/tr_h3-booking.png) no-repeat; }

.form.thank-you h3 { background: #000 url(/images/tr_h3-thank-you.png) no-repeat; }
.form.thank-you .form-wrap { background: #ffff00; }
.form.thank-you .form-wrap p { font-size: 16px; }

.form.error #col-one #form { background: #ffff00; }
.form.error #col-one h3 { background: #000 url(/images/tr_h3-error.png) no-repeat; }
.form.error #col-one ul { list-style: square; }
.form.error #col-one ul li { margin-left: 14px; }