/*   
Theme Name: Sherry's Run
Theme URI: http://www.sherrysrun.org
Description: Theme created for sherrysrun.org website
Author: Softek, Inc.
Author URI: http://www.softek.net
Version: 1.0
.
Copyright (C) 2008 Softek, Inc.
.
*/

body {
	background: #97d937; /*glossy: #8fd400;*/ /*url(images/body-green-bg2.png) top left repeat;*/ /*sherrys green: #38AB36 */ /*lime green: #32CD32 */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 1px 0 0 0;
	padding: 1px 0 0 0;
}

h1 {font-size:4em;}
h2 {font-size:1.8em;}
h3 {font-size:1.2em;}

a {}
a:visited {}
a:hover {}

img {border:0;}

/*** Layout ***/

#page {
	background: #fff;
	border: 4px solid #181818;
	-webkit-border-radius: 6px 6px 20px 20px;
	-moz-border-radius: 6px 6px 20px 20px;
	-ms-border-radius: 6px 6px 20px 20px;
	-o-border-radius: 6px 6px 20px 20px;
	border-radius: 6px 6px 20px 20px;
	margin:10px auto 0 auto; 
	padding:0; width:803px;
}

#header {
	background: url(images/header.png) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 431px;
}
#header h1 {margin:0; padding:0;}
#head-img {
	position:relative;
	background: url(images/header/header-bg-tall-01.png) 0 0 no-repeat;
	height: 300px;
	width: 803px;
	margin: 0;
	padding: 0;
}
#head-img h1 span {display:none;}
#head-img .description {display:none;}

#headerSS {margin:0; padding:0; height:300px; width:803px;}
#headerSS .slideElement,
#headerSS .imageElement {
	position: relative;
	top:0;
	visibility: hidden;
}

/*** stamp ***/
#flipflops {position:relative; top:0; left:716px; margin:-33px 0 0 0; height:125px; width:105px; text-align:right; z-index:60;}
#flipflops-small {float:right; margin:-50px -20px 0 0; padding:0; height:77px; width:65px;}

#wrap {
	background: #fff;
	margin: 0;
	padding:0;
}
#wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#content {float:left; padding:0 10px 10px; margin:0 0 10px 5px; width:515px;}
#sidebar {position:relative; float:right; padding:0px; margin:-40px 0 0; width:246px; z-index:50;}
#sidebar ul ul {display:none;}
#sidebar a {color:#000; font-weight:bold;}
#sidebar .current_page_item {font-weight:bold;}
#sidebar .current_page_ancestor ul,
#sidebar .current_page_parent ul,
#sidebar .current_page_item ul
{display:block; margin-left:5px; padding-left:5px; margin-bottom:10px;}

#sidebar .current_page_ancestor ul li,
#sidebar .current_page_parent ul li,
#sidebar .current_page_item ul li
{margin-left:5px; padding-left:5px;}


/*** side menu boxes ***/
.box {margin:0 0 15px 0; padding:0;}
.topbox{background:url(images/sb-top.png) top center no-repeat; margin:0; padding:0; height:44px;}
.midbox{background:url(images/sb-bg.png) top center repeat-y; margin:0; padding:1px 5px;}
.bottombox{background:url(images/sb-bottom.png) bottom center no-repeat; margin:0; padding:0; height:15px;}

.box h2 {color:#fff; font-size:1.5em; margin:-15px 0 0 0; padding:0 10px; text-shadow:#003200 1px 1px 1px;}
.box ul li {list-style-image:url(images/list-bullet.png); margin:3px 0; padding:0;}
.box ul li a {font-size:1em;}
.midbox div {padding:0 10px;}


#sidebar .menu-primary-nav-container {
	padding: 0;
}

#sidebar ul {
	padding-left: 30px;
}

/*** Sponsors ***/
#sp-wrap {background:#fff; margin:0; padding:0;}
.sp {margin:0 0 0 15px; padding:5px 0; height:130px; width:770px; text-align:center;}
.sp h4 {display:none; color:#38AB36; margin-top:-45px;}
#spSS {margin:0 auto; height:130px; width:750px;}

/*** Footer ***/
#footer {padding-bottom: 12px; width:803px;}
.footer-bg {background:#fff; margin: 0; padding:20px 20px 0;}
.footer-bg:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.copyright {}
.footer-login {text-align:right;}

/*** posts ***/
.post h2 {margin-top:5px; margin-bottom:10px; text-shadow:#003200 1px 1px 1px;}
.post h2 a, .post h2.page-title {color:#63B044; text-decoration:none;}

/*** Info boxes ***/
.info-wrap {margin:10px auto; width:396px;/*520 //432*/}
.info-wrap2 {margin:10px auto; width:272px;/*520 //432*/}
.info-wrap:after, .info-wrap2:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.info, .info a {display:block; float:left; margin:0 3px; padding:0; height:258px; width:124px;}
.info a em {display:none;}
.info-box-donate  a {background:url(images/box-donate.png) top left no-repeat;}
.info-box-run a {background:url(images/box-run.png) top left no-repeat;}
.info-box-colon a {background:url(images/box-colon-cancer-facts.png) top left no-repeat;}
.info-box-volunteer a {background: url(images/box-volunteer.png) top left no-repeat;}
.info-box-patient a {background: url(images/box-patient-assistance.png) top left no-repeat;}
/*
.info-box4 {margin-top:10px; height:200px !important; width:412px !important;}
.info-box4 a {
	float: none;
	background: url(images/box-volunteer.png) top left no-repeat;
	height: 200px !important;
	width: 412px !important;
}
*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */