/*
Theme Name: Michigan Women's Foundation
Theme URI: http://www.miwf.org/
Description: A custom theme for the Michigan Women's Foundation.
Version: 2.0
Author: Avery Fisher
Tags: colorful, fixed width, two columns

An entirely custom theme.
*/

/************************************************************************************
GLOBAL TAG DEFINITIONS
************************************************************************************/

BODY {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

FORM {
	display: block;
	padding: 0px;
	margin: 0px;
}

#wrapper {
	background: url(/i/bg.gif) repeat-y left top;
	width: 772px;
	padding-right: 8px;
}



/************************************************************************************
HEADER DEFINITIONS
************************************************************************************/

#header {
	margin-bottom: 9px;
}

#header #logo {
	float: left;
	width: 275px;
	height: 74px;
	margin: 7px 0px 0px 7px;
}

#header #right {
	float: right;
	width: 435px;
}

#header #right #nav IMG {
	height: 36px;
	margin-right: 2px;
	border: none;
}

#header #right #nav IMG.end {
	margin-right: 0px;
}



/************************************************************************************
CONTENT-AREA DEFINITIONS
************************************************************************************/

#content {
	font-size: 14px;
	line-height: 18px;
	color: #222222;
}

#content A {
	color: #736fa5;
}

#content P {
	margin: 0px 0px 18px 0px;
}

#content A:hover {
	color: #3d3876;
	text-decoration: none;
}



#content H1 P {
	margin: 0;
	/* Fixes display problem from WP insert P tag */
}
#content H1 {
	display: block;
	width: 711px;
	font-size: 24px;
	font-weight: normal;
	padding: 11px 0px 9px 20px;
	margin: 0px 0px 11px 27px;
	color: #433c99;
	background-color: #ecebf5;
	border: 7px solid #433c99;
}
#content.category-give H1 {
	color: #ff5783;
	background-color: #ffeef2;
	border-color: #ff5783;
}
#content.category-receive H1 {
	color: #a857ff;
	background-color: #f6eeff;
	border-color: #a857ff;
}
#content.category-learn H1 {
	color: #46d841;
	background-color: #ecfbec;
	border-color: #46d841;
}
#content.category-about H1 {
	color: #ff7e57;
	background-color: #fff2ee;
	border-color: #ff7e57;
}




#content #leftnav {
	width: 228px;
	float: left;
}

#content #leftnav UL {
	display: block;
	width: 201px;
	margin: 0px 0px 11px 27px;
	padding: 0px;
	border-top: 7px solid #ababab;
}
#content #leftnav LI {
	list-style-type: none;
	height: 25px;
	width: 192px;
	margin: 2px 0px 0px 9px;
	padding: 0px;
}
#content #leftnav LI A {
	display: block;
	font-size: 14px;
	height: 22px;
	width: 186px;
	color: #ababab;
	padding: 3px 0px 0px 6px;
	background: #f6f6f6;
	text-decoration: none;
}
#content #leftnav UL LI A:hover, #content #leftnav UL LI A.selected {
	background: #ababab;
	color: white;
}

#content #leftnav UL.main LI A {
	color: #433c99;
	background: #ecebf5;
}
#content #leftnav UL.main LI A:hover, #content #leftnav UL.main LI A.selected {
	background: #433c99;
	color: white;
}
#content #leftnav UL.main {
	border-top-color: #433c99;
}
#content.category-give #leftnav UL.main LI A {
	color: #ff5783;
	background: #ffeef2;
}
#content.category-give #leftnav UL.main LI A:hover, #content.category-give #leftnav UL.main LI A.selected {
	background: #ff5783;
	color: white;
}
#content.category-give #leftnav UL.main {
	border-top-color: #ff5783;
}
#content.category-receive #leftnav UL.main LI A {
	color: #a857ff;
	background: #f6eeff;
}
#content.category-receive #leftnav UL.main LI A:hover, #content.category-receive #leftnav UL.main LI A.selected {
	background: #a857ff;
	color: white;
}
#content.category-receive #leftnav UL.main {
	border-top-color: #a857ff;
}
#content.category-learn #leftnav UL.main LI A {
	color: #46d841;
	background: #ecfbec;
}
#content.category-learn #leftnav UL.main LI A:hover, #content.category-learn #leftnav UL.main LI A.selected {
	background: #46d841;
	color: white;
}
#content.category-learn #leftnav UL.main {
	border-top-color: #46d841;
}
#content.category-about #leftnav UL.main LI A {
	color: #ff7e57;
	background: #fff2ee;
}
#content.category-about #leftnav UL.main LI A:hover, #content.category-about #leftnav UL.main LI A.selected {
	background: #ff7e57;
	color: white;
}
#content.category-about #leftnav UL.main {
	border-top-color: #ff7e57;
}


#content #rightcont {
	float: left;
	width: 524px;
	padding: 0px 10px;
	margin: 0px 0px 19px 0px;
	line-height: 22px;
}

#content #rightcont H2 {
	color: #433c99;
	font-style: italic;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#content.category-give #rightcont H2 {
	color: #ff5783;
}
#content.category-receive #rightcont H2 {
	color: #a857ff;
}
#content.category-learn #rightcont H2 {
	color: #46d841;
}
#content.category-about #rightcont H2 {
	color: #ff7e57;
}



#content #blurb {
	float: left;
	width: 410px;
	padding: 0px 20px;
	margin: 0px 0px 19px 36px;
	border-right: 1px dotted #9c9fff;
}

#content #features {
	float: right;
	width: 240px;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 20px;
	color: #444;
}

#content #features H2 {
	margin-top: 0px;
	padding-top: 0px;
	color: #433c99;
}



/************************************************************************************
FOOTER DEFINITIONS
************************************************************************************/

#footer {
	background: white url(/i/footer_border.gif) repeat-x top left;
	width: 772px;
	color: #8b8b8b;
	font-size: 11px;
	padding: 15px 10px;
}

#footer #left {
	float: left;
	width: 320px;
}

#footer #right {
	float: right;
	width: 320px;
	text-align: right;
}