/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

/*
Global Styles  (body, paragraphs, lists, etc)
Header
Page Structure
Headings
Text Styles
Navigation
Forms
Comments
Extras
*/

body, html {
/*  font-size: 62.5%; /* Resets 1em to 10px */
  font-size: 10px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: white;
  color: #333;
  text-align: center;
  margin: 0; padding: 0;
  background: url(http://tech.natemurray.com/images/bggrad.gif) repeat-x;
  }

body {
  min-width:770px;
}

#page {
  width: 770;
  margin: 0px auto;
}

/* Header 
 * ------------------------- */

#header {
  background-color: #3f3f3f;
  height: 150;
  width: 770;
  margin: 0 auto;
  padding: 0;
}

#logo {
  position: relative;
  float: left;
  top: 64px;
}

#smallname {
  position: relative;
  float: left;
  top: 130px;
}

#bigname {
  position: relative;
  float: right;
  top: 55px;
}


/* Header - Search
 * ------------------------- */

#search {
  margin-top: 110px;
  width: 250px;
  float: right;
  padding: 0px;
}

#header h3 {
  font-size: 12px;
  color: #fcfcfc;
  margin: 0; padding: 0;
  float: left;
  margin-right: 15px;
}

#search_asdf input {
  width: 160px;
  background-color: red;
  margin: 0; padding: 0;
}

#search form {
  margin: 0px; padding: 0px;
  float: left;
}

/* Columns
 * ------------------------- */

#leftcol {
  margin: 0 0 0 0;
  width: 530;
  float: left;
  text-align: left;
}

#rightcol {
  width: 230;
  float: right;
  text-align: left;
  margin: 0 0 0 0;  
}


#rightbox {
  margin-top: 50px;
  border: 1px solid #3f3f3f; 
  border-top: 10px solid;
  border-bottom: 3px solid; 
  padding: 4px 3px 10px 8px;
  width: 218px;
}



#footer {
  clear: both;
  background-color: #efefef;
}

#navcontainer {
  margin: 1 0 30 0;
  float: left;
}

#navcontainer .grey {
  background-color: #919191;
  line-height: 3px;
  margin: 1 0 0 0;
  float: left;
  width: 100%;
}

a {
  text-decoration: none;
  color: #27d
}

a:hover {
  text-decoration: underline;
}

/* Begin Lists */

.tags ul {
  margin: 0; padding: 0;
  list-style: none;
  display: inline;
}
.tags li {
  display: block; 
  margin: 0 3 0 0; padding: 0;
  float: left;
  display: inline;
  list-style: none;
}
.tags a {
  color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align: center;
}

#navcontainer li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: 132px
}

#navcontainer a
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 15px 1px;
height: 13;
}

#navcontainer A:hover, #navcontainer A:active { background: #F87D00; color: black; text-decoration: underline;}

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#rightcol ul {
  margin: 0; 
  padding: 0 0 0 10;
  list-style-type: none;
  list-style-image: none;
}

#rightcol ul li {
  margin: 1 0 0 0;
  padding: 1;
}
/* End Lists */

/* Begin Headers */

h1 {
  letter-spacing: -1px;
  font-family: 'Trebuchet MS', Verdana;
}


.post h1 {
  margin: 0; padding: 0;
  font-size: 30px;
  color: #444;
  font-wight: 400;
}

.post h2 {
  margin: 0 0 19 0; 
  padding: 0;
  font-size: 22px;
  line-height: 1.5em;
  color: #777;
}

.post h3 {
  margin: 0 0 19 0; 
  padding: 0;
  font-size: 14px;
  line-height: 1.5em;
  color: #777;
}

#rightcol h1 {
  font-size: 1.6em;
  margin: 3 0 3 0; 
  padding: 0;
}


/* End Headers */


.post p {
  line-height: 1.3em;
  text-align: justify;
}

.post {
  background-color: white;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed grey;
  font-size: 1.6em;
  font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


.post pre {
  color: #00ff00;
  background-color: black;
  padding: 7 7;
  font-size: .8em;
}

.post pre:hover {
  overflow: visible;
  width: 850px;
}




.rightimg {
  position: relative;
  left: 23;
  top: 0;

}
a#newauthors {
position: absolute;
right: 0;
top: 0;
display: block;
height: 114px;
width: 181px;
background: url(http://tech.natemurray.com/images/shebang.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

.postpost {
  margin: 0px; padding: 0px;
  position: relative;
  top: -2px;
  display: inline;
}

.inline {
  margin: 0; padding: 0;
  display: inline;
  top: -2px;
  position: relative;
}

.googleads {
  margin: 10 0 0 0;
}



/* --- Vim Syntax Highlighting
   ------------------------------- */
.Statement { color: #ffff00; font-weight: bold; }
.Special { color: #ff6060; font-weight: bold; }
.Constant { color: #ff40ff; font-weight: bold; }
.PreProc { color: #8080ff; font-weight: bold; }
.Identifier { color: #00ffff; font-weight: bold; }
.Comment { color: #0D31D4; font-weight: bold; font-style: italic; }

/* http://www.rubyinside.com/advent2006/7-coloring.html
   Syntax highlighting */
/*pre .normal {}
pre .comment { color: #005; font-style: italic; }
pre .keyword { color: #A00; font-weight: bold; }
pre .method { color: #077; }
pre .class { color: #074; }
pre .module { color: #050; }
pre .punct { color: #447; font-weight: bold; }
pre .symbol { color: #099; }
pre .string { color: #944; background: #FFE; }
pre .char { color: #F07; }
pre .ident { color: #004; }
pre .constant { color: #07F; }
pre .regex { color: #B66; background: #FEF; }
pre .number { color: #F99; }
pre .attribute { color: #5bb; }
pre .global { color: #7FB; }
pre .expr { color: #227; }
pre .escape { color: #277; } */