/*

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 
			
			/* Inner Green : #87c177 */
			/* Outer Green : #16afac */
			/* Dark Gray : #2b2b2b */


body 
{
	font-size: .80em;
	margin: 0px;
	text-align: center;
	background: #ffffff /*url(img/bg.gif) top left fixed*/;
	color: #16afac;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

body p, li {
	color: #2b2b2b;
}

body.home #page { margin:20px 0 1px;}

.divider {
	width: 625px;
	height: 1px;
	border-top: 1px solid #16afac; 
}

strong {
	font-weight: bold;
}

h1 strong {
	font-weight: normal;
}

.page-item-60 {
	display:none;
}

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

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

	#top{
		position: relative;
		padding-top: 44px;
		height: 115px;	
	}
	
		#logo{
			float: left;
			height: 135px;
			margin-top:-5px;
			width: 135px;
			text-indent: -9999em;
			background: url(img/hypnotherapy-logo-small.png) top left no-repeat;	
		}
		
		div.mainquote {
			text-align: right;
			font-size: 18px;
		}
		
		#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: right;
			margin-top: 50px;
		}
		
			#nav li{
				float: left;
				padding-left: 26px;	
			}
			
			#nav li ul{
				display: none;
			}
			
			#nav li a{
				float: left;
				color: #87c177;
				padding: 9px 0 10px 0;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 14px;
			}
			
			#nav li.active a, #nav li a:hover{
				padding-top: 9px;
				border-bottom: 2px solid #87c177;
				color: #87c177;
			}
	
	
	
	#splash{
		border-bottom:1px solid;
		position: relative;
		text-align: left;
		padding-bottom: 10px;
		height: 180px;
		/*background: url(img/hline.gif) bottom center no-repeat;*/
	}
	
			#splash h1 {
				color:#16afac;
				font-size:5.7em;
				padding:55px 0 40px 0;
				position:relative;
			}
		
                        #splash h1 span{
                                color: #16afac;
                                font-size: 30px;
}
			
			#splash h1 span.mainquote {
				color:#16afac;
				font-size:0.75em;
			}

#splash h1 span{
				color: #16afac;
			}
			
			#splash h1 strong{
				font-size: 31px;
			}
			
			#splash h1 strong a{				
				color: #16afac;
			}
	
	
	
	
	#page{
		border-bottom:1px solid;
		position: relative;
		overflow: hidden;
		font-size: 1.1em;
		margin: 85px 0 1px 0;
		height: 100%;
		clear: both;
	}
					
		#page h2{
			color: #16afac;
			font-size: 2.4em;
			padding-bottom: 10px;
		}
		
			#page #content>h2 a{
				color: #16afac;
			}
	
		#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: #16afac;
				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 {
				margin-bottom:0;
				overflow:hidden;
				padding:15px;
				position:relative;
				/*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: 0px;
				}
				
				.entry .entry-content h3{
					padding-bottom: 1em;
					color: #16afac;
					font-size: 1.5em;
					font-style: normal;
					padding-bottom: 1em;
				}	
				
				.entry .entry-content h4{
					padding-bottom: 1em;
					color: #16afac;
					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: #16afac;
				}
				
					.entry-content blockquote p{
						padding-bottom: 0;
					}
					
					.entry-content blockquote cite{
						font-weight: bold;
						color: #16afac;
						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.png) 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: #16afac;
					font-style: italic;
					font-size: 1.9em;
					padding-bottom: .8em;
				}
				
					.entry h3 a.learn-more{
						float: right;
					}
				
				.entry h4{
					color: #16afac;
					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: #16afac;
				}
			
				.entry a.more-link{
					font-size: 1.4em;
					color: #16afac;
				}
				
				
				#commentlist li{
					position: relative;
					padding: 16px 16px 6px 16px;
					background: #EEE9E3;
					margin-bottom: 12px;
				}
				
					#comwrap a{
						color: #16afac;
					}
				
					#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: #16afac;
					}
					
					.paginate ul{
						float: right;	
					}
					
					.paginate li{
						float: left;	
						padding-left: 3px;
					}
					
					.paginate li a{
						float: left;
						padding: 5px 10px 7px 10px;
						color: #16afac;	
						background: #E2E2E2;	
					}
					
					.paginate li a.active, .paginate li a:hover{
						background: #281B12;
						color: #16afac;
						text-decoration: none;
					}
			
			#comwrap h2{
				font-size: 2em;
				color: #16afac;
				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;*/
		}
		
			.widget{
				position: relative;
				padding: 10px 0 15px 0;
			}
			
				.widget h3{
					position: relative;
					font-size: 1.3em;
					color: #16afac;
					padding:5px 0 24px;	
				}
				
				.widget li{					
					color: #16afac;	
				}
				
				.widget p, .widget ul, .widget ol{
					line-height: 2em;
					padding-bottom: 1.2em;	
				}
				
				.widget a{
					color: #16afac;
				}
				
				.widget li:before{
					content: '» ';
					color: #16afac;
				}
				
				.widget p strong{
					display: block;
					color: #16afac;
					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{
			border-bottom:1px solid;
			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: #16afac;
				font-size: 2.4em;
				padding-bottom: .8em;
			}
			
			.section h3{
				color: #16afac;
				font-style: italic;
				font-size: 1.9em;
				padding-bottom: .8em;
			}
			
			.section h4 {
				color:#2b2b2b;
				float:left;
				font-size:1.5em;
				font-style:italic;
				padding-bottom:0.5em;
				padding-left: 2px;
				width:220px;
			}
			
			.section p{
				line-height: 1.7em;
				padding-bottom: 1.2em;	
			}
			
			.section a{				
				color: #16afac;
			}
			
			.section a.more-link{
				font-size: 1.4em;
				color: #16afac;
			}
			
			#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{
					background: url(img/check.png) left center no-repeat;
					float: left;
					width: 45%;	
					padding: 5px 0 5px 22px;
				}
				
				.service-list li a{
					position: relative;
					display: block;
					/*background: url(img/check.png) left center no-repeat;*/
					/*padding: 3px 0 3px 22px;*/	
					color: #2b2b2b;
				}
			
			.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: #2b2b2b;
					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: 49.9%;
				}
				
				.social li a{
					float: left;
					color: #16afac;
					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: #16afac;
					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-color: #FFFFFF;
	height: 80px;
	padding: 20px;
}

	#footer{
		position: relative;
		margin: auto;
		width: 930px;
		height: 80px;
		line-height: 0px;	
	}
	
		.designed {
			color:#16AFAC;
			float:left;
			line-height: 100px;
		}
		
			.designed a{
				color: #16afac;
			}
		
		.foot-links{
			float: right;			
			color: #16afac;	
		}
		
		.foot-links a{			
			color: #16afac;	
		}
		
		ul.badges li {
			float: left;
			margin:0 30px 0 35px;
		}

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

.entry-content ul {
	list-style: circle inside;
}

.entry-content ol li,
.entry-content ul li  {
background:url("img/check.png") no-repeat scroll left center transparent;
padding:5px 0 5px 22px;
list-style-type:none;
}

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