/* stuff for footer, based on http://www.cssstickyfooter.com */

/* this stuff depends not having any vertical margins on the outer
   elements (html, body, #wrapper), including collapsed margins from
   nested elements, so make sure to put top/bottom padding somewhere
   to block it, or a border or whatever...
   see http://www.complexspiral.com/publications/uncollapsing-margins/
 */
body { background: #441003; color: black; }

html, body, #wrapper {
  margin: 0;
  height:100%;
}
body > #wrapper {
  margin: 0;
  height: auto;
  min-height: 100%;
}

#main {
  margin: 0;
  max-width: 800px;
  margin-left:auto;
  margin-right:auto;
  padding-top:1em;
  padding-bottom: 120px;
  height: 100%;
}
#footer {
  margin-top: -120px;
  height: 120px;
  clear: both;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* code highlighting stuff based on colorize / paste.lisp.org */

.content1 { background: #5599fb; color: #000; position:relative; width: 90%; left:4%; padding-left:1em; padding-bottom:1em; overflow: auto; border: 0.3em double #441003; }

.content {
    background: #5599fb;
    color: #000;
    position:relative;
    padding-left:1em;
    padding-bottom:1em;
    padding-right:2em;
    overflow: visible; /* auto looks odd in linux firefox sometimes? */
    border: 0.3em double #441003;
}
/* make sure content extends past floats */
.content:after, .index-post:after {
  content: "";
  display: block;
  clear: both;
}

.index-header {
 border-bottom:1px solid #441003;
}
.index-date {
  font-size: 70%;
  float: right;
  color:#301010;
}
.index-post {
/*    background: #5090f0; */
  padding-left:1em;
  padding-right:1em;
    border: 0.2em double #441003;
/*  border-top:1px dotted #441003; */
 border-top:1px solid #441003;
 border-bottom:1px solid #441003;
 border-top: none;
 /*border-bottom: none; */
}
.index-body {
    background: #5090f0;
/*   border: 0.2em double #441003; */
  border-top:1px dotted #441003;
}

pre.code {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    background-color : #a0c0F0 ; border : 2px solid #410 ; padding : 4px;
    /*margin-top: 0.05em; margin-bottom: 0.05em;*/
    margin-right: 0em;
    /*position: relative;
    width: 100%; left: 2%;*/
    font-family:  monospace;
}
span.icode {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    background-color : #a0c0F0 ; border : 1px solid #410 ; padding : 0px;
   padding-left: 4px; padding-right: 4px;
  /*  margin-top: 0.05em; margin-bottom: 0.05em;
    position: relative;
    width: 90%; left: 2%; */
    font-family:  monospace;
}
.code { background-color: #a0c0f0; color: black; }
.code:hover { background-color: #a0c0f0; color: black; }


a { margin:1px; border-collapse: collapse; }
a:link { color:#3355a0; text-decoration: none; background-color: transparent;}
a:visited { color:#355583; text-decoration: none; background-color: transparent;}

a:hover { color:#000000; text-decoration: none; background-color: #669cea; border: 1px solid #335577; margin: 0px;}
a:active { color:#000000; text-decoration: none; background-color: #CCBBFF; border: 1px solid #335577; margin: 0px;}

.symbol { color : #770055; background-color : transparent; border: 0px; margin: 0px;}
a.symbol:link { color : #229955; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.symbol:active { color : #229955; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.symbol:visited { color : #229955; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.symbol:hover { color : #229955; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }

.sdl-symbol { color : #77f055; background-color : transparent; border: 0px; margin: 0px;}
a.sdl-symbol:link { color : #2259e5; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.sdl-symbol:active { color : #2259e5; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.sdl-symbol:visited { color : #2259e5; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.sdl-symbol:hover { color : #2259e5; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }

.gl-symbol { color : #77f055; background-color : transparent; border: 0px; margin: 0px;}
a.gl-symbol:link { color : #d23925; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.gl-symbol:active { color : #d23925; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.gl-symbol:visited { color : #d23925; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }
a.gl-symbol:hover { color : #d23925; background-color : transparent; text-decoration: none; border: 0px; margin: 0px; }

a.diff-link:link { color : #229955; background-color : transparent; text-decoration: underline; border: 0px; margin: 0px; }
a.diff-link:active { color : #229955; background-color : transparent; text-decoration: underline; border: 0px; margin: 0px; }
a.diff-link:visited { color : #229955; background-color : transparent; text-decoration: underline; border: 0px; margin: 0px; }
a.diff-link:hover { color : #229955; background-color : transparent; text-decoration: underline; border: 0px; margin: 0px; }
.special { color : #8F50c0; background-color : inherit; }
.keyword { color : #770000; background-color : inherit; }
.comment { color : #005777; background-color : inherit; }
.string { color : #975707; background-color : inherit; }
.atom { color : #314F4F; background-color : inherit; }
.macro { color : #FF5000; background-color : inherit; }
.variable { color : #36648B; background-color : inherit; }
.function { color : #8B4789; background-color : inherit; }
.attribute { color : #FF5000; background-color : inherit; }
.character { color : #0055AA; background-color : inherit; }
.syntaxerror { color : #FF0000; background-color : inherit; }
.diff-deleted { color : #5F2121; background-color : inherit; }
.diff-added { color : #215F21; background-color : inherit; }
span.paren1 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren1:hover { color : inherit; background-color : #410; }
span.paren2 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren2:hover { color : inherit; background-color : #59f; }
span.paren3 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren3:hover { color : inherit; background-color : #621; }
span.paren4 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren4:hover { color : inherit; background-color : #49c; }
span.paren5 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren5:hover { color : inherit; background-color : #832; }
span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren6:hover { color : inherit; background-color : #26a; }


img.float-left { float: left; }
img.float-right { float: right; }
img.float-nomargin { float: right; margin-right:0; margin-left:0;}

img.float-left, img.float-right, img.float-nomargin {
  display:block;
  vertical-align: text-top;
  margin: 0em 0em 1em 1em;
}

a.float-left { float: left; }
a.float-right { float: right; }
a.float-nomargin { float: right; margin-right:0; margin-left:0;}

a.float-left img, a.float-right img, a.float-nomargin img {
  display:block;
  vertical-align: text-top;
  margin: 0em 0em 0em 0em;
}

img { vertical-align:bottom; }

table {
  border-collapse: collapse;
}
td, th {
  border: 1px solid #441003;
  padding: 0.3em;
}
th {
  background-color: #a0c0F0;
}

/* center the ad block at the bottom... */

div#ads {
  padding-top: 0.5em;
  padding-bottom: 0;
  text-align: center;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

iframe.center { display: block; margin: 0 auto; }
img.center { display: block; margin: 0 auto; }