@import url(http://www.chapterspot.com/premium_site/_assets/css/reset.css);

@import url(http://www.chapterspot.com/premium_site/_assets/css/tools.css);

/*  = INFO

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

  /*



    project:          Chapter Spot - Templates

    file:             screen.css

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

    creation date:    Fri Sep  4 11:09:00 EDT 2009

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

                      All rights reserved.      



    info:             Main CSS File for Chapterspot

                      This needs to be layout only.



  */

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

/*  = [end] INFO */ 



/*  = DEV

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



    /*div { background: url(../images/_d/t.png);}*/

    #topnews .news-list li+li { display: none; }



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

/*  = [end] DEV */



/*  = Global

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

    

    /*  = Typography

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

        

        body { font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 15px; letter-spacing: 0;margin:0 0 0 0; }

        

        h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-family: Trade Gothic, Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; }

        

        h3,

        table.calendar caption { font-size: 15px; font-weight: bold; margin: 0; }

        h4 { font-size: 15px; }

        ul { list-style-type: none; }

        p, pre, address,

        abbr, code, kbd,

        samp, small, var { font-size: 10.5px; line-height: 15px; }

        p { margin: 0 0 15px 0; }


        ul, ol, dl { font-size: 10.5px; }

     

        form, legend, label { font-size: 10.5px; }

        

        .lhorz { display: inline; float: left; width: 100%; }

        .lhorz li { display: inline; float: left; }

        .news-list h5,

        .news-list li { margin: 0 0 .25em; font-family: Georgia, serif; font-weight: normal; font-size: 11px; letter-spacing: 0.05em; font-style: italic; }

        
 /*
        a:link,

        a:visited,

        a:hover,

        a:active { text-decoration: underline; }



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

    /*  = [end] Typography */

    

    /*  = Images

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



        img.fleft { display: inline; float: left; margin: 0 10px 10px 0; }

        img.fright { display: inline; float: right; margin: 0 0 10px 10px; }

        img.fcenter { display: inline; float: left; width: 100%; margin: 0 0 10px; }



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

    /*  = [end] Images */

    

    /*  = Forms

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

        

        fieldset { padding: 0 0 0px; margin: 0 0 10px; }

        #submit_form { margin: 0; padding: 0; border: none; }

        legend { display: none; }

        

        .ctlwrap { display: inline; float: left; width: 100%; margin: 0 0 15px;}

        .ctl { display: inline; float: left; width: 98%; margin: 0 0 15px; }

          .ctl label { display: block; font-family: Trade Gothic, Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; }

          

          .text span { display: inline; float: left; width: 98%; padding: 0; margin: 0; background: none; }

          .text input,

          .text textarea { display: inline; float: left; width: 96%; margin: 0; padding: 5px 2%; font-weight: bold; }

          

          .text textarea { height: 10em; }

        .inline label { display: inline; float: left; width: 100%; }

        .inline .ctl { display: inline; float: left; width: 45%; }    

          .inline .radio label { display: inline; float: right; width: 90%;}

          .inline .radio span { display: inline; float: left; width: 7.5%; }

          .inline .custom label { display: none; }

          .inline .custom span.text { width: 80%; margin: 0 0 0 6px; }

        

        .submit label { display: none; }

        .submit input.submit { padding: none; font-size: 12px; font-weight: bold; }



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

    /*  = [end] Forms */

    

    /*  = viewport

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



        body { text-align: center; }

        #wrap { width: 960px; margin: auto; text-align: left; }



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

    /*  = [end] viewport */

    

    /*  = Header

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



        #header { position: relative; display: inline; float: left; width: 100%; padding: 44px 0 0 0; }

        

        /*  = TopBar

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



            #topbar { position: absolute; top: 0; left: 0; display: inline; float: left; width: 960px; height: 44px; }

            

            /*  = Top News

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



                #topnews { display: inline; float: left; width: 345px; height: 30px; margin: 4px 0 0 9px; }

                #topnews h4 { display: inline; float: left; width: 65px; margin: 0; font-weight: bold; font-size: 12px; text-transform: uppercase; }

                #topnews .news-list { position: relative; display: inline; float: left; width: 260px; margin: 3px 0 0 2px; }

                #topnews .news-list li { position: absolute; top: 0; left: 0; width: 100%; height: 16px; padding: 3px; border: 1px solid transparent; }

                #topnews .news-list a { display: block; }

                #topnews .news-list p { display: none; margin: 0; font-size: 10.5px; font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-style: normal; }

                

                #topnews .news-list li:hover p { display: block; }



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

            /*  = [end] Top News */

            

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

        /*  = [end] TopBar */

        

        /*  = Branding

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



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

        /*  = [end] Branding */

        

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

    /*  = [end] Header */

    

    /*  = Chapter Info

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



        #chapter-info { display: inline; float: left; width: 100%; padding: 9px 0 6px; margin: 0 3px 5px 0; }

          #chapter-info li { margin: 0 15px 0 0;}



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

    /*  = [end] Chapter Info */

    

    /*  = Navigation

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

        

        .nav { }

        .nav a { display: block; }

        .nhorz,

        .nhorz li { display: inline; float: left; }

        

        .nvert,

        .nvert li { display: inline; float: left; width: 100%; }

        

        /*  = Navigation Tier 1

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



            #nav-tier1 { width: 180px; margin: 0 5px 0 0; }

            #nav-tier1 a:link,

            #nav-tier1 a:visited { font-family: arial, helvetica neue, helvetica, sans-serif; font-weight: bold; font-size: 15px; text-decoration: none; }

            #nav-tier1 a:hover,

            #nav-tier1 a:active { }



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

        /*  = [end] Navigation Tier 1 */

        

        /*  = Navigation Utility

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



            #nav-utility { float: right; width: 570px; text-align: right; margin: 7px 15px 0 0; }

              #nav-utility li { float: right; padding: 0 9px 0 0; margin: 0 8px 0 0; }

              #nav-utility li.last { padding: 0; margin: 0; }

              #nav-utility a { font-size: 9px; line-height: 25px; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; }



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

        /*  = [end] Navigation Utility */

        

        /*  = Social Navigation

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



            #nav-social { float: right; width: 335px; text-align: right; margin: 18px 2px 0 0;}

            #nav-social li { float: right; width: 54px; margin: 0 6px 0 0; }

            #nav-social a,

            #nav-social span { display: block; width: 54px; height: 54px; }

            

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

        /*  = [end] Social Navigation */

        

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

    /*  = [end] Navigation */

    

    /*  = Chapter Information

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



        #chapter-info,

        #chapter-info li { text-align: right; }

        #chapter-info li { float: right; font-family: georgia, serif; font-weight: normal; letter-spacing: .05em; }

        #chapter-info strong { font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: .15em; text-transform: uppercase; font-style: normal; }

        



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

    /*  = [end] Chapter Information */

    

    /*  = Content

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



        #content,

        #main-content,

        #sub-content { display: inline; float: left; width: 100%; }

        

        #index .section h3 { margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 15px; line-height: 30px; letter-spacing: .2em; text-transform: uppercase; }

        

        #index #welcome-content h3 { font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 22.5px; letter-spacing: 0; text-transform: capitalize; }



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

    /*  = [end] Content */

    

    /*  = Slideshows

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



        div.slideshow { position: relative; overflow: hidden; }

        img.slideshow { position: absolute; top: 0; left: 0; }



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

    /*  = [end] Slideshows */

    

    /*  = Siteinfo

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



        #siteinfo { display: none; }



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

    /*  = [end] Siteinfo */

    

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

/*  = [end] Global */



/*  = Index

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

    

    /*  = Promo Content

          represents the photo slideshow area of the site

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

        

        #index #promo-content { display: inline; float: left; width: 770px; height: 330px; }

        #index .slideshow { width: 770px; height: 330px; }



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

    /*  = [end] Promo Content */

    

    /*  = Content

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

        

        #content .section { display: inline; float: left; width: 186px; margin: 0 0 0 20px; }

        #index #welcome-content.section { width: 320px; }

        

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

    /*  = [end] Content */

    

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

/*  = [end] Index */



/*  = Interior

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



    #interior #content { width: 770px; margin: 5px 0 0 0; }

    #interior #main-content { width: 450px; }

    #interior #sub-content { float: right; width: 300px; }

    

    #interior.wide #main-content { width: 750px; }

    

    #interior #content .section { width: 143px; }

    

      #interior #main-content h1 { margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 22.5px; line-height: 30px; letter-spacing: 0; text-transform: capitalize; }

      #interior #sub-content h2 { margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 18px; line-height: 30px; letter-spacing: 0; text-transform: capitalize; }

      

      #interior.sidebar #main-content { width: 570px; }

      #interior.sidebar #sub-content { width: 180px; }

        #interior.sidebar #content .section { margin-left: 0; }

    /*  = About Us

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



        #interior.about #ps_image2 { display: inline; float: right; margin: 0 0 10px 10px; }



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

    /*  = [end] About Us */

    

    /*  = Members

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



        .member { display: inline; float: left; width: 150px; height: 180px; margin: 0 15px 15px 0;}

          .member .thumb { width: 150px; height: 150px; overflow: hidden;}

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

          #interior.sIFR-active #content .member h3 { visibility: visible; font-weight: bold; }

          .member a { color: #4cd9e6; }

          

        #interior.members #main-content .popup { display: none; width: 100%; }

          .popup .info { display: inline; float: left; width: 200px; }

            .popup .info img {  }

          .popup .contact { display: inline; float: left; width: 190px; margin: 0 0 0 10px; }

          

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

    /*  = [end] Members */

    

    /*  = Donations

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

        

        .donators li { display: inline; float: left; width: 85%; margin: 5px 0 0; padding: 5px 0 0;  }

        .donators h5 { display: inline; float: left; width: 50%; margin: 0; font-family: georgia, serif; font-size: 15px; font-style: italic; }

        .donators .amount { display: inline; float: right; width: 45%; margin: 0; font-family: georgia, serif; font-size: 12px; text-align: right; }

        .donators .message { display: inline; float: left; width: 100%; margin: 3px 0 0 0; font-family: georgia, serif; font-style: italic; }

        

        .donation { margin: 6px 0 30px; }

          .donation ul { margin: 3px 0 15px; }

          .donation h3 { margin: 0; }

          .donation h4 { margin: 0; }

        .donation #donation-progress { position: relative; width: 50px; height: 200px; }

          .donation #donation-progress span { position: absolute; bottom: 0; left: 0; display: block; width: 50px; text-align: center;}

          



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

    /*  = [end] Donations */

    

    /*  = Events

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



        table#list { display: inline; float: left; width: 98%; }

          table.calendar th,

          table.calendar td,

          table#list th,

          table#list td { width: 75px; padding: 6px; }



          #list thead th.info { width: 300px; }



        

        p.date { font-family: georgia, serif; font-weight: bold; font-size: 15px; font-style: italic; }

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

    /*  = [end] Events */

    

    /*  = Calendar

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

        #mini-calendar { margin: 3px 0 0 0; }

        #interior.calendar #main-content { width: 100%; }

        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; }

        table.calendar .next { text-align: right; }



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

    /*  = [end] Calendar */

    

    /*  = Photos

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



        .photo { display: inline; float: left; width: 150px; height: 180px; margin: 0 15px 15px 0;}

        .photo .thumb { display: block; width: 150px; height: 150px; overflow: hidden;}

          .photo .thumb img { width: 150px; background: #ccc; }

          #interior.sIFR-active #content .photo h3 { visibility: visible; font-weight: bold; }

          .photo a { color: #4cd9e6; }

        #photos-content a { display: block; }

        

        .album .photo { height: 150px;}



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

    /*  = [end] Photos */

    

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

/*  = [end] Interior */