/*
Theme Name: ISL
Theme URI: http://goodworkmarketing.org/
Description: Custom theme for the International School of Louisiana
Version: 1
Author: Matt Wang
Author URI: http://goodworkmarketing.com/
*/




@charset "UTF-8";
/* CSS Document */



/********** general tags *************/
body		{ text-align:center; margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
h1 			{}
h2			{}
h3			{ font-weight:bold; color:#1A1A1A; font-size:21px; padding-bottom:10px;}
h4			{}
h5			{}
h6			{}
p			{ color:#333333; padding-bottom:3px;}
address		{ padding-left:30px; color:#fff; font-weight:bold; line-height:18px; font-size:15px;}
strong, b  	{ font-weight:bold;}
i, em		{ font-style: italic; }
hr			{}
blockquote	{}

a					{color:#96A44D;}
a:hover			{ color:#D31145;}
.small			{ font-size:80%;}


ul					{ padding:0 0 15px 40px;}
ul li				{ padding:0 0 5px 0; list-style:outside circle; font-size:14px; line-height:18px;}

/************************************/ 
/************  BOX MODEL ************/   
/************************************/ 



	/************  Site Background ************/   
html, body																		{ background:none;}
#pg-wrapper-outer, #pg-wrapper-inner, #ftr, #notebook .top, #notebook .hdr		{ background:none;}

#flag_en, #flag_en img, #flag_zh-TW, #flag_zh-TW img, #flag_fr, #flag_fr img, #flag_es, #flag_es img, #transl_sign, #spacer, #notebook #tabs, #notebook .post-edit-link, #notebook .bottom, ul#nav, ul#ftrnav, #lft-sidebar, a.staff-login, img#paper-clip, img#logo, img#left-arm, img#right-arm, #notebook .attachments, .copyright, #notebook .support-png {display:none;  }



#wrapper										{  margin:0 auto; position:relative; }







	/************  Notebook ************/ 
				
#notebook										{ width:auto; background:none; text-align:left;  position: relative; }
#notebook .post, #notebook .page				{ padding:25px 0 0;}
#notebook .post p, #notebook .page p			{ font-size:12px;  line-height:20px; font-weight: inherit;}
#notebook .post h3, #notebook .page h3			{ padding-top:10px;}
h2.pg-title										{ font-size:64px; color:#005596; padding-top:20px;}
small.date										{ background:#5BA4AD; padding:5px 3px 2px; font-size:11px; color:#fff;}
#notebook p.postmetadata						{ font-size:11px; margin: 0 40px; border-top:1px dotted #5BA4AD;}
#notebook h3 a									{ text-decoration:none; letter-spacing:-.02em; }





/* Begin Images */
p img 								{ padding: 0;	max-width: 100%;}
img.centered 						{ display: block;margin-left: auto;margin-right: auto;}
img.alignright 						{ padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft 						{ padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright 						{ float: right;}
.alignleft 							{ float: left;}
/* End Images */


/* Captions */
.aligncenter,div.aligncenter 		{ display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption 						{ border: 1px solid #ddd;text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img 					{ margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text 		{ font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}
/* End captions */




/* Forms */

img.form-logo				{ text-align:center; margin:0 auto;}

#notebook #form-container 				{ width: auto; height: auto;margin: 0 auto;text-align:left;}

#notebook #form-container form			{ text-align:left; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 13px;font-weight: normal;color: #333;line-height:auto; }

#notebook #form-container form input	{ line-height:14px;  height:14px; border:none; outline:none; border-bottom:1px solid #000;}

#notebook #form-container .clear 		{ clear: both;width: 100%;height: 1px;}

#notebook #form-container ul			{ padding-top:10px;}

#notebook #form-container li			{ padding-boottom:5px;}

#notebook #form-container br 			{ display:none; height:1px; line-height:1px; font-size:1px;}

#notebook #form-container p 			{ font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #333;line-height:auto; text-align:left; line-height:14px; padding:3px 0; margin:0;}

#notebook #form-container h1 			{font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 18px;font-weight: bold;color: #333;clear: both;text-align: center; padding-bottom:15px;}

#notebook #form-container h2 			{font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #333;clear: both;}

#notebook #form-container h3 			{font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #333;clear: both;text-align: center;}

#notebook #form-container h4 			{font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-style: italic;font-weight: normal;color: #333;clear: both;text-align: center;}

#notebook #form-container label			{ display:inline; font-weight:bold; letter-spacing:-.01em; }

#notebook #form-container input			{ display:inline; border:none; outline:none; border-bottom:1px solid #000; width:auto;}

#notebook #form-container input[id$="ph"]		{ width:150px; }

#notebook #form-container span			{ font-weight:bold;}

#notebook #form-container textarea	{ display:inline; }

#notebook #form-container .two-column input[type="radio"]	{ float:left; clear:left; margin:3px; font-size:12px;}

#form-container .two-column		{ width:50%; float:left; line-height:20px; font-size:10px; font-weight:bold;}