/*
Theme Name: LRP Website Theme
Theme URI: 
Description: Used for the Lafayette Reformed Presbyterian Church
Version: 1.1
Author: Joe Bibby
Author URI: http://www.joebibby.com
*/

body {
	background-color: #ebf0f8;
	padding-bottom: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 82%; /* we set the font size to 76% to compensate for different browsers and operating systems. 76% tends to look like 12px on most screens */
	line-height: 1.5em; /* we set the line height equalt to the height of an uppercase "M" character */
	}
	
a {
	text-decoration: none;
	color: #32857c;
	font-weight: bold;
	}
	
a img {
	border: hidden;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}
	
.center {
	margin: 0px auto;
	}
	
.content-box {
	position: relative;
	top: 35px;
	z-index: 200;
	margin: 0px auto;
	padding: 40px 40px 10px 150px !important;
	padding: 50px 40px 10px 150px;
	width: 760px;
	height: auto;
	background-color: #FFFFFF;
	border: 3px solid #81aa74;
	overflow: hidden;
	}

.content-box ul {
	font-size: 1.1em;
	line-height:1.6em;
	color: #0b453f;
	list-style-image: url(images/bullet.gif);
	}

.calendar {
	float: right;
	width: 450px;
	}
	
.events {
	float: left;
	width: 270px;
	}
	
.events-home-side {
	position: absolute;
	right: -14px;
	top: 260px;
	width: 185px;
	height: 700px;
	padding: 40px 35px 0px 20px;
	text-align: right;
	background-image: url(images/events-home-back.png) !important;
	background-image: url(images/events-home-back.gif);
	background-repeat:no-repeat;
	}

.events-header {
	position: absolute;
	top: 0px;
	left: 100px;
	background-image: url(images/events-pic.jpg);
	width: 900px;
	height: 196px;
	}

.float-right {
	float: right;
	}
	
.float-left {
	float: left;
	}
	
.footer {
	width: 500px;
	margin: 0px auto;
	text-align: center;
	}

.gmap {
	margin: 0px auto;
	border: 3px solid #0b2740;
	}

/* HEADINGS */
h1 {
	font-size: 1.8em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	color: #02453E;
	padding: 0;
	font-weight: normal !important;
	font-weight: bold;
	}

h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	color: #02453E;
	padding: 0;
	font-weight: normal !important;
	font-weight: bold;
}

h3 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	color: #476865;
	padding:0;
	font-weight: 700 !important;
	font-weight: bold;
	}

h4 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
	}

h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
	}

h6 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	padding: 0;
	}
/* END HEADINGS */

/* HEADER */
.header-graphics-box {
	position: relative;
	z-index: 80;
	height: 207px;
	margin: 0;
	padding: 0px 0px; /* 10 pixels top and bottom padding and 20 pixels left and right padding - can also be written as 10px 20px 10px 20px [top, right, bottom, left] */
	}
.header-left {
	background-image: url(images/LRP-Header-Left.jpg);
	background-repeat: no-repeat;
	height: 207px;
	width: 381px;
	float:left;
	}
.header-fill {
	position: absolute;
	background-image: url(images/LRP-Header-Sky-Fill.jpg);
	background-repeat: repeat-x;
	left: 381px;
	width: 585px !important;
	width: 579px;
	height: 207px;
	border-bottom: 5px solid #719b63;
	}
.header-right {
	position: absolute;
	top: 0px;
	left: 601px !important;
	left: 610px;
	background-image:url(images/LRP-Header-Right.jpg);
	background-repeat: no-repeat;
	width: 365px;
	height: 208px;
	z-index: 100;
	}

.home {
	width: 500px;
	float: left;
	margin-top: -20px;
	}

.home-side {
	
	}

.home-side a {
	font-weight: normal;
	text-align: left;
	}

.home-side h2 {
	text-align: left;
	}

.home-side h2 a {
	color: #02453E;
	text-decoration: underline;
	text-align: left;
	margin-left: 0px;
	padding-left: 10px;
	}

.home-side ul {
	padding-left: 10px;
	margin-left: 0px;
	}

.home-side li {
	padding-bottom: 10px;
	width: 190px;
	text-align: left;
	}
	
.hr-center {
	margin: 0px auto;
	background-image: url(images/hr.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 3px;
	}

.hr {
	background-image: url(images/hr.jpg);
	background-repeat:no-repeat;
	width: 500px;
	height: 3px;
	}

img a {
	border: hidden;
	}
	
input {
	background-color: #FFFFFF;
	border: 2px solid #719b63;
	}

	
.login {
	width: 300px;
	height: 300px;
	padding: 50px 20px 20px 70px;
	margin: 0px auto;
	background-image: url(images/login-back.jpg);
	}	
	
.lcp_catlist li {
	list-style-image:none;
	list-style-type: none;
	}
	
.ministries-header {
	position: absolute;
	top: 0px;
	left: 100px;
	background-image: url(images/ministries-pic.jpg);
	width: 900px;
	height: 196px;
	}
	
	
.page {
	position: relative;
	width: 966px;
	margin:  0 auto; /* we want to center this div for browsers that understand so we have an auto declaration for the left and right margin */
	margin-top: 10px;
	padding-bottom: 40px;
	border: 3px solid #719b63;
	background-color: #8dc17b;
	overflow: hidden;
}

p {
	font-size: 1.1em;
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.6em;
	color: #0b453f;
	}

.search a {
	font-size: 2em;
	}

.sermons {
	width: 700px;
	margin: 0px auto;
	}
	
.sermons-header {
	position: absolute;
	top: 0px;
	left: 100px;
	background-image: url(images/sermons-pic.jpg);
	width: 900px;
	height: 196px;
	}
	
.sermons .post {
	position: inherit;
	margin-bottom: 20px;
	margin-top: 20px;
	z-index: 303;
	}
.sermons h2 {
	margin: 0 0 0 0;
	}
.sermons small {
	padding-left: 20px;
	}
.sermons a {
	font-weight: normal !important;
	font-weight: bold;
	}
	
.sermons-home-side {
	position: absolute;
	right: -14px;
	top: 30px;
	width: 185px;
	height: 260px;
	padding: 30px 35px 0px 20px;
	text-align: right;
	background-image: url(images/sermons-home-back.jpg);
	background-repeat:no-repeat;
	}
	
.search-box {
	position: absolute;
	top: 10px;
	left: 745px !important;
	left: 730px;
	height: 10px;
	width: 300px;
	z-index: 302;
	}
	
.side-collage {
	background-image: url(images/Side-Panel-Collage.jpg);
	background-repeat: repeat-y;
	width: 144px;
	height: 5500px;
	margin-right: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 304;
	}
	
.side-collage img {
	border: 0px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
	
.sub-filler {
	height: 196px;
	width: 900px;
	}
	
.sub-menu { 
	background-image: url(images/sub-menu-bckgrd.png) !important;
	background-image: url(images/sub-menu-bckgrd.gif); 
	background-repeat: no-repeat; 
	background-position: right !important;
	background-position: center right;
	position: absolute; 
	z-index: 300;
	top: 235px !important;
	top: 205px;
	left: 122px;
	height: 50px;
	}
	
.sub-menu ul {
	margin-left: -30px !important;
	margin-left: 10px;
	margin-top: 0px !important;
	margin-top: 10px;
	}
	
.sub-menu li {
	display: inline;
	height: 28px; 
	width: auto;
	padding: 10px 15px 0px 5px;
	line-height: 58px;
	margin-bottom: inherit !important;
	margin-bottom: 10px;
	}	
	
.sub-menu li a {
	text-decoration:none; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px; 
	color:#fff; 
	text-align:center;
	font-weight: normal;
	}
	
.sub-menu li a:hover {
	color: #ccccff;
	}
	
	
.text-box {
	width: 781px;
	position: absolute;
	left: 130px;
	top: 10px;
	height: auto;
	}
	
	
.top-menu {
	position: absolute;
	background-image: url(images/menu-bckgrd.png) !important;
	background-image: url(images/menu-bckgrd.gif); 
	background-repeat: repeat-x; 
	background-position:right; 
	padding-right: 30px;
	z-index: 301;
	top: 190px;
	left: -45px;
	height: 50px;
	width: 966px;
	}

.top-menu ul {
	margin: 0px;
	}
	
.top-menu li {
	display: inline;
	height: 48px; 
	width: auto;
	padding: 0px 30px 0px 15px;
	line-height: 48px;
	}
	
.top-menu li page_item page-item-2 current_page_item a {
	color: #ccccff;
	}
		
.top-menu li a {
	text-decoration:none; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 18px; 
	color:#fff; 
	text-align:center;
	font-weight: normal;
	}
	
.top-menu li a:hover {
	color: #ccccff;
	}