/*
Theme Name: Welcoming America
Theme URI: http://welcomingamerica.org/
Description: Building a Nation of Neighbors. 
Version: 1.0
Author: Adam Chew
Author URI: http://adamchew.com/
*/

/* Adam new */
#mission-slideshow-container {
	padding-bottom:220px;
}

/* ---------- Adam's hacks ----------- */
body {
	margin:0;
	padding: 0;
	font-size: 80%; 
	font-family: Arial, Helvetica, sans-serif;
	background: #BCCACF;
	color: #595959;
	text-align: center;
	line-height:1.4em;
}
	
#backgroundholder {
background: url(../images/background.gif) repeat-x #BCCACF;
background-image: url(../images/background.jpg);
background-repeat: repeat-x;
background-color: #BCCACF;
}

#page {
	background-color:#FFF;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background-image:url(../images/background_middle.jpg);
	background-repeat:repeat-y;
	}

#header {
	background: #FFF url(../images/background_top.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	height: 215px;
	width: 980px;
	position:relative;
	z-index: 4000;
	}
	
#topleft {
	position:absolute;
	top:50px;
	left:42px;
	height:127px;
	width:306px;
}
#logo {
	float:left;
}

#top-nav {
	background: url(../images/dotline.gif) no-repeat;
	background-position:20px 24px;
	position:absolute;
	top:114px;
	right:40px;
	font-size:0.9em;
	text-transform:uppercase;
}

#top-nav ul {
padding: 3px 0 8px 0;
margin: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #CCC;
text-align:right;
  overflow: hidden;   /* to enclose the float children */

}
#top-nav li {
	margin:0;
	padding:0;
	display: inline;
}
#top-nav li a {
text-decoration: none;
color: #457E7F;
padding: 0 0.15em 0 2em;
	margin:0;
}
#top-nav li a:hover {
color: #1F505F;
background:none;
}

#top-nav .red {
	color:#900;
}
#newsletter {
	background: url(../images/newsletter.jpg) no-repeat top center;
	padding:25px 11px 0 9px;
	position:absolute;
	top:0;
	left:775px;
	width:148px;
	height:97px;
	text-align: center;
}

#newsletter-field {
	padding:0;
	text-align:left; 
	float:left;
	vertical-align:top;
	margin:0;
	height:18px
}
#newsletter-go {
	padding:0 0 0 0px;
	text-align:right; 
	float:right;
	vertical-align:top;
}

#search {
	position:absolute;
	left:772px;
	top:147px;
	width:172px;
	height:20px;
	text-align: center;
	margin:0;
}
#search-button {
	padding:0;
	text-align:right; 
	float:right;
	vertical-align:top;
}
#form-container {
	clear:both;
	padding:4px;
	vertical-align:top;
	margin:0;
	height:18px;
}
#form-container-find {
	clear:both;
	padding: 45px 25px 0 25px;
	vertical-align:top;
	margin:0;
	height:18px;
}
input.emailbox {
	background-color:#FFF;
	border: #999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 134px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.zipbox {
	background-color:#FFF;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 98px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.findzip {
	background-color:#FFF;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 58px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.searchbox {
	background-color:#FFF;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 125px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.signup {
	background-color:#FFF;
	border: #999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 200px;
	padding:1px 0 0 4px;
	text-align:left;
}
input {
	background:url(../images/background_input.gif) top left;
}

#container ul {
	margin:10px;
	padding:0;
}
#container li {
	margin:10px;
	padding:0;
}

#sidebar-box {
	border:#CCC solid 1px;
	margin:0 0 20px 0;
}
#slideshow-box {
	position:relative;
	border: #999 solid 1px;
	margin:0 0 20px 0;
	padding:10px;
	background:url(../images/slide_background.jpg) repeat-x top left;
	width:475px;
	height:180px;
	font-weight:bold;
	font-size:1.2em;
}
#slideshow-photo {
	width:240px;
	text-align:center;
}
#slideshow-photo img {
	max-width:240px;
	max-height:180px;
}
#slideshow-text {
	width:215px;
}
#slideshow-text p {
	margin:0 0 10px -4px;
	line-height:1.3em;
}

#slidecontrol-container {
	position:absolute;
	width: 220px;
	height:19px;
	top:152px;
	left:265px;
}
#slidecontrol {
	list-style:none;
	margin:0;
}
#slidecontrol li {
	float:left;
}
#slidecontrol a {
  display: block;
  text-indent: -10000px;
  position: absolute;
  outline: none;
}
#slidecontrol a:hover {
  background-position: left bottom;
}
#slidecontrol .slide-play {
	background:url(../images/slide_play.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:0px;
}
#slidecontrol .slide-1 {
	background:url(../images/slide_1.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:22px;
}
#slidecontrol .slide-2 {
	background:url(../images/slide_2.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:44px;
}
#slidecontrol .slide-3 {
	background:url(../images/slide_3.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:66px;
}
#slidecontrol .slide-4 {
	background:url(../images/slide_4.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:88px;
}
#slidecontrol .slide-5 {
	background:url(../images/slide_5.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:110px;
}
#slidecontrol .slide-6 {
	background:url(../images/slide_6.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:132px;
}
#slidecontrol .slide-7 {
	background:url(../images/slide_7.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:154px;
}
#slidecontrol .slide-8 {
	background:url(../images/slide_8.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:176px;
}
#slidecontrol .slide-9 {
	background:url(../images/slide_9.gif) top right no-repeat;
	height:19px;
	width:19px;
	left:198px;
}

#mission {
	width:190px;
	text-align:right;
	font-size:0.9em;
	line-height:1.5em;
	margin-top:-3px;
}

#sidebar1-skinny .shelbyville-logo {
    margin-top: 30px;
}

#sidebar1-skinny .friendsofwelcoming {
    text-align: center;
    margin-bottom: 30px;
    width: 180px;
}

#sidebar1-skinny .friendsofwelcoming span, #sidebar1-skinny .contentbox .heading {
    text-transform: uppercase;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #8E181A;
    font-size: 0.9em;
    font-weight: bold;
}
#sidebar1-skinny .contentbox {
    margin: 12px 0pt;
    width: 180px;
}
#findcampaigns {
	height:135px;
	width:100%;
	background:url(../images/findcampaigns.gif) no-repeat top left;
	text-align:center;
	padding:0 0 0 0;
}
#findcampaigns-field {
	padding:0;
	text-align:left; 
	float:left;
	vertical-align:top;
	margin:0;
	height:18px
}
#findcampaigns-find {
	padding:0 0 0 0px;
	text-align:right; 
	float:right;
	vertical-align:top;
	margin:0;
}

#findcampaigns span {
    color: #59595b;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1em;
    font-style: italic;
}
.intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#1F505F;
	font-style:italic;
	font-weight:bold;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	display:block;
}
.clearleft { 
	clear:left;
}
.clearright { 
	clear:right;
}
/*#container img, #container img a {
	border:#999 solid 1px;
	padding:2px;
}*/

.date {
	color: #333;
	font-size:0.8em;
}
.tags {
	font-size:0.9em;
	padding-top:5px;
	clear:left;
}

.caption {
	padding:4px 5px 10px 5px;
	font-weight:bold;
	font-size:0.9em;
	width:306px;
}

.list-plus {
	background:url(../images/list-plus.gif) 0 .4em no-repeat;
	/*list-style:url(../images/list-plus.gif) outside !important;*/
	padding:0 0 0 8px !important;
}
.list-minus {
	background:url(../images/list-minus.gif) 0 .4em no-repeat;
	/*list-style:url(../images/list-plus.gif) outside !important;*/
	padding:0 0 0 8px !important;
}



/* ----------Lucy's hacks ----------- */





#dropmenu li.page-item-20 a {
	color: #900;
}	
#dropmenu li.page-item-20 a:hover {
	color: #1F505F;
}	

.sidebar-widget-area {
	margin: 0 0 20px 0;
}



/* Begin Typography & Colors */

p {
	margin:5px 0 5px 0;
}
.author {
	color:#036;
	font-size:0.8em;
	font-weight:bold;
	margin:5px 0 5px 0;
	text-decoration:none;
}
.author a {
	color:#457E7F;
	text-decoration:none;
}
.author a:hover {
	color: #1F505F;
	text-decoration:none;
}
hr {
	border:none;
	padding:0 0 2px 0;
	margin:0 0 12px 0;
	background:url(../images/dotline.gif) bottom center repeat-x;
}

.facebook {
	background:url(../images/icon_facebook.gif) no-repeat top left;
}
.affiliates {
	background:url(../images/icon_affiliates.gif) no-repeat top left;
}
.rss {
	background:url(../images/icon_feed.gif) no-repeat top left;
}
.more-link {
	font-style: italic;
	font-weight:bold;
}
.back {
	font-weight:bold;
	padding-left:10px;
	background:url(../images/icon_back.gif) no-repeat 0.3em left;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #777;
	}


/* End Typography & Colors */



/*	Begin Headers */

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:left !important;
}
h2, h3, h4, h5, h6 {
	text-align:left !important;
}
h1 {
	text-align:center !important;
}
h6 {
	color: #286462;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	font-weight:bold;
	margin:9px 0 5px 0;
	padding-top:2px;
}
h5 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:normal;
	margin:9px 0 5px 0;
	padding-top:2px;
}
h4 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin:9px 0 5px 0;
	color:#333;
	padding-top:2px;
}
h3 {
	font-size:1.5em;
	line-height:1.4em;
	margin:9px 0 5px 0;
	padding-top:2px;
	text-align: center;
}
h2 {
	font-size:1.9em;
	line-height:1.4em;
	color: #930;
	margin:9px 0 2px 0;
	padding-top:5px;
}	
	
h1 {
	font-size: 2.8em;
	text-align: left;
}
	
h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

/* End Headers */

/* Begin Links */
a, h2 a:hover, h3 a:hover {
	color: #457E7F;
	text-decoration: underline;
}
a:hover {
	color: #1F505F;
	text-decoration: none;
}
a:visited {
	color:#1F505F;
}
h2 a, h3 a, h4 a, h5 a {
	color: #1F505F;
	text-decoration:none;
}
h3 a, h4 a, h5 a {
	color: #1F505F;
	text-decoration:none;
}
h2 a:hover {
	color: #457E7F;
	text-decoration:none;
}	
/* End Links */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	
	}
a img,:link img,:visited img { border:none; }

#container a:hover img {/*
	border: #036 solid 1px !important;*/
	background:none !important;
}
img.border-none { border:none !important; }

#container a:hover img.border-none { border:none !important; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	margin: 0 0 2px 13px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	margin: 0 13px 2px 0;
	display: inline;
	}

.alignright {
	margin:4px;
	float: right;
	}

.alignleft {
	margin:4px;
	float: left;
	}
/* End Images */


/* Begin Structure */

.post {
	/*border-bottom:#CCC dotted 2px;*/
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}

.clear {
	clear: both;
}

div.wrapper {
width: 100%;
overflow: hidden;
}



/* End Structure */



/* ------------ Begin two column layout ----------------- */
.twoColFixRt #container { 
	width: 900px;  
	margin: 0 auto; 
	text-align: left;
	padding: 0 40px 0 40px;
}

.twoColFixRt #sidebar1-skinny {
	float: right;
	width: 163px;
}
.twoColFixRt #sidebar1-skinny li {
	list-style:none;
	padding:0 0 0 20px;
	margin:6px 0 6px 0;
}
.twoColFixRt #sidebar1-skinny ul {
	list-style:none;
	padding:0 0 0 0px;
	margin:6px 0 6px 0;
}
.twoColFixRt #sidebar1-skinny li a {
	text-decoration:none;
}
.twoColFixRt #sidebar1-skinny li a:hover {
	text-decoration: underline;
}
.twoColFixRt #mainContent-wide {  /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	margin: 0 193px 0 0;
}
.twoColFixRt #mainContent-wide h1 {
	background:url(../images/titletab-orange-764px.gif) no-repeat;
	width:764px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
	height:18px;
}

/* ------------ End two column layout ----------------- */

/* ------------ Begin one column layout ----------------- */
.oneColFix #container { 
	width: 938px;  
	margin: 0 auto; 
	text-align: left;
	padding: 0 21px 0 21px;
}
.oneColFix #mainContent {
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
.oneColFix #mainContent h1 {
	background:url(../images/titletab-orange-938px.gif) no-repeat;
	width:938px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.oneColFix .right-col { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
	width:444px;
}
.oneColFix .left-col { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	width:444px;
}
/* ------------ End one column layout ----------------- */

#fow-signup {
    padding-left: 40px;
}

#fow-signup .about {
    float: left;
    width: 619px;
    padding-right: 20px;
}

#fow-signup .signup {
    float: left;
    border: 1px solid #C0D5CF;
    width: 240px;
    background: #E7ECEC;
    padding: 12px 9px;
}

#fow-signup .signup .signup-heading {
    margin: 0pt 0pt 20px 0pt;
}

#fow-signup .signup .email {
    width: 200px;
}

#fow-signup .signup .action {
    margin-top: 5px;
}

/* begin Footer */
#footer {
	margin: 0 auto;
	width: 960px;
	clear: both;
	color:#666;
	font-size:.8em;
	padding: 15px 10px 25px 10px;
	height:100px;
	}
#footer_background {
	width: 980px;
	background-image:url(../images/background_bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
	height:10px;
	}
#footer-bottom {
		background: #CCC url(../images/dotline.gif) repeat-x top center;
		background-color:#E7ECEC;
		width:960px;
		height:100px;
		padding:0;
		margin:0;
}
#footer-nav {
		background: url(../images/dotline.gif) repeat-x top center;
}
#footer-nav ul {
padding: 5px;
margin: 0;
list-style-type: none;
color: #FFF;
width: 938px;
font-family: Arial, Helvetica, sans-serif;
font-size:1.3em;
text-align: center;
font-weight:normal;
color: #CCC;
}
#footer-nav li { 
	display: inline;
}
#footer-nav li a {
text-decoration: none;
color: #457E7F;
padding: 0 2.5em 0 2.5em;
}
#footer-nav li a:hover {
color: #1F505F;
background:none;
}
#footer-left {
	padding:15px 0 0 0;
	float:left;
	width:464px;
}
#footer-left .copyright {
	float:left;
	width:347px;
	padding:0 10px 0 30px;
}

#footer-right {
	padding: 5px 0 0 0;
	float:right;
	width:464px;
}

#footer-right .contact {
	float:right;
	width:257px;
	padding:5px 10px 0 10px;
	
}
/* End Footer */


.sidebar-links{
	padding-left: 15px;
}


.entry p {
margin-bottom: 18px;
}

.entry ol {
margin-bottom: 22px;
}

/**** Styles for the Friends of Welcoming pages ****/
.wa_profile_photo {
    overflow: hidden;
    text-align: left;
}

.pp_small {
    width: 50px;
    height: 50px;
}

.pp_normal {
    width: 100px;
    height: 100px;
}

#userprofile .box {
    float:left;
    border: 2px solid #999999;
    padding: 12px;
    width: 300px;
    overflow: hidden;
    margin-right: 12px;
}

#userprofile .boxheading {
    margin-bottom: 12px;
    padding-top: 14px;
}

#userprofile .boxheading .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.5em;
}

#userprofile .boxheading .wa_profile_photo, #userprofile .boxheading .title_image {
    float:left;
    margin-right: 6px;
    margin-top: -14px;
}

#userprofile .row {
    margin-bottom: 6px;
}

#userprofile .label {
    font-weight: bold;
}

#userprofile .points_row {
    margin-bottom: 16px;
}

#userprofile .points_row .date {
    font-style: italic;
    color: #666;
    font-size: 0.9em;
}

#userprofile .points_list {
    overflow: auto;
    height: 187px;
}

#editprofile .row {
    margin-bottom: 16px;
}

#editprofile label {
    font-weight: bold;
    line-height: 1.6em;
}

#editprofile .hint {
    font-size: 0.8em;
    font-weight: bold;
}

#editprofile .negative_hint {
    font-size: 0.8em;
    font-style: italic;
}

#editprofile .row .row-child {
    margin-left: 18px;
    margin-bottom: 6px;
}

#editprofile .row .row-child label {
    font-weight: normal;
}

.authenticate-box {
    float:left;
    padding:12px;
    width: 300px;
    margin-right: 10px;
    border: 2px solid #999;
}

/* Start of CSS for different types of message boxes */
.messageBox {
	border: 1px solid;
	margin: 10px auto 15px auto;
	padding: 15px 10px 15px 10px;
	text-align: left;
	width: 400px;
}

.messageBox .text {
	float: left;
	width: 460px;
}

.messageBox .icon {
	float: left;
	width: 16px;
	height: 15px;
	margin-right: 5px;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
}

.info .icon {
	background-position: -17px -17px;
}

.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

.success .icon {
	background-position: 0px -15px;
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

.warning .icon {
	background-position: -114px -107px;
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
}

.error .icon {
	background-position: -134px -107px;
}
/* End of CSS for different types of message boxes */