bakesale | 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

yeah i was using img src, should i try a different method?

What browser are you on? Is there any other code around the image?

ETA: I know what the issue is; you don't have an icon on the post. If you plan on never using icons, I can give you a bit of code to fix it, but if you are going to use some eventually, all I can advise right now is to use one on that post. This is a very old theme, and it needs a lot of updates. I'm hoping to redo it in the next six months or so, but I can't rehaul it right now.

Edited 2018-05-26 05:06 (UTC)

OH THAT HELPED THANK YOU

i do intend to use icons i just never have a default icon set but i can easily put one here, thank you so much again, no extra code necessary, much appreciated. :3

Awesome, I'm glad it worked out!

yes, lmao, im glad it was a simple fix, i really didn't want ot get another layout, this one is so charming.

btw is the one you're using for bakesale available anywhere? if not, that's okay, i just really like the triangle pattern

THEME 002: Calling Card

no subject

no subject

no subject

no subject

no subject