/*

Theme Name: LOARSE
Description: I've adapted this for my own use. 
Version: 1.0
Author: 

*/	


			/* Global Layout */


body 
{
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top left fixed;
color: #636363;
	font: .75em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#shim{
	position: relative;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	background: url(img/bg2.jpg) top center no-repeat;
}

#wrap{
	position: relative;
	margin: auto;
	width: 960px;
	background: url(img/bg2.jpg) top center no-repeat;
}

	#top{
		position: relative;
		padding-top: 44px;
		height: 80px;	
	}
	
		#logo{
			float: left;
			height: 75px;
			width: 205px;
			text-indent: -9999em;
			background: url(img/logo.png) top left no-repeat;	
		}
		
		#search{
			float: right;
			padding: 4px 0 0 0;	
		}
		
			#search a.rss{
				float: left;	
				width: 16px;
				height: 16px;
				margin: 7px 7px 0 0;
				text-indent: -9999em;
				background: url(img/rss.gif) top left no-repeat;
			}
			
			#search .text{
				float: left;
				padding: 5px 5px 0 5px;
				width: 149px;
				height: 22px;
				font-size: 12px;
				border: 0;
				background: url(img/search.gif) top left;
			}
		
		#nav{
			float: left;
			padding-left: 100px;
		}
		
			#nav li{
				float: left;
				padding-right: 26px;	
			}
			
			#nav li ul{
				display: none;
			}
			
			#nav li a{
				float: left;
				color: #000;
				padding: 12px 0 10px 0;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 13px;
			}
			
			#nav li.active a, #nav li a:hover{
				padding-top: 9px;
				border-top: 3px solid #603813;
				color: #603813;
			}
	
	
	
	#splash{
		position: relative;
		text-align: left;
		background: url(img/wizz_man.png) no-repeat right center;
	padding-bottom: 20px;
	border-bottom: 4px dashed #402e00;
	height: 300px;
}
	
		#splash h1{
			position: relative;
			color: #402e00;	
			padding: 50px 0 40px 20px;
	font: 6em/1em Rockwell, Georgia, "Times New Roman", Times, serif;
}
				
		
			#splash h1 span{
				color: #000;
			}
			
			#splash h1 strong{
				font-size: 34px;
			}
			
			#splash h1 strong a{				
				color: #402e00;
			}
	
	
	
	
	#page{
		position: relative;
		overflow: hidden;
		font-size: 1em;
		margin: 60px 0 1px 0;
	line-height: 1.2em;
}
					

					
		#page h1{
			color: #402e00;	
			padding-bottom: 10px;
	font: 2.8em/1.25em Ro
	ckwell, Georgia, "Times New Roman", Times, serif;
}		
		
		#page h2{
			color: #402e00;	
			padding-bottom: 10px;
	font: 2.4em/1.2em Rockwell, Georgia, "Times New Roman", Times, serif;
}
		
			#page #content>h2 a{
				color: #402e00;
			}
	
		#content{
			float: left;
			width: 660px;
			text-align: left;
	margin: 20px;
}
		
		
		#contact{
			position: relative;	
			padding-left: 10px;
		}
		
			#contact h3{
				position: relative;
				font-size: 2.1em;
				font-weight: bold;
				color: #402e00;
				padding: 30px 0 20px 0;
			}
		
			#contact .text{
				padding: 4px 5px 0 5px;
				height: 21px;
				width: 290px;
				border: 0;
				background: url(img/ti1.gif) top left no-repeat;
			}
			
			#contact label{
				display: block;	
				padding-bottom: 3px;
			}
			
			#contact p{
				padding-bottom: 1em;
				overflow: hidden;
			}
			
			#contact .text.alt{
				padding: 4px 5px 0 5px;
				height: 21px;
				width: 472px;
				border: 0;
				background: url(img/ti2.gif) top left no-repeat;
			}
			
			#contact textarea{
				padding: 5px;
				height: 215px;
				width: 641px;
				border: 0;
				background: url(img/ti3.gif) top left no-repeat;
			}
			
			#contact .submit{
				float: right;
				width: 170px;
				height: 33px;
				border: 0;
				font-size: 0;
				margin-right: 8px;
				background: url(img/contact-submit.gif) top left no-repeat;	
			}
			
		
			#content>h2{
				padding-left: 15px;
			}
		
			.entry{
				padding: 15px;
				overflow: hidden;
				position: relative;
				margin-bottom: 55px;
				background: url(img/fade.gif) bottom left repeat-x;
			}
			
				.entry-image{
					float: left;
					padding-right: 19px;
					width: 210px;	
					margin-right: 18px;
					background: url(img/image-line.jpg) top right no-repeat;
				}
				
					.entry-image img{
						width: 210px;
					}
				
				.archived .entry-content{
					margin-left: 248px;
				}
				
				.entry .entry-content h3{
					padding-bottom: 1em;
					color: #402e00;
					padding-bottom: 1em;
	padding-top: 2em;
	font: normal 1.5em Rockwell, Georgia, "Times New Roman", Times, serif;
}	
				
				.entry .entry-content h4{
					padding-bottom: 1em;
					color: #402e00;
					padding-bottom: .2em;
	margin-top: 1em;
	margin-bottom: 1em;
	font: 1.5em Rockwell, Georgia, "Times New Roman", Times, serif;
}	
				
				.entry-content blockquote{
					padding: 10px 45px 10px 18px;
					border-left: 5px solid #603814;
					font-style: italic;
					margin-bottom: 14px;
					color: #444;
				}
				
					.entry-content blockquote p{
						padding-bottom: 0;
					}
					
					.entry-content blockquote cite{
						font-weight: bold;
						color: #000;
						font-style: normal;
						font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
					}
				
				.entry em{
					font-style: italic;
				}
			
			
				.folio-image{
					position: relative;
					padding-bottom: 12px;
				}
				
					.folio-image img{
						display: block;
					}
				
				.folio-item{
					overflow: hidden;	
				}
				
					.folio-specs{
						float: left;
						width:138px;
						padding-right: 3px;
						background: url(img/line.gif) top right no-repeat;
					}
					
						.folio-specs li{
							padding-left: 20px;
							margin-bottom: 7px;
							background: url(img/check.gif) left center no-repeat;
						}
					
					.folio-content{
						float: right;
						width: 470px;
					}
					
				.folio-content a.learn-more{
					font-size: 1.4em;
					margin-right: 35px;
					color: #402e00;
}
				
				
				.entry h3{
					color: #402e00;
					padding-bottom: .8em;
	margin-bottom: .5em;
	margin-top: 1.25em;
	font: 1.9em Rockwell, Georgia, "Times New Roman", Times, serif;
}
				
					.entry h3 a.learn-more{
						float: right;
					}
				
				.entry h4{
					color: #402e00;
					padding-bottom: .2em;
					font: 1.5em Rockwell, Georgia, "Times New Roman", Times, serif;
}
				
					.entry h4 a.learn-more{
						float: right;
						font-size: 1em;
						margin-right: 0;
					}
				
				.entry p{
					line-height: 1.7em;
					padding-bottom: 1.2em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
			
				.entry a{				
					color: #402e00;
				}
			
				.entry a.more-link{
					font-size: 1.4em;
					color: #402e00;
				}
				
				
				#commentlist li{
					position: relative;
					padding: 16px 16px 6px 16px;
					background: #EEE9E3;
					margin-bottom: 12px;
				}
				
					#comwrap a{
						color: #402e00;
					}
				
					#commentlist .avatar{
						float: left;
					}
					
					#commentlist li p{
						margin-left: 70px;
					}
					
					#commentlist cite{
						font-style: italic;
					}
					
					#comwrap .do-info{
						float: left;
						width: 208px;	
						overflow: hidden;	
						height: 50px;
						padding-bottom: 12px;
					}
					
					.do-info.alt{
						clear: left;
					}
					
						.do-info label{
							display: block;
						}
					
						.do-info input{
							padding: 3px 4px 3px 4px;
							width: 198px;
							background: #fff;
							border: 1px solid #666;
						}
					
					.do-comment{
						float: right;
						width: 408px;	
						margin-top: -63px;
					}
					
						.do-comment label{
							display: block;	
						}
						
						.do-comment textarea{
							padding: 3px 4px 3px 4px;
							width: 398px;
							background: #fff;
							border: 1px solid #666;
							height: 78px;
						}
					
					.do-submit{
						position: relative;
						clear: both;
					}
					
						.do-submit #submit{
							float: right;
							width: 170px;
							height: 33px;
							border: 0;
							text-indent: -9999em;
							font-size: 0;
							background: url(img/submit.jpg) top left no-repeat;
						}
				
				
				.paginate{
					position: relative;
					overflow: hidden;
					margin: 0 15px 25px 15px;
				}
				
					.paginate span{
						float: left;	
						padding-top: 5px;	
					}
					
					.paginate strong{
						font-weight: bold;
						color: #222;
					}
					
					.paginate ul{
						float: right;	
					}
					
					.paginate li{
						float: left;	
						padding-left: 3px;
					}
					
					.paginate li a{
						float: left;
						padding: 5px 10px 7px 10px;
						color: #222;	
						background: #E2E2E2;	
					}
					
					.paginate li a.active, .paginate li a:hover{
						background: #281B12;
						color: #fff;
						text-decoration: none;
					}
			
			#comwrap h2{
				color: #402e00;
				font-style: italic;
				margin-bottom: 18px;
	font-size: 1.5px;
}
			
				#comwrap strong{
					font-weight: bold;
					font-style: normal;
				}
				
				.commentlist{
					padding-bottom: 18px;
				}
			
			
		
		#sidebar{
			float: right;
			width: 222px;
			padding-left: 28px;
			text-align: left;
			background: url(img/pbg.gif) top left no-repeat;
	line-height: 1.5em;
}
		
			.widget{
				position: relative;
				padding: 10px 0 15px 0;
	line-height: 1.5em;
}
			
				.widget h3{
					position: relative;
					font-size: 1.3em;
					color: #402e00;	
					padding-bottom: 10px;
	line-height: 1.5em;
}
				
				.widget li{					
					color: #000;	
				}
				
				.widget p, .widget ul, .widget ol{
					padding-bottom: 1.2em;
	line-height: 1.5em;
}
				
				.widget a{
					color: #402e00;
	line-height: 1.5em;
}
				
				.widget li:before{
					content: '» ';
					color: #000;
				}
				
				.widget p strong{
					display: block;
					color: #000;
					margin-bottom: -6px;
					font-weight: bold;
	line-height: 1.5em;
}
				
				.cats h3, .widget_categories h3, .widget_pages h3, .widget_archive h3{
					padding-left: 24px;
					background: url(img/sb1.jpg) left top no-repeat;
				}
				
				.popular h3, .widget_recent_comments h3{
					padding-left: 24px;
					background: url(img/sb2.jpg) left top no-repeat;
				}
				
				.recent h3, .widget_recent_entries h3{
					padding-left: 24px;
					background: url(img/sb3.jpg) left top no-repeat;
				}


		.section{
			text-align: left;
			font-size: 1.1em;
			position: relative;
			overflow: hidden;
			padding: 15px 0 5px 0;
		}
		
		.section.alt{
			background: url(img/fade.gif) bottom left repeat-x;
		}
		
			.section .full{
				width: 900px;
				float: left;
				background: url(img/wizz_man.png) no-repeat right center;
				border-bottom: 4px dashed #402e00;
				height: 100%;
}		

			.section .full p{
				width: 70%;
}

			.section .bottom{
				border-top: 4px dashed #402e00;
				font-size: 1em;
				margin-top: 20px;
				line-height: 1em;
				clear: both;
				position: relative;
				display: block;
				height: 100%;
}
			.section .column{
				width: 450px;
				float: left;
				padding: 15px;
			}
			
			.section .thirds{
				width: 275px;
				float: left;
				padding: 15px;
				top: 0px;
				right: 5px;
				bottom: 5px;
				left: 5px;
}
				.bottom-thirds{
				width: 30%;
				float: left;
				padding: 15px;
				top: 0px;
				right: 5px;
				bottom: 5px;
				left: 5px;
}
			
				
			.section h2{
				color: #402e00;
				padding-bottom: .8em;
				font: 2.4em Rockwell, Georgia, "Times New Roman", Times, serif;
}
			
			.section h3{
				color: #402e00;
				padding-bottom: .8em;
				font: 1.9em Rockwell, Georgia, "Times New Roman", Times, serif;
}
			
			.section h4{
				color: #402e00;
				padding-bottom: .5em;
				font: 1.5em Rockwell, Georgia, "Times New Roman", Times, serif;
}

			
			.section h6{
				color: #402e00;
				font: 1.1em Rockwell, Georgia, "Times New Roman", Times, serif;
				text-decoration: underline;
				margin-bottom: 4px;
}
			
			.section p{
				line-height: 1.7em;
				padding-bottom: 1.2em;
				font-size: 1.2em;
}
			
			.section a{				
				color: #402e00;
			}
			
			.section a.more-link{
				font-size: 1.4em;
				color: #402e00;
			}
			
			#do-request{
				position: relative;
				display: block;
				text-indent: -9999em;
				height: 65px;
				width: 440px;
				background: url(img/req.jpg) top left no-repeat;
			}
			
			.service-list{
				position: relative;
				overflow: hidden;	
				padding-bottom: 1.2em;
			}
			
			.service-list li{
				display: block;
				background: url(img/check.gif) left center no-repeat;
				line-height: 1.25em;
				padding: 3px 0 3px 26px;
				clear: left;
				float: left;
}

			
	
				.service-list li a{	
					color: #402e00;
				}	
			

			.service-post{
				position: relative;
				overflow: hidden;	
				padding-bottom: 1.2em;
			}


			.service-post1 li{
				display: block;
				float: left;
				width: 100px;
				height: 100px;
	text-align: center;
	margin: 10px;
	background-image: url(img/post-it1.png);
	background-repeat: no-repeat;
	position: relative;
	text-indent: 10px;
	vertical-align: bottom;
	font: .75em "futura, Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


			.service-post2 li{
				display: block;
				float: left;
				width: 100px;
				height: 100px;
		font: .75em "futura, Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 10px;
	background-image: url(img/post-it2.png);
	background-repeat: no-repeat;
	position: relative;
	text-indent: 10px;
	vertical-align: bottom;
}


			.service-post3 li{
				display: block;
				float: left;
				width: 100px;
				height: 100px;
		font: .75em "futura, Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 10px;
	background-image: url(img/post-it3.png);
	background-repeat: no-repeat;
	position: relative;
	text-indent: 10px;
	vertical-align: bottom;
}
				.service-post li a{	
					color: #402e00;
				}	
				
				
			
			.skills-list{
						position: relative;
						overflow: hidden;
						margin-top: 1em;
						margin-bottom: 2.75em;
}	
	
				.skills-list li{
					float: left;
					width: 45%;
					line-height: 1em;
					position: relative;
					display: block;
					padding-bottom: 2px;
}
								
				.skills-list li a{
					color:  #402e00;

}

			.recent-work{
				position: relative;
				overflow: hidden;	
			}
			
				.recent-work li{
					position: relative;
					overflow: hidden;
					padding-bottom: 12px;
				}
				
				.recent-work li img{
					float: left;
					margin-right: 18px;
				}
				
				.recent-work li p{
					padding-bottom: 1em;
				}
			
			.post-list{
				position: relative;
				line-height: 1.7em;
				padding-bottom: 1.2em;
	font-size: 1em;
}
			
				.post-list li{
					padding: 3px 0 3px 0;	
				}
				
				.post-list li a{
					display: block;
					color: #636363;
					padding-left: 22px;
					background: url(img/page.gif) left center no-repeat;
				}
			
			.social{
				position: relative;
				line-height: 1.7em;
				overflow: hidden;
				padding-bottom: 1.2em;
}
				.widget .social li:before{
					content: '';
				}
				
				.widget .social li, .widget social li a{
					float: none;
					width: auto;
				}
				
				.social li{
					float: left;
					width: 100%;
				}

				
				.social li a{
					float: left;
					color: #636363;
					padding-left: 22px;
					padding: 9px 0 9px 36px;
	width: 100%;
}

				
				.socialfoot li{
					float: left;
					width: 49.9%;
				}
								
				.socialfoot li a{
					float: left;
					color: #636363;
					padding-left: 22px;
					padding: 9px 0 9px 36px;
					width: 49.9%;
}

				.social1{
					background: url(img/s1.gif) left center no-repeat;
				}
				.social2{
					background: url(img/s2.gif) left center no-repeat;
				}
				.social3{
					background: url(img/s3.gif) left center no-repeat;
				}
				.social4{
					background: url(img/s4.gif) left center no-repeat;
				}
				.social5{
					background: url(img/s5.gif) left center no-repeat;
				}
				.social6{
					background: url(img/s6.gif) left center no-repeat;
				}
				
				.social7{
					background: url(img/s7.gif) left center no-repeat;
				}
			
			.process-list{
				position: relative;
				line-height: 1.7em;
				overflow: hidden;
				padding-bottom: 1.2em;
			}
			
				.process-list li{
					position: relative;
					padding: 4px 0 4px 0;
				}
				
				.process-list li a{
					color: #636363;
					padding-left: 22px;
					padding: 0 0 0 36px;	
				}
				
				.p1{
					background: url(img/p1.jpg) left center no-repeat;
				}
				.p2{
					background: url(img/p2.jpg) left center no-repeat;
				}
				.p3{
					background: url(img/p3.jpg) left center no-repeat;
				}
				.p4{
					background: url(img/p4.jpg) left center no-repeat;
				}
				.p5{
					background: url(img/p5.jpg) left center no-repeat;
				}
	





#foot{
	background: url(img/foot-bg.gif) top left;
	height: 81px;	
}

	#footer{
		position: relative;
		margin: auto;
		width: 930px;
		line-height: 81px;	
	}
	
		.designed{
			float: left;
			color: #998677;	
		}
		
			.designed a{
				color: #402e00;
			}
		
		.foot-links{
			float: right;			
			color: white;	
		}
		
		.foot-links a{			
			color: white;	
		}