/*
Theme Name: EPIC Planning
Theme URI: http://wordpress.org/
Description: Epic Planning default theme
Author: Aimee Whatley
Author URI: http://www.aimeewhatley.com/
Tags: fixed width, multiple boxes, black


*/


/* global */
* {
margin: 0;
padding: 0;
border: 0 none;
font-weight: normal;
font-style: normal;
text-decoration: none;
outline-style: none;
}

ul { 
list-style-type: none; 
}

h1, h2, h3, h4, h5 { 
font-family: Tahoma, Arial, sans-serif;
letter-spacing: 1px;
}

em { 
font-style: italic; 
}

strong, h6 { font-weight: bold; }

body { 
font: 87%/1.8 Georgia, serif;
color: #dbdddf;
background: #000;
position: relative;
}
button { cursor: pointer }

/* container bands: need these for stretchy widths */
#steve_wrap { background: #832e10 url(images/bground/steve-bground.jpg) repeat-y 50% 0% }
#masthead_wrap {
height: 100px;
background: #1e2125 url(images/bground/masthead-bground.jpg) no-repeat 50% 0%;
}
#featured_wrap {
height: 250px;
background: #b7babf url(images/bground/featured-bground.jpg) repeat-y 50% 0%;
}
#primary_wrap {
min-height: 290px;
background: #150d0a url(images/bground/primary-bground.jpg) repeat-y 50% 0%;
}
#secondary_wrap {
min-height: 210px;
background: #000 url(images/bground/secondary-bground.jpg) repeat-y 50% 0%;
}
#footer_wrap {
height: 100px;
background: #000 url(images/bground/footer-bground.jpg) no-repeat 50% 0%;
clear: right;
}

/* layout */	
#masthead {
position: relative;
width: 890px;
margin: 0 auto;
padding-top: 17px;
}
	#masthead h1 {
	margin-left: -42px;
	width: 245px;
	height: 100px;
    background: url(images/home/logo.png) no-repeat;
	}
	
	#masthead h1 a {
	width: inherit;
	height: inherit;
	display: block;
	}
	
	#masthead h1 a span { 
	visibility: hidden; 
	}
	
	ul#nav {
	width: 620px;
	position: absolute;
	top: 46px;
	right: 25px;
	}
		ul#nav li {
		float: left;
		margin-left: 42px;
		cursor: pointer;
		}
		ul#nav li#first { 
		margin-left: 0; 
		}
		
		ul#nav li a { 
		display: block; 
		text-indent: -9999px; 
		}
		
		ul#nav a#plans { 
		background: url(images/nav/bp-nav.png) no-repeat left top; 
		height: 54px; 
		width: 91px; 
		}
		
		ul#nav a#services { 
		background: url(images/nav/services-nav.png) no-repeat left top; 
		height: 54px; 
		width: 78px; 
		}
		
		ul#nav a#whyEpic { 
		background: url(images/nav/why-nav.png) no-repeat left top; 
		height: 54px; 
		width: 60px; 
		}
		
		ul#nav a#faq { 
		background: url(images/nav/faq-nav.png) no-repeat left top; 
		height: 54px; 
		width: 110px; 
		}
		
		ul#nav a#contact { 
		background: url(images/nav/contact-nav.png) no-repeat left top; 
		height: 54px; 
		width: 92px; 
		}
		
		ul#nav a:hover#plans, ul#nav a#plans-here { 
		background: url(images/nav/bp-nav.png) no-repeat left -54px; 
		height: 54px; 
		width: 91px; 
		}
		
		ul#nav a:hover#services, ul#nav a#services-here { 
		background: url(images/nav/services-nav.png) no-repeat left -54px; 
		height: 54px; 
		width: 78px; 
		}
		
		ul#nav a:hover#whyEpic, ul#nav a#whyEpic-here { 
		background: url(images/nav/why-nav.png) no-repeat left -54px; 
		height: 54px; 
		width: 60px; 
		}
		
		ul#nav a:hover#faq, ul#nav a#faq-here { 
		background: url(images/nav/faq-nav.png) no-repeat left -54px; 
		height: 54px; 
		width: 110px; 
		}
		
		ul#nav a:hover#contact, ul#nav a#contact-here { 
		background: url(images/nav/contact-nav.png) no-repeat left -54px; 
		height: 54px; 
		width: 92px; 
		}
		
		#featured {
		position: relative;
		width: 890px;
		margin: 0 auto;
		z-index: 9;
		}
		
		img#case_study {
		width: 467px;
		height: 301px;
		position: absolute;
		display: block;
		top: -20px;
		right: 0;
		}
		
		img.pics {
		margin: 5px 5px 5px auto;
		border: 2px solid #343434;
		padding: 3px;
		background: #666;
		float: left;
		}
		
		img.logos {
		margin: 5px 5px 5px auto;
		border: 2px solid #343434;
		padding: 3px;
		background: #666;
		}
		
	h5#blurb {
	width: 394px;
	height: 211px;
	font-size: 20px;
	padding-top: 28px;
	color: #4c535d;
	}
	h5#blurb strong { color: #2e4e8e; font-weight: normal }
	h5#blurb a, h5#blurb a:hover { color: #7e4228; }
#primary {
width: 950px;
margin: 0 auto;
padding-top: 3em;
padding-bottom: 2em;
color: #eee;
overflow: auto;
background: url(images/home/shadow.png) no-repeat;
}
	#primary h3, #primary h3 a {
	font-size: 22px;
	color: #8aa1cd;
	margin-bottom: 22px;
	height: 30px;
	}
	#primary h3 a { font-weight: normal }
	#primary a { 
	color: #f0b7a3; 
	border-bottom: 0 none; 
	font-weight: bold;
	letter-spacing: 0.05em;
	}
	#primary a:hover, #primary h3 a:hover { border-bottom: 1px dotted }
	#who {
	margin-left: 30px;
	width: 270px;
	float: left;
	}
	#who p { margin-top: 11px }
	
	#what {
	margin-left: 40px;
	width: 270px;
	float: left;
	}
		
		#what p.address {
		margin-bottom: 10px;
		margin-left: 20px;
		line-height: 1.5em;
		}
		
		.head {
		cursor: pointer;
		}
	
	#where {
	margin-left: 40px;
	width: 270px;
	float: left;
	}
		#where img {
		padding: 1px;
		border: #8aa1cd solid 1px;
		background: #cdcdcd;
		margin: 4px;
		}
		
		#primary #where a { 
		border-bottom: 0 none; 
		}

#secondary {
position: relative;
width: 950px;
margin: 0 auto;
color: #cfd1d3;
padding-top: 30px;	
min-height: 190px;
background: url(images/home/shadow.png) no-repeat; 
}
	
	#rock_on {
	padding-top: 15px;
	width: 270px;
	float: right;
	}
		#rock_on h4 {
		color: #8aa1cd;
		font-size: 14px;
		line-height: 1.4em;
		margin: 0 10px 15px;
		}
		
		#rock_on .byline1 { 
		color: #cfd1d3; 
		font-size: 15px; 
		margin-left: 45px; 
		}
		
		#rock_on .byline2 { 
		color: #aaa; 
		font-size: 12px; 
		margin-left: 45px;
		padding-bottom: 20px; 
		}
	
	#blaugh {
	width: 580px;
	padding-bottom: 25px;
	}
	
		#blaugh h3, #blaugh h3 a {
		font-size: 22px;
		color: #150d0a;
		margin-bottom: 12px;
		border-bottom: 1px solid #3D424A;
		height: 30px;
		}
		#blaugh h3 a { border-bottom: 0 none }
		#blaugh h4, #blaugh h4 a {
		color: #8aa1cd;
		font-size: 16px;
		margin-top: 20px;
		font-weight: normal;
		}
		#blaugh h4 { color: white }
		#blaugh p {
		color: #CFD1D3;
		font-size: 14px;
		
		}
		#blaugh p a {
		color: #8aa1cd;
		}
		
		#blaugh a:hover { border-bottom: 1px dotted; }
		#blaugh h3 a:hover { border-bottom: 0 none }
#footer {
width: 890px;
margin: 0 auto;
color: #454c55;
padding: 8px 0 0;
}
	#footer li { display: inline; }
	#footer address { float: right; text-align: right }
	#footer a { color: #454c55; }
	#footer a:hover { color: #999; }
	/* #footer span { color: #da4c1a } */
#chiclet { 
width: 890px;
margin-left: 30px;
background: url(images/home/epic_logo.png) no-repeat bottom right;
}
.home_chiclet { float: left; margin-right: 15px; width: 42px; height: 42px; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* additional styles */

sup { font-weight: bold }
del { text-decoration: line-through; }
#breadcrumb_wrap {
height: 45px;
background: #b7babf url('images/bground/breadcrumb-bground.jpg') no-repeat 50% 0;
}
#page_intro_wrap { background: #150d0a url('images/bground/primary-bground.jpg') repeat-y 50% 0% }
#content_wrap { background: #000 url('images/bground/secondary-bground.jpg') repeat-y 50% 0% }
#breadcrumb {
width: 770px;
margin: 0 auto;
font: 14px Tahoma, sans-serif;
padding-top: 12px;
color: #4c535d;
}
	#breadcrumb a { 
	color: #7e4228;
	border-bottom: 0 none;
	}
	#breadcrumb a:hover { border-bottom: 1px dotted }
#page_intro {
width: 950px;
margin: 0 auto;
background: url('images/home/shadow.png') no-repeat;
}
	#page_intro h2 {
	color: #8aa1cd;
	font-size: 24px;
	padding: 20px 30px 20px 87px;
	line-height: 150%;
	}
#content {
position: relative;
width: 950px;
margin: 0 auto;
padding: 30px 0;
background: url('images/home/shadow.png') no-repeat;
}
	#main { 
	width: 580px; 
	margin-top: 20px; 
	margin-left: 30px; 
	position: relative; 
	}
	
		#main p { 
		color: #dbdddf; 
		margin-left: 60px; 
		margin-bottom: 12px; 
		font-size: 14px; 
		letter-spacing:.025em; 
		} 
		
		#blaugh p {
		margin-left: 0;	
		}
		
		#main .entry p {
		margin-left: 0;	
		}
		
		#main ul li { 
		display: block;
		}	
		
		#main h3 {
		color: #8aa1cd;
		font-size: 26px;
		padding: 0 0 8px 60px;
		line-height: 140%;
		}
		#main h4, #main h5 { 
		letter-spacing: 1px; 
		padding-left: 60px; 
		}
				
		#main h4 {
		color: #8aa1cd;
		font-size: 22px;
		line-height: 25px;
		margin: 20px 0 10px 0;
		}
		
		#main h4.after {
		color: #8aa1cd;
		font-size: 22px;
		margin: 20px 0 0px 0;
		}
		
		#main h5 {
		color: white;
		font-size: 18px;
		margin: 4px 0 0 0;
		line-height: 24px;
		}
		
		#main h6 {
		color: white;
		font-size: 12px;
		margin: 0;
		padding: 0;
		}
		
		#main ul, #main ol { margin: 0 0 24px 60px }
		#main ul li {
		font-size: 14px;
		margin: 8px 0;
		padding-left: 25px;
		background: url('images/sec/sub-options-arrow.png') no-repeat;
		}
			
		#main ol li {
		font-size: 14px;
		margin: 8px 0;
		padding-left: 25px;
		background: none;
		list-style:none;
		}
		#main li a {
		color: #8aa1cd;
		font-weight: normal;
		}
		#main li a:hover { border-bottom: 1px dotted }
		#main div { margin-bottom: 30px }
		#main a {
		color: #8aa1cd; 
		border-bottom: 0 none; 
		font-weight: bold;
		}
		#main a:hover { border-bottom: 1px dotted }
		blockquote {
		background: #2e3238 url('images/sec/block-quotations-open.png') no-repeat 10px 12px;
		margin: 20px 0;
		border: 1px solid #222;
		padding-bottom: 5px;
		}
		#main blockquote p {
		margin: 0;
		padding: 10px 85px 5px;
		background: url('images/sec/block-quotations-close.png') no-repeat 490px bottom;
		}
		blockquote .byline { font-style: italic; padding-left: 10px }
		#main .footnote p {
		color: #94989e;
		font-size: 11px;
		margin-top: 20px;
		padding: 5px 10px 0;
		background: url('images/sec/footnote-border.png') no-repeat left top;
		}
		.code {
		border: 1px solid #222;
		background: #2e3238;
		list-style-position: outside;
		color: #8aa1cd;
		width: 580px;
		margin: 25px 0 !important;
		margin-left: 0 !important;
		}
		#main .code li { 
		background: #1e2125;
		margin: 4px 4px 4px 60px;
		padding: 2px 2px 2px 12px;
		font-family: Monaco, "Courier (TT)", "Lucida Sans Unicode", monospace;
		color: #fff;
		}
		#main .wrappable li {
			padding-left: 32px;
		}
		#main .wrappable li pre {
			word-wrap: break-word !important;
			text-indent: -20px;
		}
		#main .footnote li {
		display: block;
		font-size: xx-small;
		padding: 5px 0;
		}
		#main div.screenshot {
		background: url(images/blog/ss-small-bottom.png) no-repeat bottom left;
		width: 270px;
		min-height: 20px;
		margin-top: 7px;
		margin-right: 10px;
		margin-bottom: 0;
		float: left;
		}
		#main .screenshot-small p {
		background: url(images/blog/ss-small-top.png) no-repeat top left;
		width: 270px;
		color: #333;
		font: 11px "Courier New";
		min-height: 20px;
		margin-bottom: 0; margin-left: 0;
		padding: 0 0 20px 30px;
		}
		#main .screenshot-small p img {
		display: block;
		padding-top: 20px;
		padding-bottom: 1px;
		}
		#main .screenshot-big {
		background: url(images/blog/ss-big-bottom.png) no-repeat bottom left;
		width: 580px;
		min-height: 20px;
		margin-top: 30px;
		}
		#main .screenshot-big p {
		background: url(images/blog/ss-big-top.png) no-repeat top left;
		width: 580px;
		color: #000;
		font: 11px "Courier New";
		min-height: 20px;
		margin-bottom: 0; margin-left: 0;
		padding: 0 0 20px 30px;
		}
		#main .screenshot-big p img {
		display: block;
		padding-top: 20px;
		padding-bottom: 1px;
		}		
	#sub {
	float: right;
	margin-right: 30px;
	margin-bottom: 65px;
	width: 270px;
	z-index: 99;
	padding-top: 22px;
	}
		#sub li { display: block }
		#menu { margin: 8px 0 32px }
		
		#menu li.toggle > a, #menu li.toggle, #sub h4 {
		color: #8aa1cd;
		font-size: 18px;
		padding: 8px 0;
		border-bottom: 1px solid #3d424a;
		font-family: Georgia, "Times New Roman", serif;
		}
		
		#menu li a { cursor: pointer }
		#sub h4, #menu li.toggle > a { border-bottom: 0; }
		#content #sub h4 { margin: 6px 0 18px }
		
		.options li, .ordinary li, .options li a { 
		font: 11px Verdana; 
		font-weight: bold;
		display: block;
		margin: 10px 0;
		height: 20px;
		color: #8AA1CD;
		}
		
		.text li {
		font: 12px Tahoma;
		font-weight: normal;
		display: block;
		margin: 10px 0;
		list-style:none;
		color: #DBDDDF;
		line-height: 17px;
		letter-spacing: .075em;
		}
		
		.text li a {
		color: white;
		}
		
		.options li a:hover, .ordinary li {
		color: white;
		display: block;
		padding-left: 10px;
		height: inherit;
		}
		
		#twitter_updates li { background: url('images/sec/sub-options-twitter.png') no-repeat; font-weight: normal }
		#best li a { background: url('images/sec/sub-options-checkmark.png') no-repeat }
		#archives li a { background: url('images/sec/sub-options-folder.png') no-repeat }
		.options li.here { 
		display: block;
		padding-left: 25px;
		padding-top: 3px;
		}
		
		td {
		padding: 20px 0 10px;
		}
		
		input {
		padding: 5px 0; 
		margin-top: 10px; 
		font-size: larger;
		}
		
		textarea {margin-top: 10px;}
		select {margin-top: 10px;}
		form#contact_form input#raccoon {
		color: #2E3238; 
		border: 1px solid #2E3238; 
		background: #2E3238; 
		margin: 0;
		padding: 0;
		width: 0;
		height: 0;
		}
		.access {display: none;}
		
		#contact_form {
		background:#2E3238 none repeat scroll 0% 0%;
		border:1px solid #1E2125;
		color:#FFFFFF;
		list-style-position:outside;
		margin-left:60px;
		padding:20px;
		width:465px;
		}
		
		small {
		margin-left: 60px;	
		}