/*  
Theme Name: LiceAid Theme 
Theme URI: http://www.yuindustries.com/
Description: A wordpress theme for LiceAid, by Han Yu.
Author: Han Yu
Author URI: http://www.yuindustries.com/ 
*/

/* Reset (Boilerplate)
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* Typography
-------------------------------------------------------------- */

/* Percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 100%; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1em; line-height: 1; margin-bottom: 1em; }
/* h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; } */
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

/* Text elements */
p { margin: 0 0 1.5em; color:#444;}
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #363; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Default classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.hide { display: none; }
.highlight { background: #ffc; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* Forms
-------------------------------------------------------------- */
label {}

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0;}
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; padding: .4em;}

form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }
form.hform p input { width: 200px; }
form.hform p select { width: 200px; }
form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }
form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }

/* Comments
-------------------------------------------------------------- */
h3#comments {margin: 45px 0 20px 15px;}
h3#respond {margin: 50px 0 15px 10px;}

textarea#comment {width:425px;}

ol.commentlist {
	font-size: 85%;
	margin: 10px 0;
}

#commentform {margin: 10px 0 0 10px;}
#content .commentlist li.comment-item {
margin: 5px 0 5px 15px;
padding: 20px 15px 10px 15px;
list-style-type: none;
overflow: hidden;
}

	#content .commentlist li.alt {
	border: 1px dotted #ccc;
	margin: 15px 15px 0 15px;
	}

		.comment-info {
		margin-bottom: 5px;
		color: #666;
		font-size:.85em;
		}

		.comment_author {
			color:#333;
		font-size: 1.3em;
		}          

		.comment_number a {
		color: #d6d6d6;
		float: right;
		font-size: 3.2em;
		margin-top: -10px;
		padding-right: 10px;
		text-decoration: none;
		}
		
.comment-item .commentnum {padding-right:10px;}

/* Layout
-------------------------------------------------------------- */

body {background: #bfffff url(images/body.gif) no-repeat scroll top center;display:table;margin:0;padding:0;width: 100%;}

#container {  
display:block;	
margin: 0 auto;
width: 980px;
}
   
#wrapper {  
display:block;	
float:left;
width: 700px;
}

	#branding {    
	display: block;
	float:left;
	height: 65px;
	margin: 55px 0 25px;
	padding:0;
	width:700px;
	}   
		#branding img {float:left;}	
		#branding p.description {color:#060;float:left;font: normal normal normal 1.15em/1.2em Arial, sans-serif;margin:15px 0 0 15px;width:375px;}

	#wrapper {background: transparent url(images/wrapper.gif) no-repeat scroll bottom left;padding-bottom:40px;}   

	#main {
	background: #fff url(images/main.gif) repeat-y scroll 0 0;
	display: block;
	float:left;
	width: 680px;		  
	}
	
	#navigation {
	background: transparent url(images/main_top.gif) no-repeat scroll 0 0;
	display: block;
	float:left;
	margin:0;
	padding:0;
	width: 194px;
	}     
	
		ul.nav-main {
		display: block;
		list-style-type: none;
		margin:40px 0 15px 35px;
		width: 139px;
		}

		ul.nav-main li {
      	list-style-type: none;
		margin:0;
		padding: 0;
		}

		ul.nav-main li a {
		display: block;
		font-size:1em;
		margin: 0;
		padding:8px 23px 8px 0;
		}

		body.home li.nav-home a, li.current_page_item a, li.current-cat a {background: transparent url(images/nav-current.gif) no-repeat scroll top right;font-weight:bold}
		
		ul.nav-main li a:hover {font-weight:bold;text-decoration:none;}

		ul.nav-main li.search{}
                
			form.searchform {
			text-align: right;
			margin: 0;
			width: 130px;
			}  
		
		#content {
		border-top:10px solid #f1fffb;
		float:left;
		margin: 0 0 15px 0; 
		width: 475px;      
		}  
                           
			#content .metadata, #content span.date {display:none;} /* Hide metadata */
			#content .post {margin:30px 50px 0 20px;}
			#content .entry {margin:10px 5px;}   
			
	#sidebar-main {   
	float:left;
	position:relative;
	margin-left:-80px;
	padding:0;
	width: 280px;
	}     
	
		#stockimage {background: transparent url(images/liceaid_image.png) no-repeat;display:block;height:285px;width:280px;}
		
		
		ul#widgets {
		margin: 0;
		width: 240px;
		}      
		
		#sidebar-main h2 {display:none;}
		#sidebar-main ul {list-style-type: none;margin:0;width:255px;}
		#sidebar-main ul li.widgetcform0, #sidebar-main ul li.widgetcform1, #sidebar-main ul li.widgetcform2, #sidebar-main ul li.widgetcform3, #sidebar-main ul li.widgetcform4, #sidebar-main ul li.widgetcform5, #sidebar-main ul li.widgetcform6, #sidebar-main ul li.widgetcform7, #sidebar-main ul li.widgetcform8 {background: transparent url(images/sidebar_header.gif) no-repeat scroll 0 0; margin:0 0 0 15px; padding:125px 0 0;width:240px;}

	#footer {
	background: #8eb200 url(images/footer.gif) repeat-x scroll 0 0;	
	border-top:20px solid #bfffff;
	clear: both;  
	float:left;
	width: 100%;
	}   
		
		#footer p {
		color:#fff;
		font-size: .75em;
		margin: 30px auto;
		width:500px;
		}

		#vcard p {
		color:#fff;
		font-size: .75em;
		margin: 30px auto;
		width:500px;
		}
		#adr p {
		color:#fff;
		font-size: .75em;
		margin: 30px auto;
		width:500px;
		}
		#tel p {
		color:#fff;
		font-size: .75em;
		margin: 30px auto;
		width:500px;
		}

/* Page-Specific
-------------------------------------------------------------- */
body.home #content h2 {display:none;}
body.home #content .post {margin:30px 50px 0 0;}
body.home #families {background: transparent url(images/families.jpg) no-repeat scroll 0 0;display:block;margin-bottom:20px;}
body.home #schools {background: transparent url(images/schools.jpg) no-repeat scroll 0 0;display:block;}
body.home #families span, body.home #schools span {display:block;margin-left:135px;}

#content h2, body.home #content strong {color:#ff6633;}
h2.pagetitle {margin: 30px 0 0 20px;}
#content h3 {color:#099;}

p.linklove {display:none;}


/* Chat Widget
-------------------------------------------------------------- */  
a.chat {margin-left:15px;}
a.chat span {display:block;font-size:.75em; margin:0 0 0 30px; width:140px;}