/*   
Theme Name: penemorgancaoching.com
Theme URI: index.php
Description: A custom theme created for Pene Morgan Coaching
Author: Jon Kokké - three five design
Author URI: www.threefivedesign.com
Version: 1.0
.
Not for reuse.
.
*/

@import "reset.css";
@import "typography.css";

/* hacks */
* html #wrap { width: 778px; }
* { behavior: url(iepngfix.htc) }

body {
	background: #eaf5fd url(imgs/background.png) 0 180px repeat-x; color: #3B3B3B;
	font: 75%/1.5em Verdarna, Arial, Sans-Serif; color: #222;
}

html { overflow-y: scroll; }

/* links */
a, a:focus, a img, :focus, img { outline: none; border: none; }
a:link, a:visited { text-decoration: none; color: #492f91; }
a:hover, a:active { text-decoration: underline; color: #3B3B3B; }

/* typography */
h1 {
	font-size: 2em; color: #492f91;
	margin-bottom: 1em;
}

h2, h3, h4, h5, h6 {
	font-size: 1.333em; color: #492f91;
	margin-bottom: 0.5em;
}

h2 a { text-decoration: none; }

p, ul, ol {
	margin: 0 0 1em; padding: 0;
}
	ul, ol { margin-left: 2em; }
	ul { list-style: disc; }

strong { font-weight: bold; color: #492f91; }

/* form */

input, textarea {
	padding: 0.5em; margin: 0;
	font: 75%/1.5em Verdarna, Arial, Sans-Serif; color: #222;
	background: #fff; border: 1px solid #83BAD8;
	vertical-align: middle; cursor: pointer;
}

input:focus, input:active, input:hover, textarea:focus, textarea:active, textarea:hover {
	background: #83BAD8; border: 1px solid #83BAD8; color: #fff;
}

label {
	text-align: right; width: 100px;
	float: left; margin-right: 10px;
	vertical-align: middle; 
	padding: 0;
	cursor: pointer;
}

#contactsubmit {
	margin: 1em 0 0 110px;
	display: block;
}

/* layout */

/* header */
#header {
	width: 100%;
	background: #83BAD8 url(imgs/clouds.gif) bottom left repeat-x; color: #3B3B3B;
	padding: 0; margin-bottom: 1em;
}

#header div {
	width: 770px; height: 180px;
	margin: 0 auto;
	background: transparent url(imgs/ladder.gif) bottom left no-repeat;
}

#logo {
	margin: 65px 0 28px;
	float: right;
}

#navigation {
	list-style: none;
	clear: both;
	float: right;
	margin: 0; padding: 0;
}

#navigation li {
	margin: 0 1px 0 0;
	float: left;
}

#navigation li a {
	display: block;
	padding: 12px 24px 10px; margin: 0;
	background: #e6f1f7 url(imgs/grad.png) bottom left repeat-x; color: #83BAD8	;
	text-decoration: none; font-size: 12px;
}

#navigation li a:hover, #navigation li.current_page_item a  {
	background: #b6d9f3; color: #492f91;
}

/* wrap */
#wrap {
	width: 768px;
	margin: 2em auto 0;
}

/* content */
#content {
	width: 504px;
	margin-right: 12px;
	float: left;
}

#content img {
	float: left; 
	margin: 0 1em 1em 0; padding: 4px;
	border: 1px solid #492f91; background: #fff;
}

.entry {
	margin-bottom: 2em;
}

/* sidebar */
#sidebar {
	width: 252px;
	float: left;
}

.block {
	width: 252px;
	background: #D4E7F1;
	padding: 0 0 1em; margin-bottom: 1em;
}

.block h3 {
	background: #83BAD8; color: #fff;
	padding: 6px; margin: 0 0 0.5em;
	font-weight: normal;
	width: 240px;
}

.block h4 {
	color: #83BAD8; padding: 0 0.75em; margin: 1em 0 0;
}

.block p, .block div {
	padding: 0 1em;
}

.block ul, .block ol {
	padding: 0 2em;
}

.block p.postmetadata {
	font-size: 0.8em; padding: 6px 0 0; margin: 0 1em;
	border-top: 1px solid #83BAD8;
}

/* footer */
#footer {
	clear: both;
	max-width: 1152px;
}

#calltoaction {
	margin-bottom: 0; padding: 0.5em;
	background: #83BAD8; color: #fff;
	font-size: 1.5em; line-height: 1.1em;
}

#hotspots {
	float: left;
	margin: 14px 0;
	list-style: none;
}

#hotspots li {
	float: left;
}

#hotspots li a {
	display: block;
	width: 142px; height: 22px;
	padding: 12px 0 12px 110px; margin: 0 1px;
	background: #8B73B7; color: #fff; border: 1px solid #8B73B7;
	text-decoration: none; text-align: left; vertical-align: middle;
}


#hotspots li.page-item-6 a { background: #8B73B7 url(imgs/lifebalance-sm.jpg) top left no-repeat; }
#hotspots li.page-item-7 a { background: #8B73B7 url(imgs/balance-sm.jpg) top left no-repeat; }
#hotspots li.page-item-8 a { background: #8B73B7 url(imgs/personaldevelopment-sm.jpg) top left no-repeat; }

.legal { 
	clear: both;
	border-top: 1px solid #83BAD8;
	margin-top: 0; padding-top: 0.5em;
	font-size: 0.75em;
}