/* MartianIntuition Screen Styles */

body {
  margin: 0;
  padding: 0;
  background: #F90 url(../images/IntuitiveMartian.gif) no-repeat;
  background-position: -50px 0;
  color: black;
  }
  
#container {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  }
  
  
#header { 
  display: none;
  }
  
#content {
  padding: 30px 30px 0 0;
  /* background: transparent url(../images/sine_edge.gif) repeat-y; */
  background-position: top right;
  }

#main { 
  background: transparent;
  margin: 0 0 0 330px;
  }

#search label {
  display: block;
  font-size: small;
  color: #732800;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 5px 0;
  }
  
#sidebar {
  position: absolute;
  top: 30px; right: 0;
  width: 300px;
  background: #F90;
  }
  
  
#footer {
  display: none;
  margin-top: 7px;
  height: 35px;
  text-align: center;
  }
  
#footer a { border: none; }
#footer img { border: none; margin-top: 10px; }
  
/*+-------------------------------------------+
  |         LINKS               |
  +-------------------------------------------+*/
:link:focus, :visited:focus { color: #900; font-weight: bold; }
:link { color: #FFF; font-weight: bold; }
:visited { color: #FFF; font-weight: bold; text-decoration: none; }
:link:hover, :visited:hover { color: #000; background-color: white; text-decoration: underline; }
:link:active, :visited:active { color: #900; font-weight: bold; text-decoration: underline; }
 
/*+-------------------------------------------+
  |         UTILITY             |
  +-------------------------------------------+*/
  
  
  form, div { padding: 0; margin: 0; }
  p { margin: 0 0 1em 0; padding: 0; }
  img { border: 0; }




  

/*+-------------------------------------------+
  |         POST                              |
  +-------------------------------------------+*/
  .post {
    margin: 10px;
    padding-bottom: 10px;
  }
  
  
 p.auth {
  padding: 0 0 0 12px;
  margin-left: 10px;
  font-weight: bold;
  font-size: x-small;
  color: #732800;
  background: url(../images/bracket.gif) no-repeat;
  }
  
  
 /*+-------------------------------------------+
  |               COMMENTS                     |
  +-------------------------------------------+*/
  .comment-list li {
    padding: 5px;
    margin-bottom: 8px;
    }
    
 /*+-------------------------------------------+
  |         SIDEBAR                            |
  +-------------------------------------------+*/
  
 #sidebar, #sidebar li,  #sidebar p,  #sidebar dd { 
 }
  
 #sidebar h3 {
    margin-top: 20px;
    }
    
 #sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    
 #sidebar ul li { 
  padding-left: 17px;
   }
  
 /*+-------------------------------------------+
   |        FOOTER                             |
   +-------------------------------------------+*/
  
  #footer ul {
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    }
    
  #footer ul li {
    display: inline;
    margin: 0;
    padding: 0 5px 0 0;
    }
    
 /*+-------------------------------------------+
   |               FORMS                       |
   +-------------------------------------------+*/
   
  .frm-tbl td { vertical-align: top; padding: 5px; }
  td#frm-btns { text-align: right; }
  
  #comment_body { height: 220px; }
  #form-submit-button { background: #d3e0ea; }
  
 /*+-------------------------------------------+
   |                  MISC                     |
   +-------------------------------------------+*/
   
 .powered { border: none; }
 .powered img { margin-top: 20px; }
 .pullquote {
    width: 30%;
    float:right;
    font: 150%/1.5em Times, Helvetica, "Times New Roman";
    color: #666;
    margin:10px;
    background: url(../images/q-close.gif) no-repeat 70% 100% !important;
    background /**/:url(); /* removing quote graphic in IE5+ */
    padding: 0 25px 5px 0;
}
.pullquote:first-letter {
  background: url(../images/q-open.gif) no-repeat left top !important;
  padding:5px 2px 10px 35px!important;
  padding /**/:0px;   /* resetting padding in IE5+ */
  background /**/: url(); /* removing quote graphic in IE5+ */
}

 .light-bg { background: #f7f7f7; padding: 2px; }
 
 #errors {
   color: red;
 }

.admintools {
  float: right;
  background-color: #fff;
  font-size: smaller;
  padding: 0 2px;
  margin: 0 1px;
  color: #ccc;
  border: 1px solid #ccc;
}

.admintools:hover {
  color: #c00;
  border: 1px solid #c00;
}

a[name] { border: none; }

 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 /* End hide from IE-mac */

#categories li em
{
  font-size: smaller;
}





/*************************************
 +Entry
 *************************************/

.postedby{
  background: transparent url(../images/user.gif) no-repeat;
  padding:3px;
  padding-left:20px;
}
.filedto{
  background: transparent url(../images/post.gif) no-repeat;
  padding:3px;
  padding-left:20px;
}
.commentslink{
  background: transparent url(../images/packaged.gif) no-repeat;
  padding:3px;
  padding-left:20px;
}

.alt {
}



body, p, td, th, li {
  font-family: 'Lucida Grande', 'trebuchet ms', arial, sans-serif;
  font-size: 100%;
 }
html>body
{
  font-size: small;
}


h1, h2, h3, h4, h5 {
  color: #732800;
  margin: 0;
  padding: 0;
  clear: both;
}
h1 {
  font-size: 2em;
  padding: 15px 0 5px 0;
}
h1 .meta {
  color: #ffcc80;
}
h2 {
  font-size: 1.4em;
  padding: 10px 0 5px 0;
  margin-top: 3em;
}
h3 {
  font-size: 1.0em;
  padding: 5px 0 5px 0;
}
h4 {
  font-size: 0.9em;
  padding: 5px 0 5px 0;
}
h5 {
  font-size: 0.8em;
  padding: 5px 0 5px 0;
}

ul
{
  list-style-type: none;
}

p
{ 
  padding: 0 0 1em 0;
}

ul, ol, dl
{
  padding: 0 0 1em 0;
}

ul li
{
  border-left: 12px solid #732800;
  padding: 0 0 0.5em 12px;
  margin-bottom: 0.5em;
  text-align: left;
}

ol li
{
  margin: 0 0 0 24px;
  padding: 0 0 0.25em 12px;
  text-align: left;
}

img
{
  border: none;
}

acronym { 
  color: #006;
  border-bottom: 1px dotted #006; 
}

em, cite
{
  font-style: normal;
  font-weight: bold;
  font-size: x-small;
  text-transform: uppercase;
  color: #732800;
}

pre {
  background-color: #000;
  color: #0F0;
  padding: 0.5em 0 1em 8px;
  margin: 0 0 1em 0;
  overflow: auto;
  font-size: 1em;
  font-family: 'bitstream vera sans mono', 'andale mono', 'Terminal', monospace;
}

code {
  background-color: #000;
  color: #0F0;
  font-size: 1em;
  font-family: 'bitstream vera sans mono', 'andale mono', 'Terminal', monospace;
}

blockquote
{
  padding: 0;
  margin: 10px 30px 10px 30px;
}

dt {
  padding-top: 0.5em;
  font-weight: bold;
  font-size: 1em;
}
dd {
  padding-bottom: 0.5em;
}

.meta
{
  color: #732800;
  font-size: 0.8em;
}

.uiinfo
{
  color: #930;
  font-weight: bold;
  font-size: x-small;
}

.content_left {
  float: left;
  margin: 0 30px 10px 0;
}

.content_right {
  float: right;
  margin: 0 0 10px 30px;
}

.lightTable {
  text-align: center;
  background-color: #000;
  margin: 5px;
  padding: 15px;
  color: #FC9;
}

.photoThumb, .lightTable img {
  border: 3px solid #fff;
  padding: 0px;
  margin: 5px 5px 5px 5px;
  font-size: small;
}

.lightTable table {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.feature_photo {
  border: 5px solid black;
  padding: 0px;
}

#come_home {
  position: absolute;
  top: 20px; left: 20px;
  width: 200px; height: 300px;
}

#come_home a {
  text-indent: 80px;
  position: absolute;
  width: 300px; height: 300px;
}

#come_home a:hover {
  background-color: transparent;
}

#mars_notice {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 80px;
  padding-left: 10px;
}
  
#viewpage {
  margin: 10px 100px 10px 10px;
  padding-bottom: 10px;
}

#pagination {
  text-align: right;
  margin-left: 10px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 10px;
  border-left: 12px solid #732800;
  color: #732800;
  font-weight: bold;
}


/* from flickr */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {}
#flickr_badge_wrapper {}
.flickr_badge_image {margin:0 10px 10px 0; width: 83px; height: 83px; float: left;}
.flickr_badge_image img { border: 4px solid black;}
#flickr_badge_source {text-align:left; margin:0 10px 10px 0;}




/* Syntax highlighting */
.typocode_ruby .normal {}
.typocode_ruby .comment { color: #060; }
.typocode_ruby .keyword { color: #0f0; font-weight: bold; }
.typocode_ruby .method { color: #fff; font-weight: bold; }
.typocode_ruby .class { color: #fff; }
.typocode_ruby .module { color: #fff; }
.typocode_ruby .punct { color: #999; font-weight: bold; }
.typocode_ruby .symbol { color: #bfc147; }
.typocode_ruby .string { color: #ac9362; }
.typocode_ruby .char { color: #ccc; }
.typocode_ruby .ident { color: #090; }
.typocode_ruby .constant { color: #999; }
.typocode_ruby .regex { color: #bf0d0d; }
.typocode_ruby .number { color: #ccc; }
.typocode_ruby .attribute { color: #4cb7d5; }
.typocode_ruby .global { color: #fff; }
.typocode_ruby .expr { color: #6d69f9; }
.typocode_ruby .escape { color: #999; }
.typocode_xml .normal {}
.typocode_xml .namespace { color: #B66; font-weight: bold; }
.typocode_xml .tag { color: #F88; }
.typocode_xml .comment { color: #005; font-style: italic; }
.typocode_xml .punct { color: #447; font-weight: bold; }
.typocode_xml .string { color: #944; }
.typocode_xml .number { color: #F99; }
.typocode_xml .attribute { color: #BB7; }
.typocode_yaml .normal {}
.typocode_yaml .document { font-weight: bold; color: #07F; }
.typocode_yaml .type { font-weight: bold; color: #05C; }
.typocode_yaml .key { color: #F88; }
.typocode_yaml .comment { color: #005; font-style: italic; }
.typocode_yaml .punct { color: #447; font-weight: bold; }
.typocode_yaml .string { color: #944; }
.typocode_yaml .number { color: #F99; }
.typocode_yaml .time { color: #F99; }
.typocode_yaml .date { color: #F99; }
.typocode_yaml .ref { color: #944; }
.typocode_yaml .anchor { color: #944; }


/* Styles grabbed from the Murphy CodeRay::Styles module */

.CodeRay {
  margin: 0 0 0.6em 0;
  background-color: #001129;
  color: #C0C0C0;
}
.CodeRay pre { margin: 0px; font-size: 1em; }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px; }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; }
table.CodeRay td { padding: 2px 4px; vertical-align: top; }

.CodeRay .line_numbers, .CodeRay .no {
  background-color: #000614;
  color: white;
  text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold; }
.CodeRay .no { padding: 0px 4px; }
.CodeRay .code {}

ol.CodeRay { font-size: 10pt; }
ol.CodeRay li { white-space: pre; }

.CodeRay .line_numbers pre { overflow: hidden; }
.CodeRay .code pre { overflow: auto; }


.af { color:#00C; }
.an { color:#060; }
.av { color:#700; }
.aw { color:#C00; }
.bi { color:#509; font-weight:bold; }
.c  { color:#666; }

.ch { color:#88F; }
.ch .k { color:#04D; }
.ch .dl { color:#039; }

.cl { color:#e9e; font-weight:bold; }
.co { color:#5ED; font-weight:bold; }
.cr { color:#0A0; }
.cv { color:#ccf; }
.df { color:#099; font-weight:bold; }
.di { color:#088; font-weight:bold; }
.dl { color:black; }
.do { color:#970; }
.ds { color:#D42; font-weight:bold; }
.e  { color:#666; font-weight:bold; }
.er { color:#F00; background-color:#FAA; }
.ex { color:#F00; font-weight:bold; }
.fl { color:#60E; font-weight:bold; }
.fu { color:#5ed; font-weight:bold; }
.gv { color:#f84; }
.hx { color:#058; font-weight:bold; }
.i  { color:#66f; font-weight:bold; }
.ic { color:#B44; font-weight:bold; }
.il { }
.in { color:#B2B; font-weight:bold; }
.iv { color:#aaf; }
.la { color:#970; font-weight:bold; }
.lv { color:#963; }
.oc { color:#40E; font-weight:bold; }
.on { color:#000; font-weight:bold; }
.op { }
.pc { color:#08f; font-weight:bold; }
.pd { color:#369; font-weight:bold; }
.pp { color:#579; }
.pt { color:#66f; font-weight:bold; }
.r  { color:#5de; font-weight:bold; }

.rx { background-color:#221133; }
.rx .k { color:#f8f; }
.rx .dl { color:#f0f; }
.rx .mod { color:#f0b; }
.rx .fu  { color:#404; font-weight: bold; }

.s  { background-color:#331122; }
.s  .s { background-color:#ffe0e0; }
.s  .s  .s { background-color:#ffd0d0; }
.s  .k { color:#F88; }
.s  .dl { color:#f55; }

.sh { background-color:#f0fff0; }
.sh .k { color:#2B2; }
.sh .dl { color:#161; }

.sy { color:#Fc8; }
.sy .k { color:#Fc8; }
.sy .dl { color:#F84; }

.ta { color:#0a0; }
.tf { color:#070; font-weight:bold; }
.ts { color:#D70; font-weight:bold; }
.ty { color:#339; font-weight:bold; }
.v  { color:#036; }
.xt { color:#444; }



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
  visibility: hidden;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 38px;
}