@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: #000000 url(../images/bg-body.png) left top repeat; }

  body { color: #fff; background: left top repeat; text-align: left; }

  a:link,

  a:visited { color: #999999; }

  

    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: #999999; border-color: #999999;}

      

    .submit input.submit {  color: #fff; border: none; background: #999999; }

  

  #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: #999999; }

        #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: #000000 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: #999999; }

          #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: grey 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: #999999; }

      

        #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: #999999 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: #999999; }

            

            /*  = 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: #999999; }

                  #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: #999999; }



                  .section .more { display: inline; float: right; margin: 3px 0 0 0; padding-right: 9px; font-size: .7em; 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: #999999; }



                  .section .photo-list li,

                  .section .photo-list img { overflow: hidden; background: #000000; }

                  .section .photo-list li { display: inline; float: left; margin: 0 1px 1px 0; }

                  

                  .member .thumb img { background: #999; }

                    .member a { color: #999999; }

                   

                    .donators li { border-top: 1px solid #999; }

                    

                      .donation h3 { color: #999999; }

                    .donation #donation-progress { background: #999; }

                      .donation #donation-progress span { color: #fff; background: #999999;}

                      

                      #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: #999999; }

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

            /*  = [end] Content */