/*

Pink: #fe65e3
Blue: #5cb9f3

*/

@import url('screen.css');
@import url('../fonts/stylesheet.css');


body {
  background:  /* #fcf7ee */ /* #f5fbfe url(../images/bg.jpg) top left repeat-x fixed */ !important;
  border-top: 3px solid #444 !important;
}

#header {
  position: relative;
  padding-top: 36px;
  background-color: transparent;
  /*
border: 50px solid #fff;
  border-top: 0;
*/
  /* -moz-box-shadow: 0 0 5px #ccc; */ 
}

#container {
  position: relative;
  padding-top: 36px;
  background-color: #fff;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 36px; 
  margin-bottom: 18px; 
  /* border: 1px solid #F6EEDB; */
  /*
border: 50px solid #fff;
  border-top: 0;
*/
  /* -moz-box-shadow: 0 0 5px #ccc; */ 
}

a:link, a:visited {
  color: #5cb9f3;
  text-decoration: none;
  font-weight: bold; 
}

a:hover, a:focus {
  color: #fe65e3 !important;
}

/* Branding -------------------------------------------------- */

#branding h1 {
  width: 220px;
  height: 90px;
  position: relative; 
}

#branding h1 span {
  position: absolute; 
  display: block; 
  width: 100%;
  height: 100%;
  background: url(../images/logo.jpg) 0 0 no-repeat;
}

#branding h1 a:hover span {
  background-position: -241px 0; 
}

/* Navigation ------------------------------------------------ */

#nav-main {
  list-style-type: none;
  position: absolute;
  top: 0; 
  right: 0;
  background: transparent;
  text-align: right;
  height: 126px;
  width: auto!important; 
}

#nav-main li {
  position: relative; 
  font-size: 14px;
  height: 90px;
  float: left;
  padding-top: 81px;
}

#nav-main li a:link, #nav-main li a:visited {
  text-decoration: none; 
  margin-left: 20px;
  margin-right: 20px;
  text-shadow: 0 0 1px #eee;
}

#nav-main li a:hover {
  
border-top: 3px solid #999;
  padding-top: 83px;
  color: #5cb9f3;
/*
  text-shadow: 0 0 1px #ccc; */
}

#nav-main li.donate a { margin-right: 0; }

#nav-main li.donate a:hover {
  border-top-color: #999;
  color: #f00 !important;
}

/* Content (Home) -------------------------------------------- */

.content-main {
  position: relative;
}

div#announcement {
  background: url(../images/announcement-pepsirefresh-home.jpg) top left no-repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 900px;
  padding: 66px 20px 0 20px;
  height: 114px;
  margin-bottom: 40px;
  color: #fff;
  text-align: center; 
}

div#announcement h3 {
  color: #fff; 
}

div#announcement a {
  color: #EE3A43;
}

p.description {
  font-size: 18px;
}

div#about-sma {
  background: #000 url(../images/home-photo-2.jpg) 0 0 no-repeat;
  height: 288px;
  padding-top: 36px;
  padding-right: 10px;
  width: 930px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
}

div#about-sma p {
  color: #fff; 
}

/*
div#about-sma a:link, div#about-sma a:visited {
  color: #fe65e3;
}

div#about-sma a:hover {
  color: #5cb9f3;
}
*/



/*
p#learn-more {
  position: relative;
  display: block;
  height: 36px;
  width: 220px; 
}

p#learn-more a:link span, p#learn-more a:visited span {
  position: absolute;
  display: block; 
  width: 220px;
  height: 100%;
  background: url(../images/learn-more-button.jpg) 0 0 no-repeat;
}

p#learn-more a:hover span {
  background-position: 0 -36px; 
}
*/

p#learn-more {
  
}

p#learn-more a {
  background-color: #fe65e3;
  padding: 10px;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

p#learn-more a:hover {
  color: #fff!important;
  background-color: #5cb9f3;
}

div#events {
  position: relative;
  margin-top: 36px;
  width: 300px;
  height: 252px;
}

div#events a {
  position: absolute;
  width: 100%;
  height: 100%;
}

div#events a span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/event-golfclassic-home.jpg) 0 0 no-repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div#touched {
  margin-top: 36px;
  background-color: transparent;
  width: 300px;
  height: 252px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}

div#touched h4 {
  color: #fff;
}

div#touched h3 a {
  color: #fff; 
}

div#touched .img-link {
  display: block;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

div#touched img {
  background: #000;
  padding-top: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

div#touched .caption {
  display: block; 
  position: relative;
  background: #000;
  background: rgba(0,0,0,1);
  color: #fff;
  top: -20px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px; 
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

div#touched .caption h4 {
  line-height: 18px;
  margin-bottom: 0;
}

div#touched .caption p {
  font-size: 10px; 
  line-height: 18px;
  margin: 0;
  font-weight: bold;
}

div#touched .img-link:hover {
  z-index: 5;
}

div#youcanhelp {
  position: relative; 
  margin-top: 36px;
  width: 300px;
  height: 252px;
}

div#youcanhelp span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent url(../images/youcanhelp-home.jpg) 0 0 no-repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div#events h3,
div#youcanhelp h3 {
  line-height: 54px;
}


/*
#home .content-main #events, #home .content-main #features {
  width: 264px;
  background: #fff;
  padding: 18px;
  padding-bottom: 0;
  border: 1px solid #F6EEDB;
}
*/

div#golfclassic {
  position: relative; 
  margin-top: 36px;
  width: 300px;
  height: 252px;
}

div#golfclassic span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent url(../images/event-golfclassic-home.jpg) 0 0 no-repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div#golfclassic h3 {
  line-height: 54px;
}



/* Content --------------------------------------------------- */

div.container h2 {
  width: 940px;
  clear: both;
  text-align: left;
  font-family: "BebasRegular", Georgia, "Times New Roman", serif !important;
  font-size: 72px !important;
  word-spacing: .25em;
  text-transform: uppercase; 
  font-weight: bold !important; 
  font-style: normal !important;
  /* background: url(../images/tan-line3.jpg) center center repeat-x; */
  margin-bottom: 36px;
  color: #444; 
}

h3 {
  font-size: 24px !important; 
  font-family: "BebasRegular" !important; 
  word-spacing: .25em;
  line-height: 36px !important;
  font-weight: normal !important;
}

h3 a { font-weight: normal !important; }

/*
h2 span {
  background: #fff;
  padding-left: 15px; 
  padding-right: 15px; 
}
*/

h4 {
  font-weight: bold !important; 
}

p.lead {
  font-size: 16px;
  text-shadow: 0 0 1px #ccc; 
}

li.donate a:link, li.donate a:visited {
  color: #c00;
}

a.link-button {
  background-color: #fe65e3;
  padding: 10px;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

a:hover.link-button {
  background-color: #5cb9f3;
  color: #fff !important;
}

#smafacts {
  padding-top: 379px;
  background: url(../images/reese-width2.png) 0 0 no-repeat;
}

/*
#smafacts div {
  padding: 18px; 
  min-height: 378px; 
  background: #eee url(../images/white-gradient.png) 0 0 repeat-x;
  -moz-border-radius: 10px; 
  -moz-box-shadow: 0 1px 7px rgba(0,0,0,.4);
}
*/

div.content-sub {
  /*
position: absolute;
  top: 144px;
  right: 0;
  width: 460px;
*/
  overflow: visible;
}

.content-sub div {
  padding: 15px;
  padding-top: 22px; 
  padding-bottom: 13px; 
  border-top: 1px solid #000; 
  background-color: #fff; 
}

.content-sub div.photo {
  padding: 0;
  border: none; 
}

.content-sub div.photo .caption {
  position: relative;
  font-weight: bold; 
  line-height: 36px;
  background: #000;
  background: rgba(0,0,0,.7);
  color: #fff;
  top: -3em;
  padding-left: 1em; 
}

.content-sub ul {
  margin-left: 0; 
  padding-left: 0; 
}


/* News ----------------------------------------------------- */

body.news .article {
  position: relative;
  margin-bottom: 40px;
}

body.news p.entry-date {
  position: absolute;
  top: 0;
  left: -240px;
  width: 220px;
  font-size: 24px;
  color: #aaa;
  font-family: "BebasRegular" !important; 
  word-spacing: .25em;
  color: #333;
  border-top: 2px solid #000; 
}

body.news h3 {
  border-top: 2px solid #000; 
}

body.news p.vcard {
  text-transform: uppercase;
  color: #666;
  letter-spacing: 1px;
  margin-bottom: 18px; 
}

body.news div.photo {
  position: absolute;
  top: 0;
  right: -240px;
  border-top: 2px solid #000;
  padding-top: 8px; 
}


/* Events ---------------------------------------------------- */

body.events h3 {
  clear: both;
}

ul#events, ul#previous-events {
  padding: 0; 
  margin: 0;
}

ul#events li, ul#previous-events li {
  display: block; 
  width: 940px;
  height: 306px;
  padding-top: 0;
  position: relative;
  padding-left: 0; 
  margin-left: 0;
  padding-bottom: 54px;
  margin-bottom: 54px;
}

ul#events li ul.vevent, ul#previous-events li ul.vevent {
  padding-left: 0; 
  margin-left: 0;
  border-top: 2px solid #000; 
}

ul#events li ul.vevent li, ul#previous-events li ul.vevent li {
  width: 220px; 
  height: auto;
  padding-top: 0;
  padding-left: 0; 
  margin-left: 0;
  position: absolute;
  margin-top: 7px; 
}

ul#events li ul.vevent li.what, ul#previous-events li ul.vevent li.what {
  margin-left: 240px; 
}

ul#events li ul.vevent li.what h3, ul#previous-events li ul.vevent li.what h3 {
  font-family: Helvetica, Verdana, Arial, san-serif !important;
  word-spacing: normal;
  font-size: 18px !important;
  line-height: 18px !important; 
}

ul#events li ul.vevent li.when, ul#previous-events li ul.vevent li.when {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  font-weight: bold; 
  font-family: Helvetica, Verdana, Arial, san-serif !important;
  word-spacing: normal;
}

ul#events li ul.vevent li.when abbr, ul#previous-events li ul.vevent li.when abbr { border-bottom: none; }

ul#events li ul.vevent li.where, ul#previous-events li ul.vevent li.where {
  margin-left: 480px; 
}

ul#events li ul.vevent li.resources, ul#previous-events li ul.vevent li.resources {
  margin-left: 720px;
}

ul#events li ul.vevent li.resources a, ul#previous-events li ul.vevent li.resources a {
  margin-right: 5px;
}

a.facebook {
  background: url(../images/facebook.png) center left no-repeat;
  padding-top: 1px;
  padding-left: 20px;
}

a.twitter {
  background: url(../images/twitter.png) center left no-repeat;
  padding-top: 1px;
  padding-left: 20px;
}

a.flickr {
  background: url(../images/flickr.png) center left no-repeat;
  padding-top: 1px;
  padding-left: 20px;
}

.summary {
  font-weight: bold !important;
}



/* Promotions */

ul#promotions {
  position: relative; 
  list-style-type: none;
  margin: 0; 
  padding: 0;
  width: 940px;
  overflow: visible;
  margin-bottom: 54px;
  border-top: 2px solid #000;
  padding-top: 18px; 
}

ul#promotions li {
  position: relative; 
  width: 100%;
  height: 108px; 
  clear: both; 
  overflow: visible;
  border-bottom: 1px dotted #000;
  margin-bottom: 18px;
}

ul#promotions li img {
  position: absolute;
  top: 0;
  left: 0; 
}

ul#promotions li h3 {
  position: absolute;
  top: 0;
  left: 240px;
  width: 220px;
}

ul#promotions li .description {
  position: absolute;
  top: 0;
  left: 480px;
  width: 460px; 
}


/* Unique event styles */


ul#events li#golfclassic, ul#previous-events li#golfclassic {
  background: url(../images/event-golfclassic.jpg) bottom left no-repeat;
}


ul#events li#golfclassic ul.vevent li.how, ul#previous-events li#golfclassic ul.vevent li.how {
  margin-top: 108px;
  margin-left: 480px;
  width: 440px;
  color: #fff;
  text-shadow: 2px 1px 2px rgba(0,0,0,.5);
  filter: dropshadow(color=#616161, offx=2, offy=1);
  font-size: 14px; 
}

/* ----- */

ul#events li#laughawaysma-2010, ul#previous-events li#laughawaysma-2010 {
  background: url(../images/event-laughawaysma-2010.jpg) bottom left no-repeat;
}


ul#events li#laughawaysma-2010 ul.vevent li.how, ul#previous-events li#laughawaysma-2010 ul.vevent li.how {
  margin-top: 108px;
  margin-left: 480px;
  width: 440px;
  color: #fff;
}

/* ----- */

ul#events li#PepsiRefresh, ul#previous-events li#PepsiRefresh,
ul#events li#PepsiRefresh-2, ul#previous-events li#PepsiRefresh-2 {
  background: url(../images/event-pepsirefresh.jpg) bottom left no-repeat;
}

ul#events li#PepsiRefresh ul.vevent li.how, ul#previous-events li#PepsiRefresh ul.vevent li.how,
ul#events li#PepsiRefresh-2 ul.vevent li.how, ul#previous-events li#PepsiRefresh-2 ul.vevent li.how{
  margin-top: 108px;
  margin-left: 480px;
  width: 440px;
  color: #000;
}

ul#events li#PepsiRefresh ul.vevent li.how h3,
ul#previous-events li#PepsiRefresh ul.vevent li.how h3,
ul#events li#PepsiRefresh-2 ul.vevent li.how h3,
ul#previous-events li#PepsiRefresh-2 ul.vevent li.how h3 {
  color: #fff;
}

ul#events li#PepsiRefresh ul.vevent li.how p,
ul#previous-events li#PepsiRefresh ul.vevent li.how p,
ul#events li#PepsiRefresh-2 ul.vevent li.how p,
ul#previous-events li#PepsiRefresh-2 ul.vevent li.how p {
  font-weight: bold;
  color: #444;
}

ul#events li#PepsiRefresh ul.vevent li.how a,
ul#previous-events li#PepsiRefresh ul.vevent li.how a,
ul#events li#PepsiRefresh-2 ul.vevent li.how a,
ul#previous-events li#PepsiRefresh-2 ul.vevent li.how a {
  color: #EE3A43;
}

/* ----- */

ul#events li#LoveToLaugh-2010, ul#previous-events li#LoveToLaugh-2010 {
  background: url(../images/event-lovetolaugh-2010.jpg) bottom left no-repeat;
}

ul#events li#LoveToLaugh-2010 ul.vevent li.how, ul#previous-events li#LoveToLaugh-2010 ul.vevent li.how {
  margin-top: 99px;
  margin-left: 18px;
  width: 260px;
  color: #fff;
  background-color: #e51f1f;
  margin-bottom: 0; 
  padding-bottom: 0; 
}

/* ----- */

ul#events li#Chickfila-nov-2009, ul#previous-events li#Chickfila-nov-2009 {
  background: url(../images/event-chickfila-nov-2009.jpg) bottom left no-repeat;
}

ul#events li#Chickfila-nov-2009 ul.vevent li.how, ul#previous-events li#Chickfila-nov-2009 ul.vevent li.how {
  margin-top: 252px;
  margin-left: 480px;
  width: 440px;
  color: #000;
}


/* Touched by SMA -------------------------------------------- */

body.touched div.faces-of-sma {
  border-top: 1px solid #000;
  padding-top: 54px;
}

ul.faces-of-sma {
  list-style-type: none;
  margin: 0; 
  padding: 0;
  margin-left: -20px;
  width: 960px; 
}

ul.faces-of-sma li.photo {
  float: left;
  margin-left: 20px;
  margin-bottom: -10px;
}

ul.faces-of-sma li.photo .img-link {
  display: block;
}

ul.faces-of-sma li.photo .caption {
  display: block; 
  position: relative;
  background: #000;
  background: rgba(0,0,0,.7);
  color: #fff;
  top: -46px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px; 
}

ul.faces-of-sma li.photo .caption h4 {
  line-height: 18px;
  margin-bottom: 0;
}

ul.faces-of-sma li.photo .caption p {
  font-size: 10px; 
  line-height: 18px;
  margin: 0;
  font-weight: bold;
}

ul.faces-of-sma li.photo .img-link:hover {
  z-index: 5;
  opacity: 0.6;
}


/* You can help ---------------------------------------------- */

/*
#donation-form .donate-button {
  background: #5cb9f3 url(../images/button-bg.jpg) repeat-x;
  border: 1px solid #069;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  color: #000;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 18px;
}

#recurring-donation-form .recurring-donate-button {
  background: #5cb9f3 url(../images/button-bg.jpg) repeat-x;
  border: 1px solid #069;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 18px;
  vertical-align: baseline;
}
*/

#donation-form .donate-button {
  background: #fe65e3;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 18px;
  border: 0; 
}

#recurring-donation-form .recurring-donate-button {
  background: #fe65e3;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 18px;
  vertical-align: baseline;
  border: 0; 
}


#recurring-donation-form .recurring-donate-amount {
  color: #000;
  line-height: 19px;
  padding: 10px;
  font-size: 16px;
  vertical-align: baseline;
  width: 4em;
  margin-right: 10px;
}

#recurring-donation-form label {
  font-weight: normal;
  font-size: 16px;
  margin-right: 10px; 
}


/* Contact Us ------------------------------------------------ */

.contact-form {
  margin-bottom: 54px;
}

.contact-form form label {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}

.contact-form form input.text {
  display: block;
  width: 100%;
  line-height: 19px;
  padding-top: 10px;
  padding-bottom: 10px; 
  font-size: 16px;
  vertical-align: baseline;
  margin-bottom: 18px;
}

.contact-form form textarea {
  display: block;
  width: 100%;
  height: 270px;
  margin-bottom: 18px;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contact-form form input.button {
  background: #fe65e3;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 18px;
  vertical-align: baseline;
  border: 0; 
}


/* Sponsors -------------------------------------------------- */

#sponsors {
 position: relative;
 margin-bottom: 52px;
}

#sponsors ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#sponsors ul li {
  display: block;
  height: 146px;
  width: 220px;
  float: left;
  margin-left: 20px;
  position: relative;
}

#sponsors ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

#sponsors ul li#two-ugly-mugs {
  margin-left: 0;
}

#sponsors ul li span {
  position: absolute;
  bottom: -36px;
  text-align: center;
  display: block;
  width: 100%;
}

#sponsors ul li a span {
  visibility: hidden;
}

#sponsors ul li a:hover span {
  visibility: visible;
}

#sponsors ul li a:hover span {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}

/* Unique sponsor styles */

#sponsors ul li#two-ugly-mugs a {
  background: transparent url(../images/sponsor-sprite.jpg) 0 -18px no-repeat;
}

#sponsors ul li#two-ugly-mugs a:hover {
  background-position: 0 -198px;
}

#sponsors ul li#logo-sportswear a {
  background: transparent url(../images/sponsor-sprite.jpg) -240px -18px no-repeat;
}

#sponsors ul li#logo-sportswear a:hover {
  background-position: -240px -198px;
}

#sponsors ul li#harvey-dallas-printing a {
  background: transparent url(../images/sponsor-sprite.jpg) -480px -18px no-repeat;
}

#sponsors ul li#harvey-dallas-printing a:hover {
  background-position: -480px -198px;
}

#sponsors ul li#spinning-wheel-studios a {
  background: transparent url(../images/sponsor-sprite.jpg) -720px -18px no-repeat;
}

#sponsors ul li#spinning-wheel-studios a:hover {
  background-position: -720px -198px;
}


/* Site information (footer) --------------------------------- */


#site-info {
 margin-top: 36px; 
}

#site-info ul {
  margin: 0;
  margin-bottom: 0; 
  padding: 0;
  list-style-type: none; 
}

#site-info ul li {
  border-bottom: 1px dotted #ccc;
  padding-top: 9px; 
  padding-bottom: 8px; 
}

#site-info ul li:first-child {
  padding-top: 0; 
}

/* Verse and links ------------------------------------------- */

#verse {
  width: 904px;
  margin-top: 36px;
  margin-bottom: 36px;
  padding: 18px;
  background: #f6f6f6;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#verse p {
  margin-bottom: 0;
  float: left;
  font-style: italic;
}

#verse ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#verse ul li {
  float: right; 
  margin-left: 20px;
}