/*
Theme Name: ES&F Blue
Theme URI: based on http://srinig.com/wordpress-themes/fluid-blue/
Description: A simple two column fluid width theme. Right sidebar supports widgets. Standards compliant.
Version: 1.0
Author: Colin Creitz based on Fluid Blue by Srini G
Author URI: http://www.esandf.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	margin:0;
	background:#fff;
	color:#000;
	font-size: 68.5%; /* Resets 1em to 10px */
	font-family: Verdana, Sans-Serif;
	text-align:center;
}

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

a:hover {
	text-decoration:underline 
}

h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
	margin-bottom:0;
	color:#666666;
	text-align:left;
}

h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}


input, textarea {
	border:1px solid #aaa;
	font-size:1.2em;
}


/* Layout */
#page {
	min-width:760px;
	margin:0 auto;
	text-align:left;
}

#wrapper {
	margin:0 5%;
	padding-right:230px;
}

#content{
	float:left;
	width:96%;
	border-right:230px solid #eee;
	margin-right:-230px;
}

#sidebar{
	float:left;
	width:190px;
	margin:0 -230px 0 0;
	padding:15px;
	background:#eee;
}

#footer {
	clear:both;
	padding:10px;
	border-top:0.2em solid #666;
}

/* Header */

#header {
	margin:0;
	background:#fff;
	background-image: url(/wp/wp-content/themes/esandf-blue/images/header.png);
	padding:40px 0px 0px 175px;
	position:relative;
	background-repeat: no-repeat;
	height:155px;
}

#headertitle h1 {;
	font-size:3em;	

}
#headertitle h1 a p {
	background:#transparent;
	color:#000;
}

#headertitle p {
	margin-left: 150px;
	margin-top: -0.5px;
}

#headertitle h1 a:hover {
	text-decoration:none;
}

.search form {
	margin-left:-15px;
	margin-top:-15px;
	padding-bottom:10px;
}
.search input {
	width:218px;
	border:1px solid #eee;
	background:#B83664;
	color:#fff;
	font-size:1em;
}


/* Top navigation */

#hmenu {
	border-top:0.1em solid #666;
	border-bottom:0.1em solid #666;
	background:#fff;
}

#hmenu ul {
	margin:0 5%;
	padding:0.5em 0;
	background:#fff;
	list-style-type:none;
	list-style-position:outside;
	text-indent:0;
}

#hmenu ul li {
	display:inline;
	margin:0;
	padding:0;
}

#hmenu ul li:before {
	content: "| \0020";
	background:#fff;
	color:#000;
}
#hmenu ul li.hmenu1:before {
	content: "";
}
#hmenu ul li a {
	padding:0.5em;
	margin:0;
	background:#fff;
	color:#b83664;;
	text-decoration:none;
}

#hmenu ul li.hmenu1 a {
	padding-left:0;
}

#hmenu ul li a:hover {
	background:#fff;
	color:#000;
}

/* Sidebar */


#sidebar ul {
	padding:0;
	margin:0;
	list-style: none;
}
#sidebar ul li {
	margin:0 0 2em 0;
}

#sidebar ul ul {
	margin:0;
	padding:0;
}

#sidebar li li {
	margin:0.1em 0;
}

#sidebar li li li {
	padding-left:10px;
}

#sidebar ul h2 {
	margin:0;
	padding:0;
	color:#b83664;
	font-size:1.2em;
	text-transform:uppercase;
}


/* Footer */
#footer { 
	text-align:center;
	font-size:1em;
	background:#fff8f8;;
	color:#333;
}

#footer a {
	color:#333;;
}

/* Post */
.post {
	margin:0 2em 4em 0;
	clear:both;
}

.post p, .post ol li, .post ul li{
	margin-top:0;
	font-size:1.2em;
	line-height:1.5em;
	text-align:justify;
	clear:right;
}
.post li li {
	font-size:1em;
}
.post blockquote {
	padding:0 0 0 2em;
	border-left:0.4em solid #ccc;
	font-size:1em;
}
.post blockquote blockquote {
	margin-left:0;
	font-size:1em;
}

.postmetadata {
	margin:1em 0;
	font-size:1em;
	color:#333;
	text-align:justify;
	clear:both;
}


/* Comments */

#comments {
	margin:0 2em;
}

.commentlist {
	margin:0;
	padding:0;
	list-style:none;
}

.commentlist li {
	padding:2em 0;
	overflow:auto;
	border-bottom:0.1em solid #eee;
}

.commentlist p {
	margin:0.5em 0;
}

.commentlist h4 {
	margin:0;
}

textarea#comment {
	width:100%;
}
/* Comment ends */


/* Calendar */
#wp-calendar caption {
	text-transform:uppercase;
	font-weight:bold;
	color:#b83664;;
	text-align:center;
}
#wp-calendar thead th {
	font-weight:normal;
	color:#b83664;;
	text-align:center;
}
#wp-calendar tbody td {
	text-align:center;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar tbody td.pad {
	border:none;
}
/* Calendar ends */

abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

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

div.captioned {float: left; margin: 5px; clear:left; border-right: 1px dotted; border-bottom: 1px dotted; }

div.caption { font-size: 92%; width: 100%; font-style: italic; }

 /* borrowed from http://www.modxcms.com/simple-rounded-corner-css-boxes.html - a very clever hack */
 /* set the image to use and establish the lower-right position */
.bearbox, .bearbox_body, .bearbox_head, .bearbox_head h3, .bearbox_head p {
	background: transparent url(http://www.entirelysafeandfun.com/pix/bearbox.png) no-repeat bottom right;
	}
.bearbox {
 	width: 400px !important; /* intended total box width - padding-right(next) */
 	width: 385px; /* IE Win = width - padding */
 	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
 	margin: 20px auto; /* use to position the box */
 	}
 /* set the top-right image */ .bearbox_head {
 	background-position: top right;
 	margin-right: -15px; /* pull the right image over on top of border */
 	padding-right: 15px; /* right-image-gap + right-inside padding */
 }
 /* set the top-left image */ .bearbox_head h3, .bearbox_head p {
 	background-position: top left;
 	margin: 0; /* reset main site styles*/
 	border: 0; /* ditto */
 	padding: 10px 0px 2px 60px; /* padding-left = image gap + interior padding ... no padding-right */
 	height: auto !important;
 	height: 1%; /* IE Holly Hack */
 	}
 /* set the lower-left corner image */ .bearbox_body {
 	background-position: bottom left;
 	margin-right: 25px; /* interior-padding right */
 	padding: 5px 0px 2px 60px; /* mirror .bearbox_head right/left */
 	}
/* End Various Tags & Classes*/