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

/* Imports
=====================================================================*/
@import "reset.css"; /* Resest styles */
@import "ie.css"; /* Internet Explorer */
@import "foodguide.css"; /*Seasonal Food Guide*/

/* Fonts
=====================================================================*/
blockquote { font-family: Georgia, "Times New Roman", Times, serif; }
body, cite, input, optgroup, select, textarea { font-family: Verdana, Arial, sans-serif; }
.cal th, h1, h2, h3, h4, h5, h6, .intro, legend, #search { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }


/* Basics
=====================================================================*/
a { color: #2e5c0f; text-decoration: underline; }
a:hover { text-decoration: none; }
body { background: #2f5d0f url(../images/bg-page.gif) repeat-x; font-size: 76%; line-height: 1.5; padding-bottom: 2em; }
blockquote { background: url(../images/quotes.gif) no-repeat 0 0.3em; font-size: 1.166em; line-height: 1.428; padding-left: 2.9em; }
blockquote, dl, hr, .hr, ol, p, table, ul { margin-bottom: 1.5em; }
blockquote p { margin-bottom: 0.5em; }
blockquote cite { font-size: 0.8em; }
cite { color: #666; }
cite, em { font-style: italic; }
dt { font-size: 1.25em; line-height: 1.2; margin: 1.5em 0 0.3em; }
dt a { color: #f22c21; }
fieldset { border: 1px solid #cbcbcb; margin-bottom: 2em; padding: 0.7em 1.3em 1em; }
h1 { font-size: 1.6em; line-height: 1.2; margin-bottom: 0.526em; }
h1 strong { color: #000; font-weight: normal; }
h1, h2, h3, legend { color: #a5051a; }
h2, legend { font-size: 1.416em; line-height: 1.2; margin-bottom: 0.588em; }
h3 { font-size: 1.25em; line-height: 1.6; margin-bottom: 0.714em; }
h3, h4, h5, h6, strong { font-weight: bold; }
h4 { color: #a5051a; font-size: 1.3em; line-height: 1.285; margin-bottom: 0.714em; }
hr { background: #c3b6a5; border: 0; clear: both; color: #c3b6a5; height: 1px; }
.hr hr { display: none; }
.hr { background: url(../images/hr.gif) no-repeat 50% 50%; clear: both; height: 7px; margin: 1.5em 0; }
legend { background: #fff; margin: 0 0 0 -0.75em; padding: 0 0.75em; }
li { margin-bottom: 0.5em; }
table { border-collapse: collapse; width: 100%; }

thead th, .form thead th {
	border-bottom: 1px solid #000;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 0.3em;
	text-align: left;
	text-transform: uppercase;
}

td { padding: 0.2em 1em 0.2em 0; }
ol { list-style: decimal; margin-left: 2em; }
ul li { background: url(../images/bullet.gif) no-repeat 0 0.5em; padding-left: 1.3em; }


/* Core layout
=====================================================================*/
#page { margin: 0 auto; max-width: 74.1em; min-width: 620px; position: relative; height: 1%; }
.clear { clear: both; }

/*--- Admin ---*/
.ribbon { margin: 0 auto; width: 900px; }

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

/*--- Content ---*/
#content { background: #fff url(../images/bg-content.gif) repeat-y 69% 0; clear: both; height: 1%; }

#content-primary {
	background: url(../images/corner-primary.gif) no-repeat 0 0;
	float: left;
	padding: 2.05em 0 2em 2.5em;
	width: 62.6%;
}

#content-secondary {
	background: url(../images/corner-secondary.gif) no-repeat 100% 0;
	float: right;
	padding: 2.2em 2.5em 2em 0;
	width: 24.6%;
}

/*--- Footer ---*/
#footer { background: #203710 url(../images/corner-footer-l.gif) no-repeat 0 100%; clear: both; }
#footer-content { background: url(../images/corner-footer-r.gif) no-repeat 100% 100%; height: 1%; padding: 1em 3% 1.25em; }

/*--- Full layout ---*/
.full #content { background: #fff; }
.full #content-primary { width: 93.5%; }
.full #content-secondary { height: 14px; padding: 0; width: 14px; }

/*--- Header ---*/
#header { background: #2f5d0f url(../images/bg-header.gif) repeat-x; margin-bottom: 0.9em; height: 1%; }

/*--- Home pages ---*/
.home #header { margin-bottom: 1em; }
.home #content-primary { background-image: url(../images/corner-primary-home.gif); }
.home #content-secondary { background-image: url(../images/corner-secondary-home.gif); }
.home-primary { float: left; width: 58%; }
.home-secondary { float: right; width: 36.5%; }

/*--- Search ---*/
#search { background: #2a480a url(../images/corner-search-l.gif) no-repeat 0 100%; }
#search-content { background: url(../images/corner-search-r.gif) no-repeat 100% 100%; padding: 0.65em 1.9em 0.8em; }
#search-primary { float: left; width: 69%; }
#search-secondary { float: right; width: 25%; }


/* Content
=====================================================================*/
.hide, .skip { left: -9999em; position: absolute; }

/*--- Calendar ---*/
	/* Grid view */
	/*--- Grid view style for .net calendar control ---*/
	.calendar { line-height: 1; }
	.calendar td, .calendar th { font-weight: normal; padding: 0.3em 0; text-align: center; width: 14.28%; }
    .calendar .Title { padding: 0; margin: 0.4em; }
    .calendar .Title td { background-color: #203710; color: #fff; font-weight: bold; padding: 0; }
    .calendar .Title .NextPrev { color: #859c75; text-align: center; }
    .calendar .DayHeader { background: #e3d085; padding: 0.4em 0; }
    .calendar .Day a { font-weight: bold; }
    .calendar .Day { border: 1px solid #dbd2a4; padding: 0.5em 0 0.6em; color: #2e5c0f; }
    .calendar .SelectedDay { background: #fff; color: #a5051a; font-weight: bold; }
	
	/* List view */
	.cal .mute { display: block; }
	.cal td { padding: 0 0 1em 4%; }
	.cal th { font-weight: bold; text-align: right; white-space: nowrap; }

/*--- Callouts ---*/
.call-l { clear: left; float: left; margin: 0.3em 1em 0.5em 0; }
.call-l a:hover img, .call-r a:hover img { border-color: #000; }
.call-l img, .call-r img { border: 1px solid #7f7f7f; padding: 1px; }
.call-r { clear: right; float: right; margin: 0.3em 0 0.5em 1em; }

/*--- Detail lists ---*/
.details li { background: none; padding: 0; }

/*--- Email obfuscation ---*/
.email-link { direction: rtl; unicode-bidi: bidi-override; }

/*--- Feeds ---*/
.feeds li, #content-secondary .feeds li { background: url(../images/icon-feed.gif) no-repeat 0 0.3em; padding-left: 1.7em; }

/*--- Footer ---*/
#footer { font-size: 0.9em; }
#footer, #footer a { color: #bdcdb3; }
#footer li { background: url(../images/divider.gif) no-repeat 100% 50%; display: inline; margin-right: 0.7em; padding: 0 1.1em 0 0; }
#footer li.last { background: none; margin: 0; padding: 0; }
#footer p, #footer ul { margin: 0; }

	/* Site credit */
	#credit { float: right; }
	#credit a { text-decoration: none; }
	#credit strong { font-weight: normal; text-decoration: underline; }
	#credit a:hover strong { text-decoration: none; }

/*--- Forms ---*/
.form, .form .c2l, .form .c2r { margin-bottom: 0; }
.form p { margin-bottom: 0.5em; }
.form table, .form table td, .form table th { width: auto; }
.form table td, .form table th { padding: 0.2em 1em 0.2em 0; }
.form td, .form th { border: 0; padding: 0.5em 0; }
.form th { font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 25%; }

	/* Alerts */
	.alert, .alert a { color: #e72019; }
	div.alert { border: 3px double #e72019; 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; }
	
	/* Buttons */
	.btn { overflow: visible; margin-right: 1em; padding: 0.1em 0.6em 0.2em; }
	.btns { margin-left: 27%; }
	
	/* Checklists */
	.checklist {
		border: 1px solid #ccc;
		height: 10em;
		line-height: 1.4;
		margin-bottom: 1em;
		overflow: auto;
		width: 98%;
	}
	
	.checklist input { margin-bottom: -1px; }
	.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
	.checklist label:hover { background: #d2deb8; }
	.checklist li { display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
	.checklist li { margin: 0; padding: 0; background: none; }
	.checklist p { padding: 0.5em 1em; }
	.checklist ul { color: #777; margin: 0; }
	.checklist ul strong { color: #000; }
	
	/* Full mode */
	.full .btns { margin-left: 22%; }
	.full th { width: 20%; }
	
	/* Mailing list sign up */
	.mailing .btn { margin: 0; }
	.mailing .txt { width: 65%; }
	
	/* Options */
	.form .options-h, .form .options-v { margin: 0; }
	.options-h, .options-v { list-style: none; margin-left: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	
	/* Profile sign in */
	#profile .txt { margin: 0 1em 0 0.3em; width: 10em; }
	
	/* Search */
	#search { font-size: 0.9em; padding-top: 8px; }
	#search, #search em { color: #a8bd9a; }
	#search a, #search strong { color: #fff; }
	#search input { vertical-align: middle; }
	#search p { margin: 0; }
	#search strong { display: block; font-size: 1.333em; font-weight: normal; }
	#search strong em { font-size: 0.8em; }
	#search .txt { margin-right: 0.9em; width: 37em; }
	#search-secondary { text-align: right; }
	
	/* Text boxes */
	.content-secondary .txt { width: 94%; }
	.c2l .txt, .c2r .txt, .c3l .txt, .c3m .txt, .c3r .txt, .highlights .txt { position: relative; width: 95%; }
	textarea.txt { font-size: 1em; height: 10em; padding: 0; }
	textarea.txt-short { font-size: 1em; height: 3em; padding: 0; }
	.txt, .txt-short { width: 75%; }
	.txt, .txt-sm, .txt-med, .txt-tiny { padding: 0.2em; }
	.txt-med { margin-right: 1em; width: 46%; }
	.txt-sm { width: 7em; }
	.txt-tiny { width: 3em; }
	
	/* TinyMCE */
	.mceEditorContainer { display: block; margin-top: 0.5em; }
	.mceEditorContainer td { padding: 0; }
	.mceEditor { width: 98% !important; }
	.mceContentBody { background: #fff; font-size: 0.8em; padding: 0.5em; text-align: left; }
	.mceContentBody a { color: #634182 !important; }
	.mceToolbarContainer { position: static; }

/*--- Google Maps ---*/
.map-box span, .map-box a { font-size: 10px !important; }
#iwsw { font-size: 0.85em; line-height: 1.4; }
#iwsw img { float: left; margin: 0 0.5em 0.5em 0; }
#iwsw h3 { font-size: 1.2em; font-weight: bold; }
#iwsw li { background: none; clear: both; list-style: none; margin-bottom: 0.5em; padding: 0; }
#iwsw li li { clear: none; display: inline; margin: 0 0.5em 0 0; }
#iwsw p, #iwsw ul ul { margin: 0; }
#iwsw ul { list-style: none; margin-top: 0.5em; }
.map-box { margin-bottom: 15px; position: relative; }

.map-box .map-cover { 
    background: url(/images/loading.gif) no-repeat 50% 50%;
	height: 100%; 
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.map-box .map { height: 100%; width: 100%; z-index: 0; }

/*--- Header ---*/
#logo { left: 1.55em; position: absolute; top: 3px; }

	/*--- Navigation ---*/
	#nav { margin: 0 0 1em 140px; position: relative; z-index: 100; }
	#nav a { color: #c7d9b6; padding: 0.5em 1.4em; text-decoration: none; }
	#nav a:hover { text-decoration: underline; }
	#nav a:hover, #nav .current a { color: #fff; }
	#nav li { background: 0; border-right: 1px solid #7da65b; display: inline; padding: 0; }
	#nav li.last { border: 0; }

/*--- Highlights ---*/
.feature .highlight { width: 32%; }
.feature .c3l { margin-right: 1%; }
.highlight { font-size: 0.9em; line-height: 1.636; margin-bottom: 1.2em; }
.highlight, .highlight a { color: #deeece; }
.highlight img { float: left; margin: 0.75em 1em 0 0; }
.highlight h2, .highlight strong { color: #fff; font-weight: bold; }
.highlight p { margin-bottom: 0.9em; }
.highlight h2 { font-size: 2.25em; line-height: 1.058; margin-bottom: 0.2em; }

/*--- Icons ---*/
.icon { background-repeat: no-repeat; background-position: 0 50%; font-size: 0.9em; margin-right: 0.5em; padding-left: 15px; white-space: nowrap; }
.mini-add { background-image: url(../images/icon-add.gif); }
.mini-delete { background-image: url(../images/icon-delete.gif); }
.mini-edit { background-image: url(../images/icon-edit.gif); }
.mini-email { background-image: url(../images/icon-email.gif); }
.mini-image { background-image: url(../images/icon-image.gif); }
.mini-report { background-image: url(../images/icon-report.gif); }

/*--- Introduction ---*/
.intro { font-size: 1.5em; font-weight: bold; line-height: 1.333; }
.intro p { margin-bottom: 1.2em; }
.intro strong { color: #598e30; }

/*--- Messages ---*/
.messages { font-size: 0.9em; }
.messages li { background: none; padding: 0.2em 0.5em; }
.messages a { text-decoration: none; }
.messages a:hover { text-decoration: underline; }
.messages li.alt { background: #f5f5f5; }
.messages span { float: right; }

/*--- Muted text ---*/
.mute, .mute a { color: #887050; }
.mute { font-size: 0.9em; }
p.mute { margin: 0; }
li .mute { margin-left: 0.3em; }

/*--- Notes ---*/
.note { background: #fff5c7; border: 1px solid #eec990; margin-bottom: 1em; padding: 0.3em 1em 0.4em; }
.note p { margin: 0.5em; }

/*--- Pages ---*/
#pages { font-size: 1.2em; text-align: center; }
#pages li { display: inline; margin: 0 0.5em; background: none; }

/*--- Profile links ---*/
#profile { font-size: 0.9em; padding: 1.5em 2em 0.5em 0; text-align: right; }
#profile, #profile a { color: #e9eee5; }
#profile li { background: none; border-right: 1px solid #8ea870; display: inline; margin-right: 0.6em; padding: 0 0.7em 0 0; }
#profile li.last { border: 0; margin: 0; padding: 0; }

/*--- Rater ---*/
.rater { list-style: none; margin-left: 0; height: 32px; width: 175px; }
.rater label { background: url(../images/rating.gif) 0 100% repeat-x; display: block; height: 32px; text-indent: -999em; width: 32px; }
.rater .current label { background: url(../images/rating.gif) 0 0 repeat-x; }
.rater li { background: none; float: left; margin: 0; padding: 0; }

/*--- Secondary content ---*/
#content-secondary, .secondary { font-size: 0.9em; line-height: 1.636em; }
#content-secondary li, .secondary li { background-position: 0 0.7em; margin: 0; }
#content-secondary dt, #content-secondary .mute, .secondary dt, .secondary .mute { font-size: 1em; }
#content-secondary dt a, .secondary dt a { color: #2e5c0f; }

/*--- Sorting options ---*/
#sort a, #sort strong { margin: 0 0.5em; }

/*--- Suggestions ---*/
.suggestions { position: relative; }
.suggestions a { color: #000; cursor: default; display: block; padding-left: 0.5em; text-decoration: none; }
.suggestions a:hover, .suggestions a:focus, .suggestions a.highlighted { background: #396612; color: #fff; }
.suggestions div { background: #fff; border: 1px solid #505050; left: 0; position: absolute; top: 0; width: 15em; }
.suggestions li { background: none; margin: 0; padding: 0; }

.suggestions p {
	background: #f0f0f0;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.075em;
	margin: 0;
	padding: 0.3em 0 0.3em 0.5em;
	text-transform: uppercase;
}

.suggestions ul { margin: 0; }
.suggestionsWide div { width: 35em !important; }

/*--- Tags ---*/
.full #taglist { background: #fff5c7; border: 1px solid #eeca90; font-size: 1.05em; padding: 2em; }
.full #taglist a { text-decoration: none; }
.full #taglist a:hover { text-decoration: underline; }
#taglist { line-height: 2.1em; list-style: none; margin-left: 0; }
#taglist li { background: none; display: inline; margin-right: 0.5em; padding: 0; }

.t-1 { font-size: 0.9em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.1em; }
.t-4 { font-size: 1.2em; }
.t-5 { font-size: 1.3em; }
.t-6 { font-size: 1.4em; }
.t-7 { font-size: 1.5em; }
.t-8 { font-size: 1.6em; }
.t-9 { font-size: 1.7em; }
.t-10 { font-size: 1.8em; }
.t-11 { font-size: 1.9em; }
.t-12 { font-size: 2em; }
.t-13 { font-size: 2.1em; }
.t-14 { font-size: 2.2em; }
.t-15 { font-size: 2.3em; }