/*  
Theme Name: Bethel
Theme URI: http:/bethelbrushprairie.org
Description: The default template for Bethel Lutheran Church in Brush Prairie, WA.
Version: 1.0
Author: Peter Wooley
Author URI: http:/peterwooley.com
*/

* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
.clear {
	clear:both;
}


body {
	background:#66a2c3;
	font-size:75%;
	font-family:Verdana, Helvetica, sans-serif;
}

.constraint {
	height:100%;
	margin:0 auto;
	width:760px;
}

	#header {
		background:#66a5c6 url(images/header.gif) repeat-x;
		height:87px;
	}
		#header .constraint {
			background:url(images/header_constraint.jpg) no-repeat;
		}
		#header h1 {
			padding-top:35px;
		}
			#header h1 a {
				background:url(images/logo.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				height:32px;
				overflow:hidden;
				width:567px;
			}
	#navigation {
		background:#6c9ab2 url(images/navigation.gif) repeat-x;
		height:33px;
	}
		#navigation .constraint {
			background:url(images/navigation_constraint.gif) no-repeat;
		}
		#navigation ul {
			list-style-type:none;
		}
			#navigation ul li {
				float:left;
			}
				#navigation ul li a {
					color:#fff;
					display:block;
					float:left;
					height:24px;
					padding:9px 9px 0 9px;
					text-decoration:none;
				}
					#navigation ul li a.current, #navigation ul li.current_page_parent a, #navigation ul li.current_page_item a{
						background:url(images/navigation_active.gif) repeat-x;
						border-top:1px solid #fff;
						color:#000;
						padding-top:8px;
					}
						#navigation ul li a.current:hover, #navigation ul li.current_page_parent a:hover, #navigation ul li.current_page_item a:hover {
						background:url(images/navigation_active.gif) repeat-x;
						border-top:1px solid #fff;
					}
					#navigation ul li a:hover {
						background:url(images/navigation_hover.gif) repeat-x;
						border-top:1px solid #8fc6e4;
						padding-top:8px;
					}
			#navigation ul li ul {
				display:none;
			}
	#content {
		background:#fff;
		padding:25px 0;
	}
		#content h2 {
			color:#1d658b;
			font-family:Georgia, serif;
			font-size:180%;
			font-style:italic;
			margin-bottom:10px;
		}
		#content ul {
			margin:1.5em 2.5em;
		}
			#content ul li {
				margin-bottom:1ex;
				padding-left:1ex;
			}
		#content ol {
			margin:1.5em 2.5em 1.5em 3em;
		}
			#content ol li {
				margin-bottom:1ex;
			}
		#content table {
			border-collapse:collapse;
			width:100%;
		}
		#content img {
			border:1px solid #8fc6e4;
			margin:1em;
			padding:1ex;
		}
		#content p {
			line-height:150%;
			margin-bottom:1em;
		}
		#content blockquote {
			border-left:1px solid #ccc;
			padding-left:2.5em;
		}
		#content .aside {
			background:#eff4f7;
			border:3px double #8fc6e4;
			float:right;
			margin:0 0 2em 2em;
			padding:1ex;
			width:210px;
		}
			#content h3 {
				font-family:Georgia, serif;
				font-style:italic;
			}
			#content .aside ul {
				color:#8fc6e4;
			}
		#content a:link {
			color:#1d658b;
		}
		#content a:visited {
			color:#0a384f;
		}
		#content a:hover {
			color:#6baacb;
		}
		
		/* Calendar */
		#content .calendar {}
			/*
			#content .calendar .months {
				float:right;
			}
				#content .calendar .months h3, #content .calendar .months h4 {
					float:left;
					font-family:Georgia, serif;					
				}
				#content .calendar .months h3 {
					font-size:140%;
					padding:0 1em;
				}
				#content .calendar .months h4 {
					font-size:110%;
					font-weight:normal;
					margin-top:.3em;
				}
			
			#content .calendar table {
				clear:both;
			}
				#content .calendar table thead {
					background:#609fc3;
					padding:100px;
				}
					#content .calendar table th {
						color:#fff;
						font-weight:normal;
						padding:1ex;
					}
				#content .calendar table tbody {}
					#content .calendar table td div {
						background:#d3e6f2;
						margin:10px;
					}
						#content .calendar table td .first { margin-left:0 }
						#content .calendar table td .last { margin-right:0 }
						
						#content .calendar table td .weekend { background:#bbd4e3; }
						
						#content .calendar table td .inactive { background:#f7f7f7; }
						#content .calendar table td .inactive_weekend { background:#ededed; }
			#content .calendar ul {
				font-size:85%;
				list-style-type:none;
				margin:0;
			}*/
			
			#content #calendar_wrap form {
				text-align:right;
			}
			#content .calendar {
				clear:both;
			}
				#content .calendar thead {
					background:#609fc3;
					padding:100px;
				}
					#content .calendar th {
						color:#fff;
						font-weight:normal;
						padding:1ex;
						text-align:center;
					}
				#content .calendar tbody {}
					#content .calendar td {
						vertical-align:top;
						width:14%;
					}
					#content .calendar td div {
						background:#d3e6f2;
						color:#fff;
						height:100px;
						padding:0 5px 5px;
						margin:10px;
						overflow:auto;
					}
						#content .calendar td div span {
							font-family:Georgia,serif;
							font-size:170%;
							font-weight:bold;
						}
						
						#content .calendar td .first { margin-left:0 }
						#content .calendar td .last { margin-right:0 }
						
						#content .calendar td .today { background:#f8dbc1; }
						#content .calendar td .weekend { background:#bbd4e3; }
						#content .calendar td .inactive { background:#f7f7f7; }
						#content .calendar td .inactive_weekend { background:#ededed; }
			#content .calendar ul {
				color:#000;
				font-size:85%;
				list-style-type:none;
				margin:0;
			}
				#content .calendar ul li {
					background:#ffffff;
					border: 1px solid #d3e6f2;
					padding:3px;
				}
	#footer {
		background:url(images/footer.gif) repeat-x;
		color:#fff;
		height:58px;
		padding-top:10px;
	}
		#footer .copyright { float:left; }
		#footer .powered { float:right; }
		
		#footer a:link { color: #fff; text-decoration:none; }
		#footer a:hover { text-decoration:underline; }
		
/* Image alignment, used by FlexibleUpload plugin */
.imgalignright {
	float:right;
}
.imgalignleft {
	float:left;
}