/* @override 
	http://www.logosdei.com/css/styles.css
*/

/*=====
SITE: Logos Dei Community
FILE: styles.css
CREATED: 10/16/2007
MODIFIED:
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @group GLOBALS */

body {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background: url(/images/bg_body.jpg) repeat;
	font-family: Helvetica, Arial, sans-serif;
}

#container {
	margin: 25px auto 10px;
	width: 780px;
}

#mainContent {
    padding-top: 4px;
	background: url(/images/bg_sub_maincontent.jpg) repeat-y;
}

/*#home #mainContent	{ background:url(/images/bg_maincontent.jpg) repeat-y; }*/

.show{
	display: block;
}

.hidden, hr {
	display: none;
}

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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* @end *

/

/* @group HEADER */

#header {
	position: relative;
	background: url(/images/bg_header.jpg) no-repeat left top;
	height: 124px;
}

#header h1,
#header h1 a {
	display: block;
	width: 298px;
	height: 69px;
}

#header h1 {
	background: url(/images/logo.png) no-repeat;
	text-indent: -999em;
	position: absolute;
	top: 40px;
	left: 45px;
	margin: 0;
	padding: 0;
}

#eletter {
	position: absolute;
	top: 58px;
	right: 40px;
}

#eletter form {
	margin: 0;
	padding: 0;
}

#eletter label {
	display: block;
	color: #506794;
	font-size: 1.4em;
	margin-bottom: -5px;
}

#eletter #nl {
	width: 162px;
	border: 1px solid #cae9fa;
	padding: 6px;
	font-size: 1.1em;
	color: #b1b6ba;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#eletter #send {
	position: relative;
	top: 9px;
}

#skip {
	position: absolute;
	top: -999em;
	left: -999em;
}

/* @end */

/* @group NAVIGATION */

#nav, #nav * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	cursor: pointer;
	float: left;
}

#nav li a {
	display: block;
}

#nav li ul {
	position: absolute;
	left: -5000px;
	z-index: 1001;
}

#nav li:hover ul {
	left: auto;
	margin-top: -47px;
	margin-left: -157px;
	width: 140px;
	z-index: 1;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul {
	left: -5000px;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul {
	left: auto;
	z-index: 1;
}

#nav li:hover ul li:hover ul {
	margin: -28px 0 0 -140px;
}

#nav {
	position: relative;
	z-index: 20;
	float: right;
	width: 247px;
	list-style: none;
	padding: 0;
}

#nav li{
   padding-left: 7px;
}

#nav li a {
	display: block;
	padding: 16px 17px 0;
	width: 206px;
	height: 30px;
	color: #fdfdfc;
	background: #30902b;
	text-decoration: none;
	border-bottom: 1px solid #268221;
	font-size: 1.4em;
	text-transform: uppercase;
}

#nav li.current,
#nav li.current a,
#nav li.current a:hover,
#nav li.current:hover a{
   background: #47aa42;
   color: #0c470b;
   position: relative;
   z-index: 2000;
}

#nav li a:hover,
#nav li:hover a {
	background:#268221;
}

#nav li li a,
#nav li:hover li a,
#nav li.current li a,
#nav li.current:hover li a,
#nav li.current a:hover li a {
	padding: 10px;
	height: auto;
	background: #1c6917;
	width: 130px;
	text-transform: none;
	font-size: 12px;
	color: #ccddcb;
	border: none;
}

#nav li.current li,
#nav li.current li a,
#nav li.current li a:hover,
#nav li.current:hover li a{
   position: relative;
   z-index: 2;
}

#nav li.current ul,
#nav li.current:hover ul{
   z-index: 2;
}

#nav li li a:hover,
#nav li.current li a:hover {
	background: #0b520a;
	color: #fff;
}

/* @end */

/* @group PRIMARY CONTENT */

#primaryContent {
	float: left;
	display: inline;
	width: 482px;
	margin-left: 21px;
}

#primaryContent a {
	color: #47aa42;
	text-decoration: underline;
}

#primaryContent a:hover {
	text-decoration: none;
}

#primaryContent p,
#primaryContent li {
	font-size: 1.3em;
	color: #374e6e;
	line-height: 1.5em;
}

#banner {
	display: block;
	width: 482px;
	height: 173px;
	background: url(/mediafiles/subpage-banner.jpg) no-repeat;
}

#home #banner {
	display: block;
	width: 482px;
	height: 329px;
	background: url(/mediafiles/home-banner2.jpg) no-repeat;
}

#content {
	padding: 24px 20px;
}

#primaryContent .article p {
	margin: 0 0 .5em;
}

/* @group HEADINGS */

#primaryContent h2 {
	color: #002d62;
	margin: 0 0 1em;
	padding: 0;
	font-weight: bold;
	font-size: 2em;
}

h3, h4, h5, h6 {
	color: #374e6e;
	margin: 0 0 1em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.6em;
	font-weight: normal;
}

/* @end */

/* @end */

/* @group SECONDARY CONTENT */

#secondaryContent {
	float: right;
	width: 247px;
	margin-right: 23px;
	position: relative;
	z-index: 20;
}

#secondaryContent h3 {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: #47aa42;
	padding: 0 20px;
	height: 16px;
}

/* @group UPCOMING EVENTS */

#upcoming-events {
	position: relative;
	left: 6px;
	clear: both;
	padding: 20px 0;
	width: 240px;
	border-top: 15px solid #fff;
}

#home #upcoming-events{
	border-top: 15px solid #fff;
   padding-top: 20px;
}

#upcoming-events h3 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #47aa42;
	padding: 0 20px;
	margin-bottom: 4px;
	height: 16px;
}

.event {
	border-bottom: 1px solid #d1dfe5;
	padding: 14px 20px;
}

.event h4 {
	margin-bottom: 0;
	color: #5a6068;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.1em;
}

.event p {
	margin: 0;
	color: #5a6068;
	font-size: 1.3em;
	font-weight: bold;
}

.event p a {
	color: #5a6068;
	text-decoration: none;
}

.event a:hover {
	text-decoration: underline;
}

#upcoming-events p.more{
   padding: 0 20px;
   font-size: 1.2em;
}

#upcoming-events p.more a{
   color: #1660b8;
}

#upcoming-events p.more a:hover{
   text-decoration: none;
}

/* @end */

/* @end */

/* @group FOOTER */

#footer {
	background: url(/images/bg_footer.png) no-repeat left top;
	padding: 78px 30px 45px;
	margin-top: -28px;
	width: 720px;
	float: left;
}

#footer p {
	margin: 0;
	width: auto;
	float: left;
	color: #728398;
	font-size: 1.3em;
}

#footer p#designed {
	float: right;
}

#footer a {
	color: #aab8ca;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* @end */

/* @group SERMONS */

.sermonlist {
	border-top: 8px solid #0f2846;
}

#primaryContent .sermonlist h4 {
	margin: 0;
	padding: 10px 10px 0;
	background: #9c8238;
	color: #fdfdfc;
}

.sermonbox {
	position: relative;
	padding: 10px;

}

.sermonbox a {
	text-decoration: underline;
}

.sermonbox a:hover {
	text-decoration: none;
}

#primaryContent .sermonbox h5 {
	margin: 0;
}

#primaryContent .sermonbox h5 a {
	
}

#primaryContent .sermonbox p {
	color: #321c0c;
	margin: 0;
}

#primaryContent .sermonbox p a {
	
}

.sermonbox ul {
	position: absolute;
	top: 20px;
	right: 10px;
}

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

.sermonbox li a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -999em;
}

.sermonbox li.sl_listen a {
	background: url(/images/play_icon.gif) no-repeat;
}

.sermonbox li.sl_download a {
	background: url(/images/download_icon.gif) no-repeat;
}

.sermonbox li.sl_notes a {
	background: url(/images/notes_icon.gif) no-repeat;
}

.sermonbox li.sl_video a {
	background: url(/images/video_icon.gif) no-repeat;
}

.sermonbox li a:focus {
	outline: none;
}

/* @group MEDIA BOX */

#byline {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

#mediabox {
	float: right;
	background: #ecf3f6;
	padding: 10px;
	margin: -55px 0 0 10px;
	list-style: none;
}

#mediabox li {
	padding: 2px 0 0px 20px;
}

#mediabox li#mb_links {
	background: #5c8ad3;
	color: #fff;
	margin: -10px -10px 10px;
	padding: 10px;
}

#mediabox li#mb_jukebox {
	background: url(/images/play_icon.gif) no-repeat left 2px;
}

#mediabox li#mb_download {
	background: url(/images/download_icon.gif) no-repeat left 2px;
}

#mediabox li#mb_notes {
	background: url(/images/notes_icon.gif) no-repeat left 2px;
}

#mediabox li#mb_video {
	background: url(/images/video_icon.gif) no-repeat left 2px;
}

#mediabox li#mb_podcast {
	background: url(/images/feed_icon.gif) no-repeat left 2px;
}

#text {
	margin-right: 10px;
}

/* @end */

/* @group HOW IT WORKS */

#how-it-works{
   	position: relative;
	left: 6px;
	clear: both;
	padding: 20px 0;
	width: 240px;
	border-top: 15px solid #fff;
}

#how-it-works ul {
	margin: 0 0 0 18px;
	padding: 0;
	list-style: none;
}

#how-it-works li {
	padding: 0px 20px;
	margin-bottom: 1.5em;
	font-size: 1.2em;
	color: #fefefd;
	margin-bottom: 10px;
	color: #5a6068;
	font-weight: normal;
	font-size: 1.2em;
}

#how-it-works li span {
	font-weight: bold;
}

#how-it-works li#play {
	background: url(/images/play_icon_app.gif) no-repeat;
}

#how-it-works li#notes {
	background: url(/images/notes_icon_app.gif) no-repeat;
}

#how-it-works li#video {
	background: url(/images/video_icon_app.gif) no-repeat;
}

#how-it-works li#save {
	background: url(/images/download_icon_app.gif) no-repeat;
}

/* @end */

/* @group SORTING */

#sorting {
	margin-top: 1.6em;
}

#sorting h3 {
	margin-top: -5px;
}

#sorting ul {
	margin-top: .5em;
	padding: 0 0 0 18px;
	; list-style: none;
}

#sorting li a {
	font-size: 1.2em;
	color: #fdfdfc
}

/* @end */

/* @end */

/* @group ARTICLES */

h4.title {
	margin-bottom: 0;
}

.article p {
	margin-top: 0;
}

/* @end */

/* @group CALENDAR */

#primaryContent table.calendar {
	margin-bottom: 25px;
	border: 0;
	border-collapse: collapse;
}

#primaryContent table.calendar caption {
	padding-bottom: 10px;
	color: #47aa42;
	font-size: 1.4em;
}

#primaryContent table.calendar th {
	padding: 6px 0;
	background: #5c8ad3;
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
}

#primaryContent table.calendar td {
	width: 68px;
	height: 68px;
	padding: 2px;
	border: 1px solid #d1dfe5;
	border-left: 0;
	border-top: 0;
	background: #ecf3f6;
	color: #321c0c;
	font-size: 1em;
	vertical-align: top;
}

#primaryContent table.calendar td a {
	color: #5a6068;
	text-decoration: none;
}

#primaryContent table.calendar td ul {
	margin: .5em 0 0 .5em;
	padding: 0;
	font-size: 100%;
	list-style: none;
}

#primaryContent table.calendar td li {
	margin-bottom: .75em;
	font-size: 1.1em;
	line-height: 1.2;
}

#primaryContent table.calendar td li a {
	text-decoration: underline;
}

#primaryContent table.calendar td li a:hover {
	text-decoration: none;
}

/* @end */

#einvite form {
	margin: 0 auto 2em;
	width: 425px;
	text-align: center;
}