/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: #ffffff;
    color: #333333;
    }

.ContextualPopup a, .icon-browser a { color: #ae8c38; }
.ContextualPopup a:visited { color: #ae8c38; }
.ContextualPopup a:hover { color: #333333; }
.ContextualPopup a:active { color: #ae8c38; }


#lj_controlstrip {
    background-color: #222222;
    background-image: none;
}

#lj_controlstrip {
    color: #bbbbbb;
    border-bottom: 1px solid #666666;
}

#lj_controlstrip_statustext {
    color: #bbbbbb;
}

#lj_controlstrip a {
    color: #999999;
}

#lj_controlstrip_user,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border-right: 1px solid #666666;
}

#lj_controlstrip_login td {
    border-bottom: 0;
}

#lj_controlstrip td td {
    border-bottom: 0;
}

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

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

img {
    border: none;
}

hr {
    display: none;
}

.entry-content hr,
.comment-content hr {
    display: block;
    margin: 1em 10%;
}

body {
    font-family: 'Times New Roman', Times, serif; font-size: 1em;
    margin: 0;
    padding: 0;
    background: #222222;
    color: #333333;
background-color: #222222;

}

#canvas {
    margin-left: 0em;
    margin-right: 0em;
}

q { font-style: italic; }

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

#header, #footer {
    margin: 0;
    clear: both;
}

blockquote{
    font-style:italic;
}

blockquote:first-letter{
    font-size:3.6em;
    float:left;
    padding:0 .1em 0 0;
    line-height:.5;
}

#canvas{
    background: #eeeeee url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_bg.png") repeat top left;
}

#primary, #secondary, #tertiary { width: 100%; }

/*--------------- header ---------------*/

#header {
    background: #222222;
    color: #c29c3f;

    font-style:italic;
}

#header .inner{
    padding:.25em 1.5em;
}

@media only screen and (min-width: 30em) {
    #header .inner{
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
    }
}

h1#title {
    font-family: Sofia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.375em;
}

h2#subtitle {
    font-family: Sofia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.12em;
    margin-top:-1.25em;
    text-align:center;
}

h2#pagetitle {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.12em;
    text-align:right;
    margin-top:-1em;
}

/*--------------- links ---------------*/

a { color: #ae8c38;
 }
a:visited { color: #ae8c38;
 }
a:hover { color: #333333;
 }
a:active { color: #ae8c38;
 }

a, a:link, a:visited, a:active, a:hover{
    text-decoration:none;
    transition:color 0.4s ease;
    -webkit-transition:color 0.4s ease;
}

/*--------------- primary & entries ---------------*/

@media only screen and (min-width: 30em) {
    #primary {
        width: 89%;
        margin: 0 auto;
    }
}

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

.entry {
    background: #ffffff;
    background-color: #ffffff;
border: solid 1px #cccccc;

    margin: 1.75em 0;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
    padding:1.25em;
    border:0;
}

.entry .header {
    background: #222222;
    margin:-1.25em -1.25em 0;
    border-radius: 40px 0 0 0;
    -webkit-border-radius: 40px 0 0 0;
    padding:8px;
}

.has-userpic .entry .header .inner{
    padding-left:76px;
}

.entry .subjecttime-wrapper{
    text-align:right;
}

.entry .entry-title {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.5em;
    color: #d1c192;

    font-weight: normal;
    font-style:italic;
    margin: 0 .313em;
    padding:.313em;
    float:right;
}

.entry .entry-title, .entry .entry-title a {
    color: #d1c192;

}

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

.entry .entry-title .ljuser img {
    display:none;
}

.metatime{
    float:right;
    clear:right;
    margin: 0 .313em;
    padding: 0 .313em;
}

.entry .datetime {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: .75em;
    color:#999999;
    text-transform:uppercase;
}

.entry .datetime a {
    color:#999999;
}

.access-filter img, .restrictions img {
    vertical-align: top;
}

.header .inner:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
}

.entry a {  }
.entry a:visited {  }
.entry a:hover {  }
.entry a:active {  }

.has-userpic .entry .userpic{
    margin-left:-76px;
}

.entry .userpic img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.entry .poster{
    color:#999999;
    margin:0 .625em;
    float:left;
}

.has-userpic .entry .userpic, .has-userpic .entry .poster{
    display:inline-block;
    vertical-align:bottom;
    float:none;
}

.has-userpic .entry .poster{
    margin-left:0;
}

.entry .poster a{
    color:#999999;
}

.entry .poster img {
    display:none;
}

.entry-content {
    padding:1.25em 0;
    text-align:justify;
}

.cuttag-action img{
    vertical-align:bottom;
}

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

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

.metadata li{
    margin-bottom: .5em;
}

.metadata.top-metadata {
    padding-top:1em;
}

.metadata{
    margin:0;
}

.metadata-item{
    color:#999999;
    font-style:italic;
}

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

.tag ul li {
    display: inline;
} /* same for month view */


             .tag ul li:before{
                 padding-right: 2px;
                 content: url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_tag.png");
             }

             .tag-text{
                 display:none;
             }

             .metadata-label{
                 display:none;
             }

             #metadata-mood:before{
                 content:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_mood.png");
                 padding-right:2px;
             }

             .metadata-item-location:before{
                 content:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_location.png");
                 padding-right:2px;
             }

             .metadata-item-music:before {
                 content:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_music.png");
                 padding-right:2px;
             }

             .metadata-item-groups:before {
                 content:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_groups.png");
                 padding-right:2px;
             }

             .metadata-item-xpost:before {
                 content:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_xpost.png");
                 padding-right:2px;
             }
             

.entry .footer{
    clear:both;
    margin-top:.625em;
    text-align:right;
}

.entry .footer:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
}

ul.entry-management-links.text-links, ul.entry-interaction-links {
    padding-left:0;
    margin-left:0;
    display:inline;
}

ul.entry-management-links.icon-links{
    margin:0;
    padding-left:0;
    float:left;
}

.entry-interaction-links a, .entry-management-links a { color: #d1c192;
 }
.entry-interaction-links a:visited, .entry-management-links a:visited { color: #d1c192;
 }
.entry-interaction-links a:hover, .entry-management-links a:hover { color: #d1c192;
 }
.entry-interaction-links a:active, .entry-management-links a:active { color: #d1c192;
 }

ul.entry-management-links li{
    display: inline;
    padding:0 .25em;
}

ul.entry-management-links.text-links li, ul.entry-interaction-links li {
    font-family: sans-serif, 'Times New Roman', Times, serif; font-size: .75em;
    color: #d1c192;

    display: inline;
    background: #222222;
    padding: 8px;
    border-radius: 20px 0 20px 0;
    -webkit-border-radius: 20px 0 20px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height:2.6;
}

ul.entry-management-links.text-links li:hover, ul.entry-interaction-links li:hover {
    padding: 10px;
}

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

.bottomcomment{
    text-align:center;
}

.bottomcomment ul.entry-management-links, .bottomcomment ul.entry-interaction-links {
    display:block;
    float:none;
    margin:.5em;
}

.bottomcomment ul.entry-management-links.text-links li, .bottomcomment ul.entry-interaction-links li {
    padding:7px;
    line-height:2.5;
}

.bottomcomment ul.entry-management-links.text-links li:hover, .bottomcomment ul.entry-interaction-links li:hover {
    padding:9px;
}

.comment-pages{
    padding:.25em;
    text-align:center;
}

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

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

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

.comment {
    background: #ffffff;
    background-color: #ffffff;
border: solid 1px #cccccc;

    margin: 1.25em 0;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
    padding:.625em;
}

.comment a {  }
.comment a:visited {  }
.comment a:hover {  }
.comment a:active {  }

.comment .header {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1em;
    color: #999999;

    background: #222222;
    text-align:right;
    padding:8px;
    border-radius: 40px 0 0 0;
    -webkit-border-radius: 40px 0 0 0;
    margin:-.625em;
    font-weight:normal;
}

.comment .subjecttime-wrapper{
    float:right;
    padding: .25em .25em 0;
}

.comment .header a{
    color: #999999;

}

.has-userpic .comment .header .inner{
    padding-left:75px;
}

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

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

.comment .userpic{
    float:left;
    margin-left:-75px;
}

.comment-content{
    padding:2em .625em .625em;
    text-align:justify;
}

.comment .userpic img {
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.comment .poster {
    background: transparent;
    text-transform:lowercase;
    padding:0 .25em .25em;
}

.full .comment .poster {
    display:block;
    float:right;
    clear:right;
}

.full .comment .poster a {
    color:#d1c192;
}

.poster-ip{
    float:left;
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1em;
    color: #999999;

    margin:0 .625em;
}

.partial .comment .comment-title {
    margin: 0 0 .313em .625em;
}

.comment .footer {
    margin:.5em;
    text-align:right;
}

.multiform-checkbox {
    margin:0 .625em;
}

ul.comment-management-links, ul.comment-interaction-links {
    padding-left:0;
    margin-left:0;
    display:inline;
}

ul.comment-management-links li{
    display: inline;
    padding:0 .25em;
}

ul.comment-management-links.icon-links{
    float:left;
    margin:0;
    padding-left:0;
}

ul.comment-management-links.text-links li, ul.comment-interaction-links li {
    display: inline;
    padding:7px;
    border-radius: 20px 0 20px 0;
    -webkit-border-radius: 20px 0 20px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #222222;
    font-family: sans-serif, 'Times New Roman', Times, serif; font-size: .75em;
    line-height:2.5;
}

ul.comment-management-links.text-links li:hover, ul.comment-interaction-links li:hover {
    padding: 9px;
}

.comment-interaction-links a, .comment-management-links a { color: #d1c192;
  }
.comment-interaction-links a:visited, .comment-management-links a:visited { color: #d1c192;
 }
.comment-interaction-links a:hover, .comment-management-links a:hover { color: #d1c192;
 }
.comment-interaction-links a:active, .comment-management-links a:active { color: #d1c192;
 }

#qrform{
    margin-top:1.5em;
    clear:both;
}

#postform {
    clear:both;
    margin: 1.5em 0 1em;
}

textarea#commenttext {
    width: 100%; /* fix for FF form width glitch */
}


/*------------ tag page ------------*/

.tags-container{
    background: #ffffff;
    background-color: #ffffff;
border: solid 1px #cccccc;

    margin: 1.75em 0;
    padding:1.25em;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
}

.tags-container a {  }
.tags-container a:visited {  }
.tags-container a:hover {  }
.tags-container a:active {  }

.tags-container .header{
    background: #222222;
    text-align:left;
    border-radius: 40px 0 0 0;
    -webkit-border-radius: 40px 0 0 0;
    padding: 1.875em;
    margin:-1.25em -1.25em 1.25em;
    padding:.313em .313em .313em 1.875em;
}

.tags-container h2, .icons-container h2{
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.5em;
    color: #d1c192;

    font-weight:normal;
    font-style:italic;
}

ul.ljtaglist{
    list-style:circle;
    list-style-position: inside;
    list-style-image:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_bullet.png");
}

ul.ljtaglist li{
    margin: .3em 0;
}

.tags_cloud ul{
    padding:0;
    margin:.5em;
}

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

.month-wrapper{
    background: #ffffff;
    background-color: #ffffff;
border: solid 1px #cccccc;

    margin: 1.75em 0;
    padding:1.25em;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
}

.month a {  }
.month a:visited {  }
.month a:hover {  }
.month a:active {  }

.month-wrapper .header{
    background: #222222;
    text-align:left;
    border-radius: 40px 0 0 0;
    -webkit-border-radius: 40px 0 0 0;
    padding:.313em .313em .313em 1.875em;
    margin:-1.25em -1.25em 1.25em;
}

.month-wrapper h3{
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.5em;
    color: #d1c192;

    font-weight:normal;
    font-style:italic;
}

#archive-month .month{
    background: #ffffff;
    background-color: #ffffff;
border: solid 1px #cccccc;

    padding:.625em 1.25em;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
    margin: 1.25em 0;
}

.month caption {
    display: none;
}

.month table {
    width: 30em;
}

.month thead{
    text-align:center;
    text-transform:uppercase;
    background:#222222;
    color:#d1c192;
}

.day-has-entries .label{
    font-weight:bold;
}

table.month {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 3px;
    text-align:center;
}

table.month td {
    height: 3.25em;
}
table.month td {
    padding: 3px;
}

table.month td.day{
    border: 1px solid #cccccc;
}

table.month td p {
    margin: 0;
    padding: 3px;
}

table.month th {
    padding:6px 3px;
    width:3.25em;
    border: 1px solid #cccccc;
}

.month dl dt {
    font-weight: bold;
}
.month dl .time {
    padding-right: .5em;
}

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

.page-month .month .entry-poster {
    margin-right: .5em;
}

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

.month dt{
    padding:.313em 0 .313em 1em;
    margin-bottom:.313em;
    background: #222222;
}

.month dt a{
    font-family:Palatino, 'Palatino Linotype', 'Times New Roman', Times;
    color:#d1c192;
}

.month dt:first-child{
    border-radius: 30px 0 0 0;
    -webkit-border-radius: 30px 0 0 0;
}

.day-date{
    font-size:1em;
    font-family:Palatino, 'Palatino Linotype', 'Times New Roman', Times;
    text-align:center;
}

.month-wrapper .footer {
    padding-top:.625em;
    text-align:center;
}

#archive-year .navigation li{
    line-height:2.6;
}

#archive-year .navigation li a {
    background: #222222;
    padding: 8px;
    border-radius: 20px 0 20px 0;
    -webkit-border-radius: 20px 0 20px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#archive-year .navigation li a:hover  {
    padding: 10px;
}

#archive-year .navigation li.active{
    font-weight:bold;
    padding:0 .5em;
}

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

.icons-container{
    background: #ffffff;
    background-color: #ffffff;
border: solid 1px #cccccc;

    margin: 1.75em 0;
    padding:1.25em;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
}

.icons-container .header{
    background: #222222;
    text-align:left;
    border-radius: 40px 0 0 0;
    -webkit-border-radius: 40px 0 0 0;
    padding: 1.875em;
    margin:-1.25em -1.25em 1.25em;
    padding:.313em .313em .313em 1.875em;
}

.icons-container a {  }
.icons-container a:visited {  }
.icons-container a:hover {  }
.icons-container a:active {  }

.icon{
    border:1px solid #cccccc;
    padding:.625em;
    margin:.5em;
    min-height: 100px;
}

@media only screen and (min-width: 30em) {
    .icon{
        width:45%;
        display:inline-block;
        vertical-align:top;
    }
}

.page-icons .toppages{
    text-align:center;
}

.page-icons .bottompages{
    text-align:center;
    margin-top:.625em;
}

.icon-image{
    float:left;
    margin-right: .625em;
}

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

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

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

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

.icon-pages.toppages p{
    margin:.625em 0;
}

.icon-pages.bottompages p{
    margin:.625em 0 0;
}

.icon span{
    font-weight:bold;
}

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

.navigation {
    text-align:center;
}

.navigation:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
    font-family: sans-serif, 'Times New Roman', Times, serif; font-size: .75em;
}

.navigation li {
    display:inline-block;
}

.navigation .page-separator{
    display:none;
}

.noentries {
    padding: 0 .5em;
}

.navigation a { color: #d1c192;
 }
.navigation a:active { color: #d1c192;
 }
.navigation a:visited { color: #d1c192;
 }
.navigation a:hover { color: #d1c192;
 }

li.page-back{
    background: #222222;
    float:left;
    padding:7px 20px 7px 30px;
    border-radius: 0 0 0 100px;
    -webkit-border-radius: 0 0 0 100px;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
}

li.page-forward{
    background: #222222;
    float: right;
    padding:7px 30px 7px 20px;
    border-radius: 0 0 100px 0;
    -webkit-border-radius: 0 0 100px 0;
    -webkit-box-shadow:2px 2px 6px #a6a6a6;
    box-shadow:2px 2px 6px #a6a6a6;
}


            .topnav {
                 display:none;
            }
            

.topnav li.page-back{
    border-radius: 100px 0 0 0;
    -webkit-border-radius: 100px 0 0 0;
}

.topnav li.page-forward{
    border-radius: 0 100px 0 0;
    -webkit-border-radius: 0 100px 0 0;
}

.bottomnav li.page-back{
    border-radius: 0 0 0 100px;
    -webkit-border-radius: 0 0 0 100px;
}

.bottomnav li.page-forward{
    border-radius: 0 0 100px 0;
    -webkit-border-radius: 0 0 100px 0;
}

.bottomnav{
    margin-bottom:1.25em;
}

/*------------ secondary ------------*/

#secondary {
    background: #222222;
    -webkit-box-shadow:0px 8px 6px -4px #a6a6a6;
    box-shadow:0px 8px 6px -4px #a6a6a6;
    border-top: #876d2c 5px solid;
    border-bottom: #fbbec8 5px solid;

}

#secondary .separator-after{
    clear:both;
}

#secondary > .inner:first-child{
    padding:.5em .75em;
}

@media only screen and (min-width: 30em) {
    #secondary > .inner:first-child{
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }
}

.module {
    background: transparent;
    color: #008141;

    padding: 0;
    margin:.5em;
    vertical-align:top;
}

h1#title a, .module a { color: #d1c192;
 }
h1#title a:visited, .module a:visited { color: #008141;
 }
h1#title a:hover, .module a:hover { color: #9c9170;
 }
h1#title a:active, .module a:active { color: #d1c192;
 }

.module h2 {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1em;
    color: #9c9170;

    font-style:italic;
    font-weight:bold;
}

.module-content {
    font-family: 'Times New Roman', Times, serif; 
}

.module-content ul {
    list-style:circle;
    list-style-position: inside;
    list-style-image:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_module_bullet.png");
    text-align:left;
    margin: 0 0 0 1em;
    padding: 0;
}

.module-content ul:first-child{
    margin-left: 0;
}

.module-content li {
    margin: .3em 0;
}

@media only screen and (min-width: 30em) {
    .module-section-one{
        text-align:center;
    }

    .module h2{
        text-align:center;
    }
}

@media only screen and (min-width: 30em) {
    .module-userprofile{
        float: left;
        width: 150px;
    }

    .module-userprofile .userpic{
        margin:0 auto;
    }
}

.module-userprofile .userpic img{
    padding:8px;
    background: #fbbec8;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid  #876d2c;
}

.journal-name{
    font-family:Sofia, Palatino, 'Palatino Linotype', 'Times New Roman', Times;
}

ul.userlite-interaction-links{
    margin-left: 0;
    padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
    display:inline;
    padding:0 .25em;
}

@media only screen and (min-width: 30em) {
    ul.userlite-interaction-links{
        text-align: center;
    }

    ul.userlite-interaction-links li {
        display: inline;
        padding: 0 .25em;
    }

    ul.userlite-interaction-links.text-links li{
        font-family: sans-serif, 'Times New Roman', Times, serif; font-size: .625em;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
}

@media only screen and (min-width: 30em) {
    .module-calendar h2 {
        font-size:1.25em;
        font-weight:normal;
        margin:0;
        padding-top:0;
    }

    .module-calendar {
        float:right;
    }

    .module-calendar .module-content {
        text-align: center;
    }

    .module-calendar table {
        margin: 0 auto;
    }

    .calendar-horizontal{
        float:none;
        text-align:right;
    }
}

.module-calendar table {
    margin: 0;
    text-align:center;
}

.module-calendar th{
    text-align:center;
    color:#9c9170;
}

.module-calendar td {
    padding:0 2px;
}

.empty-day{
    text-align:center;
}

.entry-day{
    font-family:Sofia, Palatino, 'Palatino Linotype', 'Times New Roman', Times;
}

@media only screen and (min-width: 30em) {
    .module-navlinks{
        text-align:left;
    }

    .module-navlinks ul.module-list li{
        display:inline;
        font-family: Sofia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.375em;
        font-style:italic;
        padding:0 .25em;
    }

    .module-typelist, .module-typelist .module-content ul{
        text-align: right;
    }

    .module-typelist ul.module-list li {
        font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, 'Times New Roman', Times, serif; font-size: 1.12em;
        display:inline;
        font-style:italic;
        text-align:right;
        padding:0 .25em;
    }

    .module-typelist .manage-link{
        text-align:right;
    }
}

.tags_cloud li, .module-tags_cloud li {
    display: inline;
    padding:0 .25em;
}

@media only screen and (min-width: 30em) {
    .module-tags_cloud .module-content ul{
        text-align: center;
    }

    .module-userprofile h2,.module-typelist h2, .module-tags_cloud h2, .module-customtext h2 {
        display:none;
    }
}

.module-tags_cloud li a {
    color:#ae8c38;
}

.module-tags_cloud li a:visited {
    color:#ae8c38;
}

.module-tags_cloud li a:hover, .module-tags_cloud ul.module-list li a:hover{
    color:#888888;
}

.module-tags_cloud li a:active {
    color:#ae8c38;
}

.module-customtext{
    text-align: left;
    font-style: italic;
}

@media only screen and (min-width: 30em) {
    .manage-link {
        text-align:center;
    }
}

.module .manage-link {
    font-family: sans-serif, 'Times New Roman', Times, serif; font-size: .625em;
    display:block;
}

/*------------ tertiary ------------*/

#tertiary{
    width:auto;
    background: #222222;
    border-top: 5px solid #fbbec8;
    overflow:hidden;
}

#tertiary > .inner:first-child{
    padding:.5em .75em 0;
}

@media only screen and (min-width: 30em) {
    #tertiary > .inner:first-child{
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
}

#tertiary .separator-after{
    clear:both;
}

@media only screen and (min-width: 30em) {
    .module-section-two{
        text-align:center;
    }

    .module-syndicate .module-content{
        text-align: center;
    }

    .module-tags_list, .module-tags_multilevel, .module-pagesummary, .module-active, .module-subscriptionfilters{
        float:left;
        max-width:48%;
    }

    .module-syndicate, .module-cuttagcontrols, .module-search, .module-credit{
        display:inline-block;
    }
}

.search-box {
    display:block;
    margin: .2em;
    max-width: 100%;
}

.search-button{
    display:block;
}

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
    white-space: normal !important;
}

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

.module-credit .category-title {
    font-weight: bold;
}

.module-active ul, .module-credit ul{
    list-style:none;
}

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

#footer{
    background: #222222;
    position:relative;
    min-height:20px;
}

#footer > .inner{
    padding: .5em .75em;
}

@media only screen and (min-width: 30em) {
    #footer > .inner{
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
}

#footer .separator-after{
    clear:both;
}

#footer .module{
    margin:0 .5em .5em;
}

@media only screen and (min-width: 30em) {
    .module-time{
        float:left;
    }

    .module-powered{
        float:right;
    }
}

.page-top{
    text-align:center;
}

.page-top img{
    opacity:0.5;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

.page-top img:hover {
    opacity:1;
}

@media only screen and (min-width: 30em) {
    .page-top{
        position:absolute;
        left:50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top:.5em;
    }
}

#footer a { color: #d1c192;
 }
#footer a:visited { color: #d1c192;
 }
#footer a:hover { color: #9c9170;
 }
#footer a:active { color: #d1c192;
 }

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

.ContextualPopup{
    font-family: 'Times New Roman', Times, serif; font-size: 1em;
    padding: 10px;
    margin: 4px 59px 4px 4px;
    border-radius: 40px 0 40px 0;
    -webkit-border-radius: 40px 0 40px 0;
    border:0;
}

.ContextualPopup .Relation {
    font-family:Palatino, 'Palatino Linotype', 'Times New Roman', Times;
    color: #d1c192;
    font-weight: normal;
    text-transform:uppercase;
    margin: -10px -10px 7px;
    background: #222222;
    padding:10px 0 10px 20px;
    -webkit-border-radius: 40px 0 0 0;
    border-radius: 40px 0 0 0;
}

.ContextualPopup .Userpic{
    padding:5px;
    border:0;
    background:#fbbec8;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin:0 -10px 0 0;
}

.ContextualPopup .Userpic img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ContextualPopup li {
    list-style:circle;
    list-style-position: inside;
    list-style-image:url("https://www.dreamwidth.org/img/styles/goldleaf/elegantnotebook_bullet.png");
}

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


             #lj_controlstrip div {
                 border:none;
             }

             #lj_controlstrip input{
                 background:#222222;
                 border:1px solid #666666;
                 font-weight:bold;
                 color:#bbbbbb;
             }

             #lj_controlstrip_userpic img{
                 border-radius:50%;
                -webkit-border-radius:50%;
             }
             

#lj_controlstrip{
    text-align: center;
    justify-content: center;
}

#lj_controlstrip > div {
    flex-grow: 0;
}

#lj_controlstrip_user,
#lj_controlstrip_login {
    text-align: left;
}

#lj_controlstrip_actionlinks {
    text-align: center;
}

#lj_controlstrip_search {
    text-align: right;
}