.content {
  max-width: 490px;
  float: left;
  padding-right: 50px; }

h2 {
  margin: 10px 0; }

.content h3 {
  font: normal 16px/1.3em QuicksandBook, arial;
  color: #151515;
  margin: 0 0 25px; }

#index {
	margin-bottom: 10px;
}

.left_ad {
	margin-bottom: 25px;
}

@media screen and (max-width:320px) {
	.content {
		padding-right: 0px;
	}
	h2, #index {
		text-align: center;
	}
	.side {
		float: none;
	}
	#content_footer {
		padding: 0 0 0 0;
	}	
}

@media screen and (min-width:321px) and (max-width:479px) {
	.content {
		padding-right: 0px;
	}
	h2, #index {
		text-align: center;
	}
	.side {
		float: none;
	}
	#content_footer {
		padding: 0 0 0 0;
	}
}

@media screen and (min-width:479px) and (max-width:960px) {
	h2, h3, #index {
		text-align: center;
	}
	.content {
		padding-right: 0px;
		max-width: none;
	}
	.side {
		float: none;
		max-width: none;
	}
	#content_footer {
		padding: 0 0 0 0;
	}
}