/*--------------------------------------------------------------
 Content
 --------------------------------------------------------------*/

#blog {}

#blog h1,
#blog h2,
#blog h3,
#blog h4,
#blog h5 {
  font-weight: normal;
}

#blog #comments h3 { font-weight:bold; }

#blog h1 {
  font-size: 20px !important;
  margin: 0 0 1em !important;  
}

#blog h2 {
  font-size: 18px !important;
  margin: 0 0 0.5em !important;
  color:#bb0d04 !important;
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
#blog h2.title a, #blog h2.title a:visited, #blog h2.title a:hover {
  font-size: 18px;
  color:#bb0d04 !important;
}

#blog h3 {
  font-size:16px;
  font-weight:bold;
  margin:2.5em 0 1em;
}

#blog h4 {
  font-size: 16px;
  margin: 1.2em 0 0.3em;  
  border-bottom: 1px dotted #bbb;
}

#blog h5 {
  font-size: 16px;
  background: #ffd;
  margin: 1.2em 0 0.3em;  
  border-bottom: 1px dotted #aaa;
}

#blog p {
  line-height: 170%;
  margin: 0 0 1.2em;
  font-size:1.1em;
}


#blog a { font-weight:bold; }

#blog a:active, a:visited, a:link{
  color: #bb0d04;
  text-decoration: none;
}

#blog a:hover {
  color: #fff;
  background-color: #bb0d04;
}

.leftSubCol a:hover, #rightColBody a:hover { color:#f00 !important; text-decoration:underline !important; }

#blog h2 a { }
#blog h2 a:hover { background:#fff !important; text-decoration:underline !important; }

#blog ul,
#blog ol {
  margin: 1em;
  padding:0;
}

#blog ul {
  list-style-type: square;
}

#blog li {
  line-height: 170%;
  margin: 0 0 0 1em; padding: 0;
}

#blog blockquote {
  color: #555;
  border-left: 5px solid #ccc;
  margin: 1.3em 1em; padding: 0 1em;
}
#blog p.codescroll, #blog pre.codescroll {
  white-space: pre;
  overflow: scroll;
}
#blog code, #blog p.codescroll  #blog pre.codescroll {
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
}
#blog pre, #blog p.codescroll, #blog pre.codescroll {
  background: #eee;
  whitespace:nowrap;
  margin: 0.8em 0; padding: 8px;
  overflow-x: auto;
  width:98%;
}
#blog pre.scroll {
  display: block;
  white-space: pre;
  padding: 5px;
  overflow: scroll;
  min-height: 4em;
}
#blog oldpre {
  background: #ddd;
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
  margin: 0.9em 0; padding: 8px;
  overflow:scroll;
  width: 98%;
  whitespace:nowrap;
}

/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
#blog .atomentry {
  margin: 0 0 3em 0;
}

#blog .atomentry .title {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 0;
}

#blog .atomentry .title a:link{
  color: #007;
  text-decoration: none;
}
#blog .atomentry .title a:visited {
  color: #bb0d04;
  text-decoration: none;
}

#blog .atomentry .title a:hover,
#blog .atomentry .title a:active {
  background: transparent;
        text-decoration: underline;
}

#blog .atomentry .title .comment_count { color: #eee; }

#blog .atomentry .author {
  color: #bbb;
  font: normal 16px/14px;
  margin: 0 0 1em;
}

#blog .atomentry .author cite a,
#blog .atomentry .author cite a:hover { /* author mailto: link (if any) */
  color: #aaa; background: transparent;
  text-decoration: none;
}

#blog .atomentry .author abbr { /* posted date */
  font-weight: bold;
  color: #aaa;
}

#blog .atomentry .content {}

#blog .atomentry ul.meta {
  font-size: 10px;
  background: #eee;
  margin: 10px 0 0 0; padding: 5px;
  border: 1px solid #ddd;
  list-style-type: none;
  clear:left;
}

#blog .atomentry ul.meta li {
  line-height: 13px;
  margin: 0; padding: 0;
}

#blog .atomentry .meta a:link,
#blog .atomentry .meta a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}

#blog .atomentry .meta a:hover,
#blog .atomentry .meta a:active {
  color: #fff;
}

#blog .byline { font-weight:bold; }

/* Comments */
#blog ol.comments {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#blog .comment {
  border: 2px solid #ddd;
  margin: 0 0 1.5em;
  padding: 1em;
}

#blog li.comment .author {
  margin-bottom: 1em;
  font-weight: bold;
}

#blog li.comment .author cite {
  letter-spacing: -1px;
  font-size: 16px;
}

#blog li.comment .author abbr {
  color:#999;
}

#blog li.comment .author .gravatar {
  margin:0 0 0.5em 0.5em;
  float:right;
}

/* uncomment to enable a default gravatar
#blog li.comment .author div {
  background:url("/images/gravatar.gif") no-repeat left top;
  margin:0 0 0.5em 0.5em;
  float:right;
  height:60px;
   width:60px;
}*/

#blog form#comment-form {
  border-top:1px solid #ddd;
  background:#f2f2f2;
  padding:1em 0.5em;
}

#blog form#comment-form fieldset {
  border:none;
}

#blog form#comment-form legend {
  display:none;
}

#blog form#comment-form label {
  font-weight:bold;
}

#blog form#comment-form p input {
  padding:3px;
  width:40%;
}

#blog form#comment-form textarea {
  height:150px;
  padding:3px;
  width:90%;
}

/********* TREE NAVIGATOR FOR CATEGORIES ********/

/* Modified for Webvanta from YUI tree.css example 2.7.0b */
/* See http://developer.yahoo.com/yui/treeview/ for more on styling the tree */

.ygtvtn {  /* first or middle sibling, no children */
  background: transparent;
  width:1em;
  height:20px;
}
.ygtvtm {  /* first or middle sibling, collapsable */
  background: url('/webvanta/img/tree/1.0/collapse.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvtmh {  /* first or middle sibling, collapsable, hover */
  background: url('/webvanta/img/tree/1.0/collapseh.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvtp {  /* first or middle sibling, expandable */
  background: url('/webvanta/img/tree/1.0/expand.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvtph {  /* first or middle sibling, expandable, hover */
  background: url('/webvanta/img/tree/1.0/expandh.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvln {  /* last sibling, no children */
  background: transparent;
  width:1em;
  height:20px;
}
.ygtvlm {  /* Last sibling, collapsable */
  background: url('/webvanta/img/tree/1.0/collapse.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvlmh {  /* Last sibling, collapsable, hover */
  background: url('/webvanta/img/tree/1.0/collapseh.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvlp {  /* Last sibling, expandable */
  background: url('/webvanta/img/tree/1.0/expand.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvlph {  /* Last sibling, expandable, hover */
  background: url('/webvanta/img/tree/1.0/expandh.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
  cursor:pointer;
}
.ygtvloading {  /* Loading icon */
  background: url('/webvanta/img/tree/1.0/loading.gif') 0 6px no-repeat;
  width:1em;
  height:22px;
}
.ygtvdepthcell {  /* empty cells used for rendering the depth of the node */
  background: transparent;
  width:1em;
  height:20px;
}
.ygtvblankdepthcell {
  background: transparent;
  width:1em;
  height:20px;
}
.ygtvitem {  /* div around each node */
  border: 0px solid #333;
}  
* html .ygtvchildren { /* for IE, div around each node's collection of children */
  height:1%;
}  
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { /* text label in ygTextNode */
  font-size: 12px;
}
.ygtvrow td {
  padding: 0;
  margin: 0;
}
.ygtvrow td a {
  text-decoration: none;
}
.ygtvitem table {
  padding: 0;
  margin: 0;
}
.wvCurLabel {
  font-weight:bold;
  padding-left:2px;
}