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

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* Internet Explorer */


/* Fonts
======================================================================*/
blockquote { font-family: "Georgia", "Times New Roman", Times, serif; }
body, blockquote cite { font-family: "Segoe UI", Tahoma, Geneva, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #277bae; text-decoration: underline; }
a:hover { text-decoration: none; }
address { font-style: normal; }
address, blockquote, dl, ol, p, table, ul { margin-bottom: 1.333em; }
blockquote { font-style: italic; }
blockquote cite { display: block; font-size: 0.8em; text-align: right; }
blockquote p { margin-bottom: 0.5em; }
body { background: transparent url(../images/clouds.gif) repeat-x 70% 0; font-size: 0.95em; line-height: 1.5; padding: 3em 0; }
cite, em { font-style: italic; }
dt { margin-top: 1.333em; }
dt, h2, h3, strong { font-weight: bold; }
h1 { font-size: 2.333em; font-weight: normal; line-height: 1em; margin-bottom: 0.25em; }
h1 img { margin-right: 0.25em; vertical-align: -60%; }
h2 { font-size: 1.2em; }
h3 { font-size: 0.9em; margin-bottom: 0.5em; text-transform: uppercase; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1em 0; }
html { background: #fff url(../images/bg.gif) repeat-x 30% 0; }
li { margin-bottom: 0.25em; }
ol { list-style: decimal; margin-lefT: 1.5em; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
ul.flat { list-style: none; margin-left: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content { padding: 0 2.6em; }
#content-primary, #content-secondary { margin-bottom: 2.5em; }
#content-primary { float: left; width: 60.9%; }
#content-secondary { float: right; width: 34.8%; }

	/*--- Home ---*/
	#home #content-primary, #home #content-secondary { width: 47.8%; }


/* Content
======================================================================*/

/*--- Callouts ---*/
a.thickbox:hover img { opacity: 0.5; }
.call-l { float: left; margin: 0.5em 1.5em 1em 0; }
.call-r { float: right; margin: 0.5em 0 1em 1.5em; }
div.call { margin-bottom: 1.333em; }
div.call, div.call-l, div.call-r { background: #f0f0f0; font-size: 0.9em; padding: 1em 1.5em 0.5em; }
div.call h3, div.call-l h3, div.call-r h3 { font-size: 1em; }
div.call-l, div.call-r { width: 35.8%; }

/*--- File links ---*/
.file { border: 3px double #d0d0d0; display: block; padding: 1em; text-decoration: none; }
.file:hover { background: #f5f5f5; }
.file:hover strong { text-decoration: none; }
.file img { float: left; margin-right: 1em; }
.file .mute { display: block; margin: 0.25em 0; }
.file strong { text-decoration: underline; }

/*--- Forms ---*/
	/* TinyMCE */
	.mceContentBody noscript { background: #ffc; border: 1px solid #ccc; display: block; font-size: 0.7em; margin-bottom: 1em; padding: 0.5em; }

/*--- Footer ---*/
#copyright { border-top: 1px solid #f0f0f0; clear: both; padding-top: 0.25em; }
#footer { border-top: 1px solid #d0d0d0; font-size: 0.8em; padding-top: 1em; }
#footer, #footer a { color: #919496; }
#footer .logos li { float: right; margin-left: 3em; }
#footer .vcard { float: left; margin: 0 4% 1em 0; }
#supporters { float: right; text-align: right; width: 50%; }

/*--- Header ---*/
#header { padding: 0 2.6em; }

	/* Extras */
	#extras { float: right; }
	#extras .logos { margin-bottom: 1.8em; text-align: right; }
	#extras .logos li { margin-left: 0.5em; }
	#violator { font-size: 0.9em; margin-bottom: 0.75em; padding-right: 120px; position: relative; }
	#violator a { color: #000; text-decoration: none; }
	#violator a:hover span { text-decoration: underline; }
	#violator em { color: #e94697; font-weight: bold; }
	#violator img { right: -15px; position: absolute; top: -30px; }
	
	/* Identity */
	#identity { float: left; }

/*--- Highlights ---*/
.highlight { background: #fff6fb; border: 2px solid #fae3ed; margin-bottom: 1em; padding: 1em 1em 0; }
.highlight img { float: left; margin: 0 1em 1em 0; }
.highlight h2 a { color: #e94697; }

/*--- Home ---*/
#home h1 { font-size: 1.9em; line-height: 1.5em; margin: 0; }
#home #intro { color: #1e597c; padding: 2.5em 2.6em; }
#home #intro a { background: #fff; color: #000; padding: 0 0.25em; text-decoration: none; }
#home #intro a:hover { background: #4ca7dd; color: #fff; }
#home #intro div.call-l, #home #intro div.call-r { padding: 0; }
#home #intro h1, #home #intro h2 { color: #4ca7dd; }
#home #nav { margin: 0; }

/*--- Icons ---*/
img.icon { border: 0; margin: 0 3px -3px 0; padding: 0; }

/*--- Intro ---*/
#intro { background: #f0f0f0; color: #666; font-size: 1.133em; margin-bottom: 1.333em; padding: 1.5em 1.25em 0.5em; }

/*--- Logo lists ---*/
.logos { list-style: none; margin: 0; }
.logos li { background: none; display: inline; padding: 0; }
.logos img { vertical-align: middle; }

/*--- Muted text---*/
.mute, .mute a { color: #666; }
.mute { font-size: 0.8em; }

/*--- Navigation ---*/
#nav { background: #babcbe; clear: both; margin-bottom: 0.75em; padding: 1.1em 2.6em; }
#nav a { color: #fff; padding: 1.5em 0; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li { background: none; font-size: 1.133em; font-weight: bold; display: inline; margin-right: 1em; padding: 0; }
#nav li.current { background: url(../images/nav-current.gif) no-repeat 50% 100%; padding-bottom: 2.3em; }
#nav ul { margin: 0; }

	/* Secondary navigation */
	#nav-secondary { border-top: 2px dotted #d0d1d3; font-size: 1.1em; font-weight: bold; list-style: none; margin: 0 0 2em; }
	#nav-secondary a { color: #7f8183; text-decoration: none; }
	#nav-secondary a:hover { color: #555; text-decoration: underline; }
	#nav-secondary li { border-bottom: 2px dotted #d0d1d3; margin: 0; padding: 0.4em 0; }
	#nav-secondary li.current { background: url(../images/nav-bullet.gif) no-repeat 100% 0.7em; padding-right: 1.5em; }
	#nav-secondary li.current a { color: #000; }

/*--- Photo pile ---*/
#photo-pile { float: left; margin-right: 4em; position: relative; }
#photo-pile #pile { left: -30px; position: absolute; top: -20px; }

/*--- Preview message ---*/
#preview { background: #ffc; border: 3px solid #ccc; padding: 0.5em; text-align: center; }

/*--- Skip links ---*/
.skip { left: -999em; position: absolute; top: -999em; }

/*--- vCards ---*/
.vcard .adr, .vcard .fax, .vcard .org, .vcard .street-address, .vcard .tel, .vcard .url { display: block; }
.vcard .org { font-weight: bold; }