#custom-doc {
  margin: auto; text-align: left; /* leave unchanged */
  width: 800px;
  min-width: 800px; /* optional but recommended */
}

body { background: #ececec url(/themes/cliff/images/bg.png) repeat-y top center; }
a { color: #888; text-decoration: none; }
a:hover { color: #000; }

h1 {
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h2 {
  font-size: 1.3em;
  letter-spacing: -1px;
  font-weight: bold;
  color: #586B7A;
}

#logo { float:right; margin-right: -13px; }

#hd { background: #000; width: 100%; margin: 0; height: 3em; }
#hd h1 { 
  color: #536C71;
  font-size: 2em; 
  font-weight: bold; 
  /*letter-spacing: -1px;*/
  text-align: center; 
  border: 0;
  padding-top: 0.6em;
}
#hd .hd-small { color: #fff; }
#bd { border-top: 4px solid #a00; padding: 1em; margin: 0; background-color: #fff; }
#ft { 
  font-size: 80%; 
  color: #536C71; 
  background-color: #fff;
  text-align: center; 
  padding: 0 1em 1em 1em; 
}

/* posts */
.post { width: 100%; margin-bottom: 1.5em; border-bottom: 1px solid #ccc; }
.post .filed-under { font-size: 90%; color: #888; }
.post .filed-under a { color: #586B7A; text-decoration: underline; }
.post .filed-under a:hover { color: #000; }

.post .date {
  background: transparent url(/themes/cliff/images/cal-bg.png) no-repeat top left;
  float: left;
  clear: left;
  width: 80px;
  height: 90px;
  text-align: center;
  padding-top: 1.2em;
  margin-right: 1.2em;
  margin-top: 0.6em;
  text-transform: uppercase;	
}

.post .date .month { font: 700 1.0em arial, sans-serif; color: #888; }
.post .date .year { font: 0.7em arial, sans-serif; color: #888; }
.post .date .day { display: block; font: 700 2.1em arial, sans-serif; color: #A00; }

.post .title {
  padding: 0 0 0.5em 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post-content {
  margin: 0 0 0 3em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
  min-height: 10em;
}

.pull-quote {
    font-size: 85%;
    margin: 1em 2em 1em 2em;
    padding: 0.5em 1em;
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
}
.pull-quote ul { margin: 1em 1em 1em 2em; }

div.post-links { float: right; }
div.post-links a { font-size: 0.8em; margin-right: 1em;}

.datetime { font-size: 0.7em; }

/* comments */
div.comment { 
  background-color: #ececec; 
  border: 1px solid #ccc; 
  padding: 1em; 
  margin: 1em; 
}
div.owner-comment {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 1em; 
  margin: 1em; 
}
.comment-author { text-decoration: underline; margin-bottom: 1em; }

fieldset { border: 1px solid #000; padding: 1em; margin: 1em; }
fieldset p { margin: 0.4em; width: 97%; }
legend { font-weight: bold; }
.label { font-size: 0.8em;}
input, textarea { border: 1px solid #ccc; padding: 0.1em; }
textarea { overflow: auto; }
.submit { clear: both; float: right; margin: 1em; padding: 0.25em; }

/* menus */
#side-menu { 
  background: transparent url(/themes/cliff/images/pens.jpg) no-repeat top right; 
  margin-right: -13px; 
}

#tag-cloud { margin-left: 1em; overflow: hidden; }
ol.tag-list li { float: left; line-height: 0.4em; }
.tag-context { display: none; }
#tag-cloud ol li a { text-decoration: none; font-weight: normal; }

#post-recent { margin-top: 120px; }
#post-recent ul { list-style-type: disc; margin-left: 1.5em; color: #ddd; font-size: 0.8em; }

#comment-recent { margin-top: 10px; overflow: hidden; }
#comment-recent ul { list-style-type: disc; margin-left: 1.5em; color: #ddd; font-size: 0.8em; }

.comment-moderated { color: #f00; }

#main-menu { font-size: 1.2em; font-weight: bold; margin-top: 2.4em; }

.side-menu { 
  width: 180px;
  padding: 1.2em 0 0 2.2em; 
  margin: 0em 0 3em 1em;
}
.side-menu h1 {
  font-size: 1.2em; 
  font-weight: bold; 
  letter-spacing: -1px; 
  padding: 0; 
  line-height: 0.9em; 
}

.side-menu a { 
  background-color: transparent;
  color: #586B7A; 
  text-decoration: none;
  font-size: 1.2em;
  text-transform: lowercase;
  letter-spacing: -1px;
}
.side-menu a:hover { color: #000; }

#propaganda { text-align: center; margin-top: 4em; clear: both; }
#propaganda ul { list-style: none; }
#propaganda ul li { padding: 0.1em; }

#signin { width: 300px; margin-top: 4em; margin-left: 20%; }
#signin input:focus, #signin input:hover { border: 1px solid #000; }
.error { color:red; font-weight:bold; }

#spam-warning { margin: auto; font-size: 1.2em; }

/* output from restructured text */
pre.literal-block { 
  font-size: 0.8em;
  font-style: fixed;
  padding: 1em;
  padding-bottom: 2em; /* stupid ass IE */
  margin: 1em;
  border: 1px solid #ddd;
  width: 100%;
  overflow-x: auto;
  background-color: #f0f0f0;
}

div.document { margin-left: 1em; }
div.document p { padding-top: 1em; }
div.document img { margin: 1em; }
div.document b { font-weight: bold; }
div.document ol { list-style-type: decimal; margin-left: 1.5em; }
div.document ul { list-style-type: disc; }
div.document em { font-style: italic; }

/* admin interface */
#admin-menu li { float: right; padding-left:1em; }
#admin-menu li a { text-decoration: none; font-weight: bold; }
#admin table { width: 100%; }
#admin table tr th { padding-left: 1em; padding-right: 1em; font-weight: bold; background-color: #ddd; }
#admin table tr.odd { background-color: #f4f4f4; }
#admin table tr.even { background-color: #f0f0f0; }
#admin table tr td { padding-left: 1em; padding-right: 1em; }

#admin .treeview-comment {
    width: 100%;
    height: 20em;
    overflow: auto;
    padding: 0.5em;
    border: 1px solid #dedede;
    background-color: #eaeaea;
    font-size: 80%;
}

strong { font-weight: bold; }

.caption { font-size: 70%; font-style: slant; margin-top: -2em; padding-top: 0; }
.figure { padding: 0.5em; margin 1em; }
.figure img { margin:0; padding:0; }
blockquote { margin: 1em; }
.document ol li { padding-top: 0.5em; }