/* Layout Stylesheet */

body {
/*    background: #CCCCCC; */
/*    color: #545454; */
/*    font-family: Verdana, sans-serif; */
/*    font-size: small; */
       margin: 0;
       padding: 0;
}

#page {
        /*background: #efebd6;*/
       background: #ccb995;
/*    background-color: #FFFFFF; */
/*    border: 1px solid #808080; */
/*    padding: 1em 2em 1em 2em; */
/*    margin: 0 auto; /\* So firefox centers this properly. *\/ */
/*    text-align: left; */
/*    width: 62em; */
}

#bodyblock {
             background: #efebd6;
             width: 75%;
             padding-top: 0.5em;
             padding-left: 3%;
/*              margin-top: -1em; */
        }

/* ====================================================================== */
#header { margin: 0;
          padding: 2em 1em 2em 3%;
          /*background:#237ab2;*/
          background: #101c51;
          color: #fff;
          }
#header h1 a { /* background: transparent; */
               /*margin: 0 0 0 5%;*/
               color: #fff;
               text-decoration: none;
               }

#login-form, #openid-form {
   float: right;
   margin-top: -0.5em;
   display: none;
}

#login-form a, #openid-form a {
               color: #fff;
}

#email, #password {
   width: 10em;
}

#openid_url {
   width: 20em;
   background: #fff url(/static/img/openid-icon.gif) no-repeat;
   background-position: 0 50%;
   padding-left: 16px;
}

#login-shortcuts {
   float: right;
}

#login-shortcuts a {
               color: #fff;
/*                text-decoration: none; */
}

p.form-help, form.delete {
   display: inline;
}

/* ====================================================================== */

#bar {
       /* border:dashed #545454; */
/*        border-width:1px 0 1px 0; */
       border-top: 0.1em solid #555;
       border-bottom: 0.1em solid #555;
       padding: 0.25em 3%;
       background:#2f4f4f;
/*        position: relative; */
}

#bar a {
         color:#c6c8c9;
         margin-right: 1em;
         }

#bar a:hover {
               color:#fff;
               }

/* ====================================================================== */


/* #bar-left { */
/*    position: absolute; */
/*    top: 0; */
/*    right: 0; */
/* } */


/* ====================================================================== */

.post {
/*         padding-left:  3%; */
        padding-right: 1em;
       margin: 0;
        }

.post h2 a {
            color: #0057b3;
            text-decoration:none;
       margin: 0;
            }


#content {
/*   width:79%; */
/*            background:#efebd6; */
/*            color: #333333; */
           color: #000;
       margin: 0;
/*            width: 75%; */
}


/* ====================================================================== */

#footer {
/*           height:25px; */
/*           border:dashed black; */
/*           border-width:1px 0 0 0; */
/*           margin:0; */
          text-align: center;
          border-top: 0.1em solid #555;
          border-bottom: 0.1em solid #555;
          padding: 0.25em 3%;
          background: #2f4f4f;
/*           position: relative; */
          color:#c6c8c9;
          clear: both;
}

#footer a {
            color:#c6c8c9;
            margin-right: 1em;
            }

#footer a:hover {
                  color:#fff;
                  }


/* ====================================================================== */


/* Styles */

/* h1, h2, h3 { */
/*    font-family: Helvetica, sans-serif; */
/* } */

img {
   border: 0;
}

a {
    color: #115577;
    text-decoration: none;
    }

/* ====================================================================== */


.metadata {
   font-size: 75%;
/*    clear: left; */
   padding: .2em;
/*    border-top: 1px dashed #808080; */
/*    border-bottom: 1px dashed #808080; */
}

/* ====================================================================== */

.text {
/*    clear: both; */
}

.small {
   font-size: 80%;
}

code {
   font-family: monospace;
   font-size: 110%;
   color: #007F00;
}

.errorlist {
   color: red;
   font-weight: bold;
}

/* centered spinner */
/* #ajaxload { */
/*    display: none; */
/*    position:absolute; */
/*    z-index:1000; */
/*    top:50%; */
/*    left:50%; */
/* } */

/* Links */

/* a { */
/*    color: #00008B; */
/*    text-decoration: underline; */
/* } */

/* a:hover { */
/*    background: #DDDDDD; */
/*    text-decoration: underline; */
/* } */

.control-link {
                float: right;
                margin-right: 0.5em;
                }

a.comment-link, a.edit-comment, a.cancel-edit {
   display: none;
}

.selected { /* is not link, but doesn't matter */
   font-weight: bold;
}

/* Navigation */

ul#navigation {
   list-style-type: none;
   margin: 0;
   padding: 1.0em 1em 2.0em 0;
}

ul#navigation .left {
   float: left;
   text-align: left;
}

ul#navigation .right {
   float: right;
   text-align: right;
}

/* Comments */

/* #comments {  padding: 0.25em 3%; } */

.blogcomment, .pingback {
   clear: left;
   padding: .2em;
}

.blogcomment .text, .pingback .text {
   padding-top: .01em;
}

.odd {
   background-color: #F5F5F5; /* WhiteSmoke */
}

.author, .pingback-title {
   float: left;
   font-weight: bold;
}

.comment-time, .pingback-time {
   float: right;
}

blockquote {
   border-left:5px solid #DDDDDD;
   margin-left:1em;
   padding-left:1em;
}

.comment-edit-area {
   width: 100%;
   height: 10em;
}

.edit-submit {
   display: none;
}

.pingback-location {
   color: #999;
}

.read-more {
   text-align: right;
}

/* Comment Form */

.form-help {
   font-size: 0.8em;
   margin-left: 0.5em;
}

form table {
   width: 100%;
}

#comment-form th {
   width: 1px;
}

input, textarea {
   border: 1px solid #aaa;
   padding: 2px;
}

#id_name, #id_email, #id_site {
   width: 25em;
   margin: 0 1% 0 0;
}

#id_body {
   height: 15em;
   width: 100%;
}

.message {
   border: 1px solid #F00;
   margin-top: 1em;
}

/* Footnotes */
div.footnote p {
   display: inline;
}

/* Bookmarks */

.bookmarks {
   font-size: 0.8em;
   margin-top: 1em;
}

.bookmarks a:hover {
   background: none;
}

/* avatar image */
.avatar {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    border: 1px #000 solid;
    padding-bottom: 0;
    margin-bottom: 0;
}

.textblock {
    border: 1px #000 solid;
}


/* ====================================================================== */

#sidebar {
           float: right;
           width: 20%;
           margin: 0;
           padding-bottom: 2em;
           }

.sbheader { color: #0057b3;
            font-weight: bold;
            text-transform: uppercase;
            margin-top: 1em;
            }

.block ul { list-style-type: none;
            margin: 0;
            padding: 0;
            }
.block ul li {
            margin-top: 0.25em;
            }

/* Tag cloud **************/

.tag-1 { font-size: 100%; }
.tag-1:hover { text-decoration: underline; }

.tag-2 { font-size: 110%; }
.tag-2:hover { text-decoration: underline; }

.tag-3 { font-size: 120%; }
.tag-3:hover { text-decoration: underline; }

.tag-4 { font-size: 130%; }
.tag-4:hover { text-decoration: underline; }

.tag-5 { font-size: 140%; }
.tag-5:hover { text-decoration: underline; }