header { margin-bottom: 2em; }

.container
{
  	max-width: 960px;
  	margin-right: auto;
  	margin-left: auto;
  	background-color: white;
  	padding: 1em;
  	border-left: 1px solid #e0e0e0;
  	border-right: 1px solid #e0e0e0;
  	border-bottom: 1px solid #e0e0e0;
}

.box 
{
    font-family: sans-serif;
    background-color: transparent;
	border-radius: 3px;
  	border: 2px solid #e0e0e0;
    padding: 3em;
  	width: 89%;
    margin: 40px auto 0 auto;
}

.box p 
{
  	margin-top: 2em;
  	font-size: 110%;
}

.box img 			
{ 
  
  	float: right; 
  	height: 200px; 
  	position: relative; 
}

.box .button
{
  	background-color: #3572b0;
  	color: white;
  	border: 1px solid #3572b0;
  	border-radius: 2px;
  	font-size: 1em;
  	padding: .5em;
  	transition: all .2s ease;
  	text-transform: uppercase;
}

.box .button:hover, .button:active, .button:focus
{
  	background-color: #3572b0;
  	border: 1px solid #3572b0;
  	color: white;
  	text-decoration: none;
  	outline: none;
}

.box h3 { margin-top: 	 0; }

.author_info { margin: 0 0 0.5em .65em; }

.powered-by 
{
  	padding-top: 2em;
    font-family: sans-serif;
    text-align: center;
  	font-size: 70%;
	text-transform: uppercase;
}

.scroll-viewport-attribution
{
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
  color: #cccccc;
}

.scroll-viewport-attribution a
{
  color: #cccccc;
  text-decoration: underline;
}