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

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


/* Fonts
=====================================================================*/
body { font-family: Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }


/* Basics
=====================================================================*/
a { text-decoration: underline; }
a:hover { text-decoration: none; }
a, h3 strong { color: #598e30; }
body { background: #2f5d0f url(../images/bg-page.gif) repeat-x; font-size: 76%; line-height: 1.5; padding: 0 2em; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.5em; }
em { font-style: italic; }
h1 { text-align: center; }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h3 { font-size: 1.25em; line-height: 1.6; margin-bottoM: 1.2em; }
h4 { color: #a5051a; font-size: 1.3em; line-height: 1.285; margin-bottom: 0.714em; }
hr { background: #ccc; border: 0; clear: both; color: #ccc; height: 1px; }
.hr hr { display: none; }
.hr { background: url(../images/hr.gif) no-repeat 50% 50%; height: 7px; margin: 1.5em 0; }
table { border-collapse: collapse; width: 100%; }


/* Core layout
=====================================================================*/
#page { margin: 53px auto 2em auto; max-width: 60em; min-width: 200px; }
* html #page { width: 730px; }

/*--- 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/beta/bg-content.gif) repeat-y 50% 0; clear: both; }
#content-primary, #content-secondary { width: 43%; }

#content-primary {
	background: url(../images/beta/corner-content-primary.gif) no-repeat 0 0;
	float: left;
	padding: 1.25em 0 2em 3%;
}

#content-secondary {
	background: url(../images/beta/corner-content-secondary.gif) no-repeat 100% 0;
	float: right;
	padding: 1.5em 3% 2em 0;
}

/*--- 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-position: 35% 0; }
#full #content-primary { width: 63%; }
#full #content-secondary { width: 23%; }

/* Content
=====================================================================*/
/*--- Highlights ---*/
.highlight { color: #deeece; font-size: 0.9em; line-height: 1.636; padding: 1em 0; }
.highlight img { float: left; margin: 0.75em 1em 0 0; }
.highlight h2, .highlight strong { color: #fff; font-weight: bold; }
.highlight h2 { font-size: 1.545em; line-height: 1.058; }

/*--- Footer ---*/
#footer { font-size: 0.9em; }
#footer, #footer a { color: #bdcdb3; }
#footer p { 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 .c2l, .form .c2r { margin-bottom: 0; }
.form table td, .form table th { font-size: 1em; }
.form td, .form th { border: 0; padding: 0.7em 0; }
.form th { font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 25%; }

	/* Alerts */
	.alert { 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 */
	.btns { margin-left: 27%; }
	
	/* Text boxes */
	.txt { width: 85%; }

/*--- Muted text ---*/
.mute { color: #a79881; font-size: 0.9em; }
li .mute { margin-left: 0.3em; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; line-height: 1.636em; }