/*

Theme Name: LOARSE
Theme URI: lijuen@lijuen.com
Description: PSDTuts+ WordPress Portfolio Theme Design Competition held during September 2009
Version: 1.0
Author: Li Juen Chang, coded by HTML Rockstars

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top left fixed;
color: #636363;
font-family: Georgia, Arial, Helvetica, 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: 42px;	
	}
	
		#logo{		
			float: left;
			height: 42px;
			width: 230px;
			text-indent: -9999em;
			background: url(img/logo.png) top left no-repeat;	
			margin: -10px 0 0 0;
		}
		
		#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 0 0 5px;
				width: 159px;
				height: 22px;
				font-size: 12px;
				border: 0;
				background: url(img/search.gif) top left no-repeat;
			}
		
#nav{
			float: left;
			padding-left: 30px;
		}
		
			#nav li{
				float: left;
				padding-right: 14px;	
			}
			
			#nav li ul{
				display: none;
			}
			
			#nav li a{
				float: left;
				color: #000;
				padding: 10px 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;
		padding-bottom: 10px;
		background: url(img/hline.gif) bottom center no-repeat;
	}
	
	
	#splash{
		position: relative;
		text-align: left;
		padding-bottom: 10px;
		background: url(img/hline.gif) bottom center no-repeat;
	}
	
		#splash h1{
			position: relative;
			font-size: 6em;
			color: #7D7D7D;	
			padding: 50px 0 40px 20px;
		}
		
			#splash h1 span{
				color: #000;
			}
			
			#splash h1 strong{
				font-size: 34px;
			}
			
			#splash h1 strong a{				
				color: #AF7A46;
			}
	
	
	
	
	#page{
		position: relative;
		overflow: hidden;
		font-size: 1.1em;
		margin: 45px 0 1px 0;
	}
					
		#page h2{
			color: #000;
			font-size: 2.4em;
			padding-bottom: 10px;
		}
		
			#page #content>h2 a{
				color: #5E3811;
			}
	
		#content{
			float: left;
			width: 660px;
			text-align: left;
		}
		
		
		#contact{
			position: relative;	
			padding-left: 10px;
		}
		
			#contact h3{
				position: relative;
				font-size: 2.1em;
				font-weight: bold;
				color: #5E3811;
				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: #000;
					font-size: 1.5em;
					font-style: normal;
					padding-bottom: 1em;
				}	
				
				.entry .entry-content h4{
					padding-bottom: 1em;
					color: #000;
					font-size: 1.5em;
					font-style: italic;
					padding-bottom: .2em;
				}	
				
				.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: Arial, Helvetica, 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;
						}
				
				
				.entry h3{
					color: #000;
					font-style: italic;
					font-size: 1.9em;
					padding-bottom: .8em;
				}
				
					.entry h3 a.learn-more{
						float: right;
					}
				
				.entry h4{
					color: #000;
					font-size: 1.5em;
					padding-bottom: .2em;
				}
				
					.entry h4 a.learn-more{
						float: right;
						font-size: 1em;
						margin-right: 0;
					}
				
				.entry p{
					line-height: 1.7em;
					padding-bottom: 1.2em;	
				}
			
				.entry a{				
					color: #B37949;
				}
			
				.entry a.more-link{
					font-size: 1.4em;
					color: #B37949;
				}
				
				
				#commentlist li{
					position: relative;
					padding: 16px 16px 6px 16px;
					background: #EEE9E3;
					margin-bottom: 12px;
				}
				
					#comwrap a{
						color: #5F3914;
					}
				
					#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{
				font-size: 2em;
				color: #5E3811;
				font-style: italic;
				margin-bottom: 18px;
			}
			
				#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;
		}
		
		#sidebar li{
list-style:none;}
		
			.widget{
				position: relative;
				padding: 10px 0 15px 0;
			}
			
				.widget h3{
					position: relative;
					font-size: 1.3em;
					color: #000;
					padding-bottom: 10px;	
				}
				
				.widget li{					
					color: #000;	
				}
				
				.widget p, .widget ul, .widget ol{
					line-height: 2em;
					padding-bottom: 1.2em;	
				}
				
				.widget a{
					color: #B07B47;
				}
				
				.widget li:before{
					content: '» ';
					color: #000;
				}
				
				.widget p strong{
					display: block;
					color: #000;
					margin-bottom: -6px;
					font-weight: bold;
				}
				
				.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: 20px 0 20px 0;
		}
		
		.section.alt{
			background: url(img/fade.gif) bottom left repeat-x;
		}
		
		
			.section .column{
				width: 450px;
				float: left;
				padding: 15px;
			}
			
			.section h2{
				color: #000;
				font-size: 2.4em;
				padding-bottom: .8em;
			}
			
			.section h3{
				color: #000;
				font-style: italic;
				font-size: 1.9em;
				padding-bottom: .8em;
			}
			
			.section h4{
				color: #000;
				font-style: italic;
				font-size: 1.5em;
				padding-bottom: .5em;
			}
			
			.section p{
				line-height: 1.7em;
				padding-bottom: 1.2em;	
			}
			
			.section a{				
				color: #B37949;
			}
			
			.section a.more-link{
				font-size: 1.4em;
				color: #B37949;
			}
			
			#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{
					float: left;
					width: 33.3%;	
					padding: 3px 0 3px 0;
				}
				
				.service-list li a{
					position: relative;
					display: block;
					background: url(img/check.gif) left center no-repeat;
					padding: 3px 0 3px 26px;	
					color: #636363;
				}
			
			.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;
			}
			
				.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;			}
				.widget .social li:before{					content: '';				}
				
				.widget .social li, .widget social li a{
					float: none;
					width: auto;
				}
				
				.social li{				margin:  0 0 20px 0;	
				}				/* override width in sidebar - trial */				.social li a.side{				line-height: 3em;				text-decoration: underline;				}				
				.social li a{
					/* float: left; */
					color: #636363;
					padding-left: 22px;
					padding: 9px 0 9px 36px;			
				}
				
				.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;
				}
			
			.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: #C8B398;
			}
		
		.foot-links{
			float: right;			
			color: #998677;	
		}
		
		.foot-links a{			
			color: #998677;	
		}

.entry-content ol,
.entry-content ul   {
	position: relative;
	line-height: 1.7em;
	padding-bottom: 1.2em;
}
		
.entry-content ol {
	list-style: decimal;
}

.entry-content ul     	     {
		list-style: none;
		padding-left: 3em;
	text-indent: -1em;
	     }

.entry-content ul li:before {
		content: "\00BB \0020";
	     }
	     
.entry-content ul strong{
font-weight: bold;
						
					}
.entry-content ol li,
.entry-content ul li  {
	line-height: 1.7em;
	padding-bottom: 1.2em;
}

.entry-content ol li  a,
.entry-content ul li  a{
	/*display: block;*/
	color: #B37949;
}