/* @group notes */
/* ============================================================
The Heritage Foundation Masthead - Screen CSS
---
*  Created by Viget Labs on 2009-07-28.
*  Copyright (c) 2009 The Heritage Foundation. All rights reserved.
	================================================ */
/* @end */

#comp {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

  #comp img {
    display: block;
    margin: 0 auto;
    opacity: 0.5;
    width: 960px;
  }

/* @group base */
  
  /* @group -reset */
  /* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */

	* { margin:0; padding:0 }
	
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
	{ margin: 0; padding :0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline; }
	
	a img, frameset { border:0 }
	q:before, q:after { content:"" }
	q { quotes:"" " "}
	a img, frameset { border:0 }
	/* @end */
  
	/* @group -utility */
  /* Utility styles, like clearfix, that are useful and re-useable */
  
  /* ---- Clearing Floats ---- */
  /* Basic   */ .clearfix:after, .col:after, .wrapper:after,
	/* Forms   */ form:after, form .form-field:after, form .form-field .multi-field:after, form .wide-label:after,
  /* Masthead */ #masthead:after, #masthead .featured .promo:after, #masthead .content:after, #masthead .top:after, #masthead .header:after, #masthead .content:after,
	/* Nav     */ .nav:after, .nav ul:after, .nav ol:after,
	/* General */ .section:after,
  /* Footer  */ #footer .nav:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
  
  .clear { clear:both }
	.left { float:left !important }
	img.left, a.left img { margin:0 16px 16px 0 }
	.right { float:right !important }
	img.right, a.right img { margin:0 0 16px 16px }
	.center { float:none !important;text-align:center !important; }
	img.border { border: 1px solid #6e6e6e;}
	.small { font-size:.8em;margin-bottom:1.875em;line-height:1.875em }
	.large { font-size:1.2em;line-height:2.5em;margin-bottom:1.25em }
	.highlight { background: #fef5c6; padding: 2px; }
	.break { display:block; }

	.margin-bottom { margin-bottom: 2em; }
	.nomargin { margin: 0 !important; }
	.noborder{ border: none !important; }
	.nobg { background-image: none !important; }
  
  /* ---- Hidden Bits ---- */
	/* Basic   */ .hide, .hidden, hr.divide, h6.note, .skip-nav,
	/* Masthead */    #masthead .header h2 a .sub, #masthead form legend
  { display:none }
  
  /* ---- Background Replacements ---- */
  .bg-replace,
  #masthead .header a, 
  #masthead form .heading, 
  #masthead #newsletter-subscribe .primary-button, 
  #masthead .about .heading
  {
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
  }
	/* @end */

	/* @group -fonts */
	
		/* ---- Helvetica ---- */
		/* Masthead  */  #masthead .header .tagline h3, .enhanced #wrapper-masthead-control a, #masthead, #masthead .featured .promo h4
		{ font-family: Helvetica, Arial, sans-serif; }
		
	/* @end */

	/* @group -links */
	/* This line reduces the weird "dotted-border" issue Phark produces in Firefox */
	a[class], a[id] { outline:none; }
	
	#masthead a, #masthead a:visited {
	  color: #fff;
	}
	
	#masthead a:hover, #masthead:active {
	  color: #cde6fb;
	}
	/* @end */
	

	/* @group -forms */
		/* @group --basic form styles */
		ol.form-fields {
		  list-style: none;
		  padding: 0;
		}
		
		.form-field .overlabel-apply {
		  position: absolute;
		}
		
		/* @group --buttons */
  	button:hover, .button:hover { cursor: pointer; }
  	/* @end */
    	
    /* @end */
	/* @end */

/* @end */

/* @group structure */
	/* Here's where we set the basics of the site: The body, wrappers, title div, and etc. */
	
	/* @group -wrappers */
	#wrapper-masthead, #wrapper-footer {
    font-size: 100%;
	  width: 100%;
	}
	/* @end */
  
  /* @group -masthead */
  #wrapper-masthead-outer {
    background: #043158 url("../images/struct/bg-wrapper-masthead-outer.png") bottom left repeat-x;
  }
  
  #wrapper-masthead-inner {
    background: transparent url("../images/struct/bg-wrapper-masthead-inner.jpg") top center no-repeat;
    position: relative;
  }
  
  #wrapper-masthead-footer {
    background: transparent url("../images/struct/bg-wrapper-masthead-footer.png") top center no-repeat;
    height: 31px;
  }
  
  #masthead {
    color: #fff;
    font-size: 0.689em; /* 11px */
    margin: 0 auto;
    width: 960px;
  }
  
    #masthead h1, #masthead h2, #masthead h3, #masthead h4 { margin: 0; }
    
    /* @group --masthead header */
    #masthead .header { 
      width: 465px;
      margin-bottom: 12px;
      padding-top: 12px;
    }
    
    #masthead .header h2 {
      float: left;
      margin: 0 17px 0 0;
      height: 56px;
      width: 167px;
    }
        
      #masthead .header h2 a {
        background: url("../images/struct/logo-masthead.png") 0 0 no-repeat;
        height: 56px;
        width: 167px;
      }
    
      /* @group ---masthead tagline */
      #masthead .header .tagline {
        background: transparent url("../images/struct/bg-dotted-v-b1c7d7.png") 0 0 repeat-y;
        float: left;
        margin-top: 9px;
        padding: 2px 0 5px 16px !important;
        width: 260px;
      }
      
      #masthead .header .tagline h3 {
        color: #fff;
        font-weight: bold;
        margin-bottom: 6px;
      }
    
      #masthead .note { color: #dbe9f2; }
      /* @end */
    /* @end */
    
    /* @group --masthead subscription form */
    #masthead #newsletter-subscribe {
      float: right;
      margin: 21px 16px 0 0;
      width: 295px;
    }
    
      #masthead #newsletter-subscribe .heading {
        background-image: url("../images/struct/hd-newsletter-subscribe.png");
        height: 10px;
        margin-bottom: 11px;
        width: 264px;
      }
      
      #masthead #newsletter-subscribe fieldset, #masthead #newsletter-subscribe .form-fields {
        float: left;
      }
      
      #masthead #newsletter-subscribe .form-field {
        float: left;
        margin-right: 7px;
        position: relative;
      }
        
        #masthead form label {
          color: #fff;
        }
        
        #masthead #newsletter-subscribe #newsletter-subscribe-email {
          color: #848484;
        }
        
        #masthead #newsletter-subscribe #newsletter-subscribe-email {
          background: transparent url("../images/struct/bg-newsletter-subscribe-field.png") 0 0 no-repeat;
          border: none;
          height: 13px;
          padding: 5px;
          width: 161px;
        }
        
      #masthead #newsletter-subscribe .primary-button {
        background-image: url("../images/struct/bn-newsletter-subscribe.png");
        border: 0;
        float: left;
        height: 23px;
        width: 117px;
      }
      
        #masthead #newsletter-subscribe .primary-button:hover, #masthead #newsletter-subscribe .primary-button:active {
          background-position: 0 -23px;
        }
    /* @end */
    
    /* @group --masthead content */
    #masthead .content {
      background: transparent url("../images/struct/bg-masthead-content.png") 0 0 repeat-y;
      margin: 37px 0 30px 0 !important;
    }
    
      #masthead .content .section {
        float: left;
      }
      
      /* @group ---masthead about */
      #masthead .about {
        line-height: 1.6em;
        margin-right: 68px;
        width: 330px;
      }
      
        #masthead .about .heading {
          background-image: url("../images/struct/hd-content-about.png");
          height: 13px;
          margin-bottom: 16px;
          width: 302px;
        }
      /* @end */
      
      /* @group ---masthead links */
      #masthead .links {
        color: #fff;
        margin-right: 40px;
        width: 174px;
      }
      
        #masthead .links ul {
          list-style: none;
          padding: 0;
        }
        
          #masthead .links ul li a {
            padding-left: 29px;
          }
        
        /* @group ----popular navigation */
        #masthead .links #nav-popular {
          border-bottom: 1px solid #143a5f;
          margin-bottom: 15px;
          padding-bottom: 5px;
        }
        
        
          #masthead .links #nav-popular li {
            margin-bottom: 13px;
          }
            
            #masthead .links #nav-popular li a {
              background: transparent url("../images/struct/ico-masthead-nav-popular.png") 0 0 no-repeat;
            }
        /* @end */
        
        /* @group ----follow navigation */
        #masthead .links #nav-follow {
          
        }

          #masthead .links #nav-follow li {
            margin-bottom: 6px;
          }
          
            #masthead .links #nav-follow li a {
              background: transparent url("../images/struct/ico-masthead-nav-follow.png") 0 0 no-repeat;
              display: block;
              height: 19px;
              padding-top: 3px;
            }
            
            /* various icon states */
            #masthead .links #nav-follow li.nav-02 a { background-position: 0 -24px; }
            #masthead .links #nav-follow li.nav-03 a { background-position: 0 -48px; }
            #masthead .links #nav-follow li.nav-04 a { background-position: 0 -72px; }
            #masthead .links #nav-follow li.nav-05 a { background-position: 0 -95px; }
        /* @end */
      /* @end */
      
      /* @group ---masthead links */
      #masthead .featured {
        width: 282px;
      }
      
        #masthead .featured .promo {
          margin-bottom: 10px;
        }
        
          #masthead .featured .promo h4 {
            font-size: 1.27em;
            font-weight: bold;
            line-height: 1.35em;
          }
        
          #masthead .featured .promo img {
            background: #fff;
            border: 1px solid #ccc;
            float: left;
            margin-right: 16px;
            padding: 2px;
          }
          
            #masthead .featured .promo a:hover img, #masthead .featured .promo a:active img { 
              background: #cde6fb;
            }
      /* @end */
    
    /* @end */
    
    /* @group --enhanced masthead */
    .enhanced #masthead #newsletter-subscribe .form-field .overlabel-apply {
      color: #848484;
      top: 7px;
      left: 6px;
    }
    
    .enhanced #wrapper-masthead-control {
      position: relative;
      margin: 0 auto;
      width: 960px;
    }
      
      .enhanced #masthead-control {
        position: absolute;
        top: 12px;
        left: 0;
      }
      
        .enhanced #masthead-control a {
          background: transparent url("../images/struct/ico-masthead-control.png") 0 1px no-repeat;
          color: #fff;
          font-size: 0.625em;
          padding-left: 13px;
          text-decoration: none;
          text-transform: uppercase;
        }
      
        .enhanced #masthead-control a.expanded {
          background-position: 0 -13px;
        }
  	/* @end */
    
	/* @end */

	/* @group -footer */
	#wrapper-footer {
    background: #676557 url("../images/struct/bg-wrapper-footer.png") left bottom repeat-x;
    padding-top: 34px;
	  width: 100%;
	}
	
	  #footer {
	    background: transparent url("../images/struct/bg-footer.png") bottom center no-repeat;
      margin: 0 auto;
      padding-bottom: 20px;
      text-align: center;
	    width: 945px;
	  }
	  
	    #footer .header {
	      color: #fff;
	      font-style: italic;
	      margin-bottom: 30px;
	      padding-top: 31px;
	    }
	    
	    #footer .nav {
	      list-style: none;
	      margin: 0 auto;
	      padding: 0;
	      text-align: center;
	    }
	    
	      #footer .nav li {
	        border-right: 1px solid #8e8c82;
	        display: inline;
	        margin: 0 14px 0 0;
	        padding: 4px 14px 4px 0;
	      }
	      
	        #footer .nav li.last {
	          border: none;
            margin-right: 0;
	          padding-right: 0;
	        }
	      
	        #footer .nav li a {
	          color: #fff;
	        }
	        
	    #nav-footer {
	      font-size: 0.75em;
	      margin-bottom: 35px !important;
	    }
	    
	    #nav-legal {
        font-size: 0.6875em;
	    }
	/* @end */
/* @end */

/* @group misc styles */

/* @end */