@import url(sifr.css);
/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          ChapterSpot - Chapter Templates
    file:             screen.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Mon Sep  7 10:29:54 EDT 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             Skin Option 2 Layouts

  */
/*  -------------------------------------------------------- */
/*  = [end] INFO */

html { background: #272727 url(../images/bg-body.png) left top repeat; }
  body { color: #fff; background: left top repeat; text-align: left; }
  a:link,
  a:visited { color: #C9A836; }
  
    fieldset { border-bottom: 1px solid #999; }


      .text span { border: 1px solid #999; background: none; }
      .text input,
      .text textarea { color: #999; border: 1px solid #999; }
      .text input:focus,
      .text textarea:focus { color: #C9A836; border-color: #C9A836;}
      
    .submit input.submit {  color: #fff; border: none; background: #C9A836; }
  
  #wrap {  }
    #header { background: transparent; }
      #branding { display: inline; float: left; width: 600px; margin: 5px 0 5px 10px; }
        #branding-crest { display: inline; float: left; margin: 0 10px 0 0; border: 0px solid #999; background: transparent; }
	    #branding-logo { display: inline; float: left; width: 490px; margin: 12px 0 0 0; font-family: TradeGothic Bold, Arial Narrow, Arial, sans-serif; font-size: 30px; font-weight: bold; letter-spacing: .1em; text-transform: uppercase; color: #C9A836; }
        #branding-org { display: inline; float: left; width: 490px; margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 22.5px; }
        #branding-tagline { display: inline; float: left; width: 490px; margin: 0; font-family: Modern20 BT, Hoefler Text, georgia, serif; font-size: 22.5px; letter-spacing: .05em; font-style: italic; color: #999999; }
        
      #topbar { background: #272727 url(../images/bg-topbar.png) left top repeat; }
        #topnews { position: relative; border: 1px solid #000; background: transparent url(../images/bg-topnews.png) left top repeat-x; }
          #topnews .wrap { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); background: #C9A836; }
          #topnews h4 { position: relative; z-index: 1000; margin: 0 0 0 6px; padding: 0 0 0 28px; width: 37px; line-height: 30px; color: #999; background: url(../images/icn-topnews.png) left center no-repeat; }
          #topnews a { position: relative; z-index: 100; padding: 0 21px 0 0; color: #fff; background: url(../images/icn-topnews-accordian.png) right top no-repeat; }
          #topnews .news-list { z-index: 100; }
          #topnews .news-list li:hover { height: auto; border: 1px solid #000; background: url(../images/bg-topbar.png) left top repeat;}
          #topnews .news-list li:hover a { color: #fff; background-position: right -90px;}
          #topnews .news-list li:hover p { color: #fff; }
      
      #nav-utility li { background: url(../images/sep-nav_utility.png) right top repeat-y; }
      #nav-utility li.last { background: none; }
        #nav-utility a { color: #fff; }
        #nav-utility a:hover { color: #C9A836; }
      
        #nav-social li,
        #nav-social a, 
        #nav-social span { width: 56px; height: 56px; }
        #nav-social li a { position: absolute; font-size: 9px; line-height: 56px; text-indent: -9999em;}
        #nav-social #myspace { background: url(../images/icn-social.png) left top no-repeat; }
        #nav-social #facebook { background: url(../images/icn-social.png) -54px top no-repeat; }
        #nav-social #twitter { background: url(../images/icn-social.png) -108px top no-repeat; }
        #nav-social #myspace:hover { background: url(../images/icn-social.png) left -56px no-repeat; }
        #nav-social #facebook:hover { background: url(../images/icn-social.png) -54px -56px no-repeat; }
        #nav-social #twitter:hover { background: url(../images/icn-social.png) -108px -56px no-repeat; }
        
        #chapter-info li { color: #fff; }
        #chapter-info strong { color: #999; }
        
        #nav-tier1 {background: #C9A836 url(../images/bg-topbar.png) left top repeat;;}
          #nav-tier1 li { margin: 0; border-bottom: 1px solid #fff; }
          #nav-tier1 li.last { border: none; }
            #nav-tier1 a { padding: 7px 0 6px 15px; color: #fff; }
            #nav-tier1 a:hover { background: #C9A836; }
            
            /*  = Content
            /*  -------------------------------------------------------- */

                #index #content { margin: 5px 0 0 0; }
                #index #main-content { margin: 5px 0 0 0; padding: 0 0 30px; color: #fff; }
                  #index #main-content .section { margin-top: 19px; }
                  #index #welcome-content.section { width: 320px; margin-top: 12px; }
                  #index #photos-content.section { width: 143px; }
                  #index #welcome-content h3 { color: #C9A836; }
                  #index #main-content .box { width: 170px; padding: 7px; margin-top: 12px; background: url(../images/bg-topbar.png) left top repeat; }

                  .section .news-list { margin: 0 0 32px; }
                  .news-list li { margin: 0 0 15px; }
                    .news-list a { color: #fff; text-decoration: none; }
                      .news-list a:hover { color: #C9A836; }

                  .section .more { display: inline; float: right; margin: 3px 0 0 0; padding-right: 9px; font-size: .8em; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; text-align: right; color: #fff; background: url(../images/icn-more.png) right 50% no-repeat; }
                  .section .more:hover { color: #C9A836; }

                  .section .photo-list li,
                  .section .photo-list img { overflow: hidden; background: #272727; }
                  .section .photo-list li { display: inline; float: left; margin: 0 1px 1px 0; }
                  
                  .member .thumb img { background: #999; }
                    .member a { color: #C9A836; }
                   
                    .donators li { border-top: 1px solid #999; }
                    
                      .donation h3 { color: #C9A836; }
                    .donation #donation-progress { background: #999; }
                      .donation #donation-progress span { color: #fff; background: #C9A836;}
                      
                      #list thead th,
                      .calendar thead th { color: #fff; background: #999; }
                      #list tbody td { border-bottom: 1px solid #999; }
                      table.calendar { border-left: 1px solid #999; border-bottom: 1px solid #999; }
                      table.calendar th,
                      table.calendar td { border-right: 1px solid #999; }
                      table.calendar .mt { background: #999 url(../images/bg-ind-main.png) left top repeat; }
                
                        .photo .thumb img { background: #999; }
                        .photo a { color: #C9A836; }
            /*  -------------------------------------------------------- */
            /*  = [end] Content */