/* Oakland Unified School District Styles */
/* by White Whale Web Services */

/* Color palette:
	h1 (orange): #ff9801;
	h3 (green): #29913a;
	h5 (dark gray): #5a5550;
	Sidebar li links (blue): #27279c;
	Sidebar li italics (light gray): #756b61
	Search h5 (maroon): #990033;
*/

/* Reset browser defaults  */
html { font-size:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,dl,dt,dd,table,th,td,pre,img,form,fieldset,legend,label,iframe { margin:0; padding:0; font-size:1em; line-height:inherit; font-weight:inherit; border:none; }
input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit; color:#222; margin:0; }
input[type=button],input[type=submit],button { overflow:visible; }
input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; }
.skiplink { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; }
.skiplink:focus { left:0; }
.hidden { display:none; }

/* Basic HTML elements */
h1,h2,h3,h4,h5 { font-weight:normal; }
body { font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; color:#222; font-size:0.9375em; line-height:1.4; }
a { text-decoration:none; color:#27279c;}
	a:hover { color:#666; }
h1 { color:#fff; font-size:1.5em; text-transform:uppercase; text-indent: -9999px; background: url(../images/ousd-logo-new.gif) left 12px no-repeat; width: 222px; height:86px; padding-top:12px; }
h2 { font-family:Georgia, serif; color:#29913a; font-size:2em; line-height:1.25em; margin:0 0 25px 0; }
h3 { font-family:Georgia, serif; color:#29913a; font-size:1.5em; line-height:1.25em; margin:0 0 25px 0; }
h4 { font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; color:#222; font-size:1em; font-weight:bold; line-height:1.2em; }
h5 { font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; color:#5a5550; font-size:1em; font-weight:bold; line-height:1.4em; border-bottom:1px solid #5A5550; margin-bottom:5px;  }
p, li { font-family:Georgia, serif; line-height:1.5em; margin-bottom:1em; }
li { margin-bottom:0; }
.highlight { border:solid #f99; border-width:1px 0; background-color:#fee; }
input,select { font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; }

#content ul,#content ol {  list-style-type: disc; margin-left:1.5em; margin-bottom:0.8em; }
	#content li { margin:0.4em 0; }

/* Tables */
table { border-spacing:1px; border-collapse:collapse; margin-bottom:1em; font-family:Georgia, serif; }
th { background-color:#ddd; text-align:left; }
td,th { border:1px solid #ccc; vertical-align:top; padding:4px 8px; } 
table.layout { background-color:transparent; border-collapse:separate; border-spacing:0; }
table.layout td,table.layout th { background-color:transparent; vertical-align:top; text-align:left; padding:0; border:none; padding: 0 25px 10px 0; }

/* Structure */
#header { background:url(../images/header_bg.jpg) repeat-x; height:150px; position: relative; border-bottom: 1px solid #222; }
	#header_container { width:920px; margin:0 40px; height:150px; position:relative; }
		#nav { position: absolute; bottom: -1px; width:800px; list-style-type:none; }
			#nav li { font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; background:#222; margin:0 12px 0 0; font-size: 0.8em; text-transform:uppercase; font-weight:bold; float: left; }
			#nav li a { color:#fff; display:block; padding:5px 8px 2px; }
			#nav li a:hover { color:#ffc20e; }
		#links { position: absolute; top:15px; right:0; text-align: right; list-style-type:none; }
			#links li { margin-bottom: 0; }
				#links li a { color:#fff; font-size:0.875em; font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; }	
				#links li a:hover { color:#ff9801; }
		#search { position:absolute; bottom:-28px; right:0; font-size:0.9em; padding:8px 8px 8px 12px; background-color:#bbb; border:1px solid #444; }
			#search label { display:block; }
			#search_query { width:15em; font-size:0.9em; border:1px solid #666; padding:0.3em 0.1em; }
			#search_submit { font-size:0.9em; }

.widget_events h3 { display:none; }
			
body.home #nav_home a,body.lookup #nav_lookup a,body.pacing #nav_pacing a,body.resources #nav_resources a,body.calendar #nav_calendar a {color:#222; background:#fff; border:1px solid #222; border-bottom:#fff;}
					
#container { width:920px; padding:25px 40px; font-family:Georgia,serif; }
	#content { float:left; width:650px; }
	#content.fullwidth { width:auto; }
	#content h5 { color:#29913a; border-bottom:1px solid #29913a; }
		label { font-size:0.875em; text-transform:uppercase; font-weight:bold; font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; margin-right:0.5em;}
		textarea { width:409px; height:179px; margin:18px 0 7px 0; padding: 3px; font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; font-size: 0.875em; color:#666; letter-spacing: .04em; }
		button { font-size:0.75em; padding: 3px 10px; }
#sidebar { width:240px; float:right; font-family: Georgia, serif; margin-top:30px; }
	.sidebox { background-color:#eee; border:1px solid #666; padding:10px; margin-top:0; }
	.sidebox li { margin:0; }

body.home #sidebar ul { list-style-type:none; }
body.home #sidebar ul li { margin-bottom:0.5em; color:#666; }

/* Standards detail page */
#breadcrumbs { color:#555; list-style-type:none; }
	#breadcrumbs a { color:#29913a; font-weight: bold; }
	#breadcrumbs a:hover { color:#756b61; }
	#breadcrumbs li { float:left; margin:0 10px 0 0; font-family:Arial,"Helvetica Neue",Helvetica, sans-serif; }
	#breadcrumbs li.arrow { font-weight:bold; position:relative; top:-2px; font-size:1.1em; }
.sub-indicator { color:#222; clear: both; padding:0.3em 0 0.7em; text-transform:none; margin:0 0 0 1em; text-indent:-1em; }
	.sub-indicator .indicator { color:#555; }
.tested { background-color:#ffb; font-weight:bold; padding:4px 6px; color:#222; }
.essential { }
.star { font-size:1.5em; line-height:0; position:relative; top:0.3em; color:#c22;  }
.notext a { color:#226 !important; }
.notext a:hover { color:#666 !important; }
.references,.downloads,.resources,.genres,.markingperiods { margin-bottom:1.5em; }
.downloads ul,.resources ul { margin:0; list-style-type:none; }
.genres ul,.markingperiods ul { margin:0 0 0 10px; list-style-type:none; font-size:0.933em;; }
.assessments table { border:none; margin:0; font-size:0.933em;; }
.assessments td { border:none; padding:0 10px 5px 0; font-family:Arial,"Helvetica Neue",Helvetica, sans-serif; font-weight:bold; }
.assessments td+td { padding-right:0; font-weight:normal; }

#highlighting { margin-bottom:1.5em; }
#switch { font-family:Arial,"Helvetica Neue",Helvetica, sans-serif; font-size:0.9em; outline:none; }

#browser ul { margin:25px 0; list-style-type:none; }
	#browser li { margin:0.2em 0; }
	#browser ul ul { margin:0 0 0 15px; }
	#browser ul ul ul li { margin-left:1em; text-indent:-1em; }
	#browser .essential { }
	#browser .tested,#standards_search .tested { padding:0; line-height:1.6em; }
.showall { clear:both; margin-top:3em; font-family:Arial,"Helvetica Neue",Helvetica, sans-serif; font-weight:bold;border-top:1px solid #ccc; padding-top:5px; }

#content.report ul { list-style-type:none; margin-left:0.4em; }
#content.report { font-family:Arial,"Helvetica Neue",Helvetica, sans-serif; }
#content.report label { text-transform:none; font-weight:normal; font-size:1em; padding-left:0.2em; }

/*  Styles for reports  */
body.report div#container, body.report div#content {width:auto;margin:5px 10px;}
th,td.col3,td.col4,td.col5,td.col6 {font-size:.9em;}
th.col2 {width:120px;}
td.col3,td.col4,td.col5,td.col6 {white-space:nowrap;}
th strong:last-child { color:#222;display:block;font-size:1.4em;}
th {vertical-align:bottom; background-color:transparent; border:none;padding-top:40px; color:#666;}
th.col1 { padding-left:0;}
.report #ousd_standards td {background-color:#f6f6f6;}
.report #ousd_standards table {margin-top:-30px;}
.currentMP,.currentGN,.currentAS {font-weight:bold;}
tr.tested .col2, tr.essential .col2  {color:#009;}
.report td div {margin:0;}

.widget_downloads > h3 { font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; color:#5a5550; font-size:0.875em; font-weight:bold; line-height:1.1em; border-bottom:1px solid #222; width:100%;  }

/* Search */
.nonefound { font-weight:normal; margin-top:1em; font-size:1.5em; color:#666; }

/* Resources and Help */
body.resources #content { width:520px; }

body.resources #sidebar { width:340px; margin-right:-30px; }
#resources_list { position:relative}
#resources_list h5 { width:10em; margin:0; color:#fff; background-color:#bbb; border:none; padding:0.2em 0.3em 0.2em; cursor:pointer; }
#resources_list h5:hover { background-color:#999; }
#resources_list li { padding:5px 0 0; margin:0; list-style-type:none; }
#resources_list li ul { position:absolute; top:0; left:10.6em; display:none; border:solid #666; border-width:5px; width:380px; margin-bottom:0; }
#resources_list li ul li { border-bottom:1px solid #999; font-family:sans-serif; padding:10px; line-height:1.3; }
#resources_list li ul li.featured { background-color:#ffb; }
#resources_list li ul li a { font-weight:bold; }
#resources_list li ul li .description { color:#555; }
#resources_list li.active ul { display:block; }
#resources_list li.active h5 { background-color:#666; color:#fff; }

/*  LiveWhale CMS : OUSD-specific styles  */

#lw_cal * {font-family:Arial, Helvetica, sans-serif; }