/*   
Theme Name: Darren Hoyt Dot Com
Theme URI: http://www.darrenhoyt.com
Description: A blog and portfolio
Version: 4.0
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com

TABLE OF CONTENTS

  Inherited Styles
  HTML Tags
  Structure
  Headers
  Content Styles
  Form Elements
  Footer
    


/* ---------- @ Inherited Styles -----------*/

@import url('css/nav.css');
@import url('css/posts.css'); 

 

/* ---------- @ HTML Tags -----------*/


* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#b0c6cc url(images/bg_mntns.jpg) no-repeat fixed center top;
	color:#161819;
	letter-spacing:.01em;
	padding-top:16px;
	}

body, select, input, textarea {
	font: 100% "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,'Times New Roman';
	}
	
p {	
	margin: 15px 0;
	line-height:170%;
	}

a, a:visited {
	color:#1c1f20;
	border-bottom:1px dotted #1c1f20;
	text-decoration:none;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	}

#s, a, a:visited { /*fade*/
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	}

a:hover {
	border-bottom:1px solid #1c1f20;
	background:#FBFCFC;
	}

a:active {
	color:#667f87;
	border-bottom:1px solid #667f87;
	}

hr {
	display: block;
	height:1px;
	background:#a7bbbe;
	border:0;
	color:#a7bbbe;
	margin:18px 0
	}

img {
	border:none;
	border-right:1px solid #bac5c8;
	border-bottom:1px solid #bac5c8;
	background:#FFF;
	padding:5px;
	}

pre {
	width:100%;
	}
	
li {
	list-style:none;
	}
		
code {
	background:#FFF;
	font-size:1.1em;
	}
	
sup {
	font-weight: bold;
	}
	
		

/* ---------- @ Structure -----------*/


#wrapper {
	font-size:.85em;
	width:860px;
	margin:0 auto;
	background:url(images/bg_wrapper.png);
	padding:0 30px 18px;
	}

#masthead, #main {
	overflow:hidden;
	}

#interior #masthead {
	margin-bottom:51px;
	}

#interior #content {
	width:596px;
	float:right;
	}

#interior #content.fullwidth {
	width:100%;
	}
	
#interior #sidebar {
	float:left;
	width:219px;
	text-align:right
	}

#interior.page #sidebar, #interior.archive #sidebar, 
#interior.search #sidebar {
	margin-top:-34px;
	}

#interior.page.page-template-contact-php #sidebar {
	margin-top: -18px;
	}				

	
		
/* ---------- @ Headers -----------*/

#logo a, #logo a:visited {
	text-indent:-999em;
	background:url(images/logo.png);
	width:103px;
	height:79px;
	display:block;
	float:left;
	border:none;
	}

#logo a:hover, #logo a:active {
	background: transparent url(images/logo.png);
	}
	
h1#hdr-skills {
	line-height: .8em;
	margin-bottom: 15px;
	}
	
h1.posttitle {
	font-size: 2.6em;
	letter-spacing:-.01em;
	color:#242424;
	line-height:120%;
	margin-bottom: -8px;
	}

#featured h2 {
	font-weight: normal;
	font-size:2.2em;
	margin-top: -6px;
	}
	
#product-intro h1 {
	margin-left:396px;	
	}

#product-intro.gravy h1 {
	background:url(images/hdr_products_gravy.png);
	}
	
h2.pagetitle {
	font-size:1.7em;
}

.entry h2 {
	font-size:2.2em;
	margin-top: 15px;
	}

h2.hdr-wrap {
	float:left;
	display:inline;
	padding-right:20px;
	font-style:italic;
	margin: 0;
	font-weight: normal;
	font-size:2.2em;
}

#bio h1 {
	margin:4px 0 13px;
	}	

h2#comments {
	margin-top:32px;
	font-size:1.5em;
	border:none;
	}
					
h3 {
	border-bottom:3px solid #a7bbbe;
	padding-bottom: 6px;
	text-transform:uppercase;
	font-weight:bold;
	font-size: .85em;
	letter-spacing:.15em;
	margin-top:22px;
	}

.entry h4, .entry h5 {
	letter-spacing:.01em;
	line-height:150%;
	}

.entry h3, .entry h2 {
	border:none;
	font-size:1.7em;
	text-transform:none;
	letter-spacing:-.03em;
	font-weight:normal;
	margin:26px 0 -10px;
	}
		
#interior #sidebar h3 {
	margin-top:35px;
	}
	
h3#trackbacks, h3#tweetbacks  {
	margin:40px 0 20px;
	}
		
#respond h3 {
	margin:50px 0 20px;
	}

h3.product-filetype {
	padding:7px 0 10px 50px;
	}
		
h3#product-psd {
	background:url(/images/blog/hdr_icon_photoshop.png) no-repeat;
	}

h3#product-wp {
	background:url(/images/blog/hdr_icon_wp.png) no-repeat;
	}

h3#product-support {
	background:url(/images/blog/hdr_icon_support.png) no-repeat;
	}

h3.product-faq {
	background:url(/images/blog/hdr_icon_faq.png) no-repeat;
	}

h3.product-changelog {
	background:url(/images/blog/hdr_icon_changelog.png) no-repeat;
	}
			
#product-details.entry h3 {
	margin:26px 0 -5px
	}
				
h4 {
	margin:8px 0 -10px;
	font-weight:bold;
	line-height:135%
	}

.case h4 {
	font-size:1.3em;
	margin-bottom:10px;
	}
	
#aside-list h4 {
	margin-bottom: 12px;
	}

#asides h4 {
	display:inline;
	padding-right:3px;
	font-size:1em;
	}	
		
.entry h4 {
	margin:15px 0;
	}

h5 {
	text-transform:uppercase;
	font-size:.85em;
	letter-spacing:.19em;
	} 
	
#skills-list h5 {
	margin-bottom:9px;
	}
 



	
/* ---------- @ Content Styles -----------*/




/*Misc Content Styles*/

#bio h1, #design-intro h1, #product-intro h1, #hdr-skills em {
	font-weight: normal;
	line-height: 1.5em;
	}	
	
#bio h1 span, #design-intro h1 span, #product-intro h1 span, #hdr-skills span {
	display: block; 
	text-transform: uppercase;
	font-weight: bold;
	font-size:1.8em;
	}


#sidebar img, #sidebar a, #sidebar a:hover  {
	background: none !important;
	padding: 0;
	}

a.noborder, a.noborder:visited {
	border: none !important;
	}
	
#featured h2 a, #featured h2 a:visited, 
h4 a, h4 a:visited {
	border:none;
	color:#1c1f20;
	}
	
#featured h2 a:hover, h4 a:hover {
	text-decoration:underline;
	border:none;
	background:none !important;
	}

h2 a:active, h4 a:active {
	color:#4f5455;
	}		
	
a#feedback, a#feedback:visited, 
a#tab-twitter, a#tab-twitter:visited {
	position:fixed;
	top:180px;
	right:0;
	width:32px;
	height:134px;
	background:url(images/feedback.png);
	display:block;
	text-indent:-999em;
	border:none
	}

a#feedback:active, a#tab-twitter:active {
	margin-top:1px;
	}

a#tab-twitter, a#tab-twitter:visited {
	top:142px;
	height:32px;
	background:url(images/tab_twitter.png);
	}

	
.price {
	background:#5e7880;
	color:#FFF;
	font-size:.8em;
	margin:16px 0 0 4px;
	padding:2px 4px;
	text-transform: uppercase
}	

a.more, a.more:visited {
	font-weight: bold;
	font-size: 1em;
	border:none !important;
	}

a.more:hover {
	color:#292c1e;
	text-decoration:underline
	}

.metalist {
	overflow:hidden
	}

#interior #content .metalist {
	margin-bottom:25px;
	}
			
.metalist a, .metalist a:visited {
	color:#1c1f20;
	border:none;
}

.metalist a:hover, .metalist a:active {
	color:#5c6366;
	background:none !important;
	}
	
.metalist li {
	border-bottom:1px solid #a7bbbe;
	padding:8px 0;
	line-height:140%;
	}
				
#pagination {
	margin-top:35px;
	overflow:hidden;
	}

#pagination a, #pagination a:visited {
	width:135px;
	display:block;
	padding:4px 6px;
	margin-right:12px;
	float:left;
	font-weight: bold;
	font-size:.9em;
	text-transform:uppercase;
	border:1px solid #a7bbbe;
	}
	
#pagination a:hover {
	border:1px solid #727e85;
	background:none !important;
	}

#pagination a:active {
	background:url(images/lighter.png) !important;
	color:#1c1f20;
	}
	
em.hilite {
	background:#fbfcfc;
	padding: 0 4px;
	}
	
#sidebar .page_item a {
	background:none !important;
	}
		
h3 span {
	text-transform:none;
	font-size:1.1em;
	}
	
blockquote.testimonial {
	width: 334px;
	float: right;
	border: none;
	padding: 0 0 0 16px;
	font-size:1.6em !important;
	margin: 0;
	}

blockquote.testimonial p {
	margin-top: 13px;
	line-height: 150%;
	background: url(images/quote_testimonial.png) no-repeat;
	padding: 2px 0 0 20px;
	margin: 0 0 12px 0;
	}
		
blockquote.testimonial cite {
	display: block;
	font:normal .6em 'Lucida Grande',Arial;
	color: #69848c;
	letter-spacing: 0;
	margin-top: 7px;
	text-align: right
	}




/*Typekit Stuff*/

/*
.single .date, #nav, h3, #introlist li, #home p.date {
	font-family:"proxima-nova-1","proxima-nova-2"	
	}
*/


#intro h1 strong, #bio h1 span, #design-intro h1 span, 
#product-intro h1 span, #hdr-skills span {	
	font-family:"quatro-slab-1","quatro-slab-2" !important;
	}
		

/*Single Post Pages*/

a.bookmarklet-wrap, a.bookmarklet-wrap:visited {
	color:#FFF;
	font-size:1.3em;
	border: 0;
	display: block;
	}

a.bookmarklet-wrap:hover {
	background: none;
	}
	
.bookmarklet, .bookmarklet-wrap {
	cursor:move;
	}

.bookmarklet {
	width: 160px;
	background: -moz-linear-gradient(top, #676667,#363535);
	background:-webkit-gradient(linear, center bottom, center top, from(#363535), to(#676667));
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #1d1d1d;
	margin: 22px auto;
	text-align: center;
	padding: 4px 0 6px;
	-moz-box-shadow:0 1px 0 #FFF;
	box-shadow:0 1px 0 #FFF;
	}

.bookmarklet img {
	padding: 0;
	background: none;
	border: 0;
	margin: -5px 6px 0 0;
	vertical-align: middle
	}

#featured.end {
	background:url(images/end.png) no-repeat bottom center;
	padding-bottom: 15px;
}

/*Blue Text Color*/
#featured a, #featured a:visited, #intro h1 span, #bio h1 em, 
#design-intro h1 em, #product-intro h1 em, #hdr-skills em, blockquote {
	color:#667f87;
	}

/*Black Text*/

#featured a:hover {
	border-bottom:1px solid #667f87;
	}

#featured a:active {
	color:#1c1f20;
	border-bottom:1px solid #1c1f20;
	}
					
#featured p {
	font-size: 1.4em;
	line-height:160%;
	}

#featured p:first-letter {
	float: left;
	font-size: 3.3em;
	padding:10px 7px 0 0;
	letter-spacing:0 !important;
	line-height:38px !important;
	}
	
/*#featured p:first-line {
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:.95em;
}*/

.single #featured {
	margin-bottom:22px;
	}
	
.single #pagination a {
	width:160px;
	}
	
	


/*About Page*/	

#hdr-skills em {
	font-size:.7em;
	}

#hdr-skills span {
	font-size:1em;
	}
	
#skills {
	float:left;
	width:240px;
	}

#skills .hilite {
	font-size:.9em;
	}
	
#skills img {
	padding:0;
	border:none;
	background:none
	}

#skills-list {
	margin-bottom:25px;
	}

	
#skills-list li {
	padding:4px 0;
	margin-bottom:12px;
	}			

.meter {
	height:3px;
	overflow:hidden;
	background:#c5d4d9;
	}
	
.percent {
	float:right;
	width:32px;
	text-align:right;
	padding-right:7px;
	}
	
.rating {
	background:url(images/rating.png) no-repeat;
	height:3px;
	overflow:hidden;
	}		

.rating.design {
	width:93%;
	}

.rating.css-html {
	width:95%;
	}
			
.rating.CMS {
	width:92%;
	}

.rating.strategy {
	width:90%;
	}
	
.pageid-565 #main, .pageid-571 #main, 
.pageid-1220 #main {
	margin-top:-14px;
	}
		
#bio {
	width:577px;
	float:right;
	} 

#bio-details {
	width:306px;
	float:left;
	}
	
#bio-quote {
	width:233px;
	float:right;
	margin-top:18px;
	background:url(images/quote.png) no-repeat;
	padding-left:8px;
	}

#bio-quote blockquote {
	border:none;
	margin:0;
	padding:20px 0 0;
	font-size:1.4em !important;
	line-height:152% !important;
	font-style:italic;
	}
	
#bio-quote p {
	font-size:1.15em;
	font-style:normal;
	color:#667f87;
	margin-top:7px;
	}



/*Work Page*/

#design-intro {
	overflow: hidden
	}

#brace {
	position: absolute;
	font-size:6em;
	margin: 27px 0 0 -49px
	}
	
#design-intro h1 {
	float: left;
	width: 490px
	}

#design-intro h1 em {
	font-size:.9em;
	}	
	
#design-intro p {
	margin:6px 0 0;
	width: 369px;
	float: right
	}

#samples {
	overflow:hidden;
	margin-top:32px;
	}
		
#samples li {
	overflow:hidden;
	width:403px;
	float:left;
	margin:0 13px 38px;
}

#samples img {
	display:block;
	margin-bottom:-7px;
	}
			
.case {
	border-collapse:collapse;
	font-size: 1em;
	width:100%;
	}

.case th {
	text-align:right;
	font:bold 1.1em 'Lucida Grande',Arial, Verdana;
	font-style:normal;
	width:80px;
	padding: 12px;
}

.case td {
	padding:7px 18px;
}

.case td, .case th {
	border-bottom:1px solid #a7bbbe;
}

a.fancybox, a.fancybox:visited {
	border:none;
	background:none !important;
	}
	
#fancy_wrap a {
	border:0 !important;
	}
	
.fancybox img {
	cursor:-moz-zoom-in
	}
	
	
				

/*Aside Page*/

#aside-list {
	overflow:hidden;
	}
		
#aside-list li {
	float:left;
	width:154px;
	margin:10px 18px 9px 0;
	height:258px;
	background:url(images/lighter.png);
	padding:6px 12px 12px 12px;
	}

#aside-list li.odd {
	background:none;
	}
	
#aside-list .date {
	margin:-10px 0;
	color:#667f87;
}	



/*Blog Page*/	

#archive-list {
	margin:15px 0 28px;
	background:url(images/bg_archivelist.png) repeat-y 102px
	}
		 
#archive-list li {
	overflow:hidden;
	}

#archive-list .date {
	color:#667f87;
	width:93px;
	float:left;
	text-align:right;
	padding:5px 18px 0 0;
	background:url(images/bg_timeline.png) no-repeat right;
	margin-top:4px;
	}		

#archive-list .listing {
	float:right;
	width:450px;
	padding-left:20px
	}	


/*Products Page*/

#product-intro {
	height:231px;
	border-bottom:1px solid #cad3d6;
	background:url(images/bg_prodintro.png);
	margin-bottom:37px;
	padding-top:16px;
	}

#product-intro p {
	margin-left:398px;
	width:400px;
}

#product-intro h1 span {
	line-height: 1em;
	font-size:1.9em;
	}

#prodlist {
	overflow:hidden;
/*	background:url(images/cross.png) top center repeat-y; */
	}
		
#prodlist li {
	width:400px;
	float:left;
	height:170px;
	overflow:hidden;
	padding-right:50px;
	}
	
#prodlist img {
	float:left;
	margin-right:21px;
	}
	
#prodlist strong {
	font-weight:bold;
	font-size:1.1em;
	}	

#prodlist li:nth-child(odd) {
	background: url(images/cross.png) no-repeat right bottom;
	}

	
#prodlist li:nth-child(even) {
	padding:0;
	float: right
	}

#prodlist li:last-child {
	background: none;
	}

#prodlist p {
	margin-top:6px;
	}	
	
#product-intro.gravy {
	background:url(images/bg_gravy_intro.png);
	height:220px;
	margin-bottom:30px;
	}

#product-intro ul.button-row {
	list-style:none;
	text-align:left;
	margin:23px 0 0 394px
	}

.hdr-wrap+p {
	padding-top:3px;
}

#slideshow img {
	border:1px solid #b9c3c7;
	padding:15px;
	background:none !important;
	height:340px;
	width:620px;
	}

#demo {
	overflow:hidden;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:25px;
	width:660px
}

.button-row#slideshow-nav {
	margin:20px 0 40px;
	clear:both
}






/*Contact*/

.page-template-contact-php #content {
	margin-top:-16px;
	}	

	
	
	
			
				
/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url, .contactform input, .contactform textarea {
	background:#FFF !important;
	padding:6px;
	border-color: #99a9ad #cfd7d9 #cfd7d9 #99a9ad;
	border-style: solid;
	border-width:1px;
	}

#author, #email, #url {
	width:220px;
	}
		
.button, .contactform input#contactsubmit {
	background:#1c1f20 !important;
	border:none;
	width:134px;
	color: #FFF;
	border-radius:3px;
	font-size:1.4em;
	font-weight: bold;
	padding: 5px 0;
	}

.button:active, .contactform input#contactsubmit:active {
	color: #bbf2ff;
	}

#submit.button {
	margin-top:10px;
	}
	
#commentform textarea {
	width: 97%;
	margin:5px 0 10px;
	height:250px;
	}

#s {
	background:#FFF;
	padding:6px 0 5px 5px;
	margin-top:11px;
	border-width:1px;
	border-style:solid;
	border-color:#a7bbbe #ced9db #ced9db #a7bbbe;
	text-align:left;
	width: 180px;
	position: relative
	}


#s:focus {
	box-shadow: 0 0 4px rgba(28, 31, 32, 0.2);
	}
	
#searchsubmit {
	margin: 21px 0 0 -22px;
	position: absolute
	}		
	
#wpcf_msg {
	width:383px !important;
	height:200px;
	}

.contactform {
	margin-top:-2px !important;
	}
	
#hcard {
	border:none;
	padding:0;
}
	
.form-success {
	background:#FBFCFC;
	padding:10px;
	}

	

/* ---------- @ Footer -----------*/

#footer {
	padding:11px 15px;
	overflow:hidden;
	margin-top:30px;
	background:#1c1f20;
	color:#526366;
	text-transform:uppercase;
	font-size:.8em;
	letter-spacing:.1em;
	}

#footer a, #footer a:visited {
	color:#667f87;
	border-bottom:1px dotted #667f87;
	}
	
#footer a:hover, #footer a:active {
	border-color:#a8e2e8;
	color:#a8e2e8;
	background:none !important;
	}

#copyright {
	float:left;
	width:500px;
	}
			
#feeds {
	float:right;
	width:300px;
	text-align:right
	}
			
img.rss {
	padding:0;
	border:0;
	vertical-align:middle;
	margin-right:5px;
	background:none
	}