/* FLASH */

ul.success,
ul.failure {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
}

ul.success,
#content #main form ul.success {
    background-color: #e8f0d7;
    border-top: 1px solid #639D1A;
    border-bottom: 1px solid #639D1A;
}

ul.failure,
#content #main form ul.failure {
    background-color: #faecec;
    border-top: 1px solid #A50F0F;
    border-bottom: 1px solid #A50F0F;
}

ul.success li,
ul.failure li {
    font-size: 1.1em;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

ul.success li {
    color: #639D1A;
}

ul.failure li {
    color: #A50F0F;
}


/* FORMS */
input[type=text],
.input-text,
.input-password {
    font-size: 1.1em;
    color: #222;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    width: 99%;
}

.input-textarea {
    font-size: 13px;
    font-family: monaco, monospace;
    width: 99%;
    height: 200px;
}

form label.require:before {
    content: '*';
    color: red;
}

#search input.help {
    color: #999;
}

#comment-email {
    width: 40%;
}

.handle,
.passwd {
    width: 10em;
}

/* Entry body */
div.blogs-record {
    margin-top: 20px;
}

div.blogs-record,
li.comment {
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fff;
}

div.blogs-record img,
li.comment img {
    padding: 1px;
    border: 1px solid #ccc;
}

div.blogs-record div.meta {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 5px;
    margin-bottom: 12px;
}

div.blogs-record div.meta span {
    font-size: 90%;
}
div.blogs-record div.meta span.topic {
    font-weight: bold;
    font-family: Verdana;
    letter-spacing: 2px;
    text-transform: uppercase;
}

div.blogs-record div.meta span.tag {
    padding: 1px;
}

div.blogs-record div.meta span.tag a {
    color: #E97123;
}

div.blogs-record a:hover,
li.comment a:hover {
}

div.blogs-record div.meta h2 {
    margin: 0;
}

div#main div.meta a {
    color: #440000;
    text-decoration: none;
    border-bottom: none;
    font-weight: bold;
}

div#main div.meta a:hover {
    border-bottom: 1px dotted #440000;
}

/* entry title */
div#main div.meta h2 {
    margin-bottom: 0.2em;
}

div#main div.meta h2 a {
    color: #D88301;
}

div#main {
    padding-left: 36px;
}

/* comments */
div#comments ol {
    list-style: none;
}

div#comments li.comment {
    clear: both;
    margin: 10px 0 10px 0;
    min-height: 100px;
}

div#comments li.comment div.gravatar {
    width: 100px;
    float: left;
}

div#comments li.comment div.content {
    margin-left: 110px;
}

div#comments li.comment div.content div.meta {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

div#comments li.comment div.content div.body pre {
    width: auto;
}


/**
 * Table grids
 */
table.grid {
    width: 100%;
    border-collapse: collapse;
}

table.grid tr {
    height: 36px;
    border: 1px solid #999;
}

table.grid th {
    width: 15%;
    padding: 4px;
    border: 1px solid #999;
    background-color: #ccc;
}

table.grid th.id {
    width: 7%;
    text-align: center;
}

table.grid th.publish {
    width: 18%;
}

table.grid th.subj {
    width: 60%;
}

table.grid td {
    padding: 4px;
    border: 1px solid #999;
    background-color: #eee;
}

table.grid td.id {
    text-align: center;
}


/**
 * pager overrides from alexandru bucur
 */
.pager {
   overflow: hidden;	
}

.pager ul, .pager ol {
    clear: left;
    font-size: 12px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 1em 0;
    text-align: center;
    white-space: nowrap;
}

.pager li {
    color: #666;
    display: block;
    float: left;
    height: 21px;
    line-height: 21px;
    list-style: none;
    margin: 0 2px;
    padding: 0;
}

.pager a {
    background: #fff;
    border: 1px solid #fff;
    display: block;
    float: left;
    height: 15px;
    line-height: 15px;
    padding: 2px 3px;
}

.pager a.curr {
    background: #D88301;
    border: 1px solid #D88301;
    color: #fff !important;
    font-weight: bold;
}

.pager a {
    border: 1px solid #D88301 !important;
    color: #440000 !important;
    text-decoration: none;
}


.pager a:hover {
    border-color: #2E6AB1;
}

.pager a.next, .pager a.prev {
    font-weight: bold;
}