/*--------------- general ---------------*/

H1, H2, H3 {
    margin:.25em 0;
    padding:.25em 0;
}

img {
    border:none;
}

hr {
    display:none;
}

body {
    padding:0;
    background:#222;
    font-family:Roboto, sans-serif;
    line-height:1.5;
    font-size:14px;
    color:#ddd;
}

a, a:link, a:visited {
    text-decoration:none;
    transition:color .4s, background-color .4s, border-color .4s;
}

a { color:#a0d0eb; }
a:hover { color:#fd0000; }

q { font-style: italic; }

blockquote{
    background:#272727;
    border:1px solid #444;
    margin:1em 0;
    padding:1em;
}

#secondary::-webkit-scrollbar{
    width:5px;
    height:5px;
}

#secondary::-webkit-scrollbar-track{
    background:#2c2c2c;
}

#secondary::-webkit-scrollbar-thumb{
    background:#444;
}

#secondary::-webkit-scrollbar-corner{
    background:#444;
}

#canvas{
    margin-top:20px;
}

@media (min-width:800px){
    #canvas{
    margin-top:50px;
    }
}

@media (min-width:1024px){
    #canvas{
        margin:40px 0 40px 381px;
        padding:0 40px;
    }
}

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

#header, #primary{
    max-width:700px;
    margin:0 auto;
}

@media (min-width:1024px){
  #header, #primary{
    margin:0;
  }
}

@media (min-width:800px){
    .page-recent #header:after{
        content:"";
        display:block;
        width:100%;
        height:300px;
        margin-top:10px;
        background-image:url("https://i.imgur.com/mv8HOvs.png");
        background-repeat:no-repeat;
        background-color:#2c2c2c;
        background-position:center center;
    }
}

#header .inner{
    text-align:center;
    background:#2c2c2c;
    border:1px solid #444;
    position:relative;
    padding:20px 5px;
}

h1#title {
    font-size:2em;
    font-family:Roboto Condensed, sans-serif;
    margin:0;
    padding:0;
    line-height:1em;
    text-transform:uppercase;
    font-weight:normal;
}

h1#title a{
    color:#fd0000;
}

h2#subtitle{
    font-size:1em;
    background:#fd0000;
    color:#2c2c2c;
    margin:0;
    padding:0;
    line-height:1em;
    text-transform:uppercase;
    font-weight:normal;
    font-family:Roboto Condensed, sans-serif;
}

@media (min-width:800px){
    h1#title {
        font-size:4em;
    }
}

h2#pagetitle {
    display:none;
}

/*--------------- entries ---------------*/

.entry {
    margin:20px 0 0;
    border:1px solid #444;
    background:#2c2c2c;
    color:#ddd;
}

@media (min-width:800px){
    .entry {
        margin:30px 0 0;
    }
}

.entry .header, .comment .header{
    float:left;
    width:100%;
    border-bottom:1px solid #444;
}

.entry .entry-title {
    font-size:1.5em;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    font-weight:normal;
    text-align:center;
    border-bottom:1px solid #444;
    margin:0;
    padding:0.5em;
    line-height:1;
}

.entry .entry-title, .entry .entry-title a {
    color:#fd0000;
}

.no-subject .entry .entry-title {
    background:none;
    border:none;
    padding:0;
}

.sticky-entry-icon, .admin-post-icon{
    display:none;
}

.entry .restrictions img, .entry .access-filter img{
    display:none;
}

.entry .date, .entry .time, .restrictions, .entry .access-filter{
    padding:.5em;
    border-right:1px solid #444;
    display:block;
    float:left;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    line-height:1;
}

.security-protected .access-filter:before{
    content:"LOCKED";
}

.security-private .access-filter:before{
    content:"PRIVATE";
}

.restrictions-NSFW .restrictions:before{
    content:"NSFW";
}

.restrictions-18 .restrictions:before{
    content:"18+";
}

.has-userpic .userpic{
    float:right;
    margin-top:-1px;
    margin-left:1em;
    margin-bottom:.5em;
}

@media (min-width:1280px){
    .has-userpic .userpic{
        width:110px;
        margin-right:-115px;
        margin-left:0;
        margin-bottom:0;
    }
}

.userpic img{
    border:1px solid #444;
    background:#2c2c2c;
    padding:5px;
    display:block;
    max-width:50px;
    max-height:50px;
    width:auto;
    height:auto;
}

@media(min-width:640px){
    .userpic img{
        max-width:100px;
        max-height:100px;
    }
}

.entry .poster, .full .poster{
    clear:left;
    display:block;
    border-bottom:1px solid #444;
    text-align:right;
    line-height:1;
}

.entry .poster{
    font-size:0;
}

.entry .poster .ljuser, .full .poster .ljuser, .poster .anonymous{
    display:inline-block;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    padding:.5em;
    border-left:1px solid #444;
}

.entry .poster .ljuser{
    font-size:14px;
}

.has-userpic .entry .poster .ljuser:last-child, .full.has-userpic .poster .ljuser{
    margin-right:-1em;
}

@media(min-width:1280px){
    .has-userpic .entry .poster .ljuser:last-child, .full.has-userpic .poster .ljuser{
        margin-right:0;
    }
}

.poster .ljuser img{
    display:none;
}

.poster.empty{
    border:none;
}

.poster .ljuser b{
    font-weight:normal;
}

.entry-content li, .comment-content li {
    list-style-position:inside;
}

.entry-content img, .comment-content img {
    max-width:100%;
    height:auto;
}

.entry-content{
    margin:1.5em;
    clear:left;
}

@media (min-width:800px){
    .entry-content{
        text-align:justify;
    }
}

.entry-content ol, .comment-content ol{
    padding-left:1em;
}

.entry-content ul, .comment-content ul{
    padding-left:1em;
}

.cuttag_container img{
    vertical-align:bottom;
}

.metadata{
    border-bottom:1px solid #444;
    margin-bottom:-1px;
    clear:both;
}

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

.tag, .metadata li{
    border-top:1px solid #444;
    display:flex;
    line-height:1;
}

.tag-text, .metadata-label{
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    padding:.5em;
    border-right:1px solid #444;
}

.tag ul, .metadata-item{
    margin:0;
    padding:.5em;
}

.tag{
    border-bottom:1px solid #444;
}

.tag ul li {
    display:inline;
}

ul.entry-management-links, ul.entry-interaction-links{
    margin:0;
    padding:0;
    display:flex;
    list-style:none;
    border-top:1px solid #444;
    flex-wrap:wrap;
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
    line-height:1;
}

ul.entry-management-links{
    margin-top:10px;
}

ul.entry-management-links li {
    padding:.5em;
    border-right:1px solid #444;
}

ul.entry-interaction-links {
    justify-content:flex-end;
}

ul.entry-interaction-links li {
    padding:.5em;
    border-left:1px solid #444;
}

.footer{
    clear:both;
}

/*--------------- comments ---------------*/

.comment-pages{
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
    background:#2c2c2c;
    border:1px solid #444;
    padding:.5em;
    text-align:center;
}

.comment-pages:first-of-type{
    margin-top:20px;
    margin-bottom:5px;
}

@media (min-width:800px){
    .comment-pages:first-of-type{
        margin-top:30px;
    }
}

.full .comment{
    margin-top:10px;
    border:1px solid #444;
    background:#2c2c2c;
    color:#ddd;
}

.comment-thread{
    margin-left:-20px;
}

.comment-depth-1{
    margin-left:0;
}

.full .comment-title {
    font-size:1em;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    font-weight:normal;
    text-align:center;
    border-bottom:1px solid #444;
    margin:0;
    padding:.5em;
    line-height:1;
}

.full .header .datetime{
    display:block;
    float:left;
    padding:.5em;
    border-right:1px solid #444;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    line-height:1;
}

.comment-posted {font-weight:bold;}

.comment-wrapper {
    min-width:15em;
}

.no-subject .comment .comment-title {
    background:none;
    border:none;
    padding:0;
}

.comment-date-text, .comment-from-text{
    display:none;
}

.comment .poster-ip {
    font-size:1em;
    display:block;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    border-bottom:1px solid #444;
    line-height:1;
    padding:.5em;
}

.comment-content{
    padding:1.5em;
}

.comment .multiform-checkbox {
    float:left;
    border-top:1px solid #444;
    padding:.25em .5em 0;
    display:block;
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
}

.multiform-checkbox input{
    vertical-align:top;
}

ul.comment-management-links, ul.comment-interaction-links{
    margin:0;
    padding:0;
    display:flex;
    list-style:none;
    border-top:1px solid #444;
    flex-wrap:wrap;
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
    line-height:1;
}

ul.comment-management-links li{
    padding:.5em;
    border-right:1px solid #444;
}

ul.comment-management-links li:first-child{
    border-left:1px solid #444;
    margin-left:-1px;
}

ul.comment-interaction-links {
    justify-content:flex-end;
}

ul.comment-interaction-links li{
    padding:.5em;
    border-left:1px solid #444;
}

#comments ul.entry-management-links, #comments ul.entry-interaction-links, .comment-pages.bottompages{
    display:none;
}

.bottomcomment{
    padding:0;
    text-align:center;
}

textarea#commenttext{
    width:100%;
}

.partial .comment{
    background:#2c2c2c;
    margin-top:10px;
    padding:.5em 1em;
    border:1px solid #444;
}

.partial .comment-title{
    margin:0;
}

#qrform{
    padding:1em;
    border-top:1px solid #444;
}

#qrdiv table{
    margin:0;
}

#postform{
    padding:1em;
    background:#2c2c2c;
    border:1px solid #444;
    margin-top:5px;
}

/*------------ archive, tags, icons containers ------------*/

.month-wrapper, .page-month .month, .tags-container, .icons-container{
    margin-top:20px;
    border:1px solid #444;
    background:#2c2c2c;
    color:#ddd;
}

@media (min-width:800px){
    .month-wrapper, .page-month .month, .tags-container, .icons-container{
        margin-top:30px;
    }
}

.month-wrapper .header, .tags-container .header, .icons-container .header{
    border-bottom:1px solid #444;
}

.month-wrapper h3, .tags-container h2, .icons-container h2{
    font-size:1.5em;
    font-family:Roboto Condensed, sans-serif;
    color:#fd0000;
    text-transform:uppercase;
    font-weight:normal;
    text-align:center;
    margin:0;
    padding:.5em;
    line-height:1;
}

.tags-container .contents{
    padding:1.5em;
}

#archive-year .month .footer .inner, #primary .manage-link{
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    line-height:1;
    border-top:1px solid #444;
}

#archive-year .month .footer .inner a, #primary .manage-link a{
    display:inline-block;
    padding:.5em;
    border-right:1px solid #444;
}

/*------------ archive ------------*/

.day-date{
    display:none;
}

.month caption {
    display:none;
}

table.month {
    margin:0 auto;
    border-collapse:collapse;
    width:100%;
    border:none;
    text-align:center;
}

table.month td, table.month th {
    border-right:1px solid #444;
    max-width:1em;
    height:3.25em;
}

table.month th {
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    font-weight:normal;
}

table.month td:last-child, table.month th:last-child{
    border-right:none;
}

table.month tr, table.month th{
    border-bottom:1px solid #444;
}

table.month tr:last-child{
    border-bottom:none;
}

table.month td p {
    margin:0;
}

.month dl{
    margin:0;
}

.month dl dt {
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    text-align:center;
    border-bottom:1px solid #444;
    margin-bottom:.25em;
    padding:.25em;
}

.month dl br{
    display:none;
}

.month dl h3 {
    display:inline;
    font-size:1em;
}

.month dd{
    margin:0;
}

.month dd > span {
    padding:.25em;
}

.month .tag{
    margin-top:.25em;
}

.month dd:last-child .tag{
    border-bottom:0;
}

#archive-year .navigation ul, #archive-month .navigation ul form{
    display:flex;
    flex-wrap:wrap;
}

#archive-year .navigation li, #archive-month .navigation li{
    border-right:1px solid #444;
}

/*------------ tags ------------*/

ul.ljtaglist{
    margin:0 0 0 1em;
    padding:0;
    list-style:inside;
}

ul.ljtaglist:first-child, .tags_cloud ul{
    padding:0;
    margin:0;
}

/*------------ icons page ------------*/

.sorting-options ul {
    margin-left: 0;
}

.sorting-options ul li {
    display: inline;
}

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

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

/*------------ icons page ------------*/

.sorting-options ul{
    margin:0;
    padding:.5em;
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
    line-height:1;
    border-bottom:1px solid #444;
}

.page-icons .toppages{
    display:none;
}

.page-icons .bottompages{
    padding:.25em;
    text-align:center;
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
}

.icons-container .icon{
    border-bottom:1px solid #444;
    display:flex;
    flex-wrap:wrap;
}

.icons-container .icon:last-child{
    border-bottom:0;
}

.icon-image{
    order:2;
    min-width:auto;
    margin:0;
    border-left:1px solid #444;
}

.icon-image img{
    display:block;
}

.icon-info{
    padding:1.5em;
    flex:1;
}

.default.label, .keywords-label, .comment-text, .description-text{
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
    text-decoration:none;
}

.icon-pages p{
    margin:0;
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
}

/*------------ sidebar ------------*/

#secondary{
    background:#2c2c2c;
    color:#ddd;
    margin-top:20px;
    border-top:1px solid #444;
}

@media (min-width:800px){
    #secondary{
        margin-top:30px;
    }
}

.module-section-one{
    max-width:700px;
    padding:20px;
    margin:0 auto;
}

@media (min-width:1024px){
    #secondary{
        position:fixed;
        top:0;
        left:0;
        width:380px;
        height:100%;
        overflow:auto;
        display:flex;
        border-right:1px solid #444;
        border-top:none;
        margin:0;
    }
    .module-section-one{
        margin:40px;
        padding:0;
    }
}

#secondary > .inner:first-child{
    margin:auto;
}

@media (min-width:1024px){
    .module-section-one:before{
        content:"";
        display:block;
        width:100%;
        height:200px;
        margin-bottom:5px;
        background-image:url("https://i.imgur.com/CEW5tfU.png");
        background-repeat:no-repeat;
        background-color:#272727;
        background-position:center center;
    }
}

.module-content ul {
    list-style: none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    margin:0 -2px;
}

.module-content li {
    flex-grow:1;
    text-align:center;
    text-transform:uppercase;
    font-family:Roboto Condensed, sans-serif;
    line-height:1;
}

@media (min-width:1024px){
    .module-content li {
        min-width:50%;
    }
}

.module-content li a{
    display:block;
    margin:2px;
    background:#272727;
    border:1px solid #444;
    padding:.5em;
}

.module-content li a:hover{
    border:1px solid #fd0000;
    background:#fd0000;
    color:#222;
}

.module-customtext{
    padding:5px 0;
}

.module h2, .module .manage-link, .module-userprofile, .module-calendar, .module-tags_list, .module-tags_cloud, .module-tags_multilevel, .module-cuttagcontrols, .module-pagesummary, .module-active, .module-credit, .module-syndicate, .module-subscriptionfilters, .module-search, .module-time, .module-powered{
    display:none;
}

/*------------ navigation ------------*/

.navigation ul{
    margin:10px 0 0;
    padding:0;
    text-transform:uppercase;
    overflow:hidden;
    background:#2c2c2c;
    border:1px solid #444;
}

.navigation li{
    padding:.5em;
    text-align:center;
    line-height:1;
    font-family:Roboto Condensed, sans-serif;
    list-style:none;
}

li.page-back{
    float:left;
    border-right:1px solid #444;
}

li.page-forward{
    border-left:1px solid #444;
    float:right;
}

.topnav, .navigation .page-separator, .navigation.empty, .noentries{
    display:none;
}

/*------------ footer ------------*/

#footer {
    border-top:1px solid #444;
    background:#2c2c2c;
}

.page-top{
    font-family:Roboto Condensed, sans-serif;
    text-align:center;
    text-transform:uppercase;
    line-height:1;
    padding:.5em;
}

@media (min-width:1024px){
    #footer {
        display:none;
    }
}

#footer a { color:#fd0000; }

/*------------ contextual pop-up ------------*/

div.ContextualPopup{
    background:#2c2c2c;
    border:1px solid #444;
    padding:1.5em;
    font-family:inherit;
    box-shadow:none;
    border-radius:0;
}

.ContextualPopup a { color: #a0d0eb; }
.ContextualPopup a:hover { color: #fd0000; }

div.ContextualPopup .Relation{
    font-size:1em;
    font-family:Roboto Condensed, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    color:#ddd;
    margin:0;
}

div.ContextualPopup .Userpic{
    border:none;
}

div.ContextualPopup ul{
    padding:.5em 0 0!important;
}

/*------------ control strip ------------*/

#lj_controlstrip{
    background:#2c2c2c;
    border-bottom:1px solid #444;
    width:auto;
}

@media (min-width:1024px){
    #lj_controlstrip{
        padding-left:381px;
    }
}

#lj_controlstrip td{
    border:none;
    color:#ddd;
}

#lj_controlstrip a{
    color:#fd0000;
}

#lj_controlstrip .ljuser a{
    font-size:13px;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_actionlinks {
    border-right:none;
}

#lj_controlstrip_actionlinks {
    text-align:center;
}

#lj_controlstrip_statustext {
    color:#ddd;
    font-weight:normal;
}

#lj_controlstrip_search {
    text-align:right;
}

#lj_controlstrip input{
    border:0;
}

#lj_controlstrip input[type="submit"]{
    font-family:Roboto Condensed, sans-serif;
    text-transform:uppercase;
    padding:5px;
    color:#ddd;
    background:transparent;
    font-size:14px;
}

#lj_controlstrip .ljuser img{
    display:none;
}