@import url("din-1451-alt-g/din-1451-alt-g.css");
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);
/*
Theme Name: BCB v5
Theme URI: http://bradblackman.com/
Description: While many parts have beealigncenn adapted wholesale from version 4 of this site, the strategy and execution are a bit different for version 5. 5.1 uses using PT Serif instead of Lucida Grande for the body type. The overall sizes have been bumped up slightly.
Version: 5.1
Author: Brad Blackman
Author URI: http://bradblackman.com/
Tags: grid, modern, typography
*/



/* UNIVERSAL SETTINGS */
* {padding: 0; margin:0;}
body {font-family: 'PT Serif', serif; background: #484848; font-size: 18px; line-height: 1.7em; }
p { padding-bottom:1em; }
ul { list-style: none; }
hr { 
 border: 0;
 height: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
h1, h2, h3, h4 { font-family: 'Alte DIN 1451 Gepraegt', Helvetica, Arial, sans-serif; font-weight: bold; color: #484141; }
h1 { padding-bottom: 10px; }
h2 {
 font-size: 38px;
 line-height: 38px;
 padding-bottom: 10px;
}
h1, h2, h3 { text-transform: uppercase; }
h3 { font-size:26px; line-height:26px; padding: 14px 0; }
a { color: #000; text-decoration:underline; font-weight:bold; }
a:hover { color: #FFF; background-color:#333; text-decoration:none; }
a img { border:none; }

/* #SKIP */
#skip { display: none; } 
/*
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-2000px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus { position:static; width:auto; height:auto; }
*/

.alignright { float:right; margin-left: 10px; margin-bottom: 10px;}
.alignleft {float:left; margin-right: 10px; margin-bottom: 10px;}
.aligncenter, img.aligncenter {margin-left: auto; margin-right: auto; display: block; }
.navigation {clear:both; margin-left:10px;}

/* HEADER */
#header_wrapper { background: #484848; }
#header { 
	min-height: 72px; 
	margin-left: auto; 
	margin-right:auto; 
	/*padding-top:20px;*/ 
/*	width: 100% */
	max-width:960px;
	display:block; 
}

#header h2.logo { height: 32px; padding: 10px 0; }
#header h2.logo a:hover {background:none;}

/* NAVIGATION */
#header ul#nav { margin-top:-30px; /*margin-right:-10px;*/ float: right; background: #484848; }
	ul#nav {list-style:none; }
	ul#nav li { display: inline; float:left; padding-right:5px; padding-left:5px; /*width:90px;*/ height:40px; text-align:center; text-transform:uppercase; font: 18px 'Alte DIN 1451 Gepraegt', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; letter-spacing:0.1em;}
	ul#nav li a {display:block;padding:10px 10px 0px 10px; height:100%;color:#FFF;text-decoration:none; font-weight: normal; }
/*	ul#nav li a {background:url(images/bg2.jpg) repeat 0 0;}*/	
/*	ul#nav li a:hover, li a:focus, li a:active {background-position:0 -30px;}*/
/*	#nav li {background:url(images/bg.jpg) repeat 0 -20px;}*/

#wrapper { background: #FFF; display:block; } 

#main {
/*	width: 100% */
	max-width:960px;
	margin-right:auto;
	margin-left: auto;
	overflow:auto;
	}

/* HOME PAGE */

#latest, #splash { 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
/*	width: 100% */
	max-width:960px;
	}
#latest img, #splash img { 
/*	width: 100% */
	height: auto; 
	}
#splash { margin-bottom: 40px; }

#content_home {
	width: 900px;
	padding:20px;
	margin-top: 20px;
	margin-right:auto;
	margin-left:auto;
/*shadow*/
    -moz-box-shadow: 0px 0px 10px #B3B3B3; /* Firefox */
    -webkit-box-shadow: 0px 0px 10px #B3B3B3; /* Safari, Chrome */
    box-shadow: 0px 0px 10px #B3B3B3; /* CSS3 */
	}

#intro, #updates {
display: block;
}

#intro { 
	/*float:left;
	width: 50%; 
	padding-right:20px; 
	border-right: 1px solid #C7C7C7;*/
}
#updates { 
	margin-left:20px;
	float: right;
	width: 45%; 
}
#updates h1 { font-size:30px; }
#updates img { display: block; margin-right: auto; margin-left: auto; }

#art, #recent {
	clear: both;
	overflow:auto;
	margin-top: 40px;
}



#art h1 {padding-left:10px;}
#art div { float: left; padding:10px; width: 220px; display: block;}
#art div h3 { padding-top:10px; padding-bottom:5px; }
#art div h3 a { font-size:20px; line-height: 20px; text-transform:uppercase; text-decoration: none; font-weight: normal; }
#art h1, #recent h1 {padding-left:10px; padding-top:20px;}

.archivelink { margin-top: 20px; display: block; clear: both; }
.archivelink a {
	margin-left:10px;
	padding:5px 10px;
	clear: both;
	text-transform:uppercase;
	text-decoration: none;
	color: #CCC;
	background-color:#333; 
	font: 20px 'Alte DIN 1451 Gepraegt', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	}
.archivelink a:hover {
	color: #333; background-color: #CCC;
	}
.archivelink a {
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}

/* ABOUT PAGE */
#content.about {
	display: block;
	float: left;
	width: 700px;
	margin-left:10px;
	}
#content.about h3 {
	float: left;
	width: 140px;
	}
#content.about p {
	display:block
	float: left;
	width: 460px;
	text-align: left;
	margin-left: 160px;
	}
#content.about .alignright {
	margin-right: -80px;
	}
#sidebar.about {
	margin-left: 20px;
	}
#sidebar.about div {
	padding:10px; 
	background-color:#f4f4f4;
	margin-bottom: 20px;
	}

/*
img.headshot { height:110px; width:110px; margin-top:10px; margin-right:10px; margin-bottom: 10px; float:left; background-color:#484848; }
img.actionshot { height: 325px; width:620px; float: right; clear: right; margin-left:20px; background-color:#484848; }
#statement { width:460px; float:left; display:block; clear:both; margin-top:20px; }
#contact { width:280px; background-color:#484848; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#FFF; display:block; float:right; margin-right:160px; margin-left:10px; margin-top:20px; padding:10px; }
#contact a {color:#FFF;}
#contact a:hover { text-decoration:none; }
.aboutpage .entry { margin-left:10px; margin-right:10px;}
*/

/* BLOG - HOME */

.post {
	display:block; 
	width: 200px; 
	height: 610px; 
	margin: 10px;
	padding:10px; 
	background-color:#f4f4f4; 
	float:left;
	overflow: auto; 
}
.firstpost {width:440px; }
.post h3 { padding-top:10px; padding-bottom:5px; }
.post h3 a { 
	text-decoration:none; 
	font-size: 20px; 
	line-height: 20px; 
	text-transform: uppercase; 
	display:block;
	font-weight: normal;
}
.post h3 a:hover { color:#FFF; }
.firstpost h3 a { 
	font-size: 30px; 
	line-height: 36px; 
	display:block; 
}
.post p { padding-left:0;}

/* SIDEBAR */
#sidebar {
/*	background-color:purple; */
	display:block; 
	width: 220px; 
	padding:0; 
	float:left; 
	margin-top: 40px;
	margin-right:10px;
	}
#sidebar sidebar.h3 { padding-left: 10px; }
#sidebar div.post {
	height: auto;
	margin-left: 0;
	}
#sidebar ul.social { 
	margin-left:-10px; 
	display: inline-block; 
}
#sidebar ul.social li {
	display: inline;
	float: left;	
}
ul.social li a {
	height: 50px;
	width: 50px;
	display: block;
	padding: 0;
    background-position:right top;
	background-size:100%;
}
ul.social li a:hover {
	background-position: right bottom;
}
.search-form input { 
	width:200px; 
	height:20px; 
	padding-left:25px; 
	padding-top:3px; 
	border:none; 
	background: url(images/searchbox.gif) no-repeat; 
	}
#description {
	padding-top:10px; padding-bottom:10px;
	}
	
/* SOCIAL BUTTONS */

.social-button-container {
	margin-right: 20px;
	margin-left: 20px;
   	}

.social-button-container a, div#social a {
	height: 60px;
	width: 60px;
	display: block;
	float: left;
	overflow: none;
	margin-bottom:10px;
	margin-right: 10px;
	background-position:right top;
}
div#social {
	overflow: auto;
	}
a.social-fb { background: url('images/social-fb.svg') }
a.social-twitter { background: url('images/social-tw.svg') }
a.social-gplus { background: url('images/social-gplus.svg') }
a.social-linkedin { background: url('images/social-linkedin.svg') }
a.social-pinterest { background: url('images/social-pinterest.svg') }
a.social-buffer { background: url('images/social-buffer.svg') }
a.social-ig { background: url('images/social-ig.svg') }

a.social-fb:hover, a.social-twitter:hover, a.social-gplus:hover, a.social-linkedin:hover, a.social-pinterest:hover, a.social-buffer:hover, a.social-ig:hover {
	background-position: right bottom;
}


/* BLOG - SINGLE */
.single { 
	display:block; 
	width: 720px; 
/*	float:left; */
/*	padding-top:40px; */
/*	margin-left:10px; */
	margin-left: auto;
	margin-right: auto;
	}
.postmetadata { 
	/*background-color: pink; */
	float:left; 
	display:block; 
	width: 220px; 
	}
.postmetadata p { 
	font-family: 'Alte DIN 1451 Gepraegt', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color: #484141; 
	padding-bottom: 20px; 
	}
.postmetadata p a { color:#484141; text-decoration:none; }
.postmetadata p a:hover { color:#CCC; }
.post-single { 
	/*background-color:yellow;*/ 
	float: left; 
	display:block; 
	width: 460px; 
	margin-left: 20px; 
	margin-bottom:40px; 
	}
/*.post-single h1 { font-size: 26px; line-height: 26px; padding-bottom: 10px; }*/
/*.post-single img { border:solid #f4f4f4 10px; margin-bottom:10px; }*/
/*.entry h2, .entry h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }*/
.post-single .entry li { /*font-size:12px; line-height: 16px;*/ padding-bottom:5px }
.post-single .entry ul { margin-left: 30px; list-style: disc; }
.post-single .entry ol { margin-left: 60px; }
blockquote { padding: 9px 10px 12px 10px; font-style: italic; margin: 0px 60px 10px 60px; background-color: #ECECEC; }
blockquote.note  { background:none repeat scroll 0 0 #F4F4F4; margin:0 0 20px; padding:20px; }
blockquote.note p { background-color:#ECECEC; font-style:normal; font-weight:bold; padding:8px 10px;}
blockquote.caption { font-size:10px; margin:0; font-style:normal; font-weight:bold; }
.floatleft {float:left; margin-right:10px; margin-bottom:10px;}
.floatright {float:right; margin-left:10px; margin-bottom:10px;}
/*iframe.youtube-player, .embed-youtube {float: left; margin-left: -100px; width: 560px; height: 315px; display: block; }*/
img.superleft {float: left; margin-left: -100px; width: 560px; }

/* COMMENTS */
/* I plan on using Disqus for comments, so this is commented out. (I know.)*/
/*
li.comment { padding-top:10px; padding-bottom:10px; margin-right:10px; margin-left:10px; border-top: 1px solid #616161; overflow:auto; }
.comment-body { margin-left: 160px; margin-right: 80px; }
.comment-author { float: right; width: 60px; height:60px; margin-left:20px; margin-right:-80px;}
.comment-author img.avatar { }
.comment-author cite { font-style: normal; display:block; }
.commentmetadata { float:left; width:140px; margin-left:-160px; margin-right:20px;}
.commentmetadata { font: bold 12px/16px Helvetica, Arial, sans-serif; }
.commentmetadata a {color:#000; text-decoration:none;}
.commentmetadata a:hover {color:#CCC;}
#respond {margin-left:10px; margin-right:10px; padding-top:10px; border-top:2px solid #000; }
p.loggedin {float:left; width:140px; margin-right:20px;}
#respond #comment { width:538px; height:150px; }
#respond #submit { margin-left:160px;}
p.commentauthor { font-size: 10px; line-height:10px; margin-top:5px; font-weight: bold; letter-spacing: -.025em; }
p.commentauthor a { color: #333; text-decoration:none; }
p.commentauthor a:hover {color:#FFF;}
#commentform a { color: #333; text-decoration:none; font-weight: bold; }
#commentform a:hover {color:#CCC;}
*/

/* PORTFOLIO/ART SINGLE POSTS */
div#content.artpage {
	margin-left:10px;
	margin-top: 40px;
	width: 780px;
	float: left;
	}
div.artpage .postmetadata { 
	/*background-color: pink; */
	width: 140px; 
	position: relative;
	}

#sidebar.artpage {
	margin-left: auto; 
	margin-right: auto;
	}

.post-art { 
	/*background-color:yellow; */
	float: left; 
	display:block; 
	width: 620px; 
	margin-left: 20px; 
	margin-bottom:40px; 
	}

div#content.artpage img {
	width: 100%;
	height: auto; 
	}

.sq-embed-item { text-transform: uppercase; }

div#purchase {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px 15px;
	width: 80%;
	height: auto;
	background-color: #484848; 
	color: white;
	}

div#purchase a { color: white; }


/* CONTACT */


	
/* SUBSCRIBE */

#content.subscribe {
	display: block;
	float: left;
	width: 700px;
	margin-left:10px;
	}
/*
#content.subscribe h3 {
	float: left;
	width: 140px;
	}
#content.subscribe p {
	display:block
	float: left;
	width: 460px;
	text-align: left;
	margin-left: 160px;
	}
*/
#mc_embed_signup br {margin-bottom:10px;}
#mc_embed_signup fieldset {border:none; margin-bottom: 30px;}
div.indicate-required {color:#EB583C; margin-left:160px; font-size: 14px; }
div.mc-field-group {display: block; margin-bottom:10px; display:block;}
#mc_embed_signup label { width: 160px; float: left; font-weight: bold; }
#mc_embed_signup input.text { 
	height:20px; 
	width: 460px; 
	float: left; 
	background-color:#EBEBEB; 
	border:none; 
	padding:8px 8px 6px; 
	margin-bottom: 10px; 
	}

#mc_embed_signup .input-group ul { margin-left: 160px; }
#mc_embed_signup .input-group ul li { list-style:none; display: inline; float: left; padding-right: 40px; margin-bottom: 20px}

#mc_embed_signup label.emailformat { width: auto; float: right; padding-left: 10px; }

#mc_embed_signup #mc-embedded-subscribe {
	border: none;
	margin-left:160px;
	padding:5px 10px;
	clear: both;
	display: block;
	text-transform:uppercase;
	text-decoration: none;
	color: #CCC;
	background-color:#333; 
	font: 20px 'Alte DIN 1451 Gepraegt', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	}
#mc_embed_signup #mc-embedded-subscribe:hover {
	color: #333; background-color: #CCC;
	}
#mc_embed_signup #mc-embedded-subscribe {
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
	
/* PRIVACY PAGE */
#content.privacy {
	display: block;
	float: left;
	width: 700px;
	margin-left:10px;
	}
#content.privacy h3 {
	float: left;
	width: 140px;
	}
#content.privacy p {
	display:block
	float: left;
	width: 460px;
	text-align: left;
	margin-left: 160px;
	}

/* ARCHIVE */
#content.archive #sectionid h1 {float:left;}
#content.archive #sectionid div.search-form {float:right;}
h1.pagetitle {margin-left:10px;}

/* SEARCH RESULTS */
#content.search #sectionid h1 {float:left;}
#content.search #sectionid div.search-form {float:right; }

/* 404 PAGE */
.four-oh-four { padding:10px; width:630px; overflow:auto; float:left; }
.four-oh-four p, .four-oh-four h2 { font-size: 14px; line-height: 20px; }
.four-oh-four h1 { font-weight: bold; }

/* FOOTER */
#footer_wrapper { background:  url(images/footer_bg.png) repeat-x; }
#footer { 
	margin-left: auto; 
	margin-right:auto; 
/*	width: 100% */
	max-width: 960px; 
	font-size: 11px; 
	color: #FFFFFF; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
#footer hr { display: none; }
#footer a { color: #FFFFFF; font-weight: normal; }
#footer ul { padding-bottom: 20px; }
#footer ul li { font-size: 16px; line-height: 20px; padding-bottom: 2px; }
#footer h4 { font-size: 18px; line-height: 22px; display: block; width:100%; padding-bottom: 5px; margin-bottom:5px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; text-transform:uppercase; }
#footer h4.branding { background:  url(images/bradblackman_type_small.png) no-repeat; height:16px; margin-left:10px; width:140px; display: block; border:none; float:left; }
#footer h4.branding span { display:none; }
#sitenav, #learnmore { width:140px; display: block; float:left; margin-left: 20px; }
 #copyright { width:460px; display: block; float:left; margin-left: 20px; }
#footer p { font-size: 16px; line-height: 20px; }
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* Media Queries */

@media screen and (max-width: 959px) {

	#main, #sidebar {
		width: 620px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		float: none;
		overflow: auto;
		}

	#content_home {
		width: 618px;
		-moz-box-shadow: none; /* Firefox */
		-webkit-box-shadow: none; /* Safari, Chrome */
		box-shadow: none; /* CSS3 */
		border: 1px solid #C7C7C7;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		float: none;
		overflow: auto;
		}

	#intro {
/*		width: 54%;*/
		padding: 10px;
/*		border-right: none; */
		}

	#updates {
		width: 35%;
		padding: 10px;
		margin-left: 0px;
		}

	#content.about, #sidebar.about {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		float: none;
		overflow: auto;
		}

	#content.about, #content.subscribe {
		width: 100%;
		}

	#content.privacy, #content.privacy p {
		width: 97%;
		margin-left: 0;
		}

	div.artpage .postmetadata, div#content.artpage, .post-art, #sidebar.about, #sidebar.artpage, div#art, div#recent {
		margin-left: 20px;
		width: 95%;
		float: left;
		}

	div#art div, div#art h2 {
		margin-left: -10px;
		}

	.archivelink { margin-left: 10px; }

	div#recent .post {
		margin: 10px 20px 10px 0;
		}

	.postmetadata {
		width: 95%;
		margin-left: 20px;
		}
	
	.postmetadata p.cat, .postmetadata p.commentcount, .postmetadata p.edit {
		display: inline;
		margin-right: 30px;
		}

	#latest img, #splash img {
		height: auto; 
		width: 100%;
		}

	.social-button-container a {
		display: inline;
		margin-right: 20px;
		margin-bottom: 20px;
		}
		
	#content.about h3, #content.about p, #content.subscribe h3, #content.subscribe p {
		width: 90%;
		clear: both;
		margin-left: 0px;
		float: left;
		}

}

@media screen and (max-width: 800px) {

	#nav, #main, #intro, #updates, footer {
		float: left;
		clear: both;
		margin: 0;
		width: 100%;
/*		padding-left: 10px;*/
		}

	#content.single, #content_home {
		border: none;
		float: left;
		clear: both;
		margin: 0;
		width: 95%;
		}

	#intro { 
/*		border-bottom: 1px solid #C7C7C7;*/
/*		border-right: none;*/
		width: 90%;
		}

	#updates { 
		border-bottom: 1px solid #C7C7C7;
/*		width: 93%;*/
		}

	#header h2.logo {
		clear: both;
		padding-bottom:40px;
		}

	#sidebar, #sidebar.about {
		width: 90%;
		clear: both;
		margin-left: 0;
		margin-right: auto;
		float: none;
		overflow: auto;
		}

/*	#content.about h3, #content.about p {
		width: 60%;
		max-width: 619px;
		}
*/

	#nav {
		min-height: 50px;
	}

/*	#nav li {
		margin-left: -10px;
		}
*/
}

	div.artpage .postmetadata, div#content.artpage, .post-art, #sidebar.about, #sidebar.artpage, div#art {
		width: 95%;
		}

	div#disqus_thread {
		width: 90%;
		padding: 10px;
		}

@media screen and (max-width: 619px) {

	#main {
		width: 95%;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		float: none;
		overflow: auto;
		}

	div#art h2 { margin-left: 0;}

}

@media screen and (max-width: 480px) {

	h2.logo {
		margin-left: 13px;
		}

	#skip {
		display: block;
		text-align: center;
		}

	#skip a { color:#FFF; padding: 10px;}

	#sidebar, #sidebar.about, #content.about {
		width: 87%;
		padding: 0;
		}

	#content.about h3, #content.about p {
		float: left;
		clear: both;
		margin: 0;
		width: 80%;
		}


	#nav li {
		margin: 0;
		background: #484848;
		width: 90%;
		display: block;
		clear: both;
		margin-left: 20px;
		}

	#nav a {
		display: block;
		text-align: left;
		margin-left: -10px;
		}

	.post {
		height: auto; 
		}

	.post img { 
		height: auto; 
		}

	.entry img {
		height: auto; 
		width:100%;
		}

	.alignleft, .alignright {
		margin-left: 0;
		margin-right: 0;
		}

	.firstpost { 
		width: 90%; 
		clear: right; 
		} 

	.firstpost img { 
		width: 99.9%; 
		height: auto; 
		}

	.post-single {
		width: 85%;
		}

	#footer h4.branding {
		margin-left: 20px;
		}

	#sitenav, #learnmore, #copyright { 
		width:90%;
		display: block;
		float:left;
		clear: both;
		margin-left: 20px;
		}

	#sitenav a, #learnmore a { 
		width:100%;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		}
		
}

@media screen and (min-width: 960px) {

	div #art { width: 960px; }

}