body {
  background: #eeeeea;
  margin: 12px;
}
a {
  color: #777;
}
a:hover, a:active {
  color: #a30000;
}
form, table, tr, td {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
code,pre {
  font: 8pt monaco,courier,monospace;
}

h4 {
  color: #fff;
  font: 10pt verdana,arial,sans-serif;
  line-height: 18px;
  padding: 0 0 2px;
}
.gradtitle {
  background: #a30000 url(../images/grad20.png) top left repeat-x;
  height: 20px;
  margin: 25px 0 0;
}
.gradtitle .leftedge {
  background: url(../images/grad20l.png) top left no-repeat;
  height: 20px;
  padding-left: 6px;
}
.gradtitle .rightedge {
  background: url(../images/grad20r.png) top right no-repeat;
  float: right;
  height: 20px;
  width: 6px;
}
h4 a {
  color: #fff;
  text-decoration: none;
}
h4 a:hover, h4 a:active {
  color: #fff;
  text-decoration: underline;
}

h3 {
  border-bottom: solid 1px #a30000;
  font: 13pt helvetica,verdana,arial,sans-serif;
  zmargin: 25px 0 0;
  margin: 0;
  padding: 2px 3px 1px;
}
h3 a {
  color: #000;
  text-decoration: none;
}
h3 a:hover, h3 a:active {
  #color: #a30000;
  text-decoration: underline;
}

img {
  border: 0;
}

#header {
  font: 10pt Verdana,Arial,sans-serif;
  height: 37px;
  width: 99%;
  background: #a30000 url(../images/grad37.png) top left repeat-x;
  color: #fff;
}
#header .leftedge {
  background: url(../images/grad37l.png) top left no-repeat;
  height: 32px;
  padding: 5px 12px 0;
}
#header .rightedge {
  background: url(../images/grad37r.png) top right no-repeat;
  float: right;
  height: 37px;
  width: 8px;
}
#header a {
  color: #fff;
  font-size: 14pt;
  text-decoration: none;
}
#header a:hover {
  text-decoration: underline;
}

#nav {
  background: #ccc;
  color: #777;
  font: 10pt Verdana,Arial,sans-serif;
  height: 24px;
  margin: 0 0 0 15px;
  width: 300px;
}
#nav .leftedge {
  background: url(../images/grey24botl.png) top left no-repeat;
  height: 22px;
  padding: 2px 0 0 6px;
}
#nav .rightedge {
  background: url(../images/grey24botr.png) top right no-repeat;
  float: right;
  height: 24px;
  width: 6px;
}
#nav a {
  color: #555;
  text-decoration: none;
}
#nav a:hover {
  color: #a02;
}


#footer {
  clear: both;
  color: #777;
  font: 7pt helvetica,Verdana,Arial,sans-serif;
  padding-top: 10px;
}
#footer p {
  border-top: 1px solid #a30000;
  margin-top: 20px;
}

.box {
  color: #444;
  margin: 8px 4px;
  padding: 0 2px;
  width: 65%;
}
.box a {
  color: #a02;
}
.flwarning {
  background: #dfa6a6;
}
.flnotice, .flmessage {
}


#posting_container {
  float: left;
  width: 70%;
}
.posting {
  margin: 25px 5% 50px 6px;
}
.posting .col_content {
  margin-left: 45px;
}
.posting .d_year, .posting .d_day, .posting .d_time {
  clear: left;
  color: #777;
  float: left;
  font-size: 9pt;
  text-align: center;
  width: 35px;
}
.posting .q {
  background: url(../images/dquot.png) top left no-repeat;
  float: left;
  height: 60px;
  width: 74px;
}
.posting .i {
  text-align: center;
}
.posting .body, .posting .body2 {
  font: 14pt helvetica,arial,sans-serif;
  margin: 0 4px;
  color: #444;
}
.posting .text .body {
  font: 12pt times,serif;
}
.posting .body2 {
  font-size: 12pt;
  padding-left: 20px;
}
.posting .photo .body2, .posting .video .body2, .posting .link .body2 {
  padding: 0;
}
.posting .transcript .body {
  font-size: 12pt;
}
.posting .transcript ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.posting .transcript li {
  background: #ccc;
  margin: 1px;
  padding: 0 3px;
}
.posting .quote .body {
  color: #a30000;
  font-size: 18pt;
}
.posting .quote .body, .posting .quote .body2 {
  margin: 0 4px 0 78px;
}
.posting .link .body a {
  color: #a30000;
}
.posting .link .body a:hover {
  color: #777;
}
.posting p {
  margin: 6px 0;
}
.posting pre {
  margin: 12px 0;
}
.posting code {
  margin: 12px 0;
  white-space: pre;
}
/*.posting pre code {
  margin: 0;
}*/
.posting .byline {
  border-top: solid 1px #a30000;
}
.posting .byline, .posting .byline2 {
  color: #777;
  font-size: 10pt;
  padding: 0 0 1px;
  text-align: right;
}
.posting .byline a {
  font-size: 10pt;
}
.posting .byline a:hover, .posting .byline a:active {
  ztext-decoration: underline;
}

.prevnext {
  font: 9pt Helvetica, Arial, sans-serif;
  margin: 10px 0 0 18px;
}
.prevnext a {
  zpadding: 0 5px;
}

#comment_container {
  float: left;
  zmargin-left: 4%;
  zmargin-right: 3%;
  width: 67%;
}
.comment {
  margin: 12px 0 40px;
  padding: 0 2px;
}
.comment .upline {
  border-top: solid 1px #777;
  color: #777;
  font-size: 10pt;
  zpadding: 2px 3px 1px;
  text-align: right;
}
.comment .byline {
  border-top: solid 1px #777;
}
#comment_container .byline {
  font-size: 10pt;
  padding: 0 0 1px;
  text-align: right;
}
.comment .byline a {
  font-size: 10pt;
}
.comment .body {
  margin: 0 4px;
}
.comment p {
  margin: 6px 0;
}

.level1 {
  margin-left: 20px;
}
.level2 {
  margin-left: 40px;
}
.level3 {
  margin-left: 60px;
}
.level4 {
  margin-left: 80px;
}
.level5, .level6, .level7, .level8, .level9 {
  margin-left: 100px;
}
.disapproved {
  background: #ffccca;
}

#commentform {
  zfloat: left;
  zmargin-right: 3%;
  zwidth: 67%;
}
.commentform {
  border: 1px dotted #a30000;
  text-align: left;
  padding: 2px 3px;
}
.commentform p {
  margin: 0;
}


#projects {
  float: left;
  margin-right: 3%;
  width: 67%;
}
#projects .latestrelease {
  background: #eee;
}
#projects .releaseinfo {
  background: #eee;
  padding-left: 30px;
  margin: 0 0 2px;
}
#projects .date {
  color: #999;
  font-size: 11pt;
  margin: 0 0 1px;
}
#projects p {
  margin: 0 0 6px;
}
#projects .releases p {
  margin: 8px 0 0;
}

.sidebar {
  float: left;
  font-size: 10pt;
  width: 27%;
}
.sidebar h6 {
  font: 10pt helvetica,arial,sans-serif;
  margin: 7px 0 0;
  padding: 0 8px;
}
.sidebar h6 a {
  color: #000;
  text-decoration: none;
}
.sidebar h6 a:hover, .sidebar h6 a:active {
  text-decoration: underline;
}
.sidebar .latestrelease {
  font: 8pt helvetica,arial,sans-serif;
  padding-left: 18px;
}

#admin table {
  margin-top: 2px;
}
#admin td, #admin th {
  padding: 1px 4px;
}

#azbox {
  zclear: both;
  zpadding-top: 50px;
  color: #555;
  font: 8pt helvetica,verdana,arial,sans-serif;
  padding: 0 3px;
}
#azbox .i2 {
  border: 1px solid #000;
  font: 8pt helvetica,verdana,arial,sans-serif;
  height: 88px;
  margin: 10px 0 10px 20px;
  text-align: center;
  width: 128px;
}
#azbox .i2 input {
  font: 9pt helvetica,verdana,arial,sans-serif;
}
#azbox .i2_1 {
  font-weight: bold;
  vertical-align: bottom;
}
#azbox .i2_2 {
  background: #000;
  height: 32px;
  padding-top: 3px;
}


pre.ruby, pre.xml, pre.yaml, code.ruby, code.xml, code.yaml {
  overflow: auto;
  padding-bottom: 5px;
}
/*for syntax gem*/
.ruby .normal {}
.ruby .comment { color: #005; font-style: italic; }
.ruby .keyword { color: #A00; font-weight: bold; }
.ruby .method { color: #077; }
.ruby .class { color: #074; }
.ruby .module { color: #050; }
.ruby .punct { color: #447; font-weight: bold; }
.ruby .symbol { color: #099; }
.ruby .string { color: #944; background: #FFE; }
.ruby .char { color: #F07; }
.ruby .ident { color: #004; }
.ruby .constant { color: #07F; }
.ruby .regex { color: #B66; background: #FEF; }
.ruby .number { color: #F99; }
.ruby .attribute { color: #7BB; }
.ruby .global { color: #7FB; }
.ruby .expr { color: #227; }
.ruby .escape { color: #277; }
.xml .normal {}
.xml .namespace { color: #B66; font-weight: bold; }
.xml .tag { color: #F88; }
.xml .comment { color: #005; font-style: italic; }
.xml .punct { color: #447; font-weight: bold; }
.xml .string { color: #944; }
.xml .number { color: #F99; }
.xml .attribute { color: #BB7; }
.yaml .normal {}
.yaml .document { font-weight: bold; color: #07F; }
.yaml .type { font-weight: bold; color: #05C; }
.yaml .key { color: #F88; }
.yaml .comment { color: #005; font-style: italic; }
.yaml .punct { color: #447; font-weight: bold; }
.yaml .string { color: #944; }
.yaml .number { color: #F99; }
.yaml .time { color: #F99; }
.yaml .date { color: #F99; }
.yaml .ref { color: #944; }
.yaml .anchor { color: #944; }