/*
Theme Name: Matt 06
Theme URI: http://mattmccray.org/
Description: Matt's Theme for 2006
Version: 1.0
Author: Matt McCray
*/

BODY {
  margin: 0px;
  padding: 0px;
  background: #000000;
  font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
  font-size: 13px;
}

IMG {
  border: 0px;
}

.layout-container {
  width: 660px;
  margin: 0 auto;
}

.header-row {
  color: #666;
}

.header-row h1 {
  font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 25px;
  left: 100px;
  font-size: 35px;
  font-weight: normal;
}

.header-row h1 A {
  color: #666;
  text-decoration:none;
}

.header-row h1 SPAN {
  font-weight: bold;
  color: #777;
}

.header-row .layout-container {
  height: 100px;
  background: url(images/matt-logo.png) 0px 50% no-repeat;
}

.content-row {
  background: #2D548F url(images/content-bg.png) top left repeat-x;
}

.content-row .layout-container {
  padding: 25px 0px;
}

.sidebar {
  float: right;
  width: 140px;
}

.sidebar h1 {
  font-family: verdana;
  font-size: 120%;
  color: #1C2E42;
}

.sidebar UL, .sidebar OL {
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.sidebar LI {
  margin-left: 25px;
  color: #B0BFD2;
  margin-bottom: 7px;
}

.sidebar LI A {
  color: #FFF;
  text-decoration: none;
}

.sidebar LI A:hover {
  text-decoration: underline;
}

.content-container {
  background: #FFFFFF url(images/corners-tl.png) top left no-repeat;
  width: 500px;
  color: #777777;
}

.content-header {
  background: url(images/corners-tr.png) top right no-repeat;
}

.content-area>div {
  padding: 0px 25px;
  padding-left: 45px;
  min-height: 175px;
}

.content-area {
  line-height: 1.4em;
}

.content-area h1 {
  font-family: verdana, arial, sans-serif;
  font-size: 120%;
  margin: 0px;
  padding: 0px;
  margin-left: -20px;
  color: #FF4000;
  text-shadow: 2px 2px 3px #AAA;
}

.content-area h1 A {
  color: #FF4000;
  text-decoration: none;
  border: 0px;
}

.content-area P {
  margin-top: 0px;
  padding: 0px;
}

.content-area A {
  text-decoration: none;
  color: #777;
  border-bottom: 1px dotted gray;
}

.content-area A IMG {
  border: 0px;
}

.content-area A:hover {
  color: #000;
  border-bottom: 1px solid #FF4000;
  text-shadow: 2px 2px 3px #AAA;
}

.content-area PRE {
  width: 400px;
  padding: 15px;
  overflow: auto;
  border-left: 1px dotted gray;
  background: #E0E0E0;
  font-size: 90%;
}

.content-area .comment-body PRE {
  width: 300px;
}

PRE.console {
  color: #FFF;
  background: #000;
}

PRE.console A {
    color: white !important;
}

.content-area  blockquote {
    color: #555555;
    padding: 20px;
    margin: 15px;
    padding-bottom: 0px;
    background: url(images/open-quote.png) top left no-repeat;
    background-color: #E5E5E5;
    background-image: url(images/open-quote.png), url(images/close-quote.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}

.post {
  margin-bottom: 40px;
}

.meta {
  margin-left: -20px;
  color: #BBB;
  font-size: 85%;
  margin-bottom: 5px;
}

.meta A {
  color: #BBB;
}

.meta .arrow {
  font-size: 120%;
}

.update {
  border:1px solid #808000; 
  background: #FFFFCC; 
  padding: 0px 10px; 
  margin: 10px;
}

h2.comments {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 120%;
  margin-left: -20px;
  font-family: verdana;
}

.comments A {
  color: black;
  border: 0px;
}

.comments-meta {
  color: #BBB;  
  margin-bottom: 15px;
  margin-left: -20px;
}

.comments-meta A {
  font-size: 85%;
  color: #BBB;
}

DL.comment-list {
  min-height: 55px;
  margin-bottom: 15px;
  margin-left: -10px;
}

.comment-list DT {
  margin-left: 75px;
  font-weight: bold;
  color: #000;
}

.comment-list DT A {
  color: black;
}

.comment-meta {
  font-weight: normal;
  color: #BBB;
  font-size: 85%;
  font-style: italic;
}

.comment-meta A {
  color: #BBB !important;
}

.comment-list DD {
  margin-left: 55px;
  padding-bottom: 15px;
  background: url(images/comment-bottom.png) bottom left no-repeat;  
}

.comment-interior {
  background: url(images/comment-top.gif) top left no-repeat;  
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
}

.scroller {
  overflow: auto; 
}

h2.postcomment {
  color: black;
  font-size: 120%;
  font-family: verdana;  
  margin-top: 35px;
}

.comment-form {
  background-color: #E0E0E0;
  padding: 15px;
}

.comment-form LABEL {
  color: #000;
}

.comment-form DD {
  margin-bottom: 10px;
  margin-left: 0px;
}

.input-field {
  width: 385px;
}

.required {
  color: #B69AA2;
  font-style: italic;
}

.content-footer {
  background: url(images/corners-bl.png) bottom left no-repeat;
}

.content-footer>DIV {
  background: url(images/corners-br.png) bottom right no-repeat;
}

.footer-row {
  color: gray;
  font-size: 90%;
}

.footer-row .layout-container {
  padding: 15px 0px;
}


/********************************************************************************
 * CodeHighlight Classes
 *******************************************************************************/
.hl-surround {
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    width: 400px;
    overflow: auto;
    text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span { 
  font: normal 9pt 'Courier New', monospace;
  padding: 5px;
}

.hl-default     { color: Black; }
.hl-code        { color: Gray; }
.hl-brackets    { color: Olive; }
.hl-comment     { color: #ffa500; } /* Orange */
.hl-quotes      { color: #8b0000; } /* Dark red */
.hl-string      { color: Red; }
.hl-identifier  { color: Blue; }
.hl-builtin     { color: Teal; }
.hl-reserved    { color: Green; }
.hl-inlinedoc   { color: Blue; }
.hl-var         { color: #00008b; } /* Dark blue */
.hl-url         { color: Blue; }
.hl-special     { color: Navy; }
.hl-number      { color: Maroon; }
.hl-inlinetags  { color: Blue; }
.hl-main        { background-color: transparent; }

.hl-main pre { margin: 0; padding: 0; }