/*
Theme Name: WPA 1.0
Theme URI: http://unfoldingneurons.com
Description: The first version of Waterloo Pentecostal Website
Version: 1.0
Author: Darren Ethier
Author URI: unfoldingneurons.com
*/

/* RESET
* Resets all the .css styles for a fresh canvas
---------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
a img, iframe { border: 0; }
	
/* Headers */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
	
/* Lists */
	
ul, ol, dl, li, dt, dd {
	font-size: 100%;
	list-style: none;
}

/* Forms */

form, fieldset {
	border: 0;
}	
legend {
	color: #000;
}
input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}
select {
	margin: inherit;
}
/* Tables */

table {
	border-collapse: collapse;
	border: 0;
}
td, th, caption {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

/* TYPOGRAPHY
* Sets all the global styles for fonts and typography.
--------------------------------------------------------------------*/
/*
FONT SIZEING CHART
PX  %
-------------------
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197
-------------------
*/

body {
	font-family: Arial, verdana ;
	color: #000;
	margin: 0; padding: 0;
	
	/* Font sizing */
	font-size: .88em;
	line-height:1.3em; /* 16x1.125=18px */
}

table {
	font-size: inherit;
}

pre,code,kbd,samp,tt{
	font-family: monospace;
	font-size: 108%;
	line-height: 100%;
}

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:1.5em;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:1.13em; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:1em;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:normal; 
}
strong {
	font-weight: bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:0 solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* GLOBAL SYTLES
 * setting up the global styles across the entire website
 ---------------------------------------------------------------------- */
 body, body #home {
	background: #c4c4c4 url("images/footerbottom.jpg") repeat-x bottom left;
}

h1,h2,h3,h4,h5,h6 {
	/* all global heading styles go here */
}

ul, ol, blockquote {
	margin-left: 3em;
}

blockquote {
	/* global blockquote (that differes from lists) goes here */
	background: transparent url("images/blockquote.png") no-repeat top left;
	padding-left: 36px;
	padding-top: 15px;
	margin-left: 30px;
}

a {
	/* all global links */
	text-decoration: none;
}

a:hover {
	/*all global link hovers */
}

img, img:hover {
	/*all global img and img hover */
}

img:hover {
	/* specific global img hover style */
}

/* LAYOUT - all layout styles (main divisions)
-----------------------------------------------------------*/
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 5px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 5px;
}

.aligncenter {
	display: inline;
	text-align: center;
}

/*Wrapper*/
#lowercontainer {
	background: url("images/bg.jpg") repeat-x top left;
}

#wrapper { /*master container*/
	margin: auto;
	width: 1020px;
	background: #c4c4c4 url("images/footercontentbottom.jpg") no-repeat bottom left;
}

/* Header Stuff */
#header {	/* header container  includes nav and feature rotater */
	position:relative;
	z-index: 1000;
	width: 1020px;
	height: 275px;
	background: transparent url("images/headerbg2.jpg") no-repeat top left;
}

	#featureitem {
		width: 534px;
		height: 236px;
		display: block;
		position: absolute;
		z-index: 3000;
		right: 10px;
		background: transparent url("images/featureboxbg.jpg") no-repeat;
	}
		#featureitembox {
			width: 458px;
			height: 205px;
			margin-left: 35px;
			margin-top: 17px;
		}
		
		#featureitembox img, #featureitembox img.display{ 
			position:absolute;
			top:17px;
			display:block;
			border:0;
		}
		
		#featureitembox img, #featureitembox img.display {
			border: none;
			margin: 0;
			padding: 0;
		}
		
		#featureitembox img.display, #featureitembox a {
			display: block;
		}
		
		#featureitembox img {
			display: none;
		}
		
		#featurecontrols {
			  margin:0;
			 padding:0;
			 list-style: none;
			 width: 539px;
			 position: absolute;
			 z-index: -1;
			 top: 180px; 
			 right: -10px;
		}
		
		#featurecontrols li {
			list-style: none;
			margin: 0;
		}
		
		#featurecontrols li a	{
			display:block;
			width:19px;
			height:32px;
			text-indent:-999em;
		}
		
		#featurecontrols li a:focus {
			outline:none;
		}
		
		#featurecontrols li a#prev {
			background: transparent url("images/leftarrow.png") no-repeat;
		}
		
		#featurecontrols li a#next{
			background: transparent url("images/rightarrow.png") no-repeat;
			float: right;
			position: relative;
			top: -30px;
			right: 26px;
		}
	#navmenu, #navmenu * {
		list-style:none;
		margin: 0;
		padding: 0;
	}
	
	#navmenu {
		position:absolute;
		top: 202px;
		height: 34px;
		width: 1000px;
	}
	
	#navmenu li {
		float:left;
		padding-left: 14px;
		background: none;
		margin-right: 4px;
	}
	
	#navmenu li a {
		display:block;
		padding: 0 14px 2px 0px;
		line-height: 37px;
		font-size: 1.2em;
		text-decoration: none;
		color: #fff;
		background: none;
	}
	
	#navmenu li.current_page_item a, #navmenu li:hover a {
		background: url("images/currentmenuitem-a.png") no-repeat right top;
	}
	
	#navmenu li.current_page_item, #navmenu li:hover  {
		background: url("images/currentmenuitem-li.png") no-repeat left top;
	}
	
	#navmenu li li, #navmenu li li a {
		display: block;
		background: #C5BC81;
		margin-right: 5px;
		padding-left: 4px;
		padding-right: 8px;
	}
	
	#navmenu li li a, #navmenu li.current_page_item li a, #navmenu li:hover li a {
		font-size: 11px;
		color: #211814;
		line-height: 20px;
	}
	
	#navmenu li li a:hover  {
		color: #000;
	}
	
	#navmenu li li.current_page_item a {
		color: #c4c4c4;
	}
	
	#navmenu li li:hover a {
		background: #C5BC81 url("images/hoversubmenuitem-a.png") no-repeat right top;
	}
	
	#navmenu li li.current_page_item a {
		background: #C5BC81 url("images/currentsubmenuitem-a.png") no-repeat right top;
	}
	
	#navmenu li li:hover {
		background: #C5BC81 url("images/hoversubmenuitem-li.png") no-repeat left top;
	}
	
	#navmenu li li.current_page_item {
		background: #C5BC81 url("images/currentsubmenuitem-li.png") no-repeat left top;
	}
	
	#navmenu li ul {
		position: absolute;
		left: -5000px;
		z-index: 1001;
		width: 100%;
	}
	
	#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li:hover ul ul ul ul {
		left: -5000px;
	}
	
	#navmenu li:hover ul, #navmenu li.current_page_item ul {
		left: 0px;
		top: 20px;
		padding-top: 18px;
	}
	
/* Main Content Sections
-------------------------------- */
#main-content {
	width: 100%;
}

	#left-column {
		float: left;
		width: 600px;
		margin-top: 15px;
		margin-left: 10px;
	}
	
	#sidebar {
		float: left;
		width: 410px;
		margin-top: 10px;
	}
		#sidebar a, #left-column .post a, .breadcrumb a, #commentsbox a, #wide-column .post a, #upcomingevents a, #recentposts a, #announcements a {
			color: #423d0b;
			border-bottom: 1px dotted;
		}
		
		#main-content #sidebar a img, #main-content #sidebar a:hover img {
			border: 0 transparent;
		}
		
		#sidebar a:hover, #left-column .post a:hover, .breadcrumb a:hover, #commentsbox a:hover, #wide-column .post a:hover, #upcomingevents a:hover, #recentposts a:hover, #announcements a:hover {
			color: #e5e97e;
			border: none;
		}
	
	.breadcrumb {
		margin: 0;
		padding: 0;
		margin-bottom: 15px;
	}
				
	#wide-column {
		float: left;
		width: 1020px;
		margin-top: 15px;
	}

#footer {
	clear: both;
	width: 100%;
	height:300px;
	padding: 0px;
	padding-top: 50px;
	margin: 0;	
	}
	
	
/* CONTENT STRUCTURE
------------------------------------*/
/*left-column*/
#welcomebox {
	width: 584px;
	min-height: 250px;
	background: url("images/contentbox.jpg") no-repeat;
	padding: 15px 0 0 0;
}
	#welcomebox h2 {
		font-family: Lucida Bright, Georgia, Arial, Sans;
		font-size: 3em;
		font-weight: bold;
		color: #211814;
		padding-left: 45px;
		padding-top: 10px;
		margin-top: 10px;
	}
	
	#welcomebox p {
		position: relative;
		top: -55px;
		text-indent: 200px;
		padding-right: 45px;
		padding-left: 45px;
		line-height: 1.6em;
	}

#left-column .content { /* not styled atm */
}

.post h2{
	font: bold 1.5em Lucida Bright, Georgia, Times New Roman, Sans Serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

span.meta {
	font-size: .8em;
}

.entry, .pageentry {
	margin-top: 15px;
}

.pageentry {
	margin-top: 0;
}

.entry h3, .pageentry h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font: bold 1.2em Lucida Bright, Georgia, Times New Roman, Sans Serif;
	color: #A6664D;
	border-bottom: 1px dotted;
}

.entry h4, .pageentry h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font: italic 1em Lucida Bright, Georgia, Times New Roman, Sans Serif;
	color: #A6664D;
}

.postmetadata {
	font-size: .75em;
	padding: 4px;
	margin: 10px 0 10px 0;
}

.wp-caption {
	text-align: center;
	background: #f1eaab;
	padding-top: 4px;
}

.wp-caption-text {
	font: 10px "Arial", sans;
	font-style: italic;
	line-height: 10px;
	text-align: center;
	margin: 2px 0 2px 0;
	padding: 0;
}

div.hr { /*styling trick to get rid of border on hr in ie */
  height: 15px;
  background: transparent url("images/fancyhr.png") no-repeat scroll center;
  margin: 20px 0 20px 0;
}

div.hr hr {
  display: none;
}

#upcomingevents, #announcements {
	width: 300px;
	background: transparent url("images/upcomingeventslogo.png" ) no-repeat top center;
	padding-top: 65px;
	overflow: hidden;
}

#announcements {
	background: transparent url("images/announcementslogo.png") no-repeat top center;
}
	
div .container {
	float: left;
	height: 100%;
        width: 300px;
}

div .itemcontent {
	height: 100%;
}

	#smalldatebox {
		float: left;
		width: 34px;
		background: url("images/smalldatebox.png") no-repeat top;
		height:40px;
		margin-left: 20px;
		margin-right: 5px;
	}

	#sidebar #smalldatebox {
               height: 64px;
       }
		#smalldatebox p.month {
			font:  .7em Arial, Verdana, Sans;
			text-align: center;
			text-transform: uppercase;
			color: #2f2f7c;
			margin: 0px;
			padding-top: 3px;
		}
		
		#smalldatebox p.day {
			font-size: 1.3em;
			text-align: center;
			color: #2f2f7c;
			margin-top: -2px;
			padding: 0;
		}
	
	#upcomingevents h3, #recentposts h3, #announcements h3 {
		margin: 0;
		padding: 0;
		font: 1em bold Georgia, Lucida Bright, serif;
		color: #211814;
	}
	
	#sidebar #upcomingevents h3, #sidebar #recentposts h3, #sidebar #announcements h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	#sidebar #upcomingevents a, #sidebar #recentposts a, #sidebar #announcements a {
		color: #E8DD7E;
		}
	
	#upcomingevents .event p, #recentposts .content p, #announcements .event p {
		font: .8em normal arial, verdana, sans;
		color: #61580f;
		padding-right: 18px;
	}
	
	#sidebar #upcomingevents .event p, #sidebar #recentposts .content p, #sidebar #announcements .event p {
		color: #f1eaab;
	}


	

#recentposts {
	float:right;
	width: 300px;
	background: transparent url("images/recentpostslogo.png") no-repeat top center;
	padding-top: 75px;
	margin-top: -6px;
}

#sidebar li.cat-item {
	list-style: none;
	background: transparent url("images/liforward.png") no-repeat left;
	padding-left: 18px;
}

#sidebar #recentposts {
	float: none;
}

.sermonseries h2 {
	margin: 0;
	padding: 0;
}

.more, .moresidebar{
	font: .9em Arial, sans;
	margin-right: 18px;
	text-align: right;
}

.more {
	text-align: left;
	float: right;
	margin-right: 15px;
}

.more:hover span, .moresidebar:hover span {
	text-decoration: underline;
}

	.more img, .moresidebar img {
		position: relative;
		top: 4px;
	}
	
	#left-column .more a, #left-column .more a:hover {
		border: none;
	}
	
#sidebar a img, #sidebar img a {
	border: none;
}
	
	#sidebar #upcomingevents .moresidebar a, #sidebar #upcomingevents .moresidebar a:hover, #sidebar #recentposts .moresidebar a, #sidebar #recentposts .moresidebar a:hover, #sidebar #announcements .moresidebar a, #sidebar #announcements .moresidebar a:hover {
		border: none;
	}
	
/*Sidebar stuff*/
.sidebar-box-top {
	background: transparent url("images/sidebarboxtop.png") no-repeat top;
	padding-top: 14px;
	padding-bottom: 30px;
	/*float: left;*/
}

.sidebar-box-bottom {
	background: transparent url("images/sidebarboxbottom.png") no-repeat bottom;
	padding: 0 44px 10px 44px;
	/*float: left;*/
}

#newhere {
	width: 390px;
	height: 92px;
	background: url("images/newtowpabox.jpg") no-repeat top left;
}
		#newhere p {
			padding: 40px 15px 45px 95px;
			color: #f1eaab;
		}
		
		#newhere a {
			color: #fff;
			border: none;
		}

#image-block {
	width: 390px;
	height: 100%;
}
		#image-block a {
			border: none;
		}

#recentmessage {
	width: 375px;
	height: 225px;
	background: url("images/recentmessagebg.jpg") no-repeat top left;
	padding-top: 15px;
	}
	h2.recentmessage {
		font: bold 1.3em Arial, sans;
		color: #211814;
		border-bottom: 2px #9f9216 solid;
		text-align: left;
		margin-right: 20px;
		margin-left: 25px;
		padding-bottom: 1px;
		padding-left: 10px;
	}
	
	#recentmessage .author {
		text-align: left;
	}
	
	#podbox {
		margin-left: 30px;
		margin-top: -15px;
		width: 350px;	
		text-align: center;
	}
	
	#calendarback, #smallcalendarback {
		display: block;
		float: left;
		width: 50px;
		height: 50px;
		background: transparent url("images/smallcalendarback.png") no-repeat top left;
		margin-right: 5px;
		margin-bottom: 3px;
	}
	
		#calendarback .month, #smallcalendarback .month {
			text-align: center;
			text-transform: uppercase;
			margin-top: 0px;
			font-size: 1.1em;
			font-weight: bold;
			letter-spacing: 3px;
			color: #fff;
		}
		
		#calendarback .day,  #smallcalendarback .day {
			text-align: center;
			margin-top: -22px;
			margin-left: 0px;
			font: bold 2.5em "Georgia", Sans-serif, Times New Roman;
			color: #383333;
			letter-spacing: -3px;
		}
		
				
	h2.sermontitle  {
		font: bold 1.3em "Georgia", Sans-serif, Times New Roman;
		color: #2f2f7c;
		padding-top: 5px;
		text-align: left;
		margin-top: 0px;
	}
	
	.author {
		font-size: .9em;
		color: #585151;
		margin-top: -18px;
	}
	
	.excerpt {
		font: italic .8em Arial, Verdana, sans;
		margin-top: -10px;
		text-align: left;
	}
	
/* COMMENTS STUFF */
#commentform input {
	width: 200px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
	
#commentsbox, #commentsboxwide {
	background: transparent url("images/commentsbackground.png") no-repeat top center;
	padding: 15px;
}

#commentsboxwide {
	background: none;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	background: #fff;
	}

.commentlist {
	padding: 0;
	margin: 0;
}

ol .commentlist {
	margin: 0;
	padding: 5px;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 4px 3px;
	list-style: none;
	font-weight: bold;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: .9em 'Lucida Bright', Verdana, Arial, Sans-Serif;
	margin-left: 0;
	}

.commentlist li .avatar {
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 5px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
.nocomments {
	color: #777;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px;
	}
	
/* FOOTER STUFF 
-------------------------*/
#leftfooter {
	float: left;
	width: 600px;
	margin:0;
	padding:0;
	margin-right: 5px;
}

#rightfooter {
	float: left;
	width: 409px;
	margin:0px;
	/** disabling verse of the day for the time being until I can implement it better
	background: transparent url("images/votd.png") no-repeat top left;
	**/ /** TODO find a better solution for VOTD **/
	padding-top: 65px;
}
		#rightfooter a {
			color: #423d0b;
			border-bottom: 1px dotted;
			text-decoration: none;
		}
	
		#rightfooter a:hover {
			color: #551a8b;
			border: none;
		}

	#rightfooter-top {
	display: block;
	height: 110px;
	margin: 0 10px 0 10px;
	font-size: .8em;
	}
		
	#rightfooter-bottom {
	display: block;
	height: 80px;
	/*background-color: #423d0b;*/
	/*border: #e5e97e 1px solid;*/
	color: #000;
	margin: 10px;
	padding: 10px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 30px;
	font: .9em Arial, sans;
	text-align: right;
	}
	
		#rightfooter-bottom  h3 {
			font: 1.4em "Lucida Bright", Georgia, sans-serif;
			margin-top: 0;
			margin-bottom: 0;
			padding-bottom: 4px;
			padding-top: 0;
		}
		
		#rightfooter-bottom p {
			padding-top: 0;
			padding-bottom: 0;
			margin-top: 0;
			margin-bottom: 0;			
		}
		
		#rightfooter-bottom  .small-info {
			font: .8em arial, sans;
		}
		
/* Sermon Player stuff
------------------------------ */
#sidebar a.download {
	background: url(images/16-em-down.png) left no-repeat;
	padding: 0 0 0 16px;
	border: none;
}

#sidebar a.ls  {
		padding: 0 0 0 25px;
		background: transparent url(images/icon_rss.gif) no-repeat 5px 0;
		border: none;
}
#sidebar a.info {
		padding: 0 0 0 16px;
		background: transparent url(images/leftarrow2.png) no-repeat left;
		border: none;
}

p.audioplayer_container {
		padding: 0;
		margin-top: 10px;
		margin-bottom: 0px;
		text-align: center;
	}
	
/**BUILDING PROJECT TEMPLATE STYLES**/
#building-posts h3, #building-downloads h3 {
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
}

#flash-pictures {
	margin-left: 40px;
	margin-bottom: 20px;
}

/**IMAGE HANDLING STYLES **/
.no-border {
	border: none;
}

/** ORGANIZE SERIES STYLES **/
.imgset {
	float: left;
	/*overflow: visible;*/
	border: none;
	margin-right: 6px;
}

.serieslist-content {
	font-size: 1.2em;
	color: #000;
	text-align: left;
}

.serieslist-box {
	background: #fff;
	width: 90%;
	/*height: 100px;*/
	padding: 6px;
	margin: 10px auto 0 auto;
	border: 1px solid #1E3A96;
	border-bottom: 2px solid #1E3A96;
}

html>body .serieslist-box {
	height: auto;
	/*min-height: 100px;*/
} 	

h2.series-title {
	font-size: 1.2em;
	color: #1E3A96;
	text-align: center;
}

ul.serieslist-ul  {
	margin: 0;
	padding: 0;
	
}

li.serieslist-li, li.serieslist-li-current {
	margin: 0;
	padding: 0;
	/*list-style-type: none;*/
	font-size: 1.2em;
	margin-top: 12px;
}

.seriesbox {
	background: #F8F8F8;
	color: #777;
	text-align: left;
	font: .8em Arial, Tahoma, Verdana, Sans-Serif;
	margin: 0 10px 0px 10px;
	padding: 6px 6px 12px 6px;
	border: 1px dotted #1E3A96;
	border-bottom: 2px solid #1E3A96;
	min-width: 125px;
}

.seriesbox img {
	border: 0px;
}

#sidebar .seriesbox div a  {
	border: none;
}

#sidebar .latest-series a {
	border: none;
}

h3.series-title-post-page {
	font-size: 1.1em;
	color: #1E3A96;
	text-align: center;
}

p.series-description {
	font-style: italic;
}

.seriesmeta {
	background-color: #8F8216;
	font-size: .8em;
	margin-bottom: 5px;
}

.series-nav-left {
	float: left;
}

.series-nav-right {
	float: right;
}