bakesale | THEME 002: Calling Card

Entry tags:

themes

THEME 002: Calling Card

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

Pretty! Decorum's color scheme is my favorite!

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.

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!

(no subject)

tree - 2015-12-30 04:27 (UTC) - Expand

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.

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.

(no subject)

bakesale - 2015-12-30 20:55 (UTC) - Expand

these are all so beautiful! thanks for sharing.

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!

Oh man, this is just perfect! Thank you so much.

So, the first letter cap looks like this. When I remove it, the icons get shoved way left. :( Halp?

What browser are you using? It's looking okay to me in the latest versions of Chrome, Firefox and Edge.

(no subject)

thisisgood - 2016-02-24 21:08 (UTC) - Expand

(no subject)

bakesale - 2016-02-24 21:15 (UTC) - Expand

(no subject)

thisisgood - 2016-02-24 21:16 (UTC) - Expand

(no subject)

bakesale - 2016-02-24 21:26 (UTC) - Expand

(no subject)

thisisgood - 2016-02-24 21:30 (UTC) - Expand

(no subject)

bakesale - 2016-02-24 21:36 (UTC) - Expand

(no subject)

thisisgood - 2016-02-24 23:42 (UTC) - Expand

(no subject)

bakesale - 2016-02-25 01:07 (UTC) - Expand

(no subject)

thisisgood - 2016-02-25 01:08 (UTC) - Expand

(no subject)

bakesale - 2016-02-25 02:04 (UTC) - Expand

All of your themes are amazing. Thanks for sharing!

I've just found this theme and it is perfect for me! Thanks for making this :D

I'm using this theme in Cabbage Rose. Simply goregous.

♥

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! ♥

Not at this time, sorry; as mentioned above, it's to do with the positioning of the icon.

(no subject)

vethica - 2017-01-15 13:11 (UTC) - Expand

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!

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.

(no subject)

jeweledeyes - 2017-02-24 00:51 (UTC) - Expand

(no subject)

bakesale - 2017-03-14 03:51 (UTC) - Expand

(no subject)

jeweledeyes - 2017-03-14 04:00 (UTC) - Expand

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.

See if the code here helps with the imported entries.

I love this! Using decorum plus a blue on

lovestruckletters but i'm still setting it up. Thanks for your hard work!

Oooh, this is great! Snagging it for use at this journal.

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!

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.

Thanks for the theme!

Thank you very much for this, it's beautiful! :)

hello! i'm using this theme for my journal, with the cabbage rose color scheme. the only thing i've customized is to change the border color to be the same as the background color on the top/sides of the page.

all of my journal entries are private, so i've credited you in my profile.

Hi there, I am loving this layout so much, thank you so much for making it and sharing it, especially all the variations, too! I do have a bit of an issue, it doesn't seem to be very image friendly? https://i.gyazo.com/548b60e8d3b43d36eb982fe69bb09ad3.png This happened and I'm not quite sure how to fix it. i've played with different widths, to no avail. Any advice on the matter you could give on the matter would be helpful and appreciated.

Is there any particular way you're linking the image apart from the traditional img src=""? I'm not able to replicate the issue embedding an image at the top of a post.

Edited 2018-05-26 03:58 (UTC)

Flat | Top-Level Comments Only