/*

Theme Name: Heinen Creative

Theme URI: http://wordpress.org/

Description: Custom template for Heinen Creative.

Version: 2.0

Author: Chris Heinen

Author URI: http://www.heinencreative.com/

Tags: Chris Heinen Creative



	Heinen Creative 2.0

	 http://www.heinencreative.com



	This theme was designed and built by Chris Heinen,

	whose blog you will find at http://www.heinencreative.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



body{

	background:#fff;

	font-family:helvetica, arial, sans-serif;

	font-size:14px;

	color: #333;

	margin:0;

	padding:0;

}



p{

	line-height: 19px;

	margin:16px 0;

}



#wrapper{

	width:960px;

	margin:0 auto;

	text-align:left;

}



h1{

	margin:15px 0;

}



h1 span{

	display:none;

}



h2.title{

	font-size:70px;

	height:auto;

	letter-spacing:-5px;

	margin:0 20px 0 0;

	float:left;

	font-weight:bold;

	color:#333;

}



#subtitle h2.title{

	float:none;

	position:absolute;

	bottom:0;

}



h2.postDate{

	width:100%;

	float: left;

	margin: 0;

	font-size:28px;	
	
	color:#999;

}



strong{

	color:#333;

}



h3{

	color:#FA7218;

	font-size:22px;

	font-weight:lighter;

	margin:22px 0;

}

.blog .entry h3 {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin: 50px 0 20px 0;
}


h4{

	margin:0 0 4px;

	font-size:16px;

}



a:link, a:visited{

	color:#333;

	text-decoration:none;

}



#content a:link, #content a:visited{

	font-weight:bold;

}



#content .category a:link, #content .category a:visited, #content #sidebar a:link, #content #sidebar a:visited{

	font-weight:lighter;

}





a:hover{

	color:#FA7218;

}



p < img{

	margin:0;

}



img{

	border:1px solid #bbb;

}



div.copy ol, div.copy ul{

	

	font-weight:bold;

}



li{

	line-height:19px;

}

/*----------Header Styles----------*/



#header {

	background:#111;

	height:80px;

	position:relative;

	margin: 0 0 60px;

}



#bigHeader{

	background:#111;

	height:80px;

	width:100%;

	position: absolute;

}



.home #header{

	margin-bottom:20px;

}



#logo{

	position:absolute;

	top:25px;

	left:20px;

}



h1 a{

	background: transparent url('./images/hc_logo.png') no-repeat 0 0;

	height:59px;

	width:200px;

	display:block;

}



.description{

	display:none;

}



#nav{

	position:absolute;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	right:0;

	bottom:0;

	margin:0;

	padding:0;

}



#nav li{

	float:left;

	margin:0 20px 0 0;

}



#nav li a{

	display:block;

	height:20px;

	padding: 3px 15px 0;

	color:#999;

	font-size:13px;

	font-weight:bold;

}



#nav li a:hover{

        color:#fff;

}



#nav li.current_page_item a:hover{

        color:#111;

}



#nav li.current_page_item a, #nav li.current_page_parent a{

	background: #fff;

	color:#111;

}



/*----------Content Styles----------*/



#content{

}



#top{

	padding:20px;

	position:relative;

	width:920px;

}

#top.blogTop{

       width: 750px;

}


#subtitle{

	position:relative;

	width:100%;

	height:70px;

	padding:0;

	margin:0;

}



.subtitle{

	width: 348px;

	color: #999;

	line-height: 20px;

	font-size:16px;

	position:absolute;

	right:0;

	bottom:-4px;



}



div.copy{

	float:left;

	width: 100%;

	margin: 0 20px 0 20px;

}


#rule{

	border-top: 8px solid #bbb;

	padding:20px;

	margin-top:40px;

}



#artwork{

	margin-bottom: 80px;

	width: 100%;

}



.back{

	font-weight:bold;

}



#twoColumn{

	float:left;

	width:440px;

	margin-right:20px;

}



h2.twoColumn{

	width:440px;
	line-height: 25px;

}



#twoColumn p{

        margin: 0 0 15px 0;

		font-size:14px;

}



#fourColumn {

	float:left;

	width:210px;

	margin-right:20px;

}



.archive{

	margin-bottom: 40px;

}



#threeColumn img{

	width:200px;

}



#fiveColumn{

	float:left;

	width:174px;

	margin-right:10px;

}



#artwork #fiveColumn{

	margin-right:0;

}



.navigation{

	margin-top:40px;
	width:100%;
	font-size:16px;
}

.navigation.postlinks {
	margin-top: 60px;
}

.navigation p{

	margin:0;
	padding:0;

}

.postlinks .right a{
	padding-right: 20px;
	background: url(images/Rarrow.gif) no-repeat top right;
	line-height: 20px;
	display: block;
}

.postlinks .right a:hover{
	background: url(images/Rarrow.gif) no-repeat bottom right;
}

.postlinks .left a{
	padding-left: 20px;
	background: url(images/Larrow.gif) no-repeat top left;
	line-height:20px;
	display: block;
}

.postlinks .left a:hover{
	background: url(images/Larrow.gif) no-repeat bottom left;
}




/*---Home Styles---*/



#recent img, .archive img{

	width:210px;

	height:105px;

}



#recent img:hover, .archive img:hover{

	border-color:#FA7218;

}



/*---Portfolio Styles---*/



.portfolio{

	float:left;

	margin-left:20px;

}



.removeBorders{

	border:none;

}



/*---Blog Styles---*/

pre {
	padding: 20px;
	background: #eee;
	border: 1px solid #CCC;
	margin: 40px 0;
}

.blog .entry {
	width: 690px;
}

.wp-caption {
	margin: 40px 0;
}

.wp-caption-text{
	font-size: 12px;
	margin: 5px 0;
	font-weight: lighter;
	color: #666;
	line-height: 14px;
}

.blog .entry h3:first-child, #sidebar h3:first-child, .entry h2:first-child {
	margin-top: 0;
}

.copy .post{

	margin-bottom: 40px;

	border-top: 1px solid #bbb;

}



.comment, .pingback {

	padding: 20px 0;

	border-top: 1px solid #bbb;

}



li.comment:last-child {

        border-bottom: 1px solid #bbb;

}



.blog p.caption {

    margin:5px 0 25px 0;

}



.fn{

	font-size:18px;

	font-weight: bold;

	color: #333;

}



.commentlist{

	list-style:none;

	width:100%;

}



.comment-author-admin{

	background:#FDF7EC none repeat scroll 0 0;

        padding:20px;

}



#archive h2{

	font-size:35px;

	margin-bottom: 0;

}



#archive #date{

	font-size:15px;

	font-weight:bold;

	margin-top:0;

}



#archive h3{

	font-size:18px;

}

#screenshot{
	position:absolute;
	display:none;
	color:#fff;
}

#content a.post-edit-link {
	font-size: 14px;
	padding: 20px 0;
	color: #FA7218;
}

#content a.post-edit-link:hover {
	text-decoration: underline;
}

/*---- Sidebar Styles -----*/

#recentPosts {
	width: 690px;
}

#rule.blog {
	border-top: none;
}

#sidebar {
	max-width: 190px;
	float: right;
	border-left: 1px solid #bbb;
	position: relative;
	padding-left: 40px;
}

#sidebar h3 a:link, #sidebar h3 a:visited {
	color:#FA7218;
}


div.category{
	list-style:none;
	margin-right: 30px;
	float: left;
}

div.category ul, #sidebar ul{

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	padding:0;

	margin:0;

}



div.category li, #sidebar li{

	color:#666;
	padding: 0 0 5px 0;

}



div.category li a:link, div.category li a:visited, #sidebar li a:link, #sidebar li a:visited {

	font-size:14px;

}


/*---About Styles---*/



#twoColumn .twoColCentr {

	position:relative;

	left:50%;

	margin-left:-200px;

	width:400px;

}



/*---Contact Styles---*/



.miniLinks{

	border:none;

	height:30px;

	margin: 20px 40px 20px 0;

}



/*----------Form Styles----------*/



textarea{

	border: 1px solid #bbb;

	width:420px;

	font-size:12px;

	font-family:helvetica, arial, sans-serif;

	color:#333;

}



input{

	background-color: #eee;

	border: 1px solid #bbb;

	padding: 5px;

	color: #666;

	font-size:1em;

}



input[type=text]{

	width:250px;

}



/*----------Footer Styles----------*/



#footer{

	border-top:1px solid #bbb;

	padding:0 20px;

	width:920px;

	color:#666;

	font-size:13px;

	margin-top:40px;

}



#footer a:link, #footer a:visited{

	color:#666;

}



#footer a:hover{

	color:#FA7218;

}



/*----------Extra Styles----------*/



.left{

	float:left;

}



.right, .alignright{

	float:right;

}


.clear{

	clear:both;

}



.accent, .commentmetadata a, .blog .caption{

	color:#999;

}



.commentmetadata a:hover{

	color:#FA7218;

}



#recent p.accent{

	color:#999;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }



.clearfix {display: inline-block;}  /* for IE/Mac */



#placeholder{

	width:920px;

	height:300px;

	background:#eee;

	margin:20px 0;

}



#placeholderPortfolio{

	width:500px;

	height:300px;

	background:#eee;

	float:right;

}