#blog_body {
	position: relative;
}
#blog_view_entry .standards h2, #blog_view_entry .standards h3, #blog_view_entry .standards h4, #blog_view_entry .standards h5 {
	color:#BB5026;
}

#blog_view_entry .standards h5  {
	font-size: 1.4em;
	text-transform: uppercase;
}

#define {
	position: absolute;
	right: 40px;
	width: 250px;
	top: 375px;
	color: #BC4E21;
	padding: 0 20px;
	border-left: 1px solid #ffffff;
}

h4 {
	margin-top: 0;
}


#zeldman h4 a#blue-beanie {
	display: block;
	width: 30px;
	height: 19px;
	text-indent: -99999px;
	background: transparent url(/images/blog/blue-beanie-vector.gif) no-repeat 0 0;
}
	
#zeldman h4 a {
	color:#BB5026;
}

#define p  {
	font-style: italic;
	font-size: 1.2em;
	margin: 0;
}

#zeldman p {
	font-size: 1.2em;
	margin: 0;
}

#zeldman {
	position: absolute;
	right: 40px;
	width: 250px;
	top: 700px;
	color: #BC4E21;
	padding: 0 20px;
	border-left: 1px solid #ffffff;
}

#intro {
	margin-left: 140px;
	margin-right: 380px;
}

#history, #why, #end {
	margin-left: 140px; 
	margin-right: 380px;
}

#why, #end {
	margin-top: 40px;
	position: relative;
}

#why li {
	padding-bottom: 10px;
}

#progressive-enhancement-diagram {
	float: right;
	display: inline;
}

#example {
	width: 650px;
	margin: 40px 60px 40px 140px;
	color: #BC4E21;
	background-color: #edebdf;
	border-top: 1px solid #d5ceb9;
	border-bottom: 1px solid #d5ceb9;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	padding: 20px;
}

#example h2 {
	margin-top: 0;
}

#example h3 {
	font-size: 1.4em;
}

#diagram {
	float: right;
	display: inline;
	margin: 0 0 20px 40px;
}

#diagram img {
	border: 1px solid #d7d7d7;

}

#diagram p {
	font-style: italic;
	font-size: 1.1em;
	margin-top: 5px;
}

#beyond-validation {
	position: absolute;
	left: 510px;
	width: 250px;
	top: 480px;
	color: #BC4E21;
	padding: 0 20px;
	border-left: 1px solid #ffffff;
}

#beyond-validation h4 {
	margin-top: 0;
}

#beyond-validation p  {
	font-size: 1.2em;
	margin: 0;
}