/*
Theme Name: Caffeinehit
Theme URI: http://wordpress.org/
Description: Theme for http://www.caffeinehit.com based on default WordPress theme.
Version: 1.0
Author: Stephen Blake
Author URI: http://peeledcarrots.com

*/

body {
	background:url(images/bgd-body.jpg) repeat-x 0 0;
	font-family: Arial, Helvetica sans-serif;
}
* {margin:0;padding:0}

/*--- MISC ---*/
.hidden {display:none;}
a {color:#A0754B;}
a:hover {color:#FF6600;}
em {font-style:normal;}
img {border:0}
hr {display:none !important}

/*--- GENERIC ---*/
h1, h2, h3, h4 {
	font-weight:normal;
	line-height:120%;
}
h1 {
	font-size:18pt;
	color:#666;
	padding:50px 0 10px 0;
	letter-spacing:-1px;
}
h1 a, h2 a {text-decoration:none;}
h1 strong {
	color:#A0754B;
	font-weight:normal;
}
h1 em {
	color:#999;
}
h2 {
	font-size:13pt;
	color:#666;
}
div.blog-post h2 a,
div#blog h2 {
	font-size:18pt;
	color:#666;
	padding:50px 0 10px 0;
	letter-spacing:-1px;
}
h3 {
	font-size:11pt;
	color:#666;
}
#wrap-right h3.heading {
    font-size:18pt;
	color:#666;
	padding:50px 0 10px 0;
	letter-spacing:-1px;
}
h3#respond {
    font-size:18pt;
	color:#666 !important;
	padding:50px 0 10px 0;
	letter-spacing:-1px;
}
h4 {
	font-size:11pt;
	color:#666;
}
ul {}
ol {}
li {
	list-style-type:none;
	font-size:9pt;
	color:#999;
}
p {
	font-size:9pt;
	color:#666;
	line-height:150%;
}


/*--- BODY ---*/
#page,
#wrap-all {
	width:1000px;
	min-width: 1000px;
}
*html #wrap-all  {
	width:1050px;
}

/*--- LEFT ---*/
#wrap-left {
	float:left;
	width:250px;
	text-indent:-10000px;
}
*html #wrap-left {
	width:260px;
}
#wrap-left a {cursor:hand}
#wrap-left h3 {
	background:url(images/nav-lid.jpg) no-repeat 0 0;
	height:108px;
}
#wrap-left ul {
	float:left;
	background:url(images/nav-base.jpg) no-repeat bottom left;
	padding-bottom:132px;
}
#wrap-left li {}
#wrap-left li.home {
	background:url(images/nav-home_bgd.jpg) no-repeat 0 0;
}
#wrap-left li.home a {
	background: url(images/nav-home.jpg) no-repeat 0 0;
	display:block;
	margin:0 0 0 96px;
	width:59px;
	height:43px;
}
#wrap-left li.home a:hover, #wrap-left .home-active {
	background-position:-59px 0 !important;
}
#wrap-left li.web-design {
	background:url(images/nav-web_bgd.jpg) no-repeat 0 0;
	width:96px;
	height:78px;
	float:left;
}
#wrap-left li.web-design a {
	background: url(images/nav-main.jpg) no-repeat 0 0;
	display:block;
	margin:29px 0 0 56px;
	width:40px;
	height:49px;
}
#wrap-left li.web-design a:hover, #wrap-left .web-design-active {
	background-position:-99px 0 !important;
}
#wrap-left li.graphic-design {
	background:url(images/nav-graphic_bgd.jpg) no-repeat 0 0;
	width:154px;
	height:78px;
	float:left;
}
#wrap-left li.graphic-design a {
	background: url(images/nav-main.jpg) no-repeat -40px 0;
	display:block;
	margin:29px 0 0 0;
	width:59px;
	height:49px;
}
#wrap-left li.graphic-design a:hover, #wrap-left .graphic-design-active {
	background-position:-139px 0 !important;
}
#wrap-left li.cv {
	background:url(images/nav-cv_bgd.jpg) no-repeat 0 0;
	width:96px;
	height:40px;
	clear:both;
	float:left;
}
#wrap-left li.cv a {
	background: url(images/nav-main.jpg) no-repeat 0 -49px;
	display:block;
	margin:0 0 0 57px;
	width:40px;
	height:40px;
}
#wrap-left li.cv a:hover, #wrap-left .cv-active {
	background-position:-99px -49px !important;
}
#wrap-left li.clients {
	background:url(images/nav-clients_bgd.jpg) no-repeat 0 0;
	width:154px;
	height:40px;
	float:left;
}
#wrap-left li.clients a {
	background: url(images/nav-main.jpg) no-repeat -40px -49px;
	display:block;
	margin:0;
	width:59px;
	height:40px;
}
#wrap-left li.clients a:hover, #wrap-left .clients-active {
	background-position:-139px -49px !important;
}
#wrap-left li.blog {
	background:url(images/nav-blog_bgd.jpg) no-repeat 0 0;
	width:96px;
	height:42px;
	float:left;
}
#wrap-left li.blog a {
	background: url(images/nav-main.jpg) no-repeat 0 -88px;
	display:block;
	margin:0 0 0 57px;
	width:40px;
	height:42px;
}
#wrap-left li.blog a:hover, #wrap-left .blog-active {
	background-position:-99px -88px !important;
}
#wrap-left li.contact {
	background:url(images/nav-contact_bgd.jpg) no-repeat 0 0;
	width:154px;
	height:42px;
	float:left;
}
#wrap-left li.contact a {
	background: url(images/nav-main.jpg) no-repeat -40px -88px;
	display:block;
	margin:0;
	width:59px;
	height:42px;
}
#wrap-left li.contact a:hover, #wrap-left .contact-active {
	background-position:-139px -88px !important;
}


/*--- MIDDLE ---*/
#wrap-middle {
	float:left;
	width:579px;
	padding:40px 0;
}
*html #wrap-middle {
	width:579px;
}
#wrap-middle h1, #wrap-middle h2 {
	clear:both;
	padding:0 0 20px 0 !important;
	margin:0 20px 0 10px;
}
#wrap-middle h2.homepage {
	background:url(images/bgd-dots.gif) repeat-x bottom;
	color:#999;
}
#wrap-middle h3 {
	margin:0 10px;
}

/*- portfolio -*/
#portfolio {}
*html #portfolio {width:550px;}
#portfolio h1 {
	padding:20px 0 0 0 !important;
	margin:0 12px !important;
}
#portfolio h1.homepage-highlight {}
#portfolio p {
	line-height:110%;
	padding-top:3px;
	color:#999;
}
.portfolio-strip {
	clear:both;
}
#portfolio .portfolio-piece {
	border:1px solid #ccc;
	background:#fff;
}
#portfolio .portfolio-piece h3 em {
	color:#999;
}
ul.expertise {
	padding:5px 0 20px 0 !important;
	margin:0 20px 0 10px;
	float:left;
	background:url(images/bgd-dots.gif) repeat-x bottom;
}
ul.expertise li {
	padding:2px 12px 2px 0;
	float:left;
}

/*- big block -*/
#portfolio .main-image {
	padding:10px;
	margin:10px 20px 5px 10px;
	clear:both;
}

#portfolio h1.portfolio-title {
	padding-bottom:5px !important;
	margin-top:20px !important;
	margin-right:20px !important;
}
#portfolio .main-image h3 {
	padding:10px 0 0 0;
	line-height:110%;
	margin:0;
}

/*- thumbnail block -*/
#portfolio .thumb {
	float:left;
	padding:5px;
	min-height:135px;
	margin:5px 0 5px 10px;
	width:164px;
}
*html #portfolio .thumb {
	height:135px;
	margin:5px 0 5px 5px;
}
#portfolio .thumb h3 {
	padding:5px 0 0 0;
	margin:0;
	font-size:10pt;
}
#portfolio .thumb img {
	width:100%;
	height:auto;
}
*html #portfolio .thumb img {
	width:100%;
	height:50%;
}

/*- portfolio info -*/
#portfolio .portfolio-info {
	width:60%;
	float:left;
	margin-bottom:20px;
}
#portfolio .portfolio-info h3 {
	font-size:14pt !important;
}
#portfolio .portfolio-info p {
	color:#666;
	padding:10px 20px 0 0;
}
#portfolio .portfolio-thumbs {
	width:40%;
	float:left;
	margin-bottom:20px;
}
#portfolio .portfolio-thumbs h4 {padding:8px 0 0 0;}
#portfolio .screengrab {
	height:80px;
	overflow:hidden;
	margin:10px 0 0 0;
	border:1px solid #999;
}
#portfolio .screengrab img {
	width:100%;
	height:auto;
}
*html #portfolio .screengrab img {
	width:100%;
	height:80px;
}
#portfolio .tags {
	clear:both;
	background:#eee;
	margin-top:10px;
}
#portfolio .tags p {
	padding:10px;
}
*html #portfolio .tags p {
	padding:5px;
}

/*- cv -*/
#cv {
	padding-bottom:20px;
}
*html #cv {width:550px;}
#cv label {
	width:120px;
	float:left;
	color:#999;
}
#cv h1.first-header {
	padding-top:20px !important;
}
#cv h1 {
	padding:30px 0 0 0 !important;
	margin:0 10px !important;
}
#cv h2 {
	margin:20px 0 5px 10px;
	padding:0 !important
}
#cv h3 {
	padding-top:0;
	color:#999;
}
#cv h3 strong {
	font-weight:normal;
	color:#666;
}
#cv p {
	padding:10px 20px 0 10px;
}

/*- clients -*/
#clients {
	background:url(images/bgd-dots.gif) repeat-x top;
	margin-right:20px;
}
*html #clients {width:550px;}
#clients label {
	width:200px;
	float:left;
	color:#666;
}
#clients h1.first-header {
	padding-top:20px !important;
}
#clients h1 {
	padding:30px 0 0 0 !important;
	margin:0 10px !important;
}
#clients h2 {
	margin:20px 0 5px 10px;
	padding:0 !important
}
#clients h3 {
	padding-top:0;
	color:#999;
}
#clients h3 strong {
	font-weight:normal;
	color:#666;
}
#clients ul {
	padding:20px 20px 20px 10px;
}
#clients li {
	padding:0 5px 5px 25px;
	background:url(images/user.gif) no-repeat 0 0;
}
#clients li.active-client {
	background:url(images/user-active_client.gif) no-repeat 0 0;
}
#clients li.active-client label {
	color:#4D96FE;
}

/*- contact -*/
#contact {}
#contact h2.like-what-you-see {
	padding-bottom:5px !important;
}
#contact h3 {padding-right:20px;}
#contact h3 em {color:#999;}

/*- about-*/
#about {}
#about h3 {padding-right:20px;}
#about h3 {color:#999;}

/*- jobs -*/
#jobs {}
#jobs  ul {
	padding:0 0 20px 80px;
}
#jobs  li {
	font-size:12pt;
	padding-bottom:5px;
}
#jobs h2.like-what-you-see {
	padding-bottom:5px !important;
}
#jobs h3 {padding-right:20px;}
#jobs h3 em, #jobs p em {color:#999;}
#jobs .job-openings {
	background:url(images/bgd-dots.gif) repeat-x top;
	margin:20px 20px 0 0;
	padding-top:20px;
}
#jobs .job-openings h1 {padding:0 !important}
#jobs .job-openings h2 {color:#999;padding-bottom:0 !important}
#jobs .job-openings h3 {color:#ccc;padding-bottom:10px !important}
#jobs .job-openings p {
	padding:0 10px 10px 10px;
}



/*- BLOG -*/
#blog {}
*html #blog {width:550px;}
#blog h1, #blog h2 {
	clear:both;
	padding:20px 0 0 0 !important;
	margin:0 10px !important;
}
#blog h1.homepage-highlight {}
#wrap-middle h2.blog-intro {
	padding:0 0 10px 0 !important;
}
#blog h3 {color:#999;}
#blog h3 em {color:#ccc;}
#blog p {
	line-height:150%;
	padding:10px 0 0 0;
	color:#999;
}
#blog .blog-post {
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	margin:10px 20px 5px 10px;
	clear:both;
}
.blog-post p img{
    margin-top:-10px;
}
#blog .portfolio-piece h3 em {
	color:#999;
}
.blog-pagination {
	margin:20px 20px 0 20px;
	width:528px;
	float:left;
}
.blog-pagination .previous-post {
	float:left;
}
.blog-pagination .next-post {
	float:right;
}

/*- blog post -*/
#blog .blog-post h2,
#blog .blog-post h1 {
	padding:0 !important;
	margin:0 !important;
}
#blog .blog-post h3 {
	padding:0 !important;
	margin:0 0 10px 0 !important;
}
#blog .category {
	clear:both;
	background:#eee;
	margin-top:20px;
}
#blog .category p {
	padding:10px;
}
*html #blog .category p {
	padding:5px;
}

/*- blog archives-*/
.blog-archives {}
.blog-archives ul {
	padding:10px 0 0 15px;
}
.blog-archives li {}

#blog .blog-archives {
	width:180px;
	float:left;
}
#blog .blog-archives ul {
	padding:10px 0 20px 0 !important;
}
#blog .blog-archives li {
	font-size:12pt !important;
	padding:0 0 5px 10px !important;
}


/*- blogroll-*/
.blogroll {}
.blogroll ul {
	padding:10px 0 15px 8px;
}

.blog-archives li {}

/*- blog comments-*/
#blog-comments {
	clear:both;
	padding:0 0 20px 0;
	margin:20px 0 0 20px;
	width:528px;
	background:#eee url(images-blog/speechbubble-base.gif) no-repeat bottom left;
}
#blog-comments h2 {
	background:url(images-blog/speechbubble-top.gif) no-repeat 0 0;
	margin:0;
	padding:15px 0 15px 10px !important;
	border-bottom:1px solid #fff;
}
#blog-comments h3 {
	padding:0;
	margin:0;
}
#blog-comments h4 {
	padding-top:5px;
	color:#ccc;
	font-size:9pt;
}
#blog-comments .comment-holder {
	clear:both;
	margin:0 20px 0 20px;
	padding:20px 0;
	background:url(images/bgd-dots.gif) repeat-x bottom;
}
#blog-comments .last-comment {
	background:none;
	padding-bottom:0
}
form#comment textarea,
form#commentform textarea {
	width: 485px;
}

/*--- RIGHT ---*/
#wrap-right {
	float:left;
	width:170px;
	padding:0 0 40px 0;	
}
#wrap-right #news {
	padding-top:80px;
	background:url(images/icon-news.gif) no-repeat 0 20px;
	border-left:1px solid #ccc;
}
#wrap-right h3.heading {
	padding:20px 0 0 15px;
	color:#666;
}
#wrap-right div.blogroll h3.heading {
	padding-left: 5px;
}
#wrap-right .news-article h3 {
	padding:5px 5px 5px 15px;
	color:#999;
	background:#eee url(images/news-title-bgd.jpg) repeat-y 0 0;
}
#wrap-right .news-article h3 a.name {color:#999;text-decoration:none;}
#wrap-right .news-article h3 a:hover {color:#999;text-decoration:underline;}

#wrap-right .news-article h3 em {
	font-style:normal;
	color:#ccc;
}
#wrap-right .news-article {
	padding:10px 0 5px 0;
}
#wrap-right .news-article p {
	padding:5px 0 5px 15px;
	color:#999;
}
#wrap-right p.blog-reminder {
	padding:10px 10px 80px 15px;
	color:#999;
	font-style:italic;
	background:url(images/bgd-right.jpg) no-repeat top left;
}



/*--- FOOTER ---*/
#footer {
	clear:both;
	padding:0 0 20px 260px;
}
#footer p {
	color:#999;
}
#footer p.reg-address {
	font-size:8pt;
	color:#ccc;
	padding-top:10px;
}