dreamscapes | 4 Layouts (Reply)

Except that I can't for the life of me get my layers to work the way everyone else has done, so I'm not as classy as you guys.

Theme name/layout: Hearts / Bases
Author:

flamingchemist
Layout info:

/* Hearts */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #ee6267; color: #FFFFFF; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url("http://img205.imageshack.us/img205/751/heartsj.png");
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #FFFFFF;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

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

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #FFFFFF; border-radius: 20px; -moz-border-radius: 20px; background: transparent; padding: 0; margin-left: 53px; margin-top: 40px; margin-right: 5%; }

.two-columns #secondary {
    background: #ee6267;
    border: 5px solid #FFFFFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    margin-left: 53px;
    margin-top: 40px;
    float: left;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #FFFFFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    float: right;
    margin-right: 5%;
}

.two-columns-right #primary {
    margin-left: 53px;
    margin-top: 40px;
    float: left;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

a {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: #FFFFFF; text-decoration: underline;}

abbr {border-color: #000000; }

blockquote {border-bottom: 0.083em solid #FFFFFF; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #ee6267; border-top: 0.583em solid #000000; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid #000000;}
dd {font-weight: normal;}

h1 {font-size: 2.5em; font-weight: normal; }
h2 {font-size: 2em; font-weight: normal; }
h3 {font-size 1.5em; font-weight: normal; }
h4 {font-size: 1.166em; font-weight: bold; }
h5 {font-size: 1em; font-weight: bold; }
h6 {font-size: 0.75em; font-weight: bold; }

hr {border: 0.083em solid #000000;}

input, select {border: 0.083em solid #FFFFFF; background: !important; font-size: 0.833em !important; color: #FFFFFF !important;}

i {color: #000000; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #FFFFFF; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid #000000; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #FFFFFF;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 280px;
    padding: 0;
    background-image: url("http://img16.imageshack.us/img16/8946/hcornertr.png");
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #FFFFFF; margin-top: -140px; position: absolute; margin-left: 30px;}

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #FFFFFF; position: absolute; margin-top: 0px;  margin-left: 30px;}

#pagetitle { font-size: 1em; padding: 0 0 1em 4.2em; margin: 0.5em 0 0 0; position: absolute; margin-top: 39px; margin-left: 30px;}

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #ffffff;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 294px;
                left: 318px;
                width: 60%;
                position: absolute;
                }

.module-navlinks li {
                display: inline;
                height: 2.2em;
                line-height: 2.2em;
                list-style: none;
                margin: 0;
                margin-left: -.25em;
                padding: .5em 0;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #FFFFFF;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #FFFFFF;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: #000000;
                }

.entry-interaction-links li {display: inline; padding: 0.583em 0 0.583em 0 !important; border-left: 0.083em solid ; border-right: 0.083em solid ; }
.entry-interaction-links li + li {border-left: 0; margin: 0 0 0 -0.25em;}
.entry-interaction-links a {color:  !important; padding: 0.583em 0.833em 0.583em 0.833em; font-weight: bold;}
.entry-interaction-links a:hover{background: ; text-decoration: underline; }

/*Modules*/

.module { color: #FFFFFF;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: #000000; border-bottom: 0.083em solid #FFFFFF;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #FFFFFF;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #FFFFFF; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #ee6267; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #FFFFFF;}

#secondary .module-content { background: #ee6267; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #FFFFFF; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

#secondary .module-navlinks {padding-top: 0 !important;}
#secondary .module-navlinks .module-content {border-top: 0; padding: 0; margin: 0;}
#secondary .module-navlinks ul{list-style: none; margin: 0; padding: 0; }
#secondary .module-navlinks li { padding: 0; margin: 0;}
#secondary .module-navlinks li + li {border-top: 0.083em solid ;}

#secondary .module-navlinks a {padding: 0.6em; display: block;}
#secondary .module-navlinks a:hover {background: ; color: ; text-decoration: none;}
#secondary .module-navlinks .current {background: ; color: ; font-weight: bold;}

/* -------- calendar -------- */

.module-calendar table {width: 100px; text-align: center; border-collapse: collapse; margin: 0 0 0 -0.2em;}
.module-calendar td {border-top: 0.083em solid ;}
.module-calendar td .entry-day a {display: block; background: #1e1e1e; }

.module-calendar .module-content { padding: 0.5em;}

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

.module-typelist .module-list { padding-left: 2em;}
.module-typelist .module-list .module-list-item {list-style-type: square; color: #EE1C24; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #EE1C24;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

.module-typelist .manage-link,
.module-tags_list .manage-link,
.module-tags_multilevel .manage-link {
    border-top: .083em solid ;
    padding-bottom: .5em;
    padding-top: .5em;
    text-align: center;
    }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #EE1C24; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#FFFFFF-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powe#000000 .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- c#000000it -------- */

.module-c#000000it .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid #FFFFFF; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #FFFFFF; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #ee6267; }

#entries > .inner {border-top: none;}

.entry-title {font-family: Arial, Arial, sans-serif; font-size: 1.25em; border-bottom: 0.083em solid ; padding: 0.5em; margin: 0; color: ; background: ; }
.entry-title a {text-decoration: none; color: ; }

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-poster { display: block; border-bottom: 0.083em solid ; padding: 0.167em 0.833em 0.167em 0.833em;}
.page-recent .journal-type-P .entry-poster, .page-recent .journal-type-Y .entry-poster {display: none;}
.ljuser a b:hover { color: #000000;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #ee6267;}

/* 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;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

.metadata ul {padding: 0; margin: 0; list-style: none; }
.metadata li {padding: 0.167em 0.833em 0.167em 0.833em; margin: 0; border-bottom: 0.083em solid ;} 
.metadata-label {font-weight: bold; }
.page-recent .journal-type-P .metadata.top-metadata li,
.page-recent .journal-type-I .metadata.top-metadata li,
.page-recent .journal-type-P .metadata.top-metadata li + li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li + li { background: ; }
.page-recent .journal-type-P .metadata.top-metadata li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li,
.page-recent .journal-type-P .metadata.top-metadata li + li + li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li + li + li { background: ; }

/*Entry Tags*/

.tag {margin: 0; padding: 0; border-bottom: 0.083em solid ; background: ; }
.tag-text {float: left; font-weight: bold; padding: 0 0.5em 0 1em; }
.tag ul { padding: 0; list-style: none; margin: 0; }
.tag li {display: inline; margin: 0; }

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry .footer { overflow: auto; background:  ; border-bottom: 0.083em solid ;}
.entry-interaction-links {margin: 0; list-style: none; padding: 0.583em; border-top: 0.083em solid ;}
.entry-interaction-links li {display: inline; padding: 0.583em 0 0.583em 0 !important; border-left: 0.083em solid ; border-right: 0.083em solid ; }
.entry-interaction-links li + li {border-left: 0; margin: 0 0 0 -0.25em;}
.entry-interaction-links a {color:  !important; padding: 0.583em 0.833em 0.583em 0.833em; font-weight: bold;}
.entry-interaction-links a:hover{background: ; text-decoration: underline; }

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links {
    border-top: .083em solid ;
    border-bottom: .083em solid ;
    display: block;
    float: none;
    line-height: 2.332em;
    list-style: none;
    margin: 0;
    padding-right: .583em;
    text-align: right;
    }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.partial .comment {color: transparent; padding: 0 0 0.5em 0; min-width: 16.667em; background: ;}
.partial .comment-title { font-size: 1.166em; font-weight: bold; }
.partial .comment-poster { color: ; padding-left: .5em; }
.partial .comment .datetime { border: 0; display: inline; background: none; margin: 0; padding: 0;}

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #FFFFFF; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links {padding: 0; margin: 0; list-style: none; background: ; padding: 0.25em; border-top: 0.083em solid ;
                            text-align: left; }
.comment-interaction-links li {display: inline; padding: 0.25em 0 0.25em 0 !important; border-right: 0.083em solid ; }
.comment-interaction-links li + li { margin: 0 0 0 -0.25em; }
.comment-interaction-links a { padding: 0.25em 0.417em 0.25em 0.417em; font-weight: bold;}
.comment-interaction-links a:hover{background: ; text-decoration: underline; }

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #FFFFFF;}

/*Reply Form*/

#qrform > table { border: 0 !important; border-spacing: 0 !important; width: 100%; margin: 0 0 1em 0; border-bottom: 0.083em solid #842021 !important;}
#qrform td { border-right: 0.083em solid #842021; border-top: 0.083em solid #842021 !important; padding: 0.5em; font-size: 1em; }
#qrform td + td { border-right: 0; font-size: 1em; }
#subject {width: 80% !important; }
.textbox {width: 94% !important; font-size: 1em;}

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform {background: ; border: 0.083em solid #842021; border: 0;}
#postform table {border-spacing: 0; width: 100%; }
#postform td { border-right: 0.083em solid #842021;  font-size: 1em; }
#postform td + td { border-right: 0; font-size: 1em; text-transform: lowercase; font-weight: normal;}
#postform tr + tr td { border-top: 0.083em solid #842021; padding: 0.417em; }

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #EE1C24; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #FFFFFF;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #FFFFFF;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #FFFFFF; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#FFFFFF !important; }
.month td {border-top: 0.083em solid #FFFFFF; border-color: #FFFFFF !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #FFFFFF;}
#archive-month dt {border-top: 0.083em solid #FFFFFF; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #FFFFFF;}

/*Extras*/

#lj_controlstrip {width: 100%; }

#lj_controlstrip td{border-right: 0.083em solid #FFFFFF; border-bottom: 0.083em solid #FFFFFF; background-color: #ee6267;}
#lj_controlstrip a:visited {color: #000000;}
#lj_controlstrip a:active {color: #000000;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #FFFFFF; }

#lj_controlstrip_statustext {color: #EE1C24; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #FFFFFF; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #FFFFFF; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #ee6267;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #FFFFFF !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #FFFFFF !important;
        }

Preview
Image info: Made 100% by me, CLA submitted, posted on imageshack.
Additional info (for layouts): one and two columns, totally flexible

Theme name/layout: Diamonds / Bases
Author:

flamingchemist
Layout info:

/* Diamonds */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #ffffff; color: #EE1C24; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url(http://img641.imageshack.us/img641/301/diamondsk.png);
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #EE1C24;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

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

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #EE1C24; border-radius: 20px; -moz-border-radius: 20px; background: transparent; padding: 0; margin-left: 5%; margin-top: 70px; margin-right: 5%; }

.two-columns #secondary {
    background: #ffffff;
    border: 5px solid #EE1C24;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    margin-left: 5%;
    margin-top: 70px;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #EE1C24;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    float: right;
    margin-right: 5%;
    margin-top: -70px;
}

.two-columns-right #primary {
    float: left;
    margin-left: 5%;
    margin-top: 70px;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

a {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:visited {color: # EE1C24; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: #EE1C24; text-decoration: underline;}

abbr {border-color: #000000; }

blockquote {border-bottom: 0.083em solid #EE1C24; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #ffffff; border-top: 0.583em solid #000000; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid #000000;}
dd {font-weight: normal;}

hr {border: 0.083em solid #000000;}

input, select {border: 0.083em solid #EE1C24; background: !important; font-size: 0.833em !important; color: #EE1C24 !important;}

i {color: #000000; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #EE1C24; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid #000000; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #EE1C24;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 301px;
    padding: 0;
    background-image: url(http://img52.imageshack.us/img52/7299/dcornertr.png);
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #EE1C24; margin-top: 32px; margin-top: -140px; position: absolute;}

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #EE1C24; position: absolute; margin-top: 0px; }

#pagetitle { font-size: 1em; padding: 0 0 1em 2.2em; margin: 0.5em 0 0 0; position: absolute; margin-top: 39px;}

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #EE1C24;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 294px;
                left: 335px;
                width: 57%;
                position: absolute;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #EE1C24;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #EE1C24;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: # EE1C24;
                }

/*Modules*/

.module { color: #EE1C24;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: #000000; border-bottom: 0.083em solid #EE1C24;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #EE1C24;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #EE1C24; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #ffffff; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #EE1C24;}

#secondary .module-content { background: #ffffff; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #EE1C24; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

/* -------- calendar -------- */

.module-calendar .module-content { padding: 0.5em;}

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

.module-typelist .module-list { padding-left: 2em;}
.module-typelist .module-list .module-list-item {list-style-type: square; color: #ffffff; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #ffffff;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #ffffff; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#EE1C24-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powe#000000 .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- c#000000it -------- */

.module-c#000000it .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid #EE1C24; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #EE1C24; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #ffffff; }

#entries > .inner {border-top: none;}

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #ffffff;}

/* 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;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

/*Entry Tags*/

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #EE1C24; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #EE1C24;}

/*Reply Form*/

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #ffffff; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #EE1C24;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #EE1C24;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #EE1C24; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#EE1C24 !important; }
.month td {border-top: 0.083em solid #EE1C24; border-color: #EE1C24 !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #EE1C24;}
#archive-month dt {border-top: 0.083em solid #EE1C24; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #EE1C24;}

/*Extras*/

#lj_controlstrip {width: 100%; }
#lj_controlstrip a {color: #000000;}
#lj_controlstrip td{border-right: 0.083em solid #EE1C24; border-bottom: 0.083em solid #EE1C24; background-color: #ffffff;}
#lj_controlstrip a:visited {color: # EE1C24;}
#lj_controlstrip a:active {color: # EE1C24;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #EE1C24; }

#lj_controlstrip_statustext {color: #ffffff; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #EE1C24; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #EE1C24; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #ffffff;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #EE1C24 !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #EE1C24 !important;
        }

flamingchemist
Layout info:

/* Clubs */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #ffffff; color: #000000; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url(http://img11.imageshack.us/img11/6923/clubs.png);
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #000000;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

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

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #000000; border-radius: 20px; -moz-border-radius: 20px; background: transparent; width: 85%; padding: 0; margin-left: 6%; margin-top: 50px; }

.two-columns #secondary {
    background: #ffffff;
    border: 5px solid #000000;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    margin-left: 6%;
    margin-top: 50px;
    float: left;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #000000;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    margin-right: 5%;
    float: right;
}

.two-columns-right #primary {
    margin-left: 6%;
    margin-top: 50px;
    float: left;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

a {color: red; text-decoration: none;}
a:active {color: red; text-decoration: none;}
a:visited {color: red; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: #000000; text-decoration: underline;}

abbr {border-color: red; }

blockquote {border-bottom: 0.083em solid #000000; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #ffffff; border-top: 0.583em solid red; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid red;}
dd {font-weight: normal;}

hr {border: 0.083em solid red;}

input, select {border: 0.083em solid #000000; background: !important; font-size: 0.833em !important; color: #000000 !important;}

i {color: red; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #000000; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid red; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #000000;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 301px;
    padding: 0;
    background-image: url(http://img859.imageshack.us/img859/7646/ccornertr.png);
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #000000; margin-top: -140px; position: absolute; }

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #000000; position: absolute; margin-top: 0px; }

#pagetitle { font-size: 1em; padding: 0 0 1em 2.2em; margin: 0.5em 0 0 0; position: absolute; margin-top: 39px; }

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #000000;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 294px;
                left: 334px;
                width: 56%;
                position: absolute;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #000000;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #000000;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: red;
                }

/*Modules*/

.module { color: #000000;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: red; border-bottom: 0.083em solid #000000;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #000000;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #000000; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #ffffff; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #000000;}

#secondary .module-content { background: #ffffff; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #000000; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

/* -------- calendar -------- */

.module-calendar .module-content { padding: 0.5em;}

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

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #ffffff;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #ffffff; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#000000-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powered .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- credit -------- */

.module-credit .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid #000000; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #000000; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #ffffff; }

#entries > .inner {border-top: none;}

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #ffffff;}

/* 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;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

/*Entry Tags*/

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #000000; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #000000;}

/*Reply Form*/

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #ffffff; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #000000;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #000000;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #000000; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#000000 !important; }
.month td {border-top: 0.083em solid #000000; border-color: #000000 !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #000000;}
#archive-month dt {border-top: 0.083em solid #000000; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #000000;}

/*Extras*/

#lj_controlstrip {width: 100%; }
#lj_controlstrip a {color: #000000;}
#lj_controlstrip td{border-right: 0.083em solid #000000; border-bottom: 0.083em solid #000000; background-color: #ffffff;}
#lj_controlstrip a:visited {color: red;}
#lj_controlstrip a:active {color: red;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #000000; }

#lj_controlstrip_statustext {color: #ffffff; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #000000; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #000000; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #ffffff;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #000000 !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #000000 !important;
        }

flamingchemist
Layout info:

/* Spades */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #000000; color: #ffffff; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url(http://img836.imageshack.us/img836/9121/spadesg.png);
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #ffffff;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

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

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #ffffff; border-radius: 20px; -moz-border-radius: 20px; background: transparent; width: 85%; padding: 0; margin-left: 6%; margin-top: 40px; }

.two-columns #secondary {
    background: #000000;
    border: 5px solid #ffffff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    float: left;
    margin-left: 6%;
    margin-top: 40px;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #ffffff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    margin-right: 5%;
    float: right;
}

.two-columns-right #primary {
    margin-left: 6%;
    float: left;
    margin-top: 40px;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

abbr {border-color: red; }

blockquote {border-bottom: 0.083em solid #ffffff; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #000000; border-top: 0.583em solid red; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid red;}
dd {font-weight: normal;}

hr {border: 0.083em solid red;}

input, select {border: 0.083em solid #ffffff; background: !important; font-size: 0.833em !important; color: #ffffff !important;}

i {color: red; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #ffffff; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid red; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #ffffff;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 301px;
    padding: 0;
    background-image: url(http://img16.imageshack.us/img16/5548/scornertr.png);
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #ffffff; margin-top: -140px; position: absolute; }

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #ffffff; position: absolute; margin-top: 0px; }

#pagetitle { font-size: 1em; padding: 0 0 1em 2.2em; position: absolute; margin-top: 39px;}

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #ffffff;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 302px;
                left: 336px;
                width: 56%;
                position: absolute;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #ffffff;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #ffffff;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: red;
                }

/*Modules*/

.module { color: #ffffff;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: red; border-bottom: 0.083em solid #ffffff;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #ffffff;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #ffffff; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #000000; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #ffffff;}

#secondary .module-content { background: #000000; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #ffffff; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

/* -------- calendar -------- */

.module-calendar .module-content { padding: 0.5em;}

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

.module-typelist .module-list { padding-left: 2em;}
.module-typelist .module-list .module-list-item {list-style-type: square; color: #000000; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #000000;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #000000; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#ffffff-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powered .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- credit -------- */

.module-credit .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #ffffff; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #000000; }

#entries > .inner {border-top: none;}

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #000000;}

/* 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;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

/*Entry Tags*/

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #ffffff; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #ffffff;}

/*Reply Form*/

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #000000; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #ffffff;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #ffffff;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #ffffff; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#ffffff !important; }
.month td {border-top: 0.083em solid #ffffff; border-color: #ffffff !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #ffffff;}
#archive-month dt {border-top: 0.083em solid #ffffff; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #ffffff;}

/*Extras*/

#lj_controlstrip {width: 100%; }

#lj_controlstrip td{border-right: 0.083em solid #ffffff; border-bottom: 0.083em solid #ffffff; background-color: #000000;}
#lj_controlstrip a:visited {color: red;}
#lj_controlstrip a:active {color: red;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #ffffff; }

#lj_controlstrip_statustext {color: #000000; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #ffffff; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #ffffff; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #000000;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #ffffff !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #ffffff !important;
        }

Preview
Image info: Made 100% by me, CLA submitted, posted on imageshack.
Additional info (for layouts): one and two columns, totally flexible

4 Layouts

Post a comment in response: