/*
Theme Name: Bonanza King Resort
Description: Custom Wordpress template for Bonanza King Resort
Author: Bradley Spuhler	
Author URL: http://www.bcastudios.com/
Version: 1.0
*/


/* GLOBAL RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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; }
table { border-collapse:collapse; }  
a { color:#000; outline:none; }
a:hover { color:#615444; }
a img {border:none;}


/* GLOBAL */
html { height:100%; }
body {font-family:verdana, sans-serif; font-size:12px; line-height:17px; color:#000; background: #020000 url(images/global/bg.jpg) top center repeat-y; }
#container { margin:0 auto; width:770px; }
.default-page p { padding:0 0 15px 0; }


/* HEADER */
#print-header { display:none; }
#header { height:100px; }
.logo { display:block; float:left; height:100px; width:210px; text-indent:-9999px; background:url(images/global/logo.jpg) no-repeat; }

.nav { float:right; padding:73px 5px 0 0; height:27px; }
.nav li { display:block; float:left; height:27px; list-style-type:none; }
.nav a { display:block; height:27px; text-indent:-9999px; background:url(images/global/nav.png) no-repeat; }
.nav-cabins a { width:72px;  background-position:-104px 0; }
.nav-photos a { width:70px;  background-position:-177px 0; }
.nav-activities a { width:92px;  background-position:-247px 0; }
.nav-history a { width:76px;  background-position:-339px 0; }
.nav-contact a { width:106px; background-position:-415px 0; }
.nav-cabins a:hover, .nav-cabins.current_page_item a, .nav-cabins.current-page-ancestor a { background-position:-104px -27px; }
.nav-photos a:hover, .nav-photos.current_page_item a { background-position:-177px -27px; }
.nav-activities a:hover, .nav-activities.current_page_item a { background-position:-247px -27px; }
.nav-history a:hover, .nav-history.current_page_item a { background-position:-339px -27px; }
.nav-contact a:hover, .nav-contact.current_page_item a { background-position:-415px -27px; }


/* CONTENT */
#content { background: url(images/global/content_bg.jpg) repeat-y; }
#content .cb { min-height:100px; background: url(images/global/content_bg.jpg) bottom right no-repeat; }
#content .ct { min-height:250px; padding:20px 20px 30px 20px; background: url(images/global/content_bg.jpg) -770px 0 no-repeat; overflow:hidden; }

h1.title { padding:10px 0; color:#693D2E; font-size:40px; font-weight:normal; }
h2.title { padding:0 0 10px 0; color:#564B40; font-size:30px; font-weight:normal; }
h3.title { color:#564B40; font-size:25px; font-weight:normal; }
.note { margin:0 0 15px 0; padding:10px 15px; color:#FFF; background:url(images/global/note.png); }


/* FOOTER */
#footer { padding:0 0 20px 0; font-size:11px; color:#BEB39A; text-align:center; }
#footer p { padding:0 0 25px 0; font-size:10px; }
#footer a { color:#BEB39A; text-transform:uppercase; }
#footer a:hover { color:#FFF; }
.flinks { padding:10px 0 30px 0; }
.flinks li { padding:0 3px; list-style-type:none; display:inline; }
.flinks .facebook-link { padding-left:20px; background:url(images/global/facebook_icon.gif) 3px 3px no-repeat; }


/* HOME */
.loading { width:730px; height:330px; background:url(images/global/loader.gif) no-repeat center center; }
.loading input { display:none; }
.loading ul { background:url(images/global/slideshow_bg.png) no-repeat center center; }
.loading li { float:left; display:block; width:730px; height:330px; }
.welcome { margin:10px 0 0 10px; width:475px; }
.welcome p { padding:0 0 15px 0; }
.home h3.wtta { margin:0 0 5px 0; height:25px; }
.home .info-col { float:right; margin:10px 10px 0 0; width:195px; }
.home .note { margin:0 0 15px 0; font-size:9px; }
.home .note .title { padding:0; color:#FFF; font-size:25px; line-height:25px; font-weight:normal;	}
.home .note p { padding:0 0 10px 0; }

.home .tout { display:block; padding:10px 15px; text-decoration:none; background:url(images/home/tout_weddings.jpg); }
.home .tout .title { padding:0 0 5px 0; color:#FFF; font-size:25px; line-height:25px; font-weight:normal;	}
.home .tout p { padding:0 0 10px 0; width:110px; font-size:10px; line-height:17px; color:#FFF; }


/* AVAILABILITY */
.availability-item { padding:20px 0; min-height:170px; _height:170px; border-bottom:1px solid #7f7f7f; }
.availability-item .cabin-photo { float:right; width:300px; }
.availability-item .cabin-photo a { font-size:10px; }
.availability-item .title { padding:0; margin:0; }
.availability-item .title a { color:#564B40; font-size:30px; }
.availability-item .price { margin:0 0 10px 0; padding:10px 0; font-size:11px; border-bottom:1px solid #564B40; }
.availability-item .price strong { font-size:18px; font-weight:normal; }
.availability-item .note { width:390px; }
.availability-item .more { padding:0 15px; font-size:12px; }


/* CABINS */
.cabin-item { height:350px; }
.cabin-item .details { position:absolute; margin:9px; padding:20px; width:220px; height:270px; color:#FFF; font-size:11px; background:url(images/cabins/detail_bg.png); }
.cabin-item .title { padding:0 0 10px 0; color:#FFF; font-size:30px; }
.cabin-item .price { margin:0 0 10px 0; padding:15px 0; font-size:11px; border:1px solid #7f7f7f; border-width:1px 0; }
.cabin-item .price strong { font-size:18px; font-weight:normal; }
.cabin-item ul { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #7f7f7f; }
.cabin-item li { list-style-type:none; font-size:10px; line-height:14px; }
.cabin-item a { color:#e4ce45; line-height:20px; }
.cabin-photos { float:right; width:365px; }
.cabin-photos a img { margin:6px; padding:5px; background:url(images/photos/thumb_bg.jpg) no-repeat; }
.cabin-photos a img:hover { background-position:0 -175px; }
.cabin-features ul { margin:0 0 0 20px; }

.cabin-comments { clear:both; padding:30px 0 0 0; }
.user-comments { margin:0 0 5px 0; list-style-type:none; }
.user-comments li { padding:10px 30px 10px 10px; border-bottom:1px solid #B7B4A0; }
.user-comments cite { font-size:10px; }
.share-thoughts { padding:10px 0; text-align:right; }

.compare-cabins { width:100%; }
.compare-cabins th { padding:10px 20px; text-align:left; color:#FFF; background:#564B40; border:2px solid #564B40; }
.compare-cabins td { padding:20px; vertical-align:top; border:2px solid #564B40; }
.compare-cabins td ul { margin:0 0 0 20px; }

.checklist-col { float:left; padding:0 5% 0 0; width:45%; }
.checklist-col li { padding:3px; list-style-type:none; line-height:20px; border-bottom:1px solid #666; }
.checklist-col li ul { margin:6px 0 0 10px; }
.checklist-col li.last { padding:0 0 3px 0; border:none}
.checklist-col li img { padding:0 5px 0 0; }


/* PHOTOS */
.photo-list { padding:10px 0 20px 0; }
.photo-list a img { margin:6px; padding:5px 10px 10px 5px; background:url(images/photos/thumb_bg.jpg) no-repeat; }
.photo-list a img:hover { background-position:0 -175px; }


/* ACTIVITIES */
.activity-item { clear:both; padding:20px 0; }
.activity-item .title { font-size:25px; }
.activity-item .loading { float:right; width:345px; height:205px; background:url(images/global/loader.gif) no-repeat center center; }
.activity-item ul { margin:0 0 10px 20px; list-style-type:none; }
.activity-item p { padding:0 0 15px 0; width:365px; }


/* HISTORY */
.history-item { clear:both; overflow:hidden; padding:20px 0; }
.history-item p { padding:5px 5px 0 0; width:480px; }
.thumbnail { position:relative; float:right; margin:0 20px 0 0; }


/* INFO PAGES */
.info-slideshow { margin:0 0 15px 0; }


/* WEDDINGS */
.wedding-header { height:350px; background:url(images/weddings/wedding_top.jpg) no-repeat; }
.wedding-header .details { position:absolute; margin:9px; padding:20px; width:340px; height:270px; color:#FFF; font-size:11px; background:url(images/cabins/detail_bg.png); }
.wedding-header .title { padding:0 0 10px 0; color:#FFF; font-size:30px; }
.wedding-header p { padding:0 0 15px 0; }
.wedding-header ul { padding:0 0 15px 20px; }
.wedding-item { padding:0 0 40px 0; }
.wedding-item h3 { padding:0 0 10px 0; }


/* CONTACT US */
.contact-us .formview, .contact-us .formresponse { margin:0 0 30px 0; padding:0; }
.contact-us .formview li	{ margin:10px 0; padding:0; list-style:none; text-align:left; }
.contact-us .formview label { width:80px; margin:4px 15px 0 0; display:-moz-inline-box; display:inline-block; text-align:right; vertical-align:top; }
.contact-us .formview input { width:350px; margin:0 10px 0 0;padding:3px; border: 1px solid #826E51; vertical-align:top; }
.contact-us .formview textarea { width:350px; height:150px; margin:0 10px 0 0; padding:3px; border: 1px solid #826E51; vertical-align:top; font-family:verdana; font-size:13px; overflow:auto; }
.contact-us .formview select { padding:2px 0; width:358px; border: 1px solid #826E51; vertical-align:top; }
.contact-us .formview .sendbutton	{ width:100px; padding:5px; margin:0 0 0 100px; color:#FFF; font-weight:bold; cursor:pointer; text-transform:uppercase; background-color:#693D2E; border:none; }
.contact-us .formview .sendbutton:hover	{ background-color:#826E51; }

.contact-us div.error { padding:15px 15px 0 15px; font-weight:bold; color:#FFF; background:#C5352D; }
.contact-us input.error { border: 1px solid #C5352D; }
.contact-us label.error { width:auto; display:inline; color:#C5352D; }

.contact-us .directions { padding:0 0 20px 0; }
.contact-us .directions label { display:block; padding:0 0 5px 0; width:200px; font-weight:bold; color:#564B40; }
.contact-us .directions .addr { width:450px; padding:5px; border: 1px solid #826E51; vertical-align:top; }
.contact-us .directions .btn { width:100px; padding:5px; font-size:0.8em; color:#FFF; font-weight:bold; cursor:pointer; text-transform:uppercase; background-color:#693D2E; border:1px solid #826E51; vertical-align:top; }
.contact-us .directions .btn:hover { background-color:#826E51; }

/* Date Picker */
table.jCalendar th { color: #666; font-weight: bold; padding: 3px 5px; }
table.jCalendar td { color: #000; padding: 3px 5px; text-align: center; font-weight: bold; }
table.jCalendar td.other-month { background: #DAD7C4; color: #D2C7A9; }
table.jCalendar td.today { background: #6D4233; color: #FFF; }
table.jCalendar td.selected { background: #FFCA15; color: #fff; }
table.jCalendar td.selected:hover { background: #F07822; color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #FFF; color: #000; }
table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #bbb; color: #888; }

/* Date Picker Popup */
div.dp-popup { position:relative; background: #D7D4C1; font-size: 10px; padding: 2px; width: 171px; line-height: 1.2em; border: 1px solid #826E51; }
div#dp-popup { position: absolute;  z-index: 5000; }
div.dp-popup h2 { font-size: 12px; text-align: center; margin: 0px; padding: 3px 0px; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { text-decoration: none; padding: 3px 2px 0; }

div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #DCD9C6; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }


/* FANCYBOX MODAL POPUPS */
#fancybox-loading { position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; }
#fancybox-loading div { position: absolute; top:0; left:0; width:40px; height:480px; background-image:url(images/photos/fancybox.png); }
#fancybox-overlay {	position:absolute; top:0; left:0; width:100%; z-index: 1100; display: none; }
#fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; }
#fancybox-wrap { position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none; }
#fancybox-outer { position:relative; width:100%; height:100%; }
#fancybox-content { width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; padding:20px; background:url(images/photos/large_bg.jpg) repeat-y; }
#fancybox-close { position:absolute; top:5px; right:-15px; width:30px; height:30px; background:transparent url(images/photos/fancybox.png) -40px 0px; cursor:pointer; z-index:1103; display:none; }
#fancybox-title { color:#FFF; font:normal 12px/20px Arial; text-align:center; }
#fancybox-left, #fancybox-right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('blank.gif'); z-index:1102; display:none; }
#fancybox-left { left:0px; }
#fancybox-right { right:0px; }
#fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; }
#fancybox-left-ico { background-image:url(images/photos/fancybox.png); background-position:-40px -30px; }
#fancybox-right-ico { background-image:url(images/photos/fancybox.png); background-position:-40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility:visible; /* IE6 */ }
#fancybox-left:hover span { left:20px; }
#fancybox-right:hover span { left:auto; right:20px; }
.fancybox-bg { position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }


/* 404 */
.error404 { min-height:400px; background:url(images/global/404_bg.png) bottom right no-repeat; }
.error404 p { padding:20px 400px 0 0; font-size:16px; line-height:24px; }