/* @override http://localhost/bnh/wp-content/themes/bnh/style.css */

/*
THEME NAME: Brand New History
THEME URI: http://brandnewhistory.net
DESCRIPTION: Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs
VERSION: 1.0
AUTHOR: 
AUTHOR URI: 
*/

@import "reset.css";

body {
	background: #f9f9f9;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #585858;
	line-height: 1.2;
}

a {
	color: #585858;
	text-decoration: none;
}

a:hover {color: #999;}

strong {font-weight: 700;}



h2 {font-size: 12px;}

hr {
	border: none 0;
	border-bottom: 1px solid #DDD;
	height: 1px;
	margin: 10px 0;
}

table td {line-height: 1.2;}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}


.subcontainer {
	padding-bottom: 15px;
	border-bottom: 1px solid #DDD;
	display: block;
}

.subcontainer p{

}

.italic {
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 11px;
}
/***** ABOUT PAGE ***/


#about-services {
	border-bottom: 0;
	margin-bottom: 0px;
}


.about-table {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 60px;
	border-bottom: 1px solid #DDD;
}

.about-table tr td {
	width: 25%;
	/*line-height: 1.2;*/
}

#contribution {
	margin-bottom: 0;
}


.services-table {width:100%; padding:0px; margin:0px; margin-bottom: 60px; border-bottom:1px solid #DDD;}
.services-table .content table {width:100%;}
.services-table .content th {text-align:left; border-bottom:1px solid #DDD; padding-bottom:10px;}
.services-table .content td {padding-top:15px;}
.services-table .content { padding-top:15px; padding-bottom:16px; width:23%;}
.services-table .spacer {width:20px;}


/***** END ABOUT PAGE ***/



/***** END HOME PAGE ***/
.project-list {border-bottom:1px solid #DDD; float: left; width: 100%;}
.project-item {width:200px; height:204px; background:#efefef; float:left; margin-bottom:16px;}

.left {margin-right:6px;}
.right {margin-right:0px;}

.project-item:hover .p-thumb  img { top: -132px;}
.project-item .p-thumb { overflow: hidden; width:200px; height: 132px; overflow: hidden; position: relative;}
.project-item .p-thumb img{ position: absolute; top: 0; overflow: hidden;}
.project-item .p-description { width:180px; height:52px; background:#e6e6e6; padding: 10px 10px 10px 10px;}
.project-item .p-description .task{ margin-top: 8px; display: block;}


.project-detail {width: 100%; margin-bottom: 0px !important;} 
.project-detail .project-description { width: 196px; text-align: left;}



.project-detail h2{
	line-height: 0.9 !important;
	padding: 0 !important;
	border-bottom: 0px !important;
	margin-bottom: 4px !important;
}

.project-detail h3{
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	margin-bottom: 26px;
}

.project-detail img{
	margin-bottom: 27px;
}

.project-detail .last{
	margin-bottom: 0px !important;
}

.project-detail img.has-description{
	margin-bottom: 0px;
}

.project-detail .image-description{
	padding-top: 10px;
	margin-bottom: 27px;
}



.project-detail table{
	width: 100%;
}

.project-detail table .separator-container{
	padding-bottom: 12px;
}

.project-detail table .separator{
	border-bottom: 1px solid #DDD;
	width: 100%;
}

.project-detail table td{
	width: 100%;
	vertical-align: top;
}





/***** END HOME PAGE ***/


#wrapper {
	width: 818px;
	background: #f9f9f9;
	margin: 0 auto;
}

#header {
	overflow: hidden;
	width: 818px;
	height: 160px;
	margin: 0 auto;
	margin-bottom: 65px;
}

#logo {
	margin: 48px 0 0;
	font-weight: bold;
}

#logo a {
	color: #333333;
}

#description {
	color: #666666;
	margin: 5px 0 50px 30px;
}

#menu {
	position: absolute;
	width: 819px;
	top: 138px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
	
}

#menu ul li {
	float: left;
	padding: 0px;
	margin-right: 24px;
}


#menu ul li a {
	color: #666666;
}

#menu ul li a:hover {
	color: #999;
}

#menu ul li.current_page_item a {
	color: #30ced8;
}

#menu ul li.current-cat a {
	color: #30ced8;
}

#container {
	width: 818px;
	overflow: hidden;
	margin: 0 auto;
}

#content {
	float: left;
	width: 818px;
}



#content h2, .tags h2{
	margin-bottom: 16px;
	border-bottom: 1px solid #DDD;
	padding: 10px 0;
}

#page-title{
	position: relative;
}

#page-title .rss-button {
	position: absolute;
	right:  3px;
	bottom:  11px;
}


#page-title #searchform {
	position: absolute;
	right:  40px;
	bottom:  8px;
	line-height: 20px;
}

#page-title #searchform label{

}



form input[type=text] {
	border: 0px solid #FFF;
	padding: 0;
	width: 160px;
	height: 20px;
}

form input[type=submit] {
	background: none;
	border: none;
	color: #585858;
	cursor: pointer;
	padding: 0;

}
form input[type=submit]:hover {
	color: #959696;
}



/*** BLOG LIST ***/

.post-nav{
	
	float: right;
	margin-right: 2px;
}

.post{
	margin-bottom: 50px;
	padding-bottom: 34px;
	border-bottom: 1px solid #DDD;
	position: relative;
	width: 100%;
	float: left;
}

.post .post-excerpt {
	position: absolute;
	width: 187px;
	top: 0;
	bottom: 47px;/*16 - 3px because of baseline alignment */
	float: left;
}


.single-post {
	margin-bottom: 0;
}

.post-preview{
	margin-bottom: 16px;
	padding-bottom: 50px;
	border-bottom: 1px solid #DDD;
	position: relative;
	width: 100%;
	float: left;
	z-index: ;
}

.post-preview .post-excerpt {
	position: absolute;
	width: 187px;
	top: 0;
	bottom: 47px;/*16 - 3px because of baseline alignment */
	float: left;
	z-index: 999;
}
.post-preview .post-excerpt h2 a {font-style: normal;}
.post-preview .post-excerpt a {font-style: italic;}





.post-excerpt h2 {
	line-height: 0.9 !important;
	padding: 0 !important;
	border-bottom: 0px !important;
	margin-bottom: 4px !important;

}

.post-excerpt .date {
	display: block;
	margin-bottom: 26px !important;

}

.post-excerpt p {
	margin-top: 16px;
	text-align: left;
}

.post-excerpt .meta{
	position: absolute;
	bottom: 0;
	left:0;
}

.post-detail {
	margin-left: 218px;
	position: relative;
	z-index: 888;
}

.post .post-detail img,
.post .post-detail object,
.post .post-detail embed
{
	margin-bottom: 16px;
}

.post-detail .image-description{
	margin-bottom: 16px;
	margin-top: -5px;
	display: block;
}


.post-detail .post-bottom-image{
	margin-bottom: 0px;
}


.addthis_toolbox {margin-top: 8px;}

.addthis_button_compact img {
	float: left;
}

.addthis_button_compact .label {
	margin-left: 5px;
	float: left;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
}


/*** END BLOG LIST ***/


.post .post-title {
	line-height: 1.2;
	font-weight: normal;
	border: 0;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
}

.post-meta {
}



.post-meta a {
	color: #666666;
}



.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	
}

.post-content h2 {
	margin-bottom: 1px;
	border-bottom: 0;
	padding: 0;
}

.post-content h3 {
	/*
	margin-bottom: 5px;
	border-bottom: 1px solid #DDD;
	padding: 10px 0 5px;
	*/
}

.post-content p {
	line-height: 1.2;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
}

.post-content img.alignleft {
	float: left;
	margin: 0 25px 15px 0;
}

.post-content img.alignright {
	float: right;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	/*
	margin-left: 30px;
	margin-bottom: 20px;
	*/
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.2;
	margin-bottom: 5px;
}

.more-link {
	display: block;
	margin-top: 10px;
}

.section-title {
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.smart-post-nav {list-style: none; float: right;}
.smart-post-nav a[rel=next]{margin-left: 24px;}
.smart-post-nav a[rel=prev]{margin-left: 24px;}
.smart-post-nav .smart-link {margin-left: 24px;}


.page-numbers {list-style:none; display: inline; margin: 0;}
.page-numbers li{ display: inline; margin-left: 3px;}
.page-numbers .current{ color: #30ced8;}


.navigation {
	padding-bottom: 16px;
	margin-bottom: 60px;
	border-bottom: 1px solid #DDD;
}

.single-navigation {
	margin-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #DDD;
	float: left;
	width: 100%;
}


.tags { margin-bottom: 0; padding-bottom: 16px; border-bottom: 1px solid #DDD;}
.tags a {margin-right: 20px;}

#footer {
	margin: 0 auto;
	width: 819px;
	height: 20px;
	font-size: 90%;
	padding: 32px 0 20px;
}

#footer-links {
	list-style: none;
}

#footer-links li {
	float: left;
	margin-right: 15px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}