/* SITE-SPECIFIC STYLES
-------------------------------------- */

a:link { color: #039; }
a:visited { color: #636; }
a:hover { color: #090; }

/* Narrow primary content column for roomier right margin */
#primary { width: 445px; margin-right: 30px; }

.small { font-size: 80%; line-height: 1; }
.light { color: #666; }

body { min-width: 1000px; }
#header { border-bottom: 2px solid black; margin: 21px 0; }

#logo {  }
#logo h1 { font-weight: normal; line-height: 1; }

#header p { margin:  10px 0 0 0; }

#amount-raised { padding-top: 1em; }
#amount-raised .thumbs img { float: left; margin-right: 15px; margin-bottom: 10px; }
#amount-raised em { font-size: 90%; font-style: normal; color: #666; }
/*
#progress { display: block; padding-left: 80px; background: transparent url('http://chart.apis.google.com/chart?cht=p&chd=t:94,6&chs=80x80') no-repeat -10px -10px; }
*/
#progress-meter { display: block; float: left; margin-right: 15px; }
#progress strong { display: block; font-size: 250%; }
#progress strong.longhand { display: block; font-size: 150%; line-height: 2; padding-top: 0.4em; }

/* #raised-amt { color: #090; } */

ul.no-bullets { list-style-type: none; }
ul.no-bullets {  }

#nav ul {  list-style: none outside; font-size: 120%; margin-top: 0.5em; line-height: 3; }
#nav li { margin-left: 0;  border-bottom: 1px solid #CCC;  }
#nav a:link, 
#nav a:visited { text-decoration: none; }
#nav .facebook { line-height: 1.3; padding: 0.8em 0; border-bottom: 0; }
#nav .facebook span { color: #666; font-size: 80%; line-height: 1; }
.icon { position: relative; top: 2px; padding-right: 0.2em }

#primary {  }
.intro { font-size: 150%; margin-top: 0.7em; }
.category-photos div { display: block; float: left; width: 140px; margin-right: 10px; margin-bottom: 20px; }
.category-photos dt { position: absolute; margin-top: 105px; }
.category-photos dd { display: block; float: left; }
.category-photos div.omega { margin-right: 0; }


#secondary { margin-top: 0.9em; }
#secondary h3 { border-bottom: 1px solid #000; padding-bottom: 0.4em; }
dt {  }
dd {  }
.box { padding: 1em; }
#budget { background-color: #EFEFEA; margin-bottom: 2em; }
#budget h4 { margin-bottom: 0.5em; }
.chart {  }
.bar { float: left; padding: 0.2em 0; height: 1.3em; overflow: visible; }
.bar strong { color: #EEE; }
.bar span { display: block; clear: both; }
.red.bar { background-color: #C00; border-right: 1px solid #EEE; }
.grey.bar { text-align: right; background-color: #999; } /* background: #999 url('../images/bg-budget-slices-tile-notrans.png') repeat-y top right; */
.bar strong { padding: 0 1em; }
.red.bar .bar-label,
.grey.bar .bar-label { margin-top: 0.3em; } 
/* .grey.bar .bar-label { position: relative; top: 1.8em; } */
.chart p { display: block; text-align: right; font-size: 85%; position: relative; top: -4.4em; }
#budget h5 { clear: both; margin-top: 2em; }
#salary-input,
#salary-output { display: block; float: left; }
#salary-input { width: 240px; margin-right: 20px; }
#salary-table { float: left; margin-right: 20px; }
#salary-column,
#share-column { width: 117px; margin-right: 20px; }
#salary-table tbody td { font-size: 18px; font-weight: bold; text-align: right; padding: 0.3em 1em 0.2em; border-bottom: 1px solid #CCC; }
#salary-table thead td { padding-bottom: 0.5em; border-bottom: 2px solid #CCC; }
#share-label { padding-left: 15px; }
#salary-input strong,
#salary-output strong { display: block; clear: both; font-size: 200%; }
#salary-input input { font-size: 100%; text-align: right; margin-left: 0.3em; width: 60%; height: 27px; padding-top: 5px; }
#controls { display: block; float: right; margin: -2.6em 2em 0 0; background: transparent url('/templates/images/bg-controls.png') no-repeat top left; width: 20px; height: 40px; clear: none; font-size: 60%; } 
#controls a { display: block; width: 20px; height: 20px; padding-left: 4px; margin-top: -1px; } 
#salary-output {  }
#spending-counter,
#spending-counter-rounded,
#salary-output strong,
.share-value { color: #C00; }
#salary-calc #salary-explanation { margin-bottom: 0; padding-top: 1em; clear: both; }
#salary-index #salary-explanation { padding-top: 0; }


.buttons dt, 
.buttons dt a,
.or,
.field dt { display: block; float: left; clear: both; height: 45px; width: 140px; margin-bottom: 15px; }
.buttons a,
#submit-link { font-size: 30px; color: #CCC; background: transparent url('/templates/images/bg-contribute-buttons-sprite-trans.png') no-repeat left top; text-align: center; padding-top: 5px; float: left; }
#secondary dd { display: block; float: right; width: 140px; color:#666; padding-top: 1em; }
.buttons a:link,
.buttons a:hover,
.buttons a:visited { color: #FFF; text-decoration: none; }
.buttons b { font-weight: normal; }
.buttons dt sup { font-size: 24px; margin-left: -5px; padding-right: 5px; position: relative; top:-2px; }
#user-partial-fraction { padding-left: 5px; }
#secondary dd sup { padding: 0 1px 0 5px; font-size: 80%; position: relative; top:-0.1em; }
#secondary dd sub { padding: 0 2px; padding-left: 2px; font-size: 80%; }
#button-1 a { background-position: left top; }
#button-2 a { background-position: left -50px; }
#button-3 a { background-position: left -100px; }
#button-4 a { background-position: left -150px; }
#submit-link { background-position: left -200px; font-size: 12px; height: 33px; width: 140px; line-height: 2; color: #FFF; text-decoration: none; margin-bottom: 2em; }
#button-1 a:hover { background-position: -140px top; }
#button-2 a:hover { background-position: -140px -50px; }
#button-3 a:hover { background-position: -140px -100px; }
#button-4 a:hover { background-position: -140px -150px; }
#submit-link:hover { background-position: -140px -200px; }
.or { text-align: center; margin-top: 15px; height: auto; }
#secondary .field dd { padding-top: 2.5em; padding-bottom: 2em; }
#user-entered-amount { width: 105px; margin: 5px 0 10px 0; padding: 5px 10px 0 20px; font-size: 30px; text-align: right; background: transparent url('/templates/images/bg-form-field-dollar-sign-grey.png') no-repeat 5px center; }
/*
#user-entered label { width: 300px; outline: 1px solid yellow; }
*/

#recalculate a { position: relative; left: 1.25em; }

.sources p { margin-bottom: 0; }

/*
#TAF .same-width { display: block; float: left; clear: both; width: 140px; }
*/
#TAF textarea { width: 97%; padding: 5px; }
#TAF input[type="text"] { width: 200px; margin-bottom: 0.2em; }
#TAF label { line-height: 1.85;  }
.taf-addresses { display: block; float: left; width: 210px; margin-right: 20px; }


#footer { font-size: 80%; border-top: 1px solid black; padding: 1.5em 0; margin-top: 1em; }
#footer .omega { text-align: right; }
#footer p { margin-bottom: 0.2em; }
#footer .counter-holder,
#header .counter-holder { color: #666; }
#header .counter-holder { font-size: 80%; }
#footer a.facebook { padding: 4px 20px 0 0; background: transparent url('/templates/images/icon-facebook.gif') no-repeat right top; }
#footer #spending-counter { font-size: larger  }

/* #afsc-logo img { position:relative; top:-2em; left:90px; } */

#afsc-logo img {
position: absolute;
margin-left: 1.4em;
margin-top: -0.5em;
padding-bottom: 2em;
}