/*-----------------------+
 | Site: HomeAid Chicago |
 | Part: Master styles   |
 +-----------------------*/


/* CSS hacks
=====================================================================*/
/*--- IE for Win ---*/
@import "ie.css";


/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, 
html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; }


/* Fonts
======================================================================*/
body, #intro-secondary { font-family: Georgia, "Times New Roman", Times, serif; }

blockquote, .btns, #content-secondary, #content-tertiary, .datePicker, 
#footer, .form, .info, input, .notice, select, textarea {
	font-family: Verdana, Tahoma, sans-serif;
}

h2, h3, #nav { font-family: "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; }


/* Basics
======================================================================*/
a { color: #4a5aa6; }
a:hover { text-decoration: none; }
a:hover img { border-color: #374621; }
address { font-style: normal; }
body { background: #fff; font-size: 76%; line-height: 1.571; margin-bottom: 2em; }
blockquote { background: url(../images/quotes.gif) no-repeat 0 0.3em; font-size: 0.857em; line-height: 1.833; min-height: 30px; padding-left: 3.75em; }
blockquote p { margin-bottom: 1.833em; }
blockquote p cite { color: #7f8183; display: block; font-style: italic; text-align: right; }
dl, h4, h5, h6, hr, ol, p, ul { margin-bottom: 1.571em; }
h1 { color: #5a6366; font-size: 1.857em; line-height: 1.269; margin-bottom: 0.9em; }
h1, h2, h3 { font-weight: normal; letter-spacing: -0.005em; }
h2 { border-bottom: 1px solid #d0d2d3; line-height: 1.214; margin-bottom: 0.357em; padding-bottom: 0.2em; text-transform: uppercase; }
h2 a { text-decoration: none; }
h2 a:hover { color: #000; }
h2, h2 a { color: #495356; }
h3 { font-size: 1.071em; line-height: 1.466; }
h3, h3 a { color: #516c2e; }
hr { background: #e3cd8d; border: 0; clear: both; color: #e3cd8d; height: 1px; }
img { border: 1px solid #d3c194; padding: 2px; }
ol { margin-left: 1.5em; }
table { border-collapse: collapse; width: 100%; }
ul { list-style: none; }
ul li { background: url(../images/bullet.gif) no-repeat 0 0.7em; padding-left: 1.5em; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#content, #header-content, #intro-content { margin: 0 auto; min-width: 640px; max-width: 60em; padding: 0 1em; }

/*--- Admin ---*/
.ribbon { margin: 0 auto; max-width: 70em; }

/*--- Content ---*/
#content-primary { float: right; margin: 0.863em 0 1em; width: 71.5%; }

#content-secondary {
	background: #fbf8ed;
	border: 1px solid #e3cd8d;
	border-top-width: 0;
	margin-bottom: 1em;
	padding: 2%;
	float: left;
	width: 20.5%;
}

/*--- Editing mode ---*/
.edit #content-primary { float: none; width: 100%; }
.edit #content-secondary { display: none; }

/*--- Footer ---*/
#footer { border-top: 1px solid #cbcbcb; clear: both; padding-top: 1em; }

/*--- Header ---*/
#header {
	background: #accd81 url(../images/bg-header.gif) repeat-x 0 0;
	border-bottom: 0.4em solid #e3cd8d;
}

/*--- Home page ---*/
.home #content { margin-top: 1em; }
.home #content-primary { margin-top: 0; width: 66%; }
.home #content-primary-secondary { float: right; width: 72.5%; }
.home #content-secondary { background: none; border: 0; padding: 0; width: 28%; }
.home #content-tertiary { float: left; width: 20.5%; }

	/* Introduction */
	#intro {
		background: #ead9a9 url(../images/bg-intro.gif) repeat-x 0 0;
		border-bottom: 1px solid #bda460;
		padding: 1.05em 0 0.2em;
	}
	
	#intro-primary { float: left; width: 22.5%; }
	#intro-secondary { background: none; border: 0; float: right; padding: 0; width: 72.75%; }


/* Content
======================================================================*/
#page { font-size: 1.155em; }
.logo { display: none; text-align: center; }

/*--- Callouts and columns ---*/
.c2l, .c2r { width: 48.5%; }
.c2l, .c3l, .c3m, .call-l { float: left; }
.c2r, .c3r, .call-r { float: right; }
.c3l { margin-right: 2%; }
.c3l, .c3m, .c3r { width: 32%; }
.call-l { margin: 0.4em 1em 0 0; }
.call-l, .call-r { font-size: 0.9em; text-align: center; }
.call-r { margin: 0.4em 0 0 1em; }
p.call-l, p.call-r { margin-bottom: 1em; }

/*--- Footer ---*/
#footer { font-size: 0.785em; }
#footer, #footer a { color: #6c6e70; }
#footer li { background: none; padding: 0; }
#footer li, #footer p, #footer span { border-right: 1px solid #6c6e70; margin-right: 0.7em; padding-right: 0.7em; }
#footer .last { border: 0; margin: 0; padding: 0; }
#footer li, #footer p, #footer address { display: inline; }
#footer ul { margin-bottom: 0.4em; }

/*--- Forms ---*/
.btn { font-size: 0.9em; overflow: visible; padding: 0.1em 0.6em 0.2em; }
.btns { margin-left: 27%; }
.form .c2l, .form .c2r { margin-bottom: 0; }
.form .info { font-size: 0.9em; }
.form table td, .form table th { font-size: 1em; }
.form td, .form th { font-size: 0.9em; padding: 0.7em 0; }
.form th { font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 25%; }
textarea.txt { padding: 0; }
.txt { width: 97%; }
.txt, .txt-date, .txt-med { padding: 0.2em; }
.txt-date { width: 7em; }
.txt-med { width: 10em; }

	/* Alerts */
	.alert { color: #d93b37; }
	div.alert { border: 3px double #d9001f; clear: both; margin-bottom: 1em; padding: 1em 1.5em 0; }
	div.alert li { background: none; padding: 0; }
	div.alert ul { list-style: disc; margin-left: 1.5em; }
	
	/* Date/time selector */
	table.dateTime { margin: 0; width: auto; }
	table.dateTime td, table.dateTime th { padding-top: 0; vertical-align: top; }
	table.dateTime td { padding-right: 0.5em; white-space: nowrap; }
	table.dateTime th { text-align: left; padding: 0; width: 4em; }
	
	/* Edit mode */
	.edit .btns { margin-left: 17%; }
	.edit th { width: 15%; }
	
	/* Highlight */
    .highlight { background: #f3f3f3; }
	.highlight td { padding: 0.7em 1em 1em 0; }
	.highlight th { padding: 0.7em 2% 1em 0; }
	
	/* TinyMCE */
	.mceToolbarContainer { position: static; }
	.mceEditorContainer td { padding: 0; }
	.mceEditor { width: 98% !important; }
	.mceContentBody { background: #fff; font-size: 0.9em; padding: 0.5em; text-align: left; }

/*--- Header ---*/
#header, #header a { color: #fff; }
	
	/* Navigation */
	#nav { font-size: 0.9em; margin: 0; padding-top: 1.1em; }
	#nav a, #nav span, #nav strong { display: block; white-space: nowrap; }
	#nav li { background: none; float: left; margin-right: 1px; padding: 0; }
	#nav span { padding: 0.4em 1.2em 0.45em; }
	#nav strong { font-weight: normal; }
	
		/* Hover state */
		#nav li:hover, #nav li.over { /*background: #829669;*/ background: #8c9e74; }
		#nav li:hover a, #nav li.over a { background: url(../images/corner-right-hover.gif) no-repeat 100% 0; text-decoration: none; }
		#nav li:hover span, #nav li.over span { background: url(../images/corner-left-hover.gif) no-repeat 0 0; }
		
		/* Current state */
		ul#nav li.current { background: #e3cd8d url(../images/bg-tab.gif) repeat-x 0 0; }
		ul#nav li.current, #nav li.current a { color: #000; }
		ul#nav li.current a, ul#nav li.current strong { background: url(../images/corner-right.gif) no-repeat 100% 0; }
		ul#nav li.current span { background: url(../images/corner-left.gif) no-repeat 0 0; }

/*--- Informational text ---*/
.info { font-size: 0.785em; line-height: 1.727; margin-bottom: 0.157em; }
.info, .info a { color: #7f8183; }
.info + h2 { margin-top: 2em; }
ul.info li { border-right: 1px solid #7f8183; background: none; display: inline; margin-right: 0.7em; padding: 0 0.7em 0 0; }
ul.info li.last { border: 0; margin: 0; padding: 0; }

/*--- Introduction ---*/
#intro a { color: #a7872f; }
#intro h1 { border-bottom: 1px solid #dccea8; margin-bottom: 0.6em; padding-bottom: 0.1em; }
#intro-primary { text-align: center; }
#intro-primary img { border: 0; padding: 0; }

/* Notices */
.notice { background: #ff9; border: 1px solid #ccc; font-size: 0.9em; margin-bottom: 1em; padding: .5em 1.5em; }
.notice * { margin-bottom: 0; }

/*--- Secondary/tertiary content ---*/
#content-secondary, #content-tertiary { font-size: 0.785em; line-height: 1.727; }
#content-secondary .logo { display: block; }
#content-secondary h2, #content-tertiary h2, #content-secondary h3, #content-tertiary h3 { font-size: 1.3em; margin-bottom: 0.2em; }
#content-secondary img, #content-tertiary img { border: 0; padding: 0; }
#content-secondary li, #content-tertiary li { background-image: url(../images/bullet-secondary.gif); height: 1%; }
#content-secondary a strong { color: #000; }

/*--- Slideshow ---*/
.reorder a { cursor: move; }
.slideshow { margin-bottom: 1em; }
.slideshow img { border: 0; float: left; margin-right: 0.7em; padding: 0; }
.slideshow h3 a { color: #4a5aa6; }
	
	/* Gallery */
	.gallery a { background: url(../images/slide.gif) no-repeat 0 0; display: table-cell; height: 131px; text-align: center; vertical-align: middle; width: 131px; }
	.gallery a:hover { background-position: 0 -131px; }
	.gallery img { padding: 0; vertical-align: middle; }
	.gallery li { background: none; float: left; margin: 0 1em 1em 0; padding: 0; }
	.gallery th { width: 150px; }
	.gallery th a { cursor: default; }
	.gallery th a:hover { background-position: 0 0; }
	.gallery th a:hover img { border-color: #d3c194; }
	.gallery span { display: inline-block; height: 100%; vertical-align: middle; }
	
/*--- Table ---*/
#content-primary td { vertical-align: top; }	
	
/*--- Toggle ---*/
.closed { display: none; }
.expand, .hide { padding-right: 1em; }
.expand { background: url(../images/arrow-secondary-down.gif) no-repeat 100% 0.55em; }
.hide { background: url(../images/arrow-secondary-up.gif) no-repeat 100% 0.55em; }

/* Featured Project */
.featuredProject li { background: none; margin: 0 1em 0 0; padding: 0; float: left; }