/*
Template Name: EngagingTimes
Theme URI: http://www.engagingtimes.org
Description: Theme developed specifically for Engaging Times blog.
Version: 1.5.2
Author: Bob Pease
Author URI: http://bpeasedesign.com
Tags: 
*/

/*********************************
.rss_syn is meant only for the rss_bar.php, in conjuntion with the RSS widget. 
These values strip out default images and style the <li> items in the feed.

COLOR KEY
#0a3a6b | Dark Blue
#2d659f | Light Blue
#d3cfa3 | Mid Blue
#d8dee8 | Off White
**********************************/

body{background:#FFFFFF;font-family: calibri, arial, Helvetica, Arial, sans-serif;font-size:95%;color: #545454;line-height:120%;min-width: 550px;}
ul{list-style-type:none;margin:0;padding:0;}
li{padding:0;margin:0;}
a{color:#333;text-decoration:none;}
.alignleft{float:left;}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	clear:left;
}
.photo{float:left;margin:0 10px 0 0;}

h1, h2, .post-title {font-size: 1.6em; font-weight: normal; line-height: 120%;margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.1em 0;}
			.static .post-title, .archive .post-title {margin: 0 0 0.3em 0;}
h3{margin:0;}
h3#comments{margin:10px 0;}
h4{font-size:13px;font-weight:normal;}
p{margin: 0 0 1em 0;}
hr{border:1px solid #999;}
a{color:#003265;}
a:hover{color:#ff5f00;}
a img{border:0;padding:0;margin:0;}	

/**************************
General Layout
**************************/
/*Navigation*/
#navcontainer{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;}
#navcontainer ul{padding-left: 0;margin-left: 0;background-color: #FFFFFF;float: left;width: 100%;font-size:14px;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a{padding: 0.4em 1em;color:#003265;text-decoration: none;float: left;}
#navcontainer ul li a:hover{color: #ff5f00;}

#wrapper{width:960px;margin:0 auto;}
#header{padding:5px 0;position:relative;}
	#logo{float:left;}
	#actions{float:right;}
		#search{}
		#subscribe{margin:5px 0 0 0;}
#container {
	padding-left: 200px;      /* LC width */
	padding-right: 150px;     /* RC width */
}

#container .column {
	position: relative;
	float: left;
}

#center {
	width: 100%;
}

#fill{
	margin:0 40px;
}

#left {
	width: 200px;             /* LC width */
	right: 200px;             /* LC width */
	margin-left: -100%;
}

#right {
	width: 150px;             /* RC width */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/*** IE6 Fix ***/
* html #left {
  left: 150px;           /* RC width */
}

#footer {border-top:1px solid #ccc;clear: both;padding:10px 0;}

#homepage-rss{margin:10px 0 0 0;}
#homepage-rss img{display:none;}
#homepage-rss li a{font-size: 1.6em; font-weight: normal; line-height: 120%;padding: 0 0 0.1em 0;}
#homepage-rss li a:hover{}
#homepage-rss h2 a{color:#545454;cursor:auto;font-size:1em;}
#homepage-rss ul{}
#homepage-rss li{padding:5px 0;}
#post-navigation{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px 0;margin:10px 0; clear:both;}
#older{float:right;}
#newer{float:left;}

.sidebar_content h4{border-bottom:1px solid #ccc;color:#666;text-transform:uppercase;margin-bottom:5px;padding:0 0 5px;}
.sidebar_content ul{margin:0;padding:0;}
.sidebar_content li{list-style-type:none;}
.sidebar_content li ul{}
.sidebar_content li a{display: block;width:auto;margin:5px 0;}
.sidebar_content li a:hover{}
.searchbox{color:#999;width:200px;}

.post{padding:10px 0;line-height: 1.4;font-size:16px;}
	.post ul{margin:10px 30px;}
	.post li{list-style-type:disc}
.page{padding:10px 0;line-height: 1.4;font-size:16px;}/*To be used in wp loops on static pages*/
	.page ul{margin:0;padding:0;list-style-type:none;}
	.page li{}
.entry-static{padding:10px 0;line-height: 1.4;font-size:16px;}
.post-meta{color:#999;font-size:12px;padding:5px 0 0;margin:0 0 10px 0;}
.page-meta{margin: 0 0 1em 0;}
.author-info{background:#dedede;border:1px solid #ccc;padding:10px;}
.author-info img{float:left;padding:0 10px 10px 0;}
.author_bio{background:#d8dee8;margin:10px 0;padding:10px;}

/*rss_syn*/
.rss_syn{background:#4c4c4b;padding:10px;}
.rss_syn img{display:none;}
.rss_syn li{padding:5px 0;}

/*UL styles for author pages*/
ul.author_ul{}
ul.author_ul li{padding:10px 0;}
ul.author_ul li a{}
ul.author_ul li a:hover{}
a.author_ul{}

/**********End General**************/

ul.commentlist{list-style-type:none;clear:both;}
ul.commentlist li{border-bottom:1px solid #ccc;margin:10px 0;}
ul.commentlist li a{color:#333;}
ul.commentlist li a:hover{}
.commenthead{}
.commentbody{}
.commenthead img{border:2px solid #011c37;float:right;}
ul.commentlist p{}
#respond{margin-top:10px;}

/*
ol.commentlist{margin:0;padding:0;}
ol.commentlist li{list-style:none;padding:10px;background:#d8dee8;margin:10px 0;}
ol.commentlist img{float:left;padding:0 5px 0 0;}
*/

.clear{clear:both;}


/*****3-col*****/
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
	background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-150px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:350px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:0 225px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:180px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}