/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: #f7f7f7;
    color: #444444;
    }

.ContextualPopup a, .icon-browser a { color: #2a90a2; }
.ContextualPopup a:visited { color: #888888; }
.ContextualPopup a:hover { color: #39b7cc; }
.ContextualPopup a:active { color: #999999; }


/* ----------------------------------------------------------------------------- BASIC PAGE DEFS ---------- */


body {
    font-family: Segoe UI; font-size: 1em;
    background: #222222;
    margin: 0;
    padding: 0;
    }

*+html body{ background: #e9e9e9; }

html body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    }

.header h2, .module h2, .header h3 { font-size: 1em; }

/* .entry-content h1, .entry-content h2,
.entry-content h3, .entry-content h4,
.entry-content h5, .entry-content h6 { margin: 0 0 .8em; } */

img { border: none; }

hr { display: none; }

q, blockquote {
    color: #666666;
background-color: #eaeaea;
border: solid 1px #dadada;

    display: block;
    font-style: italic;
    margin: 1em 1.5em;
    padding: 1.5em;
    }

code, pre {
    white-space: pre-wrap;
    word-bread: break-word;
    }

.has-navstrip #header_navwrapper { padding: 0 }

#header_titlewrapper { padding: 2.4em; }

#footer { padding: 0 1em; }

@media only screen and (min-width: 54em) {
    .has-navstrip #header_navwrapper { padding: 2.8175em 8em 0; }

    #header_navwrapper { padding: 0 8em 0 8em; }

    #header_titlewrapper { padding: 2.4em 8em 2.1em 8em; }

    #footer { padding: 0 8em 0 8em; }
}

a { color: #2a90a2;
; text-decoration: none; }
a:visited { color: #888888;
 }
a:hover { color: #39b7cc;
 }
a:active { color: #999999;
 }
/* -------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------- LAYOUT DEFS ---------- */

/* ---------- COLUMN LAYOUT BASICS ---------- */
.one-column #content { float: none; }


            .one-column #content .module {
            display: inline-block;
            margin: 0 0 1.8em;
            vertical-align: top;
            width: 24%;
            }
        

.one-column #content .module-content { text-align: left;}

.two-columns-left #content,
.three-columns-sides #content { border: none; float: none; }

.column-right #content { min-width: 18em; box-sizing: border-box; }

#content { padding: 1em; }

@media only screen and (min-width: 54em) {
    .two-columns-left #content { border-left: 18em solid transparent; }
    .three-columns-sides #content { border-left: 18em solid transparent; border-right: 18em solid transparent; }

    .three-columns-left #content { border-left: 36em solid transparent; }

    .two-columns-right #content { border-right: 18em solid transparent; }
    .three-columns-right #content { border-right: 36em solid transparent; }

    .column-right #content { box-sizing: content-box; }

    #content { padding: 0 8em 0 8em; }
}


/* ---------- PRIMARY COLUMN ---------- */
#primary {
    width: 100%;
    margin: 0;
}

.one-column #primary { float: none; }

#primary > .inner:first-child { padding: 0; }

@media only screen and (min-width: 54em) {
    #primary {
        float: left;
        margin-right:-100%;
        margin-left: 0;
        width:100%;
    }

    .two-columns-left #primary {
        float: right;
        margin-left:-100%;
        margin-right: 0;
    }
}


/* ---------- SECONDARY COLUMN ---------- */
.one-column #secondary { width: auto; text-align: center; }

@media only screen and (min-width: 54em) {
    .two-columns-left #secondary,
    .three-columns-sides #secondary,
    .two-columns-left #tertiary {
        float: left;
        margin-left: -18em;
        padding: 0;
        width: 18em;
        }

    .two-columns-right #secondary {
        float: right;
        margin-right: -18em;
        width: 18em;
        }

    .three-columns-left #secondary {
        float: left;
        margin-left: -36em;
        width: 18em;
        }

    .three-columns-right #secondary {
        float: right;
        margin-right: -18em;
        width: 18em;
        }

    .two-columns-right #secondary > .inner:first-child,
    .three-columns-right #secondary > .inner:first-child  { padding: 0 0 0 1.8em; }

    .two-columns-left #secondary > .inner:first-child,
    .three-columns-left #secondary > .inner:first-child,
    .three-columns-sides #secondary > .inner:first-child { padding: 0 1.8em 0 0; }
}


/* ---------- TERTIARY COLUMN ---------- */
.one-column #tertiary { text-align: center; width: auto; overflow: hidden; }

.one-column-split #tertiary > .inner:first-child { padding: 0; }

@media only screen and (min-width: 54em) {
    .two-columns-left #tertiary {
        clear: left;
        margin-left: -18em;
        width: 18em;
        }

    .two-columns-right #tertiary {
        clear: right;
        float: right;
        margin-right: -18em;
        width: 18em;
        }

    .three-columns-left #tertiary {
        float: left;
        margin-left: -18em;
        width: 18em;
        }

    .three-columns-right #tertiary {
        float: right;
        margin-right: -36em;
        margin-left: 18em; /* so that #tertiary won't overlay #secondary in IE7 */
        width: 18em;
        }

    .three-columns-sides #tertiary {
        float: right;
        margin-right: -18em;
        width: 18em;
        }

    .two-columns-right #tertiary > .inner:first-child,
    .three-columns-right #tertiary > .inner:first-child,
    .three-columns-sides #tertiary > .inner:first-child { padding: 0 0 0 1.8em; }

    .two-columns-left #tertiary > .inner:first-child,
    .three-columns-left #tertiary > .inner:first-child { padding: 0 1.8em 0 0; }

}

/* -------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------- HEADER DEFS ---------- */
#header {
    margin: 0;
    padding: 0;
    }

h1#title {
    color: #eeeeee;

    font-family: Segoe UI, Segoe UI; 
    line-height: 1em;
    text-transform: uppercase;
    }

h2#subtitle
    {
    font-family: Segoe UI, Segoe UI; 
    color: #7dcfde;
    display: block;
    font-style: italic;
    margin: 0;
    text-transform: lowercase;
    }

h2#pagetitle {
   font-family: Segoe UI; font-size: 1em;
   color: #aaaaaa;
   display: block;
   margin: 3px 0 0;
   text-transform: lowercase;
   }

#header_titlewrapper {
    background: #333333;
    
    }

#header_navwrapper {
    background: #39b7cc;
    
    margin: 0;
    text-align: right;
    }

/* RESET SO LATER DEFS DONT HOSE TOPNAV */
#header .module-content {
    background-color: transparent;
    border: none;
    font-size: 1em;
    padding: 0;
    }

#header .module-headernavigation ul {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    }

#header .module-headernavigation li {
    border: 0;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    }

#header .module-headernavigation li a {
    background: #f7f7f7;
    font-family: Segoe UI; 
    border: solid transparent;
    border-color: #39b7cc;
    border-width: 1px 1px 0;
    color: #222222;
    display: block;
    line-height: 1em;
    margin: 3px 0 0 3px;
    padding: .5em .6em .4em;
    transition: all .5s ease 0s;
    }

#header .module-headernavigation li a.current,
#header .module-headernavigation li a.current:visited {
    background: #333333;
    color: #dddddd;
    }

#header .module-headernavigation li a:hover,
#header .module-headernavigation li a:hover:visited {
    background: #333333;
    color: #bee7ee;
    }

#header .module-headernavigation li a:visited { color: #195661; }

/* ugly !important fix, but makes active work as intended w/ other defs */
#header .module-headernavigation li a:active { color: #bbbbbb !important; }

/* -------------------------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------- CONTENT DEFS ---------- */
#content {
    background: #e9e9e9;
    color: #444444;
background-color: #e9e9e9;

    padding-top: 1.8em;
    }

#content-footer { clear: both; height: 0; }

.navigation ul { margin: 0; padding: 0; }

.navigation li {
    color: #eeeeee;
background-color: #333333;

    border-right: solid 8px #39b7cc;
    display: inline-block;
    margin: 0 0 1.8em .3em;
    padding: .4em;
    text-transform: uppercase;
    }

.navigation .active {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    }

.navigation li a { color: #eeeeee;
background-color: #333333;
 }
.navigation li a:visited { color: #dddddd }
.navigation li a:hover { color: #bee7ee }
.navigation li a:active { color: #aaaaaa }

.topnav, .bottomnav {
    display: block;
    margin: 0;
    overflow: hidden;
    text-align: right;
    }

.bottomnav.empty, .topnav.empty { display: none; }

.page-read .bottomnav.empty,
.page-network .bottomnav.empty { display: block; }

.topnav { display: none; }

.day-date { display: none; }

.page-separator { display: none !important; }
/* -------------------------------------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------------- FOOTER DEFS ---------- */
#footer { background: #222222; }

.page-top { padding: .8em 0; text-transform: uppercase; }

#footer a { color: #7dcfde;
 }
#footer a:visited { color: #39b7cc;
 }
#footer a:hover { color: #bee7ee;
 }
#footer a:active { color: #888888;
 }
/* -------------------------------------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------------- ENTRY DEFS ---------- */

/* ---------- BASIC ENTRY STYLES ---------- */

.entry > .inner:first-child { display: inline; overflow: hidden; }

.entry-wrapper { margin: 0 0 1.8em; }

.entry .entry-title,
.tags-container .header,
.icons-container .header,
#archive-year h3,
#archive-month dt {
    font-family: Segoe UI; font-size: 1.1875em;
    border-right: solid 8px #39b7cc;
    min-height: 1.2em;
    padding: .3em .3em .2em;
    text-transform: uppercase;
    }

.entry .entry-title, .entry .entry-title a,
.tags-container .header,
.icons-container .header,
#archive-year h3,
#archive-month dt, #archive-month dt a {
    color: #eeeeee;
background-color: #333333;

    background: #333333;
    }

.entry .contents {
    background: #f7f7f7;
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px;
    padding: 1.2em 1.4em .6em;
    }

.entry .contents p { margin: .5em 0 1em; }

.entry-content, .tags-container .contents {
    font-family: Segoe UI, Segoe UI; 
    line-height: 1.3em;
    margin-bottom: 1.4em;
    min-height: 60px;
    text-align: left;
    }

.entry .contents a { color: #2a90a2;
 }
.entry .contents a:visited { color: #888888;
 }
.entry .contents a:hover { color: #39b7cc;
 }
.entry .contents a:active { color: #999999;
 }

.poster.entry-poster.empty {display: none;}


/* ---------- POSTER, DATE/TIME STYLES ---------- */
.entry .header > .inner:first-child,
.sorting-options { background: #39b7cc; }

.metatime_wrapper {
    background: #bee7ee;
    display: inline-block;
    padding: 0 0 0 5px;
    }

.entry .datetime {
    font-family: Segoe UI, Segoe UI; 
    color: #333333;
    display: inline-block;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 10px 0 3px;
    padding: 2px 0;
    vertical-align: middle;
    }

.month .datetime {
    color: #333333;
    font-style: italic;
    }

.entry .datetime a { color: #555555; }
.entry .datetime a:visited { color: #195661; }
.entry .datetime a:hover { color: #217382; }
.entry .datetime a:active { color: #888888; }

.access-filter, .restrictions {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    }

.poster, .poster-ip {
    font-family: Segoe UI, Segoe UI; 
    display: inline-block;
    margin-bottom: 1.2em;
    }

.poster a b, .ljuser a b { font-weight: normal; font-style: italic; }


/* ---------- METADATA STYLES ---------- */
.entry .bottom-metadata {
    font-family: Segoe UI; font-size: .875em;
    color: #777777;
    margin: 1.5em 0 1em;
    }

.entry .top-metadata {
    font-family: Segoe UI; font-size: .875em;
    color: #777777;
    margin: 0 0 1.5em;
    }

.metadata ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    }

.metadata li { margin-bottom: 0; }

.entry .metadata-label { text-transform: uppercase; }


/* ---------- ENTRY TAG STYLES ---------- */
.tag {
    font-family: Segoe UI; font-size: .875em;
    clear: both;
    }

.tag ul {
    display: inline;
    margin: 0;
    padding: 0;
    }

.tag ul li { display: inline; }

.tag-text { text-transform: uppercase; }


/* ---------- ENTRY USER MANAGEMENT & INTERACTION --------- */
.entry-management-links {
    float: left;
    margin: 0;
    padding: 0;
    }

.entry-management-links li {
    display: inline;
    list-style: none;
    padding: 0 .5em 0 0;
    text-transform: uppercase;
    }

.entry-interaction-links {
    margin: 0;
    padding: 0;
    text-align: right;
    }

.entry-interaction-links li {
    display: inline;
    list-style: none;
    padding: 0 0 0 .5em;
    text-transform: uppercase;
    }

.entry-interaction-links a,
.entry-management-links a {
    color: #555555;

    font-family: Segoe UI; font-size: .875em;
    vertical-align: middle;
    }

.entry-interaction-links a:visited, .entry-management-links a:visited { color: #888888;
 }
.entry-interaction-links a:hover, .entry-management-links a:hover { color: #39b7cc;
 }
.entry-interaction-links a:active, .entry-management-links a:active { color: #999999;
 }


.no-userpic .userpic {display: none;}


/* ---------- OTHER ENTRY STYLES ---------- */
.entry-content li,
.comment-content li {
    list-style-position: outside;
    margin: 1em 0;
    }

.entry-content ul, .entry-content ol, .entry-content dl {
    margin: 1em 0;
    padding: 0 0 0 2em;
    }

.entry ol { list-style: decimal-leading-zero; }

.entry .footer {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    clear: both;
    border-width: 0 1px 1px;
    margin: 0;
    overflow: hidden;
    padding: 0 1.4em 1em;
    }

.noentries {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    font-family: Segoe UI, Segoe UI; 
    display: block;
    margin: 0 0 1.8em;
    padding: 1.4em;
    text-align: left;
    }
/* -------------------------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------- COMMENT DEFS ---------- */
.comment-wrapper {
    margin: 0 0 1.8em;
    min-width: 15em;
    padding: 0;
    }

.comment {
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
    clear: both;
    }

.comment .comment-title {
    font-family: Segoe UI; font-size: 1.1875em;
    border-right: solid 8px #39b7cc;
    margin: 0;
    min-height: 1.2em;
    padding: .3em .3em .2em;
    text-transform: uppercase;
    }

.comment .comment-title { color: #eeeeee;
background-color: #333333;
 }

.comment .comment-title a { color: #eeeeee; }

.comment-wrapper .header {
    background: #39b7cc;
    }

.comment .admin-poster {
    white-space: nowrap;
}

.comment-wrapper.partial .comment-title {
    background: #f7f7f7;
    font-size: 1em;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
    }
.comment-wrapper.partial .comment-title:after { content: " - "; color: #444444; }

.comment-wrapper.partial .comment-title a { color: #2a90a2 }
.comment-wrapper.partial .comment-title a:hover { color: #39b7cc }
.comment-wrapper.partial .comment-title a:active { color: #999999 }
.comment-wrapper.partial .comment-title a:visited { color: #888888 }


.comment-wrapper.partial .poster { margin: 0; padding: 0; display: inline; }

.comment-wrapper .header .datetime,
.comment-posted {
    background: #bee7ee;
    color: #333333;
    display: inline-block;
    font-style: italic;
    line-height: 1.5em;
    padding: .1em .5em;
    vertical-align: middle;
    }

.comment-wrapper .datetime span,
.comment-wrapper .comment-posted span { font-family: Segoe UI, Segoe UI;  }

.comment .poster {
    margin: 1.2em 0 1em 1.4em;
    }

.comment .poster-ip {
    margin: 1.2em 0 1em .5em;
    font-style: italic;
    }

.comment .comment-from-text { text-transform: uppercase; }
.comment .comment-ip-text { font-style: normal; text-transform: uppercase; }

.comment-wrapper .contents {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    background: #f7f7f7;
    border-width: 0px 1px;
    min-height: 100px;
    }

.comment-content {
    font-family: Segoe UI, Segoe UI; 
    margin: 0;
    padding: 0 1.4em 1.2em;
    }

.comment-wrapper .footer {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    overflow: hidden;
    padding: 0 1.4em 1em;
    clear: both;
    }

.comment-wrapper .footer > .inner { font-family: Segoe UI; font-size: .875em; }

.comment-thread .partial .comment > .inner {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 1px;
    padding: .5em;
    }

.comment-management-links {
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    }

.comment-management-links li {
    display: inline-block;
    margin: 0 .4em 0 0;
    padding: 0;
    }

.comment-interaction-links {
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    }

.comment-interaction-links li {
    display: inline-block;
    margin: 0 0 0 .4em;
    padding: 0;
    }

.comment-interaction-links a, .comment-management-links a { color: #555555;
 }

.comment-depth-10 .dwexpcomment { /* fix for long comment threads */
    min-width: 25em;
    float: right;
    clear: right;
    }

#comments .footer .multiform-checkbox {
    font-family: Segoe UI; font-size: .875em;
    display: block;
    margin: 0 0 .8em;
    text-transform: uppercase;
    }

.comment-pages {
    color: #eeeeee;
background-color: #333333;

    font-family: Segoe UI; font-size: 1.1875em;
    border-right: solid 8px #39b7cc;
    margin: 0 0 1.8em;
    padding: .3em .4em;
    text-align: right;
    text-transform: uppercase;
    }

.comment-pages + .comment-pages { color: #333333; }

.bottompages { margin-top: 1.8em; }

.comment-pages .view-flat, .comment-pages .view-threaded { float: left; }

.comment-pages .comment-page-current { color: #aaaaaa; }

.comment-pages .comment-page-current b { font-weight: normal; }

.comment-pages a { color: #eeeeee; }
.comment-pages a:recent { color: #dddddd; }
.comment-pages a:hover { color: #bee7ee; }
.comment-pages a:active { color: #aaaaaa; }

.comment-pages b { font-weight: normal; }

.comment-pages a b { font-weight: normal; }

.pagesummary-subject em { font-style: normal; }

.bottomcomment {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    margin: 0 0 1.3em;
    overflow: hidden;
    padding: 0.6em 1em;
    clear: both;
    }

.bottomcomment .entry-interaction-links,
.bottomcomment .entry-management-links { margin: 0.2em 0; }

.bottomcomment label { font-family: Segoe UI, Segoe UI;  }

.bottomcomment #qrform {
    margin-bottom: 1.4em;
    }

#postform {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    margin: -1.8em 0 1.8em;
    padding: 0 1.4em 1.4em;
    position: relative;
    top: -1px;
    }

#postform .talkform {
    color: #666666;
background-color: #eaeaea;
border: solid 1px #dadada;

    font-family: Segoe UI, Segoe UI; 
    }

.talkform tr > td:first-child {
    text-align: left;
    text-transform: uppercase;
    }

.talkform td {
    padding: .5em .5em 0;
    }

.talkform td td {
    padding: 0 0 .3em;
    }

.talkform #subject { margin-bottom: .5em; }

.talkform #prop_picture_keyword, .talkform #randomicon, .talkform #comment-text-quote {
    display: inline-block;
    margin-top: 0.4em;
    }

.talkform tr:last-child td + td {
    padding: .5em .5em 1.4em;
    }

.talkform blockquote {
    background-color: transparent;
    border: 0 none;
    margin: 0.5em 0;
    padding: 0;
    }

#qrform {
    font-family: Segoe UI, Segoe UI; 
    color: #666666;
background-color: #eaeaea;
border: solid 1px #dadada;

    margin: 1.4em 0 0;
    }

#qrform td {
    padding: .5em;
    text-align: left;
    }

#qrform td b {
    font-weight: normal;
    text-transform: uppercase;
    }

#qrform input, #qrform select, #qrform textarea,
.talkform input, .talkform select, .talkform textarea,
.bottomcomment select, .bottomcomment input {
    padding: .25em;
    }

#prop_picture_keyword, #randomicon, #comment-text-quote {
    margin-right: .5em;
    }

#qrform .de {
  display: block;
  margin: 1em 0 .8em;
}

textarea#commenttext { width: 97%; }
/* -------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------- ARCHIVE PAGE DEFS ---------- */

/* ---------- ARCHIVE YEAR ---------- */
table.month {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    }

table.month tbody tr { color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;
 }

table.month td {
    font-family: Segoe UI, Segoe UI; 
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    height: 3.5em;
    padding: 0.5em;
    text-align: right;
    vertical-align: top;
    width: 14%;
    }

table.month thead {
    background: #39b7cc;
    border: solid 1px transparent;
    border-color: #bee7ee;
    }

table.month th {
    font-family: Segoe UI, Segoe UI; 
    background: #bee7ee;
    background-position: right;
    color: #333333;
    font-style: italic;
    font-weight: normal;
    line-height: 1.5em;
    padding: 0.2em 0.4em;
    text-align: right;
    vertical-align: middle;
    }

table.month td p { margin: .3em 0 0; padding: 0; text-align: center; }

table.month .day { background-color: #f4f4f4; }

table.month .day-empty { background-color: #f7f7f7; }

table.month caption { display: none; }

#archive-year .footer {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    margin: 0 0 1.8em 0;
    padding: .5em;
    text-align: right;
    text-transform: uppercase;
    }

#archive-year .footer a {
    color: #555555;

    font-family: Segoe UI; font-size: .875em;
    }

#archive-year .footer a:visited { color: #888888; }
#archive-year .footer a:hover { color: #39b7cc; }
#archive-year .footer a:active { color: #999999; }

.page-month .month .entry-poster { margin: 0; }

.month dl dt { font-weight: normal; }

.month dl .time {
    display: inline-block;
    font-family: Segoe UI, Segoe UI; 
    margin-right: .3em;
    padding-right: 0;
    }

.month dl h3 {
    display: inline;
    font-family: Segoe UI; font-size: 1.1875em;
    text-transform: uppercase;
    }

.month dl .tag ul { margin: 0; }


/* ---------- ARCHIVE MONTH ---------- */
#archive-month dl { margin: 0; padding: 0; }

#archive-month dd {
    background: #f7f7f7;
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;
;
    margin: 0 0 1.8em;
    padding: 1.4em 1.4em 0;
    }

.navigation li.page-back { float: left; margin: 0 0 1.8em; }
.navigation li.page-forward { }

#archive-month .navigation ul {
    color: #eeeeee;
background-color: #333333;

    border-right: solid 8px #39b7cc;
    display: inline-block;
    padding: .2em .5em .2em;
    }

#archive-month .navigation li {
    border: none;
    padding:0;
    }

#archive-month .navigation input {
    color: #eeeeee;
background-color: #333333;

    font-family: Segoe UI; font-size: 1.1875em;
    border: none;
    text-transform: uppercase;
    vertical-align: middle;
    }

#archive-month .navigation select {
    color: #eeeeee;
background-color: #333333;

    font-family: Segoe UI; font-size: 1.1875em;
    border: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    vertical-align: middle;
    }

.month-back, .month-forward { font-family: Segoe UI; font-size: 1.1875em; }

#archive-month .tag a { color: #555555;
 }
#archive-month .tag a:hover { color: #39b7cc;
 }
#archive-month .tag a:active { color: #999999;
 }

/* -------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------- MODULE STYLE DEFS ---------- */

/* ---------- BASIC MODULE DEFS ---------- */
#content .module { margin-bottom: 1.8em; }

.module-content a { color: #2a90a2;
 }
.module-content a:visited { color: #888888;
 }
.module-content a:hover { color: #39b7cc;
 }
.module-content a:active { color: #999999;
 }

.module h2 {
    background: #333333;
    color: #eeeeee;
background-color: #333333;

    font-family: Segoe UI; font-size: 1.1875em;
    border-right: solid 8px #39b7cc;
    padding: .3em .3em .2em;
    text-transform: uppercase;
    }

.module h2 a { color: #eeeeee; }
.module h2 a:visited { color: #dddddd; }
.module h2 a:hover { color: #bee7ee; }
.module h2 a:active { color: #aaaaaa; }

.module-content {
    background: #f7f7f7;
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    font-family: Segoe UI; font-size: .875em;
    border-width: 0 1px 1px;
    overflow: hidden;
    padding: 1.1em 1.2em 1em;
    }

.module-navlinks .module-content,
.module-calendar .module-content { border: none; }

.module-time .module-content,
.module-powered .module-content,
.module-calendar.calendar-horizontal .module-content { border-width: 1px; }

.module-content ul {
    list-style: inside none;
    margin: 0;
    padding: 0;
    }

.module-content li {
    border-bottom: solid 1px transparent;
    border-color: #e4e4e4;
    margin: 0;
    padding: 0;
    }

.module-customtext .module-content { font-family: Segoe UI;  }


/* ---------- USERPROFILE MODULE ---------- */
.module-userprofile .userpic {
    background-color: #333333;
    border: solid transparent;
    border-color: #39b7cc;
    border-width: 0 0 0 8px;
    margin: 0 auto .4em;
    padding: 3px;
    text-align: center;
    width: 100px;
    }

.module-userprofile .journal-name { text-align: center; text-transform: uppercase; }
.module-userprofile .journal-website-name { text-align: center; }

ul.userlite-interaction-links.icon-links {
    margin: .8em 0 0 !important;
    padding: 0;
    text-align: center;
    }

ul.userlite-interaction-links.icon-links li {
    border: none !important;
    display: inline;
    padding: 0;
    }

ul.userlite-interaction-links.text-links {
    margin: .8em 0 0 !important;
    padding: 0;
    text-align: left;
    }

.journal-website-name a,
.module .manage-link a { color: #888888; }

.journal-website-name a:visited,
.module .manage-link a:visited { color: #666666; }

.journal-website-name a:hover,
.module .manage-link a:hover { color: #2a90a2; }

.journal-website-name a:active,
.module .manage-link a:active { color: #999999; }



/* ---------- TAG MODULE ---------- */
.module-tags_multilevel li,
.ljtaglist li { border: none; list-style: inside square; margin: 0; }

.module-tags_multilevel li li,
.ljtaglist li li { border: none; list-style: outside circle; margin: 0 0 0 2.5em; }

.module-tags_multilevel li li li,
.ljtaglist li li li { border: none; list-style: none; margin: 0 0 0 1em; }

.module-tags_multilevel ul li + li > span,
.ljtaglist li + li > span  { display: inline-block; margin: .5em 0 0; }

.module-tags_multilevel ul li > ul:last-child,
.ljtaglist li > ul:last-child { display: block; margin: 0 0 .4em; }

.non-link-tag { text-transform: uppercase; }

.module .manage-link {
    margin: .8em 0 0;
    text-align: right;
    text-transform: uppercase;
    }


/* ---------- CALENDAR MODULE ---------- */

.module-calendar .module-content {
    background-color: transparent;
    padding: 0;
    text-align: center;
    }

.one-column .module-calendar .module-content { text-align: left; }

.module-calendar table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    }

.module-calendar tr:first-child {
    background: #39b7cc;
    border: solid transparent;
    border-color: #bee7ee;
    border-width: 0 1px;
    }

.module-calendar th {
    background: #bee7ee;
    color: #333333;
    font-weight: normal;
    height: 1.8em;
    padding: 1px 0;
    text-align: center;
    vertical-align: middle;
    width: 14%;
    }

.module-calendar td {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    background-color: #f7f7f7;
    text-align: center;
    vertical-align: middle;
    }

.module-calendar .empty-day,
.module-calendar .entry-day { background-color: #f4f4f4; }

.module-calendar td a { display: block; padding: 0; }

.one-column .module-calendar table { margin: 0; }

#content .module-calendar.calendar-horizontal .module-content {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    padding: 1.1em 1.2em 1.2em;
    }


/* ---------- SEARCH MODULE ---------- */
.search-box {
    margin: 0em auto;
    max-width: 100%;
    }

.search-box input { margin-right: .25em; }

/* ---------- PAGE SUMMARY MODULE ---------- */
.module-pagesummary .ljuser { white-space: normal !important; }

.module-pagesummary .module-content { word-wrap: break-word; }

#content .module-pagesummary li,
#content .module-typelist li,
#content .module-userprofile li,
#content .module-active li { padding: .2em .2em .1em !important; }


/* ---------- LAYOUT CREDIT MODULE ---------- */
.module-credit .module-content { overflow: hidden; }

.module-credit dl { margin: 0; padding: 0; }

.module-credit dt, .module-credit dd {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    }

.module-credit dt {
    clear: left;
    font-weight: normal;
    margin-right: .2em;
    text-transform: uppercase;
    }

.module-credit a b {font-weight: normal;}


/* ---------- TAGS MODULE ---------- */
.tags_cloud li, .module-tags_cloud li,
.module-tags_cloud li, .ljtaglist ul {
    border-bottom: none !important;
    display: inline;
    margin: 0;
    padding: 0;
    }

.tags_list li, .module-tags_list li { padding: 0.2em 0.2em 0.1em !important; }


/* ---------- SYNDICATE MODULE ---------- */
.module-syndicate .module-content { text-align: center; }

.one-column .module-syndicate .module-content { text-align: left; }


/* ---------- NAVIGATION MODULE ---------- */
#content .module-navlinks .module-content { background-color: transparent; padding: 0; }
#content .module-navlinks ul { list-style: none; }
#content .module-navlinks li {
    border: none;
    margin-bottom: 3px;
    border-right: solid 8px #39b7cc;
    }

#content .module-navlinks li a {
    font-family: Segoe UI; font-size: 1.357em;
    background-color: #f4f4f4;
    border: solid 1px transparent;
    border-color: #dadada;
    border-width: 1px 0 1px 1px;
    color: #333333;
    display: block;
    padding: .25em .4em;
    text-transform: uppercase;
    transition: all .5s ease 0s;
    }

#content .module-navlinks li a.current,
#content .module-navlinks li a.current:visited {
    background-color: #333333;
    border-color: #333333;
    color: #eeeeee;
    }

#content .module-navlinks li a:hover,
#content .module-navlinks li a:hover:visited {
    background-color: #333333;
    border-color: #333333;
    color: #bee7ee;
    }

#content .module-navlinks li a:active { color: #39b7cc !important; }
#content .module-navlinks li a:visited { color: #195661; }
/* -------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------ TAGS PAGE DEFS ---------- */
.ljtaglist { list-style: none; margin: 0; padding: 0; }

.tags-container .contents {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    margin: 0;
    overflow: hidden;
    padding: 1.2em 1.4em;
    }

.tags-container .manage-link {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    padding: 0 1.4em 1.2em;
    text-align: right;
    text-transform: uppercase;
    }

.tags-container .manage-link a,
.icons-container .manage-link a {
    color: #555555;

    font-family: Segoe UI; font-size: .875em;
    }

.tags-container .manage-link a:hover, .icons-container .manage-link a:hover { color: #39b7cc;
 }
.tags-container .manage-link a:active, .icons-container .manage-link a:active { color: #999999;
 }


.tags-container .footer { margin-bottom: 1.8em; margin-top: -1px; }
/* -------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------ ICON PAGE DEFS ---------- */

.icons-container .contents {
    overflow: hidden;
    text-align: center;
    }

.icons-container .footer { margin: 0 0 1.8em; margin-top: -1px; }

.sorting-options {text-align: left; margin: 0;}

.icon-keywords ul {
    display: inline;
    margin: 0;
    padding: 0;
    }

.icon-keywords ul li { display: inline; }

.sorting-options ul {
    background: #bee7ee;
    display: inline-block;
    margin: 0;
    padding: .2em .6em .3em;
    }

.sorting-options li {
    font-family: Segoe UI, Segoe UI; 
    color: #333333;
    display: inline;
    font-style: italic;
    margin: 0;
    padding: 0;
    }

.icon {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 1.5em 1.5em 0;
    text-align: left;
    vertical-align: top;
    }

.icon:last-child { padding-bottom: 1.5em; }

.icon .icon-image {
    background-color: #333333;
    border: solid transparent;
    border-color: #39b7cc;
    border-width: 0 0 0 8px;
    float: left;
    margin: 15px;
    padding: 3px;
    }

.icon .icon-info {
    font-family: Segoe UI; font-size: .875em;
    color: #666666;
background-color: #eaeaea;
border: solid 1px #dadada;

    min-height: 100px;
    padding: 15px;
    }

.icon-pages {
    text-align: left;
    font-family: Segoe UI, Segoe UI; 
    }

.icon-pages b { font-weight: normal; }

.icon-pages p {
    display: inline-block;
    margin: 0 0.5em;
    text-transform: uppercase;
    }

.icons-container .toppages {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px;
    margin: 0;
    padding: 1.5em 1.5em 0;
    }

.icons-container .bottompages {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    margin: 0;
    padding: 1.5em;
    }


.tags-container .manage-link, .icons-container .manage-link {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    padding: 0 1.4em 1.2em;
    text-align: right;
    text-transform: uppercase;
    }


.default,
.keywords-label, .description-text, .comment-text { text-transform: uppercase; }

.sorting-options a { color: #555555; }
.sorting-options a:hover { color: #217382; }
.sorting-options a:active { color: #888888; }
.sorting-options a:visited { color: #195661; }
/* -------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------ ICON PAGE DEFS ---------- */

.ui-widget-content {
    background: #e9e9e9;
    width: auto;
    min-width: 20em;
    }

.ui-widget-content a { color: #2a90a2; }
.ui-widget-content a:visited { color: #888888; }
.ui-widget-content a:hover { color: #39b7cc; }
.ui-widget-content a:active { color: #999999; }

.ContextualPopup .ui-tooltip-content {
    border: solid #333333;
    border-width: 10px 0 0;
    overflow: hidden;
    }

div.ContextualPopup div.Inner {width: 25em;}

div.ContextualPopup .Userpic {
    border-right: solid 8px #39b7cc;
    border-width: 0 8px 0 0;
    padding: 0;
    position: relative;
    z-index: 2000;
    }

div.ContextualPopup .Userpic img {
    border: solid #333333;
    border-width: 0 2px 2px;
    max-width: 100px;
    max-height: 100px;
    }

div.ContextualPopup .Content {
    color: #444444;
background-color: #f7f7f7;
border: solid 1px #dadada;

    border-width: 0 1px 1px;
    margin-right: 0;
    padding: 0 !important;
    }

div.ContextualPopup .Content > span { display: inline-block; margin: 0 5px 3px; }

div.ContextualPopup .Relation {
    background: #39b7cc;
    color: #333333;
    font-family: Segoe UI;
    font-size: 1em;
    margin-bottom: .4em;
    overflow: hidden;
    }

div.ContextualPopup .Relation div {
    background: #bee7ee;
    display: inline-block;
    font-weight: normal;
    font-style: italic;
    padding: 4px 5px;
    float: left;
    clear: left;
    }

.ContextualPopup .Actions {
    font-family: Segoe UI, Segoe UI; 
    min-height: 75px;
    padding: 0 0 5px .4em;
    clear: left;
    }


#lj_controlstrip .ljuser a b { font-style: normal; font-weight: bold; }
/* -------------------------------------------------------------------------------------------------------- */


        .entry .userpic,
        .comment .userpic {
            text-align: right;
            float: right;
            margin: 0 0 .8em 1em;
            padding: 0 3px 3px;
            background-color: #333333;
border: solid 1px #39b7cc;

            border-width: 0 8px 0 0;
            }