/*
Theme Name: Thistle Guest House
Description: Template for Thistle Guest House Redesign
Version: 1.0
Author: Andy Truman
Author URI: http://www.zoomroom.co.nz
*/

/*
----------------
General elements
----------------
*/

.customcontactform label{width: 100%;display:block}
.customcontactform input{width:300px;}
.customcontactform textarea{width:300px;}
/*******
 * The ground basics
 *******/

body {padding: 0px; margin: 0px; color: #333333; background:#fff url('images/bg.jpg') top left repeat-x; font:75% Arial,Helvetica,"Arial Unicode MS","Lucida Sana Unicode", sans-serif; text-align:center; }
img { border:0px; display:block; }
form { margin:0px; }
table { font-size:1em; }
ul { margin:0; padding-left:40px; line-height:1.25em; }
li { margin: 0.1em 0 0; padding:0; }
h1 { font-size: 173%; margin:0; color:#c06; }
h2 { font-size: 144%; border-bottom:1px dotted #C30; color:#d53c0f; }
h3 p { color:#c06; }
h3 { font-size: 16px; margin-bottom:.8em; margin-top:0px; color:#c06; }
h4 { font-size: 12px; color:#d53c0f; line-height:22px; }
h5 { font-size: 16px; font-weight:bold; color:#000;}
p { text-align:left; margin: 0.6em 0 0; line-height:1.6em; }
em { color:#d53c0f; }
a { color:#c06; text-decoration:none; }	
a:hover { color:#f35c30; text-decoration:none; }
/* end common */

#wrap{ width:980px; margin:0 auto; text-align:left; }
#top{ width:980px; height:110px; }
#top img{ margin: 30px 0 0 0px; }	
#contentmain{ width:980px; margin:0px; padding-top:20px; }

.left{ width:200px; height:365px; float:left; margin:0px; border:15px solid #FFFFFF; background:#f1e4ad; padding:0px 15px 15px 15px; }
.left p { line-height:1.35em; }
.left p a { font-size:11px; color:#000; text-decoration:underline; font-weight:normal; }
.slideshow{ width:714px; height:412px; margin:0px; float:right; background: url(images/bg_banner.png) top right no-repeat; }	
.slideshow img{ margin: 15px 0px 0px 25px; }
.entry{ clear:both; width:940px; padding:20px 0px 20px 0px; margin-left:15px; }

#menu { width:940px; height:45px; clear:both; float:left; background:url(images/menubg.jpg) repeat-x; text-transform:uppercase; letter-spacing:1px; margin-left:15px; }
#menu ul { margin: 0; padding: 6px 0 0 12px; list-style-type: none; }
#menu li { display: block; float: left; }
#menu a { color:#363; display:block; float:left; padding:3px 14px 0px 14px; text-decoration:none; font-weight:bold; font-size:14px; }
#menu a:hover { color: #c06; text-decoration: none; }
#menu .current a { color: #c06; }

.slideshowright{ border:#f1e4ad 5px solid; margin:20px 0px 0px 20px; float:right; }	

#base{ width:auto; height:100px; margin:0px auto; font-size:11px; text-align:left; color:#363; background:#ffffff url(images/basebg.jpg) repeat-x; padding:5px; }
#base a{ color:#363; text-decoration:none; }
#base a:hover{ color:#8b825e; text-decoration:none; }
.copyright{ width:980px; margin:0px auto; text-align:left; padding-bottom:20px; }
.copyright span { display:block; padding-left:15px; padding-top:5px; }

#basemenu { width:980px; margin:0px auto; text-transform:uppercase; letter-spacing:1px; padding-bottom:20px; position:relative; }
#basemenu ul div ul { position:absolute; top:-64px; left:15px; padding:0px; white-space:nowrap;  }
#basemenu ul div ul li { display:block; float:left; list-style-type:none;  }
#basemenu a { display:block; float:left; color:#363; margin-right:10px; text-decoration:none; font-weight:bold; font-size:12px; }
#basemenu a:hover { color: #c06; text-decoration: none; }


	/*-------Book Now */
	
.booknow{
	width:120px;
	height:30px;
	background:url(images/booknow.png) no-repeat;
	color:#c06;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	padding-top:6px;
	font:14px "Trebuchet MS", Tahoma, Arial;
}
.booknow a{ color:#c06;
	text-decoration:none;
}

.booknow a:hover{ 
	color:#363;
	text-decoration:none;
}

/*******
 * Code displays
 *******/

pre, code, kbd, var, samp {
	font-family: Consolas, 'Courier New', Courier, monospace;
	font-size: 0.9em;
	line-height: 1.2em;
}

pre, blockquote {
	margin: 1em 0;
	border: 1px solid #060;
	border-left-width: 4px;
	padding: 0.5em 1em;
}

pre { overflow: auto; }


/* WordPress 2.5 visual editor CSS classes */
img.aligncenter {
	display: block;
	margin: auto;
}

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

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

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

/*******
 * Forms
 *******/

input, textarea, button {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	background: #fff url('images/bg_textbox.gif') left top repeat-x;
	border: 1px solid #ccc;
    margin:10px 0px;
}

input:focus, textarea:focus, button:focus {
	border-style: dashed;
}

input, button {
	height: 20px;
	padding: 1px 5px;
    margin:10px 0px!important;
}

input[type="button"], input[type="reset"], input[type="submit"], button {
	font-weight: bold;
	height: 24px;
	background-image: url('images/bg_button.gif');
	background-position: left bottom;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover {
	background-image: none;
}

/*
 * Once IE sees a selector it doesn't recognize, the WHOLE
 * rule is ignored per W3C specs, so we have to repeat it.
 */
input.button, button {
	font-weight: bold;
	height: 24px;
	background-image: url('images/bg_button.gif');
	background-position: left bottom;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
}

input.button:hover, button:hover {
	background-image: none;
}

textarea {
	width: 100%;
}

.searchform { float: left; width: 100%; }

#searchform p { float: left; width: 100%; }
#searchform .s { float: left; width: 65%; }
#searchform .searchsubmit { float: right; width: 25%; }

#notfound-searchform p { float: left; width: 100%; }
#notfound-searchform .s { float: left; width: 75%; }
#notfound-searchform .searchsubmit { float: right; width: 15%; }





/*******
 * Everything else
 *******/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center .screenshot { display: block; text-align: center; margin: auto; }
abbr, acronym, dfn { border-bottom: 1px dotted; }
blockquote { color: #060; border-width: 0 0 0 4px; }


#blog-title, #blog-desc {
	width: 400px;
	height: 150px;
	overflow: hidden;
}

#blog-title {
	float: left;
	font-size: 3.4em;
	font-weight: normal;
	line-height: 150px;
	padding-left: 25px;
}

#blog-title a { color: #816bc9; border: 0; }
#blog-title a:hover, #blog-title a span { color: #a581f1; }

#blog-desc {
	float: left;
	position: relative;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.2em;
	text-align: right;
	color: #d09ffa;
	margin: 0;
}

#blog-desc span {
	position: absolute;
	right: 0;
	bottom: 0;
}



/*******
 * Content
 *******/

#content {}
div.page-edit { display:none; }

.post-content, .post-meta { min-height: 150px; }
* html .post-content, * html .post-meta { height: 150px; }

.post, .page { }

.post-content, .page-content {}

.post-content {
	float: right;
	width: 410px;
}

.post-meta {
	float: left;
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0;
	padding: 10px;
}

.post-sep {
	clear: both;
	margin: 1em 0;
	visibility: hidden;
}

/*******
 * Sidebar
 *******/

#sidebar {
	position: relative;
	float: right;
	z-index: 0;
	width: 230px;
	font-size: 0.8em;
	color: #fff;
	padding: 10px;
}

#sidebar .xoxo { background: #dfc6fd url('images/bg_sidebar.gif') center top repeat-y; margin: 0; padding: 5px; }
#sidebar .widget { padding: 0 0.5em; }
#sidebar .sidebar-top { height: 15px; background: #dfc6fd url('images/bg_sidebar_top.gif') center top no-repeat; }
#sidebar .sidebar-bottom { height: 42px; background: #dfc6fd url('images/bg_sidebar_bottom.gif') center bottom no-repeat; }


/*
-------------------
Inside both columns
-------------------
*/

/*******
 * Content
 *******/

.title { font-weight: normal; line-height: 1em; }
.search-terms { font-style: italic; }

.post-title, .page-title, .more-link, #sidebar h2 {
	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;
	font-variant: small-caps;
	font-weight: bold;
}

.post-title, .page-title {
	font-size: 2em;
	line-height: 1em;
	color: #060;
	margin: 0;
	margin-bottom: 0.5em;
}

.post-body, .page-body {}

* html .post-body, * html .page-body { overflow: hidden; }
* html .post-body img, * html .page-body img { position: relative; }

.more-link {
	clear: both;
	display: block;
	text-align: right;
	font-size: 1.2em;
	border: 0 !important;
}

.more-link span { border-bottom: 1px dashed #a581f1; }
.more-link:hover span, .more-link:active span { border: 0; }

ul.post-meta li {
	padding-left: 3px;
}

div.post-meta {
	text-align: center;
}

.post-date {
	list-style-image: none;
}

.post-date, .post-date * {
	display: block;
	margin: 0;
	padding: 0;
}

.post-date {
	height: 65px;
	text-align: center;
	background: transparent url('images/bg_date.gif') center center no-repeat;
}

.post-date-month {
	line-height: 18px;
	text-transform: uppercase;
	color: #fff;
}

.post-date-day {
	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;
	font-size: 2.5em;
	line-height: 25px;
	color: #d0a3fb;
}

/*
Icons for different post information
*/

li.post-author { list-style-image: url('images/post_author.gif'); }
li.post-comments { list-style-image: url('images/post_comments.gif'); }
li.post-categories { list-style-image: url('images/post_categories.gif'); }
li.post-tags { list-style-image: url('images/post_tags.gif'); }
li.post-edit { list-style-image: url('images/post_edit.gif'); }

/*
Asides
*/

/* Gee, that's a lot of classes to select */
.category-asides, .category-aside, .aside, 
.category-asides .post-content, .category-aside .post-content, .aside .post-content, 
.category-asides .post-content .post-body, .category-aside .post-content .post-body, .aside .post-content .post-body {
	display: block;
	float: none;
	width: auto;
	height: auto;
	min-height: 0;
	background: none;
	margin: 0;
	padding: 0;
}

.category-asides, .category-aside, .aside {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #d0a3fb;
}

.category-asides *, .category-aside *, .aside * {
	display: none;
}

.category-asides .post-content .post-body, 
.category-aside .post-content .post-body, 
.aside .post-content .post-body {
	margin: 0 3em;
	padding: 10px;
	background: #fff url('images/bg_aside.gif') left top repeat-y;
}

.category-asides .post-content .post-body *, 
.category-aside .post-content .post-body *, 
.aside .post-content .post-body * {
	display: inline;
}

/*
Comments
*/

.comments, .comments .children {
	list-style: none;
	margin: 0;
}

.comments li {
	position: relative;
	min-height: 62px; /* Expand to fit gravatars in at least */
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
}

.comments .children li {
	margin: 20px;
}

.comments li.even { background-color: #fff; }
.comments li.odd { background-color: #fbf6ff; }
.comments li.bypostauthor { background-color: #eee4ff; }
* html .comments { height: 62px; }

.comment-author .author-name {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
}

.comment-author .avatar {
	float: left;
	margin-right: 0.5em;
}

.comment-meta .c-number {
	position: absolute;
	top: -0.2em;
	right: 0.2em;
	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;
	font-size: 5em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2em;
	color: #eee4ff;
}

.comments li.bypostauthor .c-number {
	color: #fff;
}

.comment-unapproved {
	font-weight: bold;
	color: #c00;
	margin-top: 1em;
}

.comment-body {
	margin-top: 2em;
}

#respond {
	margin: 5px;
}

#respond h3 {
	clear: both;
}

/* Post and comment navigation */
.post-nav p, .comment-nav p { max-width: 50%; }
.post-nav .prevpage, .comment-nav .prevpage { float: left; }
.post-nav .nextpage, .comment-nav .nextpage { float: right; }

/*******
 * Sidebar
 *******/

#sidebar h2 {
	font-size: 1.7em;
	line-height: 1.5em;
	text-align: right;
	border-bottom: 1px dashed #fff;
	padding: 0.1em 0;
}

#sidebar h2 a {
	color: #fff !important;
	border: 0;
}

#sidebar h2 img {
	display: none;
}

#sidebar a:hover, #sidebar a:active {
	color: #fff;
}

#sidebar .widget_links .xoxo {
	padding: 0;
}
#maintbl { margin:0px auto; font-size:14px; }
.capt { display:block; font-size:12px; padding-top:10px; color:#666; }
form.Thistle { margin:0px auto!important; }
form.Thistle h4 { margin-bottom:20px!important; }
#ccf-form-success { width:300px; height:160px; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-80px; background:#fff; border:2px solid #666!important; }
#ccf-form-success p { padding:20px; }
#ccf-form-success h5 { padding:10px 0px; }
#ccf-form-success div a { display:none; }