/*  
Theme Name: Komen
Theme URI: http://bigahha.com
Description: Komen Coastal Georgia website theme
Version: 1.0
Author: Brad Stripling
Author URI: http://bigahha.com
*/


/* Color Chart
   --------------------------------
   body background        cfc9c4
   header background     14010c
   purple                       ab035c
   pink                          fa559e
   ----------------------------------------------------*/


/* Index
   --------
   =GENERIC
   =HEADER
   =NAVIGATION
   =GENERAL LAYOUT
   =FORM
   =FOOTER
   ----------------------------------------------------*/


/* ************************************************************************************************************************************************************
  Eric Meyer reset styles
************************************************************************************************************************************************************ */

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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ************************************************************************************************************************************************************

************************************************************************************************************************************************************ */

/* =GENERIC
   ----------------------------------------------------*/

body {
  color: #333;
  background: #cfc9c4 url(images/backgrounds/body.png) 50% 0 no-repeat;
  font: 0.75em/1.5 arial, helvetica, verdana, "Trebuchet MS", sans-serif;
  margin: 0 auto;
  min-width: 40em;
}
a:link,
 a:visited {
  color: #ab035c;
  text-decoration: underline;
}
a:hover {
  border: none;
  text-decoration: none;
}
a.more {
  background: url(images/more.png) 100% 50% no-repeat;
  padding-right: 10px;
}
a img {
  border: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0;
}
h1 {
  font-size: 2.5em;
  padding-bottom: 12px;
}
h2 {
  color: #8f734f;
  font-size: 2em;
  font-weight: normal;
  padding-bottom: 6px;
}
h3 {
  font-size: 1.16em;
  margin-top: -6px;
  padding-bottom: 6px;
}
h4 {
  color: #ab035c;
  font-size: 1.16em;
  font-style: italic;
  padding-bottom: 6px;
}
p {
  padding: 0 0 12px 0;
}
ul, ol {
  margin: 1em 0 2em 0;
  padding-left: 2.5em;
}
dt {
  margin: 0.5em 0 0;
}
dd {
  margin: 0.25em 0 0.5em 2.5em;
}
pre, code, tt {
  background-color: #f2f2f2;
  font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 0 0 12px 0;
}
blockquote {
  margin: 0;
  padding: 0;
}
em {
  font-style: italic;
}
small {
  font-size: 75%;
}
big {
  font-size: 115%;
}
sup {
  font-size: smaller;
  vertical-align: 0.5em;
  line-height: 1px;
}
small {
  color: #333;
  display: block;
  font-weight: normal;
}
/* ClearFix */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}
/* Hides from IE-mac \*/
.clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}


/* =HEADER
   ----------------------------------------------------*/
#mast {
  height: 18px;
  margin: 0 auto;
  padding: 6px 0;
  width: 960px;
}
#mast a {
  background: url(images/ribbon.png) 0 0 no-repeat;
  border: none;
  color: #ab035c;
  display: block;
  height: 22px;
  margin: 0 auto;
  padding-left: 20px;
  text-decoration: none;
  width: 228px;
}
#mast a:hover,
 #mast a:focus {
  text-decoration: underline;
}
#mast a span {
  font-style: italic;
}
#mast #contact a {
  border: 0;
  color: #ed5a9e;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
#mast #contact a:hover {
  border-bottom: 1px solid #80556c;
}
#header_wrapper {
  background-color: #14010c;
  border-bottom: 2px solid #ab035c;
  border-top: 2px solid #ab035c;
  width: 100%;
}
#header_wrapper_race {
  background-color: #fff3fc;
  border-bottom: 2px solid #ab035c;
  border-top: 2px solid #ab035c;
  width: 100%;
}
#header {
  background: #14010c url(images/backgrounds/header.png) 92% 0 no-repeat;
  clear: both;
  color: #000;
  height: 192px;
  margin: 0px auto 0 auto;
  padding-top: 54px;
  width: 960px;
}
#header_race {
  background-color: #fff3fc;
  clear: both;
  color: #000;
  height: 204px;
  margin: 0px auto 0 auto;
  padding-top: 42px;
  width: 960px;
}
#header h1 a {
  background: url(images/komen-logo.png) 0 0 no-repeat;
  display: block;
  height: 118px;
  margin-left: 60px;
  text-indent: -9999px;
  width: 258px;
}
#header_race h1 a {
  background: url(images/2010-race-sponsor-logo.png) 0 0 no-repeat;
  display: block;
  height: 151px;
  margin-left: 0;
  text-indent: -9999px;
  width: 860px;
}


/* =NAVIGATION
   ----------------------------------------------------*/
#nav_wrapper {
  background: #eb5095 url(images/backgrounds/nav.png) 50% 0 no-repeat;
  border-bottom: 1px solid #ab035c;
  height: 36px;
  width: 100%;
}
#nav_wrapper ul {
  height: 36px;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 882px;
}
#nav_wrapper ul li {
  clear: none;
  display: inline;
  float: left;
}
#nav_wrapper ul li a {
  background: url(images/backgrounds/nav-divider.png) 100% 50% no-repeat;
  /*border-right: 1px solid #ab035c;*/
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 12px;
  padding: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
#nav_wrapper ul li.last a {
  background: none;
  border: none;
}
#nav_wrapper ul li a:hover,
 #nav_wrapper ul li a:focus {
  text-decoration: underline;
}
p.breadcrumb {
  color: #666;
}

/* =GENERAL LAYOUT
   ----------------------------------------------------*/
#content_wrapper {
  background-color: #fff;
  border-left: 1px solid #fa559e;
  border-right: 1px solid #fa559e;
  clear: both;
  margin: 0 auto;
  padding: 18px 18px 0 18px;
  width: 922px;
}
#content_bottom {
  background: url(images/backgrounds/content-bottom.png) 0 0 no-repeat;
  height: 24px;
  margin: 0 auto;
  width: 960px;
}
#content {
  float: left;
  width: 604px;
}
#content_race {
  float: left;
  width: 670px;
}
#content div {
  margin-bottom: 30px;
}
#home .column1,
 #home .column2 {
  float: left;
  width: 284px;
}
#home .column2 {
  background: url(images/backgrounds/content-border.png) 0 0 repeat-y;
  clear: none;
  display: inline;
  margin-left: 18px;
  padding-left: 18px;
  width: 266px;
}
#race .column1 {
  float: left;
  padding: 12px;
  width: 118px;
}
#race .column2 {
  clear: none;
  display: inline;
  float: left;
  margin-left: 18px;
  padding-left: 18px;
  width: 490px;
}
#race #race_nav {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #f5eee9;
  border: 1px solid #cfc9c4;
  border-radius: 6px;
}
#race #race_nav h3 {
  line-height: 1em;
  margin-top: 3px;
}
#rail {
  background: url(images/backgrounds/content-border.png) 0 0 repeat-y;
  clear: none;
  display: inline;
  float: left;
  margin-left: 18px;
  padding-left: 18px;
  width: 266px;
}
#rail_race {
  background: url(images/backgrounds/content-border.png) 0 0 repeat-y;
  clear: none;
  display: inline;
  float: left;
  margin-left: 18px;
  padding-left: 18px;
  width: 200px;
}
a.donate {
  background: url(images/donate-button.png) 0 0 no-repeat;
  display: block;
  height: 42px;
  margin: 18px auto;
  text-indent: -9999px;
  width: 183px;
}
a.ad,
 div.ad {
  display: block;
  margin: 0 auto 30px auto;
  width: 160px;
}
div.ad a {
  text-decoration: none;
}
a.yoplait,
 a.advocacy,
 a.race {
  width: 160px;
}
a.vote {
  width: 150px;
}
a.shop {
  width: 183px;
}

#sponsors p {
   text-align: center;
}
#sponsors h3 {
  background-color: #f2f2f2;
  color: #ce4581;
  line-height: 1;
  margin: 18px 0 !important;
  padding: 0 !important;
  text-align: center;
}
#sponsors h3 span {
  background-color: #fff;
  padding: 0 12px;
}
#sponsors img.sponsor-special {
  padding: 0 12px 12px;
}
#sponsors img.sponsor-media {
  padding: 0 24px;
}
#sponsors p.sponsor-media a {
  padding: 12px;
}
#sponsors p.sponsor-community a {
  padding: 12px;
}
#sponsors img.coke {
  padding-bottom: 18px;
}


.email_list span {
}
.email_list span {
  background: #ab035c url(http://img.constantcontact.com/ui/images1/visitor/email1_trans.gif) 0 0 no-repeat;
  display: block;
  float: left;
  height: 14px;
  margin: 2px 5px 0 0;
  width: 19px;
}
.email_list a {
  color: #ab035c;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
}


/* =FORM
   ----------------------------------------------------*/
form {
  margin: 1em 0;
}
form ul {
  margin: 0;
  padding: 0;
}
form ul li {
  clear: both;
  margin: 0 0 12px;
  padding: 0;
}
form ul li.followup {
  margin-left: 24px;
}
form ul li div {
  margin: 0 !important;
}
form ul li#city_wrapper,
 form ul li#state_wrapper,
 form ul li#zip_wrapper {
  clear: none;
  display: inline;
  float: left;
}
form ul li#city_wrapper {
  margin-right: 24px;
  width: 150px;
}
form ul li#city_wrapper input {
  width: 150px;
}
form ul li#state_wrapper {
  margin-right: 24px;
  width: 40px;
}
form ul li#state_wrapper input {
  width: 40px;
}
form ul li#zip_wrapper {
  width: 60px;
}
form ul li#zip_wrapper input {
  width: 60px;
}
form ul li input#yrs {
  width: 60px;
}
form ul li label {
  font-weight: bold;
}
form ul li input {
  border: 1px solid #ccc;
  clear: both;
  display: block;
  height: 18px;
  width: 300px;
}
form ul li textarea {
  border: 1px solid #ccc;
  clear: both;
  display: block;
  height: 120px;
  width: 400px;
}
form ul li select {
  border: 1px solid #ccc;
  clear: both;
  display: block;
}
form ul li.radio span {
  clear: none;
  display: inline;
  float: left;
  margin-right: 12px;
}
form ul li.radio span input {
  clear: none;
  display: inline;
}
form ul li.checkbox span {
  margin-right: 12px;
}
form ul li.checkbox input {
  clear: none;
  display: inline;
  float: none;
}
form ul li input.submit_button {
  background-color: #fa559e;
  border: 1px solid #ab035c;
  color: #fff;
  font-size: 18px;
  height: auto;
  margin: 12px 0;
  padding: 9px 36px;
  width: auto;
}
form ul li input.submit_button:hover {
  background-color: #ab035c;
  border: 1px solid #fa559e;
}



/* =FOOTER
   ----------------------------------------------------*/
#footer {
  clear: both;
  margin: 0 auto 1em auto;
  width: 960px;
}
#footer a {
  color: #333;
}
#footer span.divider {
  padding: 0 6px;
}
#footer ul {
  list-style-type: none;
  margin: 18px auto 0 auto;
  padding: 0;
  width: 630px;
}
#footer ul li {
  clear: none;
  display: inline;
  float: left;
  line-height: 12px;
  padding: 0 0 12px 0;
}
#footer ul li a {
  border-right: 1px solid #ab035c;
  color: #333;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
}
#footer ul li a:hover,
 #footer ul li a:focus {
  text-decoration: underline;
}
#footer ul li.last a {
  border: none;
}
#footer p {
  clear: both;
  padding-bottom: 6px;
  text-align: center;
}