/*
Theme Name: Summit County Interfaith Hospitality Network
Description: Custom WordPress Theme for Summit County Interfaith Hospitality Network
Author: Ronald J. Flack / Christopher H. Laco / Doug R. Yoder
Author URI: http://laptopmafia.com/
*/
html { background: #EFEFEF; }
body {
	background: #EFEFEF url(images/background.jpg) repeat-x;
}

#header div.wrapper,
#body div.wrapper,
#footer div.wrapper {
	width: 960px;
	margin: 0 auto;
}
h1, h2, h3, h1 a, h2 a, h3 a {
	color: #B36200;
}
h1 { font: 28px Georgia; }
	h1 a, h2 a {
		text-decoration: none;
	}
	h1 a:hover, h2 a:hover {
		text-decoration: underline;
	}
h2 { color: #333; font: 20px bold Helvetica; padding: 16px 0 4px; }
h3 { 
	font: bold 16px Helvetica; 
	padding: 6px 0;
}
h4 { 
	font: bold 14px Georgia;
	padding: 6px 0;
}
a { color: #B36200; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
p.center { text-align: center; }
/*
+++++++++++++++++++++++++++++
HEADER
+++++++++++++++++++++++++++++
*/

/* MENU */
#header a.logo {
	position: absolute;
        margin-top:-8px;
	margin-left: 95px;
}
#header a.login {
    position: absolute;
	margin-top: 20px;
    margin-left: 475px;
}
#header ul {
	font-family: Helvetica;
	font-size: 12px;
	/*letter-spacing: -1px;*/
	text-transform: uppercase;
	width: 622px;
	background: url(images/menu-background.jpg) no-repeat;
	float: left;
	position: absolute;
	top: 191px;
	margin-left: 10px;
}
	#header li {
		float: left;
		height: 41px;
	}
	#header li.first {
		width: 125px;
	}
	#header li,
	#header ul a {
		width: 124px;
	}
	#header ul a {
		display: block;
		padding-top: 16px;
		height: 25px;
		background: none;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		color: #000;
	}
	#header ul a:hover {
		background: url(images/menu-item-over.png) no-repeat;
	}
#header div.wrapper {
	padding: 8px 0 0 0;
	height: 275px;
}
	/* USE THIS SYNTAX TO MAKE HEADER PAGE SPECIFIC*/
/*	body.home #header div.wrapper {
		background: url(images/banner-home.png) no-repeat 95px 26px;
	}*/
	#header div.wrapper {
		background: url(images/banner-home.jpg) no-repeat 95px 26px;
	}
	body.home #header li.home,
 	#header li.current_page_item {
		background: url(images/menu-item-over.png) no-repeat;
	}
	
/*
+++++++++++++++++++++++++++++
BODY
+++++++++++++++++++++++++++++
*/	
	
#body div.wrapper{
	padding: 0 10px;
	width: 940px;
	background: #EFEFEF url(images/body-wrapper-background.gif) repeat-y;
}
#body div.primary,
#body div.secondary {
	float: left;
}
#body div.primary {
	width: 582px;
	background: #FFF;
	padding: 20px 20px 0 20px;
	position: relative;
	top: -51px;
}
	#body div.primary p {
		color: #666;
		font-family: Georgia;
		font-size: 12px;
		padding: 12px 12px;
	}
		#body div.primary div.campaign p { 
			background: none; 
			padding-top: 0; 
			font-size: 16px;
		}
#body div.secondary {
	width: 276px;
	padding: 0 20px;
	background: #EFEFEF;
}
	#mission-statement p {
		font: 14px Georgia;
		color: #999;
		padding: 6px 0;
		text-align: center;
		width: 276px;
	}
#body ul.secondary-nav,
#body ul.secondary-nav li { float: left; }
#body ul.secondary-nav li { padding: 0 0 8px 4px; }
	
/*
+++++++++++++++++++++++++++++
FOOTER
+++++++++++++++++++++++++++++
*/

#footer {
	background: url(images/footer-background.jpg) repeat-x;
	font: 12px Verdana;
}
#footer div.wrapper {
	width: 940px;
	margin: 0 auto;
}
#footer div.primary,
#footer div.secondary {
	float: left;
	display: inline;
}
#footer div.primary {
	width: 618px;
	padding: 15px 2px;
}
	#footer div.primary ul,
	#footer div.primary li {
		float: left;
	}
	#footer div.primary li {
		margin: 0 20px 0 0;
	}
	#footer div.primary li a {
		color: #B36200;
		text-decoration: underline;
	}
	#footer div.primary li a:hover {
		text-decoration: none;
	}
#footer div.secondary {
	width: 278px;
	padding: 15px 20px;
}
	#footer div.secondary p {
		color: #B0B0B0;
	}
	#footer div.secondary p.laptop-mafia {
		padding: 30px 0;
		font-size: 10px;
	}
		#footer div.secondary p.laptop-mafia a {
			display: block;
			width: 39px;
			height: 36px;
			float: left;
			margin-right: 8px;
			background: none;
		}
		#footer div.secondary p.laptop-mafia a:hover {
			background: url(images/laptop-mafia-over.png) no-repeat;
		}

/*
+++++++++++++++++++++++++++++
SECONDARY COLUMN
+++++++++++++++++++++++++++++
*/		
		
/* NEWS & EVENTS */		
#body div.secondary div.news-events {
	background: url(images/home-events-bg.jpg) repeat-x 0 30px;
	padding: 0 10px;
}		
	#body div.secondary div.news-events h3 {
		font: bold 14px Georgia;
		color: #666;
		position: relative;
		left: -10px;
		padding-bottom: 10px;
	}
	#body div.secondary div.news-events h4 {
		padding-bottom: 0;
		padding-top: 8px;
	}
	#body div.secondary div.news-events p {
		font: 12px Georgia;
		color: #666;
	}
	#body div.secondary div.news-events a {
		text-decoration: underline;
	}
	#body div.secondary div.news-events a:hover {
		text-decoration: none;
	}

/* HOW TO DONATE */
#body div.secondary div.donate {
	border: 1px solid #BBB;
	margin: 10px 0;
	padding: 10px 10px 10px 50px;
	background: url(images/donate-icon.gif) no-repeat 10px 10px;
	/* CSS 3 ROUNDED CORNERS */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	#body div.secondary div.donate h2 {
		padding-top: 4px;
	}
	#body div.secondary div.donate p {
		font: 12px Georgia;
		color: #666;
		padding: 0 0 8px;
	}
		
/*
+++++++++++++++++++++++++++++
PAGE SPECIFIC STYLES
+++++++++++++++++++++++++++++
*/

/* MAIN CAMPAIGN BLOCK */
#body div.primary div.campaign {
	border: 1px solid #BBB;
	height: 73px;
	background: url(images/gift.gif) no-repeat top left;
	margin-bottom: 20px;
}
	#body div.primary div.campaign h2 {
		color: #666;
		padding: 17px 10px 0 90px;
		line-height: 100%;
		font: bold 16px Georgia;
	}

/* HOME PAGE */
body.home #body div.primary div.content {
	background: url(images/content-bg.jpg) repeat-x 0 30px;
}
	body.home #body div.primary div.content div.news-events div {
		padding: 10px;
	}
		body.home #body div.primary div.content div.news-events h4 { padding-left: 10px; }
		body.home #body div.primary div.content div.news-events div p { padding: 0;}
	body.home div.primary div.content p {
		padding: 10px 10px 6px 90px;
		height: 73px;
	}
body.home div.primary div.column {
	width: 280px;
	float: left;
	display: inline;
}
	body.home #body div.primary div.column.first { margin-right: 22px; }
	body.home #body div.primary div.volunteer p,
	body.home #body div.primary div.learn p,
	body.home #body div.primary div.help p { padding-left: 90px; }
	body.home #body div.primary div.volunteer p { background: url(images/home-volunteer.jpg) no-repeat; }
	body.home #body div.primary div.learn p { background: url(images/home-learn.jpg) no-repeat; }
	body.home #body div.primary div.help p { background: url(images/home-help.jpg) no-repeat; font-size: 14px; }
	
/* ABOUT */
#body div.primary.about div.headline { background: url(images/about-gradient.jpg) repeat-x; padding-right: 20px; float: left; width: 562px; }
#body div.primary.about div.headline img { float: left; padding-right: 20px; }
#body div.primary.about div.headline address { font: 14px Georgia; color: #666; }
#body div.primary.about div.content h2 { color: #333; }
#body div.primary.about div.content p { background: url(images/about-p-gradient.jpg) repeat-x; font-size: 14px; margin-bottom:12px; }

/* DONATION PAGE */
#body div.primary.donate div.content p { font-size: 14px; }
#body div.primary.donate div.content div.headline h2 { padding-bottom: 12px; color: #333; }
#body div.primary.donate div.content div.headline img { float: left; margin: -12px 20px 0 -12px; }
#body div.primary.donate div.content div.headline p { background: url(images/about-p-gradient.jpg) repeat-x; }

/* FAQ MODULE */
#body div.secondary div.faqs { background: url(images/home-events-bg.jpg) repeat-x 0 30px; padding: 0 10px 20px; }
#body div.secondary div.faqs h3 { color: #666; font: bold 14px Georgia; position: relative; left: -10px; padding-bottom: 10px; }
#body div.secondary div.faqs h4 { padding-top: 8px; }

/* FAQ PAGE */
#body div.primary.faq div.content div.faq {
	background: url(images/about-p-gradient.jpg) repeat-x;
	padding: 12px;
	margin-bottom: 8px;
	width: 558px;
}
	#body div.primary.faq div.content h2 { padding-bottom: 12px; }
	#body div.primary.faq div.content div.faq h4 a { color: #666; }
	#body div.primary.faq div.content div.faq p { padding: 6px 0; font-size: 14px;}
	
/* STAFF */
#body div.primary.staff div.headline { background: url(images/about-p-gradient.jpg) repeat-x; }
#body div.primary.staff div.headline h2 { width: 280px; float: right; padding-right: 20px; }
#body div.primary.staff div.headline img { float: left; }
#body div.primary.staff div.content div.summary { background: url(images/about-p-gradient.jpg) repeat-x; padding: 10px 10px 20px; }
#body div.primary.staff div.content div.summary h3 { color: #666; font: bold 14px Georgia; padding: 0; }
#body div.primary.staff div.content div.summary p { padding: 2px 0 0 0; font-size: 14px; }
#body div.primary.staff div.content div.member h2 { color: #333; }
#body div.primary.staff div.content div.member p.email-phone { text-align: right; position: absolute; width: 570px; margin-top: -34px; }

/* OUR SUPPORTERS */
#body div.primary.our-supporters div.headline { background: url(images/about-p-gradient.jpg) repeat-x; }
#body div.primary.our-supporters div.headline h2 { width: 280px; float: right; padding-right: 20px; }
#body div.primary.our-supporters div.headline img { float: left; }
#body div.primary.our-supporters div.content div.summary { background: url(images/about-p-gradient.jpg) repeat-x; padding: 10px 10px 20px; }
#body div.primary.our-supporters div.content div.summary h3 { color: #666; font: bold 14px Georgia; padding: 0; }
#body div.primary.our-supporters div.content div.summary p { padding: 2px 0 0 0; font-size: 14px; }

/* VOLUNTEER LOGIN MODULE */
#body div.secondary div.login div#add-ajax-login { background: url(images/home-events-bg.jpg) repeat-x; padding: 20px 10px; }
#body div.secondary div.login div div { padding: 0; }
#body div.secondary div.login form input.text { width: 225px; border: 1px solid #B0B0B0; padding: 4px; }
#body div.secondary div.login form p { padding-bottom: 8px; }
#body div.secondary div.login form p.submit { text-align: right; padding-right: 9px; padding-top: 8px; }
#body div.secondary div.login form p.response { text-align: center; }
#body div.secondary div.login form label { font: 14px Helvetica; }

/* VOLUNTEER PAGE */
#body div.primary.volunteer div.headline { background: url(images/about-p-gradient.jpg) repeat-x; padding-bottom: 10px; float: left; }
#body div.primary.volunteer div.headline h2, 
#body div.primary.volunteer div.headline p { width: 280px; float: right; padding-right: 42px; }
#body div.primary.volunteer div.headline p {padding: 0 42px 10px 0; }
#body div.primary.volunteer div.headline p a {
	display: block;
	padding: 0 0 0 30px;
	height: 24px;
	line-height: 24px;
	background: url(images/pdf-logo.gif) no-repeat;
}
#body div.primary.volunteer div.headline img { float: left; padding-right: 20px; }
#body div.primary.volunteer div.content div.summary { background: url(images/about-p-gradient.jpg) repeat-x; padding: 10px 10px 20px; }
#body div.primary.volunteer div.content div.summary h3 { color: #666; font: bold 14px Georgia; padding: 0; }
#body div.primary.volunteer div.content div.summary p { padding: 2px 0 0 0; font-size: 14px; margin-bottom:12px; }

/* EVENTS MODULE - VOLUNTEER/NEWS & EVENTS PAGES */
#body div.secondary.volunteer div.news-events p.nav,
#body div.secondary.news-events div.news-events p.nav { position: absolute; width: 266px; margin-top: -24px; text-align: right; }
#body div.secondary.volunteer div.news-events,
body.home #body div.secondary div.news-events,
#body div.secondary.news-events div.news-events { padding-bottom: 30px; }

/* NEWS & EVENTS */
#body div.primary.news-events div.headline {  }
#body div.primary.news-events div.headline h2 { width: 280px; float: right; padding-right: 20px; }
#body div.primary.news-events div.headline img { float: left; padding-right: 20px; }
#body div.primary.news-events div.content div.summary { background: url(images/about-p-gradient.jpg) repeat-x; padding: 10px 10px 20px; }
#body div.primary.news-events div.content div.summary h3 { color: #666; font: bold 14px Georgia; padding: 0; }
#body div.primary.news-events div.content div.summary p { padding: 2px 0 8px 0; font-size: 14px; }
#body div.primary.news-events div.headline p { width: 280px; float: right; padding-right: 42px; }
#body div.primary.news-events div.headline p {padding: 0 20px 10px 0; }
#body div.secondary div.faqs p {
margin-bottom: 12px;
}