/*
Theme Name: Type Layout
Theme URI: http://aaronb.net/
Description: The awesome 
Version: 1
Author: Aaron Bell
Author URI: http://aaronb.net/
Tags: AWESOME



Table of Contents


01 - General
02 - Header
03 - Footer
04 - Archive
05 - Portfolio
06 - About
07 - Contact
08 - Search
09 - Misc


*/

/* 01 - General ****************************************
*******************************************************/

/*
@font-face {
font-family: MyNuvo;
src: url(fonts/nuvo-medium-woff-demo.woff) format('woff');
}
*/



body, html{
	margin:0;
	padding:0;
	border-top:0px;
}

body{
	background:#262626 url("images/background_tile.jpg") repeat 0 0;
}

#container{
	width:1000px;
	margin:0 auto 40px;
	background:url("images/footer_bottom.jpg") bottom left repeat-x;
	padding-bottom:3px;
}

.container_inner{
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #484848;
	background:#fff url("images/white_background.jpg") right 130px no-repeat;
}

p{
	font-size:16px;
	line-height:1.5em;
	margin:0;
}

h1, h2, h3, h4, h5, h6, p{
	color:#222;
}

ol, ul, li{
	list-style:none;
	margin:0;
	padding:0;
}

a{
	font-family:"ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	/*font-weight:bold;
	letter-spacing:.02em;*/	
	text-decoration:none;
	color:#007eff;
}

a:hover{
	text-decoration:underline;
}

a:focus, a:active, a:hover{
	outline:none;
}

label{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	color:#222;
	font-size:12px;
}

a img {
	border:none;
}

/* 02 - Header *****************************************
*******************************************************/

#header{
	background:#484848 url("images/header_bottom.gif") repeat-x bottom left;
	border-top:1px solid #484848;
	position:relative;
}

.header_name{
	display:block;
	margin:10px 0 0px 27px;
	padding-bottom:10px;
}

.header_name a{
	display:block;
	width:164px;
	height:30px;
	background:url("images/header_name.png") no-repeat 0 0;
}

.header_name span{
	display:none;
}

#header ul{
	position:absolute;
	top:10px;
	left:340px;
}

#header ul li{
	float:left;
}

#header ul li, #header ul li a{
	display:block;
	height:38px;
}

#header ul li a:hover{
	background-position:0 -38px;
}

#header ul li span{
	display:none;
}

.header_home a{
	width:88px;
	background:url("images/nav_home.png") no-repeat 0 0;
}

.header_articles a{
	width:120px;
	background:url("images/nav_articles.png") no-repeat 0 0;
}

.header_portfolio a{
	width:128px;
	background:url("images/nav_portfolio.png") no-repeat 0 0;
}

.header_about a{
	width:96px;
	background:url("images/nav_about.png") no-repeat 0 0;
}

.header_contact a{
	width:114px;
	background:url("images/nav_contact.png") no-repeat 0 0;
}

.header_search a{
	width:106px;
	background:url("images/nav_search.png") no-repeat 0 0;
}

.nav_selected a, .nav_selected a:hover{
	background-position:0 -39px !important;
}

/* 03 - Footer *****************************************
*******************************************************/

#footer{
	padding:40px 0 40px 20px;
	border-top:1px solid #000;
	background:#484848;
}

.footer_new, .footer_recent, #footer .footer_about{
	height:25px;
	display:block;
	margin-bottom:25px;
}

.footer_new{
	width:114px;
	background:url("images/footer_work.png") no-repeat 0 0;
}

.footer_recent{
	width:152px;
	background:url("images/footer_recent.png") no-repeat 0 0;
}

.footer_about{
	width:106px;
	background:url("images/footer_about.png") no-repeat 0 0;
}

.footer_new span, .footer_recent span, .footer_about span{
	display:none;
}


.footer_about_copy, #footer a{
	font-weight:bold;
	color:#ccc;
	letter-spacing:.05em;
}

.footer_col_about p{
	color:#ccc;
	margin-bottom:20px;
}

#footer .footer_recent_list p, #footer .footer_recent_list p{
	color:#999;
	padding-top:2px;
}

#footer .footer_about_copy, #footer .footer_recent_list p, #footer .footer_recent_list p{
	font-size:11px;
}

.footer_recent_list li, .footer_recent_list li{
	margin-bottom:10px;
	min-height:40px;
	height:auto !important;
	height:40px;
	width:220px;
	display:block;
}

#footer p, #footer a{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	font-size:14px;
}

.footer_col_about{
	float:left;
	width:230px;
	margin-right:20px;
	border-right:1px solid #000;
	min-height:308px;
	height:auto !important;
	height:308px;
}

.footer_col_recent{
	float:left;
	width:220px;
	margin-right:20px;
	border-right:1px solid #000;
	min-height:308px;
	height:auto !important;
	height:308px;
}

.footer_col_new{
	float:left;
	width:220px;
	margin-right:20px;
	border-right:1px solid #000;
	min-height:308px;
	height:auto !important;
	height:308px;
}

.footer_col_rabbit{
	float:left;
	width:230px;
	min-height:308px;
	height:auto !important;
	height:308px;
	margin-top:8px;
}

.footer_col_recent .footer_recent_list li{
	width:210px;
}

.footer_new_img_container{
	overflow:hidden;
}

.footer_new_img{
	border:1px solid #000;
	width:35px;
	height:35px;
	float:left;
}

.footer_new_content{
	float:left;
	width:155px;
	margin-left:15px;
}

/* 04 - General Layout, Articles ***********************
*******************************************************/

#content{
	overflow:hidden;
}

.layout_header_section .layout_left_col{
	margin:80px 20px 0 30px;
	width:380px;
	float:left;
}

.layout_header_section .layout_right_col{
	margin-top:101px;
	width:540px;
	float:left;
}

.layout_body_section .layout_left_col{
	margin:6px 20px 0 30px;
	width:380px;
	float:left;
}

.layout_body_section .layout_right_col{
	width:460px;
	float:left;
}

.home .layout_body_section .layout_right_col{
	min-height:350px;
	height:auto !important;
	height:350px;
}

.single .comment_col{
	min-height:300px;
	height:auto !important;
	height:300px;
}

.comment_col{
	margin-top:22px !important;
}

.main_title{
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Palatino, serif;
	font-size:48px;
	font-weight:normal;
	margin:0 0 25px -5px;
	line-height:1.2em;
	letter-spacing:.02em;
}

.comment_title{
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Palatino, serif;
	font-size:36px;
	font-weight:normal;
	margin:0 0 25px -5px;
	line-height:1.2em;
	letter-spacing:.02em;	
}

.layout_right_col p{
	line-height:1.5em;
	font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Palatino, serif;
	margin-top:0;
}

.post_date{
	font-size:13px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
}

.post_comments a{
	font-size:13px;
	font-weight:normal !important;
}

.post_categories a{
	font-size:13px;
	font-weight:normal !important;
}

.post_date{
	margin-bottom:2px;
}


.layout_right_col p{
	width:460px;
	margin-bottom:1.5em;
}

.layout_right_col .post_intro{
	font-size:24px;
	width:540px;
	margin-bottom:30px;
}


.layout_header_section, .layout_body_section{
	overflow:hidden;
}

.directional_navigation{
	background:url("images/left_col_divider.gif") no-repeat top left;
	overflow:hidden;
	width:140px;
	margin-top:20px;
}

.directional_navigation li{
	float:left;
	width:70px;
	margin-top:20px;
}

.nav_prev a{
	background:url("images/nav_left.gif") no-repeat left 4px;
	text-align:left;
	padding-left:20px;
	font-size:12px;
	display:block;
	min-height:20px;
	height:auto !important;
	height:20px;
}

.nav_next a{
	background:url("images/nav_right.gif") no-repeat right 4px;
	text-align:right;
	padding-right:20px;
	font-size:12px;
	display:block;
	height:auto !important;
	height:20px;
}

.post_add_comment{
	margin-top:35px;
	display:block;
	font-size:12px;
	letter-spacing:0.03em;
	text-align:center;
}

.layout_text_footer .text_footer{
	padding-bottom:80px;
	width:21px;
	margin:20px auto 0;
}

.commentlist .comment_container{
	position:relative;
}

.commentlist li{
	margin-bottom:50px;
}

.layout_right_col .comment_user{
	letter-spacing:.03em;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
}

.comment_date{
	position:absolute;
	top:7px;
	right:0;
	font-size:11px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
}

#respond h3{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	letter-spacing:.03em;
}

#commentform p{
	font-size:12px;
	margin-bottom:5px;
}

#comment, #contact_txtarea textarea{
	border:1px solid #222;
	padding:2px 2px;
	width:440px;
	height:150px;
	font-size:16px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
}

#submit, #searchsubmit{
	margin:10px 0 50px;
	height:39px;
	width:88px;
	background:url("images/btn_submit.png") no-repeat 0 -39px;
	border:none;
}

#submit:hover, #searchsubmit:hover{
	background-position:0 0;
	cursor:hand;
	cursor:pointer;
}

#submit span, #searchsubmit span{
	display:none;
}

#submit:focus, #submit:active, #submit:hover, #searchsubmit:focus, #searchsubmit:active, #searchsubmit:hover{
	outline:none;
}

#add_comment_narrow label{
	width:160px;
	display:block;
}

#add_comment_narrow td{
	padding-bottom:15px;
}

#add_comment_narrow input{
	width:278px;
	border:1px solid #000;
	padding:3px 2px;
	font-size:16px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
}

#add_comment_narrow #comment, #contact_txtarea textarea{
	width:278px;
	padding:3px 2px;
}

.comment_required_mark{
	margin-top:10px;
}

.wp-paginate{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:30px 0 0;
	padding:5px 0;
	text-align:center;
}

.wp-paginate *{
	font-size:16px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	font-weight:bold;
}

.wp-paginate li{
	display:inline-block;
	text-align:center;
	padding:5px 10px;
}

/* 05 - Archive & Portfolio ****************************
*******************************************************/

.layout_listing .layout_right_col{
	margin-top:90px !important;
}

.article_narrow_content{
	width:300px !important;
	float:left;
}

.article_narrow_img{
	width:225px;
	float:left;
	margin:5px 0 0 15px;
}

.article_narrow_img img{
	border: 1px solid #000;
}

.hentry{
	overflow:hidden;
}

.articles_recent, .articles_category_list{
	margin-bottom:30px;
}

.archive_months{
	margin-bottom:15px;
}

.archive_head{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;	
}

.articles_recent a, .articles_category_list a, .archive_months a{
	font-weight:normal;
	font-size:13px;
}

.archive_months li, .articles_recent li, .articles_category_list li{
	margin-bottom:2px;
	margin-left:1px;
}

.archive_months a, .archive_years a{
	font-size:13px;
}

.archive_subhead{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	margin-bottom:5px;
	margin-left:1px;
	font-size:13px;
}

.archive_years li{
	margin-left:1px;
}

.main_with_sub{
	margin-bottom:0 !important;
}

.main_subtitle{
	font-size:36px;
	letter-spacing:.03em;
	font-weight:normal;
	margin:0 0 25px -2px;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Palatino, serif;
}

.article_none_found{
	padding-top:17px;
}

.articles_back a{
	font-weight:normal;
	font-size:13px;
	background:url("images/nav_left.gif") no-repeat left 4px;
	text-align:left;
	padding-left:20px;
	/*display:block;*/
	min-height:20px;
	height:auto !important;
	height:20px;
}

.articles_back{
	margin-bottom:30px;
}

.articles_back li{
	margin-bottom:5px;
}

/* 06 - About ******************************************
*******************************************************/

.post_sub{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	font-size:16px;
	display:block;
	width:220px;	
}

/* 07 - Contact ****************************************
*******************************************************/

.layout_left_bottom{
	margin-top:70px;
	padding-bottom:280px;
}

.wpcf7 #submit{
	margin-bottom:10px !important;
}

/* 08 - Search *****************************************
*******************************************************/

.search_page .layout_right_col .search_label, .search_embed .search_label{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:5px;
	display:block;
	margin-top:11px;
}

#searchform input{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	border:1px solid #000;
	padding:5px 5px;
	font-size:22px;
	width:340px;
	margin-left:1px;
	float:left;
}

.search_page .search_container #searchsubmit, .search_embed #searchsubmit{
	float:left;
	margin:0 0 10px 10px;
}


.search_page .layout_right_col{
	width:460px;
}

.search_container{
	overflow:hidden;
}

.list_header{
	font-size:18px;
	margin-bottom:0px;
}

.search_result_classification{
	font-size:14px;
	color:#ccc;
	margin-bottom:1em !important;
	line-height:1.1em !important;
}

.search_result_content{
	margin-bottom:.5em !important;
}

.search_result_origin{
	font-size:12px;
	font-style:italic;
}

.search_page .hentry{
	margin-bottom:40px;
}

/* 09 - Misc *******************************************
*******************************************************/
.article{
	background:url("images/ornament_article.gif") no-repeat 20px bottom;
}

.portfolio{
	background:url("images/ornament_portfolio.gif") no-repeat 20px bottom;	
}

.about{
	background:url("images/ornament_about.gif") no-repeat 40px bottom;	
}

.contact{
	background:url("images/ornament_contact.gif") no-repeat 40px bottom;	
}

.search_page{
	background:url("images/ornament_search.gif") no-repeat 65px bottom;	
}

.typekit-badge{
	display:none !important;
}

.hidden{
	display:none;
}

.embedded_img{
	float:left;
	margin:5px 20px 20px 0;
	clear:left;
	width:460px;
	overflow:hidden;
}

.embedded_img a{
	display:block;
}

.embedded_img p{
	padding:5px 0 0 0;
	font-size:12px;
	color:#222;
	text-align:left;
	font-style:italic;
	margin-bottom:10px;
}