/*
Theme Name: A house on the hill V1.0
Theme URI: http://www.ahouseonthehill.com
Description: Designed by <a href="http://www.karebou.com" title="Karen Rubado">Karen Rubado</a>
Version: 0.1 
Author: Karen Rubado
Author URI: http://www.karebou.com


TOC ---------------------------

>1: RESET
>2: DEFAULT CLASSES
>3: ACCESSIBILITY
>4: DEFAULT STYLES
	>4a: Colours, Sizes, Etc
>5: LAYOUT STYLES
>6: GENERAL STYLES
>7: FORM STYLES
>8: PAGE SPECIFIC STYLES
	>8a: Home page
	>8b: Category Page
	>8c: Product Page
>9: SNIPPETS

*/

/* -- >1: RESET (Resets styles to common format across browsers) ---------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline:none;}

/* -- >2: DEFAULT CLASSES (Commonly used classes) -------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.large{ font-size: 1.1em;}
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.imgRight {float: right; margin: 0 0 0.2em 1em;}
.imgLeft {float: left; margin: 0 1em 0.2em 0;}
.clear { clear: both; }
.hide { display: none; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- >3: ACCESSIBILITY (Quick access for screen readers)------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

/* -- >4: DEFAULT STYLES (Default element styles)--------------------------------------------------------------------- */
/* >4a: colours, sizes, etc of elements */
html, body {
	text-align: left;
	}

body {
	background:#ccebfb;
	font: 62.5%/2.4 Lucida Sans Unicode, Lucida Grande, Trebuchet, 'Helvetica', sans-serif; /* set font size to 10px/1em(a nice round number) - 1.4 line height */
	color:#333;
	}

blockquote {
	border-left: 1px solid #8897a9;
    color: #cbcbcb;
	font-size: 1.00em;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 30px;
}

a {
	color: #5e7309;
	text-decoration:none;
	}

	a:hover {
		text-decoration:underline;
		}
		
code {  
	background: #181818;
	border: 1px solid #444;
	color: #adadad;
	padding: 10px;
	text-align: left;
	}

h1, h2, h3, h4 {
	color: #264e68;
	font-weight: normal;
	font: 2.4em Trebuchet, Trebuchet MS, 'Helvetica', sans-serif;
	margin:0;
	padding:0;
	}
	
	h1 a {
		color: #264e68;
		}
		
h2  {
	color:#273f5a;
	font-size: 2.4em;
	}

h3  {
	color: #54661e;
	font-size:2.0em;
	}

#content h4 {    
	color: #5f3530;
	font-size:1.8em;
	margin:5px 0 20px 68px;
	line-height:1.8em;
	background:url(images/border-brown.png) repeat-x bottom left;
	}

img, a img {
	border: none;
    }

#content {
	font-size:1.3em;
	line-height:2.0em;
	}

p {
	margin:15px 0;
	}
	
#footer p {
	letter-spacing:.1em;
	color: #fff;
	margin-left:38px;
		}
		

#footer a {
	color: #fff;
	}

/* -- >5: LAYOUT STYLES (Core site structure and layout)-------------------------------------------------------------- */

#header-wrap {
	background:#dff2fc url(images/header-bg.png) repeat;
	height:420px;
	border-bottom:1px solid #8c4b33;
	}
	
	#header-shadow {
		background:#ccebfb url(images/shadow.png) repeat-x;
		}
	
	#header {
	height: 421px;
	width:982px;
	}
	.tagline-placement {
		top:0;
		float:right;
		}
	
	.logo-placement {
		float:left;
		margin:8px 0 0 57px;
		}
		
	.photo-placement {
		float:right;
		margin-right:3px;
		}
	
	.plan-placement {
		float:left;
		margin:-315px 0 0 30px;
		}
	.palm-placement {
		float:left;
		margin:-270px 0 0 -470px;
		
		}	#logo a {
		position:absolute;
		top:0px;
		left:38px;
		width:328px;
		height:107px;
		text-decoration:none;
		}
		
		#logo h2 {
		visibility:hidden;
		}

.tagline {
	margin-left:520px;
	float:left;
	}

.logo {
	width:365px;
	height:107px;
	float:left;
	margin:0;
	padding:0;
	}
			
#top {
	float:left;
	margin-left:485px;
	}
	
	ul.topmenu {
    background: transparent;
    float: left;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	}

	.home-btn {
		float:left;
		margin:24px 0 0 111px;
		}
		
			
	.about-btn {
		margin:24px 0 0 20px;
		float:left;
		}
				
	.resources-btn {
		margin:24px 0pt 0pt 17px;
		float:left;
		}
			
	.photos-btn {
		margin:24px 0pt 0pt 12px;
		float:left;
			}


#wrapper {
	float: left;
	margin: 0;
	padding: 0;
	width:753px;
	}

#content {
	width:663px;
	}

.post {
	margin-left:38px;
	}
	
.entry {
	margin-left:30px;
	line-height:1.8em;
	margin-top:15px;
	}
	
#response {
	margin:20px 0 0 38px;
	}

#comment {
	background: #89b3c8;
	border-bottom: 1px solid #6d94a9;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	padding: 2px;
	vertical-align: middle;
	width: 62em;
	}

#commentform p {
	margin:0px;
	}

.commentbody {
	margin: 10px 0 10px 0;
	padding: 10px;
	background:#b1d7ea;
	border-bottom:1px solid #89b3c8;
	width:46em;
	font-size:1.3em;
	}
	
	.commentbody p {
		margin:0px;
		}

.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-size: 24px;
	font-weight: bold;
	color: #444;
	float: right;
	}

#email, #author {
	border: 1px solid #555555;
	color: #cbcbcb;
	padding-left: 5px;
	vertical-align: middle;
	}

#url {
	border: 1px solid #555555;
	color: #cbcbcb;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
	}

#submit {
	font: 1.2em Trebuchet, Trebuchet MS, 'Helvetica', sans-serif;
	background: #264e68;
	color:#fff;
	padding:2px;
	border-bottom:1px solid #143547;
	border-top:0px;
	border-right:0px;
	border-left:0px;
	}

#footer {
	background: #143547;
    border-top: 1px solid #fff;
	height:50px;
	margin-top:20px;
	}
	
#sidebar {
        width: 226px;
        text-align: left;
        float: left;
        margin: 20px 0px 30px 0px;
        padding: 0;
        }

	#sidebar ul {
		list-style: none;
		}

		#sidebar li{
			display: block; 
			}
			
			#sidebar li.cat-item, #recent-posts li {
				background:url(images/list-icon.png) no-repeat 0% 50%;
				padding-left:15px;
				border-bottom: 1px solid #a5b6bf;
				}
				
				#sidebar li.cat-item a, #recent-posts li a {
					color:#333;
					text-decoration:none;
					}
					
					#sidebar li.cat-item:hover, #recent-posts li:hover {
						background:#c4d4dc url(images/list-icon.png) no-repeat 0% 50%;
						}
	#recent-posts, li#search {
		margin-top:20px;
		}
.border {
	background:url(images/border.png)repeat-x;
	}
.postmetadata {
	background:url(images/border.png) repeat-x bottom left;
	}	

	
/* -- >8: PAGE SPECIFIC STYLES -------------------------------------------------------------- */

/* -- >8A: POSTS -------------------------------------------------------------- */
.post h1 {
	background:url(images/palm.png) no-repeat;
	vertical-align:bottom;
	height:59px;
	padding:30px 0 0 30px;
	margin:7px 0 -30px 0;	
	}