/* Theme Name: Alexander School 2.0
Theme URI: http://www.alexanderschool.com/
Description: Alexander Theme.
Author: Convan Design
Author URI: http://convandesign.com/

*/

/* CSS Document */

textarea {
	width: 100%; 
	}
fieldset input, fieldset textarea {
	width: 90%;
	}
body {
	margin: 0;
	border: 0;
	font-size: 62.5%;
	background: #444 url(images/bg_body.jpg) fixed;
	padding: 0px 0px 5px 0px;
	font: normal Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.7em; }


#container {
	overflow: hidden;
	width: 740px;
	border-left: 10px #1B1B1B solid;
	border-right: 10px #1B1B1B solid;
	margin: 0 auto; 
	padding:0; 
	background: #fff url(images/bg_menu.gif) repeat-y left;
}

#header {
	width: 740px;	
	height: 175px;
	margin: 0; 
	padding:0 0 2px 0;
	background: url(/images/rotate.php) no-repeat right top;
	border: 0;	
}

#header img {
	float: left;
	}
	
#header div#right {
	float: right;
	width: 520px;
	height: 175px;
	padding-bottom: 10px;
	background: url(images/shadow.jpg) repeat-x bottom;
	}
	
#header h1 {
	color: #FFFF00;
	margin-top: 10px;
	font-size: 4em;
	font-family: "Century Gothic", "Trebuchet MS", Gautami;
	padding-left: 10px; 
	}
	
#qoute {
	width: 510px;
	visibility: hidden !important;
	margin-top: 98px;
	height: 50px;
	background: #003366;
	opacity:.65;
	filter: alpha(opacity=65); 
	-moz-opacity: 0.65;
	font: oblique 1.8em "Times New Roman";
	color: #FFFFFF;
	line-height: 25px;
	padding-right: 10px;
	text-align: right;
	}

/* Right Side */

#content {
	float: right;
	width: 510px;
	padding: 18px 5px 0px 5px;
	
	}
	
.submit label, input {
	font-family: "Century Gothic", "Trebuchet MS", Gautami;
	} 
	
.submit label {

	display:inline;
		margin-left: 10px;
	}
	
	
.submit input {

	border: 1px solid #333;
	margin-top: 10px;

	}

#content div.section {
	width: 500px;
	background: #fff url(images/tab-ear.png) no-repeat bottom right;
	padding: 0px 10px 40px 0px;
	}
		/* text styles */

	#content p { font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.7em; padding-left: 5px;}
	#content p a { text-decoration: none; color: #336699; font-weight: bold; }
	#content p a:hover {  color: #444; }
	#content h1 { font: normal 2.4em "Times New Roman", Times, serif; color: #336699; padding: 0; margin: 15px 0 0 0; padding-left: 5px;}
	#content h2 { font: normal 2em "Times New Roman", Times, serif; color: #777; padding: 0; margin: 0px 0 18px 0; line-height: 1.4em; padding-left: 5px;}

		/* list item styles */
		
	#content ul {font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.7em;	 }
	#content ul li { list-style-type: square; line-height: 1.6em; margin-bottom: 10px; padding-left: 0px; }
	#content ul li ul li { list-style-type: circle; line-height: 1.6em; }
	#content li a { text-decoration: none; font-weight: bold; color: #336699; }

	#content .imgCenter, #content img, #content img a:link, #content img a:active, #content img a:visited { padding: 5px; margin: 8px; }	
	#content ol {font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.7em;	 }
	#content ol li { list-style-type: decimal; line-height: 1.6em; margin-bottom: 10px; padding-left: 0px; }
	#content ol li ol li { list-style-type: lower-alpha; font: normal .9em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.7em; }
	
/* left side */

div#leftnav {
	width: 190px;
	margin: 0;
	border: 0;
	padding: 15px 15px 120px 15px;
	float: left;
	text-align: left;
	}
	
	#leftnav p { color: #FFC000; font: normal 1em Verdana, Arial, Helvetica, sans; }
	#leftnav .attention { color: #fff;}
	#leftnav ul { margin: 0 0 10px 0; padding: 0; border: 0; list-style: none; }
	#leftnav ul li li { text-align: left; margin: 0 0 0 0; font: normal 1.1em Verdana, Arial, sans; border-top: 1px solid #444; }

	#leftnav ul li a { width: 175px; display: block; margin: 0; color: #ccc; padding: 8px 5px 8px 10px; text-decoration: none; }
	#leftnav ul li a:hover { color: #fff; background: #444; }
	#leftnav h2 { margin: 0 0 1px 0; color: #FFCC00; text-transform: uppercase; letter-spacing: 0.2em; border-top: 0; padding:12px 5px 12px 10px;  font: normal 1.1em Arial, Helvetica, sans; }
	#leftnav h2 a { width: 175px; display: block; color: #FFCC00; margin: 0; border-top: 0; padding:0; }
	#leftnav h2 a:hover { color: #FFC000; background: none; }
	#leftnav .strike { text-decoration: line-through; }



/* footer */

#footer {
	width: 740px;
	border-left: 10px #1B1B1B solid;
	border-right: 10px #1B1B1B solid;	
	margin: 0px auto;
	background: url(images/bg-bottom.jpg) no-repeat top #626262;
	color: #ACACAC;
	padding-top: 15px;
	padding-bottom: 15px;
	font: normal .9em Verdana, Arial, Helvetica, sans;
	text-align: center;
	line-height: 1.2em;
	}
	
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	border-bottom: 1px solid #ACACAC;
	}
