/*  

Theme Name: Over Easy

Theme URI: http://www.woothemes.com/

Description: Over Easy by WooThemes

Version: 1.2.1

Author: WooThemes

Author URI: http://www.woothemes.com/

*/



/*=== Setup ===*/

* {
	border: 0;
	margin: 0;
	padding: 0
}
body {
	background: url(styles/default/s-paper.jpg) repeat;
	color: #45392D;
	font: .75em Helvetica, "Trebuchet MS", Arial;
	padding: 0 0 20px;
	line-height:1.6em;
}
a {
	color: #BA1414;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#C40202;
}
input, select, textarea {
	border: #e6e6e6 1px solid;
	font-size: 12px;
	padding: 2px
}
li {
	list-style: none
}
h1 {
	line-height:1.1;
	font-size:31px;
	padding-bottom:10px;
}
h2, h1 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:normal;
}
h2 {
	font-size: 2em;
	line-height:1em;
	letter-spacing: -1px;
	margin: 0 0 .4em
}
h2 a, h1 a {
	color: #45392D;
}
h3 {
	color: #45392D;
	font-size: 1.6em;
	/*	margin: 0 0 1em*/

	margin: .8em 0 10px;
	font-weight:normal;
}
h4 {
	color:#444444;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 3px 0;
}
p {
	padding: 0 0 1.1em
}
/*=== Intro ===*/

p.intro {
	line-height:1.2em;
	font-size:17px;
}
p.intro a {
	text-decoration:none;
}
p.intro a:hover {
	text-decoration:underline;
}
/*=== Layout ===*/

#page {
	margin: 0 auto;
	width: 940px
}
/*=== Header ===*/

#header {
	height: 184px;
	position:relative;
	margin: 0 0 10px;
}
#header .spacer {
	float: right
}
/*- Logo -*/

#header #logo {
	float: left;
	width: 414px;
	background:transparent url(http://www.thesanctuarythailand.com/wp-content/themes/overeasy/styles/default/logo-trans.png) no-repeat scroll 0 0;
	height:161px;
	margin-top:8px;
}
#header #logo a {
	display:block;
	height:112px;
	margin:46px 0 0 110px;
	width:225px;
}
#header h1 a {
	display: block;
	height: 144px;
}
#header h1 a:hover {
	text-decoration: none
}
/*=== Buttons ===*/

.btn-rounded {
	line-height: 30px;
	font-weight:bold;
	float: left;
}
.btn-rounded a {
	background: url(styles/default/btn-rounded.gif) no-repeat left;
	color: #ffffff;
	padding: 0 0 0 13px;
	display: block;
	float: left;
}
.btn-rounded a span {
	background: url(styles/default/btn-rounded.gif) no-repeat right;
	height: 30px;
	padding: 0 13px 0 0;
	display: block;
	float: left;
}
.btn {
	margin:0;
	padding:5px 10px;
	background:url(images/btn.gif) repeat-x;
	border:1px solid #98ac2b;
	color:#FFFFFF;
	font-weight:bold;
}
/*=== Divs by Ben ===*/

#page {
	width:100%;
	background: url(styles/default/s-page-back.gif) repeat-x;
}
#s-container {
	width:944px;
	margin:0 auto;
}
#s-header {
	background:url(styles/default/s-header-back.jpg) no-repeat top center;
	z-index:-1;
	width:100%;
}
#rss-top {
	float:right;
	margin-top:-40px;
}
/*=== Navigation ===*/

/*- Nav1 -*/



/*=== Page Nav ( alternative with dropdowns) == */

#nav1container {
	position:absolute;
	width:914px;
	height:40px;
	margin:0 auto;
	z-index:1000;
	padding: 0 0 0 45px;
}
#nav1 {
	font-size:12px;
	height:30px;
	letter-spacing:0px;
	margin:10px 0 0;
	text-transform:none;
	margin-left:15px;
}
#nav1, #nav1 ul {
	padding: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}
#nav1 a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	z-index: 100;
}
#nav1 li {
	float: left;
	line-height: 30px;
	margin: 0 4px 0 0;
}
#nav1 li a {
	color: #3f3f3f;
	padding: 0 0 0 10px;
	text-decoration: none
}
#nav1 li a span {
	color:#D4DFB0;
	display: inline-block;
	height: 30px;
	padding: 0 10px 0 0;
}
#nav1 li a:hover,  #nav1 li.active a,  #nav1 li.current_page_item a {
	background: url(styles/default/btn-rounded.gif) no-repeat left;
	color: #ddd;
	cursor: pointer;
	text-decoration: none;
}
#nav1 li.active a span,  #nav1 li.current_page_item a span,  #nav1 li a:hover span {
	background: url(styles/default/btn-rounded.gif) no-repeat right;
	sbackground: none;
}
/* Style drop down list */



#nav1 li ul {
	font-weight:normal;
	letter-spacing:0;
	font-size:13px;
	text-transform:none;
	border-top: 1px solid #111;
	z-index:1000!important;
	display:none;
	position:absolute
}
#nav1 li ul li {
	border: 1px solid #111;
	border-width:0 1px 1px;
	background: #171614;
	float: none;
}
#nav1 li.current_page_item ul li a {
	background: #FFF;
}
#nav1 li ul li a:hover,  #nav1 li ul li.active a,  #nav1 li ul li.current_page_item a {
	background: #222;
}
#nav1 li ul li a span,  #nav1 li ul li.active a span,  #nav1 li ul li.current_page_item a span,  #nav1 li ul li a:hover span {
	background:none !important;
	color: #000;
}
.over {
	display:block;
}
#nav1 li ul li a span {
	display:inline;
	height: 40px;
	padding: 0 10px 0 0
}
#nav1 li ul li a {
	line-height: 40px;
	font-size: 13px;
	color: #B2BF86;
	width: 190px;
}
#nav1 li ul li ul li a {
	border-width:0 1px 1px 0px;
}
#nav1 li ul ul {
	margin: -31px 0 0 163px;
}
#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	display:none
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	display:block
}
/* IE7 Fix */



#nav1 li:hover, #nav1 li.hover {
	position: static;
}
/*- Nav2 -*/

.nav2 li, .widget li {
	padding: .5em 0;
	border-bottom: 1px #AB8F6D dotted;
}
.nav2 li a, .widget li a {
	color: #333;
	background: url(styles/default/s-icon-next.gif) no-repeat left;
	padding: 0 0 0 18px;
}
.col3 .nav2 li a, .col3 .widget li a {
	background: url(images/s-icon-next2.gif) no-repeat left;
	color:#BA1414;
}
.nav2 li a:hover, .widget li a:hover {
	color: #C40202;
	text-decoration: none
}
/*=== All Columns ===*/

#columns {
	height: 1%;
	padding: 0 0 10px
}
/*=== Home center Column ===*/

#h-centercol {
	float: right;
	width: 590px
}
#h-leftcol {
	float:left;
	width:330px;
}
/*=== Center Column ===*/

#centercol {
	float: left;
	width: 600px
}
* #centercol {
	display: inline
}
/*=== Right Column ===*/

#rightcol {
	float: left;
	margin: 0px 0 0;
	width: 330px
}
* #rightcol {
	display: inline;
}
#rightcol h3 {
	font-size: 1em;
	height: 2.4em;
	margin-top:0px;
}
#rightcol h3 span {
	font-size:1.8em;
	letter-spacing:-1px;
	margin:0 0 0.4em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
}
#rightcol .widget ul, #rightcol .textwidget {
	height: 1%;
	margin: 0 0 2em;/*	padding: 7px 15px 15px*/

}
/*=== Sub Columns ===*/

.col1 {
	float: left;
	width: 115px;
	margin:0 0 1em;
}
.col1 a {
	color: #555555;
	text-decoration: underline
}
.col2 {
	float: right;
	width: 425px
}
.col3 {
	float: left;
	padding: 0 35px 0 0;
	width: 273px
}
.col3.last, .col6.last {
	padding: 0
}
.col3.nav2, .col6.nav2 {
	background: none;
	padding: 0
}
.col3 h2 {
	color: #464646;
	margin: 0 0 .5em
}
.col3 p {
	padding: 0
}
.col4 {
	float: left;
	width: 335px
}
.col5 {
	float: right;
	width: 415px
}
.col5 img {
	border: 10px solid #f6f5ed;
}
.col6 {
	float: left;
	padding: 0 20px 20px 0;
	width: 275px;
}
* html .col6 {
	width: 290px;
}
.col6 h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	background:transparent url(images/s-block-bullet.gif) no-repeat;
	padding-left:55px;
	line-height:35px;
}
/*=== Styling Boxes ===*/





/*- Box1 -*/

.box {
	margin: 0 0 1em;
	width: 600px
}
.box .top, .box .bot {
	/*	background: url(images/box-top.gif) no-repeat top; */

	clear: both;
	height: 10px;
	overflow: hidden
}
.box .bot {
/*	background: url(images/box-bot.gif) no-repeat top */

}
.box .spacer {
	/*	background: #ffffff; */

	height: 1%;
	padding:15px 30px 15px 20px
}
/*- Box2 -*/

.box2 {
	margin: 10px 0 1em;
	padding:0 0 0 4px;
}
.box2 .top, .box2 .bot {
	/*	background: url(images/box2-top.gif) no-repeat top; */

	clear: both;
	overflow: hidden
}
.box2 .bot {
	/*	background: url(styles/default/s-rightbot-col.gif) no-repeat bottom; */

	height: 18px;
	margin-left:1px;
}
.box2 .spacer {
	height: 1%;
	padding: 10px 25px;/*	background: transparent url(styles/default/s-rightmid-col.gif) repeat-y scroll 0 0; */



}
/*- Box3 -*/

.box3 {
	margin: 0 0 1em;
	width: 425px
}
.box3 .top, .box3 .bot {
	background: url(images/box3-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box3 .bot {
	background: url(images/box3-bot.gif) no-repeat top
}
.box3 .spcr {
	background: #f0eee1;
	height: 1%;
	padding: 0 20px;
	min-height:100px;
}
.box3 p {
	padding: 0
}
/*- Box4 -*/

.box4 {
	color: #333;
	font-size: 1.8em;
	margin: 0 0 20px;
	width: 940px
}
.box4 .top, .box4 .bot {
	/*	background: url(images/box4-top.gif) no-repeat top; */

	clear: both;
	overflow: hidden
}
.box4 .bot {
/*	background: url(images/box4-bot.gif) no-repeat top */

}
.box4 .spacer {
	/*	background: #FFFDF3 url(styles/default/s-box8-gradient_03.jpg) repeat-x scroll 0 0; */

	height: 1%;
	padding: 5px 25px;
	/*	border:1px solid #BBBBBB; */

	-moz-border-radius:3px;
	border-radius:3px;
}
.box4 p {
	padding: 0
}
/*- Box5 -*/

.box5 {
	margin: 0 0 42px;
	width: 940px;
}
.box5 .top, .box5 .bot {
	background: url(styles/default/s-top-banner.jpg) no-repeat top;
	clear: both;
	height: 11px;
	overflow: hidden;
}
.box5 .bot {
	background: url(styles/default/s-banner-bottom.jpg) no-repeat top;
}
.box5 .spacer {
	background:transparent url(styles/default/s-banner-rightback.jpg) bottom right no-repeat;
	height: 1%;
	padding: 0px 25px;
}
.box5 .inner-spacer {
	background: transparent url(styles/default/s-banner-blue-gradient.jpg) repeat-x top;
}
.box5 .post img {
	border:0;
}
/*- Box6 -*/

.box6 {
	margin: 0 0 20px;
	width: 940px;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.03em;
}
.box6 .top, .box6 .bot {
	/*	background: url(images/box6-top.gif) no-repeat top; */

	clear: both;
	height: 10px;
	overflow: hidden
}
.box6 .bot {
/*	background: url(images/box6-bot.gif) no-repeat top*/

}
.box6 .spacer {
	/*	background: #e5e3d1; */

	height: 1%;
	padding: 10px 25px;
}
.box6 h3 {
	font-size:22px;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:-1px;
	margin-bottom:15px;
}
#footer .box6 .spacer {
	padding: 0px 25px
}
/* ==== Style for Home content === */

.box7 h2 {
	line-height:1.2;
	font-weight:normal;
	font-size:28px;
	/*	font-size:24px;*/

	margin-top: 0;
	margin-bottom:8px;
}
.box7 p {
}
.box7 a:hover {
	text-decoration:none;
	color:#953000;
}
/*- box8 = Sidebar Widget Box */

.box8 {
	padding:15px;
	margin:0 0 20px 0;
	background:transparent url(images/box8-back.png) repeat scroll 0 0;
	_background:#FAF4E9;
	border-bottom:1px solid #A48D61;
	border-right:1px solid #A48D61;
	width:300px;
	_width: 250px;
	float:none;
	clear:both;/*	background:#FFFDF3 url(styles/default/s-box8-gradient_03.jpg) repeat-x scroll 0 0; 

	-moz-border-radius:3px;

	border-radius:3px;

	border:1px solid #E6DFD2;*/

}
* html .box8 {
}
.box8 .textwidget {
	font-size:13px;/*	width:120px;*/
	overflow:hidden

}
.box9 {
	background: url(styles/default/s-footer.gif) transparent no-repeat bottom;
	height:320px;
	overflow:visible;
}
/*- Wrapper -*/

.wrapper {
	float: left;
	padding: 0 0 0 10px;
}
/*- Date -*/

.date {
	color: #595959;
	margin: 0px 0 10px;
	position: relative
}
/*=== Styling Forms ===*/

/*- Search -*/

#search {
	height: 32px;
	margin: 0px;
	padding: 0 0 0 5px
}
#search input.keyword {
	background: url(styles/default/s-search.jpg) no-repeat;
	color: #A49E91;
	float: left;
	font-size: 15px;
	padding: 10px 10px 10px 8px;
	width: 158px;
	margin:77px 1px 1px 300px;
	border:none;
	font-family:courier, "courier new";
	font-weight:bold;
}
* html fieldset#search input.keyword {
	/*margin:-30px 1px 1px 800px;*/
	z-index:999;
}
/*- Form1 Setup -*/

.form1 div {
	margin: 0 0 15px
}
.form1 label {
	padding: 7px 0 0 15px
}
/* Form1 Textarea */

.form1 textarea {
	height: 165px;
	overflow: auto;
	width: 550px
}
/*=== Link Buttons ===*/

.btn-cat {
	margin: 1em 0 1.5em;
}
.btn-continue {
	margin: 0 0 2em;
}
.btn-general {
	background: #a4b92e;
	padding: 5px 10px;
	color: #ffffff;
}
.btn-general a {
	color: #ffffff;
}
.btn-continue a {
	font-weight:bold;
	font-size:12px;
}
.btn-arr a {
	background: #BA1414;
	color: #ffffff;
	line-height: 25px;
	padding: 5px 10px
}
.btn-arr a:hover {
	background:#C40202;
}
.btn-arr2 {
	float: left;
	padding: 150px 0 0;
	width: 27px
}
/*=== Pics, Ads etc. ===*/

.ads {
	margin: 0 0 10px
}
.ads img {
	margin: 0 8px 5px 0
}
/*=== Footer ===*/

#footer a {
	color: #949387;
	text-decoration: underline
}
#footer img {
	position: relative;
	vertical-align:middle
}
/*=== Misc. ===*/

.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl {
	float: left
}
.fr {
	float: right
}
.ac {
	text-align: center
}
.ar {
	text-align: right
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}
img.alignleft {
	margin: 3px 10px 2px 0;
	display: inline;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/*=== Posts ===*/

.post p {
	font-size:13px;
}
.post img {
	border:8px solid #f6f5ed;
}
.post ul, .post ol {
	padding: 0 0 1.2em 2em;
}
.post ul li {
	color: #333;
	background: transparent url(images/s-icon-next2.gif) no-repeat scroll left top;
	padding: 0 0 0 20px;
}
.post ol li {
	list-style-type:decimal;
	margin: 0 0 0 20px;
}
.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#E9DFD3;
	background:#4E4437 url(images/ico-quote.gif) no-repeat 10px 10px;
	border:1px solid #E5E3D1;
	width:40%;
	height:auto;
	margin:15px 0 15px 10px;
	padding:15px 25px 0px 55px;
	display:block;
	float:right;
}
.post blockquote p {
	font-size:18px;
}
.post blockquote a,  .post blockquote a:hover {
	color:#E9DFD3;
	font-weight:bold;
	font-size:1.1em;
}
/* ====  Styling for post content === */

.entry a {
	text-decoration: underline;
}
.post h1 a:hover {
	text-decoration:none;
}
.post h1 a {
	color:#BA1414;
}
.entry h2 {
	font-family:Helvetica, Arial, "Lucida Grande";
	margin:0.6em 0 0.3em;
	font-weight:normal;
	line-height:1.1em;
}
/*Exceprt img thumbnail*/

.imgtfe {
	margin: 0 8px 8px 0;
}
/*=== Comments ===*/



#comments .box3 p {
	padding-bottom:10px;
}
#respond {
	margin: 1em 0 0;
}
/*=== Widget styling ===*/



.widget #recentcomments li {
	background: url(images/hl-dot.gif) repeat-x bottom;
	padding: .5em 0
}
.widget #recentcomments li a {
	background:none;
	color: #a4b92e;
	text-decoration:none;
}
.widget #recentcomments li a:hover {
	color: #a4b92e;
	text-decoration: underline;
}
.widget #searchform, .widget #calendar_wrap {
	background: #f0eee1;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}
.widget #searchform, .widget #calendar_wrap {
	clear: both;
	height: 1%;
	margin: 0 0 14px;
}
.widget #wp-calendar caption {
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom:5px;
	color:#333333;
}
.widget #wp-calendar {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:240px;
}
.widget #wp-calendar thead th {
	color:#333333;
}
.widget #wp-calendar tfoot td {
	padding:10px 0 10px 0;
	text-align:left;
}
.widget #wp-calendar tfoot td#next {
	text-align:right;
}
.widget #wp-calendar td {
	width:auto;
}
.widget #wp-calendar td a {
	padding:2px;
	text-decoration:underline;
}
.widget #wp-calendar tfoot td a {
	color:#333333;
}
.quote {
	background:url(images/ico-quote.gif) no-repeat top left;
	margin:9px 0 0;
	width:37px;
	height:29px;
}
.flickr_badge_image img {
	margin:0 5px 11px;
	padding:0 10px 8px 0;
	float:left;
}
.flickr img {
	vertical-align:middle;
	margin:6px 0 8px;
}
.subscribe img {
	vertical-align:middle;
	margin:6px 0 8px;
}
/*=== Slider ===*/





#mygallery {
	color:#DFD8C7;
	font-size:18px;
	font-family:"Trebuchet MS", Helvetica, Arial;
	width:790px;
}
#mygallery h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:42px;
	color:#fffdf3;
	line-height:1.2;
	padding:0;
	margin:0;
}
#mygallery h3 {
	color:#DFD8C7;
	line-height:1.3;
	font-size:18px;
	font-weight:normal;
}
#mygallery a {
	color: #DFD8C7;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 810px;
	height: 330px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 px 15px; /*margin around each panel*/
	width: 790px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*=== THREADED COMMENTS == */



ol.commentlist li.threaded .box3 {
	width:auto;
	margin:0px;
}
ol.commentlist li.threaded .col1 {
	width:90px;
}
ol.commentlist li.threaded .box3 .spcr {
	padding:10px 15px 0;
	margin:0;
}
ol.commentlist li.threaded .children {
	margin-left:20px;
}
ol.commentlist li.threaded .col2 {
	float:none;
	width:auto;
	margin-left:115px;
}
/*== WP styling by Ben */

div.wp-caption {
	margin:0 15px 0 0;
}
/*=== YET ANOTHER RELATED POST WIDGET STYLING by Ben*/

div.YARPP {
	width:300px;
}
/*== Table styling by Ben */

table.spa-menu, div.YARPP {
	background:#FFFDF3 url(styles/default/s-block-back.gif) bottom right no-repeat;
	border-top: 2px solid #E6DFD2;
	border-left:2px solid #E6DFD2;
	border-bottom:2px solid #DAD0C0;
	border-right:2px solid #DAD0C0;
	padding:10px;
	margin-bottom:15px;
}
table.spa-menu td {
	padding:5px;
}
table.spa-menu strong {
	font-size:15px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
table.spa-menu h2 {
	font-size:22px;
	border-bottom:solid 1px #ddd;
	font-weight:normal;
	font-color:#4A334B
}
table.spa-menu h3 {
	font-size:18px;
	padding:0;
	margin:0;
}
/*== Sytling By Jeff */

div.home-slider {
	position:absolute;
	top: 33px;
	left: 10px;
	background:transparent url(images/showbak/bottom.png) no-repeat bottom;
	font-size:16px;
	width: 845px;
	padding: 0 25px 30px;
	color:#e0d4c4;
}
div.hs-top {
	background: transparent url(images/showbak/top.png) no-repeat;
	width:885px;
	left:15px;
	top:8px;
	height:25px;
	position:absolute;
}
/*== Custom Class Buttons on the site == */

a.custom-button, a.shutter {
	color:#004A57;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:8px;
	padding-right:44px;
	border-bottom:#444 solid 1px;
	border-right:#444 solid 1px;
	border-left:#fff solid 1px;
	text-decoration:none;
	text-transform:Capitalize;
	font-weight:bold;
	letter-spacing:-0.03em;
	margin-top:5px;
	margin-bottom:5px;
	line-height:40px;
	border-top:#fff solid 1px;
	background:transparent url(images/button-class-back2s.png) no-repeat right top;
}
a.custom-button:hover, a.shutter:hover {
	background:transparent url(images/button-class-back2s.png) no-repeat right -42px;
	color:#333;
}

