/*  --------------------------------------------    
    layout.css
    com.rockfish.www
    regi e.(regi@pushhere.com, Lead Dev)
    - Requires(Location):
      (styles/lib/layout.css)
    --------------------------------------------  */
    
    
/*  GLOBAL SELECTOR
    --------------------------------------------  */
    body {
      background: rgb(0,0,0) url('../../images/bg_top.png') 50% 0 no-repeat;
    }
    #shell {
      width: 1200px;
      margin: 0 auto;
      position: relative;
    }
    #content {}
    h1 {
      top: 0;
      left: 50%;
      position: absolute;
      margin: 0 0 0 -177px;
      z-index: 10;
    }
    h1 a {
      background: transparent url('../../images/nav-sprites.png') 0 0 no-repeat;
      width: 355px;
      height: 185px;
      text-indent: -999em;
      display: block;    
    }
    #page-visual {
      display: block;
      width: 100%;
      height: 268px;
      background: transparent url('../../images/bottom_bg2.png') 35px 30px no-repeat;
      position: absolute;
      bottom: 185px;
      left: 21px;
      z-index: -1;
    }
    body#contact #page-content,
    body#prizes #page-content,
    body#charities #page-content,
    body#sponsors #page-content,
    body#links #page-content,
    body#rules #page-content,
    body#scoring #page-content,
    body#winners #page-content,
    body#charters #page-content,
    body#weather #page-content,
    body#news #page-content,
    body#events #page-content,
    body#store #page-content,
    body#legal #page-content,
    body#faq #page-content,
    body#reg #page-content {
      width: 760px;
      min-height: 750px;
      margin: 0 auto;
      padding: 200px 100px;
      background: transparent url('../../images/content_holder2.png') -20px 140px no-repeat;
    }
    .section-title {
      width: 250px;
      height: 198px;
      position: absolute;
      top: 0;
      left: 0;
      background: transparent url('../../images/clings.png') 0 0 no-repeat;
      margin: 0;
    }
    .clearfix { clear:both; display: block; }


/*  NAVIGATION SELECTOR
    --------------------------------------------  */
    #nav-visual {
      background: transparent url('../../images/head_foot_bg.png') 0 0 no-repeat;
      height: 80px;
      width: 100%; 
      z-index: 0;
      display: block;
      position: absolute;
      top: 0;
    }
    #main-navigation {
      position: relative;
      height: 80px;
      margin: 0;
      z-index: 10;
    }
    #main-navigation li {
      position: absolute;
      top: 12px;
    }
    #main-navigation li a {
      display: block;
      width: 101px;
      height: 45px;
      text-indent: -999em;
      position: relative;
      background: transparent url('../../images/nav-sprites.png') 0 0 no-repeat;
      z-index: 1;
    }
    #main-navigation li#prizes {
      left: 135px;
    }   
    #main-navigation li#sponsers {
      left: 250px;
    }
    #main-navigation li#tournament {
      left: 370px;
    }
    #main-navigation li#events {
      right: 370px;
    }
    #main-navigation li#store {
      right: 270px;
    }
    #main-navigation li#prizes a {
      background-position: -9px -229px;
    }   
    #main-navigation li#sponsers a {
      background-position: -9px -318px;
    }
    #main-navigation li#tournament a {
      background-position: -4px -406px;
      width: 111px;
    }
    #main-navigation li#events a {
      background-position: -9px -498px;
    }
    #main-navigation li#store a {
      background-position: -9px -586px;
    }
    #main-navigation ul.drop-down {
      position: absolute;
      left: -999em;
      top: 40px;
      margin: 0;
      width: 100px;
      height: 95px;
      background: transparent url('../../images/nav_sprites3.png') 0 -699px no-repeat;
      z-index: 0;
      text-align: center;
    }
    #main-navigation li#tournament ul.drop-down {
      background-position:4px -860px;
      height:155px;
      width: 111px;
    }
    #main-navigation li#events ul.drop-down {
      background-position: -7px -1083px;
      height: 88px;
      width: 88px;
    }
    #main-navigation ul.drop-down li {
      position: relative;
      background: none;
      height: 25px;
    }
    #main-navigation li#tournament ul.drop-down li {
      height: 28px;
    }
    #main-navigation li#tournament ul.drop-down li:first-child {
      margin: -5px 0 10px 0;
    }
    #main-navigation li#events ul.drop-down li {
      height: 30px;
    }
    #main-navigation li#events ul.drop-down li a {
      width: 88px;
    }
    #main-navigation ul.drop-down li a {
      text-indent: 0;
      background: none;
      font-size: 0.8em;
      text-transform: capitalize;
      color: rgb(0,0,0);
      height: 100%;
    }
    #main-navigation ul.drop-down li a:hover {
      text-decoration: underline;
    }
    #main-navigation li:hover ul.drop-down {
      position: absolute;
      left: 0;
    }
    
/*  SOCIAL SELECTOR
    --------------------------------------------  */
    .social-options {
      position: absolute;
      top: 20px;
      right: 175px;
      margin: 0;
      z-index: 11;
    }
    .social-options li {
      float: left;
    }
    .social-options li a {
      width: 30px;
      height: 30px;
      background: transparent url('../../images/nav-sprites.png') 0 0 no-repeat;
      display: block;
      text-indent: -999em;
    }
    .social-options li#twitter a {
      background-position: 1px -1215px;
    }
    .social-options li#facebook a {
      background-position: 1px -1259px;
    }
    
    .social-options li#twitter a:hover  {
      background: transparent url('../../images/twit_hov.png') 1px 0 no-repeat;
    }
    .social-options li#facebook a:hover  {
      background: transparent url('../../images/face_hov.png') 1px 0 no-repeat;
    }
/*  FOOTER SELECTOR
    --------------------------------------------  */
    #footer {
      margin: 0 auto;
      background: transparent url('../../images/head_foot_bg.png') 0 -630px no-repeat;
      height: 185px;
      padding: 0 118px;
      clear: both;
    }
    #footer #events-listings,
    #footer #network-listings,
    #footer #sponsers-listings {
      float: left;
      width: 300px;
      margin: 0 10px;
      padding: 10px 0;
    }
    #footer #events-listings h2,
    #footer #network-listings h2,
    #footer #sponsers-listings h2 {
      background: transparent url('../../images/footer-sprites.png') 0 -89px no-repeat;
      width: 120px;
      height: 47px;
      margin: 0 auto;
      text-indent: -999em;
      z-index: 1;
      position: relative;
    }
    #footer #events-listings ol,
    #footer #sponsers-listings ul,
    #footer #network-listings form {
      padding: 30px 10px 10px;
      margin: -15px 0 0;
      height: 130px;
      z-index: 0;
      position: relative;
      background: transparent url('../../images/footer_bg.png') 0 0 repeat;
    }
    #footer #events-listings h2 {
      background-position: 0 -180px;
    }
    #footer #events-listings .event {
      position: relative;
      padding: 0 0 0 85px;
      margin-bottom: 20px;
    }
    #footer #events-listings .event h4 {
      color: rgb(255,255,255);
      position: absolute;
      top: 2px;
      left: 0;
      height: 20px;
      padding: 5px 10px;
      background-color: rgb(200,49,193);
    }
    #footer #events-listings .event p {
      margin: 0 0 10px;
      font-size: 0.8em;
      line-height: 1.3em;
    }
    #footer #network-listings {
      
    }
    #footer #network-listings h2 {
      background-position: 0 2px;
    }
    #footer #network-listings p,
    #footer #network-listings h4 {
      margin: 0;
      font-size: 0.8em;
      font-weight: 200;
    }
    #footer #network-listings h4 {
      margin: 55px 0 10px;
      color: rgb(123,123,123);
    }
    #footer #network-listings form {
      padding: 30px 20px 10px;
    }
    #footer #network-listings input {
      display: block;
      margin: 10px 0;
      color: rgb(123,123,123);
      background-color: rgb(0,0,0);
      border: 3px solid rgb(47,47,47);
      padding: 7px;
      float: left;
      width: 165px;
      
      border-radius: 2px;
      -moz-border-radius: 2px;
      -web-kit-border-radius: 2px;
    }
    #footer #network-listings button {
      display: block;
      background: transparent url('../../images/submit.png') 0 0 no-repeat;
      border: 0 none;
      cursor: pointer;
      text-indent: -999em;
      width: 60px;
      height: 30px;
      position: absolute;
      top: 59px;
      right: 20px;
    }
    iframe .connect_widget_like_button .liketext {
      border: 3px solid rgb(134,138,147);
      
      border-radius: 2px;
      -moz-border-radius: 2px;
      -web-kit-border-radius: 2px;
    }
    iframe .connect_widget_not_connected_text {
      color: rgb(123,123,123);
      font-family: Georgia, arial, sans-serif;
    }
    #footer #sponsers-listings {
      
    }
    #footer #sponsers-listings h2 {
      
    }
    #footer #sponsers-listings ul {
      padding: 20px 38px 0;
    }
    #footer #sponsers-listings ul li {
      margin-top: 15px;
      float: left;
    }
    #footer #sponsers-listings ul li#rock {
      margin-top: 20px;
      margin-right: 25px;
    }
    #footer #sponsers-listings img {
      border: 0 none;
/*      height: 75px;*/
    }
    #tidewater { margin-right: 15px; }
#sall {
position: absolute;
font-size: 12px;
margin-left: 25px;
margin-top: -25px;
}

/*  REGISTER SELECTOR
    --------------------------------------------  */
    #register {
      position: absolute;
/*      top: 20px;*/
      top: 0px;
      right: 160px;
      z-index: 1;
    }
    /*#register a */
    #register span {
      width: 160px;
      height: 412px;
      display: block;
      z-index: 9;
      background: transparent url('../../images/clipboard.png') top left no-repeat;
      text-indent: -999em;
    }
   
    #register a:hover {
       /*background: transparent url('../../images/clipboard.png') top right no-repeat;*/
       cursor: default;
    }
    
    #register p {
      width: 160px;
      height: 412px;
      display: block;
      z-index: 9;
      background: transparent url('../../images/clipboard_new.png') top left no-repeat;
      text-indent: -999em;
    }
    #register p:hover {
      background: transparent url('../../images/clipboard_new.png') top right no-repeat;
    }
    
    #viewWinners {
      background: url("../../images/view-winners.png");
      position: absolute;
      top: 24px;
      right: 286px;
      height: 407px;
      width: 154px;
      z-index: 9;
    }
    #viewWinners a {
      background: url("../../images/view-winners.png") bottom left no-repeat;
      bottom: 0px;
      display: block;
      height: 160px;
      position: absolute;
      text-indent: -9999px;
      width: 154px;
    }
    #viewWinners a:hover {
      background: url("../../images/view-winners.png") bottom right;
    }
    #seeResults {
      display: block;
      width: 250px;
      height: 30px;
      background: url("../../images/_new/see-results.png") top left;
	  text-indent: -9999px;		
      margin: 0 auto 20px;
    }
    #seeResults:hover {
      background-position: bottom left;
    }
    
    
/*  COPYRIGHT SELECTOR
    --------------------------------------------  */
    #copyright {
      clear: both;
      padding-left: 60%;
      margin-bottom: 25px;
    }
    #copyright h3 {
      color: rgb(123,123,123);
      font-size: 0.75em;
      width: 220px;
      float: left;
      margin: 3px 0;
    }
    #copyright ul {
      margin: -5px 0 0;
      overflow: hidden;
      width: 130px;
    }
    #copyright ul li {
      float: left;
      color: rgb(200,49,193);
      margin-left: 5px;
    }
    #copyright ul li a {
      font-size: 0.75em;
    }
    #copyright ul li:after {
      content: " | ";
    }
    #copyright ul li:last-child:after {
      content: "";
    }
    
    
/*  GENERAL TYPO SELECTOR
    --------------------------------------------  */
    #results {
        width: 445px;
        height: auto;
        margin: 0 auto;
    }
    #results .slideshow {
        width: 370px;
        height: 221px;
        margin: 0 auto;
        padding: 10px 0;
        
    }
    #page-content #results dt, #page-content #result dd {
        text-align: center;
        width: 445px;
        display: block;
    }
    #page-content #results p {
        text-align: center;
        width: 445px;
        font-size: 1.2em;
        padding: 20px 0 0;
    }
    #page-content #results dt {
        font-size: 1.4em;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    #page-content #results dd{
        font-size: 1.1em;
        line-height: 1.3em;
        text-align: center;
    }