/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 29 Oct 2008
*/

/* -------------------------------------------------------------------------- global */

body { background: #503932 url(http://redeemermontclair.com/images/background_lg.gif) no-repeat -40px -50px fixed; margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,sans-serif; font-size: small; color: #444; line-height: 150%; }
.shell { padding: 15px; }

/* -------------------------------------------------------------------------- links */

a, a:visited { color: #e86e2d; text-decoration: none; outline: none; }
a:hover { color: #963; text-decoration: none; }
#footer a, #footer a:visited, .info a, .info a:visited, .mini-lists a: link, .mini-lists a:visited { color: #ffdead; border-bottom: 1px dotted #ffdead; }	
a.external, a[href^="http"] { background: url(../../../images/icon_link.gif) top right no-repeat; padding: 0 12px 0 0; }
a[href^="http://redeemermontclair.com"], a[href^="http://feeds.feedburner.com"], a[href^="http://www.google.com/calendar"], a[href^="http://www.redeemermontclair.com"], a[href^="http://slurvemac:8888"], a[href^="http://localhost:8888"], a.external img, a[href^="http"] img, #footer a { background: none; padding: 0; }
a.pdf, a[href$=".pdf"] { background: url(../../../images/icon_pdf.gif) top right no-repeat; padding: 0 18px 0 0; }
a.backToTop, a.backToTop:visited { margin: 15px 0 0 38px; display: block; font-size: 90%; }
.download { float: right; margin: 8px 0 25px 25px; text-align: center; }
.download a, .download a:visited { background: #963; width: 150px; height: 40px; display: block; padding: 12px; color: #fff; border: 2px solid #ccc; }
.download a em { display: block; font-style: normal; font-size: 16px; color: #ffdead; }
.download a:hover { background: #e86e2d; text-decoration: none; }

/* -------------------------------------------------------------------------- backgrounds */

#masthead { background: #000 url(../../../images/backgrounds_header/cross.jpg) 0 0 no-repeat; }
#about #masthead { background: #000 url(../../../images/backgrounds_header/sign.jpg) -90px 0 no-repeat; }
#news #masthead, #calendar #masthead, #classifieds #masthead { background: #000 url(../../../images/backgrounds_header/newspapers.jpg) 0 0 no-repeat; }
#youth #masthead { background: #000 url(../../../images/backgrounds_header/hands_bible.jpg) 0 0 no-repeat; }
#connect #masthead { background: #000 url(../../../images/backgrounds_header/community.jpg) 0 0 no-repeat; }
#ministries #masthead, #downloads #masthead { background: #000 url(../../../images/backgrounds_header/hands.jpg) 0 0 no-repeat; }
#contact #masthead { background: #000 url(../../../images/backgrounds_header/phone.jpg) 0 0 no-repeat; }
#sermons #masthead, #uncategorized #masthead, #podcast-info #masthead { background: #000 url(../../../images/backgrounds_header/words.jpg) 0 0 no-repeat; }
#bookshelf #masthead { background: #000 url(../../../images/backgrounds_header/book.jpg) 0 0 no-repeat; }

/* -------------------------------------------------------------------------- headers */
	
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
h1 { font-size: 220%; font-family: "Georgia", serif; line-height: 26px; color: #999; margin: 20px 0; }
h2 { font-size: 140%; margin-bottom: 8px; }
h2.special { margin: 20px 0 5px 0; font-size: 120%; color: #777; }
h2.special em { font-weight: bold; font-style: normal; font-size: 120%; color: #444; }
h3, li.title { font-size: 115%; color: #960; }
#home li.title { color: #fff; }
h4 { font-size: 115%; }

/* -------------------------------------------------------------------------- masthead */

#masthead { clear: both; width: 982px; height: 180px; border: 4px solid #fff; }
#masthead img { width: 230px; height: 80px; margin: -1px; }
.logo { margin: 25px 0 8px 0; float: left; }
.logo a { position: relative; width: 350px; height: 0px !important; display: block; background: url(../../../images/logo.gif) top left no-repeat; overflow: hidden; padding: 40px 0 0 0; border: none; }
.logo a:hover { background-position: 0 0; border: none; }

/* -------------------------------------------------------------------------- homepage */

#home #container { background: url(../../../images/backgrounds_home/rotate.php) 0 78px no-repeat; }
#home #masthead { background: none; border-bottom: none; }
#home #sub { margin-top: -4px; width: 957px; height: 220px; overflow: hidden; border: 4px solid #fff; background: none; }
.box-a { position: absolute; left: 0; top: 0; width: 40%; height: 100%;  opacity: .50; z-index: 2000; background-color: #000; }
.box-b { position: absolute; right: 0; top: 0; width: 60%; height: 100%; border-left: 4px solid #fff; background-color: #333950; z-index: 3000; opacity: .90; }
.box-b .description { float: left; display: inline;   margin: 30px 20px 28px 28px; width: 39%; color: #fff; font-size: 130%; line-height: 25px; letter-spacing: -1px; }
.mini-lists { float: left; margin: 32px 8px 28px 28px; width: 43%; color: #fff; }
.mini-lists ul { margin: 0 0 12px 0; padding: 0; list-style-type: none; }
.mini-lists li { margin: 0; padding: 6px 0; border-bottom: 1px dotted #888; line-height: 16px; }
.mini-lists li.title { font-size: 110%; border-bottom: none; }
.mini-lists li.more { border-bottom: none; font-weight: bold; }

/* -------------------------------------------------------------------------- containers */

#container { position: relative; width: 990px; margin: 5px auto 40px auto; }
#sub { position: relative; width: 965px; padding: 0 25px 0 0; margin: 0; background-color: #fff; font-size:  95%; }
#sidebar { position: relative; float: left; display: inline; width: 26%; font-size: 95%; margin: 6px 0 0 0; }
#content { float: right; display: inline; width: 74%; padding: 20px 0 20px 0; }
#content.wide { float: none; display: block; width: 970px; padding-left: 20px; }
#about.leadership #content p { width: 72%; }
#footer { color: #ddd; clear: both; font-size: 85%; margin-top: 5px; }
.copyright { float: left; margin: 5px 0 0 0; }
.credit { text-align: right; float: right; margin: 0 0 10px 0; }

/* -------------------------------------------------------------------------- components */

.info { float: right; margin-top: 12px; }
.info dl { text-align: right; color: #ccc; font-size: 90%; }
.raillist { color: #888; width: 30%; float: right; border-left: 1px dotted #ccc; margin: 10px 0 20px 20px; font-size: 95%; }
.sidebox { position: relative; background-color: #fc9; width: 85%; padding: 0 5px 10px 0; margin: -5px auto 10px 5px; }
.sidebox em { display: block; font-style: normal; font-size: 90%; }
.sidebox .sidelist { margin: 0; width: 190px; padding: 14px 5px 0 14px; list-style-type: none; }
.sidelist li { list-style-type: none; margin: 0; padding: 7px 0; line-height: 16px; border-top: 1px dotted #fff; }
.slidelist li a, .slidelist li a:visited { color: #000; }
.sidelist li.title { border-top: none; }
.sidelist li.noBorder { border-top: none; }
.sidelist .more { font-size: 90%; margin: 5px 12px 0 0; text-align: right; }	
ul.subnav { float: right; width: 25%; margin: 20px 0 20px 20px; padding: 0; }
ul.subnav li { list-style-type: none; font-size: 95%; margin: 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc; }
ul.subnav a, ul.subnav a:visited, ul.subnav a:hover { border: none; }
ul.subnav li.title { margin-bottom: 5px; font-size: 110%; border: none; }
#directions .directions li.title { list-style-type: none; margin: 25px 0 5px -15px; }
#directions .directions { margin: 0 0 25px 0; padding: 0 0 0 15px; }
#directions .directions li { margin: 0 0 0 15px; padding: 0; }

#bookshelf #content ul { margin: 20px 0 0 0; }
#bookshelf #content ul li { margin: 10px 0; color: #777; }
#bookshelf #content em { font-family: "Georgia", serif; font-size: 110%; color: #444; }

.rssIcon { position: absolute; top: 10px; right: 10px; opacity: .40; }

.thumbnail { margin: 15px; border: 4px solid #eee; }
#about.leadership .thumbnail { float: right; display: inline; margin: 25px 0 0 15px; }

/* -------------------------------------------------------------------------- topnav */

ul#topnav { position: relative; z-index: 4000; position: absolute; top: 265px; right: 0; list-style-type: none; margin: -25px 0 0 0; padding: 0; border-top: 3px solid #fff; }
ul#topnav li { float: left; display: inline; position: relative; padding: 0; margin: 0; border-right: 3px solid #fff; border-bottom: 3px solid #fff; }
ul#topnav a, ul#topnav a:visited { display: block; color: #fff; background-color: #6D0D0D; border: none; display: block; text-transform: uppercase; padding: 3px 14px 4px 14px; font-size: 95%; }
ul#topnav a:hover, ul#topnav li:hover a { background-color: #725148; border-bottom: 3px solid #725148; }
ul#topnav .home a:hover, ul#topnav li.home:hover a, ul#topnav .contact a:hover, ul#topnav li.contact:hover a { border-bottom: none; }
ul#topnav .contact a { border-bottom: none; width: 60px; }

ul#topnav ul { display: none; width: 170px; position: absolute; top: 29px; left: -3px; padding: 0 0 6px 0; background-color: #725148; margin: 0; z-index: 2; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 3px solid #fff; z-index: 100; }
ul#topnav li li { float: none; display: block; list-style-type: none; margin: 0; line-height: 120%; width: 146px; padding: 3px 12px 0 12px; background-color: #725148; border: none; }
ul#topnav li li a, ul#topnav li li a:visited { color: #fff; background: none; border: none; text-transform: none; padding: 3px 14px 3px 0; font-size: 95%; }
ul#topnav li li a:hover { color: #ccc; background: none; }
ul#topnav li.home { border-left: 3px solid #fff; }
ul#topnav .shadow-left { background: none; }

#home ul#topnav .home a,
#about ul#topnav .about a,
#youth ul#topnav .youth a,
#calendar ul#topnav .news a,
#news ul#topnav .news a,
#blog ul#topnav .blog a,
#calendar ul#topnav .news a,
#downloads ul#topnav .ministries a,
#ministries ul#topnav .ministries a,
#connect ul#topnav .connect a,
#contact ul#topnav .contact a,
#bookshelf ul#topnav .bookshelf a,
#sermons ul#topnav .sermons a,
#podcast-info ul#topnav .sermons a { background-color: #725148; }

/* -------------------------------------------------------------------------- blog */

#blog #masthead { background: #000 url(http://redeemermontclair.com/images/backgrounds_header/blog.jpg) 0 0 no-repeat; }
#blog h2 { font-size: 24px; }
#blog h1 { font-family: "Lucida Grande"; }
#blog #content { margin-top: 20px; }
#blog .sidebox { background-color: #fff; margin-bottom: 0; }
#blog .sidelist li { border-bottom: 1px dotted #dacdc9; }
#blog .sidelist li.title { border-bottom: none; }
#blog .postmetadata { color: #888; font-size: 11px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 3px 0 5px 0; margin: 0 0 30px 0; }
#blog .post img, #blogs .single img { margin: 25px; border: 4px solid #ccc; }
#blog .navigation { margin: 20px 0; }
#blog .navigation .alignleft { float: left; }
#blog .navigation .alignright { float: right; }
.categories { text-transform: lowercase; }
.commentlist { margin: 0; padding: 0; list-style-type: none; }
.commentlist li { margin: 0; padding: 15px 25px; }
.commentlist .alt { background-color: #eee; }
.commentlist cite { font-size: 14px; font-style: normal; }

/* -------------------------------------------------------------------------- data table */

.calendarFrame { width: 700px; height: 600px; }
#calendar .calendarFrame { width: 945px; height: 600px; }

.dataTable { background-color: #999; }
.dataTable th { background-color: #ddd; font-weight: bold; text-align: left; padding: 3px 6px; }
.dataTable td { background-color: #fff; vertical-align: top; padding: 3px 6px; }
.dataTable .name { width: 130px; }
.dataTable .location { width: 80px; }
.dataTable .contact { width: 140px; }

/* -------------------------------------------------------------------------------- form elements */

#searchform input { width: 130px; padding: 2px; border: 0; }
#searchform .search-submit { width: 60px; color: #eee; border: 0; padding: 2px 3px; background-color: #555; }
#searchform .search-submit:hover { cursor: pointer; background-color: #666; }
#contactform, #commentform { width: 80%; border: 0; padding: 13px 20px; }

form { margin: 0; padding: 0; }
.ddfmwrap { margin: 0; }
label { font-size: 90%; text-transform: uppercase; display: block; margin: 20px 3px 0 0; }
select { width: 300px; font-size: 95%; color: #555; border: 1px solid #ccc; padding: 3px; }
option { border-top: 1px dotted #ccc; }   
input, textarea {  width: 300px; border: 1px solid #ccc; padding: 3px; color: #444; }
input:focus, textarea:focus, select:focus { background-color: #ffc; }
textarea { width: 400px; height: 200px; font: normal 12px "Lucida Grande", Verdana, sans-serif; }
.required { color: #444; margin-top: 20px; }
.ddfmerrors { color: #930; font-size: 130%; }
.errorlist { color: #930; font-weight: bold; }
.submit { width: 100px; background-color: #ddd; color: #777; border: none; }
.submit:hover { background-color: #eee; cursor: pointer; border: none; }
.fmradio input { width: 12px; height: 12px; margin-right: 4px; border: none; }
.credits { display: none; }
	
/* -------------------------------------------------------------------------- sermons */

.sermonSort { padding: 0; margin: 20px 0; width: 100%; }
.sermonSort h3 { margin: 12px 0 0 0; padding: 6px 0 0 0; font-size: 14px; border-top: 1px dotted #ccc; color: #e86e2d; font-weight: bold; line-height: 120%; }
.sermonSort h3:hover { cursor: pointer; color: #963; }
.sermonSort ul { margin: 6px 0 0 0; padding: 0; list-style-type: none; }
.sermonSort li { padding: 3px 0; border-bottom: none; color: #999; line-height: 120%; }

#sermons .post-item { float: left; position: relative; width: 62%; margin: 15px 0 0 0; border-top: 1px solid #ccc; padding: 10px 15px; }	
#sermons .post-item p { margin: 6px 0; }	
#sermons .post-item .date { display: none; }
#sermons .post-item .date { display: block; position: absolute; top: -10px; left: 10px; background-color: #fff; padding: 2px 6px; color: #666; font-family: "Georgia","Trebuchet MS", Arial; }
#sermons .post-item .details { padding: 10px 0 0 0; }
	
/* -------------------------------------------------------------------------- utility */

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; }
p { margin: 0 0 15px 0; }
.alignleft { float: left; }
blockquote { width: 90%; margin: 0 25px 0 25px; padding: 0; border: 0; }
em { font-style: italic; font-weight: normal; }
acronym, abbr { cursor: help; border-bottom: 1px dashed #999; }
a img, #masthead a, #logo a { border: 0; }
 .clear { clear: both; }
ol li { margin: 9px 0; }
ul { list-style-type: circle; }
.icon { vertical-align: middle; margin: 0 2px; }
.shadow-left { background:  transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; left:  -13px; z-index: 99; }
.shadow-right {	background:  transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; right: -13px; z-index: 99; }
#topnav .shadow-left { top: -30px; left: -13px; z-index: 99; }
.shadow-left.sub { top: 72px; }
.shadow-right.sub { top: 72px; }