body {
	font:normal 1em/1.5 Merriweather, Georgia, serif;
	background:#009;
	margin:0;
	padding:0;
	}


h1, h2, h3, h4, legend, dl.faq dt {
 font: normal 100%/1.3 "Oswald", arial, sans-serif;
 color:#900;
 padding:.25em 0;
 margin:0;
}

h1 { font-size: 280%; } 
h2 { font-size: 200%; } 
h3 { font-size: 150%; } 
h4 { font-size: 100%; } 


main p, main ul, main ol { margin-bottom:1em; }

a:hover { text-decoration:none; }

header { 
	position:relative;
	height:205px;
	max-width:1000px;
	color:#fff;
	margin:0 auto;
	}


#logo {
	margin-left:40px;
	}

#headshot {
	position:absolute;
	right:50px;
	top:0;
	height:100%;
	width:auto;
	}

#slogan {
	font:bold 20px/62px "Crimson Text",Arial, sans-serif;
	color:#aaa;
	width:400px;
	text-align:center;
	margin-left:40px;
	}

nav#main_menu h1 {
	display:none;
	}

#main_menu ul {
	position:absolute;
	left:0;
	bottom:0;
	font:normal 13px/1 'Istok Web',Arial, Helvetica;
	color:#fff;
	margin:0;
	z-index:100;
	}

#main_menu ul li
{
  display:inline-block;
  list-style:none;
  margin:0;
}

#main_menu ul a {
 text-decoration:none;
 font-size:120%;
 font-weight:bold;
 color:#fff;
 display:inline-block;
 padding:8px 2em;
 }	

#home li#nav-home a,
#activism li#nav-activism a,
#bio li#nav-bio a,
#issues li#nav-issues a
{
  background:#fff;
  border-radius:10px 10px 0 0;
  color:#f00;
  text-shadow: none;
}

#main_menu ul a:hover { color:#f00; }

main
{
  margin:0 auto;
  padding:20px;
  background:#fff;
  min-height:300px;
}

main > .inner, footer .inner {
	max-width:1000px;
	margin: 0 auto;
	}

.alert .signupform  { text-align:center; }

.alert a { color:#ddf; }



/* Endorsements Page ****************************** */

main li {
	padding:5px 0 5px 25px;
	background: url(/images/checkmark.svg) 0 8px no-repeat;
	background-size: 15px 15px;
	min-height:15px;
	}

main li li {
	padding-left:10px;
	margin-left:15px;
	background: none;
	min-height:0;
	list-style:disc;
	}

.alert {
	border:1px solid #aa6; 
	padding:1em;
	box-shadow:0 0 5px #aaa;
	background:#f33;
	margin-bottom:2em;
	color:#fff;
	border-radius:10px;
	}

.alert h1 {
	text-align:center;
	padding:0;
	color:#fff;
	font-size:200%;
	}

.alert img { margin-right:20px; }

footer { 
	color:#fff;
	padding:30px 0;
	font-size:85%;
}

footer blockquote p
{
  font-size:200%;
  display:inline;
}

footer blockquote p:after,
footer blockquote p:before { content:'"'; }

footer blockquote cite { font-size:140%; display:inline-block;}
footer blockquote cite:before { content: " -- "; }

footer #meta {
	text-align:center;
	margin:10px 0;
	}


.alert:after,
#main:after,
footer:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#main_menu #hamburger { display: none; }
/* mobile styles */
@media only screen and (max-width: 767px) { 
#headshot {
position: relative !important;
width: 100% !important;
right: 0px !important;
}
footer {
padding: 30px 10px !important;
}
#block-108 .client_image {
float: none !important;
width: 100% !important;
max-width: 400px;
margin-left: 0px !important;
}
header #logo {
margin-top: 0px
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
width: 95%;
}
header #slogan {
margin-left: 0px !important;
max-width: 400px;
width: 100% !important;
}
.client_image img {
width: 100%;
}
#main_menu {
		border-radius: 5px;
		text-align:center;
		}		

	#main_menu ul, main, .inner {
		width: auto;
		}

	#main_menu li { display: block; }

	#main_menu ul { display: none; position: relative;}

	#main_menu.open li {
		border-top: 1px dotted #fff;
		width: 100%;
		}
#main_menu #hamburger {
		display: block;
		font-size: 2rem;
		color: #fff;
		font-family: Arial, sans-serif;
		text-decoration: none;
		}

	#main_menu #hamburger span {
		color: #fff;
		margin-right: 5px;
		display: inline-block;
		transform: rotateZ(0);
		transition: all .25s ease;
		}

	#main_menu.open #hamburger span {
		transform: rotateZ(90deg);
		}
header {
height: auto;
}
}
/* end mobile styles */