/*
Theme Name: Javaleaf
Theme URI: http://www.javaleaf.com
Description: A custom WordPress theme for the official website of Javaleaf Marketing.
Version: 1.0
Author: Derek Traver
Author URI: http://www.javaleaf.com
*/

*{
	margin: 0;
	padding: 0;
}

body {
	background: #5d861e;
}

/* HEADER STYLES
********************************************************************************/

#header{
	height: 149px;
	background: url(images/header_bg_x.jpg) repeat-x;
}

	#header .container{
		width: 960px;
		height: 149px;
		margin: 0 auto;
		background: url(images/header_container_bg.jpg) no-repeat;
		position: relative;
	}
	
		#header .logo{
			width: 339px;
			height: 118px;
			background: url(images/javaleaf_logo.png) no-repeat;
			display: block;
			float: left;
			margin-top: 15px;
			text-indent: -9999px;
		}
				
/* MASTHEAD STYLES
********************************************************************************/

#masthead{
	background: url(images/masthead_bg_x.jpg) repeat-x;
	height: 400px;
}

	#masthead .container{
		width: 1011px;
		height: 400px;
		margin: 0 auto;
		position: relative;
		background: url(images/masthead_container.jpg) no-repeat;
	}
	
		#masthead #slideshow{
			width: 380px;
			height: 213px;
			position: absolute;
			top: 78px;
			right: 44px;
		}
		
			#masthead #slideshow img {
				position:absolute;
				top:0;
				left:0;
				z-index:8;
			}
			
			#masthead #slideshow img.active {
				z-index:10;
			}
			
			#masthead #slideshow img.last-active {
				z-index:9;
			}


#masthead.subpage{
	background: url(images/masthead-subpage_bg_x.jpg) repeat-x;
	height: 150px;
}
	
	#masthead.subpage .container{
		width: 1011px;
		height: 150px;
		margin: 0 auto;
		background: url(images/masthead-subpage_container.jpg) no-repeat;
	}
	
		#masthead.subpage .search{
			width: 286px;
			float: right;
			margin: 38px 60px 0 0;
		}	
	
		#masthead.subpage .searchfield{
			width: 232px;
			height: 35px;
			background: url(images/searchfield_bg.png) no-repeat;
			border: 0;
			float: left;
			font-size: 16px;
			padding: 10px 0 0 10px;			
		}
		
		#masthead.subpage .searchsubmit{
			width: 44px;
			height: 41px;
			background: url(images/search_btn.png) no-repeat;
			border: 0;
			float: right;
		}

/* MIDDLE STYLES
********************************************************************************/

#middle{
	background: #ffecc8 url(images/middle_bg_x.jpg) top repeat-x;
}

	#middle .wrapper{
		background: url(images/middle_wrapper_bg.jpg) repeat-y;
		margin: 0 auto;
		width: 1011px;
	}
	
		#middle .main{
			background: url(images/main_bg.jpg) no-repeat;
			padding: 0 36px 40px 36px;
			width: 939px;
			overflow: hidden;
		}
		
.leftcolumn {
	border-right: 1px solid #e1e1e1;
	float: left;
	padding-right: 20px;
	min-height: 560px;
	width: 560px;
}

/* index page */

h1.homepage_title{
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e1e1e1;
	
	
}

.internalads {
	overflow: hidden;
	width: 100%;
	margin-bottom: 60px;
}
 
	.internalads h2 {
		width: 220px;
		display: block;
		padding: 3px 0 3px 40px !important;
		margin: 0 0 3px 0;
	}
 
		.internalads h2.design {
			background:url(images/design_internal_icon.jpg) left no-repeat;
			float: left;
		}
 
		.internalads h2.marketing {
			background:url(images/marketing_internal_icon.jpg) left no-repeat;
			float: right;
		}
 
.leftad {
	width: 259px;
	padding-right: 20px;
	padding-top: 15px;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	float: left;
}
 
.rightad {
	width: 260px;
	padding-left: 20px;
	padding-top: 15px;
	border-top: 1px solid #e1e1e1;
	float: right;
}
 
.internalads ul {
	font-weight: bold;
	margin: 0 0 20px 0;
	list-style: none;
}
 
.internalads li {
	background: url(images/internalads_li.gif) left no-repeat;
	margin-bottom: 4px;
	padding-left: 28px;
}
 
a.seeAll {
	background: url(images/seeAll_btn.jpg) left no-repeat;
	width: 103px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}
 
	a.seeAll:hover {
		background-position: -103px 0;
	}
	
/* sidebar styles */

.rightcolumn {
	width: 340px;
	float: right;
}

	.rightcolumn .block {
		background: url(images/sidebar_block_top.gif) top no-repeat;
		padding-top: 11px;
		clear: both;
	}
	 
		.rightcolumn .block .inner {
			background: url(images/sidebar_block_inner.gif) bottom no-repeat;
			padding: 8px 15px 15px 15px;
		}
		
			a.freequote {
				width: 119px;
				height: 39px;
				background: url(images/freequote_btn.gif) left no-repeat;
				display: block;
				float: right;
			}
			 
				a.freequote:hover {
					background-position: -119px 0;
				}
				
/* different blocks */

.widget{
	clear: both;
	margin-bottom: 42px;
}


	.widget h2{
		padding-left: 40px;		
		padding-top: 5px;
		margin-bottom: 0;
	}
	

.widget ul{
	margin: 0;
	list-style: none;
}
.widget li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e1e1e1;
}
.widget a{
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px;
}

	.widget a:hover{
		background: #f28855;
		color: #fff;
		text-decoration: none;
	}


.subnav h2{		
	background: url(images/subnav_h2.gif) left no-repeat;
}

.categories h2{		
	background: url(images/subnav_h2.gif) left no-repeat;
}

.archives h2{		
	background: url(images/archives_h2.gif) left no-repeat;
}
	
/* quick contact form */
 
.quickContact, .quote_form {
	display: block;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 42px;
}
 
	.quickContact h2 {
		background: url(images/quickcontact_h2.gif) left no-repeat;
		padding-left: 40px;
		padding-top: 5px;
	}
 
	.quickContact .txtfield {
		width: 330px;
		height: 24px;
		background: url(images/txtfield_bg.gif) no-repeat;
		padding: 6px 5px 0 5px;
		border: 0;
		display: block;
		margin-bottom: 10px;
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #777;
	}
 
	.quickContact textarea {
		font: bold 14px Arial, Helvetica, sans-serif;
		border: 0;
		display: block;
		margin-bottom: 10px;
		padding: 6px 5px;
		width: 330px;
		height: 58px;
		background: url(images/txtarea_bg.gif) no-repeat;
		overflow: hidden;
		color: #777;
	}
	
	.quickContact .error-msg, .quote_form .error-msg{
		display: block;
		background: #ff6e6e url(images/captchError_bg.gif) 7px 50% no-repeat;
		border: 1px solid #d20000;
		color: #d20000;
		font-weight: bold;
		padding: 5px;
		margin-bottom: 10px;
	}
	
	.quickContact .thanks-msg, .quote_form .thanks-msg{
		display: block;
		background: #acff8c;
		border: 1px solid #278a00;
		color: #278a00;
		font-weight: bold;
		padding: 5px;
		margin-bottom: 10px;
	}
	
	.quickContact .error, .quote_form .error{
		color: #CC0000 !important;
	}
 
	.quickContact button, .quote_form button {
		background: url(images/submit_btn.gif) left no-repeat;
		width: 82px;
		height: 30px;
		border: 0;
		display: block;
		text-indent: -9999px;
		float: right;
	}
 
		.quickContact button:hover, .quote_form button:hover {
			background-position: -82px 0;
			cursor: pointer;
		}
		
/* quote form */

.quote_form h2 {
	background: url(images/quoteform_h2.gif) left no-repeat;
	padding-left: 40px;
	padding-top: 5px;
}

.quote_form .txtfield, .quote_form select, .quote_form textarea{
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #777;
	display: block;
	margin-bottom: 10px;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
}

.quote_form .txtfield, .quote_form select{
	width: 328px;
	padding: 5px;
}

.quote_form select{
	width: 339px !important;
	padding: 5px 5px 0 5px !important;
}

.quote_form option{
	padding-bottom: 5px;
}

.quote_form textarea{
	width: 328px;
	height: 50px;
	padding: 5px;
}
		
/* BLOG STYLES */

.post{
	padding-bottom: 21px;
	margin-bottom: 42px;
	border-bottom: 1px solid #e1e1e1;
}

h2.posttitle{
	padding: 0 !important;
	margin: 0 !important;
	font-size: 24px;
	line-height: 36px;
}

h1.posttitle{
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 28px;
	line-height: 36px;
}

p.meta{
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

p.meta.single{
	margin: 0 0 15px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #e1e1e1;
}

.post-thumb{
	border: 5px solid #e1e1e1;
	margin: 5px auto 15px auto;
}

.post-image{
	border: 5px solid #e1e1e1;
	margin-bottom: 10px;
}

/* contact us page */

.contactinfo{
	width: 460px;
	margin: 0 auto;
	overflow: hidden;
}

	.contactinfo .left{
		width: 48%;
		float: left;
	}
	
	.contactinfo .right{
		width: 48%;
		float: right;
	}

/********** COMMENTS STYLES **********/

.commentsarea form p{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.commentsarea .field{
	height: 20px;
}

#respond h2{
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
}

h4#comments {
	clear: both;
	margin: 45px 0 5px 0;
}

.commentlist li {
	font-size: inherit;
}

.commentlist li .avatar { 
	float: right;
	position: relative;
}
	
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 1.3em;
}
	
.commentlist p {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 10px 5px 10px 0;
	text-transform: none;
}

.commentmetadata {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0;
}
	
.commentlist .reply {
	font-size: 0.8em;
	font-weight: bold;
}

.commentlist {
	margin: 0 0 20px 0;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 10px;
	list-style: none;
	background: #fbfbfb;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px 0;
}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.comms-navigation, .navigation {
	clear: both;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

.children {
	padding: 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

/* search styles */

.searchresult{
	margin: 15px 0 10px;
	padding: 10px;
	list-style: none;
	background: #fbfbfb;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px 0;
}


/* FOOTER STYLES
********************************************************************************/

#footer{
	background: #5d861e url(images/footer_bg_y.jpg) center repeat-y;
	border-top: 1px solid #487600;
	margin-bottom: 20px;
}

	#footer .outer{
		background: url(images/footer_wrapper_bg.jpg) bottom no-repeat;
		margin: 0 auto;
		padding: 0 15px;
		width: 981px;
	}
	
	#footer .inner{
		background: url(images/footer_inner_bg.jpg) top left no-repeat;
		padding: 20px 20px 35px 20px;
	}
	
/* footer boxes */
	
#footer .boxes{
	background: url(images/footer_border.jpg) bottom repeat-x;
	color: #fff;
	overflow: hidden;
	padding-bottom: 21px;
	margin-bottom: 21px;
}

#footer .boxes a, #footer .boxes a:visited{
	color: #b8ea6b;
}

#footer .box{
	float: left;
	margin-right: 20px;
	width: 220px;
}

	#footer .box.last{
		margin-right: 0;
	}
	
#footer .boxes h2{
	background: url(images/footer_border.jpg) bottom repeat-x;
	border: 0;
	color: #fff;
}

/* blog box */

#footer .blog ul{
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#footer .blog li{
	border-bottom: 1px solid #517d0d;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

#footer .blog a, #footer .blog a:visited{
	color: #fff;
}

#footer .blog .date{
	color: #a6ca70;
	font-size: 0.857143em;
	line-height: 1.75em;
	text-align: right;
}

/* projects box */

#footer .projects a, #footer .projects a:visited{
	border: 5px solid #7ba934;
	display: block;
	margin-bottom: 15px;
}

#footer .projects a:hover{
	border-color: #b8ea6b;
}

#footer .projects img{
	border: 0;
}

/* twitter box */

#footer .twitter .bubble{
	background: url(images/twitter_top.gif) top no-repeat;
	padding-top: 17px;
}

	#footer .twitter .bubble .inner{
		background:url(images/twitter_inner.jpg) bottom no-repeat;
		padding: 0 15px 84px 15px;
	}
	
#footer .twitter p{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-bottom: .75em;
}

#footer .twitter p.time{
	color: #8ab940;
	font-size: 0.785714em;
	line-height: 1.909091em;	
}

#tweet ul{
	margin: 0;
	list-style: none;
}

/* testimonials box */

#footer .testimonials{
	margin-right: 0;
	color: #fff;
}

#footer .testimonials blockquote{
	background: url(images/testimonials_quote.jpg) top left no-repeat;
	border: 0;
	color: #fff;
	padding: 5px 0 0 20px;
	margin: 0;
}

#footer .testimonials p.citation{
	text-align: right;
	margin-bottom: 0;
}

/* bottom section */
#footer .bottom{
	overflow: hidden;
	zoom: 1;
}

#footer .bottom .left{
	float: left;
	padding-top: 10px;
	width: 600px;
}

	#footer .bottom .left ul{
		margin: 0 0 10px 0;
		list-style: none;
	}
	
	#footer .bottom .left li{
		display: inline;
		margin-right: 25px;
	}
	
		#footer .bottom .left li.last{
			margin-right: 0;
		}
	
	#footer .bottom .left li a, #footer .bottom .left li a:visited{
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		line-height: normal;
	}
	
	 #footer .bottom .left li a:hover{
	 	color: #b8ea6b;
		text-decoration: none;
	 }
	
	#footer .bottom .left p{
		color: #a6ca70;
		font-size: 0.785714em;
		line-height: 1.909091em;
	}
	
		#footer .bottom .left p a, #footer .bottom .left p a:hover{
			color: #a6ca70;
			text-decoration: underline;
		}	
		
			#footer .bottom .left p a:hover{
				color: #b8ea6b;
			}
	
	

#footer .bottom .right{
	background: url(images/footer_right_bg.jpg) top right no-repeat;
	color: #a6ca70;
	float: right;
	font-size: 0.785714em;
	line-height: 1.909091em;
	padding: 5px 105px 5px 0;
	text-align: right;
}

	#footer .bottom .right address{
		font-style: normal;
	}

	#footer .bottom .right .phone{
		color: #fff;
		display: block;
		font: bold 30px/normal Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}

/* TOOLBOX
********************************************************************************/

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.col2-set{
	overflow: hidden;
	margin-bottom: 3em;
}
	
	.col-1{
		width: 260px;
		float: left;
	}
	
	.col-2{
		width: 260px;
		float: right;
	}
	
.col2-set .project h3{
	margin-bottom: .25em;
	padding-bottom: .25em;
}
	
.col2-set .project img{
	border: 5px solid #e1e1e1;
	margin-bottom: .75em;
}

.col2-set .project .details{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .75em;
	padding-left: 24px;
	background: url(images/internalads_li.gif) 0 10% no-repeat;
}

.col2-set .project .meta{
	border-top: 1px solid #e1e1e1;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
}

.project-details{
	font-weight: bold;
	margin-bottom: .75em;
	padding-left: 24px;
	background: url(images/internalads_li.gif) 0 10% no-repeat;
}