/*
   application.css
   salinasstorm

   Created by Full Steam Marketing & Design on Oct 14, 2009.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.
*/

/*  Import Default Rules
----------------------------------------------- */
@import url(tripoli.simple.css);
@import url(structure.css);

.col {
/*  outline: 1px dotted #c00;*/
/*  background-color: #edd;*/
}

.col * {
/*  outline: 1px dotted #080;*/
/*  background-color: #ded;*/
}

html { background: transparent; }
body { background: #000 url('design/background.jpg') center top no-repeat; margin: 0; padding: 0; }

#wrapper {
  background: transparent url('design/bg_frame.jpg') repeat-y 50% 128px;
  width: 100%;
  margin: 20px auto;
  padding: 0;
}

/* Override structure.css .col padding to be 40px on each side */
.content .col { padding: 0 40px; }

/*  Generic Content Rules
----------------------------------------------- */
.content {
  font-family: Georgia, Times, "Times New Roman", serif;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  font-weight: normal;
  color: #73530c;
}
.content a:link, .content a:visited { color: #3d50b4; text-decoration: none; }
.content a:hover { color: #3d50b4; text-decoration: underline; }
.content table, .content th { border: 0px none; }
.content td { border: 1px solid #c97; }
.content th { font: normal normal normal 12px/1em helvetica, arial, sans-serif; color: #953; }
.content ul, .content ul li { margin: 0 0 0 .5em; text-indent: 0; }

.content .download {
  background: transparent url('/images/asset_icons/32/default.gif') no-repeat center left;
  padding-left: 36px;
  padding-top: 2px;
  line-height: 30px;
  font-size: 16px;
}
.content .back, .content .goto {
  margin: 0 0 2em 0;
}
.content .back a, .content .goto a {
  font: normal 10px arial, sans-serif;
  text-transform: uppercase;
  padding: 2px 5px;
  color: #333;
  background-color: #ebdcbf;
  border: 1px solid #c97;
}
.content .back a:hover, .content .goto a:hover {
  text-decoration: none;
  background-color: #c97;
  color: #fff;
}
.content .img-rep {
  text-indent: -9999px;
  overflow: hidden;
}
.content .h40 { margin-top: 40px; }
.content .h60 { margin-top: 60px; }

/*  Top and Bottom frame borders
----------------------------------------------- */
#top-border, #btm-border {
  background: transparent url('design/bg-header.jpg') no-repeat top center;
  height: 40px;
  width: 100%;
}
#btm-border {
  background: transparent url('design/bg-bottom.gif') no-repeat bottom center;
}

/*  Header
----------------------------------------------- */
#header {
  background: transparent url('design/bg-header.jpg') no-repeat -38px -40px;
/*  padding-top: 40px;*/
/*  width: 100%;*/
  width: 960px;
  margin: 0 auto;
}
#header2 {
  width: 960px;
  height: 86px;
}
#header #logo {
  float: left;
  width: 200px;
  height: 86px;
}
#header #logo a {
  display: block;
  text-indent: -9999px;
  width: 200px;
  height: 88px;
}


/* Navigation
----------------------------------------------- */
.content ul.navigation {
  float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.content ul.navigation li {
  float: left;
  height: 40px;
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0 0 0 0;
}
.content ul.navigation li:before, .content #footer ul li:before,
.content ul li:before { display: none; } /* removing bullets for navigation unordered lists */


/*  Main Nav
----------------------------------------------- */
#nav {
  float: left;
  height: 40px;
}
.content #nav li {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#nav ul li a {
  background: transparent url('design/nav_main.gif') no-repeat 0px 0px;
  display: block;
  margin: 0;
  padding: 0;
  height: 40px;
  text-indent: -9999px;
}

/*  Navigation default state */
#nav ul li#organization-nav a, #nav #organization-nav { background-position: 0px 0px; width: 170px; }
#nav ul li#adult-sports-nav a, #nav #adult-sports-nav { background-position: -180px 0px; width: 170px; }
#nav ul li#teams-nav a, #nav #teams-nav { background-position: -350px 0px; width: 85px; }
#nav ul li#tournaments-nav a, #nav #tournaments-nav { background-position: -435px 0px; width: 175px; }
#nav ul li#facilities-nav a, #nav #facilities-nav { background-position: -610px 0px; width: 131px; }
/*#nav ul li#faqs-nav a, #nav #faqs-nav { background-position: -561px 0px; width: 66px; }*/

/* Navigation hover state & page section indicator */
#nav ul li#organization-nav a:hover, .organization-page #nav #organization-nav a {
  background-position: 0px -40px;
}
#nav ul li#adult-sports-nav a:hover, .adult-sports-page #nav #adult-sports-nav a {
  background-position: -180px -40px;
}
#nav ul li#teams-nav a:hover, .teams-page #nav #teams-nav a {
  background-position: -350px -40px;
}
#nav ul li#tournaments-nav a:hover, .tournaments-page #nav #tournaments-nav a {
   background-position: -435px -40px;
}
#nav ul li#facilities-nav a:hover, .facilities-page #nav #facilities-nav a {
  background-position: -610px -40px;
}


/*  Subnav
----------------------------------------------- */
.content #sub-nav {
  float: left;
  margin: 14px 0 0 14px;
}
.content #sub-nav ul { margin: 0; padding: 0; }
.content #sub-nav li {
  text-indent: none;
  padding: 0;
  margin: 0 1em;
  height: 2em;
  line-height: 2em;
  font-size: 14px;
}
.content #sub-nav li a {
  display: block;
  float: left;
  margin: 0 -1em;
  padding: 0 1em;
  height: 2em;
  line-height: 2em;
}


/*  Main Content
----------------------------------------------- */
.content #main-content {
/*  background: transparent url('design/bg_frame.jpg') repeat-y top center;*/
  width: 960px;
  margin: 0 auto;
}
.content #mc2 {
  background: transparent url('design/bg-main-content.jpg') no-repeat top center;
  float: left;
}
.content #bottom-content {
  background: transparent url('design/bg-home-main-content.jpg') no-repeat top center;
  float: left;
}

/*  Page Titles
----------------------------------------------- */
.content .page-title h1 {
  overflow: hidden;
  text-indent: -9999px;
  height: 48px;
  background: transparent no-repeat top left;
}
.adult-sports-page .page-title h1 { background-image: url('design/h1-adult-sports.png'); }
.organization-page .page-title h1 { background-image: url('design/h1-organization.png'); }
.teams-page .page-title h1 { background-image: url('design/h1-our-teams.png'); }
.tournaments-page .page-title h1 { background-image: url('design/h1-tournaments.png'); }
.facilities-page .page-title h1 { background-image: url('design/h1-facilities.png'); }

.home-page .aside .col {
  background: transparent url('design/h1-our-teams.png') no-repeat 40px 0;

}
.home-page h2.page-title {
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
/*  padding-bottom: 8px;*/
  background: transparent url('design/aside-horz-line.gif') no-repeat bottom center;
}


/*  Top Div
----------------------------------------------- */

/* Hide #top-div whenever not on Home Page */
#top-div { display: none; }

.home-page #top-div {
  display: block;
  background: transparent url('design/ssm-home-top-content-bkgd.jpg') no-repeat 50% 0;
  height: 380px;
}
.home-page #top-div .article  {
  background: transparent;
  width: 360px;
  text-align: center;
  padding: 5px 34px 0 10px;
}
.home-page #top-div .article h3 {
  background: transparent none;
  font-family: verdana;
  color: #73530c;
  font-size: 12px;
  margin: 4px 0 0;
  padding: 0;
}
.home-page #top-div .article h1 {
  background: transparent;
  color: #333;
  font-size: 24px;
  line-height: 26px;
  margin: 10px 0 40px 0;
  height: 78px;
  overflow: hidden;
}
.home-page #top-div .article p {
  color: #3a3731;
  font-size: 14px;
  line-height: 1.3em;
}
.home-page #top-div .aside {
  background: transparent;
  float: left;
/*  display: inline;*/
  overflow: hidden;
  height: 355px;
  width: 532px;
}
.home-page #top-div .aside img {
  margin: 23px 0 0 26px;
}


/*  Asides
----------------------------------------------- */
.aside {
/*  background: #faf0d9 url('design/bg_aside.jpg') no-repeat -2px 0;*/
  margin: 0;
  padding: 0;
  min-height: 320px;
  font-size: 14px;
/*  color: #3a3731;*/
}
.aside .section {
  min-height: 77px;
}
.aside .sidenav ul {
  font: normal normal 125% Georgia, Times, "Times New Roman", serif;
/*  text-transform: uppercase;*/
  list-style-type: none;
  line-height: 2em;
  padding-bottom: .5em;
  margin-left: 0;
}
.aside .sidenav ul li,
.aside .section dl {
  background: transparent url('design/aside-horz-line.gif') no-repeat 0 0;
  margin-top: .4em;
  margin-left: 0;
  padding-top: 1.0em;
  line-height: 1.2em;
}
.aside .sidenav ul li a {
  color: #73530c;
}
.aside .sidenav ul ul {
  margin: .2em 0 .2em 10px;
  font: normal normal bold 14px Arial, sans-serif;
}
.aside .sidenav ul ul ul {
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}
.aside .sidenav ul ul ul li a {
  color: #3d50b4;
  text-decoration: underline;
}
.aside .sidenav ul ul li {
  background-image: none;
  margin-top: .4em;
  padding-top: 0;
}
.aside .section h2 {
  margin-top: 0;
  padding-bottom: 8px;
  background: transparent url('design/aside-horz-line.gif') no-repeat bottom center;
}
.aside #news-block, .aside #dugout,
.aside #teams, .aside #calendar-block,
.aside #storm-house {
/*  min-height: 150px;*/
/*  padding-top: 70px;*/
}
/*.aside #news-block { background: transparent url('design/aside-event-news.jpg') no-repeat top left; }*/
/*.aside #dugout { background: transparent url('design/aside-dugout.gif') no-repeat -40px 0px; }*/
/*.aside #teams { background: transparent url('design/aside-teams.gif') no-repeat -40px 0px; }*/
/*.aside #calendar-block { background: transparent url('design/aside-calendar.gif') no-repeat -40px 0px; }*/
/*.aside #storm-house { background: transparent url('design/aside-storm-house.gif') no-repeat top left }*/

.aside .section h3 {
/*  overflow: hidden;*/
/*  text-indent: -9999px;*/
/*  height: 26px;*/
/*  background: transparent no-repeat top left;*/
}

/*.adult-sports-page .aside .section h3 { background-image: url('design/h1-adult-sports.png'); }*/
/*.organization-page .aside .section h3 { background-image: url('design/h1-organization.png'); }*/
/*.tournaments-page .aside .section h3 { background-image: url('design/h1-calendar.png'); }*/
/*.facilities-page .aside .section h3 { background-image: url('design/h1-facilities.png'); }*/

.aside #teams li, .aside #dugout li {
  font-size: 18px;
  line-height: 2em;
  color: #8196c2;
}
.aside #video img {
  background-color: #dcb;
  margin: 0;
  padding: 3px;
  border: 1px solid #c97;
}



/*  Article
----------------------------------------------- */
.article {
/*  background: #faf0d9 url('design/bg_article.jpg') no-repeat -4px 0;*/
  margin: 0;
/*  padding-top: 20px;*/
  min-height: 300px;
  font-family: georgia;
  color: #3a3731;
  font-size: 14px;
  line-height: 20px;
}
.article h1 {
  margin: 5px 0 15px 0;
  background: transparent url('design/article-horz-line.gif') no-repeat center bottom;
  padding-bottom: 12px;
}
.article table[class] tr.odd {
  background-color: #ebdcbf;
}
.article ul.news-list li {
  margin: 1em 0;
}

/*  Home Page
----------------------------------------------- */
.home-page .content .thin { padding: 0 30px; }
.home-page .announcements h3 {
  background: transparent url('design/article-horz-line.gif') no-repeat 0 0;
  margin-top: 0.6em;
  padding-top: 1.4em;
/*  border-top: 1px solid #e6d4b6;*/
}
.home-page .announcements strong {
  display: block;
  font: normal bold 1em/1.2em Arial, sans-serif;
  text-transform: uppercase;
  color: #332300;
}
.home-page #facilities-imgs {
  margin: 0 -20px;
  height: 190px;
}
.home-page a#outdoor-facilities, .home-page a#indoor-facilities {
  float: left;
  display: block;
  width: 210px;
  height: 180px;
  text-indent: -9999px;
  overflow: hidden;
}
.home-page a#indoor-facilities {
  width: 230px;
  margin-top: 10px;
}
.home-page .section {
  margin: 1.6em 0 3em;
  font-size: 13px;
}
.home-page .section p, .home-page .section ul {
  margin: .8em 0;
}
.home-page .section li {
  margin-left: 1.2em;
  padding: 0;
  color: #c97;
}
.home-page .section h3, .home-page .article h3 {
  background: transparent url('design/aside-horz-line.gif') no-repeat -40px 100%;
  padding-bottom: 10px;
}
.home-page .article h3 {
  background-position: 0% 100%;
}
.home-page .content h3 a {
  color: #73530c;
}

/*  Organization Page
----------------------------------------------- */
.organization-page .content .aside,
.adult-sports-page .content .aside {
  background: transparent url('design/bg-player-sillouette.png') no-repeat 92% 25px;
  min-height: 360px;
}

/*  Teams Page
----------------------------------------------- */
.teams-page .content .aside,
.tournaments-page .content .aside,
.facilities-page .content .aside {
  background: transparent url('design/bg-diamond.png') no-repeat 50% 80px;
  min-height: 300px;
}

/* Footer
----------------------------------------------- */
#footer {
  background: transparent url('design/bg_footer.jpg') no-repeat 50% 0px;
  height: 295px;
  margin: 0 auto;
}
#footer #footer-copyright {
  clear: both;
  font-size: 12px;
  width: 540px;
  margin: 0 auto;
}
#footer #footer-copyright p {
  float: left;
  line-height: 12px;
  margin: 0;
  padding: 0;
}
#footer #footer-copyright #fsm {
  float: right;
}
#footer #footer-copyright, #footer #footer-copyright a {
  color: #3a3731;
  text-decoration: none;
}
#footer #footer-copyright a:hover {
  color: #3d50b4;
  text-decoration: underline;
}
.content #footer ul, .content #footer ul li {
  margin: 0;
  text-indent: 0;
}

/*  End Cap
----------------------------------------------- */
#end-cap {
  height: 140px;
  padding-left: 180px;
  padding-top: 86px;
}
#end-cap .col {
  padding: 0 10px;
}
#end-cap h4 {
  margin-top: 0;
}
#end-cap h4 + h4 {
  margin-top: 1.14em;
}
#end-cap li {
  display: block;
  line-height: 1em;
  padding: .4em 10px .4em 0;
}
#end-cap a {
  text-decoration: none;
  color: #3A3731;
}
#end-cap a:hover {
  text-decoration: underline;
}