/*   

Author: Vesper Stamper (vespersongs@hotmail.com)

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

Date: January 2011

*/


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



h1 { font-size: 12px; color: #999; line-height: 30px; margin: 5px 0 15px 0;  }



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



h2 { font-size: 16px; color: #999; margin: 5px 0 15px 0; letter-spacing: 2px;  }



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



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



h3 { font-size: 12px; color: #000; letter-spacing: 2px; margin: 5px 0 5px 0; border-bottom: 1px dotted #999; }



h4 { font-size: 12px; color: #000; letter-spacing: 2px; margin: 5px 0 5px 0; }



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




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



.nav { padding: 0; position: absolute; list-style-type: none; text-align: left; z-index: 3; margin-top: 550px; margin-right: 0; margin-bottom: 0; margin-left: 20px; }



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



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



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



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

#main { position: absolute; width: 500px; z-index: 2; float: left; margin: 150px 0px 0px 220px ; padding: 10px; border: none; background: #ffffff;}

#postmain { position: absolute; width: 500px; z-index: 2; float: left; margin: 150px 0px 0px 220px ; padding: 10px; border: none; background: #ffffff;}

#main2 { position: absolute; width: 600px; z-index: 2; float:right; margin: 150px 0px 0px 750px; padding: 10px; border: none; }

#about { position: absolute; width: 500px; z-index: 2; float: left; margin: 150px 0px 0px 220px ; padding: 10px; border: none; background: #ffffff;}

#sidebar { position: absolute; width: 200px; z-index: 2; float: left; margin: 150px 0px 0px 850px ; padding: 10px; border: none; background: #ffffff;}

#upper-right { position: absolute; width: 200px; z-index: 2; float: right; margin: 0px 0px 0px 850px ; padding: 0px; border: none; background: #ffffff; text-align: center; }

#embellish { position: absolute; width: 500px; z-index: 2; float: right; margin: 0px 0px 0px 1100px ; padding: 0px; border: none; background: #ffffff; text-align: center; }

#footer { position: fixed; bottom: 0; padding: 10px; width: 100%; font-family: "Futura", sans-serif; font-size: 10px; color: #000; text-align: left; background-color: #fff; vertical-align: bottom; margin-bottom: 0px; margin-left: 20px; z-index: 999;}

#footer a { color: #999; text-decoration: underline;}

.formIndent { margin-left: 200px; }



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



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



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



.floatRight { float: right; /*border: 4px solid #000;*/ margin: 5px; padding: 0; }



.floatLeft { float: left; /*border: 4px solid #000;*/ margin: 5px; padding: 0; }



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



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



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