/*
Theme Name: Scott Barrett Design HTML5
Theme URI: http://scottbarrettdesign.com
Description: An HTML5 version of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.0
Author: Scott Barrett
Author URI: http://scottbarrettdesign.com
Tags: starkers, html5, beginning, start, clean, basic
*/

@import "style/css/reset.css";



/* Typography */

@font-face {
	font-family: 'MidoMedium';
	src: url('style/fonts/Mido-webfont.eot');
	src: local('Mido-webfont'), url('style/fonts/Mido-webfont.woff') format('woff'), url('style/fonts/Mido-webfont.ttf') format('truetype'), url('style/fonts/Mido-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('style/fonts/CartoGothicStd-Book-webfont.eot');
	src: local('CartoGothicStd-Book-webfont'), url('style/fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('style/fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('style/fonts/CartoGothicStd-Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('CartoGothicStd-Italic-webfont.eot');
	src: local('CartoGothicStd-Italic-webfont'), url('style/fonts/CartoGothicStd-Italic-webfont.woff') format('woff'), url('style/fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('style/fonts/CartoGothicStd-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothicStd-Bold-webfont.eot');
	src: local('CartoGothicStd-Bold-webfont'), url('style/fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('style/fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('style/fonts/CartoGothicStd-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('CartoGothicStd-BoldItalic-webfont.eot');
	src: local('CartoGothicStd-BoldItalic-webfont'), url('style/fonts/CartoGothicStd-BoldItalic-webfont.woff') format('woff'), url('style/fonts/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'), url('style/fonts/CartoGothicStd-BoldItalic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* Layout */

/* Generated by WordPress */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }



/******* MY COLORS *******/
/*
	#AFAFB0 - Light Grey
	#3A3A3A - Dark Grey
	#F89825 - Orange
	#FFFFFF - White
*/


#wrapper{
	width:960px;
	height:auto;
	padding:0;
	margin:0 auto;
	background-color:#ffffff;
	font-family:'MidoMedium', Georgia, serif;
	}

header{
	height:auto;
	width:960px;
	padding:0;
	margin:0 auto;
	background-color:#ffffff;
	padding-top:20px;
	}

hgroup{
	float:left;
	}

#sbdLogo{
	width:251px;
	height:161px;
	padding:0 0 20px 0;
	margin:0;
	}

#sbdLogo h1{
	text-indent:-9999px;
	line-height:0;
	}

hgroup h2{
	font-size:100%;
	font-family: 'MidoMedium', Georgia, serif;
	color:#AFAFB0;
	padding-bottom:20px;
	font-weight:lighter;
	}


/************ SOCIAL LINKS **************/
#socialLinks{
	float:right;
	background-color:#ffffff;
	text-align:left;
	}

#socialLinks ul{
	list-style-type:none;
	}

#socialLinks ul li a{
	display:block;
	height:32px;
	width:175px;
	text-indent:-9999px;
	padding:0;
	margin:20px 0 0 0;
	}

/*Twitter*/
#topTwitter, #topTwitter:visited{
	background:url(style/images/topTwitter.png) top left no-repeat;
	}

#topTwitter:hover, #topTwitter:focus{
	background:url(style/images/topTwitter.png) bottom left no-repeat;
	}

#topTwitter:active{
	background:url(style/images/topTwitter.png) top left no-repeat;
	}

/*Flickr*/
#topFlickr, #topFlickr:visited{
	background:url(style/images/flickrTop.png) top left no-repeat;
	}

#topFlickr:hover, #topFlickr:focus{
	background:url(style/images/flickrTop.png) bottom left no-repeat;
	}

#topFlickr:active{
	background:url(style/images/flickrTop.png) top left no-repeat;
	}


/*Delicious*/
#topDelicious, #topDelicious:visited{
	background:url(style/images/deliciousTop.png) top left no-repeat;
	}

#topDelicious:hover, #topDelicious:focus{
	background:url(style/images/deliciousTop.png) bottom left no-repeat;
	}

#topDelicious:active{
	background:url(style/images/deliciousTop.png) top left no-repeat;
	}


/************* SHADOW BAR **************/
.shadowBar{
	float:left;
	width:960px;
	height:24px;
	background:url(style/images/shadowBar.png) top center no-repeat;
	opacity:.3;
	}



/***************** NAV *******************/
nav{
	float:left;
	width:960px;
	height:60px;
	background-color:#ffffff;
	padding:0 0 20px 0;
	overflow:hidden;
	}

#menuList{
	list-style-type:none;
	}

#menuList li{
	float:left;
	}

#menuList span{
	display:none;
	}

#menuList li a{
	display:block;
	width:160px;
	height:60px;
	float:left;
	}


/*Home*/
#menuHome, #menuHome:visited{
	background:url(style/images/homeBg.png) top left no-repeat;
	}

#menuHome:hover, #menuHome:focus{
	background:url(style/images/homeBg.png) bottom left no-repeat;
	}


/*About*/
#menuAbout{
	background:url(style/images/aboutBg.png) top left no-repeat;
	}

#menuAbout:hover, #menuAbout:focus{
	background:url(style/images/aboutBg.png) bottom left no-repeat;
	}

/*Portfolio*/
#menuPortfolio{
	background:url(style/images/portfolioBg.png) top left no-repeat;
	}

#menuPortfolio:hover, #menuPortfolio:focus{
	background:url(style/images/portfolioBg.png) bottom left no-repeat;
	}

/*Blog*/
#menuBlog{
	background:url(style/images/blogBg.png) top left no-repeat;
	}

#menuBlog:hover, #menuBlog:focus{
	background:url(style/images/blogBg.png) bottom left no-repeat;
	}

/*Contact*/
#menuContact{
	background:url(style/images/contactBg.png) top left no-repeat;
	}

#menuContact:hover, #menuContact:focus{
	background:url(style/images/contactBg.png) bottom left no-repeat;
	}

/*RSS*/
#menuRss{
	background:url(style/images/rssBg.png) top left no-repeat;
	}

#menuRss:hover, #menuRss:focus{
	background:url(style/images/rssBg.png) bottom left no-repeat;
	}

/******** END NAV **********/


/************************ BASE, ABOUT STYLES *************************/
#helloThere{
	float:left;
	padding-bottom:20px;
	width:960px;
	height:auto;
	}

#helloThere h1{
	font-size:200%;
	font-family: 'CartoGothicStdBold', arial, sans-serif;
	color:#3a3a3a;
	display:block;
	}

#about-text h1, #port_content h1{
	padding-bottom:10px;
	font-size:200%;
	font-family: 'CartoGothicStdBold', arial, sans-serif;
	color: #3a3a3a;
	display:block;
	}

#intro, #about-text, #port_content, #contact_info{
	float:left;
	width:960px;
	height:auto;
	font-family:'MidoMedium', Georgia, serif;
	font-size:18px;
	line-height:27px;
	color:#3a3a3a;
	text-align:left;
	padding:0 0 20px 0;
	}

/*#intro{
	background:url(style/images/boyandbaboon.jpg) bottom right no-repeat;
	min-height:300px;
	}*/

#about-text img{
	float:left;
	margin:3px 30px 0 0;
	border:5px solid #F89825;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	}

#intro p, #about-text p, #port_content p{
	padding:0 0 10px 0;
	}

/************ PORTFOLIO ************/
#port_content ul{
	padding:35px 20px 20px 20px;
	list-style:none;
	}

#port_content ul li{
	float:left;
	padding:0 25px 30px 0;
	display:inline;
	text-align:center;
	}

#port_content ul li p{
	text-align:center;
	margin:-40px 0 0 0;
	color:#3a3a3a;
	font-family: 'CartoGothicStdBook', arial, sans-serif;
	font-weight:bold;
	font-size:85%;
	line-height:20px;
	
	text-shadow:1px 1px 1px #afafb0;
	}

#port_content ul li a{
	text-decoration:none;
	}

#intro a, #about-text a, article a{
	font-family:'CartoGothicStdBook', arial, sans-serif;
	color:#f89825;
	text-decoration:none;
	
	/*text-shadow: 1px 1px 1px #AFAFB0;*/
	}

#intro a:hover, #intro a:focus, #about-text a:hover, #about-text a:focus, article a:hover, article a:focus{
	border-bottom:2px solid #f89825;
	}

/********* FEEDS *********/
#lowerFeeds{
	/*background-color:#CCCCCC;*/
	clear:both;
	float:left;
	padding:0;
	width:960px;
	height:auto;
	font-family:'CartoGothicStdBold', arial, sans-serif;	
	}

/*Flickr Feed*/
#lowerFeeds #feedHolderFlickr{
	float:left;
	width:480px;
	height:auto;
	/*background-color:#999999;*/
	}

#feedHolderFlickr h2{
	font-size:150%;
	line-height:125%;
	display:block;
	color:#fe0084;
	}

#flickrFeed{
	width:480px;
	height:auto;
	overflow:hidden;
	/*background-color:#FFFFCC;*/
	}

/*Twitter Feed*/
#feedHolderTwitter{
	float:left;
	width:460px;
	height:auto;
	margin-left:20px;
	/*background-color:#666666;*/
	}

#feedHolderTwitter h2{
	font-size:150%;
	line-height:125%;
	display:block;
	color:#13a4e3;
	}

#twitterFeed{
	width:460px;
	height:auto;
	overflow:hidden;
	/*background-color:#5599bb;*/
	}

.twitterUl{
	list-style:none;
	color:#3a3a3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	padding:0;
	}

.twitterLi{
	padding-bottom:10px;
	}

.twitterUl a{
	color:#13a4e3;
	text-decoration:none;
	}

.twitterUl a:hover, .twitterUl a:focus, .twitterUl a:active{
	border-bottom: 2px solid #13a4e3;
	}

.mytwitter_separator, .mytwitter_tweet_time a{
	color:#AFAFB0;
	font-size:12px;
	font-style:italic;
	}

.mytwitter_tweet_time a:hover, .mytwitter_tweet_time a:focus{
	border:none;
	}



/******************** BLOG ***************************/
.postHolder{
	width:730px;
	height:auto;
	float:left;
	border-right:1px solid #3a3a3a;
	font-family: 'MidoMedium', Georgia, serif;
	}

.postHolder h2 a{
	font-family:'CartoGothicStdBold', arial, sans-serif;
	}

article{
	width:690px;
	height:auto;
	float:left;
	padding:20px;
	border-bottom:1px solid #3a3a3a;
	font-family: 'MidoMedium', Georgia, serif;
	color:#3a3a3a;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
	}

article h2, .archTagHeaders{
	font-size:200%;
	color:#3a3a3a;
	padding:0 0 5px 0;
	font-family: 'CartoGothicStdBold', arial, sans-serif;
	}

article h3, article h3 a{
	font-size:125%;
	font-family: 'CartoGothicStdBold', arial, sans-serif;
	}

.noPostsFound{
	font-size:175%;
	color:#F89825;
	text-align:center;
	padding-bottom:20px;
	}

article h2 a, article h2 a:active, article h3 a, article h3 a:active{
	color:#AFAFB0;
	text-decoration:none;
	}

article h2 a:hover, article h2 a:focus, article h3 a:hover, article h3 a:focus{
	color:#3a3a3a;
	border:none;
	}

article time{
	color:#F89825;
	font-weight:bold;
	}

article p{
	padding:0 0 10px 0;
	text-align:left;
	}

article footer{
	font-weight:bold;
	color:#3a3a3a;
	}

.postTags{float:left; width:690px;}

.postCat{float:left; width:690px;}


nav.prevNext{
	width:690px;
	height:auto;
	padding:20px;
	float:left;
	}

nav.prevNext ul{
	list-style:none;
	}
	
nav.prevNext li a{
	width:auto;
	height:auto;
	float:left;
	font-family:'CartoGothicStdBold', arial, sans-serif;
	color:#3a3a3a;
	font-size:12px;
	text-decoration:none;
	}

nav.prevNext li a:hover, nav.prevNext li a:focus{
	font-weight:bold;
	}

nav.prevNext ul li:last-child{
	float:right;
	text-align:right;
	}

/*nav.prevNext ul li:nth-child(2){
	float:right;
	text-align:right;
	}*/

#postNav{
	float:left;
	width:690px;
	height:20px;
	}

#postNav a{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#3a3a3a;
	font-weight:normal;
	}

#postNav a:hover, #postNav a:focus{
	text-decoration:none;
	border:none;
	font-weight:bold;
	}

.border-right{
	border-right:1px solid #3a3a3a;
	border-bottom:none;
	}


/******************************* SIDEBAR ************************************/
aside{
	float:left;
	width:200px;
	padding:20px 0 0 29px;
	font-family:'MidoMedium', Georgia, serif;
	text-align:center;
	}

aside h1{
        color: #3a3a3a;
        font-size: 200%;
        font-family: 'CartoGothicStdBold', arial, sans-serif;
        }

aside a{
        font-family:'MidoMedium', Georgia, serif;
	color:#AFAFB0;
        }

aside a:hover, #aside a:focus{
	color:#3a3a3a;
	}

aside ul{
	list-style:none;
	}

aside ul li ul li{
        line-height:26px;
        }

aside ul li ul li a{
        font-size: 125%;
        text-decoration: none;
        }

#tag_cloud-3 a{
        text-decoration: none;
        }

.widget{
       padding: 0 0 20px 0;
       }

#huntForm{
padding-bottom:30px;
}

form#searchform input#s{
	border:2px solid #3a3a3a;
        padding:3px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

form#searchform input#s:focus{
	border:2px solid #F89825;
	}

form#searchform input#searchsubmit, form#commentform button#send,
form#contactform button#submit-contact{
	background-color:#F89825;
	border:2px solid #3a3a3a;
	color:#3a3a3a;
	font-weight:bold;
	font-family: 'CartoGothicStdBook', arial, sans-serif;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

form#searchform input#searchsubmit:hover, form#searchform input#searchsubmit:focus,
form#commentform button#send:hover, form#commentform button#send:focus,
form#contactform button#submit-contact:hover, form#contactform button#submit-contact:focus{
	color:#ffffff;
	}

.searchDescribe{
	text-align:left;
	padding:20px 0 0 0;
	}
	

/************** COMMENTS *****************/
h3#respond, h3#comments{
	clear:both;
	padding:20px 0 0 0;
	color:#F89825;
	}

article.comment{
	width:auto; /*was 600px*/
	min-width:350px;
	padding:20px;
	margin:20px 0 0 0;
	border:2px solid #3a3a3a;
	background-color:#AFAFB0;
	color:#FFFFFF;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 3px 3px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 3px 3px;
	box-shadow: rgba(0,0,0,0.7) 0px 3px 3px;
 	}

header.comment-author{
	width:auto;
	padding:0;
	background-color:transparent;
	color:#FFFFFF;
	}

header.comment-author a{
	color:#FFFFFF;
	text-decoration:none;
	border:none;
	}

header.comment-author img{
	margin-right:5px;
	}

header.comment-author cite{
	}

div.comment-meta time a{
	text-shadow: 1px 1px #3a3a3a;
	font-weight:normal;
	text-decoration:none;
	}

div.comment-meta time a:hover{
	text-decoration:none;
	border:none;
	}

article form#commentform{
	padding:0 0 20px 0;
	/*background-color:#CCCCCC;*/	
	}

form#commentform label, form#commentform input{
	vertical-align:bottom;
	}

article form#commentform input, article form#commentform textarea{
	border:2px solid #3a3a3a;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

article form#commentform input:focus, article form#commentform textarea:focus{
	border:2px solid #F89825;
	}


/********************** CONTACT PAGE ********************/
#contact_info{
	float:left;
	width:960px;
	height:auto;
	font-family:'MidoMedium', Georgia, serif;
	font-size:18px;
	line-height:20px;
	color:#3a3a3a;
	text-align:left;
	padding:0 0 20px 0;
}

#contact_info h1{
	font-size:175%;
	padding-bottom:20px;
	}

#contact_info h2{
	font-size:125%;
	padding-bottom:20px;
	color:#F89825;
	}

#contact_info form#contactform label{
	font-weight:bold;	
	}

#contact_info form p{
	padding-bottom:15px;
	}

#contact_info form#contactform input{
	border:none;
	border-bottom:2px solid #3a3a3a;
	}

#contact_info form#contactform input:focus, #contact_info form#contactform textarea:focus{
	border:none;
	border-bottom:2px solid #F89825;
	}

#contact_info form#contactform textarea{
	border:2px solid #3a3a3a;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}

#contact_info form#contactform textarea:focus{
	border:2px solid #F89825;
	}

#contact_info form#contactform ol{
	list-style:none;
	line-height:40px;
	}

.screenReader{
	left:-9999px;
	position:absolute;
	top:-9999px;
	}

.error{
	font-family:'CartoGothicStdBook', arial, sans-serif;
	font-size:12px;
	color:red;
	display:block;
	}

button /*this effects the comment button as well*/{
	margin-top:10px;
	}


/********************* 404 ***************************/
#404_error{
	width:940px;
	height:auto;
	padding:20px;
	margin:0 auto;
	background-color:#FFFFCC;
	}

#404_error h2{
	font-family: 'CartoGothicStdBold', arial, sans-serif;
	color: #f89825;
	font-size:300%;
	text-align:center;
	}

#404_error h3{
	font-family:'MidoMedium', Georgia, serif;
	color: #3a3a3a;
	font-size:200%;
	text-align:center;
	}

#404_error h4{
	font-family:'MidoMedium', Georgia, serif;
	color: #3a3a3a;
	font-size:150%;
	text-align:center;
	}

#404_error h4 a{
	font-family: 'CartoGothicStdBold', arial, sans-serif;
	color: #f89825;
	text-decoration:none;
	}

#404_error h4 a:hover, #404_error h4 a:focus{
	border-bottom: 2px solid #f89825;
	}

#404_error #baboon img{
	margin:0 auto;
	}


/********************* FOOTER *************************/
#footer{
	clear:both;
	float:left;
	width:960px;
	margin:30px 0 30px 0;
	padding:5px 0 20px 0;
	/*background-color:#AFAFB0;*/
	
	/*-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;*/
	}

#footer nav#footerNav{
	float:left;
	font-family:'CartoGothicStdBook', arial, sans-serif;
	font-size:12px;
	width:400px;
	}

#footer nav#footerNav ul{
	list-style:none;
	}

#footer nav#footerNav ul li a{
	float:left;
	margin-right:5px;
	display:block;
	width:auto;
	color:#AFAFB0;
	text-decoration:none;
	padding:3px 5px;
	}

#footer nav#footerNav ul li a:hover, #footer nav#footerNav ul li a:focus{
	background-color:#f89825;
	color:#ffffff;
	}

#footer #copyrightInfo{
	font-family:'MidoMedium', Georgia, serif;
	font-size:80%;
	line-height:150%;
	color:#3a3a3a;
	text-align:right;
	float:right;
	}

#footer #copyrightInfo p span{
	font-weight:bold;
	color:#3a3a3a;
	font-size:115%;
	
	text-shadow:1px 1px 1px #F89825;
	}

#footer #copyrightInfo a{
	color:#3a3a3a;
	text-decoration:none;
	font-weight:bold;
	}

#footer #copyrightInfo a:hover, #footer #copyrightInfo a:focus{
	border-bottom:2px solid #3a3a3a;
	
	/*text-shadow: 1px 1px 1px #3a3a3a;*/
	}