/*   



Author: Vesper Stamper (vespersongs@hotmail.com)



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



Date: November 2009



*/



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



body { margin: 0; padding: 0; -moz-opacity: .999; }


html, body, #wrap { min-height: 100%; width: 100%; height: 100%; }


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-top: 0px; margin-right: 20; margin-bottom: 0px; margin-left: 20; }



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





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


body { font-family: "Cooper", "American Typewriter", Courier, "Cochin", Georgia, sans serif; font-size: 14pt; line-height: 18px; }



#container, #main font { font-family: "Cooper", "American Typewriter", Courier, "Cochin", Georgia, sans serif; font-size: 14px; line-height: 18px; color: #000000; letter-spacing:.1em;}



#sidebar .headlines { font-size: 12px; color:#ffffff;}



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



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



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



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



a:link, a:visited, a:active { color: #b32300; 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: #b32300; }



#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: "Cooper", "American Typewriter", Courier, "Cochin", Georgia, sans serif;  font-weight: bold; }



h1 {font-size: 24px; line-height: 30px; margin: 5px 0 15px 0; letter-spacing: 2px; text-transform: uppercase;  color: #000000;}



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



h2 { font-size: 24px;  line-height: 30px; margin: 5px 0 15px 0; letter-spacing: 2px; text-transform: uppercase;  color: #b32300;}



h2.sectionHead { font-size: 30px; margin: 5px 0 15px 0; letter-spacing: 2px; text-transform: uppercase; color: #000000;}



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



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



h4 { font-size: 18px; color: #000000; letter-spacing: 2px; margin: 5px 0 5px 0; text-transform: uppercase; border-bottom: 1px dotted #b32300; }


#sidebar h3 { border-bottom: none; margin-bottom: 0; color: #000000; font-style:normal;}

#promoPix h4 { border-bottom: none; color: #ffffff;}

#sidebar a { border-bottom: none; margin-bottom: 0; color: #B6D7E9; font-style:normal;}



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



.nav { position: absolute; list-style-type: none; z-index: 999; margin: 0px; padding: 0px; width:2000px; height:83px; background-color:#CB680C; float: left;}



.nav li { font-family: "Cooper", "American Typewriter", Courier, "Cochin", Georgia, 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; margin: 0px; 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 { position: relative; border: none; margin: 0; padding: 0; float: right;}



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

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


#container { position: relative; margin: 0 auto; width: 800px; height: auto; padding: 0; }


#homeMain { position: absolute; padding:0px; float: left; z-index: 2; margin: 0px; text-align:left; background:url(http://www.benandvesper.com/wp-content/themes/benandvesper/images/bg_home1.jpg); background-repeat:no-repeat; width:826px;} 


#main { position: absolute; width: 600px; float: left; z-index: 2; margin: 82px 0 0 0; padding: 10px; text-align:left; background-color: #ffffff; /*border: 2px solid #0F81B7;*/ } 


#seeMain { position: absolute; width: 400px; float: left; z-index: 2; margin: 82px 0 0 0; padding: 10px; text-align:left; background-color: #ffffff; /*border: 2px solid #0F81B7;*/ } 

#promoPix { position: absolute; width: 170px; float: left; z-index: 2; margin: 100px 0 0 475px; padding: 5px; text-align:center; background-color: #6DCFF6; border: 2px dashed #1D9625; } 

#promoVid { position: absolute; width: 170px; float: left; z-index: 2; margin: 450px 0 0 475px; padding: 5px; text-align:center; background-color: #6DCFF6; border: 2px dashed #1D9625; } 


#main2 { position: absolute; width: 670px; float: right; z-index: 2; margin: 84px 0 200px 3px; padding: 10px; text-align:left; background-color: #ffffff; } 


.home {/*background:url(http://www.benandvesper.com/wp-content/themes/benandvesper/images/home.jpg); background-repeat:no-repeat;*/} 



.know {background:url (http://www.benandvesper.com/wp-content/themes/benandvesper/images/bg_know.jpg); background-repeat:repeat-y;} 



.see {background:url (http://www.benandvesper.com/wp-content/themes/benandvesper/images/bg_see.jpg); background-repeat:repeat-y;} 



.hear {background:url (http://www.benandvesper.com/wp-content/themes/benandvesper/images/bg_hear.jpg); background-repeat:repeat-y; } 



.love {background:url (http://www.benandvesper.com/wp-content/themes/benandvesper/images/bg_love.jpg); background-repeat:repeat-y; background-position: 86px 0 0 0; } 


.news {background:url (http://www.benandvesper.com/wp-content/themes/benandvesper/images/bg_news.jpg); background-repeat:repeat; background-position: 86px 0 0 0; } 



#homeNews {position: absolute; margin-left:600px; margin-top:450px; background-repeat:no-repeat; text-align:center; font-weight:bold; font-size:12pt;}

#homeBlurb {position: relative; padding-left:10px; margin-top:450px; width:500px; }


#sidebar { position: absolute; width: 200px; height:350px; float: right; border: 2px dashed #1D9625; background-color:#cc0000; margin-top: 82px; margin-left:700px; padding: 5px;}

#datesnewsBox { position: absolute; width: 200px; height:200px; float: right; border: 2px dashed #1D9625; background-color:#cc0000; margin-top: 150px; margin-left:726px; padding: 5px;}


#contactBox { position: absolute; width: 200px; height:350px; float: right; border: 2px dashed #1D9625; background-color:#F29B18; margin-top: 450px; margin-left:700px; padding: 5px;}


#footer { position: fixed; bottom: 0; padding: 0 0 0 150px; width: 100%; height: 60px; font-family: "Cooper", "American Typewriter", Courier, "Cochin", Georgia, sans serif; font-size: 12px; background-color: #1D9625; color: #ffffff; text-align: center; vertical-align: top; margin-top: 0px; margin-bottom: 0px; z-index: 999;}



.foot { padding-left: 20px; padding-top:10px; float:left;}



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



#leftRail {float:left; width:200px; 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:200px; /*margin-right: 0px;*/ position:relative; background-image: url(http://www.vespersongs.com/contempsample/images/h_10.jpg);}



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



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



.photoRight { float: right; margin: 5px; padding: 0; border: 2px dashed #1D9625; }



.photoLeft { float: left; margin: 5px; padding: 0; border: 2px dashed #1D9625; }


.thumbs { position: absolute; z-index: 999; float: right; margin-top: 90px; margin-left:625px; }


.floatRight { float: right; }


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





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





/* -------------------------------------------------------------------------- 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; }   



input, textarea { width: 50px; border: 1px solid #ccc; padding: 3px; color: #444; }



input:focus, textarea:focus, select:focus { background-color: #ffc; }



textarea { width: 400px; height: 200px; font-family: "Cooper", sans-serif; }



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



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



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



.submit { width: 50px; background-color: #b6cbc8; color: #000; border: none; }



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



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