/**
* Structual Alternative Style Sheet
*
* @author			Matt Gifford
* @copyright		2010 Timeshifting Interactive Limited
* @version		1.0
*/

body { padding: 40px; font-family: calibri, calibrieot, trebuchet ms, arial, geneva, helvetica, sans-serif; font-size: 120%; }

body * { padding: 4px; float: none !important; position: static !important; }

div { font-size: 12px; color: #666; padding: 1px 5px; margin: 1px 5px; border: 1px solid #eee; }
div:before {content: attr(id) }

h1 { font-size: 40px; }
h1:before {content: "<h1>"}
h1:after {content: "</h1>"}

h2 { font-size: 35px; }
h2:before {content: "<h2>"}
h2:after {content: "</h2>"}

h3 { font-size: 30px; }
h3:before {content: "<h3>"}
h3:after {content: "</h3>"}

h4 { font-size: 26px; }
h4:before {content: "<h4>"}
h4:after {content: "</h4>"}

h5 { font-size: 22px; }
h5:before {content: "<h5>"}
h5:after {content: "</h5>"}

h6 { font-size: 18px; }
h6:before {content: "<h6>"}
h6:after {content: "</h6>"}

p, li { font-size: 16px; }

b:before {content: "<b>"}
b:after {content: "</b>"}

i:before {content: "<i>"}
i:after {content: "</i>"}

p:before {content: "<p>"}
p:after {content: "</p>"}

img { max-width: 300px; max-height: 300px; }
img:after { content: "alt(" attr(alt) ")"; }

h1 {background: #ffdbdb; }
h2 {background: #fffcdc; }
h3 {background: #deffdb; }
h4 {background: #dbfffb; }

a { background: #c3e6ff; color: #00f !important; }

h1,h2,h3,h4,h5,h6,p,li,b,i {
	color: #000 !important;
	}