#content .sidebar {width: 310px; overflow:hidden;}

/*specific resolutions*/
@media (min-width: 1000px) {
	#content .content {width: 670px; float: left;}
	#content .sidebar {float: right;}
}
@media (min-width: 768px) and (max-width: 999px) {
	#content .content {float: left; max-width:calc(100% - 310px);}
	#content .sidebar {position: absolute; top: 0; right: 10px;}
}
@media (min-width: 480px) and (max-width: 767px) {
	#content .content > div {min-height: 0 !important;}
	#content .sidebar {position: relative; left: 50%; margin-left: -155px;}
}
@media (max-width: 479px) {
	#content .content > div {min-height: 0 !important;}
	#content .sidebar {position: relative; left: 50%; margin-left: -155px;}
}

/*IE bug*/
@media (min-width: 1018px) {
	html.ie #content .content {width: 670px; float: left;}
	html.ie #content .sidebar {float: right;}
}
@media (min-width: 768px) and (max-width: 1017px) {
	html.ie #content .content {float: left; max-width:calc(100% - 310px);}
	html.ie #content .sidebar {position: absolute; top: 0; right: 10px;}
}

/*END LAYOUT*/