@charset "utf-8";

/* -------------------------------------------------- Defaults ----------------------------------------------------- */

body { 
	
	margin: 0;
	background: #F0E3A3 url('/files/themes/classlaw/images/bkg_body.gif');
	font: 15px "Lucida Grande", "trebuchet ms", Arial, Helvetica, Verdana, sans-serif;
	color: #FFFED5;
}

p { margin:0 0 25px 0; line-height: 1.6em; }
p.quote { font-style: italic; line-height: 1.8em; margin-bottom: 5px }

h1 { margin:0 0 20px 0; font-size:25px }
h2 { margin:0 0 15px 0; font-size:22px }
h3 { margin:0 0 15px 0; font-size:19px;}
h4 { margin:0 0 5px 0; font-size:16px }

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color: # FFF979; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 90%; }

table tr th em { font-weight: normal; font-style: normal; }

ul, ol, li, dl, dt, dd { padding: 0; margin: 0 }
li { list-style-type: none }

ul, ol { padding: 0 0 18px 2.3em }
dl { padding: 0 0 18px 1.0em }

li, dd { padding-bottom: 7px }
dd { padding-left: 15px }

ul li { list-style-type: disc; list-style-image: url('/files/themes/classlaw/images/icons/bullet.gif'); }
ol li { list-style-type: decimal; }

ul.inline { margin: 0 0 15px 0; padding: 0; }

ul.inline li { 
	
	margin: 0;
	padding: 0 7px 0 8px;
	border-left: 1px solid #999;
	list-style-type: none;
	display: inline;
}

ul.inline li:first-child { border-left: 0; padding-left: 0; }

a { color: #FFF979 }

a img { border: 0px }
b, strong { color: white }

.text-lg, .text-large { font-size: 125%;}
.text-md, .text-medium { font-size: 115%;}
.text-sm, .text-small { font-size: 90%;}
.text-xsm, .text-extrasmall { font-size: 80%;}

.rt, .alignright { float: right; margin: 0 0 1.0em 1.2em }
.lt, .alignleft { float: left; margin: 0 1.2em 1.0em 0 }
.cb, .clear-both { clear: both }

.p, .paragraph { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }

.on { font-weight: bold; font-size: 120%; }

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color: #FF6 }
.txt-yellow { color: #FF6 }

.padded { padding: 5px }
.center { margin: 0 auto; }

.notice { border: 1px solid #999; background-color:#FF6; padding: 5px } /* Yellow*/

.hidden { display: none; }

.print {}

.hoz-rule { 
	
	height: 11px;
	display: block;
	clear: both;
	margin-bottom: 23px;
	background: transparent url('/files/themes/classlaw/images/rule.gif') repeat-x bottom center;
}

.hoz-rule.yellow { background-image: url('/files/themes/classlaw/images/rule_yellow.gif'); }

form label em { font-size: 11px; }

.google-map {
	
	display: block;
	margin-bottom: 25px;
	padding: 10px;
	background-color: white;
}



/* ---------------------------------------------------- page --------------------------------------------------------*/


#page {
	
	width: 921px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

/* ----------------------------------------------- page > masthead --------------------------------------------------*/


#masthead { 
	
	width: 100%; 
	height: 335px; 
	clear: both;
	background: transparent url('/files/themes/classlaw/images/bkg_chalkboardTop.gif') no-repeat bottom center;
	padding-top: 10px;
}

#masthead ul#nav {
	
	width: 920px;
	height: 30px;
	clear: both;
	margin: 0 0 3px 0;
	border-left: 1px solid white;
	padding: 0;
}

#masthead ul#nav li {
	
	margin: 0;
	padding: 0;
	color: white;
	font-weight: bold;
	background-color: #406640;
	list-style-type: none;
	list-style-image: none;
	float: left;
	border-right: 1px solid white;
	cursor: pointer;
	font-size: 11px;
	height: 30px;
	overflow: hidden;
}

#masthead ul#nav li a { font-size: 11px; }

#masthead .nav-menu {
	
	width: 839px;
	position: absolute;
	top: 40px;
	left: 0;
	clear: both;
	border: 1px solid white;
	border-top: 0;
	padding: 20px 40px;
	background-color: white;
	font-size: 12px;
	color: black;
	
	
	/* Min height IE6 hack */
	min-height: 251px;
	height: auto !important;
	height: 251px;

}

#masthead .nav-menu h3 { 
	
	width: 400px;
	float: left;
	margin-left: -10px; 
	padding: 5px 5px 5px 15px; 
	background-color: #D6E4D6; 
}

#masthead .nav-menu a.navpic { position: absolute; right: 30px; }
#masthead .nav-menu a.close-nav { position: absolute; right: 33px;	bottom: 20px; }
#masthead .nav-menu h3 a { color: black; text-decoration: none; }

#masthead .nav-menu ul { float: left; clear: both; }
#masthead .nav-menu ul li { list-style-image: none; }

#masthead .nav-menu a { text-decoration: none; color: black; }
#masthead .nav-menu a:hover { text-decoration: underline; }

#masthead #menu_about { z-index: 81; }
#masthead #menu_programs { z-index: 82; }
#masthead #menu_resources { z-index: 83; }
#masthead #menu_donate { z-index: 84; }
#masthead #menu_volunteer { z-index: 85; }


/* ------------------------------------------------ page > content --------------------------------------------------*/


#content { 
	
	width: 100%; 
	position: relative;
	clear: both;
	background: #2D5025 url('/files/themes/classlaw/images/bkg_content.gif');
}

#content:after { 
	
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden
}



/* -------------------------------------------- page > content sidebar ----------------------------------------------------- */



#sidebar { 
	
	color: white;
	float: right;
	margin-right: 11px; 
	width: 260px;
	font-size: 12px;
	padding: 30px 38px 80px 30px;
	
	display: inline; /*IE6 Hack*/
}

#sidebar h3 { margin: 0 0 20px -10px; }

#sidebar h3.list-head { margin-bottom: 15px; }

#sidebar h4.post-title { margin-bottom: 10px; font-size: 14px; }

#sidebar .hoz-rule { margin: 16px 0 25px 0; }

#sidebar p { margin-bottom: 10px; }

#sidebar .post-wrap { 
	
	background: transparent url('/files/themes/classlaw/images/sidebar_post_mid.gif') repeat-y;
	padding: 15px 15px 5px 15px;
	color: black;
}


#sidebar .post-wrap a,
#sidebar .post-wrap h4.post-title { color: black; }

#sidebar .post-bottom { 
	
	height: 7px;
	display: block;
	overflow: hidden;
	background: transparent url('/files/themes/classlaw/images/sidebar_post_bottom.gif') top center no-repeat;
}

#sidebar a { color: white; }

#sidebar ul { margin: 0 0 15px 0; padding: 0; }

#sidebar ul li {
	
	margin: 0 0 10px 5px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul li a { }
#sidebar ul li ul { margin: 10px 0 5px 10px; }



/* -------------------------------------------- page > content > text ----------------------------------------------- */



#text { 
	
	width: 571px; 
	float: left; 
	overflow: hidden;
	margin-left: 11px; 
}

#text .main { padding: 30px 40px 80px 40px; }

#text h2.post-title { 
	
	margin: -10px -10px 10px -10px; 
	padding: 29px 0 29px 10px;
	background: transparent url('/files/themes/classlaw/images/bkg_text_h2.gif') no-repeat center center;
}

#text h2.post-title-image { margin: -10px -10px 20px -10px; }
#text h2.post-title-image img { border: 0 !important; }

#text h3 {}

#text h2.archive-title { margin-bottom: 30px; }
#page.archive #text h3.post-title { padding: 0; background-image: none; }

#text h2 em, 
#page.archive #text h3 em { padding: 0 0 3px 3px; font-size: 11px; }


/* Images */
#text img { border: 2px solid #FF6; }
#text img.no-yellow-border { border: 0; }

#text img.post-title { margin: 0 0 -5px -10px; border: 0; }



/* ============ */
/* = Post Nav = */
/* ============ */

.post-nav { }
.post-nav a { }
.post-nav .next { }
.post-nav .previous { }
.post-nav .home { }


/* ============= */
/* = post-meta = */
/* ============= */

#text .post-meta { 
	
	border-bottom: 1px dashed #999;
	padding: 5px 0 12px 30px;
	margin-bottom: 15px;
	clear: both;
	font-family: sans-serif, Arial;
	font-size: 10px;
}

#text .post-meta p { line-height: 1em; margin-bottom: 8px; }

#page.home #text .post-meta, 
#page.archive #text .post-meta { margin-bottom: 30px; }


/* ============ */
/* = Comments = */
/* ============ */


#text #post-comments {}

#text #post-comment { border-top: 1px dashed #999; background-color: yellow; }

#text #post-comment-form { margin-bottom: 15px; }

#text #post-comment-form textarea {
	
	height: 110px;
	margin: 0 0 15px 0;
	overflow: auto;
	width: 80%;
}


/* -------------------------------------------- Page Specific (Homepage) ------------------------------------------- */


#page.home #text .featured { font-size: 14px; }
#page.home #text .featured p { margin-bottom: 10px; }

#page.home #text .featured .hoz-rule { margin: 20px 0 25px 0; }

#page.home #text .featured h3 { font-size: 16px; }




/* -------------------------------------------- Page Specific (Resources) ------------------------------------------- */


#page.resources #text { 
	width: 95%; 
}

.r_name {
	font-weight:bold;
	margin-top:10px;
	}

.r_summary, .tags, .filterbox {
	margin-bottom:10px;
	}
	
#page.resources #text h2.resource_name {
	color: #FFF979;
	line-height:30%;
	}

#resource_list {
	margin:10px 0;
	}

#resource_list div.tags {
	font-size:12px;
	}

#resource_list div.tags a { padding-right:5px; }

#page.resources #text .author {
	font-weight:bold;
	}
	

/* ---------------------------------------------------- Foot ------------------------------------------------------- */


#footer {
	
	width: 921px;
	height: 342px;
	clear: both;
	text-align: center;
	color: white;
	font-size: 11px;
	background: transparent url('/files/themes/classlaw/images/bkg_footer.gif') no-repeat bottom center;
	position: relative;
}

#footer .main {
	
}

#footer .links {
	
	position: absolute;
	bottom: 115px;
	left: 40px;
	
}

#footer .info {
	position: absolute;
	bottom: 70px;
	right: 50px;
}

#footer .login {
	position: absolute;
	bottom: 2px;
	right: 537px;
}

#footer .login a {
	color: #948C4D;
}



/* ---------------------------------------------- Forms --------------------------------------------- */


form { font-family: verdana; font-size: 12px; }

form fieldset { margin: 0; border: 0; padding: 0; /*border-top: 1px solid white;*/	}

form legend { padding: 0 8px; font-size: 15px; display: none; }

form legend, 
form label,
form strong, 
form b { font-weight:bold; }

form legend em, 
form label em, 
form strong em, 
form b em { font-size: 85%; font-style: normal; font-weight: normal; }

form div.row { 

	width:100%;
	position:relative;
	clear:both;
	margin:13px 0;
}

form .row:after { 

	content: ""; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden 
}

form .row p { display: inline; float:left; margin:0 15px 0 0; }

input, textarea, select { padding: 1px; font-size: 14px; }

form label.error { color: #FF0; display: block; }
form input.error { background-color: #FF6; }



/* ---------------------------------------------- Misc --------------------------------------------- */



#calendar_wrap {
	
/*	width: 90%;
	border: 1px solid white;*/
	
}

#calendar_wrap table {
	
/*	background-color: red;*/
	margin: 0 auto 15px auto;
	width: 95%;
	text-align: center;
	
}

#calendar_wrap table td {
	
	padding: 4px;
	
	
}

#calendar_wrap table caption {
	
	padding: 0 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	
}

/* ---------------------------------------------- Hacks and Clearfixes --------------------------------------------- */



.clearfix:after { 
	
	content: ""; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden
}