/*
Theme Name: Midnight-Blue-Plus
Theme URI: http://getfreeware.net/archives/520.html
Description: Midnight-Blue is a free theme designed for Wordpress by <a href="http://getfreeware.net">GetFreeware.net</a>. Released under Creative Commons GNU GPL.
Version: 1.0
Author: gropher
Author URI: http://getfreeware.net
Tags: dark, blue, black, two columns, right sidebar, widgets, widget ready

        The CSS, XHTML and design is released under Creative Commons GNU GPL:
        http://creativecommons.org/licenses/GPL/2.0/

*/

/**
*                        *, body, page, footer
*                        note: id footer and page are at same level
*/
* {
        margin: 0;
        padding: 0;
        border: 0;
        text-decoration: none;
}


body{
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.07em;
        /*font-size: 12px;*/
        font-style: normal;
        line-height: 18px;
        font-weight: normal;
        text-align: center;
        width: 100%;
        color: #ccd;
        background: url(images/backblog.jpg) no-repeat center top #000;
}

p {
        margin: 10px auto;
}

#page {
        /*width: 90%;*/
        width: 880px;
        margin: 0 auto;
        text-align: left;
        margin-top: 170px;
        padding: 5px;
        background-color: transparent;
        }

ul, ol, li {
        font-size: 11px;
        list-style-position: inside;
        list-style-type: none;
}

/**
*                        basic topology, floating, margin, padding, border, width, height etc
*
*/

#header {
        padding-top: 5px;
        padding-bottom: 20px;
}


#main {
        margin-top: 0px;
}

#main_left {
        float: left;
        width: 710px;
        /*border-right: 1px solid #ccd;*/
        margin-right: 0px;
        padding-right: 10px;
}

#main_right {
        float: left;
        width: 150px;
        padding-left: 5px;
        margin-top: 35px;
}

/**
*                        header: blog title, header search box
*
*/
#header {
        width: 100%;
}

#header_left {
        float: left;
        padding-top: 5px;
}

#header_right {
        float: right;
}
#header_right input {
        float: left;
        margin-left: 5px;
}
#header_searchform {

}
#header_searchbox {
        width: 208px;
        height: 25px;
        color: #FFFFFF;
        background-color: #777777;
        border: 0px solid #CCCCCC;
}
#header_searchbutton {
        height: 25px;
        color: #AAAAAA;
        background-color: #333333;
        border: 1px solid #444444;

}
/**
*                        post:
*
*/
.post {
        margin: 20px auto;
        border-bottom: 0px #000000 solid;
}
.post .metadata {
        margin: 10px auto 10px 15px;
}
.post_title {

}
.post ul li, .post ol li {
        /*
list-style-position: inside;
        margin-left: 10px; */
        padding: 2px;
}
.post ul li {
        list-style-type: disc;
}
.post ol li {
        list-style-type: decimal;
}
blockquote {
        margin: 10px;
        padding: 10px;
        border: 1px solid #666666;
        background-color: #3a3e3e;
}
/**
*                        font, display, background color, font size, family, color etc
*
*/
A {
        text-decoration: none;
  color: #ccd;

}

#main A, #footer A {
        text-decoration: none;
  color: #ccd;
}
#main A:hover, #footer A:hover {
        text-decoration: underline;
  color: #ccd;
}
#main h1 A, #main h2 A, #main h3 A {
       text-decoration: none;
  color: #ccd;
}
#main h1 A:hover, #main h2 A:hover, #main h3 A:hover {
       text-decoration: underline;
  color: #ccd;
}
h1, #header_description {
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {font-weight: bold;
  font-size: 125%;
  font-style: normal;
  letter-spacing: 0.05em;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 10px;
}
#main_left h2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 100%;
  font-style: normal;
  letter-spacing: 0.05em;
  text-align: left;
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccd;
}
#main_left {
        color: #;
}
#main_left .post {
        background-color:;
}
.metadata {
        text-align: right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #ccd;
        line-height: normal;
        float: right;
}
.metadata .time {
        font-weight: bold;
        text-transform: uppercase;
}
.metadata .date {
}
.metadata .comments {
}
/**
*                        sidebar
*
*/
#main_right {
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main_right A, #main_right A:hover {

        /*border: 0px solid #000000;*/
}
.widget, .categories, .linkcat {
        margin: 10px auto;
        margin-top: 0px;
        padding: 0px;
        /*border: 0px solid #444444;*/
        background-color: transparent;
}

.widget h2, .categories h2, .linkcat h2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
  font-style: normal;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0px;
}

.widget ul, .categories ul, .linkcat ul {


}
.widget ul li, .categories ul li, .linkcat ul li {
        list-style-position: inside;
        list-style-type: none;
        margin-left: 5px;
        padding: 0px 0px 0px 0px;
        font-size: 10px;
        letter-spacing: 0em;
        /*border-bottom: 1px solid #3A3A3A;*/
}
.widget ul li:hover, .categories ul li:hover, .linkcat ul li:hover {
        /*border-bottom: 1px solid #444444;*/
}
.widget ul li ul li, .categories ul li ul li, .linkcat ul li ul li {

        /*border-bottom: 0px solid #666666;*/
}
.widget ul li ul li:hover, .categories ul li ul li:hover, .linkcat ul li ul li:hover {

        /*border-bottom: 0px solid #666666;*/
}
.widget ul li A, .categories ul li, .linkcat ul li {

}
/**
*                        single and comment form
*
*/
.single h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
}
.single p {
        margin: 10px auto;
}
.single .info {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: italic;
}
.single input {
        height: 22px;
}
.single input, .single textarea {
        color: #EEEEEE;
        background-color: transparent;
        border: 1px solid #ccd;
        width: 100%;
}
#submit {
        background-color: #333333;
        width: 200px;
}
.single .avatar {
        float: left;
        margin: 10px;
}
.single .comment_box {
        float: left;
        width: 80%;
}
.single .comment_box span {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}
.single .comment_box .time, .single .comment_box .comment_author {
        font-weight: bold;
}
ol.commentlist li {
        margin: 5px auto;
        background-color: #4c4c5c;
        border: 1px solid #646479;
}
ol.commentlist li.alt {
        color: #ADADAD;
        background-color: #646479;
        border: 1px solid #8e8eab;
}

/**
*                        footer
*
*/
#footer, #footer_links {
        margin: 0 auto;
        width: 880px;
        letter-spacing: 0.07em;
        font-size: 70%;
        border-top: 1px solid #ccd;
        margin-bottom: 0px;
}
#footer {
        text-align: center;
        background-color: transparent;
        padding: 0px 5px 5px 0px;
        background: #000;
}
#footer_links {
        /*width: 90%;*/
        width: 880px;
        margin: 0 auto;
        padding: 0px;
        text-align:right;
        background-color: #transparent;
        color: #667;
}
#footer .widget {

        text-align: left;
        width: 23%;
        float: left;
        margin-left: 1px;
}
/**
*                        other
*
*/
.navigation {
        margin: 10px auto;
}
.alignright {
        float: right;
        }

.alignleft {
        float: left;
        }
.spacer {
        clear: both;
        height: 1px;
}
.post img {
        padding: 5px;
        margin: 3px;
        border: 1px solid #666666;
}
#header_img {

}

/* added for Theme Directory requirments*/
.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}
.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption-dd {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
}