/*
Theme Name: Be A Difference2
Theme URI: http://wordpress.org/
Description: The theme for Be A Difference.com.
Version: 3.0
Author: Scott Hunt
Author URI: http://www.huntmedia.ca

*/



/* Begin Typography & Colors */
html {min-height:100%}
body {
	font-size: 72.5%; /* Resets 1em to 10px */
	font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
	background: #F0F8F0 url(/images/bg2.jpg) repeat-x;
background: #fff url(/images/bg.gif) repeat-x;
	color: #333;
min-height:100%;
margin:0;
margin-bottom: 0 !important;
	}


.bodybg {background: #fff url(/images/bg.gif) repeat-x;}

.whiteborderbg {background: url(/images/white-bg.gif) top center no-repeat;}

.container {width: 980px; text-align:left; margin: 0 auto;}

img {border:0}

hr {border:0;height:0;border-bottom: 1px solid #aaa}

a {text-decoration:none;color:#057E08}
a:hover {text-decoration: none;color:black}

.homeheader {width:970px; height: 203px; overflow:hidden; background: url(/images/header.jpg) no-repeat; text-align:right}
.header {width:980px; height: 86px; overflow:hidden; background: url(/images/header.gif) no-repeat; margin-bottom: 6px}

.mainmenu {xfont-size: 140%; font-family: Arial; padding: 0; height: 33px; width: 980px; margin-bottom: 15px}
.xmenu li {list-style:none; display:inline; padding:0; margin:0}
.xmenu ul {padding:0;margin:0}
.pagemenu {font-size: 120%; float:right}
.pagemenu a {padding: 7px 9px 0 9px; height: 26px; display:block; float:left; width: auto; color: #f0f4f7}
.pagemenu a:hover {background: #51D73D; color: white}

.mainimagebox {width: 474px; min-height: 160px; max-height: 240px; overflow:hidden; background: black url(/images/featured-img-bg.jpg) no-repeat; text-align:left; border: 1px solid #888}
.mainimagebox img {margin:0 !important; max-width: 474px; height:auto !important}
.mainimagebox img.mainimage {float:left; width: 237px !important; height: auto !important}

.subimagebox {width: 130px; height: 95px; overflow:hidden; background: black; text-align:left; border: 1px solid #aaa; float:left; margin: 0 5px 5px 0}
div.subimagebox img {margin:0 !important; max-width: 150px !important; height: auto !important; max-height: 95px !important}
div.subimagebox img.subimage {float:left; width: 150px !important; height: auto !important; max-height: none !important}
.featuredpic {

}
div.nonprofitpic {max-height: 80px; overflow:hidden; text-align:center; margin-top: 2px}
div.nonprofitpic img {max-width: 160px !important; height: auto !important; max-height: 120px !important; margin: 0 !important; float:none !important}


.featuredpost {background: #ECE9E3 url(/images/curved-btm-beige-480.gif) bottom left no-repeat; padding: 2px 2px 14px 2px; float:left; margin-bottom: 15px}

.featuredcontent {padding: 5px 7px 0 7px}
.featuredcontent p {margin:0}

.featuredpost h2 {text-transform: capitalize}


.ideabox {xbackground: #F3F0E9 url(/images/curved-btm-beige.gif) bottom left no-repeat; padding: 7px 7px 20px 7px; margin-bottom: 15px;}
.ideapost {padding: 7px 0; clear:both}
.ideapost p {margin: 2px 0}
.ideaimg {float:left; width: 110px; height: 70px; background: black; border: 1px solid #999; overflow:hidden; margin: 0 4px 2px 0}
div.ideapost img {max-width:110px !important; height: auto !important; max-height: 140px; margin:0 !important}

a.ideamorelink {padding: 1px 3px; background: #E6A800; color: white; width: 10px; margin-left: 10px; font-size: 90%; font-weight: 600;
-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
a.ideamorelink:hover {background: black}

.ideasuggest {float:right; font-size: 85%}
.ideasuggest a {display:block; padding: 2px 3px; background: #75D361; color: white;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.ideasuggest a:hover {background: black}

div.blogimage img {max-width: 160px !important; height: auto !important; margin:0 !important; max-height: 200px}
.blogimage {width: 158px; max-height: 90px; overflow:hidden; margin-bottom:4px; border: 1px solid #999; background: black}

.shadowline {background: url(/images/shadow-line.gif) bottom left repeat-x; padding-bottom: 17px; margin-bottom:15px; float:left; min-width: 160px}
.shadowline p {margin: 1px 0}

.subheadline {margin-bottom: 17px; padding-bottom: 19px}

.followlinks img {text-align:center; margin: 0 1px}
li.widget_text {padding:0 !important; margin:0 !important; width:auto !important}
.textwidget {padding:0 !important; margin:0 !important; width:auto !important}

.sidebar {float:left; width:312px; padding: 20px; padding-top: 10px;}
.sidebar ul {padding:0 !important; margin:0 !important; width:312px !important;}
.sidebar li {list-style:none; padding:0 !important; margin:0 !important; width: 312px !important; padding-bottom: 4px !important}
.sidebar li.widget {padding: 15px 0 !important}
.sidebarbg {background: white; margin: 0}

/* Headings */
h1,h2,h3,h4,h5,h6
{
    font-family: Georgia, Arial, "Lucida Grande", Georgia,"times new roman",times,serif;
	font-weight: 500;
	margin: 0 0 2px 0;
color: #405B99;
color: #246584;
line-height: 100%;
text-align: left;
padding: 0;
text-transform: capitalize;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #405B99}

h1 {font-size: 265%}
h2 {font-size: 250%}
h3 {font-size: 200%}
h4 {font-size: 135%}
h5 {font-size: 125%}
h6 {font-size: 110%}

h2.widgettitle {font-size: 160% !important;}

h2.widgettitle a.rsswidget img {float:right}



.postboxplain h1 {font-size: 220%}
.postboxplain h2 {font-size: 200%}
.postboxplain h3 {font-size: 180%}

.ideabox h3 {font-size: 170%}
.col-2 h3 {font-size: 160%}
.col-3 h3 {font-size: 165%}
.col-1 h3 {font-size: 190%}

.clear {clear:both}

.block {display:block}
.hidden {display:none}

.bold {font-weight:bold}
.thin {font-weight:normal}

.black {color:black}

.dashed {border-style:dashed}
.dotted {border-style:dotted}

.bordertop {border-top: 1px solid #c5c4c1}
.border {border: 1px solid #bbb}

/* LAYOUT */


/* Sets up basic grid floating and margin. */

.column, .col-1, .col-2, .col-3, .col-4, .span1-2, .span1-3, .span1-4, .span2-3, .span2-4, .span3-4 {
  float: left;
clear:right;
  padding-right: 10px;
xpadding-top: 15px;
margin-left: 10px;
overflow:hidden;
background:white;
}
.col-2 p, .col-3 p {margin: 2px 0}

.column1-2 {width: 490px; overflow:hidden; float:left}
.column1-3 {width: 670px; overflow:hidden; float:left;}

.postcontent {text-align:justify; padding: 20px 20px 20px 30px}
.postcontent img {max-width: 550px !important; height: auto !important}
.postcontent input, .postcontent textarea {max-width:550px !important}

.postcontent div.entry h1, .postcontent div.entry h2, .postcontent div.entry h3, .postcontent div.entry h4 {margin-top: 12px}
.postcontent div.entry ul {margin: 10px 0}

/* The last column in a row needs this class. */
.last, div.last { padding-right: 0; }

/* Use these classes to set the width of a column. */
.col-1  { width: 300px; margin-left: 0}
.col-2  { width: 160px; }
.col-3  { width: 160px; }
.col-4  { width: 300px; padding-right: 0;}


.col-1 img, .col-4 img {max-width:300px !important; height:auto !important}
.col-2 img, .col-3 img {max-width:160px !important; height:auto !important}

.span1-2 {width: 480px; margin-left:0}
.span1-3 {width: 670px; margin-left:0}
.span1-4 {width: 980px; margin: 0}

.span2-3 {width: 340px}
.span2-4 {width: 660px; padding-right: 0}

.span3-4 {width: 480px; padding-right:0}

/* Border on right hand side of a column. */
.borderright {
  border-right: 1px solid #eee;
padding-right: 9px;
}
.borderrightnopad {border-right: 1px solid #eee}

.hi25 {min-height: 25px}
.hi50 {min-height: 50px}
.hi80 {min-height: 80px}
.hi90 {min-height: 90px}
.hi100 {min-height: 100px}
.hi125 {min-height: 125px}
.hi135 {min-height: 135px}
.hi140 {min-height: 140px}
.hi150 {min-height: 150px}
.hi175 {min-height: 175px}
.hi200 {min-height: 200px}
.hi225 {min-height: 225px}
.hi250 {min-height: 250px}
.hi260 {min-height: 260px}
.hi275 {min-height: 275px}
.hi300 {min-height: 300px}

.wi100 {max-width: 100px}
.wi150 {max-width: 150px}
.wi200 {max-width: 200px}
.wi250 {max-width: 250px}
.wi300 {max-width:300px}

.font85 {font-size: 85%}
.font90 {font-size: 90%}
.font105 {font-size: 105%}
.font110 {font-size: 110%}
.font115 {font-size: 115%}
.font120 {font-size: 120%}
.font130 {font-size: 130%}
.font140 {font-size: 140%}

.grey {color: #999}

.nopadding {padding:0 !important}
.nopadbot {padding-bottom:0}
.nopadtop {padding-top:0}
.nopadleft {padding-left:0}
.nopadright {padding-right:0}

.paddedbox2 {padding: 2px}
.paddedbox5 {padding: 5px}
.paddedbox10 {padding: 10px}
.paddedbox15 {padding: 15px}
.paddedbox25 {padding: 25px}

.pad10top {padding-top: 10px}
.pad10right {padding-right: 10px}
.pad10bot {padding-bottom: 10px}
.pad10left {padding-left: 10px}

.pad9right {padding-right:9px}

.pad2top {padding-top: 2px}
.pad2right {padding-right: 2px}
.pad2bot {padding-bottom: 2px}
.pad2left {padding-left: 2px}

.pad5top {padding-top: 5px}
.pad5right {padding-right: 5px}
.pad5bot {padding-bottom: 5px !important}
.pad5left {padding-left: 5px}

.pad15top {padding-top: 15px}
.pad15right {padding-right: 15px}
.pad15bot {padding-bottom: 15px}
.pad15left {padding-left: 15px}

.pad25top {padding-top: 25px}
.pad25right {padding-right: 25px}
.pad25bot {padding-bottom: 25px}
.pad25left {padding-left: 25px}

.padbot41 {padding-bottom:41px !important}

.nomargin {margin:0}
.nomarginbot {margin-bottom:0}
.nomargintop {margin-top:0}
.nomarginleft {margin-left:0}
.nomarginright {margin-right:0}

.margin2top {margin-top: 2px}
.margin2right {margin-right: 2px}
.margin2bot {margin-bottom: 2px}
.margin2left {margin-left: 2px}

.margin5top {margin-top: 5px}
.margin5right {margin-right: 5px}
.margin5bot {margin-bottom: 5px}
.margin5left {margin-left: 5px}

.margin7top {margin-top: 7px}
.margin7right {margin-right: 7px}
.margin7bot {margin-bottom: 7px}
.margin7left {margin-left: 7px}

.margin10top {margin-top: 10px}
.margin10right {margin-right: 10px}
.margin10bot {margin-bottom: 10px}
.margin10left {margin-left: 10px}

.margin30top {margin-top: 30px}
.margin30right {margin-right: 30px}
.margin30bot {margin-bottom: 30px}
.margin30left {margin-left: 30px}

.margin2 {margin: 2px}
.margin5 {margin: 5px}
.margin10 {margin: 10px}

.right {text-align: right}
.left {text-align: left}
.center {text-align: center}

.floatleft, .alignleft {float:left}
.floatright, .alignright {float:right}
.alignleft, .alignright {clear:both}
.alignleft {margin: 10px 10px 10px 0 !important}
.alignright {margin: 10px 0px 10px 10px !important}

.vertmiddle {vertical-align:middle}

.headerbar {height:134px; text-align:center; background: white url(/images/header-bg.gif) repeat-x}


.searchbar {width: 240px; height: 23px; color: white; float:right; margin: 20px 20px 0 0; clear:both}
.searchbar img {float:left;margin:0}
.searchform {display:inline}
.searchinput {border:0;margin:0;background:none; background: url(/images/search-bg.png) repeat-x; height:19px; width:136px; padding: 4px 4px 0 4px; float:left; color:white}
.searchsubmit {border:0;padding:0;margin:0;background:none; width:24px; height:23px; background: url(/images/search-glass.png) no-repeat; float:left}

.mainnav {margin-top: 67px; float:right; height:37px; width: 960px; font-family: Arial; letter-spacing: 0.05em}
.mainnav a {display:block; float:right; height:28px; padding: 9px 9px 0 9px; background: url(/images/mainnav-bg.png) repeat-x; color:white; margin-left: 1px; font-size: 13px}
.mainnav a:hover {background: url(/images/mainnav-bg.png) 0px -37px repeat-x; text-decoration:none}
.mainnav li {list-style:none;padding:none;margin:none}




.footer {padding: 25px 30px; background: #539EB3; text-align: center; float:left; clear:both; width: 920px; color: #F7F5F0; border-top: 6px solid #246584;}
.footer a {color:white}
.footer a:hover {text-decoration:underline}


#sidebar ul {padding:0;margin:0}
li.widget {list-style:none;padding:5px 15px 35px 15px;width:270px;margin-bottom:15px;float:left}
li.widget li {list-style:none; padding:3px 0}
.justshadow {padding: 0 0 6px 0 !important; width:300px !important}
.gradbox {padding:5px 15px 35px 15px; background:url(/images/grad-bot1.png) left bottom repeat-x}
li.widget h2 {font-size: 150%; color:#851000}
h2.widgettitle {margin-bottom: 5px}

.twitterbubble {padding:0 15px; width:209px; margin:0;background: url(/images/twitter-bg.png) repeat-y}
.twitterbubble li {list-style:none;padding:none;margin:none}

.postmetadata {color:#650000;text-transform:uppercase}

.commentbubble {
	background: url(/images/comment-bubble.gif) center left no-repeat;
padding-left: 15px;
}

.selected {font-weight:bold; background: #d5d4d1; padding-top: 5px; padding-bottom: 5px}


.boxbg1 {background: url(/images/grad-top1.png) 0px -30px repeat-x}

#todays-events li {color:white}
#todays-events span {color:black !important}
#todays-events span.calnk a {border:0 !important; padding-left: 15px; background: url(/images/orange-box.png) left center no-repeat;}

.navigation {text-align:right; clear:both; padding: 15px 0; border-top: 1px solid #ddd; margin: 10px 0 15px 0; font-size: 110%}

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:0; clear:both; display:block; height: 25px; padding-top: 7px; border-bottom: 1px solid #aaa}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#E4E4E3; border:1px solid #ccc; color:#444; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#2C3B49 !important; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#67CD47 !important; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


.paginatehome .wp-paginate {border-width: 1px 0 0 0; border-top: 1px solid #aaa !important; padding-top: 12px}

.loginbox {padding: 20px; width: 250px; border: 1px solid #ddd; margin-top: 30px}
.loginbox h2 {margin-bottom: 10px}
.loginbox .avatar_container {float:left; margin: 5px}
.loginbox li {list-style:none}

#sharethis_0 {background: none}
a.stbutton {padding-left: 15px !important; background: url(/images/share-icon.png) 0px 3px no-repeat}

.sharesite img {opacity: .7 !important;
	-moz-opacity: .7 !important;
	filter: alpha(opacity=70) !important;}
.sharesite img:hover {	opacity: 1 !important;
	-moz-opacity: 1 !important;
	filter: alpha(opacity=100) !important;}

.plantspace {width: 150px; height: 110px !important; float:left; clear:both}

#events-list div {clear:both; float:left; width:312px; margin: 1px 0 !important; border-bottom: 1px solid #67CD47; background: #67CD47;}
#events-list strong {padding: 3px 6px; width: 45px; color:white; float:left; font-weight:normal;}
#events-list a {float:left; display:block; padding: 3px 6px; width:243px; color: #444420; background: white}
#events-list a:hover {color:white; background:#67CD47}
#events-list div:hover {background: #444420}

li.highlights {list-style:none; font-size: 125%}
.highlights a {display:block; color: #405B99; padding: 4px 0; line-height: 100%}
.highlights a:hover {color:black}



.author {text-transform:uppercase}

.commentbox {background: url(/images/commentbox-bg.png) repeat-y; width: 312px; margin-bottom: 4px}
.commentboxcontent {padding: 0 8px}

.pageshadow {max-width: 980px; text-align:left; background: url(/images/shadow.png) 970px 163px no-repeat}

.comment-body {padding: 15px 0 10px 0; border-bottom: 1px dashed #405B99}
ol.commentlist li {list-style:none; padding:0; margin:0}
ol.commentlist {padding:0}

.sectiontitle {font-size: 90%; text-transform: uppercase; margin-bottom: 3px; font-family: Arial}

/*-------------------------------------------------
  Drop Down Menu
-------------------------------------------------*/

#dd {
margin: 0px;
padding: 0;
font-family: Arial, Verdana;
}

#dd div {float: left; height: 33px; padding: 0; margin: 0;}
#dd div:hover {background: #246584;}

#dl {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 115%;
}

#dl a.menu {
display: block;
  text-align: left;
padding: 6px 9px 0 9px; 
height: 27px;
color: #fff;
  text-decoration: none;
}

#dl a.menu:hover {
color: #fff;
cursor:default;
}


#dl a.menu2 {
display: block;
  text-align: left;
  padding-left: 13px;
  color: #2e5d72;
  min-width: 157px;
  text-decoration: none;
background: #F6F5F3;
border-bottom: 1px solid #ccc;
}

#dl a.menu2:hover {
background: #fff;
color: black;
}

.submenu {

background: #F6F5F3;
  border: 1px solid #628093;
border-width: 0 1px 1px 1px;
  visibility: hidden;
  position: absolute;
min-width: 175px;
  z-index: 3;
}

.submenu br {display:none !important; margin:0 !important; padding:0; height:0 !important}

.submenu a {

  display: block;
  font-size: 95%;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2e5d72;
border-bottom: 1px solid #efefea;
}

.submenu a:hover {background: white}

.cursorlink {cursor:pointer !important}

#sidebar li.widget_rss, #sidebar li.widget_betterrsswidget {background: url(/images/shadow-line.gif) bottom left repeat-x; padding:0; margin:0; padding-bottom: 17px; margin-bottom:15px; float:left}
#sidebar li.widget_rss li, #sidebar li.widget_betterrsswidget li {list-style:none; padding-bottom: 4px}


.christianvolunteering {color: #829D58; padding: 4px; padding-top: 32px; background: url(http://www.beadifference.com/images/christian-volunteering.gif) 0px 4px no-repeat}
.christianvolunteering select {background: #F3F7Ed; border: 0; width: 150px}
.christianvolunteering option {width: 150px}
.christianvolunteering strong {padding-top: 3px}
.christianvolunteering input {background: #F3F7Ed; border: 0}
.christianvolunteering input[type="text"] {margin-top: 2px; border-bottom: 1px solid #cca}
.christianvolunteering input[type="checkbox"] {background: white}
.christianvolunteering input[type="submit"] {background: #82AD58; color: white; margin-top: 2px; 	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}


.searchbar {width: 240px; height: 23px; float:right; margin: 10px 0 0 0; clear:both}
.searchbar img {float:left;margin:0}
.searchform {display:inline}
.searchinput {border:0;margin:0;background:none; background: white; height:19px; width:176px; padding: 4px 4px 0 4px; float:left; color:black}
.searchsubmit {border:0;padding:0;margin:0;background:none; width:31px; height:23px; background: url(/images/search-magnifier.png) no-repeat; float:left; cursor:pointer}

.linklist a {display:block; padding: 3px 0 3px 10px; color: #357; background: url(/images/bull-circle.png) 0px 7px no-repeat}
.linklist a:hover {color:#078E04}
.linklist-green a {display:block; padding: 3px 0 3px 9px; background: url(/images/bull-arrow.png) 0px 7px no-repeat}

.editlink {float:right;}
.editlink a {display:block; xborder: 1px solid #bbb; xpadding: 2px 3px; font-size:82.5%; background: url(/images/edit-spark.png) no-repeat; width:18px; height:18px; overflow:hidden; color:transparent; text-indent: 20px}
.editlink a:hover {background: url(/images/edit-spark.png) 0px -18px no-repeat}

.relatedposts {margin-bottom: 15px}

.shrinkheaders h1, .shrinkheaders h2, .shrinkheaders h3, .shrinkheaders h4 {font-size: 120%; font-family: Verdana; font-weight: 500; margin-top: 3px}

.wp-caption {font-size: 90%; color: #555}

#sharethis_0 {background: none}
a.stbutton {padding-left: 15px !important; background: url(/images/share-icon.png) 0px 3px no-repeat}

.getinvolved {padding: 10px 15px 15px 15px; border: 1px solid #ccc; background: #F3F0E9; text-align:left; margin: 15px 10px}

.addtoany_subscribe img{border:0;}

.avatar {float:left; margin: 0 15px 10px 0}
.avatar img {width: 32px; height: auto}

#fb-user {height: auto !important; margin: 10px 0; padding: 15px !important; float:left; width: 580px}
#fb-user img {max-width: 75px !important; height: auto !important; margin: 3px 10px 10px 5px}

li.comment {padding: 15px 0 !important; border-bottom: 1px dotted #ccc}
ul.children {padding-left: 20px}
ul.children li.comment {background: #f7f6f3; padding: 12px 15px !important; border-top: 1px dotted #ddd}
.reply {text-align:right; font-size: 82.5%; margin: 5px 0; height: 25px}
.reply a {float:right; padding: 3px 4px; background: #f3f2f0; border: 1px solid #efeeeb; margin-left: 2px}
.reply a:hover {background: #75D361; border-color: #75D361; color: white}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
body div#toolTip p em div {display:none}