/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @override 
	http://localhost:8000/media/css/home.css
*/

/*
Theme Name: DEFAULT
Theme URI: http://eric.dirtcircle.com/
Description: A default style to build from
Version: 1
Author: Eric Meyer
*/

/* @group Generic */

/* @group reference */

.colors { 
	color: #33161C; /* dark red */
	color: #6B2E3B; /* mid red */
	color: #CC667B; /* light red */
	color: #2E4D6B; /* dark blue */
	color: #6699CC; /* mid blue */
	color: #CFDFEF; /* light blue */
	color: #D8BA5A; /* dark yellow */
	color: #F7EFD4; /* light yellow */
}

.trans { 
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

.experimental { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	border-bottom-right-radius: 7px;
	border-top-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
}


/* @end */

/* @group FONTS */

body {
	font-size: 100%; /* 16px */
	line-height: 1.5; /* 24px */
}

/* FOR 14/21 FONT */
body #page {
	font-family: Futura Medium, Century Gothic, AppleGothic, sans-serif;
	font-size: 0.875em; /* 14px */
	line-height: 1.5; /* 21px */
}

body small {
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}

/* @end */

/* @group LINKS */

a:link, a:visited {
	color: #2E4D6B;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	border-bottom: 1px dotted;
}

/* @end */

/* @group HEADERS */

h1, h2, h3, h4, h5, h6 { 
	
}

h1 { 
	
}

/* @end */

/* @group TAGS */

/* remember to style defaults! */

:focus {

}

ins {

}

del {

}

blockquote { 
	
}

p { 

}

strong { 

}

em { 
	
}

/* @end */

/* @group FORMS */

form { 
	
}

input { 
	
}

textarea { 
	
}

/* @end */

/* @end */

/* @group Structure */

body { 
	text-align: center;
	margin: 0;
	background: url(../images/grid_21.gif) repeat scroll top left;
	background: #6B2E3B url(../images/redwash.jpg) center top;
	color: #fff;
}

#page { 
	width: 48em;
	margin: 1.5em auto;
}

#meta { 
	text-align: right;
}

#content { 
	height: 48em;
	position: relative;
}

#branding { 
	width: 31.25%;
	height: 14.75em;
	margin: 0 auto;
	padding-bottom: 1.5em;
	background: #f7ebc3 url(../images/yellowwash.jpg) -16.5em top;
	color: #6B2E3B;
	border: 4px solid #33161C;
	border-bottom: none;
	z-index: 2;
	position: relative;
}

#nav .section { 
	width: 31.25%;
	height: 15em;
	text-align: left;
	position: absolute;
	color: #6B2E3B;
	border: 4px solid #33161C;
	overflow: hidden;
	background: #333;
}

#nav .first { 
	top: 0;
	left: 0;
}

#nav .second { 
	top: 0;
	right: 0;
}

#nav .third { 
	bottom: 0;
	left: 0;
}

#nav .fourth { 
	bottom: 0;
	right: 0;
}

#main { 
	height: 15em;
	text-align: left;
	overflow: hidden;
	background: #f7ebc3 url(../images/yellowwash.jpg) left -16.25em;
	color: #6B2E3B;
	border: 4px solid #33161C;
	z-index: 1;
	position: relative;
	margin-top: -4px;
}

#sub { 
	width: 31.25%;
	height: 14.75em;
	margin: 0 auto;
	padding-top: 1.5em;
	background: #f7ebc3 url(../images/yellowwash.jpg) -16.5em -31.25em;
	color: #6B2E3B;
	border: 4px solid #33161C;
	border-top: none;
	z-index: 2;
	position: relative;
	margin-top: -4px;
	overflow: hidden;
}

#site_info { 
	text-align: left;
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}

/* @end */

/* @group Components */

/* @group #meta */

#meta a:link, #meta a:visited { 
	color: #F7EFD4;
}

#meta a:focus, #meta a:hover, #meta a:active { 
	color: #6699CC;
}

#language { 
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}


/* @group Search */

#searchform { 
	padding: 0;
	margin: -1px 0 1.5em;
	overflow: hidden;
}

#search input#s { 
	float: right;
	padding: .1666em .25em .1666em .25em;
	margin: 0;
	border: 1px solid #6B2E3B;
	font-size: 0.85714em; /* 12px */
	line-height: 1; /* 12px */
	color: #2E4D6B;
	background: #f7ebc3 url(../images/yellowwash.jpg) -16.5em top;
}

#search input#searchsubmit { 
	color: #F7EFD4;
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
	margin: 0;
	padding: 0 .5em 0;
	border: 0;
	background: transparent;
	font-weight: bold;
}

#search input#searchsubmit:hover { 
	cursor: pointer;
	background: #6B2E3B;
	color: #fff;
}

/* @end */

/* @end */

/* @group #branding */

#branding h1 { 
	color: #6B2E3B; /* mid red */
	padding-top: 10.5em;
	font-weight: normal;
	text-transform: uppercase;
	background: url('../images/mchcc_logo_vert.gif') no-repeat scroll center 3em;
	text-indent: -9999px;
}

#branding h1 strong { 
	display: block;
	font-weight: bold;
}

/* @end */

/* @group #main */

#main .intro { 
	width: 100%;
	height: 15em;
}

#main .intro .next_link { 
	position: absolute;
	bottom: .25em;
	right: .75em;
}

#main .intro .prev_link { 
	position: absolute;
	bottom: .25em;
	left: .75em;
}

.nojs #main .intro .next_link,
.nojs #main .intro .prev_link {
	display: none;
}

#main .markdown { 
	padding: 1.5em;
	text-align: center;
}

#main .markdown h3 { 
	font-family: "Goudy Old Style", "Palatino", "Palatino Linotype", "Book Antiqua", Georgia, serif;
	font-size: 1.5em;
	line-height: 2;
	text-align: left;
	margin-top: .5em;
}

.markdown h3 a:link, .markdown h3 a:visited,
.markdown h3 a:focus, .markdown h3 a:hover, .markdown h3 a:active { 
	text-transform: uppercase;
}

#main .markdown h4 { 
	font-family: "Goudy Old Style", "Palatino", "Palatino Linotype", "Book Antiqua", Georgia, serif;
	font-size: 2em;
	line-height: 1.5;
	margin-top: 1.5em;
}

/* @end */

/* @group #sub */

#sub h4 { 
	margin: 0 1.5em .65em;
	padding-bottom: .65em;
	border-bottom: .25em double #2E4D6B;
}

#sub ul { 
	text-align: left;
	margin: 0 1em 0 2.75em;
	list-style: disc;
}

#sub li { 
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}

/* @end */

/* @group .section */

.section .image { 
	width: 15em;
	height: 15em;
	text-align: center;
}

/* @group .info */

.section .info {
	width: 100%;
	height: 15.5em;
	position: absolute;
	top: 11.5em;
}

.nojs .section:hover .info { 
	top: -.75em;
}

.section .info h4 { 
	font-family: "Goudy Old Style", "Palatino", "Palatino Linotype", "Book Antiqua", Georgia, serif;
	font-weight: bold;
	background: url(../images/grad_bluewash_trans.png) center top;
	text-align: center;
	text-transform: capitalize;
	padding: 1.5em .5em .75em;
}

.section .info h4 a:link, .section .info h4 a:visited,
.section .info h4 a:focus, .section .info h4 a:hover, .section .info h4 a:active { 
	display: block;
	border: 0;
	padding-bottom: .5em;
	border-bottom: .25em double;
}

.section .info ul { 
	padding: 0 1.5em 3em 2.75em;
	list-style: disc;
	background: url(../images/bluewash_small.jpg) center top;
	height: 9em;
}

.section .info li { 
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}

.section .info .more_link { 
	position: absolute;
	right: 1em;
	bottom: 0;
	font-weight: bold;
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}

.section .info .more_link a:link, .section .info .more_link a:visited,
.section .info .more_link a:focus, .section .info .more_link a:hover,
.section .info .more_link a:active { 
	color: #33161C; /* dark red */
}

/* @end */

/* @end */

/* @group #site_info */

#site_info a:link, #site_info a:visited { 
	color: #F7EFD4;
	font-weight: bold;
}

#site_info a:focus, #site_info a:hover, #site_info a:active { 
	color: #6699CC;
}

#site_info { 
	overflow: hidden;
	margin-bottom: 1.75em;
}

#site_info p { 
	float: left;
	display: inline;
}

#site_info .credits { 
	float: right;
}

/* @end */

/* @end */