/* RESET */
* {
	vertical-align: baseline;
	font-family: Cambria, Georgia, serif;
	font-weight: normal;
	font-size: 11px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/* CLEAR FIX */
.clear:after   	{ visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; }
.clear 		   	{ display: inline-block; }
* html .clear 	{ height: 1%; }
.clear        	{ display: block; }

/* MAIN STYLING */
body	{ background: #fff; }
body a	{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#pagewrap	{ margin: 0 auto; width: 800px; }
#ie			{ display: none; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; bottom: 0; margin: 0 auto; position: absolute; padding: 30px 0; width: 800px; }
#ie p		{ color: #a00; line-height: 1.5em; font-size: 18px;  }
#ie p a		{ color: #000; font-size: 18px;  }
.left		{ float: left; }
.right		{ float: right; }
.col2		{ width: 385px; }
.intro		{ border-top: 1px solid #ddd; padding-top: 30px; }
.preface	{ font-style: italic; font-size: 13px; }

h1, h2, h3, h4, h5, h6	{  }
h1			{ background: url(../img/rawk-v-banner.png); height: 174px; margin: 0 auto 50px; text-indent: -9999px; width: 200px; }

.col2 p	{ line-height: 2em; margin-bottom: 1em; }
.col2 p a	{ color: #000; padding: 3px; text-decoration: underline; }
.col2 p a:hover	{ background: #222; color: #fff; text-decoration: none; }

#content	{ border-top: 1px solid #ddd; margin: 20px 0 30px; }

#worklist	{ list-style-type: none; margin-right: -40px; }
#worklist li 	{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: inline; float: left; margin: 40px 40px 0 0; width: 240px; }
#worklist li:hover	{ border-color: #222; }
#worklist li a	{ color: #000; display: block; font-size: 18px; padding: 1em 0; text-decoration: none; }
#worklist li a:hover	{ background: #222; color: #fff; padding-left:0.5em; }
#worklist li a span.meta	{ display: block; margin-top: 1em; }
#worklist li a img		{ border-bottom: 1px solid #ddd; margin-bottom: 1em; }