/*
THEME NAME: Eric Heinzman Fall 2009
THEME URI: http://www.ericheinzman.com
DESCRIPTION: Blog/portfolio theme, new for Fall, 2009
AUTHOR: Eric Heinzman
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: helvetica, arial, san-serif;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}

a	{
	color:#005B6F;
}

a:hover	{
	color:#F47B20;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* --------- End browser reset -------------- */

body#landing	{
	margin:0px auto;
	background: #735c36 url('images/bg-texture.png') repeat-x center top;
	font-family: helvetica, arial, san-serif;
}

body	{
	margin:0px auto;
	background: #333 url('images/bg-texture.png') repeat-x center top;
	font-family: helvetica, arial, san-serif;
}

/* --------- Main layout styles -------- */

#wrapper	 { 
	position: relative;
	margin: 0px auto; 
	width: 980px; 
}
	
#header	{
	position: relative;
	background: url('images/bridge.png') no-repeat center bottom; 
	height: 230px;
}

#container	{
	position: relative;
	background: url('images/blog-top.png') no-repeat center top;
	width: 980px;
}

#expansion	{
	position: relative;
	top: 127px;
	background: url('images/blog-bg.png') repeat-y center top;
	width: 980px;
}

#content	{
	float: left;
	margin: -110px 0 20px 56px;
	width: 600px;
	font-size: 14px;
	letter-spacing: .02em;
	color: #ccc;
	background: #1c1c1c;
	border-top: 1px solid #474747;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
}


#sidebar	{
	float: right;
	width: 290px;
	margin: -110px 23px 0 0;
}

#content-clear	{
	clear: both;
	height: 1px;
	margin: 110px 0 0 0;
	background: url('images/blog-clear.png') no-repeat center bottom;
}

.clear	{
	clear: both;
}




/* ------------ Elements ---------- */

blockquote	{
	margin: 2em;
}

strong 	{
	font-weight: bold;
	line-height: 1.7em;
}

em	{
	font-style: italic;	
	line-height: 1.7em;
}

a	{
	color: #fff;
}

a:hover	{
	color: #FF9C00;
}

.blog-title	{
	position: relative;
	left: -999px;
}

h1	{
	position:absolute;
	top: 13px;
	left: 50px;
	display: block;
	width: 340px;
	height: 64px;
	background: url('images/logo.png') no-repeat top left;
    white-space: nowrap;
}

h1 a {
    outline: none;
	text-indent: 99px;
}

#blog-description	{
	display: none;
}

.white	{
	color: #fff;
}

/* Just some example content */
div.skip-link {
display:none;
}

div#menu {
position: absolute;
right: 13px;
top: 0px;
height: 80px;
font-size: 14px;
letter-spacing: .1em;
}

div#menu ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul li{
	float:left;
	height: 80px;
}

div#menu ul a {
	display: block;
	margin: 0px auto;
	padding: 60px 15px 5px;
	text-decoration:none;
	color: #fff;
}

#menu li a:hover	{
	background: url('images/bg-banner-hover.png') repeat-x top left;
}

#menu .current_page_item a	{
	background:url('images/bg-banner-active.png') repeat-x top left;
}

#menu .current_page_item a:hover	{
	background:url('images/bg-banner-active.png') repeat-x top left;
	color:#000;
}

.page-title	{
	border-bottom: 1px solid #333;
	padding: 5px 20px 5px 60px;
	font-size: 12px;
	color: #FFD696;
}

.entry-content	{
	margin: 20px 20px 20px 60px;
}

.entry-content p, .landing-content p	{
	line-height: 1.7em;
	margin: 1.7em 0 0;
}

.entry-content h3, .landing-content h4	{
	text-align: left; 
	margin:30px 0 5px; 
	font-size: 18px; 
	letter-spacing: .05em; 
	color: #FFD696; 
	border-bottom: 1px dotted #666;
	clear: both;
}

.entry-content ul	{
	margin: 1em 0;
	font-size: 14px;
	line-height: 1.7em;
}

.entry-content ul lh	{
	font-weight: bold;
	line-height: 1.7em;
}

.entry-content ul li	{
	margin: 0 0 0 13px;
	line-height: 1.7em;
	list-style: outside disc;
}

.entry-content ol	{
	margin: 0 0 0 20px;
	font-size: 14px;
	list-style: outside decimal;
}

.entry-content ol li	{
	line-height: 1.7em;
}

.entry-content ol ul	{
	margin: 0 0 0 5px;
	font-size: 14px;
	list-style: outside disc;
}

.entry-content dl	{
	margin: 0 0 0 13px;
	font-size: 14px;
	list-style: outside disc;
}

.entry-content dt	{
	line-height: 1.7em;
	font-weight: bold;
}

.entry-content dd	{
	line-height: 1.7em;
	margin-bottom: 1em;
}

#content-bottom	{
	width: 520px;
	height: 32px;
	margin: 40px 0;
	background: url('images/page-bottom.png') no-repeat bottom center;
}

.hentry	{
	position: relative;
}

#portfolio-expansion	{
	position: relative;
	top: 219px;
	background: url('images/blog-bg.png') repeat-y center top;
}

#portfolio-container	{
	position: relative;
	top: 127px;
	margin: -127px 0 0 0;
	width: 980px;
	background: url('images/portfolio-top.png') no-repeat center top;
}


#portfolio-content	{
	position: relative;
	width: 860px;
	left: 56px;
	top: 15px;
	padding: 0 0 35px 0;
}


#portfolio-bottom	{ //delete
	height: 35px;
	background:url('images/portfolio-bottom.png') no-repeat top left;
	clear:both;
}

.portfolio-entry-title	{
	display:none;
}

.portfolio-entry-content	{
	border: 1px solid #474747;
	width: 860px;
	background-color: #1c1c1c;
}

#portfolio-description	{
	float: right;
	width: 295px;
	padding	: 20px;
}

#portfolio-description h2	{
	font-size: 18px;
	color: #FF9C00;
	border-bottom: 1px solid #666;
}

#portfolio-description h3	{
	font-size: 14px;
	padding: 7px 0 0;
	color: #FFD696;
}

#portfolio-description h4	{
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
	padding: 2em 0 0;
}

#portfolio-description	p	{
	font-size: 12px;
	line-height: 1.4em;
	color: #ccc;
	padding: .5em 0 0
}

#portfolio-next	{
	position: absolute;
	top: 121px;
	right: -51px;
	width: 31px;
	height: 82px;
	background: url('images/portfolio-rightarrow.png') no-repeat top left;
}

#portfolio-next:hover	{
	background: url('images/portfolio-rightarrow.png') no-repeat top right;
	cursor: pointer;
}

#portfolio-prev	{
	position: absolute;
	top: 120px;
	left: -49px;
	width: 31px;
	height: 82px;
	background: url('images/portfolio-leftarrow.png') no-repeat top left;
}

#portfolio-prev:hover	{
	background: url('images/portfolio-leftarrow.png') no-repeat top right;
	cursor: pointer;
}

#portfolio-clear	{
	clear: both;
	margin: 0 0 0 0;
}

#about-this-site	{
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin: 60px 20px 0 0;
}

.entry-title	{
	color: #fff;
	clear:both;
	margin: 60px 20px 0 60px;
	font-size: 24px;
	letter-spacing: .05em;
	border-bottom: 1px solid #FFD696;
}

.entry-title a	{
	color: #fff;
	text-decoration: none;
}

.entry-title a:hover	{
	color: #FF9C00;
}

.entry-date	{
	position: absolute;
	top: -16px;
	left: -55px;
	width: 90px;
	height: 51px;
	padding: 16px 10px 0 0;
	text-align: right;
	color: #fff;
	background: url('images/post-date-bg.png');
}

.date	{
	font: 24px helvetica,arial,san-serif;
}

.year	{
	line-height: .8em;
	letter-spacing: .02em;
}

.entry-meta	{
	clear:both;
	font-size: 10px;
	color: #FFD696;
	margin: 0 20px 0 60px;
	padding: 5px 0;
	border-top: 1px dotted #666;
}

#comments	{
	margin: 0 20px 20px 60px;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:.3em 0 1em 20px;
}

.alignleft,img.alignleft{
float:left;
margin:.3em 20px 1em 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:.3em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
	margin: 3em 20px 2em 60px;
	font-size: 14px;
}


div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

.nav-previous	{
	float: left;
}

.nav-next {
float:right;
}


#sidebar h3 {
	background: url('images/sidebar-title.png') no-repeat top right;
	color: #999;
	font-size: 18px;
	letter-spacing: .05em;
	padding: 7px 0 0 10px;
	width: 280px;
	height: 21px;
}

#sidebar input#s {
	width: 150px;
}


#sidebar ul	{	
}

#sidebar li {
list-style:none;
margin:0 0 30px;
}

#sidebar li #searchform {
margin:10px auto;
padding:0;
}

#sidebar ul ul {
	margin:0;
	padding: 0 0 9px 0;
	background: url('images/sidebar-bottom.png') no-repeat bottom right;
}

#sidebar ul ul li {
list-style:none;
margin:0;
padding: 5px 0 5px 10px;
font-size: 12px;
letter-spacing: .05em;
border: 1px solid;
border-color: #535353 #292929 #222 #454545;
}

#sidebar ul ul li:hover {
	background-color: #333;
}

#sidebar ul ul li a{
	color: #fff;
	text-decoration: none;
}

#sidebar ul ul li a:hover{
	color: #FF9C00;	
}

#sidebar ul ul ul {
margin:0 0 0 0.5em;
}

#sidebar ul ul ul li {
list-style:circle;
}


.textwidget	{
	margin: 10px 0 0 0;	
	position: relative;
}

#social-icons	{
	margin: 20px 0 10px;
}

#social-icons img	{
	margin: 0 5px 0 0;
}

#search h3	{
	display: none;
}

input#author,input#email,input#url {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

#searchform-no-results	{
	margin: 0 20px 40px 60px;
}

.fineprint	{
	font-size: 12px;
	line-height: 1.7em;
}

#iconGallery	{
	position: relative;	
	padding: 0 0 40px;
}

#iconGalleryLeft	{
	float: left;
}

#iconGalleryRight	{
	position: absolute;
	left: 260px;
}

.iconGalleryItem	{
	clear: both;
	padding: 5px 0;
}

#iconGallery img	{
	float: left;
	padding: 5px 20px 0 0;	
}

.iconGallery-description	{
	float: left;
	margin: .7em 0 0;
}

/* Homepage styles */


#landing-header-wrapper	 { 
	position: relative;
	margin: 0px auto; 
	width: 980px;  
}

#landing-header-wrapper #menu {
}


#landing-header	{
	position: relative;
	background: url('images/bridge-lg.png') no-repeat center bottom;
	height: 341px;
}

#landing-action	{
	position: absolute;
	left: 640px;
	top: 163px;
}

.landing-action-button	{
	padding: 0 0 17px;
	width: 250px;
	height: 50px;
}

.landing-action-button a	{
	background: url('images/action-btn.png') top left no-repeat;
	display: block;
	width: 250px;
	height: 37px;
	font-size: 24px;	
	letter-spacing: .02em;
	text-align: center;
	padding: 13px 0 0;
	text-decoration: none;
}

.landing-action-button a:hover	{
	color: #fff;	
	background: url('images/action-btn.png') bottom left no-repeat;
}

#landing-container-wrapper	{
	position: relative;
	background: #212121 url('images/home-container-top.png') repeat-x center top;
	min-width: 980px;
}

#landing-container	{
	width: 980px;
	margin: 0px auto;
}

#landing-main	{
	float: left;
	width: 550px;
}

#sidebar-home	{
	float: right;
	width: 430px;
	padding: 64px 0 0;
}

#sidebar-home li	{
	margin: 0 0 50px 0;	
}

#sidebar-home li ul li	{
	margin: 0;	
}

#sidebar-home h3	{
	display: block;
	color: #ffd696;
	font-size: 30px;
	letter-spacing: .03em;
	background: url('images/home-header-bottom.png') bottom left no-repeat;
	padding: 0 0 18px 90px;
	width: 340px;
}

.landing-content	{
	padding: 60px 0 40px;
	font-size: 14px;
	letter-spacing: .02em;
	color: #ccc;
}

.landing-content h3	{
	display: block;
	font-size: 36px;
	color: #ffd696;
	letter-spacing: .03em;
	background: url('images/home-header-bottom-lg.png') bottom left no-repeat;
	padding: 0 50px 16px 50px;
	width: 450px;
}

.landing-content h4	{
	margin: 30px 50px 5px;
}

.landing-content p	{ 
	padding: 0 50px 0 50px;
	width: 450px;
}

.lead-in	{
	color: #fff;
	font-size: 21px;
	line-height: 36px;
	padding: 20px 0 30px;
}

.column-left	{
	float: left;
	width: 210px;
	padding: 0 0 0 50px;
}

.column-right	{
	float: right;
	width: 210px;
	padding: 0 50px 0 0;
}

.column-left ul, .column-right ul	{
	list-style: inside;
	margin: 1.7em 0;
}

.column-left ul li, .column-right ul li	{
	line-height: 1.7em;
}

.tddrecentposts	{
	margin: 20px 0 0 0;	
	padding: 0 50px 0 90px;
	width: 330 px;
}

.textwidget p	{
	font-size: 12px;
	line-height: 1.7em;
	color: #fff;	
	padding: 0 50px 0 90px;
	margin: 0 0 1em;
	width: 330 px;
}

.tddrecentposts a	{
	text-decoration: none;
}

.tddrecentposts	dl	{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #444;
}

.tddrecentposts	dt	{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .03em;
}

.tddrecentposts	dd	{
	font-size: 12px;
	color: #ccc;
	margin: .5em 0 0;
}

.tddrecentposts	dd.sidebardate	{
	font-style: italic;
	color: #ffd696;
}

#landing-header h1	{
	left: 50px;	
}

#landing-blurb	{
	position: absolute;
	top: 135px;
	left: 50px;
	width: 475px;
	color: #fff;
	font-size: 40px;
	letter-spacing: .03em;
}

#landing-blurb-subtitle	{
	display: block;
	padding: .5em 0 0 0;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffd696;
	letter-spacing: .025em;
}

#expansion-bottom	{
	background: url('images/blog-bottom.png') no-repeat center top;
	margin: 127px 0 0 0;
	height: 60px;
}

#footer	{
	background-color: #735c36;
	color: #fff;
}

/* The #old-footer styles set the colors for the footers on the old pages from before the home page design. They should be deleted when the home page style is applied throughout the site. also make sure to remove the id-"old-footer" reference in footer.php. */

#old-footer	{
	background-color: #212121;
	color: #fff;
}

#old-footer #copyright	{
	border-top: 1px solid #444;
}

#old-footer .footer-column h4	{
	background-color: #212121;
	border-right: 1px solid #212121;
	border-bottom: 2px solid #333;
}

#footer-wrapper	{
	width: 930px;
	margin: 0px auto;
	padding: 10px 0 0 0;
}

#copyright	{
	clear: both;
	border-top: 1px solid #7a4b00;
	font-size: 12px;
	line-height: 1.5em;
	padding: 20px;
}

#old-footer #copyright	{
	border-top: 1px solid #666;
}

.footer-column	{
	float: left;
	width: 310px;
	padding: 0 0 20px;
}

#connect	{
	background: url('images/connect-bg.png') no-repeat top center;
}

#twitter	{
	background: url('images/twitter-bg.png') no-repeat top center;
}

#resources	{
	background: url('images/resources-bg.png') no-repeat top center;
}

.footer-column h4	{
	display: block;
	background-color: #5a4627;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .03em;
	border-right: 1px solid #735c36;
	padding: 20px 20px 0 20px;
}

.footer-column h5	{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .03em;
	border-bottom: 1px solid #fff;
	margin: 2em 20px 0 20px;
}

.footer-column p, .footer-column li	{
	margin: 1em 20px 0 20px;
	font-size: 12px;
	line-height: 1.5em;
}

.footer-column li	{
	list-style: none;
	font-weight: bold;	
}