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

#container,
#footer {
	width:auto;
}

}

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

#aside {
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	background-color:#f9f1e8;
	padding:15px 30px 20px 30px;
}
#logo {
	width:100px;
	height:152px;
	padding:0;
	margin:0;
}
#logo img {
	width:100px;
	height:auto;
	margin:0 auto;
}
#main {
	margin-left:0;
}
#home-banner {
	display:none;
}
#main-content .col-left {
	width:auto;
	float:none;
}
#main-content .col-left .col-inner {
	padding:0 30px 30px 30px;
}
#main-content .col-right {
	width:auto;
	float:none;
}
#main-content .col-right .col-inner {
	padding:0 30px 30px 30px;
}
.clarendon-story {
	margin:0 30px;
	padding:0 55px 40px 55px;
}
#footer {
	width:auto;
}
.footer-bar {
	margin-left:0;
	background-position:30px 20px;
}
p.copyright {
	padding-left:85px;
}

}

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

.clarendon-story {
	margin:0;
}
a.story-thumb {
	max-width:266px;
	display:block;
	float:none;
	margin:0 auto 20px auto;
}
a.story-thumb img {
	display:block;
	max-width:250px;
}
.footer-bar {
	font-size:12px;
}

}

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

#logo {
	width:80px;
	height:122px;
}
#logo img {
	width:80px;
}
#main-content div.formbuttons {
	padding-left:0;
}
#main-content span.error {
	padding:4px 0 0 0;
}
#main-content label {
	width:auto;
	float:none;
	padding:4px 0;
	text-align:left;
}
#main-content input {
	width:230px;
}
#main-content textarea.contact-textbox {
	width:230px;
}
a.story-thumb {
	max-width:196px;
}
a.story-thumb img {
	max-width:180px;
}

}