/* ---------------------------------------------------------------------------------------------

  general setup

--------------------------------------------------------------------------------------------- */

/* COLORS ------------------
Dark Orange: #C63
Light Orange: #F93
Dark Green: #693
Light Green: #9C3
Dark Blue: #06C
Light Blue: #39F
Dark Purple: #939
Light Purple: #C3C
Dark Grey: #333
------------------------- */

body { 
  margin: 0; /* removes default margin in screen.css */
  color: #555;
  background: #fff url(/images/bg.png) top center repeat-y; 
}

a, a:focus { color: #9C3; text-decoration: none; outline: none; }
a:hover { color: #9C3; text-decoration: underline; }

/* ---------------------------------------------------------------------------------------------

	header

--------------------------------------------------------------------------------------------- */

#header {
  height: 180px;
  position: relative;
  background: url(/images/bg_header.png) no-repeat;
}

#header h1  {
 text-indent: -9999px; 
}

#header form {
  padding-left: 35px;
  width: 235px;
  height: 36px;
  position: absolute;
  top: 72px;
  left: 680px;
  background: url(/images/bg_search-icon.png) no-repeat;
}

#header form input.keyword { vertical-align: top; width: 150px; }
#header form input.button { }

#header span {
  position: absolute;
  top: 100px;
  left: 715px;
  font-size: 11px;
  color: #39F;
}

#header span a { color: #39F; }

/* ---------------------------------------------------------------------------------------------

	nav

--------------------------------------------------------------------------------------------- */

#nav {
  height: 36px;
  background: url(/images/bg_nav.png) repeat-x;
}

#nav ul.tabs {
  margin: 0;
}

#nav ul.tabs a {
  padding: 12px 21px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #060;
  text-decoration: none;
  background: url(/images/bg_nav-item.png) top right repeat-y;
  border: none;
}

#nav ul.tabs a:hover { color: #FFF; }

#s-home li#home a,
#s-why li#why a,
#s-member-stories li#member-stories a,
#s-discover li#discover a,
#s-play li#play a { color: #FFF; }

/* ---------------------------------------------------------------------------------------------

	feature slideshow

--------------------------------------------------------------------------------------------- */

#feature,
#feature .slide { width: 950px; height: 306px; }
#feature h2 { margin: 0; text-indent: -9999px; }

#s-home #feature h2 { background: none; }
#s-home #feature .one { background: url(/images/bg_feature-home-1.jpg) no-repeat; }
#s-home #feature .two { background: url(/images/bg_feature-home-2.jpg) no-repeat; }
#s-home #feature .three { background: url(/images/bg_feature-home-3.jpg) no-repeat; }
#s-home #feature .four { background: url(/images/bg_feature-home-4.jpg) no-repeat; }
#s-home #feature .five { background: url(/images/bg_feature-home-5.jpg) no-repeat; }

#s-why #feature { background: url(/images/bg_feature-why.jpg) no-repeat; }
#s-member-stories #feature { background: url(/images/bg_feature-member-stories.jpg) no-repeat; }

#feature .one h2 { background: url(/images/tr_feature-h2-1.png) no-repeat; }
#feature .two h2 { background: url(/images/tr_feature-h2-2.png) no-repeat; }
#feature .three h2 { background: url(/images/tr_feature-h2-3.png) no-repeat; }
#feature .four h2 { background: url(/images/tr_feature-h2-4.png) no-repeat; }
#feature .five h2 { background: url(/images/tr_feature-h2-5.png) no-repeat; }
#feature .six h2 { background: url(/images/tr_feature-h2-6.png) no-repeat; }
#feature .seven h2 { background: url(/images/tr_feature-h2-7.png) no-repeat; }
#feature .eight h2 { background: url(/images/tr_feature-h2-8.png) no-repeat; }
#feature .nine h2 { background: url(/images/tr_feature-h2-9.png) no-repeat; }

#s-why #feature h2,
#s-member-stories #feature h2 { margin: 120px 0 0 30px; width: 648px; height: 113px; }

#s-play #feature { background: url(/images/bg_feature-play.jpg) no-repeat; }
#s-static #feature { background: url(/images/bg_feature-home-1.jpg) no-repeat; }

/* ---------------------------------------------------------------------------------------------

	content

--------------------------------------------------------------------------------------------- */

#content { }

#content h3 {
  margin: 0;
  padding: 6px 0 7px 22px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #333 url(/images/bg_content-h3.png) repeat-x;
}

#content h3.slider { background: #333 url(/images/bg_arrows.png) 9px 9px no-repeat; cursor: pointer; }
#content h3.hover { background-color: #494949; }
#content h3.active { background-position: 7px -14px; }

#content h4 {
  font-size: 16px;
  font-weight: bold;
  color: #555;
}

#content .box {
  margin: 0 0 2px 0;
  padding: 10px 22px;
  background: #333;
}

#content .ad-box {
  margin: 0;
  padding: 0;
  background: #3b3b3b;
  border-bottom: 2px solid #000;
}

#content .no-bg { background: none; } /* applies to .box in order to remove the bg color */

#content .slide { display: none; } /* for the initial hiding of expanding/collapsing boxes */

/* DISCOVER ---------------------------------------- */
#s-discover #content { margin-top: 2px; }

/* ---------------------------------------------------------------------------------------------

	content-sidebar

--------------------------------------------------------------------------------------------- */

#content-sidebar {
  width: 268px; /* had to override span-7 width because of the 2px border-left below */
  border-left: 2px solid #fff;
}

#content-sidebar .box p { color: #777; }

#content-sidebar p.more { margin-left: 180px; font-size: 11px; font-weight: normal; }
#content-sidebar p.more a { color: #999; text-decoration: none; }
#content-sidebar p.more a:hover { text-decoration: underline; }

#content-sidebar ul {
  margin: 0 0 20px 0;
  list-style-type: none;
  color: #666;
}

#content-sidebar li {
  margin-bottom: 5px;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #555;
}

#content-sidebar li.social-facebook { background: url(/images/icon_social-facebook.png) 100% 50% no-repeat; }
#content-sidebar li.social-twitter { background: url(/images/icon_social-twitter.png) 100% 50% no-repeat; }
#content-sidebar li.social-youtube { background: url(/images/icon_social-youtube.png) 100% 50% no-repeat; }
#content-sidebar li.social-myspace { background: url(/images/icon_social-myspace.png) 100% 50% no-repeat; }

#content-sidebar li a { display: block; }
#content-sidebar li a.selected { text-decoration: underline; }

#content-sidebar a.sidebar-ad-254 { height: 254px; display: block; }
#content-sidebar a.sidebar-ad-268 { height: 268px; display: block; }

#s-discover #content-sidebar p.participating-cu {
  margin-bottom: 0;
  width: 268px;
  height: 254px;
  background: url(/images/ad_discover-sidebar.jpg) no-repeat;
  position: relative;
}

#s-discover #content-sidebar p.participating-cu a {
  width: 60px;
  height: 15px;
  display: block;
  position: absolute;
  top: 199px;
  left: 10px;
  text-indent: -9999px;
}

/* events box styles ---------------------------*/
#content-sidebar p span { color: #39F; }
#content-sidebar p span.travel, #content-sidebar p span.travel a { color: #F93; }

#content-sidebar p a { text-decoration: underline; }
#content-sidebar p a:hover { text-decoration: none; }

/* photos box styles ---------------------------*/
#content-sidebar img.sidebar-thumb { float: left; }
#content-sidebar p.gallery-desc { color: #39F; margin: -4px 0 15px 90px; padding: 0; }
#content-sidebar p.gallery-desc a { text-decoration: none; }
#content-sidebar p.gallery-desc a:hover { text-decoration: underline; }
#content-sidebar p.gallery-desc span { font-size: 10px; color: #999; }

/* videos box styles ---------------------------*/
#content-sidebar p.video-desc { color: #39F; margin: -4px 0 15px 90px; padding: 0; }
#content-sidebar p.video-desc a { text-decoration: none; }
#content-sidebar p.video-desc a:hover { text-decoration: underline; }
#content-sidebar p.video-desc span { font-size: 10px; color: #999; }


/* ---------------------------------------------------------------------------------------------

	content-main

--------------------------------------------------------------------------------------------- */

#content-main {
  padding: 0 40px 0 16px;
  width: 614px;
}

#content-main h3 {
  margin-bottom: 9px;
  padding: 18px 0 0 0;
  font: bold 34px "Myriad Pro", Myriad, Arial, sans-serif;
  letter-spacing: -.045em;
  color: #690;
  background: none;
  border-bottom: 1px solid #690;
}

#content-main h4 { margin-bottom: 0; }
#content-main h4 a { color: #333; }
#content-main p.cite { font-size: 10px; }
#content-main p.cite a { color: #06C; }
#content-main p span.date { color: #39F; }
#content-main a.read-more { margin-bottom: 5px; float: right; }
#content-main p.pagination { text-align: center; clear: both; }
#content-main p.pagination strong { color: #9C3; text-decoration: underline; }
#content-main a.share { margin: 0 0 0 267px; padding: 0; }

#content-main ul { list-style-type: square; }
#content-main hr { background: #999; color: #999; } 

#content-main .box {
  padding: 0;
}

/* HOME ---------------------------------------- */
#s-home #content-main a.home-ad img {
  margin-bottom: -5px;
}

#s-home #content-main p.big-money {
  margin-bottom: 0;
  width: 520px;
  height: 126px;
  background: url(/images/bg_big-money-home.gif) no-repeat;
  position: relative;
}

#s-home #content-main p.big-money a {
  width: 118px;
  height: 17px;
  display: block;
  position: absolute;
  top: 103px;
  left: 198px;
  text-indent: -9999px;
}

/* CONTEST WINNERS ---------------------------------------- */
#s-home #content-main h3.contest-winners,
#s-contest-winners #content-main h3.contest-winners {
  margin-top: 18px;
  padding: 0;
  width: 616px;
  height: 135px;
  text-indent: -9999px;
  background: url(/images/tr_h3-contest-winners.jpg) no-repeat; 
  border: none;
}

#s-home #content-main table#winners-table th,
#s-contest-winners #content-main table#winners-table th {
  background: #54a9ff;
  color: #111;
}

#s-home #content-main table#winners-table td,
#s-contest-winners #content-main table#winners-table td {
  border-bottom: 1px solid #ccc;
}

#s-home #content-main table#winners-table td em,
#s-contest-winners #content-main table#winners-table td em {
  font: italic 11px Georgia, "Times New Roman", Times, serif;;
  color: #333;
}
  
/* DISCOVER --------------------------- */
#s-discover #content-main.stories img.story-image { padding: 0 20px 15px 0; float: left; }

#s-discover #content-main h5 { margin-bottom: 0; font-size: 12px; color: #9C3; }
#s-discover #content-main h5 a { text-decoration: underline; }
#s-discover #content-main h5 a:hover { text-decoration: none; }
#s-discover #content-main h5 a:focus { color: #9C3; text-decoration: underline; }
#s-discover #content-main h5 span, #s-discover #content-main h5 span a { color: #F93; }

/* BLOG ---------------------------*/
#s-blog #content-main img.blog-image { padding: 0 20px 15px 0; float: left; }
#s-blog #content-main p.pagination { text-align: center; clear: both; }
#s-blog #content-main p.pagination strong { color: #9C3; text-decoration: underline; }

#s-blog #content-main a.read-more { margin-bottom: 5px; float: right; }

/* COMMENTS ---------------------------*/
#content-main #comments { page-break-before: always; }
#content-main #comments h3 { margin-top: 35px; clear: both; }

#content-main div.comment { 
  margin: 15px 0;
  padding: 0;
  width: 476px;
}

#content-main div.comment p {
  padding: 5px;
}

#content-main div.comment p.no-results {
  margin: 5px 0 0 5px;
  background: #000;
}

#content-main div.comment p.commenter {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #cc33cc;
  background: #000;
}

#content-main div.comment p.commenter a { color: #cc33cc; text-decoration: underline; }

#content-main div.comment p.commenter span {
  font-size: 10px;
  font-weight: normal;
  color: #666;
}

#content-main div.comment img {
  margin-right: 9px;
  float: left;
}

#content-main div.comment-body-wrapper {
  width: 407px;
  background: #000 url(/images/bg_comment-wrapper.png) top left no-repeat;
  float: left;
}

#content-main div.comment-body {
  padding: 5px;
  width: 386px;
  background: #333;
  float: right;
}

#content-main form#comment_form, #content-main form#freeform {
  margin: 25px 0;
  padding: 22px;
  background: #666;
}

#content-main form#comment_form  p, #content-main form#freeform p { color: #222; }
 
/* PHOTOS ---------------------------*/
#s-discover #content-main.photos img.gallery-thumb-large { padding: 0 20px 15px 0; float: left; }
#s-discover #content-main p.gallery-count { font-size: 10px; }
#s-discover #content-main p.gallery-count a { color: #06C; }
#s-discover #content-main.photos img.gallery-detail-thumb { margin: 0 15px 15px 0; padding: 0; float: left; }

/* VIDEOS ---------------------------*/
#s-discover #content-main.videos img.video-thumb-large { padding: 0 20px 15px 0; float: left; }
#s-discover #content-main ul.unit-rating { list-style-type: none; }

/* SEARCH ---------------------------*/
#s-search #content-main img.gallery-thumb-large { padding: 0 20px 15px 0; float: left; }
#s-search #content-main p.gallery-count { font-size: 10px; }
#s-search #content-main p.gallery-count a { color: #06C; }

#s-search #content-main img.video-thumb-large { padding: 0 20px 15px 0; float: left; }

/* PLAY ---------------------------*/
#s-play #content-main p.instant-cash {
  margin-bottom: 0;
  width: 520px;
  height: 126px;
  background: url(/images/bg_instant-cash.jpg) no-repeat;
  position: relative;
}

#s-play #content-main p.instant-cash a {
  width: 43px;
  height: 12px;
  display: block;
  position: absolute;
  top: 97px;
  left: 435px;
  text-indent: -9999px;
}

#s-play #content-main a.button { padding: 5px; text-align: center; background: #F6F6F6; color: #000; border: 1px solid #000; }
#s-play #content-main a.button:hover { text-decoration: none; }

#s-play #content-main form {
  margin: 25px 0;
  padding: 22px;
  background: #666;
}

#s-play #content-main form  p { color: #222; }
#s-play #content-main form  p.note { color: #9C3; } 

#s-play #content-main form label.error { display: none; }

#s-play #content-main #col-1, #s-play #content-main #col-2 {
  margin: 0;
  padding: 0 20px 0 0;
  width: 210px;
  float: left;
}

#s-play #content-main #col-1 p strong, #s-play #content-main #col-2 p strong { color: #39F; }

/* SITEMAP ---------------------------*/
#s-static ul li.sub { list-style-type: none; }

/* ---------------------------------------------------------------------------------------------

	footer

--------------------------------------------------------------------------------------------- */
#footer-wrapper {
  height: 144px;
  background: #1b1b1b;
  border-top: 18px solid #3e3d3d;
}

#footer {
  margin: 0 auto;
  width: 950px;
  color: #7e7e7e;
}

#footer p {
  margin: 0;
  padding: 50px 25px 0;
}

#footer a { color: #7e7e7e; }

#footer p.links { float: left; }
#footer p.copyright { float: right; }