/* 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: #333333;
}
a:visited {
color: #333333;
}
a:hover{
color: #B7C97F;
}
a:active {
color: #333333;
}
q {
font-style: italic;
}
input, textarea {
color: #222c2d;
background-color: #fff9f1;
border: solid 1px #333333;
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:#333333;
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: #B7C97F;
-webkit-text-shadow: 2px 2px 2px #121A21;
text-shadow: 2px 2px 2px #121A21;
}
#header h2#subtitle {
color: #B7C97F;
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: #333333;
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:#B7C97F}
.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: #333333;
background:#FCFBF8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
box-shadow: 0px 0px 15px 0px #9E9E9E;
}
#secondary>.inner {
border-left: 0;
padding: 0;
}
#secondary .module {
border-top:1px solid #333333;
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: #333333;
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:#333333;
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: #333333;
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: #333333;
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 #9E9E9E;
box-shadow: 0px 0px 15px 0px #9E9E9E;
}
.entry-content {
font-family: tahoma;
text-align: left;
font-size:10pt;
text-align:left;
padding: 15px 0 15px 0;
border-bottom: 1px dashed #333333;
}
.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 #9E9E9E;
text-shadow: 0px 3px 4px #9E9E9E;
}
.no-subject .entry .entry-title {
background: none;
}
h3.entry-title a {
color: #333333;
}
.datetime {
color: #333333;
font-size: 12pt;
font-weight: normal;
letter-spacing: .1em;
padding: 0;
text-transform: uppercase;
}
.datetime a {
color: #333333;
}
.userpic {
display: block;
}
.entry .userpic{
padding: 15px;
background:#333333;
margin: 0 0 0 -155px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
-webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
box-shadow: 0px 0px 15px 0px #9E9E9E;}
.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: #333333;
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:#333333;
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: #333333;
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: #333333;
display: inline;
font-weight: normal;
padding: 0;
}
.tag ul li a:hover{background:#333333;}
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: #333333;
color: #B7C97F;
}
ul.entry-management-links li {
color: #333333;
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: #333333;
display: inline;
font-weight: normal;
letter-spacing: 0;
padding: 0 5px 0 0;
text-transform: uppercase;
}
ul.entry-interaction-links li a{
color: #333333;
}
/*--- 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: #333333;
display: inline;
margin: 0 20px 0 0;
padding: 0;
font-size:24pt;
text-align: right!important;
text-transform: uppercase;
}
.month-wrapper {
color: #333333;
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 #9E9E9E;
box-shadow: 0px 0px 15px 0px #9E9E9E;
}
.month h3 {
font-family:'open sans condensed', arial narrow, sans-serif;
color: #333333;
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: #333333;
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: #333333;
border: 1px solid #333333;
padding: 2px;
}
td.day-has-entries a {padding:0; line-height:1px; color:#B7C97F;}
.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: #333333;
background:#FCFBF8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
box-shadow: 0px 0px 15px 0px #9E9E9E;
border-left:0;
margin: 0 0 90px;
padding: 20px 40px 20px 25px;
}
.page-tags .tags-container h2 {
color: #333333;
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;
}