@import 'reset.css';

@import 'color.css';
@import 'typography.css';
@import 'layout.css';

/* LAYOUT */
#pageContent {}
  #pageContent p {
    width: 440px;
  }
  .about-section {
    height: auto;
  }
  #aboutFamily {
	  margin-bottom: 20px;
    padding-left: 20px;
  }
    #aboutFamily h2 {
      width: 940px;
	  }
		#familyPic {
			border: solid #000;
			border-width: 0 0 1px 1px;
		  float: right;
			margin-bottom: 34px;
			margin-top: -18px;
		}
	
  #aboutLegis {
    float: left;
	  padding: 0 20px 40px;
  }
    #aboutLegis h2 {
      width: 440px;
	  }
	  #aboutLegis h3, #aboutLegis ul {
	    width: 440px;
	  }
	  #changeQuote {
	    margin-bottom: 20px;
		  padding: 20px 10px;
	  }
	    #aboutLegis blockquote {
	      width: 420px;
	    }
	
  #aboutPro {
    float: left;
	  padding: 0 0 40px 20px;
  }
    #aboutPro h2 {
      width: 460px;
	  }
	  #aboutPro h3#aboutPro ul {
	    width: 440px;
	  }
	    #aboutPro p.job-desc {
		    width: 420px;
		  }
	
/* TYPOGRAPHY */
      blockquote {
	      font-size: 12px;
		    font-weight: bold;
	    }
	    blockquote:before, blockquote:after {
	      font-weight: bold;
	    }
		  cite {
		    font-weight: bold;
			  font-size: 16px;
		  }
	
/* COLOR */
  #aboutLegis {}
    #changeQuote {
	    background-color: #666;
	  }
      blockquote {
	      color: #FFF;
	    }
	    blockquote:before, blockquote:after {
	      color: #EFC811;
	    }
		  cite {
		    color: #EFC811;
		  }