/*
Theme Name: Back a Buddy
Description:
Version: 1.0
Author: Flow Communications
Date: August 2009
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {color:#84BD56;outline:none;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
p,ul,ol {font-size:13px; line-height:1.4em; margin-bottom:12px;} 
a {line-height:15px;}

a:link {outline:none; text-decoration:none;} 
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

li a:link {}
.item li a {text-decoration:none;}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-family: Arial, "Trebuchet MS", Trebuchet, "Lucida Grande", sans-serif; font-weight:normal; margin-bottom:0.5em; line-height:1.3em;}

h1, h1 a {font-size:24px;}
h2, h2 a {font-size:18px;}
h3, h3 a {font-size:16px; font-weight:bold;}
h4, h4 a {font-size:14px; font-weight:bold;}
.boxtable h2 {color:#84BD56; font-weight:bold;}

.user-message {color:#aaa;}

.threecol .browse-btn-item {width: 33%; float: left;}
.twocol .browse-btn-item {width: 50%; float: left;}

#main ul {list-style:disc; padding-left: 20px; }
/* BODY
-----------------------------------*/
html, body {height:100%;}
body {background:url('/theme/images/bgstrip.jpg') repeat-x fixed;font:13px Arial, "Trebuchet MS", Trebuchet, "Lucida Grande", sans-serif;color:#2d98c6;}

/* BASE
-----------------------------------*/
#container {margin:0 auto; width:960px; background-color:#fff; border:5px solid #fdd00e; border-top:0px !important;}

#header {background:url('/theme/images/header.jpg') no-repeat; width:960; height:138px;position:relative;}
#header.champion {background:url('/theme/images/header8.jpg'); }
#header.charity {background:url('/theme/images/header11.jpg') ;}
#header.donate {background:url('/theme/images/header9.jpg') ;}
#header.event {background:url('/theme/images/header1.jpg') ;}
#header.blog {background:url('/theme/images/header5.jpg') ;}
#header.resources {background:url('/theme/images/header6.jpg') ;}
#header.general {background:url('/theme/images/header13.jpg') ;}


/*
#fund-counter {position:absolute;background: url('../images/funds-counter.png') no-repeat;width:165px;height:57px;right:10px;top:20px;text-align:right;}
.fund-counter-inner  {padding:7px 3px 7px 10px;font-size:21px;font-weight:bold;text-align:left;}
*/

#fund-counter {position:absolute;right:10px;top:20px;display:inline;}
#fund-counter span {
font-size:11px;
line-height:10px;
}

#fund-counter p {text-align:right;}

#fund-counter2 {position:absolute;right:10px;top:65px;display:inline;}
#fund-counter2 span {
font-size:9px;
line-height:10px;
}

#fund-counter2 p {text-align:right; font-size:10px;}

.fc-left {background: url('/theme/images/funds-counter-left.png') no-repeat left;height:37px;width:38px;float:left;}
.fc-mid {background: url('/theme/images/funds-counter-mid.png') repeat-x ;height:37px;float:left;font-size:21px;font-weight:bold;padding:6px 0px 0px 0px;}
.fc-right {background: url('/theme/images/funds-counter-right.png') no-repeat right;height:37px;width:12px;float:left;}

#content {padding:10px 0;}
#footer {background: #258AB6 url('/theme/images/footerstrip.jpg') repeat-x;width:960px; text-align:center; padding-top:35px; color:white;}
#footer p  {color:#fff; font-size:13px;}
#footer {}
#footer a  {color:#fff; text-decoration: underline;}

.floatleft {float:left;}
.floatright {float:right;}
.aligncenter {text-align:center;}


#main {width:640px; float:left;}
#sidebar {width:300px;float:left; display: inline;}

#blogfeed {min-height:323px;}

/* BOXES AND CONTAINERS
-----------------------------------*/

.onecol {width:280px; padding:10px; float:left; margin:0 10px; margin-bottom:20px;display: inline;}
.twocol {width:600px; padding:10px; float:left; margin:0 10px; margin-bottom:20px;display: inline;}
.threecol {width:920px; padding:10px; margin-bottom:20px;}

.onecol {background: url('/theme/images/boxstrip-300.jpg') repeat-y;}
.twocol {background: url('/theme/images/boxstrip-620.jpg') repeat-y;}
.threecol {background: #258AB6 repeat-y;}

.onecol.boxstrip.yellow {background: url('/theme/images/boxstrip-300yellow.jpg') right;}
.onecol.boxstrip.green {background: url('/theme/images/boxstrip-300green.jpg') right;}
.onecol.boxstrip.blue {background: url('/theme/images/boxstrip-300blue.jpg') right;}

.twocol.boxstrip.yellow {background: url('/theme/images/boxstrip-620yellow.jpg') right;}
.twocol.boxstrip.green {background: url('/theme/images/boxstrip-620green.jpg') right;}
.twocol.boxstrip.blue {background: url('/theme/images/boxstrip-620blue.jpg') right;}

.threecol.boxstrip.yellow {background: url('/theme/images/boxstrip-300yellow.jpg') right;}
.threecol.boxstrip.green {background: url('/theme/images/boxstrip-940green.jpg') right;}
.threecol.boxstrip.blue {background: url('/theme/images/boxstrip-940blue.jpg') right;}
.threecol.boxstrip.blue, .threecol.boxstrip.green {margin-left:10px;}



.inner {background:white; padding:10px;}

.divider {margin-bottom: 30px;}
.divider .onecol, .divider .twocol, .divider .threecol {margin-bottom: 0px; }

/* NAVIGATION
-----------------------------------*/
#primarynav {padding-top:138px;}
#primarynav li {float:left;font-size:16px;width:100px;margin:0;padding:0;text-align:center;}
#primarynav li {}
#primarynav .home  {padding-left:30px;}
#primarynav li a {color:#fff; text-decoration:none;display:block;height:20px;background:url(btn-bg.jpg) repeat 0 0;}
#primarynav li a:hover {text-decoration:underline;background-position:200px 0;}

/* FRONT PAGE
-----------------------------------*/

.fp .inner {padding:10px;margin-top:10px;}
.fp .nomargin {margin-top:0px;}
#submit_btnyellow, #searchyellow {background-color: #fdd835; border: solid 1px #fdd835; color: #2d98c6;}
#submit_btnblue, #searchblue {background-color:#3399c5;border:solid 1px #3399c5;color:#fff;}
#submit_btnyellow , #submit_btnblue {padding:1px 10px;}
#searchyellow, #searchblue {padding:1px 21px;}

 
#champion a, #donate a, #charity a {width:260px;height:42px;display:block;}
#champion  a:hover, #donate a:hover, #charity a:hover {background-position:0 -42px;} 

#charity a {background: url('../images/registercharity_buttons.jpg') ;}
#donate a {background: url('../images/makedonation_buttons.jpg') ;}
#champion a {background: url('../images/fundraise_button.jpg') ;}

#blogfeed li {margin-bottom: 5px;}

/* EVENTS
-------------------------------------*/
.featuredevents td {padding-bottom:20px;border-bottom:1px solid #dfdfdf;}

/* profile page */

.event-privacy {font-weight:bold;}
.event-avatar {float:right; margin-left:10px;}

/* sidebar */
.metadata {font-weight:bold; font-size:11px;}



 
/* BROWSE/LISTING PAGES
------------------------------------*/

#browse-box .browse-item img {float: left; padding-bottom:10px;}
#browse-box .browse-item {/*border-bottom:1px solid #D2E0EE;*/ margin-bottom:10px; padding-bottom:10px;}
#browse-box .browse-item p, #browse-box .browse-item h3 {margin-left:135px}

#browse-box.featured-events {}

#browse-box.small-browse .browse-item p, #browse-box.small-browse .browse-item h3 {margin-left:85px}

.browse-category {text-transform:uppercase; display:block; margin-bottom:10px; color:#F5C21B;}

#sb-featuredchamp h2 {font-size:16px; font-weight:bold; margin-bottom: 3px;}

#sb-featuredchamp h4 {margin-bottom: 0px;}


/* PROFILE PAGES
------------------------------------*/
.avatars {clear:both;margin-bottom:10px;}
.avatarpic {float:left;margin-right:15px; border:1px solid #EEE !important;}
.avatars a {font-weight:bold;}

#main ul.profilespecs  {list-style:none; padding-left:0;}
.profilespecs {padding:10px 0px;font-size:14px;}
.profilespecs td {padding:5px}


table td.green, tr, th, tbody {background-color: white;}

/*td.green {color:#84BD56;}*/

#donate-barometer {text-align:center;padding-bottom:20px; position: relative; width:100px; height:169px; margin:0 auto;}
#donate-barometer .full {float:left; background: url(/theme/images/barometer.jpg) bottom no-repeat; width:100px; height:126px; position: absolute; bottom:10px; left:0;}
#donate-barometer .empty {float:left; background: url(/theme/images/barometer_empty.jpg) bottom no-repeat;width:100px; height:169px; position: absolute; bottom:0; left:0;}

.login-submit {background-color:#3399c5;color:#fff;padding:2px 20px;border:none;cursor: pointer;}

.graphic-submit {background-color:#3399c5;color:#fff;padding:2px 20px;border:none; cursor: pointer;}


#donate-btn a {margin:0 auto;}

span.funds {font-weight: bold; color: #56A681;}
#sb-championdonations h4 {margin-bottom:0px;}
#sb-championdonations span.funds {margin-bottom:6px;}

#sb-championdonations h3, #sb-championdonations h4, #sb-championdonations span.funds {text-align: center; display:block;}

/*donations table*/
#donationstable table {padding-bottom:10px;}
#donationstable th {text-align:left; font-size:14px;padding:0px 0px 10px 0px;}
#donationstable th {color:#84BD56;}
#donationstable tr.odd {background-color:#EFEFEF;}
#donationstable td {padding:5px;}
#donationstable td.green {color:#84BD56;}

/* sidebar boxes */

.specs {font-size:12px; font-weight:bold; color:#000;margin-bottom:0px;}
.specsdescription {font-size:10px;}

.cname {font-size:16px;}


/* REGISTRATION
------------------------------------*/
.primelisting {margin:20px 0;}
.primelisting td {border-collapse:collapse;padding:7px 5px 15px 5px;}
.primelisting .option {border-bottom:1px solid;}
.categorylist {padding:15px 10px;width:200px;}


/* BLOG
------------------------------------*/
.blog .specs {font-size:12px;margin-bottom:10px;}
.blog-comment {margin-bottom:10px; padding:0 10px;}
.blog .odd {background-color:#D5E8C5;}

.blog-item {margin-bottom:15px;}

/* IMAGES
------------------------------------*/
.photofloatright {float:right; padding:0 0 10px 10px;}
.photofloatleft {float:left; padding:8px 10px  10px 0px;}

/* BUTTONS
------------------------------------*/

#login-btn {display:block;background-color:#FCD00D; padding: 0px 0px;color:#2d98c6; font-weight:bold; position: absolute; top:0; right: 0; width: 80px;}
#login-btn a {}

#account-btn {display:block;background-color:#FCD00D;padding: 0px 0px;color:#2d98c6; font-weight:bold; float:right; position: absolute; top:0; right: 80px;}
#account-btn.current {background-color:#3BBCEF;}
#account-btn a {}

#security-btn, #browse-btn, #browse-btn-champs {float:left;margin-top:10px;}

#browse-btn a {width:45px;height:52px; display:block;background: url('../images/btn-browse.jpg');}
#browse-btn a:hover {background-position:0 -52px;}

#browse-btn-champs a {width:45px;height:51px;display:block;background: url('../images/btn-browse-champs.jpg') ;}
#browse-btn-champs a:hover {background-position:0 -51px;}

#security-btn a {background: url('../images/btn-lock.jpg') ;width:47px;height:63px;display:block;}
#security-btn a:hover {background-position: 0 -63px;}

.btn-span {margin:-9999px;}
.btn-text {float:left;}
.btn-text {width:180px; padding:10px 10px 0 10px;}
.padright {padding-right:80px;}

#create-btn .btn-span, .button-rb .btn-span {display: block; margin:0px; height: 50px; line-height: 50px; text-align: center; color: white; font-size: 24px;}

#register-btn, #create-btn, .button-rb a {margin-left:48px;}
#register-btn a, #create-btn a, .button-rb a {width:164px;height:50px;display:block;background: url('../images/btn-register.jpg') ;}
#register-btn a {background: url('../images/btn-register.jpg') ;}
#create-btn a, .button-rb a {background: url('../images/btn-create.jpg') ;}
#register-btn a:hover, #create-btn a:hover, .button-rb a:hover {background-position:0 -150px;}

#donate-btn a {width:75px;height:23px;background: url('../images/btn-donate75.jpg') no-repeat left top;display:block;}
#donate-btn a:hover {background-position: left bottom}
#donate-btn a.pay-btn {background-image: url('../images/btn-pay75.jpg');}

.submit {background-color:#3399c5;color:#fff;padding:2px 20px;border:none;}
.button-rb {float: left;}
.button-rb a {margin-left: 0}
.inline.note {display: block; margin: 0px 0 0 0px;}

#eft {font-size: 13px;}
/* FORMS
---------------------------------------*/
.dropdown {margin-left:145px;}
.dropdowntitle {margin-left:175px;}

/* donate */

.amount_select {padding:10px 10px;}
.amount_select li {padding:5px 0px; display: block; margin: 5px 0; width: 100%;}  
.amount_select label {font-size:18px;}
.donate-confirm {margin-bottom:20px;}
.donate-details {color:#000;padding:10px 5px;font-weight:bold;}
h2.form {background: #258AB6; font-weight:bold; color: #fff; padding:4px 8px;}


/* TABLE PROFILES
-------------------------------*/
td.fundtarget {text-decoration:underline;font-weight:bold;}

/* Main browse/search table */


table.normal {border:1px solid #DDD; border-collapse:collapse}
table.normal td {border:1px solid #DDD; padding:5px;}
table.normal th {border:1px solid #DDD; padding:5px;}
table.normal tr.alt {background: #EFEFEF}

#associatedprojects .open {}
#associatedprojects .closed {color:#AAA}
#associatedprojects .closed a {color:#AAA}

#catnav {}
#catnav li {font-size:14px; /*margin-bottom:5px;*/ }
#catnav li ul {margin-top:10px; }

#catnav li a {display:block; padding:5px; width: 200px;}
#catnav li a:hover {background-color:#F5D478; text-decoration: none;}
#catnav a.current {color:#2d98c6; background-color:#F5C21B;}


ul.normal {list-style:disc;}
ul.normal li {margin-left:20px; list-style:disc;}

.call-action {font-size: 18px; font-weight: bold;}

/* action points */

.actionpoints {list-style:disc;}
.actionpoints li {font-size:20px; margin-bottom:20px; margin-left:20px;}


/* ACTIVITY FEED
-----------------------------------*/
table#activity-feed td {border-bottom: 1px solid #ccc; padding:4px; vertical-align: top; font-size:12px;}
table#activity-feed tr {}
table#activity-feed thead {font-weight:bold; font-size:13px;}

tr.champion span {display:block; height:100%; background: #F4BE1D; color: white; text-transform: uppercase; font-weight: bold; font-size: 10px; padding: 3px 5px; text-align:right;}
tr.charity span {display:block; background: #278CBA; color: white; text-transform: uppercase; font-weight: bold; font-size: 10px; padding: 3px 5px; text-align:right;}
tr.event span {display:block; background: #84BD56; color: white; text-transform: uppercase; font-weight: bold; font-size: 10px; padding: 3px 5px; text-align:right;}
tr.project span {display:block; background: #C4C72E; color: white; text-transform: uppercase; font-weight: bold; font-size: 10px; padding: 3px 5px; text-align:right;}
tr.donation span {display:block; height:100%; background: #56A681; color: white; text-transform: uppercase; font-weight: bold; font-size: 10px; padding: 3px 5px; text-align:right;}

td.action {color:#999999; font-size:11px; padding-top:6px; text-align:right; white-space:nowrap;}
td.date {color:#333; font-size:11px; padding-top:6px; text-align:right; white-space:nowrap;}


/*table {padding-bottom:20px;}
th {text-align:left; font-size:16px;padding:0px 0px 10px 0px;}
.boxtable th {color:#84BD56;}
.boxtable tr.odd {background-color:#D5E8C5;}
td {padding:3px;}
td.green {color:#84BD56;}*/

#form-heading {background: #258AB6; font-weight:bold; color: #fff; padding:8px 8px; margin-bottom:10px;}
#form-heading span {padding-left:60px;}

form.normalform {font-size: 14px; width:100%;}
form.normalform label { font-weight:bold;}
form.normalform ul.amount-selection label {font-weight: normal; font-size: 12px;}
form.normalform ul.amount-selection li {display: block; width: 100%;}
label span {color:red; margin-left:2px;}

form.normalform ul, div.normalform ol {list-style:none !important; margin:0 !important; padding:0 !important;}

form.normalform fieldset {border: 0; background: #fff;}
form.normalform h2 {background: #258AB6; font-weight:bold; color: #fff; padding:4px 8px;}

form.normalform textarea {width: 370px;}

form.normalform fieldset {margin-bottom: 10px; }
form.normalform legend {padding: 0 2px; font-weight: bold; }
form.normalform label.text {display: inline-block;  vertical-align: top; }
form.normalform fieldset ol {margin: 0;  padding: 0; }
form.normalform fieldset li {list-style: none; padding: 5px; margin: 0; display: block;}

form.normalform em {font-weight: bold; font-style: normal; color: #f00; }
label.text {width: 150px; /* Width of labels */ }

fieldset.radio-fieldset {margin-bottom: 6px;}

input.submit {}

span.submit-input {display:block; text-align:right;}

.normalform input.text-input, .normalform textarea.text-input { background-color:#FFFFFF; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; color:#333333; font-size:14px; font-weight:bold; line-height:18px; padding:4px; }

input.inputimage {border:medium none; margin-bottom:0; padding-bottom:0; vertical-align:-12px; cursor:pointer;}



/* LOGIN BAR */

#loginbar {position:absolute; top:0; right:20px; width:200px;}
#loginbar li {float:right;}


/* ASSOCIATED PROJECTS/CHAMPIONS FEED */

#main .mainitem ul {list-style:none; padding-left:0;}

.mainitem {width:186px; float:left; margin-left:10px; min-height:200px;}
.mainitem img {width:186px}

.mainitem-meta {}
.mainitem-meta .projectname {font-size:12px; font-weight:bold;}
.mainitem-meta .champname  {font-size:11px;}
.mainitem-meta .date {}
.mainitem-meta .event {font-size:10px;}


.first {margin-left:0 !important;}

/* BREADCRUMB */
#breadcrumb {}
#breadcrumb ul {margin-bottom:0;}
#breadcrumb ul li {float:left; margin-left:10px; font-size:10px;}


/* DONATE */
.note {font-size:11px; display:block; color:#aaa; height: 20px;}

.confirmmessage {font-size:20px;}
.confirmmessage strong {color:#84B161;}

/*Edit Back End Access*/
.back-end-edit{ width:auto; background:#258AB6; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; margin:0 auto; text-align:center;}
.back-end-edit a { color:#FFF;}


#events-feed li span {font-size: 11px; display: block;}
#events-feed li {padding-bottom: 5px;}

.wrapper {background:white; padding:10px;}
.boxstrip {}
#modalsearch {margin-bottom:10px;}
#modalsearch .boxstrip {background:none !important; padding:0; margin:0; width:250px; text-align:left;}
#modalsearch .inner {padding:0;} 


/* FORM VALIDATION */
label.error {display:block; color:red; font-size:12px !important; clear:both !important; margin-top:5px;}
input.error {background-color:#FFDFDF;}

#featured-image { width: 620px; margin: 0 10px; display: block;}
#featured-image #holder {position: absolute; width: 620px;}
#featured-image #ribbon {color: #FFF; background: url('../images/ribbon.png') no-repeat; position: absolute; right: -24px; top: -22px; width: 148px; height: 184px; text-align: center;}
#featured-image #ribbon span {line-height: 140px; font-size: 17px; margin: 0 0 0 -6px; display: block; font-family: "Arial Narrow", Arial, serif;}
#featured-image #caption {background: url('../images/caption.png') repeat transparent; font-size: 14px; color: #FFF; position: relative; top: -80px; height: 80px; width: 100%; display: block;}
* html #featured-image #caption  {background-image: url('../images/caption.gif');}
#featured-image #caption p {font-size: 15px; padding: 7px;}
#intro {width: 300px; margin: 0 10px;}


a.big_green_btn {background: url('../images/big_green_button.jpg') no-repeat top center; color: #FFF; height: 75px; padding:10px; display: block; text-align: center; line-height: 75px; font-size: 20px;}
a:hover.big_green_btn {background-position: bottom center; text-decoration: none;}

a#create_project {background: url('../images/create_button.jpg') no-repeat top center; color: #FFF; height: 76px; padding:10px; display: block; text-align: center; line-height: 75px; font-size: 20px;}
a#create_project span {margin-left: -999999px;}
a:hover#create_project {background-position: bottom center; text-decoration: none;}

#finder {}
#finder h2 {margin-bottom: 0;}
#finder .find {margin-top: 10px;}
#finder form  {}
#finder input {height: 25px;}
#finder input.keywords {width: 225px; float: left; margin: 7px;}
#finder input#friend-go, #finder input#charity-go{margin-top: 10px;}