@charset "utf-8";
/*
Theme Name: Ronald McDonald House
Theme URI: http://www.rmhdesmoines.org/
Description: Custom WordPress theme for the Ronald McDonald House.
Version: 1.0
Author: Matt Crummy, Ed Baker, Kevin VandeKrol
Author URI: http://www.webspecdesign.com
Tags: red, custom header, fixed width

*/

* {
	margin:0;
	padding:0;
}

a,
a img {
	outline:none;
}

img {
	border-style: none;
}

body {
	background:url('images/body.jpg') repeat-x #fee3a9;
}
	#site-container {
		height:auto;
		width:950px;
		margin:0 auto;
	}
		#print-head {
			display: none;
		}
		
		.head {
			background:url('images/head.jpg');
			height:155px;
			width:950px;
			position: relative;
		}
		
			.head ul {
				list-style: none;
				float: right;
			}
			
				.head li {
					display: inline;
					margin: 0 0 0 10px;
				}
				
			#home-link {
				width: 310px;
				height: 155px;
				position: absolute;
				display: block;
				bottom: 0;
				left: 0;
			}
				
			.login {
				height:36px;
				width:111px;
				float:right;
				display:block;
			}
			
			.login h1 {
				display:none;
			}
		
		.menu {
			height:44px;
		}
			/* jq css stuff for dd */
			#nav, #nav ul {
				margin:0;
				padding:0;
				list-style-type:none;
				list-style-position:outside;
				position:relative;
				line-height:1.5em;
			}
			
			#nav a:link, #nav a:active, #nav a:visited {
				display:block;
				color:#fff;
				text-decoration:none;
				background-color:#2e2e2e;
 			}

			#nav a:hover {
				color:#333;
			}
			
			#nav li {
    			float:left;
    			position:relative;
				background: none;
				border: none;
				padding: 0;
			}
			
			/* submenu stuff */
			#nav ul {
				position:absolute;
				width:inherit;
				top:44px;
				display:none;
				/*background-color:#2e2e2e;*/
			}
			
			#nav li ul a {
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#000;
				width:200px;
				/*width: auto;*/
				float:left;
				padding-left:15px;
				font-weight:bold;
			}
			
			#nav li ul a:hover {
				color:#a10310;
				font-weight:bold;
			}
			
			/* sub sub menu */
			#nav ul ul{
				top:auto;
			}	
			
			#nav li ul ul {
				margin:0px 0 0 215px;
			}
			
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
				display:none;
			}
			
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
				display:block;
			}
			/* end of jq dd css */
			
			.menu ul li a {
			    height: 30px;
			}
			
			.menu a {
				height:44px;
				float:left;
				background-position:top;
			}
			
			.menu a:hover {
				background-position:bottom;
			}
			
			.menu a h2 {
				display:none;
			}
			
			.home {
				width:57px;
				background:url('images/home.jpg');
			}
			
			.ourhome {
				width:117px;
				background:url('images/ourhome.png');
			}
			
			.help {
				width:183px;
				background:url('images/help.png');
			}
			
			.events {
				width:77px;
				background:url('images/events.png');
			}
			
			.grants {
				width:231px;
				background:url('images/grants.png');
			}
			
			.news {
				width:164px;
				background:url('images/news.png');
			}
			
			.newsletter {
				width:121px;
				background:url('images/newsletter.png');
			}
			
		.body {
			height:auto;
			width:950px;
			background:#fff;
			float:left;
			padding:0 0 20px 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333;
			padding-top: 15px;
		}

			ul.frontpage-event {
				list-style: none;
			}
		
			#page-col1 {
				float: left;
				width: 170px;
				margin: 0;
			}
				
				ul#subnav {
					list-style: none;
					border-top: 1px solid #D8D8D8;
					width: 150px;
					margin: 0 10px 10px 10px;
				}
				
					ul#subnav li {
						border-bottom: 1px solid #D8D8D8;
						padding: 2px 0 2px 0;
					}
					
						ul#subnav li ul {
							list-style-type: none;
							margin-left: 0px;
							border-bottom: none;
						}
						
							ul#subnav li li { 
								border-bottom: none;
								border-top: 1px solid #D8D8D8;
								margin: 2px 0 -2px 0;
							}

						ul#subnav li a {
							display: block;
							padding: 8px;
							text-decoration: none;
							color: #666;
							font-weight: bold;
							font-size: 12px;
							background: #fff;
						}	
						
							ul#subnav li li a {
								padding-left: 20px;	
							}
						
						ul#subnav li.current_page_item a {
							background: #333;
							color: #fff;
						}
						
							ul#subnav li.current_page_item ul a { /* Don't highlight the child page if a parent is the current page */
								background: #fff;
								color: #666;
								
							}
						
						ul#subnav li a:hover, li.current_page_item li a:hover {
							background: #333 !important;
							color: #fff !important;
						}				
			
			#page-col2 {
				float: left;
				width: 425px; /*460*/
				margin: 0;
				padding: 0 25px 0 10px;
			}
			
			#page-col3 {
				float: left;
				width: 275px;
				border-left: 1px solid #DDD;
				margin: 0;
				padding-left: 25px;
			}
				
				#page-col3 #links {
					padding-bottom: 10px;
					border-bottom: 1px solid #DDD;
				}
				
					#page-col3 #links img {
						margin-bottom: 10px;
					}
				
				#page-col3 #events {
					padding-top: 10px;
				}	
				
					#page-col3 #events h3 {
						font-size: 24px;
						color: #333;
						margin-bottom: 16px; /* space now controlled by li margin-top */
					}
					
					#page-col3 #events ul.recent-events {
						list-style: none;
					}
						
						#page-col3 #events ul.recent-events li {
							margin-top: 20px;
						}
					
						#page-col3 #events ul.recent-events h4 {
							font-size: 18px;
							font-family: Georgia, "Times New Roman", Times, serif;
							color: #900;
							font-weight: normal;
							margin-bottom: 8px;
						}

						#page-col3 #events ul.recent-events img {
							border: 1px solid #ddd;
							padding: 3px;
						}
						
						#page-col3 #events ul.recent-events li p {
							margin-bottom: 5px;
						}
						
						#page-col3 #events ul.recent-events p.details {
							text-align: right;
						}
						
						#page-col3 #events ul.recent-events p.details img {
							border: none;
							padding: none;
						}
			
			#post-col1 {
				width: 605px;
				float: left;
				padding-left: 20px;
				padding-right: 10px;
			}
			
			#post-col2 {
				width: 710px;
				float: left;
				padding-left: 20px;
				padding-right: 10px;
			}
			
			#post-1col { /* Used for Events pages */
				width: 900px;
				float: left;
				padding-left: 20px;
				padding-right: 10px;
			}
			
			#members-col2 {
				float: left;
				width: 725px; /*460*/
				margin: 0;
				padding: 0 25px 0 10px;
			}
			
				#members-col2 p {
					margin-bottom: 18px;
				}
				
				#comments {
					margin-top: 18px;
				}		
				
					#comments ul {
						list-style-type: none;
					}

					.comment-body {
						/*padding: 10px 10px 0 10px;*/
						border: 1px solid #ddd; 
					}
					
						.comment-body .comment-author {
							padding: 5px 10px 5px 10px;
							background-color: #900;
							color: #FFF;
						}
						
							#members-col2 .comment-edit-link {
								color: #FFF !important;
							}
							
						.comment-body .comment-subject {
							background-color: #fee3a9;
						}
							.comment-subject h4 {
								padding: 5px 10px 5px 10px;
							}
							
						.comment-body .comment-text {
							padding: 5px 5px 5px 10px;
						}
						
						.comment-body .reply {
							padding: 5px 5px 0 10px;
						}
						
						.comment-body .comment-meta {
							font-style: italic;
						}
						
						#commentform input, #commentform textarea {
							margin-top: 5px;
						}
					
					ul.commentlist ul {
						margin-left: 15px;
					}
					
					div.comment-subject, div.comment-meta, div.comment-body p, div.reply {
						margin-bottom: 10px;
					}
					
					div.comment-author cite.fn {
						font-style: normal;
						font-weight: bold;
					}
					
					div.comment-meta {
						font-style: italic;
						font-size: 10px;
					}
					
					div.comment-body {
						margin-bottom: 20px;
					}
					
					div#respond h3 {
						margin-bottom: 12px;
					}
					
					div#respond .cancel-comment-reply {
						margin-bottom: 6px;
					}
					
					div#respond p {
						margin-bottom: 12px;
					}
			
			div.post {
				margin-bottom: 24px;
			}
			
			.post p, .post ul, .post ol, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
				margin-bottom: 18px;
			}

			.post p, .post ul, .post ol, .post blockquote {
				line-height: 1.5em; /*18px;*/
			}
			
			.post ul, .post ol, .post blockquote {
				margin-left: 30px;
			}
				
			.post blockquote {
				padding: 0 0 0 10px;
				border-left: 2px solid #ddd;
			}
			
			.post a, #members-col2 a {
				color: #900;
				text-decoration: none;
				font-weight: bold;
			}
			
				.post a:hover, #members-col2 a:hover {
					text-decoration: underline;
				}
				
			.post span.posted-on {
				font-style: italic;
			}
			
			.inset {
				margin: 0 auto 18px auto;
				border: 2px solid #fc3;
				background-color:#FEE3A9;
				padding: 10px 10px 0 10px;
			}
			
				.inset h4 {
					color: #900;
					text-align: center;
					font-size: 14px;
				}
				
				.inset .question {
					font-weight: bold;
					font-style: italic;
				}
				
				.inset table {
					margin-bottom: 18px;
				}
				
			.post table {
				margin-bottom: 18px;
			}
			
				.post table td {
					padding: 5px;
				}
				
			
			.col {
				height:auto;
				width:306px;
				float:left;
				margin:19px 0 0 0;
				padding:0 0 0 10px;
			}
		
		.footer {
			background:url('images/fbg.jpg') repeat-x;
			height:47px;
			width:950px;
			float:left;
			margin: 0 auto 0 auto;
		}
			.fleft {
				background:url('images/fleft.png') no-repeat;
				float:left;
				height:47px;
			}
				.fleft span {
					margin:16px 0 0 25px;
					float:left;
				}
			
			.fright {
				background:url('images/fright.png') no-repeat;
				background-position:right;
				float:right;
				height:47px;
			}
				.fright span {
					margin:16px 25px 0 0;
					float:right;
				}
				
img.feature {
	margin: 5px 0 10px 0; /*margin:5px 0 10px -10px;*/
	padding: 3px;
	border: 1px solid #ddd;
}

ol.contentlist { /* Single post, page break navigation */
	list-style-type: none;
	text-align: center;
}

	ol.contentlist li {
		display: inline;
		margin-right: 28px;
	}

/* t */
.red-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#900;
	margin-bottom: 18px;
}

	.col h1.red-title {
		font-size: 24px;
		margin-bottom: 8px;
	}

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-bottom: 10px;
	line-height: 16px;
}

.grey {
	color:#4d4d4d;
}

.footer span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.footer span a {
	color:#999;
	text-decoration:none;
}

.connect {
	background-color: #600;
	/*height:47px;*/
	width:900px;
	float:left;
	margin: 0 auto 0 auto;
	/*border-top: 5px solid #000;*/
	padding: 8px 25px 5px 25px;
}

	.connect p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
	}
	
	.connect a {
		text-decoration: none;
		color: #fff;
	}
	
		.connect a:hover {
			text-decoration: underline;
		}
	
	.connect div {
		float: left;
		margin-right: 25px;
	}
	
		.connect div img {
			vertical-align: middle;
			border: none;
		}

/* m */
.text a {
	background:url('images/arrow.jpg') no-repeat 0 3px;
	color:#78020c;
	padding:0 0 0 15px;
}

.alignleft {
	float: left;
}

.wp-caption {
	font-size: 10px;
	margin-right: 10px;
	margin-bottom: 0;
}

.biz-name {
	font-weight: bold;
	font-style: italic;
}

hr {
	border: none;
	background-color: #ddd;
	height: 1px;
	width: 80%;
	margin: 0 auto 18px auto;
}

hr.divider {
	height: 2px;
}

.highlight {
	background: #FF6;
	font-weight: bold;
}

td.label {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

#rmh-donate table td, #rmh-donate table th {
	padding: 5px 15px 5px 0;
}

label.error {
	display:block;
	color: #900;
	font-size:11px;
	font-weight: bold;
	margin-top: 5px;
}

#event_espresso_registration_form ul {
	list-style-type: none;
	margin-left: 10px;
}

ol.contentlist {
	font-size: 18px;
}

ul#badge300ListWrapper {
background:none repeat scroll 0 0 transparent;
list-style:none outside none;
margin:0;
padding:0;
position:relative;
z-index:1000;
height: auto;
}