bakesale | THEME 002: Calling Card

bakesale

LIVE PREVIEW

STATIC PREVIEW

NOTABLE FEATURES

Styled comment and icon pages

Nav bar hidden until hover

Fluid width

Responsive header

8 color schemes

Optimized for Chrome, but also tested in Firefox and Edge

HOW TO INSTALL THE THEME

PLEASE NOTE! This theme requires both a TITLE AND SUBTITLE to look right. The subtitle is the large text you see in the header.

Read my Terms of Use. By continuing installation, you are agreeing to full compliance with these terms.

From the Select Journal Style page, choose the Plain theme for Tabula Rasa.

On the same page, scroll down to section 3. Choose a Page Setup and select 1 Column (modules at bottom; no sidebar).

Click Customize Selected Theme at the bottom right.

On the Presentation tab, scroll all the way down and select icons from the last 3 drop-down menus.

On the Modules tab, make sure that Profile, Navigation, and Style Credit are all selected and placed in the Main Module Section. (Note: The Profile module is optional, but if you do want it on the layout, it must be placed in the Main Module Section.)

Also in the Modules tab, select additional desired modules for the Main Module Section or Secondary Module Section, if any. These will appear at the bottom of the theme.

On the Custom CSS tab, deselect "Use layout's stylesheet(s)" (there should be NO CHECKMARK), paste the code for your chosen color scheme into "Use embedded CSS" and save.

THE CUSTOM CSS CODE

Click a screencap for a larger preview

PROFESSOR

/* Theme: Calling Card */
/* Default Color Scheme: Professor */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* latin-ext */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'), url(https://fonts.gstatic.com/s/archivonarrow/v5/M__Wu4PAmHf4YZvQM8tWsGwfvudCZ8RknLCBmdpmlzc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'), url(https://fonts.gstatic.com/s/archivonarrow/v5/M__Wu4PAmHf4YZvQM8tWsBKUK2vxztsQZZBkxIuj92o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #3f424d;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #b7c1c2;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #3f424d;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

/* #CONTENT LAYOUT */
#content { float: none; }
@media only screen and (min-width: 45em) {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: 15em solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: 15em solid transparent;
    }
    .three-columns-left #content {
        border-left: 30em solid transparent;
    }
    .three-columns-right #content {
        border-right: 30em solid transparent;
    }
    .column-right #content {
        min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
    }
}

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #b7c1c2;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#subtitle {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color:#fff;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    font-size: 500%;
    font-size: 11.3vmin;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 80%;
    margin:0 auto;
    padding: 50px 0 55px 0;
    text-transform: uppercase;
    width:70%;
}

h2#pagetitle span {
    background: #b7c1c2;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module {
    background: transparent url(https://tsp.dreamwidth.org/file/1920.png) no-repeat;
    background-position: 100% 10%;
    margin-left: -190px;
    padding-right:50px;
    transition: margin-left 0.5s ease;
    width: 200px;
    position: absolute;
    top:0;
    left:0;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

.module-navlinks.module ul li {
    display: block;
    font-family: helvetica, arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 2px;
    margin:2px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.3);
    color: #3f424d;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.module-userprofile.module .journal-name {
    color: #000;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    padding: 0 20px;
    text-transform: uppercase;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav {
    border-top: 1px solid #fff;
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 72%;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #b7c1c2;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

.two-columns-left #secondary,
    .three-columns-sides #secondary {
        float: left;
        width: 15em;
        margin-left: -15em;
    }
    .two-columns-right #secondary {
        float: right;
        width: 15em;
        margin-right: -15em;
    }
    .three-columns-left #secondary {
        float: left;
        width: 15em;
        margin-left: -30em;
    }
    .three-columns-right #secondary {
        float: right;
        width: 15em;
        margin-right: -15em;
    }

.two-columns #tertiary {
        clear: both;
        width: auto;
    }
    .two-columns-left #tertiary { margin-left: -15em; }
    .two-columns-right #tertiary { margin-right: -15em; }
    .two-columns #tertiary .module {
        float: left;
        width: 15em;
    }
    .three-columns-left #tertiary {
        float: left;
        width: 15em;
        margin-left: -15em;
    }
    .three-columns-right #tertiary {
        float: right;
        width: 15em;
        margin-right: -30em;
        margin-left: 15em; /* so that #tertiary won't overlay #secondary in IE7 */
    }
    .three-columns-sides #tertiary {
        float: right;
        width: 15em;
        margin-right: -15em;
    }
}

#secondary {
    background:#f2f2f2;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title {
    background: rgba(183, 193, 194, 0.5);
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 60px;
    text-align: center;
    padding-left:10px;
    text-transform:uppercase;
    
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #3f424d;
    border-bottom: 2px dotted #b7c1c2;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #3f424d;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* ensure comment content stretches out horizontally so it's readable */
.comment-content:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 10em;
}
.comment-content { border-top: 1px transparent solid; } /* for firefox */

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag {
    background: #f2f2f2;
    color: #666;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: small;
    font-style: italic;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #666;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

ul.entry-management-links {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    margin: 13px 0 0 15px;
    padding: 10px 0 0 0;
}
ul.entry-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.entry-interaction-links {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    margin: -23px 15px 10px 0;
    padding: 0 0 10px 0;
    text-align: right;
    text-transform: uppercase;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(183, 193, 194, 0.5);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.poster.comment-poster, .comment-from-text, .comment .ljuser, .comment-ip-text, .poster-ip {
    color: #999;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

ul.comment-interaction-links {
    background: #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul {
    color: #999;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 0;
    margin-bottom: 20px;
    padding-left: 0;
    text-transform: uppercase;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

table.month {
    margin: 0 auto;
    border-collapse: collapse;
}
table.month td {
    height: 3.25em;
}
table.month td,
table.month th {
    border: 1px solid; /* ? */
    padding: 3px;
}
table.month td p {
    margin: 0;
    padding: 3px;
}

.month dl dt {
    font-weight: bold;
}
.month dl .time {
    padding-right: .5em;
}
.month dl h3 {
    display: inline;
    font-size: medium;
}
.page-month .month .entry-poster {
    margin-right: .5em;
}
.month dl .tag ul {
    margin-top: 0;
}

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #f2f2f2;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #f2f2f2;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #fff;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #f2f2f2;
}

#tertiary .module-content a {
    color: #fff;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #666;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

.any-column .module-calendar table { margin: 0 auto; }
.module-calendar .module-content { text-align: left; }
@media only screen and (min-width: 45em) {
    .multiple-columns .module-calendar .module-content {
        text-align: center;
    }

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-customtext.module {
    width: 30%;
}

.module-section-two {
    text-align: center;
}

/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #3f424d;
    font-color:#3f424d;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

CABBAGE ROSE

/* Theme: Calling Card */
/* Color Scheme: Cabbage Rose */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #a35566;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #dbdbdb;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #a35566;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #dbdbdb;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#pagetitle span {
    background: #dbdbdb;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.3);
    color: #a35566;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #dbdbdb;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#ebebe8;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title {
    background: rgba(178, 178, 178, 0.6);
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 60px;
    text-align: center;
    padding-left:10px;
    text-transform:uppercase;
    
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #a35566;
    border-bottom: 2px dotted #dbdbdb;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #a35566;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag {
    background: #ebebe8;
    color: #666;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: small;
    font-style: italic;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #666;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(178, 178, 178, 0.6);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

ul.comment-interaction-links {
    background: #ebebe8;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #ebebe8;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #ebebe8;
    border-right: 1px solid #ebebe8;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #ebebe8;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #fff;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #fff;
}

#tertiary .module-content a {
    color: #fff;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #666;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #a35566;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}

/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #a35566;
    font-color:#a35566;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

DECORUM

/* Theme: Calling Card */
/* Color Scheme: Decorum */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #928843;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #fdf0eb;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #928843;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #fdf0eb;
    color: #ed7263;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#subtitle {
    border-top: 1px solid #fbbc9b;
    border-bottom: 1px solid #fbbc9b;
    color:#fbbc9b;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    font-size: 500%;
    font-size: 11.3vmin;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 80%;
    margin:0 auto;
    padding: 50px 0 55px 0;
    text-transform: uppercase;
    width:70%;
}

h2#pagetitle span {
    background: #fdf0eb;
    color: #ed7263;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module {
    background: transparent url(https://tsp.dreamwidth.org/file/2533.png) no-repeat;
    background-position: 100% 10%;
    margin-left: -190px;
    padding-right:50px;
    transition: margin-left 0.5s ease;
    width: 200px;
    position: absolute;
    top:0;
    left:0;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.7);
    color: #928843;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 1.0);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav {
    border-top: 1px solid #fbbc9b;
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 72%;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #fdf0eb;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#d7d7d7;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #928843;
    border-bottom: 2px dotted #fdf0eb;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #928843;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag {
    background: #d7d7d7;
    color: #666;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: small;
    font-style: italic;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #666;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(183, 193, 194, 0.5);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

ul.comment-interaction-links {
    background: #d7d7d7;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #d7d7d7;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #d7d7d7;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #ed7263;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #ed7263;
}

#tertiary .module-content a {
    color: #ed7263;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #666;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #928843;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}

/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #928843;
    font-color:#928843;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

HI-FI

/* Theme: Calling Card */
/* Color Scheme: Hi-Fi */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #d4350e;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background: #f2d5a9;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #d4350e;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #f2d5a9;
    color: #45674f;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#subtitle {
    border-top: 1px solid #b8844a;
    border-bottom: 1px solid #b8844a;
    color:#49361c;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    font-size: 500%;
    font-size: 11.3vmin;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 80%;
    margin:0 auto;
    padding: 50px 0 55px 0;
    text-transform: uppercase;
    width:70%;
}

h2#pagetitle span {
    background: #f2d5a9;
    color: #45674f;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.3);
    color: #d4350e;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav {
    border-top: 1px solid #b8844a;
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 72%;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #f2d5a9;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#f2f2f2;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #d4350e;
    border-bottom: 2px dotted #f2d5a9;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #d4350e;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #666;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(183, 193, 194, 0.5);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #f2f2f2;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #f2f2f2;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #fff;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #fff;
}

#tertiary .module-content a {
    color: #fff;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #666;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #45674f;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-header a {
    color: #45674f;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}

/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #d4350e;
    font-color:#d4350e;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

LAST RESORT

/* Theme: Calling Card */
/* Color Scheme: Last Resort */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #cffa62;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #c8ccd5;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #cffa62;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #c8ccd5;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#pagetitle span {
    background: #c8ccd5;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.3);
    color: #666;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #c8ccd5;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#c0c7cf;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title {
    background: rgba(192, 199, 207, 0.8);
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 60px;
    text-align: center;
    padding-left:10px;
    text-transform:uppercase;
    
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

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

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #fb9990;
    border-bottom: 2px dotted #c8ccd5;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #fb9990;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag {
    background: #c0c7cf;
    color: #666;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: small;
    font-style: italic;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #666;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(192, 199, 207, 0.8);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

ul.comment-interaction-links {
    background: #c0c7cf;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container a {
    color: #666;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #c0c7cf;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #c0c7cf;
    border-right: 1px solid #c0c7cf;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #c0c7cf;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #fff;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month a {
    color: #666;
}

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container a {
    color: #666;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #fff;
}

#tertiary .module-content a {
    color: #fff;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #666;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #cffa62;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}
    
/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #cffa62;
    font-color:#cffa62;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

PATISSERIE

/* Theme: Calling Card */
/* Color Scheme: Patisserie */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #f04a4a;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #faf6ed;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #f04a4a;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #faf6ed;
    color: #2b4b5a;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#subtitle {
    border-top: 1px solid #2b4b5a;
    border-bottom: 1px solid #2b4b5a;
    color:#5daccd;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    font-size: 500%;
    font-size: 11.3vmin;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 80%;
    margin:0 auto;
    padding: 50px 0 55px 0;
    text-transform: uppercase;
    width:70%;
}

h2#pagetitle span {
    background: #faf6ed;
    color: #2b4b5a;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module {
    background: transparent url(https://tsp.dreamwidth.org/file/2110.png) no-repeat;
    background-position: 100% 10%;
    margin-left: -190px;
    padding-right:50px;
    transition: margin-left 0.5s ease;
    width: 200px;
    position: absolute;
    top:0;
    left:0;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.3);
    color: #f04a4a;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav {
    border-top: 1px solid #2b4b5a;
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 72%;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #faf6ed;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#2b4b5a;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #f04a4a;
    border-bottom: 2px dotted #faf6ed;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #f04a4a;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag {
    background: #5daccd;
    color: #fff;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: small;
    font-style: italic;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #fff;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(183, 193, 194, 0.5);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

ul.comment-interaction-links {
    background: #5daccd;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

ul.comment-interaction-links a {
    color: #fff;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #2b4b5a;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #2b4b5a;
    border-right: 1px solid #2b4b5a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #2b4b5a;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #5daccd;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #2b4b5a;
}

#tertiary .module-content a {
    color: #2b4b5a;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #f04a4a;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #5daccd;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}
    
/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #f04a4a;
    font-color:#f04a4a;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

SALUT

/* Theme: Calling Card */
/* Color Scheme: Salut */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #fb1001;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #c9b69b;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #fb1001;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #c9b69b;
    color: #756859;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#subtitle {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color:#534538;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    font-size: 500%;
    font-size: 11.3vmin;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 80%;
    margin:0 auto;
    padding: 50px 0 55px 0;
    text-transform: uppercase;
    width:70%;
}

h2#pagetitle span {
    background: #c9b69b;
    color: #756859;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.3);
    color: #534538;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #c9b69b;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#534538;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

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

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #534538;
    border-bottom: 2px dotted #c9b69b;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #534538;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag {
    background: #d6ad47;
    color: #534538;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: small;
    font-style: italic;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #534538;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(192, 199, 207, 0.8);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

ul.comment-interaction-links {
    background: #d6ad47;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
}

ul.comment-interaction-links a {
    color: #534538;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #534538;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #534538;
    border-right: 1px solid #534538;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #534538;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #fff;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #fff;
}

#tertiary .module-content a {
    color: #fff;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #999;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #fb1001;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}

/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #fb1001;
    font-color:#fb1001;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

SCRUNCHIE

/* Theme: Calling Card */
/* Color Scheme: Scrunchie */
/* By: bakesale.dreamwidth.org */
/* Dreamwidth Base Style: Tabula Rasa */

/* FONTS */

/* CONTEXTUAL POPUP */

.ContextualPopup {
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* BASICS */

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', Georgia, serif;
    font-size: 100%;
    padding: 0;
    background: #d85a68;
    
}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

#canvas {
    background-color: #523f77;
    margin:20px;
    position: relative;
    overflow: hidden;
}

a { 
    color: #d85a68;
    text-decoration: none;
    transition: all 0.8s ease;
    }
a:visited {  }
a:hover {  }
a:active {  }

q { font-style: italic; }

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

/* HEADER & FOOTER */

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;
    
}

h1#title span {
    background: #523f77;
    color: #67b6e1;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h1#title {
    margin-bottom: -29px;
}

h2#pagetitle span {
    background: #523f77;
    color: #67b6e1;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
}

h2#pagetitle {
    margin-top: -27px;
}

.module-navlinks.module:hover {
    margin-left: 0;
}

.module-navlinks.module ul {
    list-style-type: none;
    margin:0;
    padding: 0 50px 0 0;
}

}

.module-navlinks.module ul li a {
    background-color: rgba(255, 255, 255, 0.8);
    color: #d85a68;
    display: block;
    padding: 5px;
    transition: background-color 0.8s ease;
}

.module-navlinks.module ul li a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.module-userprofile.module {
    display: inline;
    text-align:right;
    width: 50%;
    position: absolute;
    top: 10px;
    right:0;
}

.module-userprofile.module h2 {
    display:none;
}

.module-userprofile.module .userpic img {
    border-radius: 50px;
    float: right;
    height:50px;
    margin-top:-20px;
    width:50px;
}

.module-userprofile.module .journal-name {
    color: #fff;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    padding: 0 20px;
    text-transform: uppercase;
}

.navigation.topnav {
    display: none;
}

.navigation.bottomnav {
    border-top: 1px solid #67b6e1;
    font-family: 'Times New Roman', Georgia, serif;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 72%;
}

.navigation.bottomnav ul {
    margin-top: -10px;
}

.navigation.bottomnav ul li {
    background: #523f77;
}

.navigation.bottomnav ul li.page-separator {
    display: none;
}

#footer {
    background: transparent;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover { 
    color: #777;
}
#footer a:active {  }

/* MODULES LAYOUT */

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

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

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

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        float: left;
    }

#secondary {
    background:#f2f2f2;
}
.one-column .module, .two-columns #tertiary .module {
        display: inline-block;
        vertical-align: top;
        float: none;
        }

#secondary .module {
    padding: 20px;
}

#tertiary .module {
    padding: 0 10px;
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* ENTRIES */

.entry {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px auto 80px auto;
    width: 72%;

background: #fff;
    box-shadow: 2px 2px 2px #999;
    padding: 0;
}

.entry .header {
    text-align: center;
    margin-bottom: 20px;
}

.entry .inner {
    text-align: left;
    position: relative;
}

.entry .entry-title, .entry .entry-title a {
    
}

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

.entry .header .inner {
    text-align: center;
}

.entry .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase; 
}

.entry .access-filter img {
    margin-bottom: -3px;
}

span.poster.entry-poster {
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin-top: 80px;
    padding: 20px 50px;
    
}

.entry-content a {
    color: #d85a68;
    border-bottom: 2px dotted #523f77;
    transition: all 0.8s ease;
}

.entry-content a:hover {
    border-bottom: 2px dotted #fff;
    color: #000;
}

.entry-content .ljuser a, .cuttag_container a {
    border-bottom: 0;
}

.entry-content:first-letter {
    float: left;
    color: #d85a68;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
}

.entry .userpic {
    margin-top: -200px;
    text-align: center;
}

.entry .userpic img {
    border:3px solid #fff;
    border-radius: 100px;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/* To constrain the width and prevent layout breaking */
.entry-content img, .comment-content img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 60em) {
    .entry-content img, .comment-content img { max-width: none; }
}

.metadata {
    color: #bbb;
    padding-bottom: 15px;
    text-align: center;
}

.metadata img {
    display: none;
}

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: -20px;
    overflow: hidden;
    padding:0;
}

.metadata li {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
}

.metadata li:before {
    content: " - "
}

.metadata li:first-child:before {
    content: "";
}

.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.entry .tag ul:before {
    content: "filed under:"
}

.entry .tag .tag-text {
    display: none;
}

.entry .tag a {
    color: #666;
}

.entry .tag a:hover {
    color: #000;
}

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

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

.tag-nav-trigger {
    padding: 0 10px 0 0;
}

.entry-interaction-links a, .entry-management-links a, .entry-interaction-links a:visited, .entry-management-links a:visited { 
    color: #999;
}

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

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

/* COMMENTS */

#comments {
    width: 72%;
    margin: 0 auto;
}

.comment-pages {
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.comment-pages.bottompages {
    margin-top: 20px;
}

.comment-pages.toppages {
    margin-bottom: 20px;
}

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

.comment-wrapper {
    background: #fff;
    padding: 0;
    min-width: 15em;
    margin: 0 0 25px 0;
    padding-bottom: 2px;
    box-shadow: 2px 2px 2px #999;
}

.comment .userpic {
    float: left;
    margin-left: -50px;
    padding: 10px 20px 15px 0;
}

.comment .userpic img {
    border-radius: 100px;
    border:3px solid #fff;
}

.comment .header .inner {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.comment .comment-title {
    background: rgba(183, 193, 194, 0.5);
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.comment .comment-title, .comment .comment-title a {
    
}

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

.comment .datetime {
    font-family: Helvetica, Arial, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.comment .ljuser a {
    color: #666;
}

.comment .ljuser a:hover {
    color: #000;
}

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

.comment-ip-text:before {
    content: " - "
}

.comment-content {
    color: #64696a;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 120%;
    margin: 20px;
}

.comment-interaction-links {
    margin-top: -35px;
}

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

ul.comment-management-links {
    margin: 20px 10px 3px 10px;
    text-align: right;
}

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

.comment .multiform-checkbox {
    color: #999;
    font-family: Tahoma, Arial, sans-serif;
    font-size: xx-small;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

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

.bottomcomment a {
    color: #000;
}

.bottomcomment a:hover {
    color:#fff;
}

/* ICON PAGE */

.icons-container {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
}

.icons-container .header h2 {
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.icon-image {
    float: left;
    clear: left;
    margin-bottom: 15px;
    min-width: 100px;
    padding-right: 20px;;
}

.icon-info {
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    min-height: 100px;
}

.sorting-options ul:before {
    content: "Sort by: "
}

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

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

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

/* ARCHIVE PAGE */

/* Additional archive base code adapted from the Five AM theme by winterfish */

.page-archive .navigation {
    text-align: center;
    }

.page-archive .bottomnav {
    padding-top: 1em;
    }

#archive-year {
    padding: 2.2em 4em 0;
    }

.month-wrapper {
    margin: 1.5em 0;
    }

.month-wrapper .header {
    padding: 0 0 .5em 2em;
    }

.month-wrapper .contents caption {
    display: none;
    }

table.month {
    text-align: center;
    width: 72%;
    }

table.month th {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #f2f2f2;
    border-left: none;
    font-weight: normal;
    height: 4em;
    padding: .5em;
    }

table.month td {
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    height: 4em;
    width: 4em;
    }

table.month td:first-child,
table.month th:first-child {
    border-left: 1px solid #f2f2f2;
    }

.month-wrapper .day-has-entries {
    background: rgba(255, 255, 255, 0.2);
    color: #444444;
    }

.month-wrapper .day-has-entries a {
    color: #fff;
    }

.month-wrapper .day-has-entries:hover {
    background: rgba(255, 255, 255, 0.4);
    }

.month-wrapper .day-has-entries a:visited {
    color: ;
    }

.month-wrapper .day-has-entries:hover p a {
    color: #000;
    }

.month-wrapper .day-has-entries a:active {
    color: ;
    }

.month-wrapper .footer {
    padding-right: 2.5em;
    padding-top: 1em;
    text-align: right;
    }

#archive-month {
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    width: 70%;
    box-shadow: 2px 2px 2px #999;
    }

#archive-month .navigation {
    text-align: center;
    }

#archive-month .topnav {
    padding-top: .8em;
    }

#archive-month .bottomnav {
    margin-top: .5em;
    }

#archive-month .topnav {
    border-top: 1px solid #252525;
    }

.navigation .month-back,
.navigation .month-forward {
    text-align: center;
    }

#archive-month .month {
    margin-top: .7em;
    padding: 1em 2em 0;
    }

.month h3.entry-title {
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;
    }

dd.month {
    display: inline;
    }

td.day {
    color: #fff;
}

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

.month .datetime,
.month .access-filter,
.month .entry-title {
    padding-right: 5px;
    }

#archive-day .day {
    margin-top: 1em;
    }

h3.day-date {
    display: none;
    }

.month .header h3, .month th, .month .footer, .tags-container h2 {
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

.month .header h3 {
    color: #67b6e1;
}

/* TAGS PAGE */

#primary .inner .tags-container {
    background: #fff;
    box-shadow: 2px 2px 2px #999;
    margin: 0 auto 50px auto;
    padding: 20px 30px;
    width: 70%;
}

#primary .inner .tags-container .header h2 {
    letter-spacing: 2px;
}

#primary .inner .tags-container ul {
    font-family: Helvetica, Arial, sans-serif;
}

/* MODULES */

.module {
    background: transparent;
    
}

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

.module h2 {
    
    
}

.module-content {
    color: #888;
    font-family: Helvetica, Arial, sans-serif;
}

#tertiary .module-content {
    color: #f2f2f2;
}

#tertiary .module-content a {
    color: #fff;
}

#tertiary .module-content a:hover {
    color: #000;
}

.module-content a {
    color: #666;
}

.module-content a:hover {
    color: #ccc;
}

.module-header {
    border-bottom: 1px solid #ccc;
    color: #67b6e1;
    font-family: 'Times New Roman', Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.module-header a {
    color: #67b6e1;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

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

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

ul.userlite-interaction-links.text-links {
    text-align: left;
}

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

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

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

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

.search-form .search-box-item, 
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

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

.tags_cloud li, .module-tags_cloud li { display: inline; }

.module-section-two {
    text-align: center;
}

.module-customtext.module {
    width: 30%;
}

/* IMPORTANT NOTE: Make sure you keep the Style Credit module ACTIVE or the theme will not look correct! */
#secondary .module-credit.module {
    background: #d85a68;
    font-color:#d85a68;
    font-size:0;
    height:20px;
    margin:0;
    width:100vw;
    padding:0;
    position: fixed;
    bottom:0;
    left:0;
}

#secondary .module-credit.module .module-header {
    border: 0;
}

CUSTOMIZATIONS

Remove the large first letter in posts:
Open the code in a text editor like Notepad. Search for .entry-content:first-letter. Then remove all of the following:

.entry-content:first-letter { float: left; color: #3f424d; font-family: 'Times New Roman', Georgia, serif; font-size: 75px; padding: 4px 4px 3px 0; }

Color hex codes:
"Professor" is the easiest scheme to find and replace the colors on.

#3f424d

#b7c1c2

#f2f2f2

ENJOY!

If you decide to use this theme, I'd love to know, and would particularly love to see it in action if you care to link the journal! Please feel free to ask questions about this theme in the comments to this post.

Known Issues:

- The links for post headers do not work. This has to do with the way I positioned the icon; I may or may not fix this later.

- In Chrome, the post's icon overlaps the post title a little when the title is extremely long.

- In Edge, the comment content overlaps the comment interaction/link bar.

- On reading pages, entries from feeds have content overlapping the header. FIXED: CODE HERE.

Flat | Top-Level Comments Only

From:

passionfruit

Pretty! Decorum's color scheme is my favorite!

From:

tree

this is lovely. you had me at professor.

one customisation i can't work out is how to not show the user icon without ruining the positioning of everything else. is that possible? or, if not, is it possible to display it at a smaller size?

thank you very much.

From:

bakesale

Sure! Just add the following at the bottom of the code, it should remove the icon while pushing the content down so it doesn't overlap the header:

.entry .userpic img {
    display: none;
}

.entry-content {
    margin-top: 200px;
}

If there's any problems, let me know!

From:

tree

thanks so much. :)

From:

frau_kali

Hello, lovely theme, first of all!

Secondly, I was wondering if you could give me some way to remove the headers (and most of the space between the top and the first entry) in the layout without it removing all the space at the top and cutting off the top of the icon? I feel sure it must be something in this section of code:

#header, #footer { margin: 0; clear: both; padding: .5em; } #header { background: transparent; padding: 18vh 0; text-align: center; } h1#title span { background: #b7c1c2; font-weight: normal; font-size: 70%; font-size: 3.3vmin; letter-spacing: 2px; padding: 0 10px; text-transform:uppercase; } h1#title { margin-bottom: -29px; } h2#subtitle { border-top: 1px solid #fff; border-bottom: 1px solid #fff; color:#fff; font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif; font-size: 500%; font-size: 11.3vmin; font-weight: 700; letter-spacing: 2px; line-height: 80%; margin:0 auto; padding: 50px 0 55px 0; text-transform: uppercase; width:70%; } h2#pagetitle span { background: #b7c1c2; font-size: 90%; font-size: 3.3vmin; font-weight: normal; letter-spacing:2px; padding: 0 10px; text-transform:uppercase; } h2#pagetitle { margin-top: -27px; }

I added a display: none; under the #header portion, since that's worked with other layouts, but that just results in moving the entry all the way to the top of the page with no margin and cutting off the top of the icon. I thought adding in a margin-top: somewhere would fix this, but I haven't any idea where to put it.

Apologies for being a newb lol, still learning css.

From:

frau_kali

Oh, I got it! But for anyone else who is curious, I made the following changes to the code above:

/* HEADER & FOOTER */ #header, #footer { margin: 0; clear: both; padding: 20px; } #header { background: transparent; padding: 25px; text-align: center; } h1#title span { background: #b7c1c2; font-weight: normal; font-size: 70%; font-size: 3.3vmin; letter-spacing: 2px; padding: 0 10px; text-transform:uppercase; } h1#title { display: none; } h2#subtitle { display: none; } h2#pagetitle span { background: #b7c1c2; font-size: 90%; font-size: 3.3vmin; font-weight: normal; letter-spacing:2px; padding: 0 10px; text-transform:uppercase; } h2#pagetitle { display: none; }

Of course, the layout maker may have a better way of doing it.

From:

bakesale

Nope, setting the title, subtitle, and pagetitle to display:none is how I would have done it! It looks great on your journal; it makes me want to code up an option with a sidebar now! ;) If you want to nudge your entries down a bit (so that the top icon isn't cut off), you should be able to do that using #entries { margin-top:; } or even #entries { padding-top:; }, and that should bump it down a bit without dislodging the sidebar. I haven't tested it, but logically, that should work, haha.

Please let me know if you have any other questions or get stuck, I'm happy to help!

From:

minotaur

these are all so beautiful! thanks for sharing.

From:

nenya_kanadka

This is gorgeous! And that purple...sigh~~~ :-)

I may need to make the center column/journal box wider so it isn't three words wide on my phone, but I think I can probably figure out how to do that. Will see!

So pretty!

From:

machiavellian

Oh man, this is just perfect! Thank you so much.

From:

thisisgood

So, the first letter cap looks like this. When I remove it, the icons get shoved way left. :( Halp?

From:

bakesale

What browser are you using? It's looking okay to me in the latest versions of Chrome, Firefox and Edge.

From:

thisisgood

I'm using Chrome. It looks like this to me.

From:

bakesale

I do see that part -- That's a result of your code that you used in that specific post. Basically, that sort of "big first letter" code doesn't play well with images immediately after. (I can help you with a bit of code that removes the big first letter just from that one post, if you like.) But I can't recreate the problem with the icons moving left when I remove the first-letter coding; could you maybe cap that?

From:

thisisgood

Sure to both! And screencap of that icon weirdness.

Edited (screencap update) Date: 24 Feb 2016 09:23 pm (UTC)

From:

bakesale

That is definitely super weird. It may have something to do with it being on a community; I'll see what I can figure out.

Did you intentionally remove the navigation? Just trying to figure out what I'm working with here.

Edited Date: 24 Feb 2016 09:26 pm (UTC)

From:

thisisgood

Thanks! :D Hrm. Nav should be down where it's supposed to be? Everything in that is intact from your original code.

Edited Date: 24 Feb 2016 09:31 pm (UTC)

From:

bakesale

I had seen where you added a navigation post, so I wasn't sure if you had removed the page's built-in navigation. (Some people like to do that.) If you look here, there should be a slide out nav like the one in the top left corner. I have a feeling all of this is down to the theme being on a community, which I didn't test for, so it may take me some time. Hopefully I can figure something out, but I can't guarantee it -- Sometimes you end up realizing that fixing code for a community breaks it for regular journals. But I'll do my best.

From:

thisisgood

Ahhhh. That would make sense. No worries if you can't. It really is a lovely style, though.

From:

bakesale

I figured it out! You accidentally left a bracket in the code when you removed the bit for the first letter. Look for .entry .userpic -- It's right above that. Get that extra curly bracket out of there, and -- Fingers crossed -- it should correct itself.

From:

thisisgood

Aha! Thanks so much.

There it goes! That worked! Hurraaah!

Edited Date: 25 Feb 2016 01:56 am (UTC)

From:

bakesale

Yay!

From:

anotherdayone

All of your themes are amazing. Thanks for sharing!

From:

celena

I've just found this theme and it is perfect for me! Thanks for making this :D

From:

felixfvlicis

I'm using this theme in Cabbage Rose. Simply goregous.

♥

From:

vethica

This is a wonderful theme, and super easy to use and customize! I only have one question: is it possible to make the entry titles clickable? Thank you so much! ♥

From:

bakesale

Not at this time, sorry; as mentioned above, it's to do with the positioning of the icon.

From:

vethica

It's okay! It's still a beautiful theme. ♥

From:

jeweledeyes

I love this theme! I just had a question, if you are not busy: my reading page is mostly feeds at this point, and for feed posts, it's like... stacking the subject, links and beginning of the post all on top of each other. I think part of the problem is the way DW displays the link to the original post both at the beginning and end of the post. Is there any way to hide the first set of links, or otherwise finagle it so they don't all get smushed? You can see if you look on my reading page: https://jeweledeyes.dreamwidth.org/read

Thank you so much! Your themes are so beautiful!

From:

bakesale

I'm going to take a look at this when I have a free moment. There may be a way to specifically style feed posts to correct this.

From:

jeweledeyes

Thank you, I appreciate it! :-)

From:

bakesale

Okay, I think I got it!

Add this code to the bottom of the CSS:

.journal-type-Y .header { margin-bottom:200px; } .journal-type-Y span.poster.entry-poster { position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

I've tested this on FF and Chrome and as far as I could tell, everything stayed good for other types of entries, but if you could just confirm that 100% for me since you're actively using it, that would be super. :)

From:

jeweledeyes

Yes, that did it! It looks absolutely beautiful, thank you so incredibly much!!!

From:

penaltywaltz

I'm using the code at

aubigbang and it looks weird on the imported entries from Livejournal since they don't have icons, but I can't wait to use it for new entries! I changed the colors to match my usericon I imported but I love it. It's so pretty.

From:

bakesale

See if the code here helps with the imported entries.

From:

lucifine

I love this! Using decorum plus a blue on

lovestruckletters but i'm still setting it up. Thanks for your hard work!

From:

triggerhappy

Oooh, this is great! Snagging it for use at this journal.

From:

eumelkeks

I've been coming back to this entry several times because it's really lovely and I finally decided to change the theme of my icon community

icondothat. Thank you for sharing this!

From:

ideallyqualia

Thanks for this great theme! I've been struggling with trying to find a good theme with a dark background to go easy on my eyes, and I think professor's a great balance of colors.

From:

greeneyedharpy

Thanks for the theme!

Flat | Top-Level Comments Only

Goodies for Dreamwidth

Links

Credits & Style Info