/* CSS Reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/*:focus {
	outline: 0;
}*/
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End CSS Reset */

/* Typography */
body, html {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	color:#6b615f;
	background:url(/images/background.jpg) fixed no-repeat center #e1e1d4;
	text-align:center;
	height:100%;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#da3422;
}

a:hover {
	text-decoration:underline;
}

blockquote {
	font-size:1.5em;
	font-style:italic;
	line-height:1.2em;
	border-left:5px solid #e7e6e1;
	margin-left:1em;
	padding-left:1em;
}

sup {
	font-size:.8em;
	line-height:.7em;
	vertical-align:super;
}

#header {
	display:block;
	width:960px;
	height:151px;
	position:fixed;
	z-index:999;
	bottom:0px;
	left:50%;
	margin:0 -460px 0 -500px;
	padding:10px 0 0 0;
	background:url(/images/header_background.png) top left no-repeat;
	color:#ffffff;
	font-size:12px;
	line-height:1.3em;
	text-shadow:#000000 0px 0px 0px;
}

#header a {
	color:#da3422;
}

a#logo {
	width:130px;
	float:left;
	margin-top:1px;
}

#menu, #menu ul {
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	width:auto;
}

#menu a {
	display: block;
	width: 10em;
}

#menu li {
	float: left;
	position:relative;
	display:block;
	margin:0 0 0 0;
	padding:0px;
	height:44px;
}

#menu li a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-999em;
}

#menu li.who a {
	width:95px;
	background:url(/images/menu-who.png) no-repeat;
}

#menu li.life a {
	width:128px;
	background:url(/images/menu-life.png) no-repeat;
}

#menu li.services a {
	width:72px;
	background:url(/images/menu-services.png) no-repeat;
}

#menu li.spanish a {
	width:69px;
	background:url(/images/menu-salvame.png) no-repeat;
}

#menu li.news a {
	width:113px;
	background:url(/images/menu-news.png) no-repeat;
}

#menu li.sermons a {
	width:72px;
	background:url(/images/menu-sermons.png) no-repeat;
}

#menu li.blog a {
	width:44px;
	background:url(/images/menu-blog.png) no-repeat;
}

#menu li a:hover {
	background-position:0 -44px;
}

#menu li ul {
	position: absolute;
	width:200px;
	height:auto;
	padding:15px 20px 50px 20px;
	margin-left:-120px;
	bottom: 25px;
	left:-999em;
	background:url(/images/dropdown.png) bottom left;
}

#menu li ul.dropdown li {
	width:200px;
	font-size:14px;
	height:auto;
	border-top:1px solid #ffffff;
	background:none;
}

#menu li ul.dropdown li a {
	display:block;
	width:200px;
	height:auto;
	text-indent:0;
	background:none;
	padding:3px 0 5px 0;
}

#menu li ul li a:hover {
	background:#ffffff;
	text-decoration:none;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: 50%;
}

ul#secondarymenu {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:998;
}

ul#secondarymenu li {
	float:left;
	display:block;
	height:30px;
}

ul#secondarymenu li a {
	display:block;
	height:30px;
	width:100%;
	text-indent:-999em;
}

ul#secondarymenu li.contact a {
	width:73px;
	background:url(/images/secondarymenu-contact.png);
}

ul#secondarymenu li.directions a {
	width:73px;
	background:url(/images/secondarymenu-directions.png);
}

ul#secondarymenu li.facebook a {
	width:74px;
	background:url(/images/secondarymenu-facebook.png);
}

ul#secondarymenu li.services a {
	width:74px;
	background:url(/images/secondarymenu-services.png);
}

ul#secondarymenu li a:hover {
	background-position:0 -30px;
}

#searchbox {
	padding: 4px; background: #ffffff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
	width:190px;
	margin:1em 0 1em 90px;
}

#searchbox input#keywords {
	margin: 0;
	padding: 3px;
	width: 115px;
	font-size: 1em;
	border: 1px solid;
	border-color: #999 #b3b3b3 #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#fefefe));
	background: -moz-linear-gradient(top, #e8e9ec, #fefefe);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow:    inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
}

#searchbox input#keywords:focus {
	outline: none;
	border-color: #8c8c8c #a6a6a6 #bfbfbf;
	background: #fff;
}

#wrapper {
	position: relative;
	min-height:100%;
	height:100%;
	background:url(/images/content_background.png) top left repeat-y;
	width:960px;
	margin:auto;
	text-align:left;
	voice-family: "\"}\""; /* needed for IE, but doesn't seem to be working */
	voice-family:inherit;
	height:auto;
}

html>body #wrapper {
	height:auto;
}

#body {
	height:100%;
	overflow:hidden;
	width:900px;
	margin:0px;
	padding:0 0 0 60px;
}

#content {
	float:left;
	width:520px;
	height:auto;
	overflow:hidden;
	padding-bottom:200px;
}

.landingBox {
	float:left;
	width:220px;
}

.landingBox.first {
	clear:left;
}

.landingBox.odd {
	margin-right:80px;
}

#wrapper {
	background:url(/images/background-news.png) top left repeat-y;
}

#sidebar {
	width:300px;
	height:100%;
	float:left;
	margin-left:60px;
	color:#ffffff;
	background:url(/images/sidebar-news.jpg) no-repeat bottom right;
}

.who #sidebar, .news #sidebar {
	color:#000000;
}

#sidebar #entries {
	padding-left:20px;
	height:auto;
	overflow:hidden;
	margin-bottom:1em;
}

#sidebar #entries p.date {
	float:left;
	clear:left;
	width:60px;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	border-top:2px solid #ffffff;
}

.sermons #sidebar #entries p.date, .sermones #sidebar #entries p.date {
	border-color:#186788;
}

#sidebar #entries p.author {
	float:left;
	clear:left;
	margin:0px 0px 0px 70px;
}

#sidebar #entries h3 {
	float:left;
	width:195px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 10px;
	border-top:2px solid #ffffff;
	border-bottom:none;
}

#sidebar a {
	color:#ffffff;
	text-shadow:#000000 0px 0px 0px;
}

ul li.sub-level-0 ul li {
	margin-left:1em;
}

p {
	margin:1em 0;
}

h1 {
	display:block;
	font-size:1em;
	height:80px;
	width:520px;
	text-indent:-999em;
	border-top:15px solid #4c4c4c;
	border-bottom:4px solid #4c4c4c;
}

h1 a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-999em;
}

h2 {
	font-size:2.5em;
	line-height:1.25em;
	font-weight:100;
	margin:1em 0;
	margin-top:1px;
	padding-top:10px;
	border-top:2px solid #4c4c4c;
}

#content h2.archiveHeading, #content h2.categoryHeading {
	border:none;
	font-size:1.2em;
	padding:0px;
}

p.meta {
	margin-top:1px;
	border-top:1px solid #4c4c4c;
	border-bottom:1px solid #4c4c4c;
	padding:5px 0;
}

p.meta span {
	float:right;
}

h3 {
	font-size:1.3em;
	font-style:italic;
	width:auto;
	margin:1em 0 0 0;
	border-top:2px solid #4c4c4c;
	border-bottom:1px solid #4c4c4c;
	padding:3px 0;
}

#audio {
	display:inline-block;
	width:200px;
	float:right;
	border:5px solid #e7e6e1;
	margin:0 0 1em 1em;
	padding:10px;
}

#audio p {
	float:left;
	padding:0px;
	margin:0px;
	font-size:.8em;
	margin-top:-5px;
}

h3#listen, h3#download {
	display:block;
	float:left;
	width:150px;
	height:15px;
	text-indent:-999em;
	margin:7px 0 0 0;
	padding:0px;
	border:none;
}

h3#listen {
	background:url(/images/sermons-listen.png);
}

h3#download {
	background:url(/images/sermons-download.png);
}

a#listenLink, a.download {
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-999em;
	background:url(/images/sermons-play.png);
}

a#listenLink {
	background-position:0 -180px;
}

a#listenLink:hover {
	background-position:0 -210px;
}

a#listenLink:active {
	background-position:0 -240px;
}

a.download {
	background-position:0 -270px;
}

a.download:hover {
	background-position:0 -300px;
}

a.download:active {
	background-position:0 -330px;
}

a.continue {
	margin-bottom:2em;
}

#thisWeek {
	float:left;
	width:420px;
	height:80px;
	vertical-align:middle;
	padding-left:175px;
}

#thisWeek .event {
	float:left;
	width:180px;
	padding-right:20px;
	line-height:1.5em;
}

#thisWeek h3 {
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	padding:0px;
	margin:15px 0 0 0;
	vertical-align: bottom;
	border-top:none;
	border-bottom:1px dotted #808080;
}

#dailyDevotional {
	/*
position:absolute;
	top:-260px;
	right:0px;
*/
	width:179px;
	height:auto;
	padding:100px 20px 10px 20px;
	margin-left:80px;
	font-size:10px;
	line-height:14px;
	color:#ffffff;
	font-family:Verdana, sans-serif;
	
}

#dailyDevotional h3 {
	display:block;
	height:27px;
	width:178px;
	margin:0 0 1em 0;
	padding:0px;
	border:none;
	background:url(/images/daily_devotional.png);
	text-indent:-999em;
}

#dailyDevotional p.date {
	display:block;
	width:40px;
	padding:0px;
	margin:0;
	float:left;
}

#dailyDevotional a {
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}

ul#subnav li a {
	display:block;
	height:30px;
	width:300px;
	text-indent:-999em;
}

ul#subnav li.learning a, li#subnav-10 a {
	background:url(/images/sub-life-learning.png);
	
}

ul#subnav li.being a, li#subnav-11 a {
	background:url(/images/sub-life-being.png);
	
}

ul#subnav li.doing a, li#subnav-12 a {
	background:url(/images/sub-life-doing.png);
	
}

ul#subnav li.creating a, li#subnav-13 a {
	background:url(/images/sub-life-creating.png);
	
}

ul#subnav li.connecting a, li#subnav-14 a {
	background:url(/images/sub-life-connecting.png);
	
}

ul#subnav li.about a, li#subnav-3 a {
	background:url(/images/sub-who-about.png);
	
}

ul#subnav li.history a, li#subnav-4 a {
	background:url(/images/sub-who-history.png);
	
}

ul#subnav li.covenant a, li#subnav-5 a {
	background:url(/images/sub-who-covenant.png);
	
}

ul#subnav li.socialjustice a, li#subnav-6 a {
	background:url(/images/sub-who-socialjustice.png);
	
}

ul#subnav li.leadership a, li#subnav-7 a {
	background:url(/images/sub-who-leadership.png);
	
}

ul#subnav li.staff a, li#subnav-8 a {
	background:url(/images/sub-who-staff.png);
	
}

ul#subnav li.list a {
	background:url(/images/sub-news-list.png);
}

ul#subnav li.calendar a {
	background:url(/images/sub-news-calendar.png);
}

ul#subnav li.newscategories a {
	background:url(/images/sub-news-categories.png);
}

ul#subnav li.newsletters a {
	background:url(/images/sub-news-newsletters.png);
}

ul#subnav li.sermonsarchives a {
	background:url(/images/sub-sermons-archives.png);
}

ul#subnav li.sermonsrss a {
	background:url(/images/sub-sermons-rss.png);
}

ul#subnav li.blogarchives a {
	background:url(/images/sub-blog-archives.png);
}

ul#subnav li.blogrss a {
	background:url(/images/sub-blog-rss.png);
}

ul#subnav li.blogcategories a {
	background:url(/images/sub-blog-categories.png);
}

ul#subnav li.sermones a {
	background:url(/images/sub-salvame-sermones.png);
}

ul#subnav li.sermonesarchivos a {
	background:url(/images/sub-salvame-sermonesarchivos.png);
}

li#subnav-321 a {
	background:url(/images/sub-salvame-alcoholicos.png);
}

li#subnav-322 a {
	background:url(/images/sub-salvame-justicia.png);
}

li#subnav-323 a {
	background:url(/images/sub-salvame-ingles.png);
}

li#subnav-324 a {
	background:url(/images/sub-salvame-comida.png);
}

li#subnav-325 a {
	background:url(/images/sub-salvame-yoga.png);
}

li#subnav-399 a {
	background:url(/images/sub-salvame-iglesia.png);
}

li#subnav-541 a {
	background:url(/images/sub-salvame-otra.png);
}

li#subnav-542 a {
	background:url(/images/sub-salvame-spanish.png);
}

li#subnav-543 a {
	background:url(/images/sub-salvame-english.png);
}

ul#subnav li a:hover {
	background-position:0 -30px;
}

ul#subnav li.active a, ul#subnav li.parent-active a {
	background-position:0 -60px;
}

ul#subnav li.active a:hover, ul#subnav li.parent-active a:hover {
	background-position:0 -90px;
}

a.sermonslisten {
	display:block;
	width:300px;
	height:60px;
	background:url(/images/sub-sermons-listen.png);
	text-indent:-999em;
}

a.sermonslistenservices {
	display:block;
	width:300px;
	height:60px;
	background:url(/images/sub-services-listen.png);
	text-indent:-999em;
}

a.sermonslisten:hover, a.sermonslistenservices:hover { background-position:0 -60px; }

ul#subnav li ul li {
	margin-left:100px;
	font-size:1em;
	line-height:1em;
	border-top:1px solid #ffffff;
	opacity:.5;
	background:none;
}

ul#subnav li ul li:hover {
	opacity:1;
}

ul#subnav li ul li.active {
	opacity:1;
	font-style:italic;
}

ul#subnav li ul li:first-child {
	border:none;
}

ul#subnav li ul li a {
	display:block;
	height:100%;
	width:100%;
	padding:3px 3px 3px 0px;
	background:none;
	text-indent:0px;
}

ul#subnav li ul li a:hover {
	text-decoration:none;
}

#body .left {
	display:inline-block;
	float:left;
	clear:left;
	margin:.5em 20px .5em 0;
}

#body .right {
	display:inline-block;
	float:right;
	clear:right;
	margin:.5em 0 .5em 20px;
}

#body .video {
	margin:1em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted;
	border-color:#4c4c4c;
}

p.caption {
	font-size:.8em;
	padding:.5em 0;
	margin:0px 0 .5em;
	border-bottom:1px dotted #4c4c4c;
	font-style:italic;
}

ul.staff li {
	height:auto;
	overflow:hidden;
	margin-top:1em;
}

ul.staff li img {
	float:left;
	margin-right:1em;
}