/* 
	Theme Name: HudsonSpa
	Theme URI: http://HudsonSpa.com
	Description: Hudson Spa Main Theme
	Version: 1.3
	Author: HudsonSpa
	Author URI: http://HudsonSpa.com
*/

/* Reset.css */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, em, img, ins, kbd, q, s, samp, strike, strong, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul, ol { list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
img { border: none; }
:focus { outline: 0; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/* End reset */


body {
	background: #dcd8cc url(images/bg.png) repeat-x fixed; /* Fixed well do that the top gradient will stay in the top when the user scroll */
	color: #666; 
	font: 12px/24px Verdana, Arial, sans-serif;
	/*font: 12px/24px Arial, Helvetica, sans-serif; */
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

/* Typography */

a { 
	color: #c32404;
	text-decoration: none;
}

a:hover {
	color: #242323;
	text-decoration: underline; 
}

.post p {
	margin-bottom: 20px;
}

.btn, .more-link, .post-meta p, .reply a {
	background: #fbfbfb url(images/btn.png) repeat-x left bottom;
	border: 1px solid #d3d0ca;
	padding: 6px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	/* Headings */
	
	h1, h2, h3, h4, h5, h6, table caption {
		color: #242323; 
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		margin: 0 0 20px 0;
	}
	
	h3 { 
		font-size: 26px;
	}
	
	h4, table caption {
		color: #c32404;
		font-size: 22px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	.entry-title {
		color: #242323; 
		font-size: 32px;
		margin: 5px 0 20px;
		letter-spacing: -1px;
		line-height: 35px;
		padding-right: 60px;
	}
	
	.page h1 {
		margin-bottom: 25px;
	}
	
	.post h2 a {
		color: #242323;
	}
	
	.post h3 {
		line-height: 30px;
	}
	
	#sidebar h3 {
		font-size: 26px;
		margin: 0 0 20px;
	}
	
	.page-title {
		margin-bottom: 40px;	
	}
	
strong { color: #303030; }

pre, .author-box, .author-info {
	background: #F1F1F1;
	border: 1px solid #e7e7e7;
	margin: 20px 0;
	padding: 20px;
}

code { background: #F2F2F2; }
pre code { background: none;}

blockquote {
	border-left: 3px solid #c32404;
	font: italic 16px/26px Georgia, "Times New Roman", Times, serif;
	margin: 20px 50px 20px 20px;
	padding-left: 20px;
}

hr { 
	background-color: #E7E7E7;
	border: 0;
	height: 1px;
	clear: both;
	margin-bottom: 20px;	
}

ins, .highlight {
	background: #FFFFCC;
	text-decoration: none;
}

/* Lists */
.post ul, .post ol {
	margin: 20px;
}

.post ul li, .post ol li {
	line-height: 28px;
}

.post ul li {
	list-style: disc;
}

.post ol li{
	list-style: decimal;
}

dt { font-size: 13px; font-weight: bold; }
dd { margin-left: 10px; }


/* Header */

#header {
	background: url(images/bg_light.png) no-repeat;
	height: 150px;
	position: relative;
}

	/* Header logo / text */
	#site-title {
		float: left;
		margin: 45px 0 0 10px;
	}
	
	#site-title {
		font: bold 48px "Myriad Pro", Arial, Helvetica, sans-serif; /* Plain text logo font & size */
		letter-spacing: -2px;
	}
	
	#site-title.image a {
		background: url(images/logo.png) no-repeat; /* logo */
		display: block;
		height: 55px; /* Height of the logo */
		width: 315px; /* Width of the logo */
		text-indent: -9999px; /* Remove the text */
	}
	
	#site-description {
		color: #948a6e;
		font: italic 16px Georgia, "Times New Roman", Times, serif;
		margin: 100px 0 0 -100px;
		float: left;
		text-shadow: 1px 1px 0px #ece7d9;  
	}
	
	/* Header > Search */
	
	#search {
		background: url(images/search_bg.png) no-repeat;
		height: 43px;
		width: 282px;
		position: absolute;
		right: 20px;
	}
	#search input[type=text] { /* The search input field */
		background: #c6c0b0 url(images/search_input.png) repeat-x;
		border: 1px solid #bab4a1;
		margin: 6px 10px;
		padding: 5px 10px 5px 5px;
		width: 203px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#search input[type=submit] { /* The submit button */
		background: url(images/search_submit.png) no-repeat;
		border: none;
		height: 27px; width: 27px;
		text-indent: -9999px;
		padding: 0;
		opacity: 0.75;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
		transition: opacity .15s linear;
	}
	
	#search input[type=submit]:hover {
		opacity: 1;
	}
	
	.opera #search input[type=submit] { margin-bottom: 5px; } /* Opera fix */

	
	/* Header > Menu */
	
	.menu {
		float: right;
		position: absolute;
		bottom: -1px; right: 0;
	}

	.menu li { 
		float: left;
		margin-right: 20px;
		position: relative;
		padding-bottom: 2px;
	}
	
	.menu li a {
		color: #999586; 
		font: bold 16px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-shadow: #ece7d9 1px 1px 0; 
		padding-bottom: 4px;
	}
	
	.menu li a:hover, li.current-menu-item a {
		color: #423f37;
		text-decoration: none;
	}
	
	.current-menu-item { 
		background: url(images/current_page_item.gif) no-repeat center bottom; /* The current page item */
	}
	
	
	/* Level 2 and 3 */
	ul.sub-menu {
		background: #423f37;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 5;
		display: none;
	}
	
	.menu li:hover > ul {
		display: block;	
	}
	
	ul.sub-menu li {
		min-width: 160px;
		margin-right: 0;
		padding: 0;
	}
	
	ul.sub-menu a {
		border-bottom: 1px solid #ccc;
		color: #bbb9ae;
		display: block;
		padding: 15px 5px;
		text-shadow: none;
	}
	
	ul.sub-menu li a:hover, .sub-menu .current-menu-item a {
		background: #312F28;
		color: #fff;
	}

/* Content */
	
#content {
	background: #fff;
	border: 1px solid #cecbc4; 
	padding: 50px 19px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#main {
	width: 600px;
}

#main.alignright { margin-right: 5px; }

#main.full {
	width: 920px;	
}

/* Posts */

.post {	
	border-bottom: 1px solid #dfdcd7;
	margin-bottom: 30px; 
	position: relative;
}

.single .post {
	margin-bottom: 10px;
} 

.more-link {
	font-style: italic;
}
	
	/* Post meta */
	.post-meta {
		margin: 50px 0 30px;
		overflow: hidden; 
	}
	
	.single .post-meta {
		margin-top: 10px;
	}
	
	.post-meta p {
		line-height: 24px;
		margin: 0;
		max-width: 400px;
		opacity: 0.75;
		-webkit-transition: all .5s linear;
		-moz-transition: all .5s linear;
		transition: all .5s linear;
	}
	
	.post-meta p:hover {
		opacity: 1; 
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px; 
	}
	
	/* Comments number */
	.comments-number a {
		background: url(images/icons/speech_bubble_48.png) no-repeat; 
		color: #242323;
		font-size: 16px;
		font-weight: bold;
		width: 48px; height: 48px; 
		line-height: 40px;
		text-align: center;
		position: absolute;
		top: 0; right: 0;
	}
	
	/* Author box */
	.author-box {
		background: #F1F1F1 url(images/icons/pencil.png) no-repeat 95% center;
		padding: 20px;
		margin: 0 0 30px;
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;		
		border-radius: 3px;			
	}
	
	.author-box h4 {
		color: #242323;
		font-size: 18px;
		margin-bottom: 5px;
	}
		
	.author-box img { float: left; }
	.author-box div { padding: 0 75px; }
	
	/* Related posts */
	
	.related ol { margin-left: 30px;}

	.related {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.related ul {
		text-align: center;
	}
	
	.related ul li {
		float: left;
		margin-right: 10px;
	}
	
	.related img { margin-right: 0; }
	
	.related img, .related span {
		background: #F1F1F1;
		border: 1px solid #e7e7e7;
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;		
		border-radius: 3px;	
	}
	
	.related span {
		display: block;
		width: 100px; height: 100px;
		padding: 5px;
	}
	
	.related a:hover { text-decoration: none; }
	
	/* Social icons */
	
	.social {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.social h3, 
	.related-posts h3,
	.related-posts-thumbs h3 {
		margin-top: 0;
	}
	
	.social li {
		float: left;
		margin-right: 10px;
	}
	
	.social a:hover {
		text-decoration: none;
	}
	
	/* Author page */
	
	.author-head img {
		margin-right: 10px;
	}
	
	.author-head h3, .author-head p {
		margin: 0;
	}
	
	.author-info dl { clear: both; }
	
	.youtube-author {
		clear: both;
		padding-top: 30px;
		overflow: hidden;
	}
	
	.youtube-author h4 {
		color: #242323;
	}
	
	.author .youtube-video {
		float: left;
		margin: 0 20px 20px 0;
	}
	

/* Sidebar */
#sidebar {
	width: 280px;
}
	/* Sidebar widget */
.widget { 
	border-bottom: 1px solid #dfdcd7;
	margin-bottom: 30px; padding-bottom: 30px;
	overflow: hidden; 
}
.widget p { line-height: 18px;}
.widget ul li {
	background: url(images/list_item.png) no-repeat left 12px; 
	font-size: 13px;
	line-height: 28px;
	margin-left: 10px;
	padding-left: 15px;
}



	/* Banners */
	ul.abandu-ads li { background: none; float: left;  margin: 0 10px 10px 0; padding: 0; } 
	ul.abandu-ads li img { border: 1px solid #ccc8c1; padding: 3px; }
	ul.abandu-ads li.odd { margin-right: 0; }
	
/* Footer */

#footer {
	color: #999586;
	margin: 20px 20px 50px;
	overflow: hidden;
}	

#footer a { color: #423f37; }

#footer-cols {
	overflow: hidden;
	margin-top: 20px;
}

.footer-col {
	float: left;
	width: 215px;
	margin: 0 20px 20px 0;
}

.footer-col ul { margin-left: 25px; list-style: disc;}
.footer-col li { line-height: 26px; }



/* Comments */

#comments {  }

#comments h3 {
	padding: 10px 0 0 60px;
	height: 48px;
	line-height: 40px;
	margin-bottom: 10px;
}

#comments /*h3*/.comments {
	background: url(images/icons/comment.png) no-repeat left center;
}

#respond h3 {
	background: url(images/icons/pencil.png) no-repeat left center; 
}

/* Comment list */

.commentlist {
	border-top: 1px solid #dfdcd7;
	margin-bottom: 30px;
}

.commentlist li {
	background: #fff;
	border-bottom: 1px solid #dfdcd7;
	overflow: hidden;
	padding: 20px 10px;
}

.commentlist .odd { background: #f9f9f9; } /* Every 2. comment */

.pings li { margin-left: 20px; list-style: square; }


	/* Level 2 */
	.commentlist .children {
		margin-top: 70px; 
	}
	
	.commentlist .children li { 
		border: 1px solid #e7e7e7;
		margin: 0 0 20px;
		padding: 20px;
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;		
		border-radius: 3px;	
	}
	
	.commentlist .children .depth-3, .commentlist .children .depth-4 {
		margin-bottom: 0px;	
	}
	
	
	/* Admin / Post author hightlighting */
	.commentlist .comment-author-admin, .commentlist .bypostauthor {
		border-bottom: 1px solid #dae7f4;
		background: #F2F7FC;
	}
	
	.commentlist .children .comment-author-admin, .commentlist .children .bypostauthor {
		border: 1px solid #dae7f4;
	}

	/* Commenter info */
	.commentlist .comment-author {
		font-size: 14px; 
	} 
	
	.commentlist .avatar {
		float: left;
		margin: 0 15px 15px 0;
	}
	
	.commentlist cite {
		font-style: normal;
	} 
	
	.commentlist .comment-meta {
		font-size: 11px;
	}
	
	.commentlist li p {
		clear: both;
		margin: 0 50px 20px 0;
	}
	
	.commentlist .reply {
		float: right; 
	} 
	
	.comment-nav {
		overflow: hidden;
	}
	
	/* .commentlist .says { display: none; } */ /* Remove the "says" after a persons name */
 
/* Comment form */

#respond p {
	margin-bottom: 20px; 
	position: relative;
}

.comment-notes {
	color: #999;
	font: 16px Georgia, "Times New Roman", Times, serif;
}

.required {
	display: none;
}

/* Forms */

label {
	display: block;
}

#respond label {

}

input[type="text"], input[type="password"], textarea {
	border: 1px solid #e7e7e7;
	color: #888; 
	font-family: Verdana, Arial, sans-serif;
	padding: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus {
	border: 1px solid #ccc;
	color: #111;
}

input[type="submit"]  { 
	background: #fbfbfb url(images/btn.png) repeat-x left bottom;
	border: 1px solid #e7e7e7;
	color: #333; 
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 7px 18px;
	cursor: pointer; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#respond input[type="submit"] {
	padding: 10px 24px;
}

textarea {
	font-size: 12px;
	overflow: auto;
	width: 75%;
}

/* Images */

img.alignleft, img.alignright, img.aligncenter, .wp-post-image, img.avatar, .gallery img {
	background: #F2F2F2;
	border: 1px solid #ccc;
	padding: 5px;
}

img.alignleft, .wp-post-image {
	margin-right: 20px;
}

img.alignright {
	margin-left: 20px;
}

img.aligncenter {
	margin: 20px 0;
}

img.avatar, .related-posts-thumbs img {
	padding: 3px;
}

.wp-post-image { float: left; }

.gallery img { border: 1px solid #ccc8c1!important; padding: 5px!important; }
.gallery .gallery-item { margin-bottom: 35px!important; }

.wp-caption, .article-image {
	background: #F2F2F2;
	border: 1px solid #ccc8c1;
	clear: both;
	padding: 10px 0 10px;
	text-align: center;
	margin: 10px auto;
}
.wp-caption p, .article-image p {
	margin: 10px 0 0;
}



/* Text shadows */
.btn, a.btn, .post-meta p, .reply a, input[type="submit"]  { text-shadow: #fff 1px 1px 0; }
#footer h4 { text-shadow: #ece7d9 1px 1px 0; }
	
/* Misc */

.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }

.last { border-bottom: none!important; margin-right: 0!important; }


	/* Errors, warnings and so on - Example usage: <p class="error">Error! Message</p> */
	.error, .warning, .download, .success, .box, .tip { padding: 5px 20px 5px 45px; border-left: none!important; border-right: none!important; }
	
	.error{
		background: #ffebe8 url(images/icons/delete.png) no-repeat 15px center;
		border: 2px solid #C00;
	}
	.warning {
		background: #fff6bf url(images/icons/exclamation.png) no-repeat 15px center;
		border: 2px solid #ffd324;
	}
	.download {
		background: url(images/icons/disk.png) no-repeat 15px center;
		border: 2px solid #b5d4fe;
	}
	.success {
		background: #e7f7d3 url(images/icons/accept.png) no-repeat 15px center;
		border: 2px solid #6c3;
	}
	.box {
		background: #efefef;
		border: 2px solid #d0d0d0;
		padding-left: 15px;
	}
	.tip {
		background: url(images/icons/information.png) no-repeat 15px center;
		border: 2px solid #b5d4fe;
	}
	

/* Tables */

table {	
	border: 1px solid #e7e7e7; 
	width: 100%;
	margin: 20px 0;
}

	table caption {
		text-align: left;
		line-height: 40px;
	}
	
	thead th {
		background: #EAEAEA;
		border: 1px solid #e7e7e7;
		font-size: 12px;
	}
	
	tbody td { 
		background: #fcfcfc;
		border: 1px solid #e7e7e7;
		font-size: 12px;
		padding: 10px;
		text-align: center;
	}


	
/* Wordpress stuff */


/* CSS for the WP-PageNavi plugin*/

.wp-pagenavi {
	color: #8F8F8F;
	clear: both;
	font-size: 12px;
	margin-bottom: 40px;
	text-align: right
}
.wp-pagenavi a, .wp-pagenavi .current {
	border: 1px solid #d3d0ca;
	color: #c32404; 
	margin-left: 3px;
	padding: 3px 7px;
	text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi .current { color: #242323; }
.wp-pagenavi .pages { float: left; }

.navigation { overflow: hidden; }

/* WP-Calender */
#wp-calendar { background: #F2F2F2; border: 1px solid #ccc8c1; }

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-bottom: 5px;
	text-align: center;
	width: 100%;
}

#wp-calendar th { padding-top: 5px; font-style: normal; text-transform: capitalize;}
#wp-calendar {
	empty-cells: show;
	margin: 10px;
	width: 200px;
}

#wp-calendar #next a { padding-right: 10px; text-align: right;}
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar td a { display: block;}
#wp-calendar td { padding: 3px 0; text-align: center;}


/* IE6 warning */
.ie-warning { margin-bottom: 20px; position: relative; }
.ie-warning .close {
	background: url(images/icons/cross.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 16px; width: 16px;
	text-indent: -9999px;
	position: absolute;
	top: 5px; right: 5px;
}
.ie-warning h5 { margin-top: 8px;}
.ie-warning p { margin-bottom: 10px;}