/*
Theme Name: Karen Brown
Description: Custom design for katen-brown.co.uk
Version: 1
Author: Simon Pollard
Author URI: http://deckchair.co.uk
*/

/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}
* html a:hover {visibility:visible}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 33px;}  /* must be same height as the footer */

#footer {position: relative;
	height: 33px;
	margin-top: -33px; /* negative value of footer height */
	clear:both;}

/* CLEAR FIX*/
.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 */

/*
GENERAL
*/
body {
	background-color: #e7ecee;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(images/background.gif);
	background-position: center;
	background-repeat: repeat-y;
}
#wrap {
	background: url(images/header-bg-repeat.jpg) repeat-x top;
}
#main {
	background-color: #FFF;
}
.blue {
	color: #0e4b7b;
}
a {
	text-decoration: none;
	color: #1b75bb;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
a.rss {
	padding-left: 17px;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}
div#main {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
body.page-template-weight-php div#main {
	background-image: url(images/pages/karen_standing.jpg);
	background-repeat: no-repeat;
	background-position: right 260px;
}

/*
HEADER
*/
#header-content {
	background: url(images/header-bg.jpg) no-repeat;
	padding-top: 140px;
	height: 33px;
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
h1 {
	position: absolute;
	left: 15px;
	top: 24px;
}
h1 a {
	width: 226px;
	height: 101px;
	display: block;
	color: #000;
}
h1 a img {
	border: none;
	position: absolute;
	left: 0px;
	top: 0px;
}
#header_text {
	position: absolute;
	right: 19px;
	top: 76px;
	text-align: right;
}
#header_text p {
	color: #57b6dd;
}
#header_text p span {
	color: #1b75bb;
}
#header_text p.small {
	font-size: 15px;
	margin-bottom: 5px;
}
#header_text p.large {
	font-size: 18px;
}
#main_nav {
	background: url(images/links-bg.jpg) repeat-x #000;
	height: 33px;
	padding-left: 5px;
}
#main_nav ul li {
	list-style-type: none;
	float: left;
}
#main_nav ul li a {
	float: left;
	display: block;
	height: 25px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff; /* was 90b6d5 */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 700;
	font-size: 15px;
}
#main_nav ul a:hover {
	background: url(images/links-hover-bg.jpg) repeat-x;
	text-decoration: none;
}
#main_nav ul li.current_page_item a, #main_nav ul li.current_page_item a:hover, body.home ul li a.home_link, body.home ul li a.home_link:hover {
	background: url(images/links-selected-bg.jpg) #159af3;
	color: #FFF;
}

/*
INDEX
*/
#index_image_ban {
	background: url(images/index/pic-banner-bg.jpg) repeat-x;
	padding-top: 35px;
	height: 189px;
	padding-right: 450px;
	position: relative;
	text-align: right;
	color: #68bbde;
}
#index_image_ban p {
	font-size: 16px;
	margin-bottom: 20px;
	padding-left: 50px;
	width: 450px;
	color: #2a7ebf;
}
#index_image_ban h2, #index_image_ban h3 {
	font-weight: normal;
}
#index_image_ban h2 {
	font-size: 28px;
	margin-bottom: 10px;
}
#index_image_ban h3 {
	font-size: 20px;
}
#index_image_ban h3 span {
	color: #2a7ebf;
}
#index_karen {
	position: absolute;
	top: 0px;
	right: 65px;
}
#index_middle_ban {
	background: url(images/index/middle-banner-bg.jpg) no-repeat;
	height: 212px;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.index_middle_col1 {
	position: absolute;
	left: 50px;
	top: 40px;
	width: 270px;
}
.index_middle_col1 p.blue {
	font-size: 16px;
}
.index_middle_col1 p.blog-post {
	padding-left: 32px;
	background-image: url(images/teeny-logo.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.index_middle_col1 p {
	margin-bottom: 10px;
	font-size: 14px;
}
.index_middle_col1 p span {
	font-size: 12px;
}
.index_middle_col2 {
	position: absolute;
	top: 65px;
	left: 400px;
	width: 170px;
	font-size: 12px;
	color: #0e4b7b;
	font-size: 14px;
	font-style: italic;
}
.index_middle_col3 {
	font-size: 12px;
	position: absolute;
	top: 50px;
	left: 650px;
	width: 270px;
}
.index_middle_col3 li {
	margin-bottom: 10px;
	margin-left: 15px;
	list-style-image: url(images/bullet-point.gif);
}
#index_links {
	height: 58px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#index_links img {
	margin-right: 20px;
}

/*
STANDARD PAGE
*/
#content {
	padding-left: 20px;
	padding-bottom: 20px;
}
#content h2 {
	padding-top: 0px;
	margin-bottom: 30px;
}
#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 22px;
	text-align: justify;
}
#content p.first {
	font-size: 15px;
	font-weight: 700;
}
#content #page_title {
	padding-top: 30px;
	padding-bottom: 10px;
}
img.side_image {
	float: right;
	margin-right: -330px;
	margin-top: 120px;
}
img.content_pic {
	float: right;
	margin-right: -300px;
	margin-top: 85px;
	display: inline;
}
#content ul {
	margin-left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin-bottom: 15px;
}
#content ul li {
	margin-bottom: 5px;
	list-style-image: url(images/bullet-point.gif);
}
.narrowcolumn {
	width: 600px;
}
.testimonial {
	padding: 10px;
}
#content .testimonial p {
	font-size: 22px;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 5px;
	color: #1B75BB;
}
#content .testimonial p span {
	font-size: 15px;
	font-weight: normal;
	color: #57B6DD;
}

/*
CONTACT
*/
form#mail_form {
	background-color: #e7ecee;
	border: 2px solid #b1ced4;
	padding: 10px;
}
form#mail_form p {
	position: relative;
	height: 40px;
}
form#mail_form p span {
	background: url(images/contact/span.gif) no-repeat;
	padding-left: 5px;
	width: 253px;
	padding-top: 8px;
	height: 15px;
	position: absolute;
	left: 200px;
	top: 24px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	line-height: 10px;
}
form#mail_form p span.submit {
	background: url(images/contact/span-error.gif) no-repeat;
	height: 22px;
}
form#mail_form p.form_textarea span {
	top: 90px;
}
.warning {
	color: #F00;
}
.good {
	color: #060;
}
form#mail_form input {
	position: absolute;
	left: 200px;
	top: 0px;
	width: 250px;
	padding: 2px;
}
form#mail_form textarea {
	position: absolute;
	left: 200px;
	top: 0px;
	width: 360px;
	height: 80px;
	padding: 2px;
}
form#mail_form p.form_textarea {
	height: 105px;
}
form#mail_form input#submit {
	width: 100px;
	position: relative;
	padding: 0px;
	background-color: #B1CED4;
	border: 2px solid #fff;
	cursor: pointer;
	color: #FFF;
	font-weight: 700;
	padding: 3px;
}

/*
BLOG
*/
#content h2.blog_h2 {
	margin-bottom: 10px;
}
.post {
	margin-bottom: 30px;
	position: relative;
	width: 580px;
}
.post .entry {
	margin-left: 40px;
	padding-left: 10px;
	border-left: 1px solid #57B6DD;
}
.post .date {
	color: #57B6DD;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 35px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	clear: both;
}
.post .date .postDay {
	font-size: 22px;
}
.post .date .postMonth {
	font-size: 14px;
}
.post .date .postYear {
	font-size: 10px;
}
#content p.postmetadata {
	margin-left: -10px;
	padding-left: 10px;
	background-color: #edf3f5;
}
#respond {
	margin-left: 40px;
}
#respond #comment {
	width: 350px;
}

.navigation div {
	font-size: 12px;
}
h3#comments {
	margin-left: 40px;
}
ol.commentlist {
	margin-left: 40px;
	font-size: 12px;
	list-style: none;
}
ol.commentlist li {
	padding: 5px;
	width: 530px;
	margin-bottom: 20px;
}
ol.commentlist li.even {
	background-color: #EDF3F5;
}

/*
FOOTER
*/
div#footer {
	background: url(images/links-bg.jpg) repeat-x bottom;
	
}
div#footer_content {
	font-size: 10px;
	color: #FFF;
	padding-top: 10px;
	height: 23px;
	background: url(images/links-bg.jpg) repeat-x;
	padding-left: 20px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div#footer_content span {
	color: #6793b9;
}