* {
    -webkit-text-size-adjust: none;
}

body {
    color: #000000;
    background-color: #444444;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 0.8em;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
}

form {	margin: 0px; display: inline;}

textarea[readonly], input[readonly] {
    margin: 1px 1px 1px 1px;
    display: inline;
}

h1, h2, h3, h4, h5 {
//    color: #000000;
}

div.inline {
    display: inline;
}

div.inbox {
    display: inline;

}

div.banner {
    width: 100%;
}
div.banner-image {
    width: 196px;
    height: 50px;
    margin-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.banner .caption {
    // color: #ffffff;
    FONT-SIZE: 1.1em;
    margin-left: 10px;
}

input, textarea {

    padding-left: 2px;
    padding-right: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    // color: #000000;
    FONT-SIZE: 0.9em;
    FONT-WEIGHT: none;
    background: #dddddd;
}

form.search-box input, div.search form input, form.search-box select, div.search form select {
    color:          #336699;
    FONT-SIZE:      0.9em;
    FONT-WEIGHT:    none;

    padding:        2px;
    margin-left:    2px;
    border-color:   #666666;
    border-width:   1px;
    border-style:   solid;
}

// select {
//     padding-left: 2px;
//     border-width: 1px;
//     border-style: solid;
//     border-color: #b2b2b2;
//     // color: #000000;
//     FONT-SIZE: 0.8em;
//     FONT-WEIGHT: none;
//     background: #ffffff;
// }

.rounded {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.dark-row-alt td, .dark-row-alt div, div.dark-row-alt {
    //background-color: #3f3f3f;
}

.light-row-alt td, div.light-row-alt, span.light-row-alt {
    background-color: #252525;
    // border-width: 1px;
    // border-style: solid;
    // border-color: #b0b0b0;
}

table.search-results {
    width: 100%;
}

td.search-row, td.search-row-alt {
//    border-spacing: 1px;
//    border-width: 1px;
//    border-style: solid;
}

td.search-row {
//    border-color: #303030;
    background-color: #303030;
}

div.stream-gap {
    text-align:         left;
    color:              #f0f0f0;
    margin-top:         0.5em;
    margin-bottom:      0.5em;
}

td.search-row-gap {
  text-align: right;
}

td.search-row-gap span {
    // color: #6f6f6f;
    padding-left: 1em;
    padding-right: 1em;
}

td.search-row-alt {
    border-color: #a0a0a0;
    // background-color: #bfbfbf;
}

table.search-result td.search-row a {
    font-weight: normal;
}

thead {
    font-weight: bold;
}

A:link    { color: #003366; text-decoration: none; white-space: normal;}
A:visited { color: #003366; text-decoration: none; white-space: normal;}
A:active  { color: #003366; text-decoration: none; white-space: normal;}
A:hover   { color: #ffffff; text-decoration: none; white-space: normal;}

div.disc_area_bar A                         { color: #ffffff; }
div.disc_area_bar A:hover                   { color: #6699dd; }
.disc_area_bar > span:first-child a         { color: #ff9900; }
.disc_area_bar > span:first-child a:hover   { color: #ffffff; }


div.footer A,
    div.login A,
    div.disc_area_bar A.notice,
    div#disc_areas A.notice,
    .msg-list-header A,
    table.avatar_list A,
    div.entry A,
    div.note A,
    div.note-footer A,
    div.msg-meta A,
    div.msg-msg A,
    div.item A,
    div.thread-replies li A,
    div.item-list A
{
    color: #ff9900;
}

div.item-list A.user,
    div.item-list div.title A,
    table.avatar_list A.user,
    div.msg-header A.user,
    div.msg-nav A.user,
    div.thread-replies li A.user,
    div.item-meta A.user,
    div.login A.user,
    div#disc_areas A
{
    color: #6699ff;
}


span.msg-list-excerpt, span.msg-list-excerpt A, .search-results span A {
    color: #ffffff;
}

span.msg-list-excerpt A:hover, .search-results span A:hover {
    color: #f0f0f0;
}


div.footer A:hover,
    div.login A:hover,
    div.disc_area_bar  A.notice:hover,
    div.msg-header A.user:hover,
    .msg-list-header A:hover,
    div.msg-nav A.user:hover,
    div.entry A:hover,
    div.note A:hover,
    div.note-footer A:hover,
    div.msg-msg A:hover,
    div.msg-meta A:hover,
    div.item A:hover,
    div.thread-replies li A:hover,
    div.subscriptions A:hover,
    div#disc_areas A:hover
{
    color: #ffffff;
}

div.footer A {
    padding-left:   0.5em;
    padding-right:  0.5em;
}

div.navigation A {
    text-align:     left;
    padding:        3px;
    margin-left:    5px;
    margin-right:   0px;

    border-left-color: #666666;
    border-left-style: dotted;
    border-left-width: 1px;


}

div.item-list-footer A {
    color: #f0f0f0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-left-color: #666666;
    border-left-style: dotted;
    border-left-width: 1px;
}
div.item-list-footer A:first-child {
    border-left: none;
}
div.item-list-footer A:hover
{
    color: #6699ff;
}

div.navigation A:hover { color: #336699; }

// .pretty-die A:link    { color: #ff9900;  }
// .pretty-die A:visited { color: #ff9900;  }
// .pretty-die A:active  { color: #ff9900;  }
// .pretty-die A:hover   { color: #ffffff;  }


.pretty-die {
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    background-color: #000000 ;
    width: 500px;
    color: #ffffff;
    margin-left: 5px;
    padding: 1em;
}

.pretty-die-title {
    color: #ffffff;
    background-color: #0f0f0f;
    font-weight: bold;
}

div.login {
    float: right;
}

div.footer {
    float: right;
}

.footer, .login {
    color: #f0f0f0;
    text-align: left;
    padding: 0.5em;
    margin-left: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

    background-color: #0f0f0f;

    border-width: 1px;
    border-style: solid;
    border-color: #666666;

    box-shadow:         0.2em 0.2em 0.2em #0f0f0f;

}

div.navigation  {
    color:              #999999;
    text-align:         left;
    padding-left:       0.4em;
    padding-right:      0.4em;

    background-color:   #d0d0d0;

    border-color:       #666666;
    border-width:       1px;
    border-style:       solid;

    border-top-width:   0;

    width:              auto;

    border-bottom-right-radius:         4px;
    border-bottom-left-radius:          4px;
    -moz-border-bottom-right-radius:    4px;
    -moz-border-bottom-left-radius:     4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius:  4px;

    box-shadow:         0.2em 0.2em 0.2em #0f0f0f;

    overflow: hidden;
}

div.nav-shortcuts {
    margin-left:       1.0em;
    margin-right:      1.0em;
}

div.auto-update {
    height:         21px;
    line-height:    21px;
    vertical-align: middle;

}

div.auto-update img {
    background-color: #0f0f0f;
}

.item-list img, .navigation img {
    vertical-align: middle;
    border: 0px;
}

div.avatar, div.usr-image {
    //width: 50px;
    text-align: center;
}

.stats img {
    border: 0px;
}

table.stats {
    table-layout: fixed;
}

div.login A {
    text-align:     left;
    padding:        0;
    margin-left:    0.2em;
    margin-right:   0.2em;
    margin-top:     0.2em;
    margin-bottom:  0.2em;

}

.constrained-content {
    width: 100%;
    min-width: 600px;
    max-width: 800px;
}

.note div:first-child {
    display: block;
    // background-color: #252525;
}

div.note {
    padding:            0.5em;
    font-size:          1.1em;
}

div.note, div.container, div.item, div.entry {
    color:              #f0f0f0;
    background-color:   #222222;
    text-align:         left;

    border-color:       #666666;
    border-width:       1px;
    border-style:       solid;

    overflow: hidden;
}

div.search div.entry, div.search div.item-list {
    padding:        0.5em;
    margin-bottom:  0.5em;

    box-shadow:         0.2em 0.2em 0.2em #0f0f0f;
    margin-bottom:      0.5em;
    margin-right:       0.2em;
}

div.pinned div.note,
    div.item,
    div.edit-user div.note,
    div.myidkfa div.note,
    div#online_full div.item-list,
    div#tills div.note,
    div#since div.note,
    div.subscriptions div.note
{
    box-shadow:         0.2em 0.2em 0.2em #0f0f0f;
    margin-bottom:      0.5em;
    margin-right:       0.2em;
}

div.edit-user div.note:first-child {
    margin-top: 0.5em;
}

div.pinned-header {
    color: #ffffff;
    display: block;
    font-size: 1.2em;

    margin-left: 2px;
    margin-right: 0px;
    margin-top: 2px;
    margin-bottom: 5px;

    border-color: #666666;
    border-width: 1px;
    border-style: solid;
    // background-color: #0f0f0f;

    padding: 0.5em;

}

div.pinned {
//    margin-left: 2px;
    overflow: hidden;
}




div.item-list {
    color: #999999;
    text-align: left;
    padding:            0.2em;

    background-color: #222222;

    border-color: #666666;
    border-width: 1px;
    border-style: solid;

    overflow: hidden;

    box-shadow:         0.2em 0.2em 0.2em #0f0f0f;

    margin-bottom: 0.5em;

}

.item-list .item-list-item {
    padding-top:    0.5em;
    padding-bottom: 0.5em;
    margin-bottom:  1px;
}

.item-list .title, .msg-list .title {
    font-weight:    bold;
    font-size:      1.1em;
    color:          #f0f0f0;
    padding:        0.2em;
    margin-bottom:  0.5em;
}

.item-list span  {
    font-style: normal;
    padding-left: 5px;
}

div.spacer {
    clear: both;

}

.thread-root, .thread-root-alt {
    color: #f0f0f0;
    text-align: left;
    margin-right:   0.2em;
    margin-bottom:  0.5em;

    background-color: #303030;

    border-color: #666666;
    border-width: 1px;
    border-style: solid;
    // width: 477px;

    overflow: hidden;

    box-shadow:         0.2em 0.2em 0.2em #0f0f0f;

}

div.thread-root-alt  {

    overflow: auto;
}


.thread-replies ul {
    padding: 0px;
    margin-left:1em;
    margin-top: 0px;

}

.thread-replies-alt div.reply {
    padding: 0px;
    padding-left: 5px;
    margin-left:1.5em;
    margin-top: 2px;
    border-left: dotted #666666 1px;
}

.thread-replies li {
    list-style-type: none;
    margin: 0px;
    border-left: dotted #909090 1px;
    padding-left: 0.3em;
    //text-shadow: #000000 1px 1px 1px;
}

.thread-replies > ul >  li {
    border-left: none;
    padding-left: 0em;
}


.thread-replies li.reply, .thread-replies li.reply-alt, .thread-replies li.unseen  {
    color: #b2b2b2;
}
// .thread-replies li.reply-alt {
//     color: #b2b2b2;
// }

// .thread-replies li.unseen {
//     color: #b2b2b2;
// }

.thread-replies .reply span, .thread-replies .reply-alt span {
    font-style: normal;
}

.thread-replies .reply div, .thread-replies .reply-alt div {
//    white-space: nowrap;
    overflow: hidden;
    max-width: 600px;
}

// div.last_reply {
//     padding-left: 13px;
// }
//
// div.a_reply {
//     padding-left: 13px;
// }

.thread-root .msg-header, .item-list div.avatar, .thread-root-alt .msg-header, .item-meta div.avatar {
    color: #b2b2b2;

    background-color: #0f0f0f;

    border-color: #666666;
    border-width: 1px;
    border-style: solid;

    float: left;
    text-align: center;
    margin: 3px;
    padding: 3px;

}

div.thread-root-alt div.msg-header {
    color: #b2b2b2;

    // background-color: #0f0f0f;

    border-color: #666666;
    border-width: 1px;
    border-style: solid;

    text-align: center;
    padding: 3px;
    margin: 3px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

div.visible {
    overflow: visible;
}

div.hidden {
    overflow: hidden;
}


.small-pane-width {
    width: 310px;
}

.thread-root-alt .usr-image {
    display: inline;
}

.msg-nav {
    text-align: center;

}

.thread-root-alt .msg-nav {
    display: inline;

}


div.thread-root div.msg-meta {
    text-align: right;
    //visibility: hidden;
}

.thread-root:hover .msg-meta {
    //visibility: visible;
}

.thread-root-alt .msg-meta {
    display: inline;
    text-align: right;
    //visibility: hidden;
}

.thread-root-alt:hover .msg-meta {
    //visibility: visible;
}



.item {
    // color: #ffffff;

    // background-color: #0f0f0f;

    border-color: #666666;
    border-width: 1px;
    border-style: solid;

    margin-top: 0px;
    margin-bottom: 3px;
    // max-width: 480px;
    // width: 100%;
    overflow: hidden;
}

.item-title {
    // color: #ff9900;
    text-align: center;
    font-weight: bold;
}

.item-footer {
    text-align: right;
    color: #cfcfcf;
}

.item-meta {
    float: left;
    margin: 5px;
    text-align: center;
}
span.current-msg {
    background-color: #555555;

}

span.latest-msg {
    background-color: #666666;
}


// div.current-msg {
//     border: solid #006633 3px;
//
// }
//
// div.latest-msg {
//     border: solid #003399 3px;
// }

.comment {
    width: auto;
//    max-width: 485px;
    overflow: visible;
}

.inline-comment {
    width: auto;
    max-width: 485px;
    overflow: visible;

    background-color: #0f0f0f;
    color: #ffffff;
    border: solid #666666 1px;
    padding: 5px;
    margin-top: 2px;
    margin-left: 5px;
    font-size: 1.2em;
}

.thread-root .msg-msg, .thread-root-alt .msg-msg {
    overflow: visible;
    color: #f0f0f0;
    vertical-align: top;
}

// .thread-root-alt .msg-msg {
//     overflow: visible;
//     color: #000000;
//     vertical-align: top;
// }



.msg-msg img
{
    /*
    max-width:  99%;
    height:     auto;
    */
}

.msg-msg ul, .msg-msg ol {
    overflow: hidden;
//    padding-left: 2em;
}


div.left-pane {
    margin-right: 0.5em;
}


div.top-pane {
    margin-left: 5px;
}

div.bottom-pane, div.nav-pane {
    margin-left:    0.5em;
    margin-right:   0.5em;
    width:          auto;
}

div.nav-pane {
    margin-top:     0;
    margin-bottom:  0.5em;
}

.collapsed {
    display: none;

}

.banner-cmd {
    text-align: left;

}

.banner-cmd span {
    color: #ff9900;
}

img.avatar {
    height: auto;
    max-width: 50px;
    max-height: 50px;

    transition:         max-width   0.3s, max-height 0.3s;
    -moz-transition:    max-width   0.3s, max-height 0.3s;
    -webkit-transition: max-width   0.3s, max-height 0.3s;
}

div.search img.avatar:hover {
    height: auto;
    max-width: 50px;
    max-height: 50px;
}

img.avatar:hover {
    height:     auto;
    width:      auto;
    max-width:  200px;
    max-height: 200px;


}

div.avatar:hover, div.usr-image:hover {
    width:      auto;
}

.thread-root-alt .usr-image img.avatar {
   //max-width: 10px;
   //max-height: 10px;
}


// img.avatar_large {
//     max-width: 200px;
//     height: auto;
// }


#draft_msg {

    font-size: 0.8em;

}

div.unseen {
    border-color:   #ffdd00;
    border-width:   1px;
    border-style:   dotted;

    // box-shadow:         0.2em 0.2em 0.2em #ff9900;

}

li.unseen A:link,
li.unseen A:visited,
li.unseen A:active,
    .search-row span.unseen
{
    color: #ffdd00;
}

li.unseen A:hover   { color: #ffffff;  }



.msg-msg blockquote p {
    margin-left: 4em;
}

.msg-msg > code, .msg-msg  pre {
    background-color: #0f0f0f;
    padding-left: 1em;
    color: #f0f0f0;
    display: block;
    overflow: scroll;
}


div.disc_area_bar {
    clear:              both;
    color:              #999999;
    background-color:   #003366;
    border-top:         solid #090909 1px;
    border-bottom:      solid #090909 1px;
    width:              100%;
    overflow:           hidden;
    display:            block;

    white-space:        nowrap;

    height:             2.0em;
    line-height:        2.0em;

    box-shadow:         0 0.2em 0.2em #0f0f0f;
}

.disc_area_bar span.title {
    padding-left: 0.6em;
}

.disc_area_bar ul {
    padding: 0px;
    margin-left:0px;
    margin-top: 0px;
    display: inline;
}

.disc_area_bar div.left-bound {
    display: inline;
}

.disc_area_bar div.right-bound {
    display: inline;
}

.disc_area_bar > span:first-child {
    // background-color:   #336699;
    padding-left:       0.5em;
}

.disc_area_bar ul li:first-child {
    border-left:        none;
}

.disc_area_bar li {
    list-style-type: none;
    margin: 0px;
    border-left: dotted #909090 1px;
    padding-left: 0.3em;
    display: inline;
    white-space: nowrap;
}

.disc_area_bar div.right-bound {
    position: absolute;
    right: 0px;
}


div.readable {
    max-width: 42em;
    width: auto;

    padding: 0.5em;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {


    div.readable {
        clear: both;
        max-width: 480px;
        padding: 0.2em;
    }

    .small-pane-width {
        max-width: 480px;
        width: auto;
        clear: both;
        float: none;
    }

    .constrained-content {
        width: 100%;
        min-width: 300px;
        max-width: 480px;
    }


}


div.search  {
    overflow: hidden;
}

div.item-footer, div.item-list-footer, div.note-footer, div.thread-root div.msg-meta, div.thread-root-alt div.msg-meta {
    color:                #f0f0f0;
    background-color:     #003366;
    padding: 0.5em;

    border-width: 1px;
    border-style: solid;
    border-color: #0f0f0f;

}

div.msg-list-footer {
    float: right;
}