@import 'reset.css';

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

/* COLOR */
#disclaimer {
  background: transparent url('/images/overlay-bg.png') repeat 0 0;
	color: #FFF;
}
  #disclaimer p {
    background-color: #333;
	}
    #quickBio {}
			#quickBio em {
			  color: #222;
			}
			
		#news {}
			#news h3, #news h4 {
			  color: #3A00F4;
			}
			#news p {}
		#testimony {
	    background-color: #333;
		}
		  #testimony blockquote {
		    color: #FFF;
			}
		  #testimony blockquote:before, #testimony blockquote:after {
		    color: #EFC811;
		  }
			#testimony cite {
		    color: #EFC811;
			}		
				
/* TYPOGRAPHY */
#disclaimer {
  font-size: 14px;
}
    #hideDisclaimer {
		  cursor: pointer;
		  font-weight: bold;
		}
		#quickBio {}
	    #quickBio h3 {
			  display: none;
	    }
			#quickBio em {
			  font-size: 16px;
				font-weight: normal;
			}
		#theIssues {}
		  #theIssues a.issue-name {
			  color: #000;
			  font-size: 16px;
				font-weight: bold;
				text-decoration: none;
			}
		  #theIssues a.issue-name:hover {
			  text-decoration: underline;
			}
		#news {}
		  #news h3, #news h4 {
			  font-style: normal;
				font-weight: normal;
			}
		    #news h3 a, #news h4 a {
		      font-size: 24px;
				  line-height: 40px;
		    }
			#news p {}
			  a.news-headline {
					text-decoration: none;
				}
				a.news-headline:hover {
					text-decoration: underline;
				}	
		#testimony {}
		  #testimony blockquote {
		    font-size: 16px;
			  text-shadow: #111 1px 1px 0;
			}
		  #testimony blockquote:before, #testimony blockquote:after {
			  font-size: 20px;
			  font-weight: bold;		
		  }
			#testimony cite {
			  font-size: 18px;
			}
				
/* LAYOUT */
#disclaimer {
  display: none;
	bottom: 0;
	left: 0;
	position: fixed;
	width: 960px;
	z-index: 1000;
}
  #disclaimer p {
	  margin-left: 120px;
	  padding: 20px;
		position: relative;
	  width: 600px;
	}
	  #hideDisclaimer {
		  bottom: 20px;
		  position: absolute;
			right: 20px;
		}
		#pageContent p {
		  padding: 0 40px 20px 0;
		}
	  #headshot {
		  border: solid #000;
			border-width: 0 1px 1px 0;
	    float: left;
			margin: 0 20px 14px 0;
	  }
	  #quickBio {
		  float: left;
		  width: 459px;
		}
		#theIssues {
			clear: both;
		  float: left;
			margin: 20px 0 40px 20px;
			width: 320px;
		}
		  #theIssues ul.issues-list {
			  list-style-type: none;
				padding: 0 20px;
				width: auto;
			}
			  #theIssues ul li {
				  margin: 0;
				}
				  #theIssues a.issue-name {
					  display: block;
					}
	  #news {
			float: left;
			margin: 20px 0 40px 40px;
		}
		  #news h2 {
				width: 580px;
      }			
			#news h3 {
				width: 540px;
			}
			  h3 a.news-headline {
		      display: block;
				}
			#news p {
				width: 540px;
			}
			#news h4 {
			}			
			  h4 a.news-headline {
		      display: block;
				}
	#testimony {
		border-top: 2px solid #000;
		clear: both;
	  display: block;
		height: auto;
		overflow: auto;
		width: 960px;
	}
	  #testimony blockquote {
		  float: left;
			margin: 18px 20px 18px;
			width: 200px;
		}
    #testimony cite {
		  float: left;
			margin: 18px 20px 18px;
		  width: 200px;
		}