#main{
		text-align:center;
		background:#efefef;
		padding-top:60px;
		padding-bottom:100px;}
		


#blogframe{
	padding-bottom:30px;
	width:666px;
	margin-left:auto;
	margin-right:auto;
}


.blogpost{
	text-align:center;
	background:#fff;
	margin-bottom:30px;
	font-family: 'Neuton', georgia, serif;
	line-height: 40px;
	color:#333;
	padding: 30px;
	line-height:38px;
}
.blogpost p{
		line-height:32px;
		font-size:22px;
		
}

img
{max-width:600px;}

p{
	text-align:left;
}

a{
	color:#ff3c37;
	text-decoration:none;
}

.date{
	font-size:14px;
	text-align:center;
	color:#999;
}

.blogtitle{
	text-transform:uppercase;
	color:#333;
}
.blogtitle:hover{
	color:#ff3c37;
}

h2{
	font-family: 'Neuton', serif;
}
	
#navbuttons{
	height:100px;
	padding-top:40px;
	text-align:center;
  	position:relative;
}
#next{
position:absolute;
right:0px;
}
#prev{
position:absolute;
left:0px;
}

#next a, #prev a {
	margin-right: 20px;
	margin-bottom:100px;
	text-decoration:none;
	display:inline;
	text-transform:uppercase;
	font-family: 'Source Code Pro', sans-serif;
	padding-left:40px;
	padding-right:40px;
	padding-top:25px;
	padding-bottom:25px;
	background:#ff3c37;
	color:#fff;
    font-size:18px;
	text-decoration:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 60ms linear;
	-moz-transition: all 60ms linear;
	-ms-transition: all 60ms linear;
	-o-transition: all 60ms linear;
	transition: all 60ms linear;
	text-shadow: 0px -1px 0px rgba(150, 3, 3, 1);
	border-bottom:1px solid #960303;
}
#next a:hover, #prev a:hover {
	padding-top:28px;
	padding-bottom:28px;
}

@media only screen and (max-width : 960px),
only screen and (max-device-width : 960px){
  
  #blogframe{
	  width:90%;
  }
  
  img {
  max-width: 90%;
}
  
  
#next a, #prev a {

    font-size:26px;

}
 

  
}