@import url(sifr.css);

/*  = INFO

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

  /*



    project:          ChapterSpot - Chapter Templates

    file:             screen.css

    creator:          Ben Kutil <ben@make-things.com>

    creation date:    Sat Sep  5 15:37:18 EDT 2009

    copyright:        (c) 2009 - Make Things Studio, LLC

                      All rights reserved.      



    info:             Skin 1 Stylesheet

                      This is the basic skin for the new templates

                      

  */

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

/*  = [end] INFO */



/*  = Typography

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



    p,

    label { color: #84000E;}

    

    a:link { color: #84000E;}

    

      fieldset { border-bottom: 1px solid #ccc; }





        .text span { border: 1px solid #ccc; background: none; }

        .text input,

        .text textarea { color: #ccc; border: 1px solid #ccc; }

        .text input:focus,

        .text textarea:focus { color: #84000E; border-color: #84000E;}



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

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

/*  = [end] Typography */



/*  = Viewport

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

    body { background: url(background.png) left top repeat; }

    #wrap { border: 5px solid #fff; border-top: none; background: #fff; }



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

/*  = [end] Viewport */



/*  = header

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

    #header { border-bottom: 1px solid #fff; background: url(banner.png) left top; }

      #branding { display: inline; float: left; width: 600px; margin: 5px 0 5px 5px; }

        #branding-crest { display: inline; float: left; margin: 0 5px 0 0; border: 0px solid #ccc; background: #84000E url(../images/bg-header.png) left top repeat; }

        #branding-logo { display: inline; float: left; width: 495px; 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: #000; }

        #branding-org { display: inline; float: left; width: 495px; 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: 495px; margin: 0; font-family: Modern20 BT, Hoefler Text, georgia, serif; font-size: 22.5px; letter-spacing: .05em; font-style: italic; }

      

      #topbar { background: #84000E url(../images/bg-topbar.png) left top no-repeat; }

        #topnews { position: relative;border: 1px solid #000; background: url(../images/bg-topnews.png) left top repeat; }

          #topnews h4 { margin: 0 0 0 6px; padding: 0 0 0 28px; width: 37px; line-height: 30px; background: url(../images/icn-topnews.png) left center no-repeat; }

          #topnews a { 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-header.png) left top repeat;}

          #topnews .news-list li:hover a { color: #000; background-position: right -90px;}

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

      

      #nav-social a { font-size: 9px; line-height: 54px; }

      #nav-social #myspace span { background: url(../images/icn-social.png) left top no-repeat; }

      #nav-social #facebook span { background: url(../images/icn-social.png) -54px top no-repeat; }

      #nav-social #twitter span { background: url(../images/icn-social.png) -108px top no-repeat; }

      #nav-social #myspace:hover span { background: url(../images/icn-social.png) left -54px no-repeat; }

      #nav-social #facebook:hover span { background: url(../images/icn-social.png) -54px -54px no-repeat; }

      #nav-social #twitter:hover span { background: url(../images/icn-social.png) -108px -54px no-repeat; }

      

      #nav-tier1 {border-left: 5px solid #84000E; background: #84000E url(../images/bg-nav-tier1.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: #84000E; }

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

/*  = [end] header */



/*  = Chapter Info

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



    #chapter-info { background: #84000E url(../images/bg-chapterinfo.png) left top repeat-x; }



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

/*  = [end] Chapter Info */



/*  = Content

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



    #index #content { margin: 5px 0 0 0; background: #84000E url(../images/bg-ind-cnt.png) left top repeat-x; }

    #index #main-content { margin: 5px 0 0 0; padding: 0 0 30px; background: url(../images/bg-ind-main.png) left top repeat; }

      #content .section { margin-top: 19px; }

      #welcome-content.section { width: 320px; margin-top: 12px; }

      #content #photos-content.section { width: 143px; }

      #index #welcome-content h3 { color: #84000E; }

      .box { width: 170px; padding: 7px; margin-top: 12px; border: 1px solid #84000E; background: #fff; }

      

      .section .news-list { margin: 0 0 32px; }

      .news-list li { margin: 0 0 15px; }

        .news-list a { color: #84000E; text-decoration: none; }

          .news-list a:hover { color: #84000E; }

          

      .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: #84000E; background: url(../images/icn-more.png) right 50% no-repeat; }

      

      .section .photo-list li,

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

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

      

      table.calendar .mt { background: #ccc url(../images/bg-ind-cnt.png) left top repeat; }

      #list thead th,

      .calendar thead th { color: #84000E; background: #ccc; }

      #list tbody td { border-bottom: 1px solid #ccc; }

      table.calendar { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }

      table.calendar th,

      table.calendar td { border-right: 1px solid #ccc; }

      table.calendar .mt { background: #ccc url(../images/bg-ind-main.png) left top repeat; }



        .photo .thumb img { background: #84000E; }

        .photo a { color: #84000E; }

      

      

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

        

          .donation h3 { color: #84000E; }

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

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

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

/*  = [end] Content */