/* ******************************************************************** */
  /*
  
  project:          Metro Hort Group - CMS Website
  file:             screen.css
  creator:          Ben Kutil <ben@make-things.com>
  creation date:    Mon Dec  1 09:37:29 EST 2008
  copyright:        (c) 2008 - Make Things Studio, LLC
                    All rights reserved.      

  info:             Screen Display CSS for Metro Hort Group Website
                    this @imports reset.css and tools.css
  
  */
/* ******************************************************************** */

/*  = Generic
/*  -------------------------------------------------------- */

  /*  = body & outer
  /*  -------------------------------------------------------- */
        

        html { background: url(/_assets/images/bg-html-y.gif) left top repeat; }

/*                html { background: #336633; }*/
        body { padding: 0 0 30px; text-align: center; color:#000; border-top: 5px solid #a2ad8b; background: transparent; }
        
        #wrap { width: 70%; min-width: 550px; margin: 0 auto; text-align: left;  }
        /* ie.css has fix for min-width as specified here. */
        
  /*  -------------------------------------------------------- */
  /*  = [end] body */
  
  /*  = Header
  /*  -------------------------------------------------------- */

        #header { margin: 0; padding: 18px 0 0 0; text-align: center; background: url(/_assets/images/bg-screen.png) repeat; }
        #branding-logo { margin: 0; padding: 0; line-height: 10px; }
        #branding-tagline { margin: 9px 0 0; padding: 0 0 12px; line-height: 10px; border-bottom: 2px solid #cbc7b3; }
        
  /*  -------------------------------------------------------- */
  /*  = [end] Header */
  
  /*  = Nav Tier 1
  /*  -------------------------------------------------------- */

        #nav-tier1 {  margin: 1px 0; padding: 8px 0 8px; text-align: center; background: #fafef9; }
        
        #nav-tier1 li { display: inline; }
        
        #nav-tier1 a { padding: 7px 10px 8px; font-family: Georgia, serif; font-size: 1.35em; line-height: 1.11; text-decoration: none; color: #020500; }
        
        #nav-tier1 a:hover,
        #nav-tier1 strong a { background: #99cc00;}
        #nav-tier1 strong a:hover { cursor: default; }

  /*  -------------------------------------------------------- */
  /*  = [end] Nav Tier 1 */
  
  /*  = Tools
  /*  -------------------------------------------------------- */

        .nav.utility a { font-family: georgia; font-style: italic; font-weight: bold; text-transform: lowercase; color: #99cc00; }
        .nav.utility a:hover { color: #336633; }
        
        .nav.utility.page { width: 97%; margin: 0 auto; font-size: 1.05em; line-height: 12px; text-align: left; background: #f5fbfb; }
        
        .nav.utility.page a { padding: 6px 15px; display: block;  text-decoration: none; }
        
        .nav.utility.page a:hover { background-color: #fff; }
        
        .nav.utility.page.back a { padding-left: 22px; background-image: url(/_assets/images/bg-tool-page-back.gif); background-position: 10px center; background-repeat: no-repeat; }
                
        .nav.utility.content.top a { padding-right: 12px; background: url(/_assets/images/bg-tool-content-top.gif) right .6em no-repeat; }
        
        .nav.utility.content.print a { padding-left: 25px; line-height: 16px; background: url(/_assets/images/bg-tool-content-print.gif) left top no-repeat; }        
        .nav.utility.content.print a:hover { background-position: left -16px ;}
        
        .nav.utility.content.screen { display: none; }
        
        .
        
  /*  -------------------------------------------------------- */
  /*  = [end] Tools */
  
  /*  = Typography
  /*  -------------------------------------------------------- */

        body { font-size: 12px; font-family: gill sans, arial, serif; }
        
        p { margin-bottom: .888em; font-size: 1.4em; line-height: 1.5; }
        
        .interior #main-content li { margin: 0 0 9px 0; font-size: 1.4em; }
        
        .interior #main-content ul { padding: 0 0 0 15px; list-style: disc; }
        
        strong { font-weight: bold; }
        
        a { color: #336633; }
        
        a:hover { text-decoration: none; }
        
        em, i { font-style: italic; }
  /*  -------------------------------------------------------- */
  /*  = [end] Typography */
  
  /*  = Page Layout
  /*  -------------------------------------------------------- */

        #content { border-top: 3px solid #99cc00; }
        
  /*  -------------------------------------------------------- */
  /*  = [end] Content Layout */
  
  /*  = Footer
  /*  -------------------------------------------------------- */
        
        #footer { padding: 12px; background: url(/_assets/images/bg-screen.png) repeat; }
        
        #siteinfo { position: relative; width: 100%; margin: 0; padding: 0; font-family: helvetica;  text-align: left; color: #335566; }
        
        #siteinfo li { display: inline; margin: 0; padding: 0; font-size: 1.05em; line-height: 1.42;  }
        
        #siteinfo-legal { width: 18em; float: left; text-transform: uppercase; }
        
        #siteinfo-legal a { text-decoration: none; line-height: 1; color: #356; cursor: default; margin: 0; padding: 0; }
        
        #siteinfo-contact { float: right; width: 28em; text-align: right;}
        
        #siteinfo-contact .tel { padding : 0 0 0 16px; margin: 0 0 0 8px; background: url(/_assets/images/bg-sep-bullet.gif) left center no-repeat; }

  /*  -------------------------------------------------------- */
  /*  = [end] Footer */
    
/*  -------------------------------------------------------- */
/*  = [end] Generic */

/*  = Index Page Layout
/*  -------------------------------------------------------- */
      #index #wrap { width: 55em; }
      #index #content { position: relative; height: 561px; text-align: center; background: #fff; }
      #index #flashContent { position: absolute; top: 0; left: 50%; width: 385px; margin: 0 0 0 -192px; z-index: 1000;}
      #index #flashContent a { margin: 0 auto; }
      #index #siteinfo-contact .tel { background: url(/_assets/images/bg-sep-bullet-w.gif) left center no-repeat; }

/*  -------------------------------------------------------- */
/*  = [end] Index Page Layout */

/*  = Interior Page Layouts
/*  -------------------------------------------------------- */

      .interior #content { padding: 27px 0 6em 0; text-align: left; border-bottom: 3px solid #EDF1D9; background: #fff; }
      
      .interior h1,
      .interior h2 { font-size: 2.7em; }
      
      .interior #main-content { width: 95%; margin: 0 auto 0; text-align: left; }
      
      .static #main-content { width: 82%; margin: 0 auto 0; text-align: left; }
      .static #sub-content { width: 82%; margin: 0 auto;}
      
      .interior #main-content h2 { margin: 18px 0 0 0; }
      .interior #sub-content h2 { margin-left: 0; }
    
    /*  = About Us
    /*  -------------------------------------------------------- */

          #about.interior h2 { font-size: 2.3em; }
          #contact.interior h2 { font-size: 2.3em; }
          #about .board-list { margin: 10px 0 10px 0; }

    /*	-------------------------------------------------------- */
    /*	=	[end] About Us */
    
    /*  = Listings
    /*  -------------------------------------------------------- */
          .list #main-content { width: 95%; margin: 0 auto; }
          
          .list #main-content .header { margin: 0 0 .5em 12px; }

					.interior #main-content .header p { margin: 0;}
					
					table.list { width: 100%; }

					table.list th { font-family: georgia; font-size: 1.5em; border-right: 6px solid #fff; border-bottom: 3px solid #fff; background: #e1e2de }
					table.list #list-date { border-right: none;}

					table.list span { display: block; width: 100%; }
					
					table.list tbody tr { vertical-align: middle; }
					
					table.list tbody td { vertical-align: middle; border-right: 6px solid #fff; border-bottom: 3px solid #fff; }

					table.list tbody td.last { border-right: none; }

					table.list tbody td { padding: 9px 12px; font-family: helvetica, serif; font-size: 1.05em; background: #edf5e1; }
					
					table.list tbody .alt td { background: #fafdf7; }

					table.list tbody td.date { margin: 0; border-right: none; }
					
					table.list tbody td.date p { font-size: 1.1em;}
					
          table.list tbody td p { margin: 0; }
          
					table.list tbody td.date strong { font-family: gill sans, helvetica, sans-serif; font-weight: bold; }

					table.list tbody td.date .time { font-family: gill sans, helvetica;  text-transform: uppercase; }

					table.list tfoot td { padding: 6px 12px 9px; text-align: right; border-top: 3px solid #fff; background: #f5fbfb; }

					p.nav.utility.content.top { margin: 0; }
					
			  /*	=	Jobs
    		/*	-------------------------------------------------------- */

    					#job-list #job-list-title { width: 48%; border-right: 6px solid #fff; }
    					#job-list #job-list-emp { width: 30%; border-right: 6px solid #fff; }

    					#job-list tbody td a { padding-left: 0; text-decoration: underline; color: #0b2a3a; }

    		/*	-------------------------------------------------------- */
    		/*	=	[end] Jobs */
    		
    		/*	=	Meetings & Events
  			/*	-------------------------------------------------------- */

  						#meetings #list-title,
  						#events #list-title,
  						#archive  #list-title { width: 75%; }

  						#meetings #list-date,
  						#events #list-date,
  						#archive #list-date { width: 20%; }

  						#meetings table.list h2,
  						#events table.list h2,
  						#archive table.list h2 { font-size: 1.35em; font-family: georgia, serif; }
  						#events table.list h2 { text-transform: uppercase; letter-spacing: 2px; }

  						#meetings table.list h2 a,
  						#events table.list h2 a,
  						#archive table.list h2 a { color: #85ad33; }

  						#meetings table.list .summary,
  						#events table.list .summary,
  						#archive table.list .summary { margin: 0; font-family: helvetica; font-weight: bold; line-height: 1.5; color: #666; }

  			/*	-------------------------------------------------------- */
  			/*	=	[end] Meetings */
  			
    /*  -------------------------------------------------------- */
    /*  = [end] Listings */
    
		/*	=	Detail
		/*	-------------------------------------------------------- */

        .interior.detail h2 { margin: 0 0 15px 5%; }

        .interior.detail #main-content { position: relative; margin-top: 30px; }

        .interior.detail h1 { width: 50%; font-size: 1.5em; line-height: 1.5; font-weight: bold; color: #0a1b04; }
        
        .interior.detail h2 { font-size: 2em; }

        .interior.detail .summary { width: 50%; margin: 0 0 1em 0; font-family: georgia; color: #0a1b04; }

        .interior.detail h3 { font-size: 1.4em; line-height: 1; font-weight: bold; color: #33a9ad; }

        .interior.detail .utility.content.print { position: absolute; width: 30%; top: 6px; right: 0; text-align: right; }

		/*	-------------------------------------------------------- */
		/*	=	[end] Detail */
		
/*  -------------------------------------------------------- */
/*  = [end] Interior Page Layouts */

/*  = sIFR
/*  -------------------------------------------------------- */

      .sIFR-flash {
        visibility: visible !important;
        margin: 0;
        padding: 0;
      }

      .sIFR-replaced, .sIFR-ignore {
        visibility: visible !important;
      }

      .sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
      }

      .sIFR-replaced div.sIFR-fixfocus {
        margin: 0pt; 
        padding: 0pt; 
        overflow: auto; 
        letter-spacing: 0px; 
        float: none;
    }
    .sIFR-replaced { display: block; }
    .sIFR-active h1 { line-height: 1em;}
    .sIFR-active #jobs.interior h2 { font-family: georgia; visibility: hidden; }

/*  -------------------------------------------------------- */
/*  = [end] sIFR */