/* yes nowadays I do care about IE users ... how did it come that far? */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

body {
 background-color: #fff;
 color: #521c10;
 font-family: 'Bitstream Vera Sans',sans-serif;
 margin: 2em 4em 2em 4em;
 padding: 0 0 2em 0;
 border-bottom: 1px solid #ad7d6b;
}

h1, h2, h3, h4 {
 font-weight: normal;
 margin: 0em;
 padding: 0em;
}

h1, h2, h3, h4, .pre {
 font-family: "Bitstream Vera Sans mono", "Consolas", monospace;
}

div.pre, span.pre {
 background-color: #DDD;
 color: #000;
}

div.pre {
 margin: 0 2em 0 2em;
 padding: 0.5em; 
}

span.pre {
 margin: 0
}
#comments h2, h2#post-a-comment {
 padding-top: 10px;
 margin-bottom: 3em;
}

#colophon {
 position: absolute;
 top: 350px;  
 font-weight: normal;
 font-family: 'Bitstream Vera Sans',sans-serif;
 height: 99%;
 right: 4em;
 width: 14em;
 background-color: #ffffff;
 border-left: 1px solid #ad7d6b;
 margin: 1em 0;
 padding: 1em;
 text-align: right;
}

#mainpane {
 margin: 0.5em 16em 0 0;
 padding: 0 2em 0 0.5em;
}

#mainpane li {
 list-style: none;
}


.center {
  text-align: center;
}
#cclicense {
 font-size: 80%;
 margin: 3em 0;
}

.italic {
 font-style: italic;
}

.bold {
 font-style: bold;
}

.delicious-post, #linklist li {
 margin-bottom: 0.5em;
}

#colophon h2 {
 font-weight: bold;
 font-size: 80%;
 margin-bottom: 0.5em;
}

#djangopowered {
 text-align: right;
}

#djangopowered img {
 position: relative;
 border: none;
}

.articlemenu {
 padding-top: 0.5em;
 margin-bottom: 1em;
}

.frontpage {
 border: 0px;
}

.articlemenu p, .articlemenu span {
 margin: 0em;
}

.articledate, .articlemenu {
 color: #ad7d6b;
 font-size: 80%;
}

.articledate {
 clear: left;
}

.entrybody {
 margin: 0.2em 1em 1em 0.5em;
 padding-bottom: 2em;
 text-align: left-align;
 width: 99%;
}

.all_comments {
 background-color: #DDD;
 padding: 1em;
}

.all_comments {
 border: 1px solid #ad7d6b;
}

.comment, .entrybody, #head {
 border-bottom: 1px solid #ad7d6b;
}

.last-entry {
 border-bottom: none;
}

#quest-m3_entry img{
 float: none; 
}

.entrybody img {
 margin: 1em;
 float: right; 
 border: 1px dotted #ad7d6b;
 padding: 0.2em;
}


.entrybody img.wide {
 float: none;
 clear: both;
 text-align: left;
 }
.center {
  text-align: center;
  float: none;
}

ul.linklist, ul.links {
 padding: 0 0 1em 0;
 margin: 0 0 2em 0;
 list-style: none;
}

ul.linklist {
 font-size: 80%;
 right: 1em;
 text-align: right;
}

ul.linklist li, ul.links li{
 padding-bottom: 0.2em;
}

ul.linklist a, ul.links a {
 text-decoration: none;
 padding-right: 0.5em;
}

ul.linklist a:hover, ul.links a:hover {
 text-decoration: underline;
}

#head {
 background-color: #fff;
 color: #fff;
 margin: 0em 0em 0em 0em;
 padding: 0em 0em 2em 0em;
 text-align: center;
 clear: both;
}

#head img {
 border: none;
}
#head a {
 text-decoration: none;
 color: #fff;
}

h1 a, h2 a, h3 a {
 text-decoration: none;
 color: #521c10;
}

a {
 color: #ad7d6b;
}

h1 {
 margin-top: 1em;
}

ul.collection {
 list-style-type: none;
}

ul.collection li {
 float: left;
 text-align: center;
 padding-left: 2em;
 width: 200px;
 height: 200px;
 vertical-align: middle;
}

.caption {
  text-align: center;
}

ul.collection img {
  border: 0px solid black;
}