/* ------ reset ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* ------ grid ------*/
.block {position: relative;width: 950px; margin: 0 auto; }
.clear:after, .container:after, .block:after { content:  "."; /* Clear fix */ display: block; height: 0; clear: both; visibility: hidden; }
.clear, .container, .block { zoom: 1; /* IE fix */ }
.unit { float: left;margin-left: 5px;margin-right: 5px;}
.first { margin-left: 0 }
.last { margin-right: 0 }
.span-1  { width: 50px; } .span-2  { width: 110px; } .span-3  { width: 170px; } .span-4  { width: 230px; } .span-5  { width: 290px; } .span-6  { width: 350px; } .span-7  { width: 410px; }  .span-8  { width: 470px; } .span-9  { width: 530px; } .span-10 { width: 590px; } .span-11 { width: 650px; } .span-12 { width: 710px; } .span-13 { width: 770px; } .span-14 { width: 830px; } .span-15 { width: 890px; } .span-16 { width: 950px;margin-left: 0; margin-right: 0;}
.append-1 { padding-right: 60px; }   .append-2 { padding-right: 120px; }  .append-3 { padding-right: 180px; }  .append-4 { padding-right: 240px; }  .append-5 { padding-right: 300px; }  .append-6 { padding-right: 360px; }  .append-7 { padding-right: 420px; }  .append-8 { padding-right: 480px; }  .append-9 { padding-right: 540px; }  .append-10 { padding-right: 600px; } .append-11 { padding-right: 660px; } .append-12 { padding-right: 720px; } .append-13 { padding-right: 780px; } .append-14 { padding-right: 840px; } .append-15 { padding-right: 900px; } .append-16 { padding-right: 940px; } 
.prepend-1 { padding-left: 60px; }   .prepend-2 { padding-left: 120px; }  .prepend-3 { padding-left: 180px; }  .prepend-4 { padding-left: 240px; }  .prepend-5 { padding-left: 300px; }  .prepend-6 { padding-left: 360px; }  .prepend-7 { padding-left: 420px; }  .prepend-8 { padding-left: 480px; }  .prepend-9 { padding-left: 540px; }  .prepend-10 { padding-left: 600px; } .prepend-11 { padding-left: 660px; } .prepend-12 { padding-left: 720px; } .prepend-13 { padding-left: 780px; } .prepend-14 { padding-left: 840px; } .prepend-15 { padding-left: 900px; } .prepend-16 { padding-left: 940px; } 
/* ------ type ------*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {font-family: 'Helvetica Neue', Arial, sans-serif;font-size: 12px;line-height: 18px;font-weight: normal;color: #222;}
a { color: #CC0000;text-decoration: none; outline:none;}
a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: bold;}
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { margin: 0 0 18px 0; }
ul, ol {margin-top: 18px;margin-bottom: 18px;padding-left: 16px;list-style-position: outside;list-style-type: disc;}
ol { list-style-type: decimal; }
dl {margin-top: 18px;margin-bottom: 18px;}
dl dt {font-weight: bold;}
blockquote {margin-top: 18px;margin-bottom: 18px;padding-left: 17px;border-left: 1px solid #666;font-style: italic;}
blockquote * { color: #666; }
strong { font-weight: bold; }
em { font-style: italic; }
.small {font-size: 10px;line-height: 18px;}
.large {font-size: 14px;line-height: 18px;}
.quiet {color: #666;}
.footnotes {border-top: 1px solid #666;margin-top: -1px;color: #666;font-size: 10px;}

  /* BUG: This currenty relies on daisy-chained class selectors, which IE doesnt support. Need to find another way. */
  .sidenote.right { float: right; }
  .sidenote.right.span1 { margin-right: -60px; }
  .sidenote.right.span2 { margin-right: -120px; }
  .sidenote.right.span3 { margin-right: -180px; }
  .sidenote.right.span4 { margin-right: -240px; }

  .sidenote.left { float: left; }
  .sidenote.left.span1 { margin-left: -60px; }
  .sidenote.left.span2 { margin-left: -120px; }
  .sidenote.left.span3 { margin-left: -180px; }
  .sidenote.left.span4 { margin-left: -240px; }