/*
Theme Name: BCB v4
Theme URI: http://bradblackman.com/
Description: This is a completely built-from scratch theme that utilizes a grid structure for a clean, orderly approach that makes the content (the artwork!) the main focus. 
Version: 4
Author: Brad Blackman
Author URI: http://bradblackman.com/
Tags: grid, modern, typography
*/

/* UNIVERSAL SETTINGS */
* {padding: 0; margin:0;}
body { background: #484848; font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }
p { font-size:12px; line-height:16px; padding-bottom:10px; }
ul { list-style: none; }
hr {display:none;}
h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
h2 {
 font-size: 26px;
 line-height: 26px;
 padding-bottom: 10px;
}
h3 { font-size:14px; line-height:16px; }
a { color: #000; text-decoration:underline; font-weight:bold; }
a:hover { color: #FFF; background-color:#333; text-decoration:none; }
a img { border:none; }

#sectionid {height: 26px; margin:20px 10px 20px 10px; padding-bottom:10px; border-bottom: 1px solid #616161; }
#sectionid h2 { font-size:35px; }

#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus { position:static; width:auto; height:auto; }

.alignright { float:right;}
.alignleft {float:left;}
.navigation {clear:both;}

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

#header h1 { height: 32px; margin-left:10px; }
#header h1 a:hover {background:none;}
#header ul#nav { margin-top:-20px; margin-left:320px; }
	ul#nav {list-style:none; }
	ul#nav li { font-size:11px; float:left; padding-right:10px; padding-left:10px; width:70px;height:30px;text-align:center;text-transform:uppercase;}
	ul#nav li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;}
/*	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:960px; margin-right:auto; margin-left: auto; overflow:auto; }

/* HOME PAGE */
#splash h2 { display:none; }
#splash ul { list-style: none; padding:0; margin:0;}
#splash ul li {padding:0;margin:0; display:inline;}
#home_intro { margin-top: 20px; width:630px; overflow:auto; float:left; }
#intro { font-size: 14px; line-height: 20px; font-weight: bold; padding-left: 10px;padding-bottom: 20px; }
#shortbio { width:380px; float:left; padding-left: 10px; padding-right:20px; }

#recent { background: #ECECEC url(images/blogposts_bg.gif) repeat-x bottom; padding: 10px; width: 200px; float:left; }
#recent h2 { font: bold 16px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }
#recent h3 { font: bold 13px/13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; margin-bottom:3px; }
#recent a { color:#000; text-decoration:none; }
#recent a:hover { color:#FFF; }
.recentpost { min-height:60px; margin-bottom:5px; padding-bottom:5px; padding-top:5px; border-bottom: 1px solid #616161; display:block; overflow:auto; }
#recent .excerpt { clear:left; }
img.thumbnail { width:50px; height:50px; float:left; margin-right:10px; border:none; background-color:#484848; }

#latest_about { float:left; clear:right; width: 320px; padding-left:10px; display:block; position:relative; top:-50px; }
#latest_about h2 {display:none;}
#latest_about p {color:#333;}
#latest_about a { color: #333; text-decoration: none; font-weight: bold;}
#latest_about a:hover {color:#FFF;}

#latest_work { background:  url(images/latest_work.png) no-repeat; height: 200px; padding-top: 60px;padding-right: 40px; padding-left: 40px; }
#latest_work img {margin-bottom: 10px;}
#latest_work h3 a { font: bold 13px/13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }
img.latestwork { width:240px; display:block; margin-bottom:5px; border:none; background-color:#484848; }

#about { background:  url(images/about.png) no-repeat; height: 200px; padding-top: 55px; padding-right: 40px; padding-left: 40px; color:#333; }
#about img {float:left; padding-right: 10px; }

/* ABOUT PAGE */
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;}

/* PORTFOLIO */
#slider { position:relative; }

ul.navigation {list-style:none; display:block; width:960px;}
.navigation li { float:left; padding:10px; }
img.foliothumb { width:100px; height:100px; }
a img.foliothumb { border:none; }

.scrollButtons {width:36px; height:36px; position:absolute; top:300px; cursor:pointer; }
.scrollButtons a { display:block; height:36px; width:36px; }
.scrollButtons span{ display:none; }
.scrollMeLeft { left:0; margin-left:10px;}
.scrollMeLeft a{ background:url(images/left_right.png) 0 0 no-repeat; }
.scrollMeLeft a:hover{ background:url(images/left_right.png) 0 -36px no-repeat; }
.scrollMeRight { right:0; margin-right:10px; }
.scrollMeRight a{ background:url(images/left_right.png) -36px 0 no-repeat; }
.scrollMeRight a:hover{ background:url(images/left_right.png) -36px -36px no-repeat; }

.scroll{ height:750px; width:780px;margin:0 auto;overflow:auto;position:relative;clear:left; }
.scrollContainer { }
.scrollContainer .panel{ padding-top:20px; height:750px; width:780px; overflow:hidden;} 
.scroll img.large {margin-right:20px; float:left; }

div.artmeta {display:block; float:left; width:60px; margin-right:20px; }
.artmeta p { font: bold 12px/14px Helvetica, Arial, sans-serif; padding-bottom: 2px; }

/* BLOG - HOME */
.bloghome { display:block; width: 720px; float:left; }
.post {display:block; width: 200px; height: 420px; margin: 10px; padding:10px; background-color:#f4f4f4; float:left;}
.post h2 a { font: bold 13px/16px Helvetica, Arial, sans-serif; color:black; text-decoration:none; }
.post h2 a:hover { color:#FFF; }
img.postthumb { width:200px; height: 200px; display:block; margin-bottom:10px; border:none; background-color:#484848; }
img.large { width:440px; border:#f4f4f4 solid 10px;}
.post p { padding-left:0;}
.firstpost {width:460px; height:440px; padding:0; background-color:#FFF; }
.firstpost h2 a { font-size: 26px; line-height: 26px; display:block; margin-top:5px; }
p.date { font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; color: #616161; padding-bottom: 5px; }

/* SIDEBAR */
#sidebar {display:block; width: 220px; padding:0; float:right; margin: 20px 10px 10px 10px;}
.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;}

/* BLOG - SINGLE */
.single { display:block; width: 720px; float:left; }
.postmetadata { float:left; display:block; width: 140px; padding-left:10px; }
.postmetadata p { font: bold 12px/14px Helvetica, Arial, sans-serif; padding-bottom: 2px; }
.postmetadata p a { color:#000; text-decoration:none; }
.postmetadata p a:hover { color:#CCC; }
.post-single { float: right; display:block; width: 460px; margin-right: 90px; margin-bottom:10px; }
.post-single h2 { 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 { font-size:12px; font-style: italic; margin-left:60px; margin-right:60px; line-height: 16px; padding-bottom:10px}
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;}
.floatleft {float:left; margin-right:10px; margin-bottom:10px;}
.floatright {float:right; margin-left:10px; margin-bottom:10px;}

/* COMMENTS */
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;}

/* CONTACT */
#content.contact {}
#content.contact .entry {display:block; float:left; width:620px; padding:10px; }
#content.contact #elsewhere { display:block; background-color:#ebebeb; padding:20px; float:left; width:260px; margin-left:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content.contact #elsewhere ul li { display:inline; padding-right:10px;}
#content.contact #elsewhere ul li img { height:45px; width:45px; background-color:#ebebeb; }
form#cformsform {margin-top:10px;}
ol.cf-ol li {display:block; clear:left; margin-bottom:15px;height:30px; text-align:right; }
#cformsform input.single, #cformsform textarea.area { width: 444px; float:right; background-color:#EBEBEB; border:none; padding:8px 8px 6px; }
#cformsform input.single { height:20px; }
fieldset.cf_hidden {display:none;}
p.cf-sb {clear:right;display:block;margin-left:160px; padding-top:10px;}
#cformsform label { font: bold 14px/14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; color: #808080; margin-right:20px; }
.linklove { padding-left:160px; margin-top:10px; font-size:10px;}

/* ARCHIVE */
#content.archive #sectionid h2 {float:left;}
#content.archive #sectionid div.search-form {float:right; }

/* SEARCH RESULTS */
#content.search #sectionid h2 {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 h2 { font-weight: bold; }

/* FOOTER */
#footer_wrapper { background:  url(images/footer_bg.png) repeat-x; }
#footer { margin-left: auto; margin-right:auto; width: 960px; font-size: 11px; color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; }
#footer a { color: #FFFFFF; }
#footer ul { padding-bottom: 20px; }
#footer ul li { font-size: 11px; line-height: 14px; padding-bottom: 2px; }
#footer h4 { font-size: 11px; line-height: 16px; display: block; width:100%; padding-bottom: 5px; margin-bottom:5px; border-bottom: 1px solid #FFFFFF;}
#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:300px; display: block; float:left; margin-left: 20px; }
#footer p { font-size: 11px; line-height: 14px; }
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}