CCCPaste

by the beech in lakeside

/* Cleaned CSS: */
/*----------------------------------------------


layout name: by the beech
layout base: blanket
updated: 8/03/14

chimney.dreamwidth.org / pastries.dreamwidth.org
do not redistribute without credit.


-----------------------------------------------*/


@font-face {
font-family: 'Trochut';
font-style: normal;
font-weight: 400;
src: local('Trochut'), url(http://themes.googleusercontent.com/static/fonts/trochut/v1/JFlbgheA3reEeGKXBjUdBQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}

@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}

#lj_controlstrip{
position: fixed;
}

#module-jump-link { display: none; }

body {
color: #222c2d;
background:url(http://i.imgur.com/aUrVL.png) repeat fixed;
margin: 0;
padding: 0;
text-align: center;
}

a {
text-decoration: none;
color: #394245;
}

a:visited {
color: #394245;
}

a:hover{color:#6B7D87;}

a:active {
color: #394245;

}

q {
font-style: italic;
}

input, textarea {
color: #222c2d;
background-color: #fff9f1;
border: solid 1px #394245;
padding: 5px;
line-height: 1.8em;
}

#canvas {
margin: 0 auto;
padding: 0;
}

#content {
margin: 0;
padding: 200px 0 0 0;
}

#primary {
margin: 0 auto;
padding: 0;
width: 800px;
z-index: 0;
}

/*--- header + footer ---*/

#header {
font-weight:normal;
position:fixed;
text-align:center;
background:#394245;
margin: 0;
width: 100%;
}

#header>.inner {
padding: 20px;
}

#footer {
clear: both;
display: block;
}

.page-top {
margin: 0 auto 70px auto;
text-align: center;
text-transform: uppercase;
width: 800px;
font-family: 'open sans condensed', 'arial narrow', sans-serif;
}

.navigation {
margin: 0 0 0 0;
letter-spacing: .1em;
text-align: right;
text-transform: uppercase;
font-family: 'open sans condensed', 'arial narrow', sans-serif;
font-size: 12pt;
}

li.page-back,
li.page-forward {
display: inline;
margin: 0 0 0 .3125em;
padding: 0;
}

li.page-separator {
display: none;
}

.navigation ul {
display: inline;
margin: 0;
padding: 0;
}

.navigation li {
display: inline;
}

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

#header h1#title {
font-family: 'trochut';
font-size: 24px;
letter-spacing: 0.1em;
font-weight: normal;
margin: 0;
padding: 0;
text-transform: uppercase;
color: #86A1B3;
-webkit-text-shadow: 2px 2px 2px #121A21;
text-shadow: 2px 2px 2px #121A21;
}

#header h2#subtitle {
color: #86A1B3;
font-family: 'open sans condensed', arial narrow, sans-serif;
font-size: 16pt;
font-weight: normal;
line-height:1em;
letter-spacing: .2em;
margin: 0;
padding: 0;
text-transform: lowercase;
-webkit-text-shadow: 2px 2px 2px #121A21;
text-shadow: 2px 2px 2px #121A21;
}

#header h2#pagetitle {
display:none;
color: #3c4e50;
font-weight: normal;
letter-spacing: 1px;
margin: 1em 0 0;
padding: 0;
text-transform: uppercase;
}

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

.module-navlinks {
background: #394245;
text-align: center;
bottom: 0px;
margin: 0 auto;
padding: 0.75em;
position: fixed;
width: 100%;
z-index: 100;
font-family: 'trochut';
-webkit-text-shadow: 2px 2px 2px #121A21;
text-shadow: 2px 2px 2px #121A21;
}

.module-navlinks li:hover{margin:-30px 0 0 0;}

.module-navlinks a, .module-navlinks a:hover, .module-navlinks a:link{color:#86A1B3}

.module-navlinks ul.module-list {
display: inline;
letter-spacing: -0.5px;
margin: 0 0 0 2em;
padding: 0;
text-transform: uppercase;
}

.module-navlinks ul.module-list li {
display: inline;
margin: 0 1em 0 0;
padding: 0 .5em 0 0;
}

/*--- modules ---*/

#secondary {
font-family:'open sans condensed', arial narrow, sans-serif;
margin: 0 auto 40px auto;
padding: 30px 20px 30px 20px;
width: 760px;
color: #394245;
background:#FCFBF8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px #8F9AA1;
box-shadow: 0px 0px 15px 0px #8F9AA1;
}

#secondary>.inner {
border-left: 0;
padding: 0;
}

#secondary .module {
border-top:1px solid #394245;
padding:10px 15px 10px 15px;
float: left;
}

#secondary .module-header,
#secondary .module-header a {
color: #222c2d;

}

#secondary .module-header {
text-align:left;
margin:5px 0 10px 0;
padding:0;
line-height:1em;
letter-spacing:1px;
font-size:16pt;
font-weight:normal;
font-family:trochut;
text-transform:lowercase;
}

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

#secondary a {
text-decoration: none;

}

#secondary a:visited {

}

#secondary a:hover {

}

#secondary a:active {

}

.module-tags_cloud {
float: none;
}

.module-tags_cloud .module-content {
padding: 0 3em 1em;
}

.manage-link{margin-top:5px; text-transform:uppercase; font-size:10pt;}

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

#secondary .module-content {
}

#secondary .module-content ul {
margin: 0;
padding: 0;
}

#secondary .module-content li {
margin: .5em 0;
}

#secondary .module-userprofile {
color: #394245;
text-align: center!important;
display: block;
font-family: 'open sans condensed', arial narrow, sans-serif;
font-size: 10pt;
line-height: 1em;
width: 110px;
letter-spacing: 0.2em;
}


#secondary .module-userprofile .userpic {
padding: 15px;
background:#394245;
margin: 0 0 10px 0;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
}

#secondary .module-userprofile .userpic img {
height:80px;
width:80px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background:transparent;
}

#secondary .module-typelist .module-list, .module-pagesummary .module-list {
text-transform:uppercase;
font-size:10pt;
padding:0;
margin:0;
line-height:1.1em;
text-align:left;
list-style:none;
}

#secondary .module-pagesummary, #secondary .module-tags_cloud, #secondary .module-typelist, #secondary .module-customtext {
width:411px;
letter-spacing:1px;
float:right;
}

#secondary .manage-link{
font-size:11pt;
text-transform:uppercase;
}

#secondary .module-customtext{
text-align: left;
text-transform: uppercase;
margin: 0 auto 0 auto;
font-family: 'open sans condensed', arial narrow, sans-serif;
color: #394245;
font-size: 10pt;
}

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

.module-calendar{
font-family:tahoma;
font-size:10pt;
width:149px;
letter-spacing:1px;
line-height:1em;
}

.module-calendar table{
font-family:tahoma;
font-size:10pt;
width:149px;
}

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

.module-credit dt,
.module-credit dd {
display: inline;
margin: 0;
padding: 0;
}

.module-credit, .module-syndicate, .module-cuttagcontrols, .module-powered, .module-time {
display:none;
}

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

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

/*--- entry ---*/

.entry a {
text-decoration: none;

}

.entry a:visited {

}

.entry a:hover {

}

.entry a:active {

}

.entry {
color: #394245;
border-left: 0;
margin: 0 0 120px;
padding: 20px 40px 20px 25px;
background: url(http://i.imgur.com/yoXGD.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px #8F9AA1;
box-shadow: 0px 0px 15px 0px #8F9AA1;
}

.entry-content {
font-family: tahoma;
text-align: left;
font-size:10pt;
text-align:left;
padding: 15px 0 15px 0;
border-bottom: 1px dashed #394245;
}


.entry .header {
font-family: 'open sans condensed', arial narrow, sans-serif;
font-weight:normal;
text-align:center;
margin: -95px 0 40px 0;
padding: 0;
}

.entry .header img{margin: 0 0 -2px 0;}

h3.entry-title {
font-size: 24pt;
color: #543A21;
font-weight: normal;
letter-spacing: .1em;
margin: 0;
padding: 0;
text-transform: lowercase;
-webkit-text-shadow: 0px 3px 4px #8F9AA1;
text-shadow: 0px 3px 4px #8F9AA1;
}

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

h3.entry-title a {
color: #394245;
}

.datetime {
color: #394245;
font-size: 12pt;
font-weight: normal;
letter-spacing: .1em;
padding: 0;
text-transform: uppercase;
}

.datetime a {
color: #394245;
}

.userpic {
display: block;
}
.entry .userpic{
padding: 15px;
background:#394245;
margin: 0 0 0 -155px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
-webkit-box-shadow: 0px 0px 15px 0px #8F9AA1;
box-shadow: 0px 0px 15px 0px #8F9AA1;}

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

.poster {
font-family: 'open sans condensed', arial narrow, sans-serif;
color: #394245;
font-size: 10pt;
font-weight: normal;
letter-spacing: 0.1em;
padding: 0;
text-align: center;
text-transform: uppercase;
}

.poster img{display:none;}

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

.metadata {
letter-spacing:.1em;
color:#394245;
font-size: 10pt;
text-transform:uppercase;
font-family: 'open sans condensed', arial narrow, sans-serif;
text-align:left;
margin:15px 0 0 0;
}

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

.metadata ul li {
color: #394245;
font-weight: normal;
padding: 0;
margin: 0;
}

.metadata-label-location,
.metadata-label-mood,
.metadata-label-music {
letter-spacing:.1em;
font-weight:bold;

}

.metadata-item-location,
.metadata-item-mood,
.metadata-item-music {
padding: 0 0 0 1.3em;
}

.tag {
letter-spacing:.1em;
margin-top:10px;
font-family:'open sans condensed', arial narrow, sans-serif;
font-size:10pt;
text-transform:uppercase;
}

.tag ul {
display: inline;
margin: 0;
padding: 0 0 0 1.3em;
}

.tag ul li {
color: #394245;
display: inline;
font-weight: normal;
padding: 0;
}

.tag ul li a:hover{background:#394245;}

ul.entry-management-links {
font-size:10pt;
font-family:tahoma, geneva, arial;
margin: 10px 0 0 0;
padding: 0;
text-align: center;
}
ul.entry-management-links a:hover{background:#394245; color:#FCFBF8;}

ul.entry-management-links li {
color: #394245;
display: inline;
font-weight: normal;
letter-spacing: 0;
padding: 0 5px 0 0;
text-transform: lowercase;
}

ul.entry-interaction-links {
font-family:tahoma, geneva, arial;
font-size:10pt;
margin: 3px 0 0 0;
padding: 0;
text-align: center;
}

ul.entry-interaction-links li {
color: #394245;
display: inline;
font-weight: normal;
letter-spacing: 0;
padding: 0 5px 0 0;
text-transform: uppercase;
}

ul.entry-interaction-links li a{
color: #394245;
}

/*--- comments ---*/

.comment-wrapper {
margin: 2em 0;
padding: 0;
min-width: 15em;
}

.comment {
color: #222c2d;
background-color: #fff9f1;

border-left:0;
margin: 0 auto 2em;
padding: 40px 20px;
}

.comment-title {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
margin: 0;
}

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

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

textarea.textbox {
width: 100% !important;
}

.bottomcomment,
.comments-message {
color: #222c2d;
background-color: #fff9f1;
border-left:0;
margin: 0 auto 2em;
padding: 4em 2em;
}

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

.comment-management-links li,
.comment-interaction-links li {
display: inline;
}

#qrform table {
border: 0 !important;
}

/*--- archive ---*/

li.active {
font-family:trochut;
color: #394245;
display: inline;
margin: 0 20px 0 0;
padding: 0;
font-size:24pt;
text-align: right!important;
text-transform: uppercase;
}

.month-wrapper {
color: #394245;
border-left: 0;
border-left: 0;
margin: 0 0 70px;
padding: 20px 40px 20px 25px;
background: url(http://i.imgur.com/yoXGD.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px #8F9AA1;
box-shadow: 0px 0px 15px 0px #8F9AA1;
}

.month h3 {
font-family:'open sans condensed', arial narrow, sans-serif;
color: #394245;
font-size: 16pt;
font-weight: normal;
letter-spacing: 1px;
margin: 0;
padding: 0;
text-align: right;
}

.month .header {
margin:0 0 15px 0;
text-transform:uppercase;}

.month th {
font-family:'open sans condensed', arial narrow, sans-serif;
letter-spacing:2px;
color: #FCFBF8;
background-color: #394245;
font-size: 10pt;
font-weight: normal;
padding: 5px;
text-align: center;
text-transform: uppercase;
}

.month table {
line-height:1em;
padding:0;
border: 0;
margin: 0 auto 15px auto;
width: 750px;
}

.month caption {
display: none;
}

td.day {
line-height: 1em;
color: #394245;
border: 1px solid #394245;
padding: 2px;
}

td.day-has-entries a {padding:0; line-height:1px; color:#86A1B3;}

.month .footer {
font-family:'open sans serif', arial narrow, sans-serif;
text-transform:uppercase;
font-size:10pt;}

/*--- tags ---*/

.page-tags .tags-container {
font-family:tahoma;
font-size:10pt;
text-align:left;
color: #394245;
background:#FCFBF8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px #8F9AA1;
box-shadow: 0px 0px 15px 0px #8F9AA1;
border-left:0;
margin: 0 0 90px;
padding: 20px 40px 20px 25px;
}

.page-tags .tags-container h2 {
color: #394245;
font-size: 24pt;
font-family: trochut;
font-weight: normal;
letter-spacing: 1px;
line-height: 1em;
margin: -52px 0 0 0;
padding: 0 0 3px 0;
text-align: right;
text-transform: lowercase;
}

.page-tags .tags-container ul {
list-style: none;
margin: 15px 0 0 0;
padding: 0;
}

.page-tags .tags-container ul li {
margin: 0 0 0 1em;
padding: 2px 0;
}

/*--- Icons Page ---*/

.icons-container {
color: #222c2d;
background-color: #fff9f1;

border-left:0;
margin: 0 auto 2em;
padding: 4em 2em;
}

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

.icons-container h2 {
color: #222c2d;

font-size: 1em;
font-weight: normal;
letter-spacing: 1px;
margin: 0;
padding: 0;
text-align: right;
text-transform: lowercase;
}

.sorting-options ul {
padding-left: 0;
text-align: right;
}

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

.icons-container .icon {
margin: 1em 0;
}

.icon-image {
float: left;
clear: left;
margin-bottom: .25em;
min-width: 100px;
padding-right: 1em;
}

.icon-info {
min-height: 100px;
}

.icon-info span {
font-weight: bold;
}

.icon-info .default {
text-decoration: underline;
}

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

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


.userpic {
float: left;
margin: 0 10px 10px 0;
}