/*
Theme Name: Lakeview 
Description: adapted from "Ad Clerum 2" theme, and rebuilt to suit LCC
Version: 1.0.5
Author: Drew Epperley
Author URI: http://www.epp6.com
*/


/* Basics */

*{margin:0; padding:0;}

body {
	background: #738596 /*url("http://lakeview-church.org/ee/images/site/bg-body2.jpg")*/ repeat-x scroll 0 0;
	font: 8pt/13pt "Lucida Grande", Lucida, Verdana, sans-serif;
	}


img{ border: none; padding: 0px; margin: 0;}
img a{border:none;}

img.left{ float: left; border: none; padding: 8px; margin: 0;}
img.right{ float: right; border: none; padding: 8px; margin: 0;}

ul{margin:5px 20px 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
	margin:10px 0 10px 12px;
	padding:0 0 0 12px;
	background-color: #738596;
	border-style: hidden;}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	}


/* Links and Headings */


a, a:link {
	color: #333333;
	text-decoration: none;
}

h1 {font-size: 20pt;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 12pt; margin-top:10px;}
h4 {font-size: 10pt;}

/* Spotlights */

#spotlight {
height: 145px;
padding-top: 10px;
font-size: 11px;
padding-bottom: 10px;
}

#spotlight p{
margin-left: 15px;
margin-right: 15px;
line-height: 12px;
}

.spotlight h4{
	color:#104A7D;
	font-size:12px;
	margin:10px 0px -5px 15px;
height:12px;
}

.spotlight h4 a{
	color:#104A7D;
text-decoration:none;
height:12px;
}

#spotlightleft {
margin-left: 10px;
height: 125px;
/*background-repeat: no-repeat;*/
float: left;
text-align: left;
/*background: url("http://lakeview-church.org/ee/images/site/spotlightbox.jpg") no-repeat;*/
/*border: medium solid #738596;*/
	/*height:145px;*/
	width:400px;
}


#spotlightright {
margin-left: 10px;
height: 125px;
background-repeat: no-repeat;
float: right;
text-align: left;
background: #fff;
/*border: medium solid #738596;*/
	/*height:145px;*/
	width:400px;
}

#spotlight img{
	padding:2px;
	background-color:#FFF;
	margin-right:10px;
float: left;
display:inline;
/*border: medium solid #738596;*/
}

/* Sermons */

#latestMessage {
	position: relative;
	float: none;
	width: 215px;
	min-height: 64px;
	overflow: hidden;
	background: #fff /*url("http://lakeview-church.org/bg-message.jpg") no-repeat*/;
	margin: 0 0 0 0; /* top, right, bottom, left */
	padding: 0; /* top, right, bottom, left */
}

#latestMessage h2 {
	margin: 6px 0 3px;
	width: 125px;
	height: 16px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("http://lakeview-church.org/last_message.gif") no-repeat;
}

#latestMessage p {
	margin-left: 20px;
	width: 283px;
	font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
	color: #777;
}

#latestMessage p a {
	color: #2388ff;
}

#latestMessage p a:hover {
	color: #333;
	text-decoration: underline;
	background: #ffc;
}

#latestMessage ul {
	position: absolute;
	top: 18px;
	right: 20px;
	height: 27px;
	overflow: hidden;
	list-style: none;
}

#latestMessage li {
	float: right;
}

#latestMessage li a {
	display: block;
	height: 27px;
	text-indent: -5000px;
	overflow: hidden;
	background: url("http://lakeview-church.org/btn-listendownload.gif") no-repeat;
}

#latestMessage li a#listen {
	width: 69px;
	background-position: 0 0;
}

#latestMessage li a#download {
	width: 99px;
	background-position: 100% 0;
}

#latestMessage li a#listen:hover {
	background-position: 0 50%;
}

#latestMessage li a#download:hover {
	background-position: 100% 50%;
}

#latestMessage li a#listen:active {
	background-position: 0 100%;
}

#latestMessage li a#download:active {
	background-position: 100% 100%;
}


/*  Container  */


#container {
	width: 900px; 
	margin: 0 auto;
	color:#333;
background: #fff;
border: medium solid #fff;;
padding: 0;
	}

#wrapper {
text-align:left;	
	}

/*  HEADER  */

#header {
	width: 900px;
	height: 130px;
	background: url(http://lakeview-church.org/ee/images/site/LRbg.jpg);
	}

	
#header h2 {
	color: #fff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 20pt;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0 0 0 13px;
	padding: 50px 0 0 0;
	letter-spacing: 2px;
	}

#header h2 a {
	color: #fff;
	text-decoration: none;
	}

#header h2 a:hover {
	color: #fff;
	text-decoration: underline;
	}

#header h3 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
	color: #F0F0F0;
	margin: 6px 0 0 13px;
	}
	
/* HR */

#hr {
	clear: both;
	overflow: hidden;
padding-bottom: 10px;
display: none;
}

/* Menu  */

#nav { 
	background: #738596; 
	text-align: center;
	width: 100%;
	height:23px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
	}
	
#nav ul{margin: 3px 0 0 0;}
		
#nav li { 
	display: inline;
	position: relative;
	}
		
#nav a { 
	color: #FFF; 
	padding: 5px 12px 5px 12px;
	} 
		
#nav a:hover {background: #fff; color:#121212; }

#nav li ul{ 
	position: absolute; 
	left: -999em;
	margin-top: 18px;
	border-bottom: 1px solid #455A79;
	border-left: 1px solid #455A79;
	border-right: 1px solid #455A79;
	} 
	
#nav li li, #nav li li a {display: block; text-align: left; background: #455A79;}
		
#nav li li a { width:150px; padding: 4px;}
#nav li li a:hover { width:150px; background: #fff;}

#nav li:hover ul { top: 0; left: 0 }




/*  Main Content  */


#content { 
	width: 640px;
	padding: 8px 18px 0 20px;
	text-align: justify;
	float: left;
	overflow: hidden;
}

#content h1 {
	color: #fff;
	background: #738596;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 14pt;
        font-weight: bold;
	padding: 3px 6px;
	margin: 0px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #fff;
	}
	
#content h2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: 300;
	margin: 8px 0 6px 0;
text-decoration: underline;
	}
	
	
#content ul li {
	list-style-type: square;
	}


.entry {
	margin: 6px 0 8px 0 ;
	}
	
.entry p {
	margin: 6px 0 6px 0;
padding-top: 6px;
font: 12px  "Lucida Grande", Lucida, Verdana, sans-serif;
}
	
.entry a {
	color: #7E7E7E;
	text-decoration: underline;
	}
	
.entry a:hover {
	color: #7E7E7E;
	text-decoration: none;
	}



.postmetadata{
	clear: both;

	background:#F3F3F3;
	padding:6px;
	margin: 16px 0 16px 0;
	border-top:1px solid #D8D8D8;
	border-bottom:1px dotted #D8D8D8;
	}
			
	
/* Right Sidebar */

#right {
	width: 215px;
	float: right;
	font-size:8pt;
	margin: 0 0 0 0; /* top, right, bottom, left */
	padding: 0; /* top, right, bottom, left */
	overflow: hidden;
	}

#right h2 {
	color: #fff;
	background: #738596;
	font-family: verdana, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 6px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #fff;
	}

#right p {
font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
	color: #777;
}

#right a {display: block; color: #2388ff; text-decoration: none; padding: 0 0px 0 0px; margin: 0; line-height: 14pt;}
#right a:hover {color: #333; text-decoration: underline;}

#right ul {
	margin:0 0 12px 0;
	padding:0;
	list-style:none;}

#right ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#right ul ul {}

#right ul ul li {}



/* RSS Widget */

.rsswidget img {
	display: none;
	}

#left h2 a.rsswidget{
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#left h2 a.rsswidget a:hover{
	color: #fff;
	text-decoration: none;
	
}

#right h2 a.rsswidget{
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#right h2 a.rsswidget a:hover{
	color: #fff;
	text-decoration: none;
	
}


/* text Widget */


.textwidget {margin:0 12px 0 12px; padding: 0;}



/* Comment Form */

#commentform{
	margin:10px;
	padding:10px;}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;}

#author, #email, #url{margin:5px 5px 0 0;}

#submit{margin:5px 5px 0 0;}

/* Comments */

#comments{
	margin:10px;
	padding:10px;}
	
ol.commentlist {}

ol.commentlist li {
	background: #ececec;
	margin:10px 0;
	padding:5px 0 5px 10px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}

ol.commentlist li.alt {background: #fff;}

ol.commentlist a {}

cite {}

small.commentmetadata {}

/* Search */

#searchform {margin:8px 0 8px 12px; padding: 0;}
	
#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;	
	border:1px solid #BCBCBC;
	color: #6A6A6A;
	margin: 4px 0 0 0;
	padding: 2px 2px 2px 4px;
	}
	

/* Footer */

#footer {
	clear: both;
margin-top: 15px;
width: 100%;
border-top: solid 1px #fff;
color: #fff;
	}

#footer p{padding:5px; text-align:center;}

#footer a{color:#eee;}	

#footerB {
	background: #3e362f;
position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	}

#siteMap,
#copyright {
	margin-top: 0;
}

#siteMap {
	float: left;
	width: 650px;
}

#siteMap .column {
	float: left;
	width: 170px;
}

#siteMap li {
	display: block;
	list-style: none;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
}

#siteMap li a {
	display: block;
	float: left;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #ff9300;
}

#siteMap li li a {
	padding-left: 10px;
	font-size: .81em;
	line-height: 1em;
	font-weight: normal;
	color: #eae7d2;
	background: url(/arrow-miniorange.gif) left center no-repeat;
}

#siteMap li a:hover {
	text-decoration: underline;
	color: white;
}

#siteMap li li a:hover {
	background-position: 2px 50%;
}


# copyright {
	float: right;
	width: 320px;
	background: #3e362f;
	border: 1px solid #797066;
}

#copyright p {
	margin: 15px 10px;
	font: .81em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
}

#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
}

#copyright a {
	font-weight: bold;
	color: #60bffb;
}

#copyright a:hover {
	text-decoration: underline;
	color: white;
}



/* images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
