CCCPaste

IN SPACE

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


layout name: in space
layout base: brittle
updated: 8/03/14

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


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

@font-face {
font-family: 'Quattrocento';
font-style: normal;
font-weight: 400;
src: local('Quattrocento'), url(http://themes.googleusercontent.com/static/fonts/quattrocento/v4/WZDISdyil4HsmirlOdBRFHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

img[src*="user.png"] {height:13px; width:13px;}

#module-jump-link { display: none; }
body {
padding: 0 0;
background: #FBFBFB;
font-family: palatino linotype, palatino, serif; serif; font-size: 1em;
color: #111111;
line-height: 1.6em;
text-align: center;
}

html body {
margin-left: 0em;
margin-right: 0em;
}

img { border: none; }

a, a:link, a:visited, a:hover { color: #111; text-transform:uppercase; text-decoration:none; letter-spacing:.1em; }

q { font-style: italic; }

#canvas {
width:700px;
margin: 40px auto;
padding: 0;
text-align: justify;
}

#primary {
float:left;
width: 700px;
text-align: justify;
margin: 180px 0 30px 0;
}

#secondary {
width:700px;
margin: 0 auto 0 auto;
position:absolute;
padding:;
font-size: 1em;
}

#tertiary {display:none;}

#tertiary > .inner:first-child { }

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


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

#header {text-align:center; padding:0 0 70px 0;margin:0;
}
#pagetitle {display:none;
}
#title {line-height:1em;padding:0px;margin:0;font-family:palatino linotype, palatino, serif; font-size:18pt;font-weight:normal; letter-spacing:.1em;
}
#subtitle {line-height:1em;padding:0px;margin:0;font-family:palatino linotype, palatino, serif; font-size:12pt;font-weight:normal;letter-spacing:.1em;font-style:italic;
}
#footer {
display:none;
background: #222;
width: 45%;
font-size: 0.7em;
text-transform: lowercase;
clear: both;
margin-top: 10px;
margin-right: auto;
}

#footer a, #footer a:link, #footer a:active { color: #aaa; }
#footer a:visited { color: #3b4e55; }
#footer a:hover { color: #769ca9; }

#footer .inner { padding: 10px; }


/*--- prev/next navigation ---*/

li.page-back, li.page-forward {
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

li.page-separator { display: none; }

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


/*--- entry ---*/

.entry {
background: #FBFBFB;
border:1px solid #EBEBEB;
color: #111111;
padding: 0;
margin: 0 0 10px 0;
}

.entry a, #tertiary a, .entry a:visited, #tertiary a:visited, .entry a:hover, #tertiary a:hover {
color: #inherit;
}

.entry-content {
padding:10px 30px 10px 30px;
margin:0;
font-family: times new roman, serif;
font-size: 10pt;
line-height:1.3em;
color:#555;}

.entry .header {
text-align:center;
color:#ccc;
background:#222;
font-family:times new roman;
padding: 10px 10px 5px 10px;
margin: 0;
border-bottom: 1px solid #aaa;
}

h3.entry-title {text-transform:lowercase;
margin: 0;
padding: 0;
font-family:times new roman, times, serif;
font-size:24pt;
line-height:.8em;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
color:inherit;
}

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

h3.entry-title a { text-transform:lowercase; color:inherit; }

.datetime {
line-height:1.2em;
font-family:verdana;
font-size:8pt;
letter-spacing:.1em;
text-transform: uppercase;
color:#aaa;
}
.datetime a { color:inherit; }

.entry .userpic {
display: none;
float:left;
margin-top: -72px;
}

.entry .userpic img { background: #FBFBFB;
padding:15px;
border: 1px solid #aaa;margin:0 0 0 -12px;
}

.poster {
font-family: verdana, sans-serif; font-size: 8pt;
text-transform: uppercase;
float:left;
padding:10px 0px 10px 45px;
width:653px;
display:block;
}

.metadata { margin: 1.25em 0 0 0; }

.metadata.top-metadata { margin: 10px 0 1.25em 0; }

.metadata ul {
padding: 0;
margin: 0;
}

.metadata ul li {
list-style: none;
font-size: 60%;
font-weight: normal;
text-transform: lowercase;
color: #aaa;
letter-spacing: 0;
padding: 0;
}

.tag-text {
color:#777;
padding:5px 15px 5px 30px;
font-size: 10pt;
text-transform: lowercase;
}

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

.tag ul li {

display: inline;
list-style: none;
font-size: 60%;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 0;
padding: 0;
}

.tag ul li a{ color:#777;}

ul.entry-management-links {
text-align:center;
padding: 0 10px 0 10px;
margin: 10px 0 0 0;
}

ul.entry-management-links li {
display: inline;
list-style: none;
font-size: 60%;
font-weight: normal;
text-transform: lowercase;
color: #333;
letter-spacing: 0;
padding: 0 5px 0 0;
}

ul.entry-interaction-links {

padding: 0 0 5px 0;
margin: 0;
text-align: center;
}

ul.entry-interaction-links li {
display: inline;
list-style: none;
font-size:8pt;
font-weight: normal;
text-transform: uppercase;
color: #aaa;
letter-spacing: 0;
padding: 0 5px 0 0;
}

.navigation li{font-size:8pt;}

/*-- archive --*/

li.active {
list-style: none;
display: inline;
padding: 0;
margin: 10px;
}

.month {
background-color: transparent;
border:1px solid #e7e7e7;
color: #111111;
padding: 20px;
margin: 0;
}

.month h3 {
font-family: times new roman, times new roman, sans-serif; font-size: 0.7em;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
padding: 0;
margin: 0;
text-align: right;
}

.month a {
color: #aaa;
}

.month a:visited {
color: #3b4e55;
}

.month a:hover {
color: #769ca9;
}

.navigation ul { display: inline; }
.navigation li { display: inline; list-style: none; }

table.month { border: 0; }
.month caption { display: none; }
.month th {
text-align: center;
margin: 0 2px;
text-transform: lowercase;
font-weight: normal;
}
.month td.day {
font-weight: normal;
color: #aaa;
}
.month td.day-has-entries {
font-weight: normal;
color: #aaa;
}
.month td.day-has-entries p {
padding: 0 0 0 5px;
margin: 0;
display: inline;
}
.month table {
width: 100%;
border: 0;
margin: auto;
}

td.day {
padding: 10px;
border: 0;
text-align: center;
}


/*-- tags --*/

.page-tags .tags-container {
background-color: transparent;
color: #111111;
font-family: times new roman, times new roman, sans-serif; font-size: 0.95em;
padding: 10px;
margin: 0 0 10px 0;
}

.page-tags .tags-container h2 {
margin: 0 0 10px 0;
padding: 0;
font-family: times new roman, times new roman, sans-serif; font-size: 0.7em;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #E7E7E7;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
color: #aaa;
}

.page-tags .ljtaglist { margin: 0; padding: 0; }
.page-tags .ljtaglist li {
padding: 0 0 0 10px;
margin: 0;
text-transform: lowercase;
letter-spacing: 0;
list-style: none;
}

.page-tags .tags-container a, .page-tags .tags-container a:visited, .page-tags .tags-container a:hover {
color: #aaa;
}

.page-tags .tags_cloud { text-align: center; }

/*-- icons page --*/

.icons-container {
background-color: #ecf1f2;
color: #111111;
font-family: times new roman, times new roman, sans-serif; font-size: 0.95em;
padding: 10px;
margin: 0 0 10px;
}

.icons-container h2 {
border-color: #6b6b6b;
border-style: dotted;
border-width: 0 0 1px 0;
color: #aaa;
font-family: times new roman, times new roman, sans-serif; font-size: 0.7em;
font-weight: normal;
letter-spacing: 1px;
margin: 0 0 10px 0;
padding: 0;
text-transform: lowercase;
}

.icons-container a {
color: #aaa;
}

.icons-container a:visited {
color: #3b4e55;
}

.icons-container a:hover {
color: #769ca9;
}

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

.sorting-options ul li {
display: inline;
list-style: none;
margin: 0;
}

.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;
padding: 0 0 0 13px;
}

.icon-keywords ul li {
display: inline;
list-style: none;
padding: 0 .25em 0 0;
}

/*--- comments ---*/

#comments {
float:right;
text-align:center;
width:700px;
font-family: times new roman, times new roman, sans-serif; font-size: 10pt;
}

.comment-wrapper {
}

.comment-title {
font-size:14pt;
line-height:1.2em;
font-family: times new roman;
margin: 0;
}

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

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

input, textarea {
background-color: #e7e7e7;
color: #333;
padding: 2px;
border: 1px solid #F7F7F7;
font-family: Helvetica, times new roman, sans-serif;
font-size: 80%;
}

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

.poster-ip {
display:inline-block;
line-height:1em;
font-family: verdana, sans-serif;
font-size: 8pt;
text-transform: uppercase;
color: #aaa;
margin:0;
padding:0;
}

.comment .userpic {
position:absolute;
float:right;
display: ;
margin: 0;
}

.comment .userpic img {
border-radius:40px;
width:80px;
height:80px;
}

.comment {
line-height:1em;
text-align:left;
background: transparent;
border:1px solid #EBEBEB;
color: #111111;
padding: 20px 20px 5px 20px;
margin: 0;
}
.comment-pages toppages {float:left;text-align:center;}
.multiform-checkbox{font-family:verdana; font-size:8pt;}
.comment-management-links{ margin:0; padding-top:10px;}

.comment-wrapper { margin: 20px 0; padding: 0; }
.comment-content { font-family:palatino linotype; font-size:10pt; color:#333; line-height:1.2em;margin: 10px 0; }

.bottomcomment, .comments-message {
font-size:10pt;
background: transparent;
color: #111111;
padding: 10px;;
margin: 0;
}

.comment a,
.bottomcomment a, .comment a:visited,
.bottomcomment a:visited, .comment a:hover,
.bottomcomment a:hover {
color: #111;
}

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li, .comment-management-links li a, .comment-interaction-links li a { font-size:8pt; letter-spacing:.1em; color:#333; padding:0; margin:0; display: inline; }

#qrform table { border: 0!important; }

.comment-poster {
line-height:1em;
padding:0;
margin:0;
font-family: verdana, sans-serif; font-size: 8pt;
text-transform: uppercase;
color: #aaa;
}

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { margin: 0; padding: 0; display: inline; }

table.talkform {
background: #ecf1f2;
color: #111111;
font-family: times new roman, times new roman, sans-serif; font-size: 0.95em;
padding: 10px;
margin: 0 0 10px 0;
}

table.talkform b {
color: #111111;
}

table.talkform a {
color: #aaa;
}

table.talkform a:visited {
color: #3b4e55;
}

table.talkform a:hover {
color: #769ca9;
}

/*-- modules --*/

#secondary .module {
font-family: times new roman, times new roman, sans-serif; font-size: 0.8em;
}

#tertiary .module {
float: left;
padding: 0.5em 2em;
font-family: times new roman, times new roman, sans-serif; font-size: 0.8em;
}
#secondary .module-navlinks { font-family: times new roman, times new roman, sans-serif; font-size: 0.8em;; }

#tertiary .module-navlinks {
margin: 0;
padding: 1em 5%;
width: 90%;
}

.module-navlinks {
margin: 0;
text-align:center;
text-transform: lowercase;
}

.module-navlinks ul.module-list {
padding: 0;
margin: 0;
list-style: none;

}
.module-navlinks ul.module-list li {
font-family:palatino linotype;
font-size:8pt;
letter-spacing:.1em;
text-transform:uppercase;
display:inline-block;
padding: 0px 10px 0px 10px;
margin: 0;
list-style: none;
}
.module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color:#333; }
.module-navlinks ul.module-list li a:visited { color:#333; }
.module-navlinks ul.module-list li a:hover { color:#333; }


.module-calendar { text-align: center; }
.module-customtext {
padding: 0;
margin: 20px 0 0 0;
text-align: center;
}

.module-header {
display:none;
font-family: times new roman, times new roman, sans-serif; font-size: 1em;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
text-transform: lowercase;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #6b6b6b;
}

.module-cuttagcontrols{display:none;}

.module-customtext .module-header { text-align: center; }

#tertiary .module-header a,
#tertiary .module-header a:link,
#tertiary .module-header a:visited,
#tertiary .module-header a:hover
{ color: #aaa; }

.module-userprofile .journal-name,
.module-userprofile .userpic
{ text-align: center; }
.journal-name{font-family:Quattrocento; font-size:12pt; text-transform:uppercase; letter-spacing:.3em; padding:10px 0 2px 0; color:#111;}

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

ul.userlite-interaction-links.icon-links {
display:none;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: 0;
padding-left: 0;
text-align: center;
}

ul.userlite-interaction-links.icon-links li {
display: inline;
padding: 0 0.2em;
}

.module-tags_cloud, .module-time, .module-powered { width: 90%; }

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

.manage-link {
font-size: smaller;
text-align: right;
text-transform: uppercase;
}

.module-time, .module-powered {
border-style:dotted;
border-width: 0 0 1px 0;
border-color: #6b6b6b;
letter-spacing: 1px;
line-height: 125%;
text-align: center;
padding-top: 1em;
}

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

#tertiary .module-content ul {
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-left: 1em;
padding-left: 0;
}

#tertiary .module-content li {
margin: 0.5em 0;
line-height: 100%;
}


/*-- extras --*/

div.ContextualPopup {
position: relative;
margin: 0;
text-align: justify;
font-weight: normal;
font-family: Helvetica, times new roman, sans-serif;
font-size: 50%;
color: #333;
line-height: 1.8em;
}

div.ContextualPopup div.Inner {
color: #333 !important;
border: 1px solid #6b6b6b;
background: #fff !important;
padding: 10px;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:hover {
color: #333;
}

div.ContextualPopup div.Inner a:active {
color: ;
}

div.ContextualPopup .Userpic {
margin: 5px;
border: 0;
background:;
padding:0;
}

blockquote {
background: transparent;
border: 0;
font-size: 10pt;
color: #333;
padding:10px 40px 10px 40px;
margin:0;
}

hr {
color: transparent;
height: 1px;
border-style: none;
border-bottom: 3px double #cedbde;
}


.entry .userpic,
.comment .userpic {
float: left;
text-align: right;
}
.entry .userpic {
margin-left: -105px;
}
.comment .userpic {
margin-left: -115px;
}