* {


}



/************************************************************************************

smaller than 1075

*************************************************************************************/

@media screen and (max-width: 1075px) {

/* pagewrap */

#pagewrap {

	margin:84px 10px 0 75px;

	max-width:900px;

}

.left_post {

	width:66.66666667%;

	padding-right:2.77777778%;

	padding-left:2.77777778%;

}

.fixit {

	position:fixed;

	top:85px;

	width:23%;

	}

sidebar {

	width:26%;

}

.buyprint {

	width:80%;

	padding-left:10%;

	padding-right:10%;

}

nav {

	width:52.1111111111%;

	float:right;

}

#main-nav li a {

	border-right:1px solid #666;

	width:86.6407766%;

	padding:40px 6.6796117% 0px 6.6796117%;

	margin-right:-1px;

}

#main-nav li {

	width:25%;

}

#main-nav {

	width:100%;

}

#head_elements {

	width:auto;

	max-width:900px;

	margin:0 auto;

}

.post-title {

	width:77.77777778%;

}

.advert {

	padding:0.88888889%;

}

.advert .left {

	width:15.555556%;

}

.advert .right {

	width:81.11111%;

	height:90px;

}

}

	

/************************************************************************************

smaller than 900

*************************************************************************************/

@media screen and (max-width: 950px) {

nav {

	margin-right:1%;

}

.advert .left {

	width:auto;

	float:none;

	padding:5px 0;

}

.advert .right {

	width:auto;

	height:auto;

	float:none;

}

.fixit{

	width:23%;

}

#footer .inner{

	width:94%;

}

#footer .left{

	width:50%;

	padding-left:12%;

}

#footer .right{

	width:30%;

}

}

/************************************************************************************

smaller than 650

*************************************************************************************/

@media screen and (max-width: 750px) {

hgroup {

	width:44%;

	margin:0 1%;

	padding:0 0.222222222%;

}

#site_logo {

	width:100%;

	background-repeat:no-repeat;

}

article header {

	padding-right:4%;

	padding-left:4%;

}

.left_post {

	float:none;

	width:auto;

	padding-left:4%;

	padding-right:4%;

}

sidebar {

	float:none;

}

.fixit{

	position:static;

}

.buyprint {

	width:auto;

	margin:0 4% 10px 4%;

}

.sharethings, .turboreader {

	width:auto;

	margin:0 4%;

	padding:4%;

	margin-bottom:10px;

}

.post {

	padding-bottom:10px;

}

#archive .post-image {

	display:table;

	width:100%;

}

#search{

	margin-left:7%;

	width:93%;

}

}

@media screen and (max-width:650px) {

#header {

}

hgroup {

}

nav {

	margin-right:0;

	font-size:0.85em;

}

.post-title {

	float:none;

	width:100%

}

.post-meta {

	text-align:left;

	margin:0;

}

#archive .post-image ul {

	margin:1em 4% 15px 4%;

}

#archive .post-image li {

	font-size:0.9em;

}

#archive #years li {

	padding-right:5%;

}

}

 @media screen and (max-width:630px) {

#site_logo {

	-webkit-background-size: 100%;

	-moz-background-size: 100%;

	-o-background-size: 100%;

	background-size: 100%;

}

#searcharea{

	background:none;

}

#search{

	margin-left:0;

	width:99%;

}

#footer .left, #footer .right{

	float:none;

	width:100%;

	margin:0 auto;

	padding-left:0px;

}

}



/************************************************************************************

smaller than 560

*************************************************************************************/

@media screen and (max-width: 480px) {

/*Was 480*/

html, * html body {
	margin-top: 0px !important;
}

p{

	font-size:1em;

}

hgroup {

	margin:0 5%;

	padding:20px 0 3px 0;

	float:none;

	width:auto;

}

#site_logo {

	height:40px;

	width:268px;

}

nav {

	font-size:1em;

	float:none;

	width:auto;

}

#main-nav {

	float:none;

	margin:0 2% 12px 2%;

	border:0;

	width:96%;

	height:auto;

}

#main-nav li {

	width:auto;

	display:block;

	float:none;

	margin:8px 0;

}

#main-nav li a {

	width:auto;

	background-color:#232323;

	border:0;

	padding-top:16px;

	-webkit-border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

}

.left_post h1 {

	margin-top:0;

}

#header {

	height:140px;

}

hgroup h1 {

	margin-top:0;

}

#header {

	position:relative;

	height:auto;

}

#pagewrap {

	margin:20px 10px 20px 10px;

}

.post-title {

	width:100%;

	font-size:2em;

}

#controls {

	width:100%;

	top:inherit;

	bottom:0;

	background:none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow:none;

	-webkit-border-radius:0;

	-moz-border-radius: 0;

	border-radius: 0;

}

#controls ul {

	width:255px;

	height:60px;

	padding:7px 12px;

	margin:0 auto;

	background-color:#343434;

	-webkit-border-radius: 10px 10px 0px 0;

	-moz-border-radius: 10px 10px 0px 0;

	border-radius: 10px 10px 0px 0;

	-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.4);

	-moz-box-shadow: 0 -2px 3px rgba(0,0,0,.4);

	box-shadow: 0 -2px 3px rgba(0,0,0,.4);

}

#controls li {

	float:left;

	margin-left:5px;

	margin-right:5px;

}

#archive .left_post ul {

	margin:0 0 10px;

	font-size:1em;

}


#footer .left, #footer .right{

	float:none;

	width:100%;

	margin:0 auto;

	padding-left:0px;

}

#footer .f_in_left{
	display: none;
}

#footer .f_in_right a{
	display: inline-block;
}

#footer .f_in_right{
float: none;
}

}