/*
Theme Name: Immanuel Lutheran Church
Theme URI: http://aquavitacreative.com/
Description: Theme designed for Immanuel Lutheran Church. 
Version: 1.0
Author: Sean Ferguson and Jonathan Cox
Author URI: http://aqauvitacreative.com/
Tags: Aqua Vita, ILCA, Immanuel Lutheran Church
*/

@charset "utf-8";

/* Body Rules Begin */

body {
	background: #FFFFCC url(images/background.jpg) no-repeat scroll center top;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	color:#336600;
	font-size:11pt;
	margin:0 auto
}

/* Body Rules End */


/* Container Rules Begin */

#container {
	width:965px;
	margin:0 auto
}

.clearFloat {
	display:block;
	clear:both
}

/* Container Rules End */


/* Header Rules Begin */

#header {
	width:965px;
	height:154px;
	font-variant:small-caps;
	text-align:right;
	font-weight:bold;
	font-size:12pt;
	color:#FFFFCC;
	margin-top:15px
}

#header-top {
	height:110px
}

#header a {
	color:#336600;
	text-decoration:none;
}

#header a:hover {
	color:#FFFFCC;
}

#header img {
	float:left;
}

.directionLinks {
	text-align:right;
	float:right;
	padding: 5px 0;
	font-size:11pt
}

	/* Dropdown Nav Rules Begin */
	
	#topnav {
		margin-top:42px;
		padding-top:5px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:left;
		font-size:13pt;
		font-variant:normal
		}
	
	#topnav a {
		color:#FFFFFF
		}
	
	#topnav a:hover {
		color:#336600
		}
		
	#topnav ul {
		margin-top:0;
		padding-left:20px
		}
		
	#topnav ul li{
		display:inline;
		list-style:none;
		padding-right:50px
		}
		
	#subnav {
		width:965px;
		height:37px;
		background-image:url(images/subhead-nav.jpg);
		font-size:12pt;
		font-weight:bold;
		color:#FFFFFF
		}
	
	#subnav ul {
		margin-top:0;
		padding:10px 20px 0 20px
		}
			
	#subnav ul li{
		display:inline;
		list-style:none;
		padding-right:50px
		}
		
	#subnav a {
		color:#FFFFFF;
		text-decoration:none
		}
	
	#subnav a:hover {
		color:#336600
		}
		
	#jsddm {
		margin: 0;
		padding: 0;
		position:relative;
		z-index:1
		}
	
	#jsddm li {	
		float: left;
		list-style: none;
		width:auto;
		}

	#jsddm li a {
		display: block;
		padding: 5px 12px;
		text-decoration: none;
		color: #FFFFFF;
		white-space: nowrap
		}

	#jsddm li a:hover {	
		color:#336600
		}
		
		#jsddm li ul {
			margin: 0;
			padding: 0;
			position: absolute;
			min-width:150px;
			max-width:100%;
			visibility: hidden
		}
		
		#jsddm li ul li	{	
			float: none;
			padding:0
		}
		
		#jsddm li ul li a {
			width: auto;
			background: #5C9D9F
		}
		
		#jsddm li ul li a:hover	{	
			color:#336600
		}
	
	/* Dropdown Nav Rules End */

/* Header Rules End */


/* Subhead Ad Box Rules Begin */

#subheadBox {
	width:693px;
	height:258px;
	float:left
}

#schoolUpdates {
	width:229px;
	height:220px;
	padding:20px;
	float:right;
	color:#FFFFCC;
	background:url(images/subhead-right.jpg) no-repeat
}	

#schoolUpdates hr {
	color:#FFFFCC
}

/* Subhead Ad Box Rules End */


/* Sidebar Rules Begin */

#sidebar {
	width:209px;
	padding:25px 25px 20px 0;
	float:right;
	color:#336633;
	font-size:13pt
}

.divider {
	background-image:url(images/divider.png);
	padding:10px 0;
	margin:10px 0;
	display:block;
	clear:both;
}

/* Sidebar Rules End */


/* Content Area Rules Begin */

#bigBorderIHateYouJess {
	width:970px;
	border-left: solid 1px #D5D5E0;
	border-right: solid 1px #D5D5E0;
	z-index:1;
}

#mission {
	width:654px;
	height:128px;
	background-image:url(images/mission-bg.jpg);
	float:left;
	color:#FFFFCC;
	padding:20px;
}

#mission a {
	color:#99cc33;
	text-decoration:none
}

#mission p {
	color:#FFFFCC
}

#mission a:hover {
	color:#FFFFFF
}

#contentArea {
	width:693px;
	border-right: dotted 2px #D5D5E0;
	float:left
}

.box {
	width:660px;
	min-height:215px;
	padding:10px 10px 10px 0;
	clear:both;
	border-bottom: dotted 2px #D5D5E0
}

.finalBox {
	width:660px;
	height:212px;
	padding:10px 10px 10px 0;;
	clear:both;
}

.bottom1 {
	width:325px;
	height:100px;
	float:left;
	padding-right:5px;
	font-size:10pt
}

.bottom2 {
	width:325px;
	height:100px;
	float:right;
	font-size:10pt
}

.box img, .finalBox img {
	float:left;
	padding:2px;
	background-color:#99CC33;
	border:solid 2px #336600;
	margin:3px 7px 3px 0
}

.box h1, .finalBox h1 {
	margin-top:0
}

.bottom1 img, .bottom2 img {
	float:left;
	padding:5px 10px 5px 0
}



/* Content Area Rules End */


/* Footer Rules Begin */

#thrivent {
	width:969px;
	height:70px;
	background:url(images/thrivent-ad.jpg) no-repeat;
	margin-top:12px
}

#footer {
	width:969px;
	height:98px;
	background:url(images/footer-bg.jpg) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13pt
}

#footer p {
	font-size:12pt;
	margin:10px;
	font-variant:small-caps
}

#footer ul {
	margin:0;
	padding:10px 0 0 10px;
	width:650px
}

#footer ul li {
	display:inline;
	list-style:none;
	padding-right:35px
}

#footer ul li a {
	color:#FFFFFF;
	text-decoration:none
}

#footer ul li a:hover {
	color:#336600
}

#footer p.small {
	font-size:10pt;
	margin-bottom:5px;
}

#footer a {
	color:#336600;
	text-decoration:none
}
	
#footer a:hover {
	color:#FFFFFF
}

#footer img {
	float:right;
	padding-right:30px;
	margin-top:-10px
}

/* Footer Rules End */


/* Typography Rules Begin */

h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;
	color:#339999
}

h1 {
	font-size:22pt
}

h2 {
	font-size:18pt
}

h3 {
	font-size:14pt
}

h4 {
	font-size:11pt
}

h5 {
	font-size:8pt
}

h6 {
	font-size:6pt
}

#schoolUpdates h3, #mission h1 {
	color:#99cc33;
	margin-top:0
}

#schoolUpdates h3 {
	margin-bottom:0;
	font-weight:bold
}

.bottom1 h3, .bottom2 h3 {
	color:#99cc33;
	text-transform:none;
	margin:0 0 6px
}

.calendar {
	color:#336633;
	text-transform:uppercase;
	font-weight:bold
}

p {
	margin-bottom:0
}

p.dates {
	color:#339999;
	font-size:11pt;
	font-weight:bold
}

#schoolUpdates p {
	color:#FFFFCC
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#669999
}

a:hover {
	color:#336600;
	text-decoration:none
}

li.widget-container {
	list-style-type:none
}

ul.xoxo {
	padding-left:0
}

/* Typography Rules End */


/* Image Rules Begin */

img.sidebar {
	margin:20px 0;
}

img.alignleft {
	float:left;
	padding:2px;
	background-color:#99CC33;
	border:solid 2px #336600;
	margin-right:5px
}

img.alignright {
	float:right;
	padding:2px;
	background-color:#99CC33;
	border:solid 2px #336600;
	margin-left:5px
}

	/* Gallery Rules Begin */

	.category-gallery {
		margin-bottom: 48px;
	}
	.category-gallery h2 {
		margin-top: 10px;
	}
	.category-gallery .entry-meta {
	}
	.category-gallery .size-thumbnail img {
		border: 10px solid #f1f1f1;
		margin-bottom: 0;
	}
	.category-gallery .gallery-thumb {
		float: left;
		margin-right:20px;
		margin-top: -4px;
	}
	.home #content .category-gallery .entry-content p {
		display: inline;
	}
	.home #content .category-gallery .entry-utility {
		padding-top:4px;
	}
	
	
	/* Attachment pages
	-------------------------------------------------------------- */
	
	.entry-content .attachment img {
		margin-bottom: 0;
	}
	.attachment .entry-content .entry-caption {
		font-size: 140%;
		margin-top: 24px;
	}
	.attachment .entry-content .nav-previous a:before {
		content: '\2190\00a0';
	}
	.attachment .entry-content .nav-next a:after {
		content: '\00a0\2192';
	}
	
	/* Attachment Rules End */
	
	#content .gallery {
		margin: auto;
	}
	#content .gallery .gallery-item {
		float: left;
		margin-top: 0;
		text-align: center;
		width: 33%;
	}
	#content .gallery img {
			padding:2px;
			background-color:#99CC33;
			border:solid 2px #336600;
	}
	
	#content .gallery img:hover {
			padding:2px;
			background-color:#336600;
			border:solid 2px #99CC33;
	}
	
	#content .gallery .gallery-caption {
		color: #888;
		font-size: 12px;
		margin: 0 0 12px;
	}
	#content .gallery dl {
		margin: 0;
	}

#content .gallery br+br {
		display: none;
	}
	
	/* Gallery Rules End */

/* Image Rules End */