/*
Theme Name: Judson
Theme URI: http://www.judsonchurch.org/
Description: Judson website
Version: 0.1
Author: John Schrom
Author URI: http://johnschrom.com
Tags: 

*/
/*header_cal -- obsolete
		#header_cal {
			position: absolute;
			top: 9em;
			left: 45em;
			width: 11em;
			height: 1em;
			z-index: 9;
			background-color: #00f;
			font-family: sans-serif;
			text-align: center;
		}
		#header_cal a{
			text-decoration: none;
			color: white;
			float: center;
			font-size: 0.85em;
		}
		#header_cal a:hover{
			text-decoration: underline;
		}
		*/

/*header_special -- obsolete
				#header_special {
					position: absolute;
					top: 6.5em;
					left: 45em;
					width: 11em;
					height: 2em;
					z-index: 9;
					z-index-9;
				}
				#header_special a{
					text-decoration: none;
					float: right;
					color: #c3dc00;
					font-size: 1.15em;
				}
				#header_special a:hover{
					text-decoration: underline;
				}
	*/


/*wrapper, etc*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#wrapper {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
/*	background-color: #0f0;*/
	min-height: 100%;
	border-style: solid;
	border-width: 0.1em;
	border-bottom-width: 0;
	border-top-width: 0;
	border-color: #CDCDCD;
	-webkit-box-shadow: #000 0.1em 0.1em 1em;
}

/*header stuff*/
		#header {
			position: absolute;
			top: 0; left: 0; right: 0;
			background: url(images/swoosh.png) no-repeat;
		}
		#header h1#logo {
			margin-top: 3em;
			margin-left: 0.5em;
		/*	margin: 3em 0 0em 1em;*/
			text-indent: -9999px;
			width: 250px;
			height: 104px;
			background: url(images/logo.png) no-repeat;
		}
/*tagline*/
#tagline {
			position: absolute;
			top: 1.3em;
			right: 7px;
			height: 4em;
			width: 175px;
			font-style: italic;
			font-weight: normal;
			color: #fff;
			font-size: 1em;
			z-index: 4;
			text-align: right;
			font-family: arial;
			line-height: 2em;
		}
		
/*footer*/
		#footer {
			position: absolute;
			bottom: 0; left: 0; right: 0;
			height: 2em;
			overflow: hidden;
			font-size: 0.65em;
			line-height: 2em;
			text-indent: 2em;
			font-family: sans-serif;
			color: #fff;
			background-color: #211e7f;
			z-index: 10;
		}

/*blue sidebar*/
		#sidebar {
			position: absolute;
			top: 0; right: 0px;
			z-index: 2;
			bottom: 0;
			width: 180px;
			background-color: #419ae9;
			padding-top: 13em;
		}
		#sidebar img {
			position: absolute;
			width: 269px;
			margin: -50px;
			-webkit-box-shadow: #000 0.1em 0.1em 1em;
		}

/* Search stuff */
/*note:  changed z-index to 1, should hide search bar-->*/
		#search_bar label { /*"Search" text -- obsolete*/
			position: relative;
			float: left;
			margin-left: 0.5em;
			font-family: sans-serif;
			font-size: 0.85em;
			color: #fff; /*was bbb*/
			z-index: 10;
		}
		#search_bar input { /*searchbox*/
			position: relative;
			z-index: 10;
		}
		#search_bar {
			position: absolute;
			/*background-color: #f00;*/
			top: 23.5em;
			right: -25px;
			/*right: 3.5%;*/
			width: 11em;
			height: 2em;
			z-index: 10;
		}
		input.button {
		    border: none;
		    background: url(http://www.judsonchurch.org/wp-content/themes/Judson/images/search.png) no-repeat top left;
		    padding: 0px 0px;
		    height: 16px;
		    width: 16px;
			}
		input#searchsubmit {
		    border: none;
		    background: url(http://www.judsonchurch.org/wp-content/themes/Judson/images/search.png) no-repeat top left;
		    padding: 0px 0px;
		    height: 16px;
		    width: 16px;
		    text-indent: -1000em;
			}

	/*stuff from search_bar:
	text-indent:-999em;
	margin-top:5px;
	margin-right: 2px;
	line-height:16px;*/

/*visitors link*/
		#visitors {
			position: absolute;
			top: 6.5em;
		/*	left: 36.5em;*/
			left: 46em;
			width: 10em;
			height: 1em;
			z-index: 1;
			/*background-color: #fff;*/
		}
		#visitors a:link {
			position: relative;
			text-decoration: none;
			color: #fff; /*#211e7f;*/
			font-weight: bold;
			font-size: 1em;
			margin: 0 0 0 0;
			font-family: sans-serif;
		}
		#visitors a:visited {
			position: relative;
			text-decoration: none;
			color: #fff; /*#211e7f;*/
			font-weight: bold;
			font-size: 1em;
			margin: 0 0 0 0;
			font-family: sans-serif;
		}
		#visitors a:hover {
			text-decoration: underline;
		}




/*content*/
		#spacer {
			position: relative;
			height: 1em;
			/*background-color: #f00;*/
		}
		#hr {
			height: 15px;
			/*background-color: #f00;*/
			width: 94px;
			margin-right: auto;
			margin-left: auto;
			background: url(images/journey.png) no-repeat;		
		}

		#content {
			position: relative;
			height: auto;
			min-height: 30em;
			padding-top: 14.2em;
			/*top: 14.2em;*/
			left: 14.5em;
			width: 31em;
			/*background-color: #00f;*/
			padding-bottom: 2em;
			/*margin-bottom: 13.5em;*/
		}
		#content-page {
			position: relative;
			height: auto;
			width: 100%;
			}
		#content-posts {
			position: relative;
			height: auto;
			width: 100%;
			/*using the hr div now*/
			/*border-style: solid;
			border-color: #211e7f;
			border-width: 2px;*/
			margin-bottom: 2em;
			}
		#content-notice {
			position: relative;
			height: auto;
			width: 100%;
			border-style: solid;
			border-color: #211e7f;
			border-width: 2px;
			/*margin-bottom: 1em;*/
		}
		#content-posts h2#search {
			color: #211e7f;
			margin-top: 0.5em;
			margin-left: 0.5em;
			font-size: 1em;
			font-family: verdana;
		}
		#content h1 {
			color: #211e7f;
			margin: 0 0 0 0;
			font-size: 1.2em;
			font-family: verdana;
		}
		#content h3 {
			color: #211e7f;
			margin-right: 0.5em;
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left: 0px;
			font-size: 0.8em;
			text-align: right;
		}
		#content h3#moarcat {
			color: #211e7f;
			margin-right: 0.5em;
			margin-bottom: 0px;
			margin-top: -1em;
			margin-left: 0px;
			font-size: 1em;
			text-align: right;
		}
		#content h3#moar-left {
			color: #211e7f;
			margin-right: 0em;
			margin-bottom: 0px;
			margin-top: 0em;
			margin-left: 0.5em;
			font-size: 1em;
			text-align: left;
		}
		#content h3#moar-right {
			color: #211e7f;
			margin-right: 0.5em;
			margin-bottom: 0px;
			margin-top: 0em;
			margin-left: 0px;
			font-size: 1em;
			text-align: right;
		}
		#content p {
			margin-left: 2em;
			color: #4c4c4c;
			font-family: verdana;
			font-size: 0.8em;
			line-height: 1.1;
		}
		#content-page p.welcome {
			margin-left: 0em;
		}
		#content li {
			margin-left: 1em;
			color: #4c4c4c;
			font-family: verdana;
			font-size: 0.9em;
		}
		#content a#moar {
			color: #211e7f;
		}
		#content a {
			text-decoration: none;
		}
		#content a:hover {
			text-decoration: underline;
		}
		#content blockquote {
			background:#F4F5F7 url(http://blog.johnschrom.com/wp-content/themes/inove/img/blockquote.gif) 3px 3px no-repeat;
			border:1px dashed #CCC;
			padding:3px 12px 3px 15px;
			margin:5px 0;
		}
		
/*content-main; for the main content page.  Excludes the bottom margin*/
#content-main {
	position: relative;
/*	min-height: 23em;*/
	height: auto;
	/*top: 14.2em;*/
/*	left: 13.5em;*/
	width: 31em;
	/*background-color: #00f;*/
	padding-top: 0.5em;
	/*padding-bottom: 2em;*/
}
#content-main h1 {
	color: #211e7f;
	margin: 0 0 0 0;
	font-size: 1.2em;
	font-family: verdana;
}
#content-main h3 {
	color: #211e7f;
	margin: 0 0 0 0;
	font-size: 0.8em;
	text-align: right;
}
#content-main p {
	margin-left: 2em;
	color: #4c4c4c;
	font-family: verdana;
	font-size: 0.9em;
}
#content-main a#moar {
	color: #211e7f;
}
#content-main a {
	text-decoration: none;
}
#content-main a:hover {
	text-decoration: underline;
}
/*Main navbar*/
		#navbar {
			position: absolute;
			top: 16.5em;
			left: 2em;
			background-color: #fff;
			width: 12em;
			height: auto;
		}
		#navbar ul {
			list-style: none;
		}
		#navbar li {
			margin-bottom: 0.5em;
		}
		#navbar a{
			color: #211e7f;
			text-decoration: none;
			font-weight: bold;
			font-size: 0.8em;
			font-family: verdana;
		}
		#navbar a:hover{
			text-decoration: underline;
		}

/*child of navbar*/
		#navbar li.parent {
			margin-bottom: 0em;
			}
		#navbar a.parent {
			color: #211e7f;
			text-decoration: underline;
			font-weight: bold;
			font-size: 0.8em;
			font-family: verdana;
			}
		#navbar li.child {
			margin: 0 0 0 0;
			text-indent: 1em;
			}
		#navbar a.child {
			color: #211e7f;
			text-decoration: none;
			font-weight: normal;
			font-size: 0.6em;
			font-family:verdana;
			margin: 0 0 0 0;
		}
		#navbar a.child:hover {
			text-decoration: underline;
		}
		#navbar a.childcur {
			text-decoration: underline;
			color: #211e7f;
			font-weight: normal;
			font-size: 0.6em;
			font-family:verdana;
			margin: 0 0 0 0;
			}

		#navbar li.grandchild {
			margin: 0 0 0 0;
			text-indent: 2em;
			}
		#navbar a.grandchild {
			color: #211e7f;
			text-decoration: none;
			font-weight: normal;
			font-size: 0.6em;
			font-family:verdana;
			margin: 0 0 0 0;
		}
		#navbar a.grandchild:hover {
			text-decoration: underline;
		}
		#navbar a.grandchildcur {
			text-decoration: underline;
			color: #211e7f;
			font-weight: normal;
			font-size: 0.6em;
			font-family:verdana;
			margin: 0 0 0 0;
			}

/*featured navbar*/
		#featbar {
			position: absolute;
			top: 14.5em;
			left: 2em;
			/*background-color: #fff;*/
			width: 11em;
			height: 1em;
			z-index: 4;
			text-align: left;
		}
		#featbar a{
			color: #419ae9;
			text-decoration: none;
			font-weight: bold;
			font-size: 1em;
			font-family: verdana;
		}
		#featbar a:hover {
			text-decoration: underline;
		}
		#featbar ul {
			margin: 0 0 0 0;
			list-style: none;
		}
		#featbar li {
			margin-bottom: 0em;
			margin-top: 0em;
		}
/*Contact Info*/
#contactinfo {
	position: absolute;
	/*bottom: 2em; right: 57px;*/
	top: 35em;
	right: 1em;
	height: 10em;
	width: 15em;
	z-index: 10;
	text-align: right;
	font-size: 0.75em;
	font-family: sans-serif;
	color: #fff;
	/*background-color: #0f0;*/
}

#contactinfo a {
		color: #fff;
}
#contactinfo a:hover {
		text-decoration: underline;
}
/*Tweetie*/
#tweetie {
	position: absolute;
	bottom: 2em;
	left: 0em;
	width: 13em;
	text-align: center;
}
#tweetie a {
	text-decoration: none;
}
#tweetie img {
	border-style: none;
}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.image-container {height:171px;}