cannam@62: /*******************************************************************************
cannam@62: Site Design by @kentonv and @sailorhg.
cannam@62: 
cannam@62: Originally based on Slate Theme for GitHub Pages
cannam@62: by Jason Costello, @jsncostello
cannam@62: *******************************************************************************/
cannam@62: 
cannam@62: @import url(pygment_trac.css);
cannam@62: 
cannam@62: /*******************************************************************************
cannam@62: MeyerWeb Reset
cannam@62: *******************************************************************************/
cannam@62: 
cannam@62: html, body, div, span, applet, object, iframe,
cannam@62: h1, h2, h3, h4, h5, h6, p, blockquote, pre,
cannam@62: a, abbr, acronym, address, big, cite, code,
cannam@62: del, dfn, em, img, ins, kbd, q, s, samp,
cannam@62: small, strike, strong, sub, sup, tt, var,
cannam@62: b, u, i, center,
cannam@62: dl, dt, dd, ol, ul, li,
cannam@62: fieldset, form, label, legend,
cannam@62: table, caption, tbody, tfoot, thead, tr, th, td,
cannam@62: article, aside, canvas, details, embed,
cannam@62: figure, figcaption, footer, header, hgroup,
cannam@62: menu, nav, output, ruby, section, summary,
cannam@62: time, mark, audio, video {
cannam@62:   margin: 0;
cannam@62:   padding: 0;
cannam@62:   border: 0;
cannam@62:   font: inherit;
cannam@62:   vertical-align: baseline;
cannam@62: }
cannam@62: 
cannam@62: /* HTML5 display-role reset for older browsers */
cannam@62: article, aside, details, figcaption, figure,
cannam@62: footer, header, hgroup, menu, nav, section {
cannam@62:   display: block;
cannam@62: }
cannam@62: 
cannam@62: ol, ul {
cannam@62:   list-style: none;
cannam@62: }
cannam@62: 
cannam@62: blockquote, q {
cannam@62: }
cannam@62: 
cannam@62: table {
cannam@62:   border-collapse: collapse;
cannam@62:   border-spacing: 0;
cannam@62: }
cannam@62: 
cannam@62: a:focus {
cannam@62:   outline: none;
cannam@62: }
cannam@62: 
cannam@62: /*******************************************************************************
cannam@62: Theme Styles
cannam@62: *******************************************************************************/
cannam@62: 
cannam@62: body {
cannam@62:   box-sizing: border-box;
cannam@62:   color:#373737;
cannam@62:   background: #212121;
cannam@62:   font-size: 16px;
cannam@62:   font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
cannam@62:   line-height: 1.5;
cannam@62:   -webkit-font-smoothing: antialiased;
cannam@62: }
cannam@62: 
cannam@62: h1, h2, h3, h4, h5, h6 {
cannam@62:   margin: 10px 0;
cannam@62:   font-weight: 700;
cannam@62:   color:#222222;
cannam@62:   font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
cannam@62:   letter-spacing: -1px;
cannam@62: }
cannam@62: 
cannam@62: .hmargin {
cannam@62:   margin: 10px 0 0 0;
cannam@62: }
cannam@62: 
cannam@62: h1 {
cannam@62:   font-size: 36px;
cannam@62:   font-weight: 700;
cannam@62: }
cannam@62: 
cannam@62: h2 {
cannam@62:   padding-bottom: 10px;
cannam@62:   font-size: 28px;
cannam@62:   background: url('../images/bg_hr.png') repeat-x bottom;
cannam@62: }
cannam@62: 
cannam@62: h3 {
cannam@62:   font-size: 24px;
cannam@62: }
cannam@62: 
cannam@62: h4 {
cannam@62:   font-size: 21px;
cannam@62: }
cannam@62: 
cannam@62: h5 {
cannam@62:   font-size: 18px;
cannam@62: }
cannam@62: 
cannam@62: h6 {
cannam@62:   font-size: 16px;
cannam@62: }
cannam@62: 
cannam@62: p {
cannam@62:   margin: 10px 0 15px 0;
cannam@62: }
cannam@62: 
cannam@62: footer p {
cannam@62:   color: #f2f2f2;
cannam@62: }
cannam@62: 
cannam@62: a {
cannam@62:   text-decoration: none;
cannam@62:   color: #007edf;
cannam@62:   text-shadow: none;
cannam@62: 
cannam@62:   transition: color 0.5s ease;
cannam@62:   transition: text-shadow 0.5s ease;
cannam@62:   -webkit-transition: color 0.5s ease;
cannam@62:   -webkit-transition: text-shadow 0.5s ease;
cannam@62:   -moz-transition: color 0.5s ease;
cannam@62:   -moz-transition: text-shadow 0.5s ease;
cannam@62:   -o-transition: color 0.5s ease;
cannam@62:   -o-transition: text-shadow 0.5s ease;
cannam@62:   -ms-transition: color 0.5s ease;
cannam@62:   -ms-transition: text-shadow 0.5s ease;
cannam@62: }
cannam@62: 
cannam@62: #main_content a:hover {
cannam@62:   color: #0069ba;
cannam@62: }
cannam@62: 
cannam@62: footer a:hover {
cannam@62:   color: #43adff;
cannam@62:   text-shadow: #0090ff 0px 0px 2px;
cannam@62: }
cannam@62: 
cannam@62: em {
cannam@62:   font-style: italic;
cannam@62: }
cannam@62: 
cannam@62: strong {
cannam@62:   font-weight: bold;
cannam@62: }
cannam@62: 
cannam@62: img {
cannam@62:   position: relative;
cannam@62:   margin: 0 auto;
cannam@62:   max-width: 739px;
cannam@62: }
cannam@62: 
cannam@62: img.gittip {
cannam@62: 	width: 51px;
cannam@62: 	height: 10px;
cannam@62: }
cannam@62: 
cannam@62: img.gittip15 {
cannam@62:   width: 77px;
cannam@62:   height: 15px;
cannam@62: }
cannam@62: 
cannam@62: pre, code {
cannam@62:   width: 100%;
cannam@62:   color: #222;
cannam@62:   background-color: #fff;
cannam@62: 
cannam@62:   font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
cannam@62:   font-size: 14px;
cannam@62: 
cannam@62:   border-radius: 2px;
cannam@62:   -moz-border-radius: 2px;
cannam@62:   -webkit-border-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: h1>code {
cannam@62: 	font-size: 30px;
cannam@62: }
cannam@62: 
cannam@62: pre {
cannam@62:   width: -moz-calc(100% - 20px);
cannam@62:   width: -webkit-calc(100% - 20px);
cannam@62:   width: calc(100% - 20px);
cannam@62:   padding: 10px;
cannam@62:   box-shadow: 0 0 10px rgba(0,0,0,.1);
cannam@62:   overflow: auto;
cannam@62: }
cannam@62: 
cannam@62: code {
cannam@62:   padding: 3px;
cannam@62:   margin: 0 3px;
cannam@62:   box-shadow: 0 0 10px rgba(0,0,0,.1);
cannam@62: }
cannam@62: 
cannam@62: pre code {
cannam@62:   display: block;
cannam@62:   box-shadow: none;
cannam@62: }
cannam@62: 
cannam@62: blockquote {
cannam@62:   color: #666;
cannam@62:   margin-bottom: 20px;
cannam@62:   padding: 0 0 0 20px;
cannam@62:   border-left: 3px solid #bbb;
cannam@62: }
cannam@62: 
cannam@62: ul, ol, dl {
cannam@62:   margin-bottom: 15px;
cannam@62:   padding-left: 30px;
cannam@62: }
cannam@62: 
cannam@62: ul li {
cannam@62:   list-style: outside;
cannam@62: }
cannam@62: 
cannam@62: ol li {
cannam@62:   list-style: decimal outside;
cannam@62: }
cannam@62: 
cannam@62: dl dt {
cannam@62:   font-weight: bold;
cannam@62: }
cannam@62: 
cannam@62: dl dd {
cannam@62:   padding-left: 20px;
cannam@62:   font-style: italic;
cannam@62: }
cannam@62: 
cannam@62: dl p {
cannam@62:   padding-left: 20px;
cannam@62:   font-style: italic;
cannam@62: }
cannam@62: 
cannam@62: hr {
cannam@62:   height: 1px;
cannam@62:   margin-bottom: 5px;
cannam@62:   border: none;
cannam@62:   background: url('../images/bg_hr.png') repeat-x center;
cannam@62: }
cannam@62: 
cannam@62: table {
cannam@62:   border: 1px solid #373737;
cannam@62:   margin-bottom: 20px;
cannam@62:   text-align: left;
cannam@62:  }
cannam@62: 
cannam@62: th {
cannam@62:   font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
cannam@62:   padding: 10px;
cannam@62:   background: #373737;
cannam@62:   color: #fff;
cannam@62:  }
cannam@62: 
cannam@62: td {
cannam@62:   padding: 10px;
cannam@62:   border: 1px solid #373737;
cannam@62:  }
cannam@62: 
cannam@62: form {
cannam@62:   background: #f2f2f2;
cannam@62:   padding: 20px;
cannam@62: }
cannam@62: 
cannam@62: img {
cannam@62:   width: 100%;
cannam@62:   max-width: 100%;
cannam@62: }
cannam@62: 
cannam@62: p.author {
cannam@62: 	margin: -1em 0 0 0;
cannam@62: 	padding: 0;
cannam@62: 	font-size: 80%;
cannam@62: 	color: #888;
cannam@62: }
cannam@62: 
cannam@62: h1>a, h2>a {
cannam@62: 	color: black;
cannam@62: }
cannam@62: 
cannam@62: /*******************************************************************************
cannam@62: Full-Width Styles
cannam@62: *******************************************************************************/
cannam@62: 
cannam@62: .outer {
cannam@62:   width: 100%;
cannam@62: }
cannam@62: 
cannam@62: .inner {
cannam@62:   position: relative;
cannam@62:   max-width: 640px;
cannam@62:   padding: 20px 10px;
cannam@62:   margin: 0 auto;
cannam@62: }
cannam@62: 
cannam@62: body.normal #main_content.inner {
cannam@62:   margin: 0 auto 0 340px;
cannam@62: }
cannam@62: 
cannam@62: #discuss_banner {
cannam@62:   display: block;
cannam@62:   position: absolute;
cannam@62:   top:0;
cannam@62:   right: 10px;
cannam@62:   width: 147px;
cannam@62:   z-index: 10;
cannam@62:   padding: 10px 50px 10px 10px;
cannam@62:   color: #fff;
cannam@62:   background: url('../images/groups-logo.png') #333 no-repeat 95% 50%;
cannam@62:   font-weight: 700;
cannam@62:   box-shadow: 0 0 10px rgba(0,0,0,.5);
cannam@62:   border-bottom-left-radius: 2px;
cannam@62:   border-bottom-right-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: #forkme_banner {
cannam@62:   display: ;
cannam@62:   position: absolute;
cannam@62:   top:0;
cannam@62:   right: 230px;
cannam@62:   z-index: 10;
cannam@62:   padding: 10px 50px 10px 10px;
cannam@62:   color: #fff;
cannam@62:   background: url('../images/blacktocat.png') #333 no-repeat 95% 50%;
cannam@62:   font-weight: 700;
cannam@62:   box-shadow: 0 0 10px rgba(0,0,0,.5);
cannam@62:   border-bottom-left-radius: 2px;
cannam@62:   border-bottom-right-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: .groups_link {
cannam@62:   display: inline-block;
cannam@62:   z-index: 10;
cannam@62:   padding: 10px 50px 10px 10px;
cannam@62:   margin: 5px;
cannam@62:   color: #fff;
cannam@62:   background: url('../images/groups-logo.png') #0090ff no-repeat 95% 50%;
cannam@62:   background-color: #0090ff;
cannam@62:   font-weight: 700;
cannam@62:   border-top-left-radius: 2px;
cannam@62:   border-top-right-radius: 2px;
cannam@62:   border-bottom-left-radius: 2px;
cannam@62:   border-bottom-right-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: .github_link {
cannam@62:   display: inline-block;
cannam@62:   z-index: 10;
cannam@62:   padding: 10px 50px 10px 10px;
cannam@62:   margin: 5px;
cannam@62:   color: #fff;
cannam@62:   background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
cannam@62:   background-color: #0090ff;
cannam@62:   font-weight: 700;
cannam@62:   border-top-left-radius: 2px;
cannam@62:   border-top-right-radius: 2px;
cannam@62:   border-bottom-left-radius: 2px;
cannam@62:   border-bottom-right-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: .twitter_link {
cannam@62:   display: inline-block;
cannam@62:   z-index: 10;
cannam@62:   padding: 10px 50px 10px 10px;
cannam@62:   margin: 5px;
cannam@62:   color: #fff;
cannam@62:   background: url('../images/twitter.svg') #0090ff no-repeat 95% 50%;
cannam@62:   background-color: #0090ff;
cannam@62:   font-weight: 700;
cannam@62:   border-top-left-radius: 2px;
cannam@62:   border-top-right-radius: 2px;
cannam@62:   border-bottom-left-radius: 2px;
cannam@62:   border-bottom-right-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: .block_link {
cannam@62:   display: inline-block;
cannam@62:   z-index: 10;
cannam@62:   padding: 10px;
cannam@62:   margin: 5px;
cannam@62:   color: #fff;
cannam@62:   background-color: #0090ff;
cannam@62:   font-weight: 700;
cannam@62:   border-top-left-radius: 2px;
cannam@62:   border-top-right-radius: 2px;
cannam@62:   border-bottom-left-radius: 2px;
cannam@62:   border-bottom-right-radius: 2px;
cannam@62: }
cannam@62: 
cannam@62: #header_wrap {
cannam@62:   background: #C42727;
cannam@62: }
cannam@62: 
cannam@62: #header_wrap .inner {
cannam@62:   padding: 50px 10px 30px 10px;
cannam@62: }
cannam@62: 
cannam@62: #next_banner {
cannam@62:   position: absolute;
cannam@62:   left: 100px;
cannam@62:   right: 100px;
cannam@62:   top: 100px;
cannam@62:   z-index: 100;
cannam@62:   border: 2px solid black;
cannam@62:   background-color: rgba(196, 196, 196, 0.9);
cannam@62:   text-align: center;
cannam@62:   color: black;
cannam@62:   padding: 30px;
cannam@62: }
cannam@62: 
cannam@62: #next_banner h1 {
cannam@62:   color: black;
cannam@62: 	font-size: 750%;
cannam@62: }
cannam@62: 
cannam@62: #next_banner p {
cannam@62: 	margin: 1em 100px;
cannam@62: }
cannam@62: 
cannam@62: #project_title {
cannam@62:   margin: 0;
cannam@62:   color: #fff;
cannam@62:   font-size: 42px;
cannam@62:   font-weight: 700;
cannam@62:   text-shadow: #111 0px 0px 10px;
cannam@62: }
cannam@62: 
cannam@62: #project_tagline {
cannam@62:   color: #fff;
cannam@62:   font-size: 24px;
cannam@62:   font-weight: 300;
cannam@62:   background: none;
cannam@62:   text-shadow: #111 0px 0px 10px;
cannam@62: }
cannam@62: 
cannam@62: #downloads {
cannam@62:   position: absolute;
cannam@62:   width: 210px;
cannam@62:   z-index: 10;
cannam@62:   top: 50px;
cannam@62:   right: 0px;
cannam@62:   background: url('../images/icon_download.png') no-repeat 0% 90%;
cannam@62: }
cannam@62: 
cannam@62: .zip_download_link {
cannam@62:   display: block;
cannam@62:   float: right;
cannam@62:   width: 90px;
cannam@62:   height:70px;
cannam@62:   text-indent: -5000px;
cannam@62:   overflow: hidden;
cannam@62:   background: url(../images/sprite_download.png) no-repeat bottom left;
cannam@62: }
cannam@62: 
cannam@62: .tar_download_link {
cannam@62:   display: block;
cannam@62:   float: right;
cannam@62:   width: 90px;
cannam@62:   height:70px;
cannam@62:   text-indent: -5000px;
cannam@62:   overflow: hidden;
cannam@62:   background: url(../images/sprite_download.png) no-repeat bottom right;
cannam@62:   margin-left: 10px;
cannam@62: }
cannam@62: 
cannam@62: .zip_download_link:hover {
cannam@62:   background: url(../images/sprite_download.png) no-repeat top left;
cannam@62: }
cannam@62: 
cannam@62: .tar_download_link:hover {
cannam@62:   background: url(../images/sprite_download.png) no-repeat top right;
cannam@62: }
cannam@62: 
cannam@62: #main_content_wrap {
cannam@62:   background: #f2f2f2;
cannam@62:   border-top: 1px solid #111;
cannam@62:   border-bottom: 1px solid #111;
cannam@62: }
cannam@62: 
cannam@62: #main_content {
cannam@62:   padding-top: 40px;
cannam@62: }
cannam@62: 
cannam@62: #footer_wrap {
cannam@62:   background: #212121;
cannam@62: }
cannam@62: 
cannam@62: 
cannam@62: 
cannam@62: /*******************************************************************************
cannam@62: Small Device Styles
cannam@62: *******************************************************************************/
cannam@62: 
cannam@62: @media screen and (max-width: 480px) {
cannam@62:   body {
cannam@62:     font-size:14px;
cannam@62:   }
cannam@62: 
cannam@62:   #downloads {
cannam@62:     display: none;
cannam@62:   }
cannam@62: 
cannam@62:   .inner {
cannam@62:     min-width: 320px;
cannam@62:     max-width: 480px;
cannam@62:   }
cannam@62: 
cannam@62:   #project_title {
cannam@62:   font-size: 32px;
cannam@62:   }
cannam@62: 
cannam@62:   h1 {
cannam@62:     font-size: 28px;
cannam@62:   }
cannam@62: 
cannam@62:   h2 {
cannam@62:     font-size: 24px;
cannam@62:   }
cannam@62: 
cannam@62:   h3 {
cannam@62:     font-size: 21px;
cannam@62:   }
cannam@62: 
cannam@62:   h4 {
cannam@62:     font-size: 18px;
cannam@62:   }
cannam@62: 
cannam@62:   h5 {
cannam@62:     font-size: 14px;
cannam@62:   }
cannam@62: 
cannam@62:   h6 {
cannam@62:     font-size: 12px;
cannam@62:   }
cannam@62: 
cannam@62:   code, pre {
cannam@62:     font-size: 11px;
cannam@62:   }
cannam@62: 
cannam@62:   #forkme_banner {
cannam@62:     right: 215px;
cannam@62:   }
cannam@62: 
cannam@62:   #discuss_banner {
cannam@62:     width: 132px;
cannam@62:   }
cannam@62: }
cannam@62: 
cannam@62: #infinitely_faster img{
cannam@62:   position: absolute;
cannam@62:   left: 600px;
cannam@62:   top: 266px;
cannam@62:   z-index: 10;
cannam@62:   max-width:222px;
cannam@62: }
cannam@62: 
cannam@62: body.narrow #infinitely_faster{
cannam@62:   display:none;
cannam@62: }
cannam@62: 
cannam@62: body.wide #corner_hack, body.normal #corner_hack {
cannam@62:   position: absolute;
cannam@62:   left: 0px;
cannam@62:   top: 209px;
cannam@62:   right: 0px;
cannam@62:   height: 10px;
cannam@62:   background: #212121;
cannam@62: }
cannam@62: 
cannam@62: body.wide #corner_hack>div, body.normal #corner_hack>div {
cannam@62:   margin-left: 249px;
cannam@62:   height: 10px;
cannam@62:   border-radius: 10px 0px 0px 0px;
cannam@62:   background: #f2f2f2;
cannam@62:   border-top: 1px solid #111;
cannam@62:   border-left: 1px solid #111;
cannam@62: }
cannam@62: 
cannam@62: body.wide #menu, body.normal #menu {
cannam@62:   position: absolute;
cannam@62:   left: 50px;
cannam@62:   top: 494px;
cannam@62:   width: 250px;
cannam@62:   z-index: 10;
cannam@62: }
cannam@62: 
cannam@62: body.wide #menu.floating, body.normal #menu.floating {
cannam@62:   position: fixed;
cannam@62:   top: 50px;
cannam@62: }
cannam@62: 
cannam@62: body.narrow #menu {
cannam@62:   position: relative;
cannam@62:   max-width: 640px;
cannam@62:   padding: 50px 10px 0px 10px;
cannam@62:   margin: 0 auto;
cannam@62: }
cannam@62: 
cannam@62: @media screen and (max-width: 480px) {
cannam@62:   body.narrow #menu {
cannam@62:     min-width: 320px;
cannam@62:     max-width: 480px;
cannam@62:   }
cannam@62: }
cannam@62: 
cannam@62: #menu ul {
cannam@62:   padding: 0;
cannam@62:   margin: 0;
cannam@62: }
cannam@62: 
cannam@62: #menu li {
cannam@62:   margin: 0;
cannam@62:   list-style-type: none;
cannam@62:   background-color: #212121;
cannam@62: }
cannam@62: #menu>ul>li>a, #menu>ul>li.selected {
cannam@62:   display: block;
cannam@62:   padding: 10px 15px 10px 15px;
cannam@62: }
cannam@62: #menu>ul>li {
cannam@62:   border-right: 1px solid #111;
cannam@62: }
cannam@62: 
cannam@62: body.wide #menu>ul>li:last-child, body.normal #menu>ul>li:last-child {
cannam@62:   border-radius: 0px 0px 10px 10px;
cannam@62:   border-bottom: 1px solid #111;
cannam@62: }
cannam@62: 
cannam@62: body.wide #menu>ul>li:first-child, body.normal #menu>ul>li:first-child {
cannam@62:   border-radius: 10px 10px 0px 0px;
cannam@62:   border-top: 1px solid #111;
cannam@62: }
cannam@62: 
cannam@62: body.narrow #menu>ul>li:first-child {
cannam@62:   border-radius: 10px 10px 0px 0px;
cannam@62: }
cannam@62: 
cannam@62: body.narrow #menu>ul>li:last-child {
cannam@62:   border-radius: 0px 0px 10px 10px;
cannam@62: }
cannam@62: 
cannam@62: #menu a {
cannam@62:   color: #aaa;
cannam@62: }
cannam@62: 
cannam@62: #menu li.selected {
cannam@62:   background-color: #2a2a2a;
cannam@62:   color: #fff;
cannam@62: }
cannam@62: 
cannam@62: #menu li.selected a {
cannam@62:   color: #fff;
cannam@62: }
cannam@62: 
cannam@62: #menu>ul>li:hover {
cannam@62:   background-color: #2a2a2a;
cannam@62:   cursor: pointer;
cannam@62: }
cannam@62: 
cannam@62: #menu>ul>li.selected:hover {
cannam@62:   background-color: #2a2a2a;
cannam@62:   cursor: auto;
cannam@62: }
cannam@62: 
cannam@62: #menu>ul>li.selected:hover {
cannam@62:   cursor: auto;
cannam@62: }
cannam@62: 
cannam@62: #menu>ul>li:hover a {
cannam@62:   color: #eee;
cannam@62: }
cannam@62: 
cannam@62: #menu>ul>li.selected:hover a {
cannam@62:   color: #fff;
cannam@62: }
cannam@62: 
cannam@62: ul#toc {
cannam@62:   background-color: #2a2a2a;
cannam@62:   margin: 0;
cannam@62:   font-size: 80%;
cannam@62: }
cannam@62: 
cannam@62: #toc ul {
cannam@62:   margin: 0;
cannam@62:   padding: 0;
cannam@62: }
cannam@62: 
cannam@62: #toc li {
cannam@62:   padding: 0 0 0 15px;
cannam@62:   background-color: #2a2a2a;
cannam@62: }
cannam@62: 
cannam@62: #menu p {
cannam@62:   padding: 2px 0 2px 15px;
cannam@62:   margin: 0;
cannam@62:   text-indent: -15px;
cannam@62: }
cannam@62: #menu p:hover {
cannam@62:   background-color: #313131;
cannam@62:   cursor: pointer;
cannam@62: }
cannam@62: 
cannam@62: table.pass-fail td { text-align: center; vertical-align: middle; }
cannam@62: table.pass-fail td:first-child { text-align: left; }
cannam@62: table.pass-fail td.pass { background-color: #8f8; }
cannam@62: table.pass-fail td.fail { background-color: #f88; }
cannam@62: table.pass-fail td.warn { background-color: #ff8; }
cannam@62: