/*
THEME NAME: RACE Charities
THEME URI: http://danielstockman.com/race/
DESCRIPTION: CMS-lite theme for RACE Charities
VERSION: 0.9
AUTHOR: Daniel Stockman
AUTHOR Uri: http://evocateur.org/
TAGS: two columns, green, cms
TEMPLATE: sandbox
*/
/*	Copyright 2008  Daniel Stockman <daniel.stockman@gmail.com>

	This program is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation; either version 2 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.
*/

/* reset v1.0 | 20080212 ------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	/*outline: 0;*/
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout --------------------------------------------------------------------- */
body {
	font-size: 1em;
	font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #fff;
}
/* top right image */
#glory {
	position: absolute;
	top: 0;
	right: 0;
}

/* 3 column sidebars on both sides */
#container {
	float: left;
	width: 100%;
}
#content {
	margin: 0 190px;
}
div.sidebar {
	float: left;
	overflow: hidden;
	width: 180px;
}
#primary {
	margin: 0 0 0 -100%;
}
#secondary {
	margin: 0 0 0 -180px;
}
#footer, #ft {
	clear: left;
	width: 100%;
	background-color: #fff;
}

/* headings ------------------------------------------------------------------- */
h1, h2 { text-align: center; }
h1 { font-size: 3.0em; margin-top: 0.33em; }
h2 { font-size: 2.0em; margin-top: 0.50em; }
h3 { font-size: 1.5em; margin-top: 0.75em; }
h4 { font-size: 1.2em; margin-top: 0.87em; }
h5 { font-size: 1.0em; margin-top: 0.99em; }

h2.entry-title { clear: both; }
body.page h2.entry-title { display: none; }
body.parent-pageid-5 h2.entry-title { display: block; }/* show title on event pages */

/* header --------------------------------------------------------------------- */
#header {
	height: 138px;
	background: #98FF80 url(images/fight_logo.png) 20px top no-repeat;
}
#access div.skip-link {
	position: absolute;
	left: -999em;
}
#header h1 {
	font-size: 3em;
	margin-top: 0;
	padding: 10px 0;
	height: 80px;
	text-indent: -999em;
	background: url(images/header.jpg) 50% top no-repeat;
}
#header h1 a {
	height: 80px;
	width: 370px;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	color: #000;
}
#header #blog-description {
	text-align: center;
	padding: 5px 0;
	font-size: 1.1em;
	color: #000;
	margin: 0 auto;
	width: 20em;
}
#header #blog-description span.acro {
	color: #070;
	font-weight: bold;
}

/* menu ----------------------------------------------------------------------- */
#menu {
	font-size: 0.9em;
	height: 2em;
	width: 100%;
	background-color: #98FF80;
}
#menu ul,
#menu ul li {
	float: left;
}
#menu ul li a {
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0.5em;
	border-right: 1px solid #99FF80;
	line-height: 1.75;
	float: left;
}

/* content -------------------------------------------------------------------- */
#content {
	font-size: 0.8em;
	min-height: 15em;
}
#content h2,
#content h3 {
	color: #247300;
}
#content p {
	margin: 0.75em 0;
	line-height: 1.5;
}
#content table td {
	padding: 0.4em 0.6em;
}

/* hanging bullets and numbers in content lists */
#content ul,    #content ol {
	margin: 1em 0 1.5em;
	padding-right: 6em;
}
#content ul li, #content ol li  {
	line-height: 1.5;
	margin-bottom: 1em;
}
#content ol li {
	list-style-type: decimal;
	margin-left: 2.5em;
}
#content ul li {
	list-style-type: disc;
	margin-left: 1.25em;
}

#nav-above,#nav-below {
	display: none;
	width: 100%;
	height: 1em;
}
#nav-above {
	margin-bottom: 1em;
}
#nav-below {
	margin-top: 1em;
}
.alignleft,div.nav-previous {
	float: left;
}
.alignright,div.nav-next {
	float: right;
}
form#commentform .form-label {
	margin: 1em 0 0;
}
form#commentform span.required {
	background: #fff;
	color: red;
}
form#commentform,form#commentform p {
	padding: 0;
}
input#author,input#email,input#url {
	width: 50%;
}
input#author,input#email,input#url,textarea#comment {
	padding: 0.2em;
}
div.comments ol li {
	margin: 0 0 3.5em;
}
textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 66%;
}

#comments, div.entry-meta, div.entry-date {
	text-indent: -999em;
}
.edit-link {
	display: block;
	position: absolute;
	bottom: 1em;
	right: 0.5em;
	text-indent: 0;
}
.edit-link a {
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 4px;
}
body #wrapper .edit-link a:hover {
	border-bottom-style: solid;
}

/* sidebar -------------------------------------------------------------------- */
div.sidebar h3 {
	font-size: 1.2em;
/*	visibility: hidden;*/
	display: none;
}
div.sidebar input#s {
	width: 6em;
	margin-left: 1em;
}
div.sidebar * > input#s {
	width: 7em;
	margin-left: 2em;
}
div.sidebar li {
	list-style: none;
	margin: 0.5em 0;
}

/* submenu widget */
#submenu, #warrior-sidebar {
	margin: 0.8em 0 1.2em 0;
}
ul.submenu-parent {
	border-bottom: 1px solid;
	margin: 0 0.35em;
}
ul.submenu-parent li {
	margin: 0;
	border-top: 1px solid;
}
ul.submenu-parent li a {
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	padding: 0.55em 0 0.55em 5px;
}

/* sidegallery */
#sidegallery ul li {
	text-align: center;
	font-size: 0.8em;
	margin: 1em 0;
}
#sidegallery ul li img {
	display: block;
	margin: 0 auto 0.25em;
	max-width: 100%;
}

/* footer --------------------------------------------------------------------- */
#ft a, #content a {
	text-decoration: none;
	color: #1F9900;
	background: inherit;
}
#ft a {
	background-color: #fff;
}
#ft a:focus,
#ft a:hover,
#content a:focus,
#content a:hover {
	color: #000;
	background-color: #CCFFBF;
	border-bottom: 1px dotted #1F9900;
}
#ft {
	text-align: center;
	font-size: 0.8em;
	padding: 1em 0 0.25em;
}
#ft ul.menu-parent {
	margin: 0.5em 0 1em;
}
#ft ul.menu-parent li {
	display: inline;
	padding: 0 0.5em;
	border: 1px solid #333;
	border-width: 0 1px;
	margin-left: -1px;
}
#ft ul.menu-parent li:first-child { border-left-width: 0; }
#ft ul.menu-parent li:last-child { border-right-width: 0; }
#ft #ft-admin {
	margin: 1.25em 0 0.5em;
}
#footer {
	display: none;
}

/* ============ Colors ============ */
/*
	1F9900   "very"    very dark green
	24B300   "dark"    unselected default (white)
	33FF00   "lime"    current highlight  (black)
	CCFFBF   "tan"     very light greenish tan (black)
	99FF80   "mint"    soft light green, accent/block (black)
*/
a:link, .edit-link a, #donate a {
	color: #1F9900; /* dark */
	text-decoration: none;
}

.edit-link a:focus,
.edit-link a:hover,
.edit-link a:active {
	color: #fff;
	background:   #24B300; /* dark */
	border-color: #24B300; /* dark */
}
ul.submenu-parent,
ul.submenu-parent li {
	border-color: #99FF80; /* mint */
}

/* menu colors */
ul li.page_item a {
	color: #CCFFBF; /* tan */
	background: #24B300; /* dark */
	border-color: #fff;
}

ul li.current_page_item a:link,
ul li.current_page_item a:visited,
ul li.current_page_item a:hover,
ul li.current_page_item a:active {
	color: #fff;
	background: #33FF00; /* lime */
}

ul li.current_page_ancestor a:link,
ul li.current_page_ancestor a:visited,
ul li.current_page_ancestor a:hover,
ul li.current_page_ancestor a:active {
	color: #333; /* dark grey */
	background: #CCFFBF; /* tan */
	border-color: #fff;
}

ul li.page_item a:focus,
li.page_item a:hover,
li.page_item a:active {
	color: #fff;
	background: #33FF00; /* lime */
}

/* custom front page ---------------------------------------------------------- */

/* pull splash image rightward */
body.home #content img.alignright {
	margin-right: -140px;
	margin-left: 10px;
	position: relative;/* dumb IE */
}
/* faux-center "welcome" title */
body.home #content h2 {
	margin-right: 25%;
}
body.home #content p {
	text-align: justify;
	font-size: small;
	line-height: 1.4;
	/*font-family: "Hoefler Text", Cambria, Georgia, "Times New Roman", serif;*/
}

/* in the spotlight */
body.home #content {
	margin-left: 260px;
}
body.home #primary,
#spotlight {
	width: 250px;
}
#spotlight ul {
	padding: 0 8px;
}
#spotlight li {
	clear: left;
	float: left;
	width: 97.5%;
	font-size: 0.8em;
	padding: 6px 6px 0 6px;
	margin: 6px 1px 0 0;
	border: 1px solid #1F9900;
}
#spotlight h3 {
	display: block;
	text-align: center;
}
#spotlight h3,
#spotlight h4 {
	font-size: 105%;
	margin: 0;
}
#spotlight h4 a {
	text-decoration: none;
	color: #1F9900;
	display: block;
	padding: 4px 0;
}
#spotlight h4 a:focus,
#spotlight h4 a:hover {
	background-color: #CCFFBF;
}
#spotlight img {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	width: 64px;
}
#spotlight li p {
	margin: 0 0 0.5em;
	font-size: 85%;
}

/* who / what / when / etc */
#quadrant {
	clear: left;
	float: left;
	font-size: 0.8em;
	padding: 0.25em 0;
	width: 100%;
}
#quadrant ul {
	width: 90%;
	margin: 0 auto;
}
#quadrant ul li {
	list-style: none;
	float: left;
	display: inline;
	overflow: hidden;
	width: 23%;
	height: 150px;
	margin: 0 -1px 0 0;
	padding: 0.5em;
	border: 1px solid #1F9900;
	line-height: 1.2;
}
#quadrant h4 {
	margin: 0 0 0.25em;
	text-align: center;
	font-size: 1.2em;
}
#quadrant img {
	float: right;
	width: 64px;
	margin-left: 6px;
	margin-bottom: 6px;
}
#quadrant ul li p {
	margin: 0 0 0.75em 0.5em;
	font-size: smaller;
	line-height: 1.2;
}

/* warriors -------------------------------------------------------------------- */

/* profile */
#profile h2.profile-title {
	margin: 1.5em 0;
	font-size: 1.5em;
}
#profile div.user-image {
	float: left;
	border: 1px solid #24B300;
	padding: 0.5em;
	background-color: #CCFFBF;
	margin: 0 1em 0.5em 0;
}
#profile div.user-image img {
	float: left;
	border: 1px solid #99FF80;
	margin-bottom: 1.25em;
}
#profile div.entry-content p {
	padding-left: 180px;
}
#content #race-summary {
	clear: left;
	font-size: 0.8em;
	padding-top: 1em;
}
#content #race-summary p {
	line-height: 1.4;
	padding: 0 4em;
	text-align: justify;
}
body.profile #warrior-sidebar ul.submenu-parent {
	border-bottom: none;
}
body.profile #warrior-sidebar ul.submenu-parent li {
	margin-left: 8px;
	border-top: none;
}
body.profile #warrior-sidebar ul.submenu-parent li a {
	font-size: 2em;
	text-align: center;
	color: #fff;
	padding: 0.45em 0 0.5em;
}
body.profile #warrior-sidebar ul.submenu-parent li a:focus,
body.profile #warrior-sidebar ul.submenu-parent li a:hover {
	color: #fff;
}

/* donation page */
#donor table.warrior {
	line-height: 20px;
	font-size: 11px;
	margin-top: 2em;
	margin-bottom: 20px;
	width: 100%;
}
#donor table.warrior input {
	margin: 1px 0;
	padding: 2px;
}
#donor table.warrior label {
	float: left;
	margin-right: 0.4em; /* IE */
}
#donor table.warrior td > label {
	margin-right: 0.5em;
}
#donor table.warrior td.center,
#donor table.warrior label.center,
#donor table.warrior label.center input {
	text-align: center;
}
#donor table.warrior label input {
	display: block;
}
#donor table.warrior td br {
	clear: both;
}
#donor-name,
#donor-email { width: 17em; }
#donor-city  { width: 12em; }
#donor-state { width: auto; display: block; }
#donor-amount, #donor-submit {
	vertical-align: middle;
}
#donor-amount { font-size: 1.0em; }
#donor-submit { font-size: 1.2em; }
#donor table.warrior tr.controls {
	font-size: 1.6em;
}
#donor table.warrior tr.controls td.submit {
	padding-top: 1em;
}
#donor table.warrior th {
	padding-top: 0.3em;
	font-size: 1.25em;
}
#donor table.warrior th,
#donor table.warrior tr > td {
	white-space: nowrap;
}
#donor table.warrior tr td {
	vertical-align: top;
}
#donor table.warrior tr p {
	white-space: normal;
	margin: 0.3em 0 0.7em;
}
#donor tfoot td {
	padding-top: 2.5em;
}
#donor #pledge { padding-bottom: 1em; }

/* progress meter */
/* http://meyerweb.com/eric/css/edge/bargraph/demo.html */
#progress,
#progress li,
#progress #ticks,
#progress #ticks .tick,
#progress li.bar p { width: 65px; }
#progress,
#progress #ticks  { height: 200px; }
#progress li.goal { height: 198px; }

#progress {
	margin: 0 0 15px 58px;
	position: relative;
	background: #CCFFBF;
	border: 2px solid #1F9900;
	font: 9px Helvetica, Geneva, sans-serif;
}
#progress ul,
#progress li {
	margin:  0;
	padding: 0;
}
#progress li {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
}
#progress li.goal {
	padding-top: 2px;
	color: #000;
	left: 0;
}
#progress li.goal p {
	font-size: 1.5em;
}
#progress li.bar {
	left: 0;
	color: #fff;
	background: #33FF00;
}
#progress li.bar p {
	margin: 0 auto;
	padding: 0;
	width: 55px;
	font-size: 2em;
	background-color: #1F9900;
}

#progress #ticks {
	z-index: 1;
}
#progress #ticks .tick {
	position: relative;
	margin-bottom: -1px;
	border-bottom: 1px solid #24B300;
}
#progress #ticks .tick p {
	position: absolute;
	left: 100%;
	top: -0.67em;
	margin: 0 0 0 0.5em;
}

#progress li.goal p.complete {
	position: relative;
	z-index: 3;
	top: -4px;
	left: -47px;
	color: #777;
	width: 113px;
	text-align: left;
	border-top: 1px dashed #1F9900;
}

/* user list */
#content ul.user-list li {
	list-style: none;
	clear: left;
}
#content ul.user-list li h4 {
	font-size: 1.75em;
}
#content ul.user-list li a {
	color: #1F9900;
	text-decoration: none;
}
#content ul.user-list li a.user-avatar img {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

#login h2 {
	margin: 0.75em 0;
}
#login div.floaty {
	width: 220px;
	float: right;
	padding: 5px 0 15px 10px;
	border: 2px solid #99FF80;
	margin-left: 1em;
	position: relative;
}
#login div.floaty h4 {
	margin-top: 0;
	margin-bottom: 0.5em;
}
#login table.race select {
	font-size: 1.3em;
}
#login span.total,
#login span.message,
#login table.race th {
	display: none;
}
#login div.controls {
	padding-top: 0.5em;
	padding-left: 1.5em;
}
#login table.race td {
	white-space: nowrap;
}
#login div.user-image {
	display: none;
}
/* facebox */
#facebox div.login {
	width: 400px;
}
input.clip-me {
	width: 40%;
}
input.clip-me.read-only {
	border-color: #fff;
	border-style: solid;
}
#race_message small {
	font-size: smaller;
}
#race_profile_update h3,
#race_message h3 {
	text-align: center;
	font-size: 1.75em;
	margin: 0.5em 0;
}
#race_message h4 {
	margin: 0 0 0.5em;
}
#race_message p {
	margin-top: 0;
}
#race_message li {
	list-style: none;
	padding-left: 0;
	margin-left: -20px;
}
#race_message li a {
	text-decoration: none;
}
#race_message li a img {
	vertical-align: bottom;
	margin-right: 4px;
}
#race_profile_update {
	font-size: small;
	text-align: center;
}
#race_profile_update h3 {
	margin-bottom: 0.75em;
}
#race_profile_update p {
	margin: 0.5em 0;
	text-align: left;
}
#race_profile_update button {
	font-size: 1.5em;
	margin: 1em auto;
}

/* ajax lawl */
#spinner {
	display: none;
}
#login #spinner {
	position: absolute;
	top: 6px;
	right: 6px;
}

/* typography ----------------------------------------------------------------- */

blockquote, p.emphatic, address {
	margin: 0.5em 3.5em 0.5em 2em;
	padding: 0 1em;
	border: 2px solid #99FF80; /* mint */
	border-left-width: 2em;
	background: #CCFFBF; /* ta */
}
blockquote cite {
	display: block;
	text-align: right;
}
p.emphatic.note {
	border-left-width: 4em;
}
p.emphatic, address {
	padding: 0.25em 1em;
}
address {
	display: block;
	font-style: normal;
	margin: 0.75em 0 0.75em 2em;
	line-height: 1.2;
	width: 15em;
}
span.dollar {
	font-size: 1.5em;
	vertical-align: top;
}

.rounded {
	-moz-border-radius:    10px;
	-khtml-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/* New gallery feature styles
	Can't use div.attachment because shortcodes can link to galleries in other posts 
*/
div.gallery {
	clear: both;
	float: left;
	width: 100%;
}
div.gallery dl {
	float: left;
	text-align: center;
}
div.gallery dl dt {
	margin: 0;
}
div.gallery dl dd {
	margin-left: 0;
}
div.entry-attachment,div.entry-caption {
	text-align: center;
}
div.entry-attachment img,div#nav-images div img {
	overflow: hidden;
}
body.attachment div#nav-images {
	clear: both;
	width: 100%;
}
body.attachment div#nav-images div {
	padding: 1em 0;
	width: 50%;
}
body.attachment div#nav-images div.nav-previous {
	text-align: left;
}
body.attachment div#nav-images div.nav-next {
	text-align: right;
}
body.attachment div.entry-meta,body.attachment div#comments {
	clear: both;
}