/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Lyona Bible Church
Version:		1.0
Created By:		Jesse Lavery, eight16 Design, LLC
Last change:	04/24/09 [initial coding]

--------------------------------------------------------------------

[Colors]

Background:		#fff 	(white)
Content:		#000 	(black)

BG Main:		#e4dfc7 (lt tan)
BG Sidebar: 	#dad3bb	(dk tan)
BG Footer:		#2b241e (brown)

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

html {
background: url(http://www.lyona.org/assets/images/bg.jpg) #dad3bb repeat;
}

body {

color: #000;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

#bg-gradient {
background: url(http://www.lyona.org/assets/images/bg-gradient.png) repeat-x;
height: 100%;
width: 100%;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, ul li, h4 {line-height: 1.4em;}

a {
outline: none;
text-decoration: none;
}

/* Container
------------------------------*/

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

/* Header
------------------------------*/

#header {
display: block;
height: 105px;
margin-left: -30px;
padding-top: 20px;
width: 900px;
}

#header h1 a {
background: url(http://www.lyona.org/assets/images/logo.png) no-repeat;
display: block;
height: 105px;
width: 900px;
}

/* Menu
------------------------------*/

#menu {
display: block;
height: 30px;
position: relative;
margin: 0 0 0 0;
padding-top: 0px;
width: 900px;
}

#menu ul {
background: url(http://www.lyona.org/assets/images/menu.jpg) no-repeat;
height: 30px;
margin: 0px;
width: 900px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 0px; top: 0px; width: 150px; height: 30px;}
#menu #menu2, #menu #menu2 a {left: 150px; top: 0px; width: 150px; height: 30px;}
#menu #menu3, #menu #menu3 a {left: 300px; top: 0px; width: 150px; height: 30px;}
#menu #menu4, #menu #menu4 a {left: 450px; top: 0px; width: 150px; height: 30px;}
#menu #menu5, #menu #menu5 a {left: 600px; top: 0px; width: 150px; height: 30px;}
#menu #menu6, #menu #menu6 a {left: 750px; top: 0px; width: 150px; height: 30px;}

#menu #menu1 a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -0px -30px no-repeat;}
#menu #menu2 a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -150px -30px no-repeat;}
#menu #menu3 a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -300px -30px no-repeat;}
#menu #menu4 a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -450px -30px no-repeat;}
#menu #menu5 a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -600px -30px no-repeat;}
#menu #menu6 a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -750px -30px no-repeat;}

#menu1.current a {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -0px -30px no-repeat;}
#menu1.current a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -0px -30px no-repeat;}

#menu2.current a {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -150px -30px no-repeat;}
#menu2.current a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -150px -30px no-repeat;}

#menu3.current a {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -300px -30px no-repeat;}
#menu3.current a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -300px -30px no-repeat;}

#menu4.current a {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -450px -30px no-repeat;}
#menu4.current a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -450px -30px no-repeat;}

#menu5.current a {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -600px -30px no-repeat;}
#menu5.current a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -600px -30px no-repeat;}

#menu6.current a {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -750px -30px no-repeat;}
#menu6.current a:hover {background: transparent url(http://www.lyona.org/assets/images/menu.jpg) -750px -30px no-repeat;}

/* Submenu
------------------------------*/

#submenu {
display: block;
height: 30px;
width: 900px;
}

/* Feature
------------------------------*/

#feature {
background: url(http://www.lyona.org/assets/images/bg-feature.png) no-repeat;
display: block;
height: 200px;
width: 900px;
}

#feature-main {
background: url(http://www.lyona.org/assets/images/feature.jpg) no-repeat;
display: block;
float: left;
height: 200px;
/*text-indent: -9999px;*/
width: 600px;
}

#feature-main p img {
display: block;
height: 200px;
width: 600px;
}

#feature-side {
float: left;
height: 200px;
width: 300px;
}

#feature-side h3 {
background: url(http://www.lyona.org/assets/images/hdg-latestmessage.jpg) no-repeat;
display: block;
height: 30px;
margin: 0 0 10px 10px;
text-indent: -9999px;
width: 260px;
}

#feature-side p {
color: #e4dfc7;
margin: 0 10px;
}

#feature-side p a {
color: #e4dfc7;
}

#feature-side p a:hover {
border-bottom: 1px solid #e4dfc7;
color: #e4dfc7;
}

#feature-side p#sermonlink {
display: block;
height: 40px;
margin: 0 0 0 5px;
width: 290px;
}

#feature-side p#sermonlink a {
background: url(http://www.lyona.org/assets/images/sermonlink.jpg) 0 0 no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 290px;
}

#feature-side p#sermonlink a:hover {
background: url(http://www.lyona.org/assets/images/sermonlink.jpg) 0 -40px no-repeat;
border: 0px;
}

#feature-side p#sermontitle {
font-size: 14px;
font-weight: bold;
}

#feature-side p#sermoncredits {
font-style: italic;
margin-bottom: 5px;
}

#feature-side p#sermonsummary {
font-size: 11px;
margin: 0 17px;
}

/* Content
------------------------------*/

#content {
background: url(http://www.lyona.org/assets/images/bg-content.jpg) repeat-y;
display: table;
width: 900px;
}

#subpg-title h2 {
background-color: #32512a;
color: #fff;
font-size: 14px;
font-weight: bold;
height: 20px;
padding-top: 10px;
padding-left: 10px;
text-transform: uppercase;
}

/* Main
------------------------------*/

#main {
float: left;
padding: 0 10px;
width: 580px;  /* True width: 600px */
}

#main.subpg {
padding-top: 10px;
}

#main h3 {
border-bottom: 1px solid #b6b29f;
display: block;
height: 30px;
text-indent: -9999px;
width: 580px;
}

#main h3#hdg-news {
background: url(http://www.lyona.org/assets/images/hdg-news.jpg) no-repeat;
}

#main h4 {
color: #4d2a15;
font-size: 16px;
font-weight: bold;
}

#main p {
color: #2b241e;
margin-bottom: 15px;
}

#main p a.pdfdownload {
background-color: #dad4bc;
/*font-family: Georgia, Times, "Times New Roman", serif;*/
font-style: normal;
padding: 3px;
}

#main img.featuredpic {
margin-bottom: 20px;
}

/* News Item
------------------------------*/

#main .newsitem img {
float: right;
display: block;
height: 140px;
width: 140px;
}

#main h4 a {
color: #4d2a15;
}

#main h4 a:hover {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}

#main .newsitem {
display: block;
margin-bottom: 15px;
}

#main .newsitem p,
#main .newsitem h4 {
width: 430px;
}

#main .newsitem p.newsitemdate {
color: #666;
font-size: 10px;
margin-bottom: 10px;
}

#main .newsitem p.readmore {
clear: right;
font-size: 11px;
}

#main .newsitem p a,
#main .eventitem p a,
#main p a {
border-bottom: 1px solid #b6b29f;
color: #666;
}

#main .newsitem p a:hover,
#main .eventitem p a:hover,
#main p a:hover {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}

#main .eventitem p.eventdate {
color: #666;
font-size: 10px;
margin: 0;
}

#main .eventitem p.fulldate {
margin: -10px 0 10px 0;
}

#main .eventitem h4 {
margin: 0 0 10px 0;
}

#main ul {
margin-bottom: 20px;
margin-left: 20px;
}

#main ul li {
list-style-position: outside;
list-style-type: square;
}

#main ul li a {
color: #4d2a15;
}

#main ul li a:hover {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}

/* Sidebar
------------------------------*/

#sidebar {
color: #2b241e;
float: left;
padding: 0 10px;
width: 280px;  /* True width: 300px */
}

#sidebar h3 {
border-bottom: 1px solid #b6b29f;
display: block;
height: 30px;
text-indent: -9999px;
width: 280px;
}

#sidebar h3#hdg-events {background: url(http://www.lyona.org/assets/images/hdg-events.jpg) no-repeat;}
#sidebar h3#hdg-findus {background: url(http://www.lyona.org/assets/images/hdg-findus.jpg) no-repeat;}

#sidebar table {
margin-bottom: 30px;
width: 280px;
}

#sidebar table tbody tr td {
line-height: 1.4em;
}

#sidebar table tbody tr td.eventdate {
width: 55px;
}

#sidebar table tbody tr td a {
color: #4d2a15;
font-weight: bold;
}

#sidebar table tbody tr td a:hover {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}

#sidebar p {
font-size: 11px;
margin-bottom: 15px;
}

#sidebar p#address {
/*font-size: 12px;*/
margin-top: 15px;
/*margin-bottom: 0px;*/
}

#sidebar p a {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}

#sidebar p a {
border-bottom: 1px solid #b6b29f;
color: #666;
}

#sidebar p a:hover {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}

#sidebar img#findus-map {
float: right;
margin: 15px 0 10px 10px;
}

/* Subheadings (w/ links)
------------------------------*/

#main p.subheading,
#sidebar p.subheading {
color: #666;
font-size: 10px;
line-height: 30px;
margin: -30px 0 15px 0;
text-align: right;
}

#main p.subheading {
/*background: url(http://www.lyona.org/assets/images/icons/feed.png) right 6px no-repeat;
padding-right: 20px;*/
}

#main p.subheading a,
#sidebar p.subheading a {
border-bottom: 1px solid #b6b29f;
color: #666;
}

#main p.subheading a:hover,
#sidebar p.subheading a:hover {
border-bottom: 1px solid #2b241e;
color: #2b241e;
}


/* Footer
------------------------------*/

#footer {
background: url(http://www.lyona.org/assets/images/bg-footer.png) no-repeat;
clear: both;
height: 60px;
margin-bottom: 30px;
width: 900px;
}

#footer-main {
float: left;
width: 600px;
}

#footer-main p {
color: #e4dfc7;
font-size: 10px;
margin: 17px 10px 0 10px;
}

#footer-main p a {
border-bottom: 1px solid #6c665a;
color: #e4dfc7;
}

#footer-main p a:hover {
border-bottom: 1px solid #e4dfc7;
color: #fff;
}

#footer-main p a#eight16link {
border-bottom: 0px;
}

#footer-main p a#eight16link:hover {
border-bottom: 1px solid #e4dfc7;
}

#footer-sidebar {
float: left;
width: 300px;
}

#footer-sidebar form input {
background-color: #575045;
border: 0px;
color: #dad3bb;
font-size: 12px;
height: 18px;
margin: 22px 0 0 35px;
width: 240px;
}