/*=======================================================================================

	SOLES4SOULS FUNDRAISING | www.soles4soulsfundraising.org	
	Site design by The A Group (www.agroup.com)	

-----------------------------------------------------------------------------------------

	BASIC STYLES & TYPOGRAPHY	
=======================================================================================*/

@import url("../taglib/css/reset.css");

body {
	background: url("../images/profile/profile_body_bg.png") repeat-x center 21px;
	font: 13px/1.6em arial, sans-serif;
	color:#399293;
}

a {
	color:#49accf;
	outline: none; !important
}

#container {
	width: 900px;
	margin: 0 auto;
	padding-top:21px;
}

/*	HEADER	
=======================================================================================*/

#header {
	height: 171px;
	overflow: hidden;
}

#logo {
	width: 113px;
	height: 121px;
	background: url("../images/main/logo-soles4souls.png") no-repeat left top;
	float: left;
	display: inline;
	margin: 25px 0 0;
}

#logo a {
	display: block;
	height: 121px;
	text-indent: -4000px;
}

#counter {
	float: right;
	display: inline;
	margin: 15px 0 0;
	width:657px;
}

#counter span {
	float: left;
	height: 33px;
	margin-left: 1px;
	display: inline;
}

#counter span.dollar_sign {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left top;
	text-indent: -4000px;
}

#counter span.one {
	width: 12px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -33px;
	text-indent: -4000px;
}

#counter span.two {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -66px;
	text-indent: -4000px;
}

#counter span.three {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -99px;
	text-indent: -4000px;
}

#counter span.four {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -132px;
	text-indent: -4000px;
}

#counter span.five {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -165px;
	text-indent: -4000px;
}

#counter span.six {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -198px;
	text-indent: -4000px;
}

#counter span.seven {
	width: 15px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -231px;
	text-indent: -4000px;
}

#counter span.eight {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -264px;
	text-indent: -4000px;
}

#counter span.nine {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -297px;
	text-indent: -4000px;
}

#counter span.zero {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -330px;
	text-indent: -4000px;
}

#counter span.comma {
	width: 8px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat center -363px;
	text-indent: -4000px;
}

#counter #donated {
	/*clear:left;*/
	margin:5px 10px 0 75px;
}

#counter #raised_and {
	text-indent: -4000px;
	width: 154px;
	background: url("../images/main/bg-counter-raised_equaling.png") no-repeat left top;
}

#counter #schools_organizations {
	width: 534px;
	background: url("../images/main/bg-counter-schools_organizations.png") no-repeat left top;
	text-indent: -4000px;
	margin:0 0 5px 55px;
}

#counter #shoes_donated_so_far {
	width: 199px;
	background: url("../images/main/bg-counter-donated.png") no-repeat left top;
	text-indent: -4000px;
}

#counter #pairs_through {
	width: 353px;
	background: url("../images/main/bg-counter-pairs_through.png") no-repeat left top;
	text-indent: -4000px;
}

/*	MAIN NAVIGATION	
=======================================================================================*/

#nav-main {
	clear: both;
	float: right;
	background: url("../images/main/bg-nav-main.png") no-repeat right bottom;
	width: 721px;
	line-height: 23px;
	height: 23px;
	position: relative;
	top: -23px;
}

#nav-main li {
	float: left;
	padding: 0 13px;
}
	
#nav-main a {
	display: block;
	text-indent: -4000px;
}

#nav-main .link-home {
	padding-left: 0;
}

#nav-main .link-home a {
	width: 46px;
}

#nav-main .link-current.link-home a {
	background: url("../images/main/bg-nav-main.png") no-repeat left top;
}

#nav-main .link-about a {
	width: 54px;
}

#nav-main .link-current.link-about a {
	background: url("../images/main/bg-nav-main.png") no-repeat -73px top;
}

#nav-main .link-programs {
	padding-left: 13px;
}

#nav-main .link-programs a {
	width: 86px;
}

#nav-main .link-current.link-programs a {
	background: url("../images/main/bg-nav-main.png") no-repeat -154px top;
}

#nav-main .link-getting_started {
	padding-left: 14px;
}

#nav-main .link-getting_started a {
	width: 138px;
}

#nav-main .link-current.link-getting_started a {
	background: url("../images/main/bg-nav-main.png") no-repeat -266px top;
}

#nav-main .link-success_stories {
	padding-left: 10px;
}

#nav-main .link-success_stories a {
	width: 131px;
}

#nav-main .link-current.link-success_stories a {
	background: url("../images/main/bg-nav-main.png") no-repeat -426px top;
}

#nav-main .link-s4s {
	padding-left: 11px;
	padding-right: 0;
}

#nav-main .link-s4s a {
	width: 139px;
}

/*	CONTENT STYLES	
=======================================================================================*/

.copy p {
	margin:15px 0;
}

.copy ul {
	margin:15px 0;
}


#search_form label {
	width:auto;
	font-size:15px;
	margin-right:5px;
	margin-top:1px;
}

#search_form input {
	width:384px;
	background: url("../images/home/bg-search-input.png") no-repeat scroll left center;
}

#search_form button {
	margin:1px;
	vertical-align: middle;
	width: 51px;
	height: 27px;
	background: url("../images/home/bg-btn-go.png");
	padding: 0;
	border: none;		
	text-indent:-4000px;
	cursor:pointer;
}

#search_form button.view_all {
	margin:1px 1px 1px 198px;
	vertical-align: middle;
	width: 126px;
	height: 27px;
	background: url("../images/main/btn_view_all.png");
	padding: 0;
	border: none;		
	text-indent:-4000px;
	cursor:pointer;
}

div.search_li {
	float:left;
}

.copy li.search_res {
	margin:15px 0;
	float:left;
}

div.search_img {
	float:left;
	width:70px;
	height:70px;
	overflow:hidden;
	margin-right:15px;
	background-color:#ccc;
}

div.search_copy {
	float:left;
	width:745px;
	height:70px;
	line-height:16px;
}

div.search_copy h3 {
	font-size:16px;
	margin-bottom:3px;
}

#top_5 {
	width:830px;
	padding:15px 0;
	float:left;
}

#top_5 li {
	display:inline;
	width:100px;
}

div.top_5_res {
	float:left;
	width:20%;
	text-align:center;
}

div.top_5_res div.search_img {
	margin:0 auto;
	padding-bottom:10px;
	float:none;
}

/* page nav */
	
div .pager{
	width:830px;
	padding-bottom:30px;
	text-align:center;
	float:left;
}
	
div .pager p,
div .pager ul,
div .pager li {
	margin: 0;
	display: inline;
	font-size: .9em; 
}

div .pager li {
	height: 22px;
	width: 22px;
	line-height: 22px;
}

div .pager a {
	font-weight: bold;
	color:#399293;
	text-decoration: none;
	display: inline;
	background-color: #cbe6e6;
	border: 1px solid #dcefef;
	padding: .15em .5em;
}

div .pager a:hover {
	background-color: #49accf;
	color: #fff;
}

/*end page nav */
	

#stories {
	margin:0;
	padding:0;
}

#stories li {
	border-bottom:3px solid #dcefef;
	margin-bottom:15px;
}

#stories h3.title {
	font-size:17px;
}

h3.title {
	font-size:17px;
	margin:15px 0 0 0;
}

p.author {
	padding:0;
	margin:0;
	font-size:12px;
}

/*#media {
	width:400px;
	float:right;
	margin:10px 0 10px 15px;
}*/
	
.sidebar {
	width:300px;
	margin-right:15px;
	float:left;
}

.sidebar_about {
	width:300px;
	margin-left:15px;
	float:right;
}

.sidebar_r {
	width:200px;
	margin-left:15px;
	float:left;
}

.main {
	width:515px;
	float:left;
}

.main_l {
	width:615px;
	float:left;
}

#footer {
	clear: both;
	color: #5eb4b5;
	font-size: 11px;
	text-align:center;
	padding-top:30px;
}

#footer a {
	color: #5eb4b5;
}