/*   
Theme Name: KerryOgden
Theme URI: http://peterheide.com
Description: A theme by <a href="http://peterheide.com">Peter Heide</a> for <a href="http://kerryogden.com>Kerry Ogden</a>.
Version: 1.0
Author: Peter Heide
Author URI: http://peterheide.com
Tags: brown, green, pink, tan, two-columns, fixed-width, left-sidebar

	KerryOgden 1.0
	
	This theme was designed by Patrick Craig, and
	developed by Peter Heide for Kerry Ogden.
	
	The CSS, XHTML and design Copyright 2009.
	All Rights Reserved.

*/

/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, textarea, form {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/* End browser reset */

body {
	/* background: #a6b063 url("./images/background.gif") repeat-x 0 0; */
	background: #c4d09e url("./images/background.gif") repeat-x 0 0;
	color: #2c2f19;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%; /* gives us a base size of 10px */
	}


/* Structure */

#wrapper {
	background: transparent url("./images/header.gif") no-repeat 15px top;
	margin: auto;
	padding: 0 20px 0 20px;
	position: relative;
	width: 941px;
	}


/* Text */

h1, h2, h3, h5, h5, h6 {
	font-family: Georgia, serif;
	font-weight: normal;
	}

h1 {
	font-size: 3.6em;
	margin-bottom: 0.5em;
	}

h2, .single h1 {
	font-size: 2.4em;
	margin-bottom: 0.5em;
	}

h3, .single h2 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	}

h4, h5, h6, p, ul, ol, address, blockquote, dl, table {
	font-size: 1.3em;
	line-height: 1.65em;
	margin-bottom: 1.65em;
	}
	
h3#comments {
	padding: 0;
	margin: 40px auto 21px ;
	}

ol, ul {
	margin-left: 16px;
	margin-top: -0.85em;
	}
	
a {
	color: #a71e1e;
	font-weight: normal;
	text-decoration: underline;
	}
	
a:visited {
	color: #731515;
	}

p.pagemetadata {
	margin-bottom: 0;
	}

p.margin-eraser {
	margin-top: -1.65em;
	}

p.last {
	margin-bottom: 0;
	}

/* Header */

#header {
	margin-bottom: 42px;
	}

#brand {
	background: transparent url("./images/logo.gif") no-repeat left 33px;
	display: block;
	font-family: Georgia, serif;
	height: 95px;
	margin-left: 0;
	margin-top: 0;
	overflow: hidden;
	text-indent: -999px;
	width: 269px;
	}

#navmenu {
	display: inline;
	float: right;
	margin-right: 2px;
	margin-top: 62px;
	}

#navmenu ul, .submenu ul {
	font-size: 1.0em;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	margin-top: 0;
	}
	
#navmenu li {
	display: inline;
	padding-left: 22px;
	}
	
#navmenu a, .submenu a {
	color: #4c351b;
	font-family: Georgia, serif;
	font-size: 1.7em;
	text-decoration: none;
	}

#navmenu a {
	letter-spacing: 0.15em;
	}
	
#navmenu.home .nav_home a,
#navmenu.about .nav_about a,
#navmenu.experiential .nav_about a,
#navmenu.relational .nav_about a,
#navmenu.mindful .nav_about a,
#navmenu.philosophical .nav_about a,
#navmenu.services .nav_services a,
#navmenu.individuals .nav_services a,
#navmenu.couples .nav_services a,
#navmenu.contact .nav_contact a,
.submenu.about .nav_about a,
.submenu.experiential .nav_experiential a,
.submenu.relational .nav_relational a,
.submenu.philosophical .nav_philosophical a,
.submenu.mindful .nav_mindful a {
	color: #A6B063;
	}

#submenus {
	border-bottom: 1px solid #543b22;
	margin: 20px 0 36px 0;
	padding-bottom: 12px;
	text-align: center;
	}
	
.submenu ul {
	padding-left: 22px;
	margin-bottom: 10px;
	margin-top: 0px;
	}
	
.submenu li {
	display: inline;
	padding-right: 22px;
	}

/* Content */

.blogpage {
	margin-left: 220px;
	padding: 16px;
	width: 682px;
	}
	
* html .blogpage {
	margin-left: -8px;
	position: absolute;
}

.podframe {
	background: #fff;
	border: 1px solid #afac9b;
	}
	
#posts {
	padding: 26px 18px 38px 30px;
	}
	
.brown {
	background: #543b22;
	}
	
.peach {
	background: #f3f3e9;
	/* background: #ffe2d2; */
	/* background: #eddfd3; */
	}
	
.posttitle {
	border-bottom: 1px solid #543b22;
	margin-bottom: 8px;
	}

.posttitle h2 {
	margin-bottom: 8px;
	}

.posttitle a {
	color: #2c2f19;
	text-decoration: none;
	}

.postmetadata, .dateline {
	font-family: Georgia, serif;
	font-size: 1.3em;
	}

.dateline {
	margin-bottom: 24px;
	}

.dateline a, .postmetadata a {
	font-family: Arial, Verdana, sans-serif;
	}

.dateline a {
	font-family: Arial, Verdana, sans-serif;
	}

.insetright {
	display: inline;
	float:right;
	margin-left: 40px;
	}

.insetright h3 {
	color: #4c351b;
	margin-bottom: 0.3em;
	}

.insetright ul {
	margin-left: 0px;
	margin-top: 0px;
	}
	
.insetright li {
	list-style-type: none;
	list-style-image: none;
	}
	
/* Home Page */

.homepage {
	/*
	margin-left: 389px;
	padding: 16px;
	width: 518px;
	*/
	margin-left: 500px;
	width: 432px;
	}
	
* html .homepage {
	width: 432px;
	}

/* About Pages */
.aboutpage, .servicepage {
	margin-left: 392px;
	width: 500px;
	}

.contactpage {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	}

/* All Templates */
.homepage .podframe, .aboutpage, .servicepage, .contactpage {
	padding: 16px;
	}
	
.homepage #posts, .aboutpage #posts, .servicepage #posts {
	padding: 16px;
	}

.homepage .posttitle, .aboutpage .posttitle, .servicepage .posttitle {
	border-bottom: none;
	margin-bottom: 2.3em;
	}
	
/* Side Image */

#sideimage {
	display: inline;
	float: left;
	margin-top: -13px;
	margin-left: 0px;
	margin-right: -20px;
	position: relative;
	z-index: 1;
	}
	
#interior-sideimage {
	display: inline;
	float: left;
	margin-top: -13px;
	margin-left: 0px;
	margin-right: -20px;
	position: relative;
	z-index: 1;
	width: 380px;
	}
	
#sideimageframe.homepage {
	margin-left: 0px;
	padding: 11px;
	width: auto;
	}

#interior-sideimage .aboutpage, #interior-sideimage .servicepage {
	padding: 9px;
	height: 253px;
	width: 380px;
	}

.sideimage-about {
	background: #ffffff url("./images/headshot.jpg") no-repeat 9px 9px;
	}

.sideimage-experiential {
	background: #ffffff url("./images/dandelion.jpg") no-repeat 9px 9px;
	}

.sideimage-relational {
	background: #ffffff url("./images/stacked_stones_on_stony_beach.jpg") no-repeat 9px 9px;
	}

.sideimage-mindful {
	background: #ffffff url("./images/meditation.jpg") no-repeat 9px 9px;
	}

.sideimage-philosophical {
	background: #ffffff url("./images/buddhas.jpg") no-repeat 9px 9px;
	}

.sideimage-services {
	background: #ffffff url("./images/plant_in_crack.jpg") no-repeat 9px 9px;
	}

.sideimage-individuals {
	background: #ffffff url("./images/stacked_stones.jpg") no-repeat 9px 9px;
	}

.sideimage-couples {
	background: #ffffff url("./images/hearts_in_sand.jpg") no-repeat 9px 9px;
	}

/* Sidebar */

#sidebar {
	display: inline;
	float: left;
	position: relative;
	z-index: 1;
	}

#sidebarframe {
	padding: 16px 14px;
	width: 199px;
	}
	
#sidebarinner {
	padding: 16px 16px 2px 16px;
	}

#sidebar ul {
	font-size: 1.0em;
	margin-left: 0px;
	margin-top: 0px;
}

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

#sidebar, #sidebar li, #sidebar a {
	color: #fff;
	}

#sidebar h2 {
	font-size: 1.6em;
	letter-spacing: 0.15em;
	}
	
#sidebar ul li {
	margin-bottom: 1px;
	}

#sidebar ul ul {
	margin-bottom: 15px;
	}

#sidebar ul ul li {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	}

.navigation {
	display: block;
	font-size: 1.3em;
	line-height: 1.65em;
	}

.navigation-top {
	display: block;
	font-size: 1.3em;
	line-height: 1.65em;
	margin-bottom: 3.3em;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#footer {
	display: inline;
	float: left;
	text-align: center;
	}
	
#footer li {
	color: #4c351b;
	list-style-image: none;
	list-style-type: none;
	}
	
.footer-wide {
	background: transparent url("./images/footer_btm_l.gif") no-repeat left bottom;
	font-size: 0.8em;
	margin-left: 53px;
	margin-top: 0px;
	padding-bottom: 17px;
	width: 396px;
	}
	
.footer-medium {
	background: transparent url("./images/footer_btm_m.gif") no-repeat left bottom;
	font-size: 0.8em;
	margin-left: 12px;
	margin-top: 0px;
	padding-bottom: 17px;
	width: 375px;
	}
	
.footer-narrow {
	background: transparent url("./images/footer_btm_s.gif") no-repeat left bottom;
	margin-left: 11px;
	margin-top: 0px;
	padding-bottom: 17px;
	width: 207px;
	}
	
.footer-wide ul {
	background: transparent url("./images/footer_top_l.gif") no-repeat top left;
	margin-left: 0px;
	margin-top: 0px;
	}
	
.footer-medium ul {
	background: transparent url("./images/footer_top_m.gif") no-repeat top left;
	margin-left: 0px;
	margin-top: 0px;
	}
	
.footer-narrow ul {
	background: transparent url("./images/footer_top_s.gif") no-repeat top left;
	margin-left: 0px;
	margin-top: 0px;
	}
	
.footer-wide ul li, .footer-medium ul li, .footer-narrow ul li {
	color: #4c351b;
	font-family: Georgia, serif;
	font-size: 1.4em;
	line-height: 1.4em;
	}
	
.footer-wide ul li {
	padding: 21px 50px 16px 50px;
	}
	
.footer-medium ul li {
	padding: 21px 40px 16px 40px;
	}
	
.footer-narrow ul li {
	padding: 21px 19px 16px 19px;
	}
	
#copyright {
	font-family: Georgia, serif;
	clear: both;
	text-align: right;
	width: 100%;
	}

#copyright p {
	margin-bottom: 0px;
	margin-right: 21px;
	margin-top: 50px;
	}

#copyright a {
	font-family: Arial, Verdana, sans-serif;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
#searchform {
	padding-bottom: 21px;
	text-align: center;
	}

#searchform #s {
	width: 90px;
	padding: 2px;
	}

#searchsubmit {
	padding: 1px;
	margin-left: 5px;
	}
	
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
.thread-alt {
	background-color: #fff;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ccc;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Verdana, sans-serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Verdana, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.comment-link img {
	padding: 0 7px 3px 0;
	vertical-align: bottom;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */





.center {
	text-align: center;
	}
	
.screen-reader-text {
	position: absolute;
	left: -1000em;
	}

/* 
* Not really a default style, but this class is used in 
* every project. 
*/ 
.clear:after { 
	clear: both; 
	content: "."; 
	display: block; 
	font-size: 0; 
	height: 0; 
	visibility: hidden; 
	}
	
.clear {
	display: inline-table;
	}
	
/* Hide from IE/Mac \*/ 
* html .clear {
	height: 1%; 
	}

.clear {
	display: block;
	} 
/* Hide from IE/Mac */