/*
Theme Name: Custom
Theme URI: http://www.scurrypoint.com.au
Description: A Custom Theme for Thala Beach Lodge
Author: Seton
Author URI: http://www.scurrypoint.com.au
version: 2.0
Tags: custom
*/

/* basics */

*{margin:0; padding:0;}

body {
	background:#78684E;
	font-family: helvetica, verdana, arial, tahoma, sans-serif;
	font-size: 14px;
	background-image:url('images/back-grad.jpg'); background-repeat:repeat-x; background-position:left top; background-attachment:fixed;
	}
	
h1 {font-size: 18px; font-weight: 200; }
h2 {font-size: 14px;}
h3 {font-size: 10px;}
h4 {font-size: 9px;}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

img.border {
	background: #fff;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	margin-bottom: 20px;
}

img.borderfrontbottompadding {
	background: #fff;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	margin-bottom: 30px;
	margin-top: 30px;
}


blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}
	
	
#headerwrap { width: 100%; height: 100px; background: #78684E; }
#header { background-image:url('images/header.jpg'); background repeat:none; width: 1000px; height: 100px; color: #fff; margin-left: auto; margin-right: auto; }
#tripadvisor { width: 220px; float: right; margin-top: 43px; margin-right: 25px; text-align: center; line-height: 12px; }
#tripadvisor h3 { font-size: 10px; padding: 0px; margin: 0px; }

#availability { width: 172px; height: 70px; background-image:url('images/availability-back.png'); position: relative; margin-top: -70px; z-index: 500; margin-left: 778px; color: #fff; text-align: center; padding-top: 10px; font-size: 14px; }
#availability p {text-align: center; }
#availability input.btn, select.btn { background-color:#94CA3D; border-color:#000; border-style:solid; width:137px; border-width:1px; color:#000000; font: helvetica, arial, sans-serif; margin-top: 5px; }
#menuwrap { width: 100%; background-image:url('images/menu-wrap-back.png'); height: 34px; }
#menu { background-image:url('images/black-trans.png'); font-family: verdana, arial, times, serif; font-size: 8pt; width:950px; height: 34px; margin-left: auto; margin-right: auto; z-index:500; }

#sliderbox { width: 950px; height: 250px; background:#ccc;position: relative; }
ul.slideshow { list-style:none; width:950px; height:250px; overflow:hidden; position:relative; margin:0; padding:0; z-index:0; }	
			ul.slideshow li { position:absolute; left:0; right:0; }
			ul.slideshow li.show { z-index:500;	}
			ul img { border:none; }
			#slideshow-caption { width:780px; height:50px; position:absolute; bottom:0; left:0;	 color:#fff; background:#000; z-index:500; }
			#slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; }
			#slideshow-caption h3 { margin:0; padding:0; font-size:12px; }
			#slideshow-caption p { margin:5px 0 0 0; padding:0; }
			
#frontblogbox { font-family: verdana, arial, tahoma; font-size:8pt; width:175px; float:left; margin-top:10px; padding: 0; background-color:#e4e4e4; background-image:url('images/fade-line-top.png'); background-repeat:no-repeat; background-position:left top; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; overflow: hidden; min-height: 745px; padding-top: 12px; }
#frontblogbox h3 { color:#143600; font-size:12px; margin-bottom: 5px; }
#frontblogbox h2 { font-size: 12px; margin-top: 5px; margin-bottom: 3px; border-top: 1px solid #ccc; padding-top: 3px; }
#frontblogbox a {color: #501e00; }

#frontboxhome { width: 196px; height: 82px; float: left; margin-top: 10px; position: relative; overflow: hidden; }
#frontboxoverhome { width: 191px; height: 16px; float:left; text-align: right; padding-right: 5px; z-index: 499; position: relative; background-image:url('images/frontboxover.png');}	
#frontboxoverhome a  {color:#ECEAD9; text-decoration:none; font-size: 12px; font-weight: bold; }


#frontbox1 { width: 170px; height: 82px; float: left; margin-left: 17px; margin-top: 10px; }
#frontbox2 { width: 170px; height: 82px; float: left; margin-left: 18px; margin-top: 10px;  }
#frontbox3 { width: 170px; height: 82px; float: left; margin-left: 18px; margin-top: 10px; }
#frontbox4 { width: 170px; height: 82px; float: left; margin-left: 18px; margin-top: 10px;}
#frontboxover { width: 167px; height: 16px; float:left; text-align: right; padding-right: 5px; z-index: 900; position: relative; background-image:url('images/frontboxover2.png'); }	
#frontboxover a  {color:#FFF; text-decoration:none; font-size: 12px; font-weight: bold; }

#frontcontentleft { float: left; width:549px; overflow: hidden; margin-top: 10px; margin-left: 17px; height: auto; background-color:#e4e4e4; margin-bottom: 10px; background-image:url('images/fade-line-top.png'); background-repeat:no-repeat; background-position:left top; padding-top: 12px;}	
#frontcontentleft h1,h2 { font-size: 16px; margin-bottom: 5px; margin-top: 10px; text-align: left; font-weight: 300;}

#frontcontentleft p { letter-spacing:0.5px; line-height:20px; margin-top: 10px; }
#frontcontentleftl { float: left; width:526px; overflow: hidden; margin-left: 10px; min-height: 506px; margin-bottom: 10px; text-align: justify; }
#frontcontentleftl img { border: 1px solid black; padding: 0px; margin: 10px; }
#fadelinetop { height: 14px; width: 100%; background-image:url('images/fade-line-top.png'); background repeat:x; }
#fadelinebottom { height: 14px; width: 100%; background-image:url('images/fade-line-bottom.png'); background repeat:x; }
#frontcontentleftllinebottom { }

#frontcontentrightr h1 { font-size: 12px; margin-bottom: 5px; text-align: center; }
#frontcontentrightr { float: left; width:171px; overflow: hidden; margin-left: 15px; height: 530px; background-color:#e4e4e4; margin-top: 10px; }
#frontcontentrightr img { border: 0px; }

#frontcontentrighthold { width: 163px; height: auto; margin-left: 5px; margin-top: 10px; }
#frontcontentrighticon { width: 45px; height: 45px; float: left;}
#frontcontentrighttext { width: 111px; margin-left: 5px; float: left; height: 42px; padding-top: 5px; }

#sidebarcontentrighthold { width: 153px; height: 45px; margin-top: 10px; }
#sidebarcontentrighticon { width: 45px; height: 45px; float: left; }
#sidebarcontentrighttext { width: 90px; margin-left: 5px; float: left; padding-top: 5px; }

#subscribe { width: 153px; margin-top: 10px;  }
#subscribe input.btn, select.btn { background-color:#94CA3D; border-color:#4d4d4d; border-style:solid; width:152px; border-width:1px; color:#000000; font: helvetica, arial, sans-serif; margin-top: 5px; }

#footerwrap { width: 100%; height: auto; background:#78684E;  }
#footer { background:#78684E; clear: both; width: 950px; margin-left: auto; margin-right: auto;}
#footerbanner { width: 573px; height: 140px; margin-top: 10px; margin-bottom: 10px; background: #FFF; float: left; background-image:url('images/footer-banner.jpg'); background repeat:none; border: 1px solid black; }
#footerbannerbit { width: 222px; height:27px; background-image:url('images/footer-banner-bit.png'); background repeat:none; margin-left: 360px; padding-top: 15px; }
#footerbannerbit h3 { font-size: 14px; text-align: center; color: #fff; }
#footertextcontact { margin-left: 20px; width: 162px; height: auto; margin-top: 10px; float: left;}
#footertextcontact h4 { text-align: left; font-size: 9px; color: #FFF; }

#footerform {margin-left: 20px; height: auto; float: left; width: 169px;}
#contact {width: 100%; height: auto; float: left; line-height: 12px; color: #000; font-size: 10px; margin-bottom: 20px; }
#contact p { color:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
#contact input { height:17px; line-height:17px; margin:0; padding:0; width:147px; }
#contact textarea { height:40px; line-height:17px; margin:0; padding:0; width:149px; }

#internalcontact { width: 100%; color: #666; font-size: 10px; }
	    #internalcontact h1 { font-size: 20px; margin-left: 28px; margin-bottom: 3px; }
	    #internalcontact input { height:17px; line-height:17px; margin:0; padding:0; width:145px; margin-top: 3px; margin-bottom: 3px; }
        #internalcontact textarea { height:65px; line-height:17px;  margin:0; padding:0; width:150px; }
		#internalcontact input.btn, select.btn { background-color:#94CA3D; border-color:#4d4d4d; border-style:solid; width:152px; border-width:1px; color:#000000; font: helvetica, arial, sans-serif; margin-top: 5px; }
		
		#brochurerequest { width: 100%; color: #666; font-size: 12px; margin: 0px; padding:0px; line-height: 10px; }
	    #brochurerequest h1 { font-size: 20px; margin-left: 28px; margin-bottom: 10px; }
	    #brochurerequest input { height:17px; line-height:10px; margin:0px; padding:0; width:250px; margin-bottom: 10px; }
        #brochurerequest textarea { height:65px; line-height:17px;  margin:0; padding:0; width:255px; }
		#brochurerequest input.btn, select.btn { background-color:#94CA3D; border-color:#4d4d4d; border-style:solid; width:257px; border-width:1px; color:#4d4d4d; font: helvetica, arial, sans-serif; margin-top: 5px; }
		
	
#weddingscontact h1 {text-align: center; margin-top: 10px; margin-bottom: 20px; }
#weddingscontact h2 {color: #3a3a3a; }

#weddingceremony h1 {text-align: left; margin-top: 10px; margin-bottom: 20px; }
#weddingceremony h2 {color: #3a3a3a; }


#incentives h1 {text-align: left; margin-top: 10px; margin-bottom: 20px; }
#incentives h2 {color: #3a3a3a; margin-top: 20px; margin-bottom: 20px; }
#incentives table {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}

#incentives table th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
#incentives table td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


#incentivesleft { width: 300px; float:left; margin-right: 20px; }
#incentivesright { width: 400px; float:left; }

#specialholder { float: left; width: 730px; border: 1px solid; margin-bottom: 10px; margin-top: 10px; }
#specialleft { float: left; width: 200px; margin-left: 10px; margin-top: 10px; }
#specialleft img { border: 1px solid black; }
#specialright { float: left; width: 500px; margin-left: 20px; }
#specialright h3 { font-size: 18px; margin-top: 10px; line-height: 30px; color: #305330; }
#specialright h2 { color: #3a3a3a; }
#specialleft input.btn, select.btn { background-color:#94CA3D; border-color:#000; border-style:solid; width:152px; border-width:1px; color:#000000; font: helvetica, arial, sans-serif; margin-top: 5px; margin-top:20px;}

#thalablog h3 { font-size: 20px; }

#media { margin-top: 50px; margin-bottom: 50px; }
#mediaimagehold { width: 250px; float: left; }
#mediatexthold { width: 400px; float: left; margin-left: 50px; }

.byline { color: #585858; }

/* facebook like button */

p.fb-like {height: 15px;}

/*accommodation page */

   #accommheading { width: 100%; float: left; }
   #accommheading h1 { font-size: 22px; color: #42210b; margin-left: 10px; margin-right: 0px; margin-bottom: 10px; margin-top: 10px; padding: 0px; font-family: helvetica, arial, sans-serif;}
   #accommholder { width: 730px; float: left; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid; margin-top: 10px;}
   #accommleft {float: left; width: 340px; margin-left: 10px; min-height: 300px;}
   #accommrighthold {float:left;}
   #accommmainpic {float: left; width: 323px; margin-left: 20px; height: 190px; border: #000 1px solid;  }
   #accommmainpic img {border: none; }
   #bookingholder { width: 323px; height: 52px; float: left; background-image:url('/../../wp-content/themes/custom/images/accommodation/accomm-arrow-right.png'); background-repeat:no-repeat; background-position:right top; margin-left: 22px; margin-top: 35px;}
   #bookingholder p {margin:0px; padding:0px; margin-top:16px; font-size: 15px; font-family: helvetica, arial, sans-serif; }
   #accomminclusive { width: 323px; height: 52px; float: left; margin-left: 22px; margin-top: 35px;}
   #accomminclusive p {text-align: center; font-size: 16px; font-weight: bold; }
   #accommdesc { width: 353px; float: left; }
   #accommthumbholder { width: 100%; float: left; }
   #accommthumbnail1 { width: 141px; height: 100px; float: left; margin-left: 8px; border: #000 1px solid; }
   #accommthumbnail1 img { border: none; }
   #accommthumbnail2 { width: 141px; height: 100px; float: left; margin-left: 38px; border: #000 1px solid; }
   #accommthumbnail2 img { border: none; }
   #accommenlarge { width: 340px; margin-left: 8px;  }

/* rollover effect */

div.fadehover {
	position: relative;
	width: 170px;
	height: 82px;
	}
	
	div.fadehoverhome {
	position: relative;
	width: 198px;
	height: 82px;
	}

img.a {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	}
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	


/* links */

a{
	color:#1a55ff;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	width: 950px;
	margin: 0 auto;
	padding:0;
	
	color:#000;
	overflow: hidden;
	}
	
/* header */



#header h1{
	font:normal 20pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font:normal 10pt georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}






/* content */


#content {
	float: left;
	width:733px;
	overflow: hidden;

	margin-top:10px;
	margin-bottom: 14px;
	padding:14px;
	padding-top: 8px;
	background-color:#e4e4e4;
	min-height: 727px;
	line-height: 20px;
	letter-spacing:0.5px;
	 background-image:url('images/fade-line-top.png'); background-repeat:no-repeat; background-position:left top;
	}	

#content li { margin-left: 30px; }
#content h2 { font-size: 18px; font-weight: 200; }

.post {
	margin:0;
	padding:0;
	
	}
	
.post h2{
	font-size: 12px;
	}
	
.post h2 a{
	color: #501700;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar {
	font-family: helvetica, arial, verdana, tahoma;
	font-size:12px;
	width:172px;
	float:left;
	margin-top:10px;
	margin-left: 16px;
	padding: 0;
	background-color: #E4E4E4;
	margin-bottom: 10px;
	min-height: 745px;
	padding-bottom: 14px;
	background-image:url('images/fade-line-top.png'); background-repeat:no-repeat; background-position:left top;
	line-height: 14px;
	}

#sidebar h2{
	font:normal 14px helvetica, arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
	margin-top: 15px;
	font-size: 13px;
	font-weight: 400;
	
}

#sidebar label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding:0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin-top: 0px;
	margin-left:10px;

	margin-bottom:12px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
	img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */
	
#footer p{padding:14px 0; color: #eee; text-align:center;}
#footer a{color: #FFF;text-decoration: none;}
#footer a:hover{color: #FFF;text-decoration: underline;}