/*
	Theme Name: Humanity at Work
	Theme URI: http://www.humanityatwork.ca
	Description: Theme designed for Donna Howes by Christine Rondeau of Bluelime media
	Version: 1
	Author: Christine Rondeau
	Author URI: http://www.bluelimemedia.com
*/
/*----Global Reset Courtesy of Eric Meyer----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
.hide {display:none;}
a {outline:0;}
a {color:#6c2a29;}
a:hover {color:#f4782c;}
form {padding:20px 0;}


/* Images
----------------------------------------------*/
.alignright {float:right; margin:0 0 10px 10px; border:1px solid #999;}
.alignleft {float:left; margin:0 10px 10px 0; border:1px solid #999;}
.aligncenter {margin: 0 auto 0 auto;}
a img {border:0;}
.wp-caption {
      text-align:center;  
      font-size:11px;
}
.wp-caption p.wp-caption-text {font-size:11px;}

/* Main Layout
-----------------------------------------------*/

body {
	margin:0; padding: 0px;
	background:#6c2a29 url(images/bg1.png) 50% top no-repeat;
	color: #333;
	font:12px/16px verdana, tahoma, arial, sans-serif;
}

#wrapper {
	position:relative;
	width: 960px;
	margin: 10px auto 10px auto; padding:0;
}


/* Header Area 
-----------------------------------------------------------*/
#header {
	float:left;
	width:960px; height:185px;
	background:url(images/header_bg.gif) 50% top no-repeat;
}
#logo a {
	display:block;
	width: 354px; height: 69px;
	position:absolute;
	top:65px; left:30px;
	background:url(images/logo.gif) left top no-repeat;
}
#tagline {
	position:absolute;
	top:105px; right:20px;
	width:397px; height:40px;
	background:url(images/tagline.gif) top left no-repeat;	
}

/* Top Navigation 
-----------------------------------------------------------*/
#main-nav {
	position:absolute;
	top:150px; left:1px;
	width:958px; height: 35px;
	z-index:30;
	background:#f4782c;
}
#nav {
	margin: 3px 0 0 20px; padding: 0;
	font:bold 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	height:auto;
}
#nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding:2px 0; margin:6px 15px 0 15px;
	border-bottom:4px solid #f4782c;
}
#nav li a:hover {
	color: #6c2a29;
	border-bottom:4px solid #f4782c;
}
#nav li.current_page_item a {
	color: #FFF;
	border-bottom:4px solid #FFF;
}
#nav li.current_page_item li a, #nav li li.current_page_item a { border-bottom:0;}
#nav li {
	float: left;
	padding: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	font-weight: bold;
	margin: 0 0 0 10px;
	background:#f4782c;
	z-index:14;
}
#nav li li {
	float:none;
	list-style:none;
	padding:0; margin:0;
	width:160px;
	border-bottom:1px solid #FFF;
}

#nav li ul li a {
	color:#FFF;
	padding:5px 10px; margin:0;
	line-height:13px;
	border-bottom:0;
}
#nav li ul a:hover {
	color:#FFF;
	background:#6c2a29;
	border-bottom:0;
}

#nav li ul ul {
	margin: -20px 0 0 120px; padding:4px 0;
	z-index:200;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}


/* Main Body Content Area 
-----------------------------------------------------------*/
#main_out {
	float:left;
	width:960px;
	background:url(images/main_bg.gif) top left repeat-y;
	padding:0;
}
#main_in {
	float:left;
	width:960px;
	background:url(images/footer_bg.gif) bottom left no-repeat;
}
#content {
	float:right;
	width:520px;
	padding:60px 120px 100px 0;
	text-align:left;
}

#content blockquote {
	color:#f4782c;
	font:bold 20px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:20px 0 0 0; padding:20px 0 0 50px;
}
#content blockquote em {font-size:12px;}

/* Main body content formatting
--------------------------------------------------------------*/

.entry {padding:0 0 20px 0;}
.entry p {padding:6px 0;}
.entry a {font-weight:bold;}
.entry ul, .entry ol {
	margin: 5px 20px; padding:5px 20px;
}

h1, h1 a {
	margin:0 0 8px 0;
	font-weight:bold;
	color:#6c2a29;
	font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2, h2 a, h3, h3 a h4, h5, h6 { /* Set styles for sub-headings if needed */
	margin:0 0 8px 0;
	font-weight:bold;
	color:#6c2a29;
	font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline; }

small {font-style:italic;}
.entrymeta {
	margin:10px 0; padding:6px;
	color: #999;
	border-top:1px dotted #999;
}
.entrymeta p {padding:3px 0;}
.entrymeta a {color:#999; font-weight:normal; text-decoration:none;}
.entrymeta a:hover {color:#999; font-weight:normal; text-decoration:underline;}
.post-navigation {padding:10px 0;}

.navigation-previous {
	float:left;
	width:50%;
	text-align:left;
}

.navigation-next {
	float:right;
	width:50%;
	text-align:right;
}


/* Sidebar Area 
-------------------------------------------*/

#sidebar {
	float:left; 
	width:250px;
	padding: 60px 0 0 20px;
}

#sidebar h3 {
	margin: 10px 0 5px 0; padding: 10px 0 5px 0;
	border-bottom: 1px dotted #f4782c;
	color:#f4782c;
}
#sidebar li:first-child h3 {margin-top:0; padding-top:0;}
#sidebar ul {list-style: none;}
#sidebar ul li {padding:5px 10px;}
#sidebar a {
	color: #6c2a29;
	text-decoration: none;
}

#sidebar a:hover {color: #f4782c;}

li#workshops a, li#humanity a, li#coaching a  {
	margin-bottom:10px;
	width:250px; height:110px;
	display:block;
	border:1px solid #F1F1F1;
	border-bottom:1px dotted #f4782c;
}
li#workshops a:hover, li#humanity a:hover, li#coaching a:hover { border:1px solid #6c2a29;}

li#coaching a {background:url(images/sidebar/coaching.png) top left no-repeat;}
li#workshops a {background:url(images/sidebar/workshops.png) top left no-repeat;}
li#humanity a {background:url(images/sidebar/humanity.png) top left no-repeat;}

/* Comments													
-----------------------------------------------------*/
h3#comments { margin:30px 0 10px 0; }		
		
.avatar {
		float: left;
		display:block;
		padding: 0 20px 10px 0px;
}
			
.commentlist {padding: 20px 0px;}
.commentlist p {padding:6px 0;}
		
.commentmetadata {margin-top: 0;}
ol.commentlist, ol.commentlist li {	list-style: none;}
ol.commentlist li {padding:10px 0; border-bottom:1px dotted #999;}
#commentform {padding:20px 0;}
#commentform p {margin-bottom:10px;}

#commentform input, #commentform textarea {
		width:147px;
		border:1px solid #999;
		background:#f9f9f9;
		font-size:11px;
		padding:2px 3px 3px;
	}

#commentform textarea {width:500px;}
#commentform #submit {
		width:150px;
		border:none;
		background:#6c2a29;
		color:#fff;
		font-size:12px;
		cursor:pointer;
		padding:2px 0 3px;
	}