/*
Company:	desiring God
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html, body {
	background: url(http://media.desiringgod.org/images/v2/page-bkg.png) repeat-x 0 0 #b5bcc0;
}
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

th, td { border: 0; padding: 0; }

h1 {	
	font-weight: normal; /* Necessary so browsers that don't use numbers for font-weight do not display it bold */
	font-weight: 300;
	font-size: 160%
}

h1, h2, h3, h4 {
	color: #252525;
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica-Neue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

/* @end */

/* @group Layout */
/* Head */
div#Header {
	border-top: 5px solid #ab1013;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* Body */
div#Content {
	width: 964px;
	margin-left: auto;
	margin-right: auto;
	background: url(http://media.desiringgod.org/images/v2/content-bkg.gif) repeat-y 0 0;
}

/* Footer */
div#Footer {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 30px 0;
}
div#Footer p {
	font-size: 93%;
	color: #52565a;
	margin: 0 0 5px 0;
}
div#Footer p a:link, div#Footer p a:visited {
	color: #52565a;
	text-decoration: underline;
}
div#Footer p a:hover {
	text-decoration: none;
}
div#Footer p.sub {
	background: url(http://media.desiringgod.org/images/v2/ft-rss-icon.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
}
div.ft-row-top {
	border-bottom: 1px solid #a5acaf;
	margin-bottom: 5px;
}
div.ft-left {
	width: 600px;
	float: left;
	display: inline;
}
div.ft-left ul {
	margin: 0;
	padding: 0;
}
div.ft-left ul li {
	list-style: none;
	float: left;
	display: inline;
}
div.ft-left ul li a {
	display: block;
	border-left: 1px solid #a5acaf;
	padding: 0 10px;
	font-size: 93%;
}
div.ft-left ul li:first-child a {
	padding-left: 0;
	border: none;
}
div.ft-left ul li a:link, div.ft-left ul li a:visited {
	color: #52565a;
	text-decoration: none;
}
div.ft-left ul li a:hover {
	text-decoration: underline;
}
div.ft-right {
	width: 362px;
	text-align: right;
	float: right;
	display: inline;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	width: 620px;
	height: 31px;
	background: url(http://media.desiringgod.org/images/v2/dg-logo.png) no-repeat 0 0;
	clear: both;
	margin: 15px 0 30px 15px;
}
div#logo a {
	display: block;
	height: 100%;
}
div#logo a:hover {
	text-decoration: none!important;
}
div#logo a span.logoText {
	text-indent: -9000px;
	display: block;
	height: 12px;
	overflow: hidden;
}
div#logo a span.tagline {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #777;
	text-decoration: none!important;
	padding-left: 205px;
}

/* Content */
div#main-content {
	clear: both;
	padding: 10px 12px 20px 12px;
}
div#Content-inner {
	background: url(http://media.desiringgod.org/images/v2/content-bkg-top.gif) no-repeat 0 0;
}
div#Content-inner2 {
	background: url(http://media.desiringgod.org/images/v2/content-bkg-btm.gif) no-repeat 0 100%;
	overflow: hidden;
}

/*-----------------------------------------------------------------------------
	Main Feature
-----------------------------------------------------------------------------*/
div.main-feature {
	background-color: #000;
}
div.main-feature .main-feature-img {
	float: left;
	display: inline;
}

div.main-feature div.main-feature-text {
	width: 300px;
	height: 337px;
 	color: #f1f1f1;
 	float: left;
 	display: inline;
	position: relative; /* Necessary for positioning media-links absolutely */
}

div.main-feature div.main-feature-text .wrapper {
	/* Would rather use padding, but it would cause IE float bugs */
	margin: 0 15px 0 13px;
}

div.main-feature p.main-feature-sermon-title {
	font-size: 200%;
	margin-top: 50px;
	line-height: 120%;
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica-Neue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

div.main-feature p.main-feature-sermon-title a {
	color: #f1f1f1;
}

div.main-feature p.main-feature-date,
div.main-feature p.main-feature-scripture,
div.main-feature .sermon-series,
div.main-feature .topic {
	text-transform: uppercase;
	font-size: 85%;
}

div.main-feature p.main-feature-date {
	color: #929292;
	font-weight: bold;
}

div.main-feature p.main-feature-scripture {
	margin: 0;
}

div.main-feature .sermon-series {
	margin: 30px 0 3px 0;
}

div.main-feature .sermon-series a,
div.main-feature .topic a {
	color: #FFF;
	border-bottom: 1px solid #666;
}

div.main-feature p span {
	color: #929292;
	font-weight: bold;
	display:inline-block;
	width: 100%;
}

div.main-feature p.main-feature-sermon-title span {
	font-weight: 300;
	width: default;
}

/* Media Links */

div.main-feature div.main-feature-media-links {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 80%;
	width: 282px;
	position: absolute;
	bottom: 0;
}

div.main-feature div.main-feature-media-links a {
	color: #c0c0c0;	
}
div.main-feature div.main-feature-media-links div.full-media {
	font-weight: bold;
	background: #333333;
	color: #c0c0c0;
	padding: 0 0 7px 5px;
}
div.main-feature div.main-feature-media-links div.excerpts {
	font-weight: bold;
	background: #2f2f2b;
	color: #c0c0c0;
	padding: 0px 0 3px 7px;
}
div.main-feature p.featured-resource {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 85%;
}
div.main-feature p.resource-name {
	font-size: 85%;
	text-transform: uppercase;
	margin: 0 0 50px 13px;
}
div.main-feature .quote {
	margin: 0 0 90px 0;
}
div.main-feature div.player {
	margin-left: 13px;
	margin-bottom: 15px;
}


/* Featured Links */
div.main-feature .featured-links {
	font-size: 85%;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	
	/* Position at bottom */
	position: absolute;
	bottom: 0;
}
div.main-feature .featured-links a {
	background: url(http://media.desiringgod.org/images/v2/red-arrow.gif) no-repeat 100% 50%;
	padding: 0 13px 0 0;
}
div.main-feature .featured-links a:link, div.main-feature .featured-links a:visited {
	color: #f1f1f1;
	text-decoration: none;
}
div.main-feature .featured-links a:hover {
	text-decoration: underline;
}


/* CUSTOM for Movies */
div.main-feature.movie .main-feature-img {
	margin: 15px; /* make movie dimensions equal to picture with margin */
}

div.main-feature.movie div.main-feature-text {
	/* Aligns right text with video */
	margin-top: 15px;
}


/* CUSTOM for Products */
div.main-feature.product div.main-feature-text {
	margin-top: 15px;
	height: 350px;
}

div.main-feature.product p.featured-resource {
	margin: 0;
}

div.main-feature.product p.featured-resource-title {
	font-size: 85%;
	text-transform: uppercase;
	margin: 0;
}

/* CUSTOM for Events */
div.main-feature .event-blurb {
	color: #BBB;
	margin-top: 30px;
}

div.main-feature .event-blurb strong {
	font-size: 85%;
	text-transform: uppercase;
	color: #929292;
}

div.main-feature .event-blurb a {
	color: #BBB;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------
	Main Feature Media Links
	Related: based on the Utility Bar
-----------------------------------------------------------------------------*/
div.main-feature div.main-feature-media-links ul {
	margin: 0;
	padding: 0;
	display: inline;
/*	float: left;*/
}
div.main-feature div.main-feature-media-links ul li {
	padding: 6px 0 0 1px;
	background: url(http://media.desiringgod.org/images/v2/v-dash.png) no-repeat 0 8px;
	list-style: none;
	float: left;
	display: inline;
}
div.main-feature div.main-feature-media-links ul li:first-child {
	background: none;
}
div.main-feature div.main-feature-media-links ul li a {
	display: block;
	padding: 2px 7px;
	text-transform: uppercase;
}
div.main-feature div.main-feature-media-links ul li a:link, div.main-feature div.main-feature-media-links ul li a:visited {
	text-decoration: none;
}
div.main-feature div.main-feature-media-links ul li a:hover {
	text-decoration: underline;
}

/**** ICONS *****/

div.main-feature div.main-feature-media-links a.download {
	background: url(http://media.desiringgod.org/images/v2/icon-download-grey.gif) no-repeat 5px 50%;
	padding: 2px 7px 2px 18px;
}

div.main-feature div.main-feature-media-links a.listen {
	background: url(http://media.desiringgod.org/images/v2/icon-listen-grey.gif) no-repeat 6px 50%;
	padding: 2px 7px 2px 22px;
}

div.main-feature div.main-feature-media-links a.watch {
	background: url(http://media.desiringgod.org/images/v2/icon-watch-grey.gif) no-repeat 6px 50%;
	padding: 2px 7px 2px 22px;
}

div.main-feature div.main-feature-media-links a.share {
	background: url(http://media.desiringgod.org/images/v2/icon-share-grey.gif) no-repeat 6px 50%;
	padding: 2px 6px 2px 22px;
}

/* Download Icons */

#download_popup a.listen {
	background: url(http://media.desiringgod.org/images/v2/icon-listen-grey.gif) no-repeat 0px 50%;
	padding: 2px 7px 2px 16px;
}

#download_popup a.watch {
	background: url(http://media.desiringgod.org/images/v2/icon-watch-grey.gif) no-repeat 0px 50%;
	padding: 2px 7px 2px 16px;
}

/* Main */
div.main {
	width: 580px;
	margin: 0 0 0 20px;
	float: left;
	display: inline;
}

/* Side */
div.side {
	width: 290px;
	margin: 0 20px 0 0;
	float: right;
	display: inline;
}

/* Blog Subscribe */
div.blog-subscribe {
	background: url(http://media.desiringgod.org/images/v2/blog-top-fade.gif) repeat-x 0 0;
	padding: 8px 0 10px 20px;
	margin: 0 0 15px 0;
}
div.main div.blog-subscribe p {
	font-size: 100%;
	color: #252525;
	margin: 0;
}
div.main div.blog-subscribe p a.rss {
	background: url(http://media.desiringgod.org/images/v2/rss-icon-gray.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	margin: 0 0 0 10px;
}
div.main div.blog-subscribe p a.email {
	background: url(http://media.desiringgod.org/images/v2/email-icon.gif) no-repeat 0 50%;
	padding: 0 0 0 19px;
	margin: 0 0 0 10px;
}
div.main div.blog-subscribe p a:link, div.main div.blog-subscribe p a:visited {
	color: #666666;
	text-decoration: none;
}
div.main div.blog-subscribe p a:hover {
	text-decoration: underline;
}

/* Blog Entry */
div.blog-entry {
	border-bottom: 1px dashed #b5bccd;
	padding-bottom: 5px;
	padding-top: 15px;
}

div.blog-entry.last {
	border: 0;
}

div.blog-entry .author {
	margin: 0;
}
div.blog-entry .author a {
	color: #252525;

}
div.blog-entry .comments a {
	color:#666666;
	font-size: 11px;
}

div.blog-entry-last {
	border: none;
}
div.blog-entry div.blog-date {
	width: 140px;
	float: left;
	display: inline;
}
div.main div.blog-entry div.blog-date p {
	font-size: 93%;
}
div.blog-entry div.blog-text {
	width: 440px;
	float: right;
	display: inline;
}
div.main p.prev-posts {
	font-size: 93%;
	background-color: #e4e8ea;
	padding: 3px 10px;
}
div.main p.prev-posts a {
	background: url(http://media.desiringgod.org/images/v2/prev-posts-btn.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
}
div.main p.prev-posts a:link, div.main p.prev-posts a:visited {
	color: #56585b;
	text-decoration: none;
}

/* Side Entries */
div.side p.read-box {
	padding: 3px 8px;
	background-color: #e4e8ea;
}
div.side p.read-box span {
	padding: 0 3px;
}
div.side p.subscribe {
	background: url(http://media.desiringgod.org/images/v2/rss-icon-white.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	font-size: 85%;
}
div.side p.subscribe a:link, div.side p.subscribe a:visited {
	color: #666666;
	text-decoration: underline;
}
div.side p.subscribe a:hover {
	text-decoration: none;
}
div.side p.read-box a.listen, li.FeatureItem p.read-box a.listen {
	background: url(http://media.desiringgod.org/images/v2/icon-listen-color.png) no-repeat 0 50%;
	padding: 0 0 0 16px;
}
div.side p.read-box a.watch, li.FeatureItem p.read-box a.watch {
	background: url(http://media.desiringgod.org/images/v2/icon-watch-color.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}
div.side p.read-box a:link, div.side p.read-box a:visited {
	color: #666666;
	text-decoration: underline;
}
div.side p.read-box a.read:link, div.side p.read-box a.read:visited, div.side p.read-box a.listen:link, div.side p.read-box a.listen:visited, div.side p.read-box a.watch:link, div.side p.read-box a.watch:visited {
	text-decoration: none;
}
div.side p.read-box a:hover {
	text-decoration: none;
}

/* Side HR */
div.side div.hr {
	padding: 10px 0 0 0;
	border-bottom: 1px solid #b5bcc0;
	margin: 0 0 15px 0;
}

/*-----------------------------------------------------------------------------
	Features
-----------------------------------------------------------------------------*/

div#FeatureWrap {
	position: relative;
	height: 179px;
	background: url(http://media.desiringgod.org/images/v2/carousel-bkg.gif) no-repeat 0 100%;
	margin: 0 0 15px 0;
	overflow: hidden;
}
div.Features {
	height: 179px;
    width: 100%;
}
div.Features#f1, div.Features#f2, div.Features#f3, div.Features#f4, div.Features#f5 {
    background: url(http://media.desiringgod.org/images/v2/carousel-bkg.gif) no-repeat 0 100%;
}
div.FeaturedProducts {
    background: url(http://media.desiringgod.org/images/v2/carousel-bkg-6.gif) no-repeat 0 100%;
}

#title_proxy_1, #title_proxy_2{
	position: absolute;
	top: 0px;
	left: 0px;
}

#title_proxy_1 h1, #title_proxy_2 h1{
	margin: 8px 0 0 0px;
	width: 450px;
	float: left;
	display: inline;
	background-color: #FFF;
	
}

a.spin-left {
	position: absolute;
	top: 35px;
	left: 0px;
	display: block;
	height: 140px;
	width: 10px;
	background: url(http://media.desiringgod.org/images/v2/carousel-left-arrow.gif) no-repeat 0 50%;
	text-indent: -9000px;
	z-index: 101;
}

a.spin-right {
	position: absolute;
	top: 35px;
	right: 0px;
	display: block;
	height: 140px;
	width: 10px;
	background: url(http://media.desiringgod.org/images/v2/carousel-right-arrow.gif) no-repeat 0 50%;
	text-indent: -9000px;
	z-index: 101;
}

#title_holder{
	border-left: 1px solid #ced1d3;
	border-right: 1px solid #ced1d3;
	border-bottom: 1px solid #ced1d3;
	padding: 8px 10px;
	height: 22px;
}

#pager{
	position: absolute;
	right: 45px;
	top: 8px;
	z-index: 101;
}

div.Features h2 a {
	color: #252525;
}

div.Features div.title {
	/*border-left: 1px solid #ced1d3;
	border-right: 1px solid #ced1d3;
	border-bottom: 1px solid #ced1d3;*/
	padding: 8px 11px 9px 11px;
	height: 23px;
}

#countdown {
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 10px;
	color: #777;
	margin-left: 14px;
}
#pager a {
	display: block;
	background: url(http://media.desiringgod.org/images/v2/pager-gray.gif) no-repeat 50% 50%;
	width: 15px;
	height: 22px;
	float: left;
	display: inline;
}
#pager a.active {
	background: url(http://media.desiringgod.org/images/v2/pager-red.gif) no-repeat 50% 50%;
}

.pager_indicator{
	cursor: pointer;
}

div.Features div.title h1 {
	margin: 0 0 0 8px;
	width: 450px;
	float: left;
	display: inline;
}
div.Features h2, div.Features h2 {
	margin: 0 0 5px 0;
	font-size: 123.1%;
	color: #252525;
	font-weight: normal;
}
div.Features ul.FeaturesList {
	margin: 0 0 0 10px;
	padding: 0;
	width: 910px;
	float: left;
	display: inline;
	padding-left: 10px;
	
}
div.Features ul.FeaturesList li {
	list-style: none;
	width: 285px;
	padding: 5px 0 0 0;
	float: left;
	display: inline;
}
div.Features p {
	font-size: 93%;
	color: #666666;
	margin-bottom: 5px;
}
div.Features ul.FeaturesList p a:link, div.Features ul.FeaturesList p a:visited {
	color: #666666;
	text-decoration: underline;
}
div.Features ul.FeaturesList p a:hover {
	text-decoration: none;
}
div.Features ul.FeaturesList p.plus {
	font-size: 108%;
	padding-top: 10px;
}
div.Features ul.FeaturesList p.plus a {
	background: url(http://media.desiringgod.org/images/v2/plus-icon.gif) no-repeat 100% 50%;
	padding: 0 17px 0 0;
}
div.Features ul.FeaturesList p.plus a:link, div.Features ul.FeaturesList p.plus a:visited {
	color: #252525;
	text-decoration: none;
}
div.Features ul.FeaturesList p.plus a:hover {
	text-decoration: underline;
}
div.Features ul.FeaturesList p.big {
	font-size: 123.1%;
}
div.Features ul.FeaturesList li#Item-1 {
	margin-right: 13px;
}
div.Features ul.FeaturesList li#Item-2 {
	width: 310px;
	margin-right: 10px;
}
div.Features ul.FeaturesList li ul#res-nav {
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	width: 150px;
}
div.Features ul.FeaturesList li ul#res-nav li {
	margin: 0;
	padding: 0 0 2px 0;
	float: left;
	display: block;
	width: 150px!important;
	height: 19px;
	line-height: 18px;
	overflow: hidden;
}
div.Features ul.FeaturesList li ul#res-nav li a {
	display: block;
	width: 135px;
	font-size: 93%;
	background: url(http://media.desiringgod.org/images/v2/gray-nav-arrow.gif) no-repeat 8px 50%;
	padding: 0 0 0 15px;
	line-height: 20px;
}
div.Features ul.FeaturesList li ul#res-nav li a:link, div.Features ul.FeaturesList li ul#res-nav li a:visited {
	color: #666666;
	text-decoration: none;
}

/* Nav Drop Down */
div.Features ul.FeaturesList li ul#res-nav ul {
	padding: 0;
	margin: 0 0 0 150px;
	list-style: none;
	line-height: 1;
	background: url(http://media.desiringgod.org/images/v2/resnav-sub-bkg.png) no-repeat 0 0;
	width: 152px;
	height: 100px;
	padding-top: 5px;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav2 ul {
	background: url(http://media.desiringgod.org/images/v2/resnav-sub-bkg2.png) no-repeat 0 0;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav3 ul {
	background: url(http://media.desiringgod.org/images/v2/resnav-sub-bkg3.png) no-repeat 0 0;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav4 ul {
	background: url(http://media.desiringgod.org/images/v2/resnav-sub-bkg4.png) no-repeat 0 0;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav5 ul {
	background: url(http://media.desiringgod.org/images/v2/resnav-sub-bkg5.png) no-repeat 0 0;
}

div.Features ul.FeaturesList li ul#res-nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* Nav Adjustments */
div.Features ul.FeaturesList li ul#res-nav li#res-nav1 ul {
	margin: -20px 0 0 146px;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav2 ul {
	margin: -40px 0 0 146px;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav3 ul {
	margin: -60px 0 0 146px;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav4 ul {
	margin: -80px 0 0 146px;
}
div.Features ul.FeaturesList li ul#res-nav li#res-nav5 ul {
	margin: -100px 0 0 146px;
}

div.Features ul.FeaturesList li ul#res-nav li ul li {
	background-image: none;
	height: 15px;
	float: none;
	line-height: 16px;
	padding-bottom: 0;
}
div.Features ul.FeaturesList li ul#res-nav li ul li a {
	text-align: left;
	line-height: 14px;
	padding: 0 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #e1e4e6;
	font-size: 85%;
	display: block;
	font-weight: normal;
	white-space: nowrap;
	background-image: none!important;
	width: 120px;
}
div.Features ul.FeaturesList li ul#res-nav li ul li.last a {
	border: none;
}
div.Features ul.FeaturesList li ul#res-nav li:hover ul,
div.Features ul.FeaturesList li ul#res-nav li.sfhover ul,
div.Features ul.FeaturesList li ul#res-nav li.active ul {
	left: auto;
}
div.Features ul.FeaturesList li ul#res-nav li:hover,
div.Features ul.FeaturesList li ul#res-nav li.sfhover,
div.Features ul.FeaturesList li ul#res-nav li.active {
	background: url(http://media.desiringgod.org/images/v2/resnav-selected-bar.png) no-repeat 0 50%;
}
div.Features ul.FeaturesList li ul#res-nav li:hover li,
div.Features ul.FeaturesList li ul#res-nav li.sfhover li {
	background: none;
}
div.Features ul.FeaturesList li ul#res-nav li ul a:link, div.Features ul.FeaturesList li ul#res-nav li ul a:visited {
	color: #666666;
	text-decoration: none;
}
div.Features ul.FeaturesList li ul#res-nav li ul a:hover {
	text-decoration: underline;
}

/* Water background for PF */
ul.FeaturesList li#Item-6 {
	background: url(http://media.desiringgod.org/images/v2/bg-water.png) no-repeat 0 0;
	height: 285px;
}





/* General rule to align on right */
.alignright {
    margin: 0 0 20px 20px;
    float: right;
}

/* @end */

/* @group Nav */
/*-----------------------------------------------------------------------------
	Utility Bar
	Related: main-feature-media-links uses this as a codebase
-----------------------------------------------------------------------------*/
div#UtilityBar ul {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}
div#UtilityBar ul li {
	padding: 6px 0 0 1px;
	background: url(http://media.desiringgod.org/images/v2/util-nav-div.gif) no-repeat 0 8px;
	list-style: none;
	float: left;
	display: inline;
}
div#UtilityBar ul li:first-child {
	background: none;
}
div#UtilityBar ul li a{
	display: block;
	padding: 2px 6px;
	font-size: 77%;
	text-transform: uppercase;
}
div#UtilityBar ul li a:link, div#UtilityBar ul li a:visited {
	color: #808080;
	text-decoration: none;
}
div#UtilityBar ul li a:hover {
	text-decoration: underline;
}

/* Main Nav */
div#nav-bar {
	margin: 3px 2px;
	background-color: #000;
	height: 35px;
	overflow: hidden;
}
div#nav {
	float: left;
	display: inline;
}
div#nav ul {
	margin: 0;
	padding: 4px 0 0 15px;
}
div#nav ul li {
	list-style: none;
	background: url(http://media.desiringgod.org/images/v2/nav-div.gif) no-repeat 0 50%;
	padding: 0 1px 0 4px;
	float: left;
	display: inline;
}
div#nav ul li:first-child {
	background: none;
}
div#nav ul li a {
	display: block;
	background: url(http://media.desiringgod.org/images/v2/nav-tab-right.gif) no-repeat 100% 0;
	line-height: 31px;
	font-weight: bold;
}
div#nav ul li a span {
	display: block;
	background: url(http://media.desiringgod.org/images/v2/nav-tab-left.gif) no-repeat 0 0;
	padding: 0 10px 4px 10px;
	line-height: 27px;
}

div#nav ul li a:link, div#nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div#nav ul li a:hover, div#nav ul li a.active:link, div#nav ul li a.active:visited {
	background-position: 100% -31px;
	color: #000;
}
div#nav ul li a:hover span, div#nav ul li a.active:link span, div#nav ul li a.active:visited span {
	background-position: 0 -31px;
}
/* @end */

/* @group Default Headings */
h1.hd-who-is-desiring {
/*	background: url(http://media.desiringgod.org/images/v2/hd-who-is-desiring.gif) no-repeat 0 50%;
	text-indent: -9000px;*/
	margin: 0 0 10px 0;
}
h1.hd-desiring-blog {
	margin: 0;
	height: 32px;
}
h1.hd-desiring-blog a {
	color: #252525;
}

h1.hd-latest-resources {
/*	background: url(http://media.desiringgod.org/images/v2/hd-latest-resources.gif) no-repeat 0 0;
	text-indent: -9000px;*/
	margin: 0 0 10px 0;
	height: 32px;
	border-bottom: 1px solid #b5bcc0;
}

div.main h2 {
	font-size: 123.1%;
	font-weight: normal;
	margin: 0 0 7px 0;
}

div.side h2 {
	font-size: 123.1%;
	font-weight: normal;
	margin: 0 0 7px 0;
	color: #252525;
}
div.side h3 {
	font-size: 93%;
	font-weight: bold;
	margin: 0 0 7px 0;
}
/* @end */

/* @group Common Text Styles */
div.main p, div.main ul, div.main ol, div.main blockquote {
	font-size: 108%;
	color: #666666;
	line-height: 140%;
}

div.side p {
	font-size: 93%;
	color: #666666;
	line-height: 140%;
}

.center {
	text-align: center!important;
}
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Forms */
div#search {
	padding: 7px 10px 0 0;
	float: right;
	display: inline;
}
div#search input.txt {
	vertical-align: middle;
	font-size: 90%;
	color: #151515;
	width: 150px;
}
div#search input.btn {
	vertical-align: middle;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #ab1013;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.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 */

/* JL's New Additions */
div.Features {
    position: absolute;
}
div.Features#f2, div.Features#f3, div.Features#f4, div.Features#f5 {
    display: none;
}
div.Features ul.FeaturesList li.FeatureItem {
    margin-top: 6px;
}

/* Feature #2 - Ministry Needs */
div.MinistryNeeds ul.FeaturesList li#Item-4 {
    margin-right: 20px;
    width: 280px;
}

div.MinistryNeeds ul.FeaturesList li#Item-5 {
    margin-right: 20px;
    width: 300px;
}

div.MinistryNeeds ul.FeaturesList li#Item-5 img {
    margin-left: 20px;
    float: right;
}

div.MinistryNeeds ul.FeaturesList li#Item-6 {
    margin-right: 10px;
    width: 280px;
}

div.MinistryNeeds ul.FeaturesList li#Item-6 h2, div.MinistryNeeds ul.FeaturesList li#Item-6 p {
    width: 185px;
}

div.MinistryNeeds li#Item-4 div.legend {
    margin: 20px 0 10px 0;
}

div.MinistryNeeds li#Item-4 #given, div.MinistryNeeds li#Item-4 #need {
    margin-right: 10px;
}

div.MinistryNeeds li#Item-4 #given span, div.MinistryNeeds li#Item-4 #need span {
    display: inline-block;
    width: 8px;
    height: 8px;
    padding: 1px;
    border: 1px solid #b4bcbf;
}

div.MinistryNeeds li#Item-4 #given span span, div.MinistryNeeds li#Item-4 #need span span {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
}

div.MinistryNeeds li#Item-4 #given span span {
    background: #a90013;
}

div.MinistryNeeds li#Item-4 #need span span {
    background: #b4bcbf;
}


div.MinistryNeeds li#Item-4 p#given, div.MinistryNeeds li#Item-4 p#need {
    display: inline;
}

div#fillwrap {
    border: 1px solid #b4bcbf;    /* Need grey */
    padding: 1px;
}

div.MinistryNeeds li#Item-4 p#fillbar {
    width: 100%;
    background: #b4bcbf;    /* Need grey */
    height: 15px;
    margin: 0px;
}
li#Item-4 #givenbar {
    display: inline-block;
    width: 65%;
    height: 100%;
    border-right: 1px solid white;
    background: #a90013;    /* Given red */
}
div.MinistryNeeds li#Item-4 div#markers {
    height: 12px;
    width: 99%;
    border-left: 1px solid #b4bcbf;
    border-bottom: 1px solid #b4bcbf;    
}

div.MinistryNeeds li#Item-4 div#markers span {
    font-size: 11px;
    color: #878b8e;
    position: relative;
    top: 16px;
}

div.MinistryNeeds li#Item-4 div#markers span#fundmid {
    left: 118px;
}
div.MinistryNeeds li#Item-4 div#markers span#fundright {
    left: 217px;
}


/* Feature #3 - Featured Products */
div.FeaturedProducts ul.FeaturesList {
    width: 920px;
    margin-left: 0px;
}
div.FeaturedProducts ul.FeaturesList li {
    background: transparent url(http://media.desiringgod.org/images/v2/bgfill.png) no-repeat 0px 5px;
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    width: 158px;
    overflow: hidden;
    height: 127px;
    margin-right: 2px;
	border-bottom: 1px solid #b4b5b9;
}
div.FeaturedProducts li h2 span.thin {
    font-weight: normal;
    font-size: 11px;
    color: #777;
}
div.FeaturedProducts li h2 {
    font-size: 13px;
    margin: 0px auto;
	height: 20px;
/*	text-align: center;*/
}

div.FeaturedProducts li h2 a {
	color: #252525;
}

div.FeaturedProducts li img.product {
    margin: 20px auto 10px auto;
}

div.FeaturedProducts li#Item-7 {
    background: transparent url(http://media.desiringgod.org/images/v2/carousel-bgfill-left.png) no-repeat 0px 5px;
    width: 140px;
}
/*div.FeaturedProducts li#Item-10 img.product, div.FeaturedProducts li#Item-12 img.product {
    margin-top: 5px;
}*/
/*div.FeaturedProducts li#Item-10 h2 {
    margin-left: 18px;
    text-align: left;
}
div.FeaturedProducts li#Item-12 h2 {
    text-align: left;
    margin-left: 15px;
}*/
div.FeaturedProducts li#Item-12 {
    background: transparent url(http://media.desiringgod.org/images/v2/carousel-bgfill-right.png) no-repeat 0px 5px;
    width: 138px;
    margin-right: 0px;
}
div.FeaturedProducts div.cost p.listprice span {
    text-decoration: line-through;
}

div.Features.FeaturedProducts3Col p {
	margin-bottom: 0;
}

ul.FeaturesList .ProductImage {
	padding-right: 15px;
}

/*-----------------------------------------------------------------------------
	Featured Resources
-----------------------------------------------------------------------------*/
div.FeaturedResources h3 {
    font-size: 12px;
    margin: 5px 0 0 0;
    color: #af0d1c;
}
div.FeaturedResources p.read-box {
    margin: 8px 0;
}
div.FeaturedResources p.subscribe {
	background: url(http://media.desiringgod.org/images/v2/rss-icon-gray.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
    font-size: 10px;
}
div.FeaturedResources li.FeatureItem ul li a:link, div.FeaturedResources p.subscribe a:link {
    color: #777;
    text-decoration: underline;
}

/*-----------------------------------------------------------------------------
	CAROUSEL
	3 Column Layout Generics
	285px | 305px | 285px
-----------------------------------------------------------------------------*/

div.Features ul.FeaturesList li.ColLeft {
    margin-right: 13px;
}
div.Features ul.FeaturesList li.ColMiddle {
    width: 305px;
    margin-right: 15px;
}
div.Features ul.FeaturesList li.ColRight {
    width: 285px;
}


/* -- Downloads bar for main feature */
#download_popup{
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 111px;
	display: none;
	
	color: #B3B3B3;
	padding: 7px;
	
	font-size: 80%;
	
	padding-bottom: 21px;
    margin-left: -15px;
	background-image: url( 'http://www.desiringgod.org/media/images/v2/home_feature_downloads_bottom_bg.gif' );
	background-position: bottom center;
	background-repeat: no-repeat;
}

#download_popup a{
	color: #B3B3B3;
}

#download_popup strong{
	color: #FFF;
}

#download_popup .audio{
	
}

#download_popup .video{
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px dashed #8A8A7E;
}

ul#twitter_update_list {
	margin-left: 10px;
}


#twitter_update_list li {
	list-style-type:none;
	color: #666666;
	font-size: 93%;
}