/*   

Author: Vesper Stamper (vespersongs@hotmail.com)

Author URI: http://www.vespersongs.com

Date: February 2009

*/



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

body { margin: 0; padding: 0; -moz-opacity: .999; background-position: top left; background-repeat: no-repeat; }

html, body, #wrap { min-height: 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }

html>body, html>body #wrap { height: auto; }

blockquote { margin: 15px 0 15px 15px; font-style: italic; font-family: "Georgia"; color: #222; font-size: 13px; line-height: 24px; }

p { margin: 0 0 15px 0; } 

a img { border: 0; }

dl, dd { margin: 0; padding: 0; }

dt { font-weight: bold; color: #999; }

ol { margin: 0 0 0 20px; padding: 0 0 0 20px; position: relative; }

/*li { margin: 10px 0; }

ul { list-style-type: circle; margin: 0; padding: 0 0 0 15px; }*/


/* -------------------------------------------------------------------------- typography */

body { font-family: "Futura", sans serif; font-size: 12px; line-height: 18px; }

#container, #main font { font-family: "Futura", sans serif; font-size: 12px; line-height: 18px; color: #000000; }

#sidebar .headlines { font-size: 11px; }

.normal { font: "Futura", sans serif 12px #000000; }

.small { font: "Futura", sans serif 10px #000000; }

.intro { font: "Futura", sans serif 12px #003366; text-align: center;}

.heading1 { font-family: Rina, "Futura", "sans serif"; font-size: 36px; text-transform: lowercase; color: #000000; letter-spacing: .5em; padding-left: 25px; }

.heading2 { font-family: "Futura", "sans serif"; font-size: 18px; text-transform: lowercase; color: #000000; letter-spacing: .5em; padding-left: 75px; }

.heading3 { font-family: "Futura", "sans serif"; font-size: 18px; text-transform: lowercase; color: #000000; letter-spacing: .5em; padding-left: 85px; }

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

a:link, a:visited, a:active { color: #7256b8; text-decoration: none; }

a:hover { text-decoration: underline; }

a.external, a[href^="http"] { background: url(http://www.vespersongs.com/wp-content/themes/vespersongs/images/icon_link.gif) top right no-repeat; padding: 0 0 12px 0; }

/*a.external img, a[href^="http"] img, a[href^="http://vespersongs.com"], a[href^="http://feeds"], a[href^="http://vespersongs.com"], a[href^="http://lambofgodnj.dreamhosters.com"], a[href^="http://www.flickr.com"] { background: none; padding: 0; }*/

a.pdf, a[href$=".pdf"] { background: url(http://www.vespersongs.com/wp-content/themes/vespersongs/images/icon_pdf.gif) top right no-repeat; padding: 0 18px 0 0; }

a img, a.imglink:link, a.imglink:visited { border: none; }

a.imglink:hover { background: transparent; }

/*#footer a, #footer a:visited { color: #333366; }*/

#rss {	padding: 0 18px 0 0; background-image: url(http://www.vespersongs.com/wp-content/themes/vespersongs/images/rss.gif) top right no-repeat;}

#pcast {padding: 0 18px 0 0; background-image: url(http://www.vespersongs.com/wp-content/themes/vespersongs/images/pcast.jpg) top right no-repeat;}

/* -------------------------------------------------------------------------- headings */

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Futura", sans serif; font-style: bold; }

h1 { font-size: 18px; color: #7256b8; line-height: 30px; margin: 5px 0 15px 0; text-transform: uppercase; }

h1.sectionHead { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 10px; }

h2 { font-size: 16px; color: #7f0049; margin: 5px 0 15px 0; letter-spacing: 2px; text-transform: uppercase; }

h2.sectionHead { font-size: 16px; margin: 0 0 15px 0; }

h2.title { margin: 0 0 8px 0; letter-spacing: 2px; }

h3 { font-size: 14px; color: #7256b8; letter-spacing: 2px; margin: 5px 0 5px 0; text-transform: uppercase; border-bottom: 1px dotted #999; }

h4 { font-size: 12px; color: #000000; letter-spacing: 2px; margin: 5px 0 5px 0; text-transform: uppercase; }

.formIndent h4 { line-height: normal;}

.blogPreview h3 { text-transform: none; letter-spacing: 0; font-size: 18px; line-height: 24px; margin: 0 0 5px 0; border: none; }

#sidebar h3, #main3 h3, .floatie h3 { border-bottom: none; margin-bottom: 0; color: #7f0049;}


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

.nav { padding: 0; position: relative; list-style-type: none; text-align:center; z-index: 999; margin-top: 150px; margin-right: 0; margin-bottom: 0; margin-left: 250px; }

.nav li { font-family: "Futura", sans serif; font-size: 12px; color: #000000; float: left; position: relative; text-transform: uppercase; }

.nav a { display: block; border: none;}

.nav a:hover { text-decoration: none; color: #333366; }

.nav ul { display: none; position: absolute; top: 15px; left: 50px; padding: 0; opacity: .95; }

/*.nav li li { float: none; list-style-type: none; margin: 0; padding: 3px 12px 0 12px; }

.nav li li a { font-size: 11px; text-transform: none; width: 100%; }*/

.subnav { font-size: 12px; color: #000000; letter-spacing: 3px; letter-spacing: 2px; font-variant: small-caps; }

/* -------------------------------------------------------------------------- titles */

#title {padding: 15px; float: left; border: none;}

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

#container { position: absolute; margin: 0; float: left; width: 800px; height: 100%; padding: 0; }

#main { position: absolute; width: 600px; float: left; z-index: 2; margin: 25px 0 0 250px; padding: 10px; border: solid 4px #000000; background: #ffffff;}

#main2 { position: absolute; width: 600px; float: left; z-index: 2; margin: 25px 0 0 250px; padding: 10px; border: solid 4px #000000; background: #ffffff;}

#main3 { position: absolute; width: 625px; height: 100%; z-index: 2; padding: 10px; text-align: left; margin-top: 25px; margin-right: 0; margin-bottom: 0; margin-left: 250px; border: solid 4px #000000; background: #ffffff;}

#main4 { position: absolute; width: 625px; height: 100%; z-index: 2; padding: 10px; text-align: left; margin-top: 25px; margin-right: 0; margin-bottom: 0; margin-left: 250px; border: none; background: #ffffff;}

#ticker { position: absolute; width: 150px; height: 380px; float: right; margin: 175px 0 0 650px; }

#intro { position: relative; width: 800px; z-index: 2; padding: 0; text-align: center; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 175px; }

#sidebar { position: absolute; width: 130px; height: 2000px; float: right; /*border-left: 1px dotted #000000;*/ margin-top: 0px; margin-left: 670px; margin-right: 80px; padding: 5px; background-color: #e9d7f9; }

.floatie { position: relative; width: 130px; float: left; /*border-left: 1px dotted #000000;*/ margin-top: 10px; margin-left: 900px; margin-right: 100px; padding: 5px; background-color: #e9d7f9; border: 1px dotted #000000; }

.bground { background-color: #e9d7f9; border: 1px dotted #000000;}

#footer { position: fixed; bottom: 0; padding: 0; width: 100%; border-top: 1px dotted #000000; font-family: "Futura", sans-serif; font-size: 10px; color: #000000; text-align: center; font-weight: bold; font-variant: small-caps; background-color: #cccccc; vertical-align: bottom; margin-bottom: 0px; margin-left: 0px; z-index: 3;}

.formIndent { margin-left: 200px; }

/* -------------------------------------------------------------------------- 3-column layout */

#leftRail {float:left; width:261px; height:auto; margin-left: 0px; position:relative; background-image: url();}

#center{ float:left; /* width:100%; */ margin-right: -100%; /*margin-left: 263px;*/ background-image: url();}

#rightRail{float:right; width:270px; /*margin-right: 0px;*/ position:relative; background-image: url(http://www.vespersongs.com/contempsample/images/h_10.jpg);}

/* -------------------------------------------------------------------------- photos */

.thumb { border: 4px solid #ffffff; }

.themeImage { float: left; margin: 0; border: 0; padding: 0; z-index: 1;}

.photoRight { float: right; border: 4px solid #009966; margin: 5px; padding: 0; width: 250px; }

.photoLeft { float: left; border: 4px solid #009966; margin: 5px; padding: 0; width: 250px; }

.spotRight { float: right; border: 0; padding: 4px;}

.spotLeft { float: left; border: 0; padding: 4px;}

.lead { height: 250px; width: 100%; position: relative; margin: 0; }

#leadArt {border: 4px solid #ff7009; text-align: left; padding: 0px; margin: 5px; }

.leadArtStatement { width: 300px; height: 60px; position: absolute; left: 372px; top: 175px; }

.leadArtStatement p { color: #ccc; font-size: 11px; margin: 0; }

.leadArtStatement p.byline { color: #ccc; font-size: 13px; letter-spacing: 1px; font-family: Georgia, serif; }

.leadArtStatement p em { color: #fff; }

#home .leadText { position: absolute; top: 20px; right: 30px; width: 550px; margin: 0; }

#main.single .leadText { display: none; }

img.floatLeft { float: left; padding: 5px; }

img.floatRight {float: right; padding: 5px; }


/* -------------------------------------------------------------------------- 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: 90%; margin: 15px 0 25px 0; border-top: 1px dotted #6e6c57; padding: 10px 15px; }	

#sermons .post-item p { margin: 6px 0; }	

#sermons h2 { margin-top: 0; }

#sermons .post-item .date { display: block; position: absolute; top: -10px; left: 10px; background: #fcfbf7; padding: 0 6px; color: #666; font-family: "Futura", sans serif; }

#sermons .post-item .details { padding: 10px 0 0 0; }

.playlist {list-style: url(http://www.vespersongs.com/samplesites/images/play.gif);}

/* -------------------------------------------------------------------------- blogs */


#blogs .post img, #blogs .single img { margin: 25px; border: 4px solid #ccc; }

#blogs .navigation { margin: 20px 0; }

#blogs .navigation .alignleft { float: left; }

#blogs .navigation .alignright { float: right; }

#blogs h1 { margin-bottom: 15px; font-size: 26px; color: #ff7009; line-height: 34px; font-weight: normal; font-family: "Futura", sans serif; }

#blogs h2 { margin-bottom: 15px; font-size: 24px; line-height: 26px; font-weight: normal; font-family: "Futura", sans serif; }

#blogs .post { margin-bottom: 60px; }

#blogs .entry img, #blogs .single img, #blogs .post img { float: right; }

#blogs .blogBanner img { border: none; float: none; margin: 0 0 20px 0; }

#blogs #sidebar input { width: 96%; }

#blogs #sidebar .submit { width: 80px; margin-top: 5px; }

.categories { text-transform: lowercase; }

.postmetadata { color: #444; font-size: 11px; border-top: 1px dotted #ff7009; margin-top: 20px; clear: both; }

.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; }

.belfastHeader { text-transform: uppercase; font-size: 14px; font-family: "Futura", sans serif; letter-spacing: 1px; margin: 40px 0 0 37px; }

.flickrPhotos { width: 100%; margin: 0 0 25px 0; }

.flickrPhotos img { width: 80px; border: 2px solid #000; margin: 5px 5px 0 0; }

.flickrPhotos img:hover { border: 2px solid #E00808; }

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

.moduleA { position: relative; width: 330px; float: left; display: inline; margin: 0; padding-top: 5px; padding-right: 0; padding-left: 10px; }

.moduleA .title .selected { font-size: 14px; text-transform: uppercase; color: #777; margin: 0 0 8px 0; letter-spacing: 2px; outline: none; }

.moduleA .title .selected:hover { text-decoration: none; cursor: text; }

.moduleA .headlines { margin-bottom: 20px; }

.moduleA .headlines em { color: #444; font-style: normal; font-size: 11px; margin-right: 4px; }

.moduleB { display: none; }

.moduleC { position: relative; width: 615px; min-height: 250px; height: auto !important; height: 250px; float: left; display: inline; margin: 21px 0 0 0; padding: 15px 0 20px 15px; background: url() 0 0 repeat-x;  }

.moduleSub { padding-right: 25px; }

.moduleSub img { float: left; border: 4px solid #fff; margin: 0 10px 0 0; }

.leadText ul { margin: 0; padding: 0; list-style-type: none; }

.leadText ul li { margin: 0 20px 0 0; padding: 0; float: left; display: inline; font-size: 14px; }

.blogPreview { width: 390px; float: left; display: inline; padding: 0 25px 0 0; }

.blogPreview h3 { margin-bottom: 10px; font-size: 18px; font-family: "Futura", sans serif; line-height: 26px; }

.blogPreview p { margin: 0 0 10px 0; }

.blogPreview .postmetadata { border-top: none; margin-top: 0; font-size: 12px; font-weight: bold; }

.blogNav { width: 180px; min-height: 150px; height: auto !important; height: 150px; border-left: 1px dotted #444; float: left; display: inline; }

.blogNav ul { width: 100%; margin: 0; padding: 0; list-style-type: none; }

.blogNav li { padding: 0; margin: 0;  }

.blogNav li a { padding: 0 0 0 15px; width: 145px; display: block; }

.blogNav a.selected { color: #444; background: url(http://lambofgodnj.org/wp/images/bg_arrow.gif) 0 4px no-repeat; outline: none; }

.blogNav a.selected:hover { text-decoration: none; cursor: text; }

#home .headlines li { margin: 0 20px 0 0; padding: 8px 0; font-size: 12px; line-height: 18px; }


/* -------------------------------------------------------------------------- interior pages */



.post { margin: 0 0 20px 0; }

.googleCal { width: 97%; border: 15px solid #fff; }

.headlines { padding: 0; margin: 0; width: 100%; list-style-type: none;  border-bottom: 1px dotted #644214; }

.headlines li { margin: 0 20px 0 0; padding: 6px 0; font-size: 11px; line-height: 14px;}

.headlines li.more { border-bottom: none; font-size: 11px; }

.headlines li.more a { font-size: 11px; }

#sidebar .headlines { margin-bottom: 20px; }

.wrap-calendar { background: #ff7009 url() 0 0 repeat-x; }


/* -------------------------------------------------------------------------- utility */

.contentOff { display: none; }

.contentOn { display: block; }

.clear { clear: both; }

.icon { vertical-align: middle; margin: -3px 2px 0 2px; }

.inside { text-align: left; }

.shadow-left { background: transparent url(http://www.lambofgodnj.org/wp/images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -8px; left: -13px; z-index: 99; }

.shadow-right { background: transparent url(http://www.lambofgodnj.org/wp/images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -8px; right: -13px; z-index: 99; }

.hidden { display: none; }

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

.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; }   

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-family: "Futura", sans-serif; }

.required { color: #444; margin-top: 20px; }

.ddfmerrors { color: #930; font-size: 130%; }

.errorlist { color: #930; font-weight: bold; }

.submit { background-color: #646464; color: #fff; border: none; }

.submit:hover { background-color: #ff7009; cursor: pointer; border: none; }

.fmradio input { width: 12px; height: 12px; margin-right: 4px; border: none; }