/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 01 Jun 2008
*/
@import url("global.css");

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

body { background-color: #4B3C30; line-height: 22px; color: #555; }

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

h1 { color: #707d5f; }
h2 { margin: 0 0 10px 0; font-size: 20px; font-weight: normal; color: #707d5f; }
h2.special { padding: 0 0 10px 0; }
h3 { margin: 0 0 10px 0; font-size: 16px; text-transform: none; color: #707d5f; font-weight: normal; }
h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #777; }

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

a:link, a:visited, a:active { color: #326767; }
a:hover { color: #4B3C30; }
a[href^="http://lhcyouth.com"], a[href^="http://www.lhcyouth.com"], a[href^="http://www.flickr.com"], a[href^="http://twitter.com"], a.external img, a[href^="http"] img, #footer a { background: none; padding: 0; }

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

#globalNav { background-color: #4B3C30; position: relative; margin: 20px auto 5px auto; padding: 0; width: 951px; text-align: right; }
#container { position: relative; margin: 0 auto; padding: 0; width: 951px; background: #fefefe url(../../../images/bg_body.jpg) 0 0; border: 8px solid #fff; }
#masthead { position: relative; width: 100%; height: 220px; background: url(../../../images/bg_lines.png) 0 0 repeat-x; }
#main { position: relative; width: 451px; min-height: 500px; height: auto !important; height: 500px; float: left; padding: 10px 40px 40px 200px; background: url(../../../images/txt_purpose.png) 17px 5px no-repeat; }
#sidebar { position: relative; width: 220px; float: left; padding: 20px 20px 40px 20px; margin-top: -12px; }
#footer { padding: 30px 0; width: 100%; color: #fff; text-align: center; }

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

#footer a, #footer a:visited { }
#footer p { padding: 25px 0; margin: 0; font-size: 11px; }
#footer .credit { padding: 0; }
#footer a { color: #ccc; }

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

.logo { position: absolute; top: 112px; right: 35px; z-index; 2 }
.logo a { position: relative; width: 425px; height: 0px !important; display: block; background: url(../../../images/logo.png) top left no-repeat; overflow: hidden; padding: 115px 0 0 0; border: none; }

.nav { width: 180px; height: 194px; margin: 0; padding: 10px 10px 0 0; position: absolute; top: 0; left: 0; list-style-type: none; z-index: 2; background: url(../../../images/bg_nav.png) 0 0 repeat-x; }
.nav li { margin: 0 0 1px 0; padding: 0; text-align: right; width: 100%; display: block; position: relative; }
.nav a, .nav a:visited { display: block; width: ; border: none; color: #798560; font-size: 14px; text-transform: lowercase; }
.nav a:hover { text-decoration: none; color: #326767; }

.nav ul { display: none; width: 120px; position: absolute; top: 0; left: 190px; padding: 2px 0 2px 15px; margin: 0; z-index: 2; border: 4px solid #fff; border-left: none; background: url(../../../images/bg_nav.png) 0 0 repeat-x; }
.nav li li { float: none; list-style-type: none; margin: 0; padding: 0; width: 180px; text-align: left; }
.nav li li a, .nav li li a:visited { color: #4B3C30; font-weight: normal; }
.nav li li a:hover { text-decoration: none; color: #326767; }

/* -------------------------------------------------------------------------- sidebar */

.flickr { margin: 0 0 20px 0; }
.flickr img { margin: 4px; border: 4px solid #fff; float: left; width: 92px; height: 65px; }
.flickr img:hover { border: 4px solid #326767; }
.twitterWrap { }
.twitterWrap .twitterTitle { margin: 10px 0 5px 0; padding: 0 0 2px 2px; font-weight: bold; text-transform: lowercase; font-size: 12px; }
.twitter { margin: 0; padding: 0; list-style-type: none; }
.twitter li { margin: 0 0 6px 1px; padding: 0 15px 6px 0; line-height: 17px; color: #666; border-bottom: 1px dotted #ccc; }
.twitter span { display: block; margin: 0; }
.twitter a { display: none; }
.twitter abbr { width: 100%; display: block; color: #707d5f; border: none; }
.blogSort h3 { font-size: 18px; text-transform: none; letter-spacing: 0; color: #326767; margin: 15px 0 5px 0; }
.blogSort h3:hover { cursor: pointer; }
.headlines { margin: 0 0 20px 0; padding: 0; list-style: none; }
.headlines li { margin: 0; padding: 0; border-bottom: none; }
.blogSort { margin-bottom: 30px; }
.blogSort .headlines { margin-bottom: 0; }

/* -------------------------------------------------------------------------- interior stuff */

.googlecal { border: 10px solid #fff; }

.item { width:130px; margin:10px; float:left; text-align:center; }
.item p { margin:0; }
.item h3 { width:100%; text-transform:none; border:0; font-size:120%; padding:0; letter-spacing:0px; display:block; margin:5px 0 0 0; }
.postmetadata { color: #707d5f; font-size: 10px; border-top: 1px dotted #707d5f; border-bottom: 1px dotted #707d5f; padding: 1px 0 3px 0; margin: 15px 0 30px 0; }
.post { margin: 0 0 45px 0; }
.post img, .single img { margin: 25px; border: 4px solid #ccc; }
.navigation { margin: 20px 0; }
.navigation .alignleft { float: left; }
.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; }

.mugshot-single {	float: right; margin: -40px 0 20px 0; border: 4px solid #fff; }
.mugshot a { width: 120px; height: 0px !important; display: block; overflow: hidden; padding: 90px 0 0 0; border: 4px solid #fff; }
.mugshot a:hover { background-position: -120px 0; border: 4px solid #ccc; }

.bridgette a { background:url(../../../wp-content/uploads/2007/02/bridgette.jpg) }
.eileen a { background:url(../../../wp-content/uploads/2007/02/eileen.jpg) }
.jessica a { background:url(../../../wp-content/uploads/2007/02/jessica.jpg) }
.jimmy a { background:url(../../../wp-content/uploads/2007/02/jimmy.jpg) }
.ali a { background:url(../../../wp-content/uploads/2007/02/ali.jpg) }
.josh a { background:url(../../../wp-content/uploads/2007/02/josh.jpg) }
.john a { background:url(../../../wp-content/uploads/2007/02/john.jpg) }
.luke a { background:url(../../../wp-content/uploads/2007/02/luke.jpg) }
.karen a { background:url(../../../wp-content/uploads/2007/02/karen.jpg) }
.melanie a { background:url(../../../wp-content/uploads/2007/02/melanie.jpg) }
.william a { background:url(../../../wp-content/uploads/2007/02/william.jpg) }
.victoria a { background:url(../../../wp-content/uploads/2007/02/victoria.jpg) }
.debbie a { background:url(../../../wp-content/uploads/2007/04/debbie.jpg) }
.matt a { background:url(../../../wp-content/uploads/2007/05/matt.jpg) }
.stephanie a { background:url(../../../wp-content/uploads/2007/09/stephanie.jpg) }
.bill a { background:url(../../../wp-content/uploads/2007/09/bill.jpg) }
.jeff a { background:url(../../../wp-content/uploads/2007/12/jeff.jpg) }
.david a { background:url(../../../wp-content/uploads/2007/11/david.jpg) }
.ben a { background:url(../../../wp-content/uploads/2007/11/ben.jpg) }
.tim a { background:url(../../../wp-content/uploads/2007/11/tim.jpg) }
.lauren a { background:url(../../../wp-content/uploads/2007/10/lauren.jpg) }
.warren a { background:url(../../../wp-content/uploads/2007/11/warren.jpg) }
.gordon a { background:url(../../../wp-content/uploads/2007/09/gordon.jpg) }
.dave a { background:url(../../../wp-content/uploads/2007/09/dave.jpg) }
.ben a { background:url(../../../wp-content/uploads/2007/12/ben.jpg) }
.dane a { background:url(../../../wp-content/uploads/2008/01/dane.jpg) }
.kaye a { background:url(../../../wp-content/uploads/2008/03/kaye.jpg) }
.april a { background:url(../../../wp-content/uploads/2008/02/april.jpg) }
.susanna a { background:url(../../../wp-content/uploads/2008/03/susanna.jpg) }
.laura a { background:url(../../../wp-content/uploads/2008/05/laura.jpg) }
.mike a { background:url(../../../wp-content/uploads/2008/06/mike.jpg) }
.deb a { background:url(../../../wp-content/uploads/2009/01/deb.jpg) }
.colleen a { background:url(../../../wp-content/uploads/2009/01/colleen.jpg) }
.alex a { background:url(../../../wp-content/uploads/2009/01/alex.jpg) }
.brooke a { background:url(../../../wp-content/uploads/2009/01/brooke.jpg) }
.cass a { background:url(../../../wp-content/uploads/2009/01/cass.jpg) }
.jimmyd a { background:url(../../../wp-content/uploads/2009/01/jimmyd.jpg) }
.kelly a { background:url(../../../wp-content/uploads/2009/01/kelly.jpg) }
.leah a { background:url(../../../wp-content/uploads/2009/01/leah.jpg) }
.sam a { background:url(../../../wp-content/uploads/2009/01/sam.jpg) }
.goog a { background:url(../../../wp-content/uploads/2009/01/goog.jpg) }
.rogers a { background:url(../../../wp-content/uploads/2009/01/rogers.jpg) }
.victoriadew a { background:url(../../../wp-content/uploads/2009/01/victoriadew.jpg) }
.cod a { background:url(../../../wp-content/uploads/2009/01/cod.jpg) }
.warreng a { background:url(../../../wp-content/uploads/2009/01/warreng.jpg) }
.andrew a { background:url(../../../wp-content/uploads/2009/02/andrew.jpg) }
.dan a { background:url(../../../wp-content/uploads/2010/01/dan.jpg) }
.andrewk a { background:url(../../../wp-content/uploads/2010/01/andrewk.jpg) }
.emily a { background:url(../../../wp-content/uploads/2010/01/emily.jpg) }
.brooke a { background:url(../../../wp-content/uploads/2010/01/brooke.jpg) }
.dane a { background:url(../../../wp-content/uploads/2010/01/dane.jpg) }
.cass a { background:url(../../../wp-content/uploads/2010/01/cass.jpg) }


.hidden { display: none; }

.photosWrap { background-color: #eee; padding: 20px; }
.photosWrap a { margin: 4px; }
.photosWrap img { border: 4px solid #fff; }
.photosWrap img:hover { border: 4px solid #326767; }

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

label { font-size: 90%; text-transform: uppercase; display: block; margin: 20px 1px 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: 4px solid #eee; 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: #326767; color: #fff; border: none; }
.submit:hover { background-color: #4B3C30; cursor: pointer; border: none; }
.submit input { width: 100px; background-color: #326767; color: #fff; border: none; }
.submit input:hover { background-color: #4B3C30; cursor: pointer; border: none; }
.fmradio input { width: 12px; height: 12px; margin-right: 4px; border: none; }
.credits { display: none; }

.shadow-left-cont { background: transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 55px; left: -13px; z-index: 99; }
.shadow-right-cont { background: transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 55px; right: -13px; z-index: 99; }