/*   
Theme Name: Shamadon Resort
Theme URI: http://www.shamadonresort.com
Description: Custom wordpress theme for Shamadon Resort
Author: Paul Sham
Author URI: http://www.paulsham.com

Version: 0.1
.
General comments/License Statement if any.
.
*/


/* CSS RESET */
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
/* 	clear: both; */
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/*////////////////////////*/
/* TYPOGRAPHY AND COLOURS */
/*////////////////////////*/

body{
	background: #fff;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 auto;
/* 	width: 1200px; */
}

.clear{clear:both;}

.right{text-align: right;}

.dottedtop{border-top: 1px dotted #ccc; padding-top: 5px;}
.dottedbottom{border-bottom: 1px dotted #ccc; padding-bottom: 5px;}

.meta, span.comment-meta{color:#666; font-size: 0.8em;}

a:link, a:visited{color:#669933; text-decoration:underline;}
a:hover{color:#7fbf40; text-decoration:underline;}
a:active{color:#7fbf40; text-decoration:underline;}

div.menu-primary-container a:link, div.menu-primary-container a:visited{
}
div.menu-primary-container a:hover, div.menu-primary-container a:active{
	background: url(img/nav-pointer-hover.png) no-repeat center bottom;
}

div.menu-primary-container li.current-menu-item a, div.menu-primary-container li.current-page-ancestor a{
	background: url(img/nav-pointer.png) no-repeat center bottom;
}

div.menu-footer-container a{color: #fff; font-size: 0.8em;}
div.menu-footer-container a:link, div.menu-footer-container a:visited{text-decoration: none;}
div.menu-footer-container a:hover, div.menu-footer-container a:active{text-decoration: underline;}

h1, h2, h3, p, ul{
	margin-bottom: 15px;
}

/* Main content title */
h1{
	color: #57a535;
	font-family: Optima, Times, "Times New Roman", sans-serif; 
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}

/* Main content subtitle */
h2{
	border-top: 2px dotted #ccc;
	padding-top: 15px;
}

/* Sidebar content title */
h3{
	background: #993333;
	color: #fff;
	line-height: 2em;
	padding: 0 10px;
}
 
/* Sidebar content subtitle */
h4{
	color:;
	padding: 0 10px;
} 

a{outline: 0;}
ol{list-style: decimal; padding-left: 25px;}

/* Tables */
table.wp-table-reloaded{
	font-size: 0.9em;
}

/* Forms (reserve and contact forms) */
textarea{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	padding: 5px;
}

form.wpcf7-form{
	font-size: 0.9em;
}
/* fieldset{border: 1px solid #ccc;} */
form.wpcf7-form legend{display: none;}
form.wpcf7-form label{display: block; float: left; text-align: right; /* min-width: 100px; */}
form.wpcf7-form p{
	margin: 0;
	padding: 5px 0 5px 10px;

     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */
}
form.wpcf7-form input, form.wpcf7-form select, form.wpcf7-form textarea{margin-left: 15px;}
.curFocus{background:#ddd;}

form.wpcf7-form input#submit{margin: 20px 0 0 70px;}


form.reservation-form{font-size: 0.9em;}
form.reservation-form fieldset{border: 1px solid #ccc; margin-bottom: 15px; padding: 15px;}
form.reservation-form legend{border: 1px solid #ccc; display: block; margin-right: 25px; padding: 0 5px;}
form.reservation-form label{display: block; float: left; text-align: right;}
form.reservation-form p{
	margin: 0;
	padding: 5px 0 5px 10px;

     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */
}

form.reservation-form input, form.reservation-form select, form.reservation-form textarea{margin-left: 15px;}
form.reservation-form input#submit{margin: 20px 0 0 70px;}
span.reserve-submit-success{border: 2px solid #398F14; display: block; font-size: 0.9em; margin: 0 0 10px; padding: 2px 14px;}

.ui-datepicker {font-size: 12px !important;}
div#ui-datepicker-div {display: none;}
form.reservation-form label.error{color: #ff0000; display: inline; float: none; margin-left: 15px; text-align:left;}
span.form-description{margin-left: 15px;}

div#header-wrapper{
	/* background set dynmacially */
}

div#header{
	background: url(img/header.png) no-repeat center top;
}

div#logo > a#logo-link{
	background: url(img/logo.png) no-repeat;
}

div#nav{
	font-family: Optima, Times, "Times New Roman", sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: capitalize;
}

div#nav a:link, div#nav a:visited{
	text-decoration: none;
}

div#reserve{
	
}

div#reserve a{
	background: #669933;
	text-align: center;
	
     -moz-border-radius: 20px; /* FF1+ */
  -webkit-border-radius: 20px; /* Saf3+, Chrome */
          border-radius: 20px; /* Opera 10.5, IE 9 */
	
  background-image: -moz-linear-gradient(top, #9bbd7a, #669933); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9bbd7a),color-stop(1, #669933)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#9bbd7a', EndColorStr='#669933'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9bbd7a', EndColorStr='#669933')"; /* IE8 */
		
     -moz-box-shadow: 0px 0px 5px #666666; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #666666; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #666666; /* Opera 10.5, IE 9.0 */
}

div#reserve a:link, div#reserve a:visited{color: #eef6e5;}
div#reserve a:hover, div#reserve a:active{color: #fff;}

div#content-wrapper{
	background: url(img/wrapper.png) repeat-y center;
}

div#content{
	background: url(img/content.png) repeat-y center;
}

div.breadcrumb{
	border-bottom: 1px dotted #999;
	color: #999;
	font-size: 0.75em;
}

div#banner{
	background: #000;
}

ul#sidebar{
}

ul#sidebar > li{
	background: #eee;
}

ul#sidebar p{
	font-size: 0.85em;
}

ul#sidebar > li ul li{
	line-height: 0.9em;
}

ul#sidebar > li ul li a{
	line-height: 1.1em;
}

div#content-bottom{
	background: url(img/footer.png) no-repeat center;
}

div#footer-wrapper{
	background: url(img/wrapper.png) repeat-y center;
}

div#footer{
	color: #fff;
}

div#footer ul#menu-footer{
	
}

/*///////////*/
/* STRUCTURE */
/*///////////*/

div#header-wrapper{
	height: 295px;
	margin: 0 auto;
	overflow: hidden;
}

div#header{
	margin: 40px auto 0;
	height: 255px;
	width: 960px;
}

div#logo{
	padding: 30px 0 0 80px;
}

div#logo > a#logo-link{
	display: block;
	height: 0px;
	padding: 150px 0 0;
	overflow: hidden;
	width: 448px;
}

div#nav{	
	border-bottom: 5px solid #993333;
/* 	float: left; */
	height: 48px;
	margin: 22px auto 0;
	padding: 0 30px 0;
	width: 802px;
}

div.menu-primary-container ul.menu{
	list-style: none;
	padding: 0;
}

div.menu-primary-container ul.menu > li{
	border-right: 2px solid #ccc;
	display: block;
	float: left;
	padding: 0 8px;
	height: 25px;
}

div.menu-primary-container ul.menu > li:last-child{
	border-right: 0px;
}

div.menu-primary-container ul#menu-primary li a{
	display: block;
	height: 48px;
}

div#reserve{
	float: right;
	margin: -10px 0 0 0;
}

div#reserve a{
	display: block;
	padding: 10px 0;
	width: 160px;
	height: 20px;
}

div#content-wrapper{
}

div#content{
	margin: 0 auto;
	padding: 20px 70px;
	width: 820px;
}

div.breadcrumb{
	margin: 0 0 20px 0;
}

div#banner{
	margin-bottom: 15px;
}

ul#bannerContent span{

}

div.left-col{
	margin-right: 350px;
}

div.one-col{
	margin: 0 auto;
	width: 540px;
}

div#nav-below{
	border-top: 1px dotted #999;
	font-size: 0.8em;
}

div.nav-next{float: right;}
div.nav-previous{float: left;}

div#comments{font-size: 0.9em; margin-top: 50px;}
div#comments h3{}

div#comments div.vcard img{float: left; vertical-align: bottom;}
div#comments div.vcard cite{margin-left: 10px;}
div#comments div.vcard span{display: block; margin-left: 50px;}
div#comments div.comment-body{clear: left;}
div#comments div.reply{margin-bottom: 20px;}

div#comments p.comment-form-comment label{display: block;}
div#comments p.form-allowed-tags{color: #666; font-size: 0.85em; line-height: 1em; width: 369px;}

div#comments ol{margin-bottom: 25px;}
div#comments ol.commentlist li{
	border: 1px solid #ccc;
	padding: 10px;
}

div#comments ul.children{margin-left: 50px;}
div#comments ul.children li{
	margin-bottom: 5px;
}

/* Search */
form#searchform{
	margin-bottom: 10px;
}

form#searchform input#s{
	border: 1px solid #ccc;
	height: 24px;
	padding: 2px 12px;
	width: 175px;
	
     -moz-border-radius: 14px; /* FF1+ */
  -webkit-border-radius: 14px; /* Saf3+, Chrome */
          border-radius: 14px; /* Opera 10.5, IE 9 */
}

/* Sidebar */

ul#sidebar{
	float: right;
	width: 300px;
}

ul#sidebar > li{
	margin-bottom: 15px;
	padding-bottom: 5px;
}

ul#sidebar > li ul{
	list-style-image: url(img/list-arrow.gif);
	margin-left: 32px;
}

ul#sidebar > li ul li{
	margin-left: 0;
	margin-bottom: 15px;
	padding-left: 0;
}

ul#sidebar p, ul#sidebar ul, ul#sidebar form{
	margin-left: 10px;
	margin-right: 10px;
}

ul#sidebar.front-page{
	margin-top: 50px;
}

/* Sidebar - location */
ul#sidebar li.map a{
	background: url(img/icons/zoom_in.png) no-repeat right center;
	display: block;
	height: 20px;
	margin-left: 10px;
	padding-right: 18px;
	width: 100px;
}

ul#sidebar li.map h3{
	margin-bottom: 0;
}

/* End specific sidebars */

div#content-bottom{
	height: 50px;
	margin: 0 auto;
	width: 960px;
}

div#footer-wrapper{
}

div#footer{
	margin: 0 auto;
	height: 90px;
	width: 960px;
}

div#footer p{
	float: left;
	margin: 10px 0 0 50px;
}

div.menu-footer-container{
	padding-right: 50px;
	padding-top: 10px;
	text-align: right;
}

div.menu-footer-container ul li{
	display: inline;
	margin-left: 10px;
}






div.ngg-galleryoverview, div.ngg-albumoverview{
	clear: none;
}

div.ngg-clear{
	clear: left !important;
}

p.ngg_gallery_caption{
	font-size: 11px;
	line-height: 12px;
	margin: 0 auto 10px;
	text-align: left;
	width: 100px;
}

div.flvgallery-item{
	float: none !important;
}