Vanilla Spice

/* 'vanilla spice' by vipernora @ dreamwidth
color scheme: 'old woodcut' by milouveronica */

/* BODY */
#canvas {background:transparent;}
body {text-align:justify;background-color:#E6DDC6; }

#inner {position: absolute;  background-color: transparent;width:650px;overflow: hidden;margin-left: 100px;margin-top: 100px;padding:4px;text-align:justify;color: #777777;font-family: helvetica;font-size: 12px;line-height: 12px;text-decoration: none;}


/* HEADER */
#header {background:transparent;width:600px;z-index:2;top:0;margin-left:420px;padding:5px;height:170px;}
h2#subtitle {color:#BF493B;font-family:'roboto slab', 'courier new', sans serif;text-align:center;margin-top:-25px;text-transform:uppercase;font-size:14pt;letter-spacing:9pt;}

h2#pagetitle {display:none;}

h1#title {font-size: 40px;
font-family:'roboto slab',sans serif;
font-weight: bold;
text-transform: uppercase;
text-align:center;
letter-spacing: 15pt;
color: #A4898F;
padding-top:20px;
text-shadow:2px 14px 15px #777;}

h3 {text-align:center;font-family: 'roboto slab', sans serif;color:#000;font-size:18px;}

h3.entry-title a { color:#eee;font-family:georgia;font-size:12pt;font-weight:lighter;line-height:50%;top:-50px;text-transform:uppercase;}

.entry .header {text-align:center;top:-20px;position:relative;background-color:#CEC1B1;padding:2px 0px 12px 0px;}

.datetime {color:#eee;margin-top:-150px;}
.time {display:none;}
.datetime a, .datetime a:link, .date, .date a, .datetime a:hover{color:#eee;font-family:georgia;line-height:50%;text-transform:uppercase;;}

h2 { font-size: 18px;
font-family: courier new;
font-weight: bold;
text-transform: lowercase;
color: #000;
line-height:17px; }

h4.comment-title a {font-size:12px;
font-family:courier new;
font-weight: bold;
text-transform:lowercase;
color:#000;}


/* GENERAL LINKS */

a, a:link, a:visited {-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
-o-transition: all .8s ease-out;
transition: all .8s ease-out;
color:#BF493B;text-transform:lowercase;text-decoration:none;}

a:hover {color:#A4898F;}

.ljuser a {color: #BF493B;}

/* ENTRIES */
#primary {z-index:1;
background-color: #fff;
overflow: visible;
width:600px;
height: auto;
margin-bottom:0;
margin-left: 420px;
margin-top:0px;
color: #E6DDC6;
font-family: verdana, helvetica, "courier new", "times new roman", georgia;
font-size: 11px;
line-height: 12px;
position:absolute;
box-shadow:100px #fff;
padding-bottom:10px;}

.entry-content {font-family:verdana;line-height:1.25;color:#000;background-color:#fff;margin:5px 20px 0px 10px;}

div#primary .userpic img { float:right;
    border: 4px double #BCC3BB;
    background-color:#E6DDC6;
margin-top:-50px;margin-right:-105px;
    padding:0px;
    width:60px;
    height:60px; }

span.poster.entry-poster {margin-top:20px;margin-right:-110px;text-align:center;float:right;background-color:transparent;color:#777;font-family:verdana;font-weight:lighter;text-align:center;width:65px;padding:3px;}

span.poster.entry-poster a {color:#777;text-transform:lowercase;font-size:7pt;auto;text-align:center;}

span.poster.entry-poster img {display:none;}

.tag ul {background: url("http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/attach_zpsc86ee8c1.png") no-repeat scroll 0 50% transparent;
padding: 4px 0 4px 28px;
text-align: left;
color:transparent;
font-size:7pt;}

div.tag {margin-left:5px;padding-bottom:20px;color:transparent}

.tag-text {display:none;}

.tag ul li {display: inline;padding: .25em;text-align:left;}

.tag ul li a {color:#A4898F;text-align:left;}

.tag ul li a:hover {color: #A4898F;font-weight:bold;}

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

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

ul.entry-management-links a {text-transform:uppercase;color:#A4898F;}

ul.entry-interaction-links {margin: 10px 0 0 0;text-align: center;background-color:#fff;padding:0 10px 20px 10px;  }

.entry-interaction-links li a {text-transform:uppercase;color#A4898F;}

ul.entry-interaction-links li {display: inline;list-style: none; font-size:10pt;font-weight: normal;padding: 5px;letter-spacing: 0;font-family:verdana; }

ul.entry-interaction-links a:hover {color:#A4898F;}

/* BLOCKQUOTE & TEXTAREA */
blockquote {  background: #eee;
  border-left: 10px solid #BCC3BB;
  margin-left:50px;
  padding: 0.5em 10px;
  padding-top:10px;
  color:#111;
  border-radius:5px;}

blockquote:before {  color: #BCC3BB;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align:-0.4em !important;}

textarea {background-color:#efefef;color:#000;font-size:7pt;}

/* SIDEBAR THINGS */
div#secondary {margin-left:150px;background-color:transparent;width:210px;}
div#secondary .userpic img {border:4px #BCC3BB double;height:90px;width:90px;margin-left:55px;margin-right:55px;padding:5px;}
.journal-name {text-align: center;text-transform: uppercase;font-family: 'roboto slab',courier new;font-size: 12pt;padding: 4px;width:200px;color: #777;overflow: hidden;max-width: inherit;overflow-x: hidden;}
.module-header, .module-header a {color:#BF493B;font-family: 'roboto slab',courier new;font-size:12pt;letter-spacing:-1px;text-transform:uppercase;}
.module-content {margin-left:auto;margin-right:auto;font-size:8pt;color:#777;font-family:verdana;}
.module-content a {text-transform:lowercase;color:#777;}
ul.module-list { margin-left:auto; margin-right:auto;padding:5px;}
ul.module-list:hover { margin-left:auto; margin-right:auto;padding:5px;color:#000;}
.module-navlinks .module-list-item {display: block;width:200px;padding:3px;
text-align:center;font-family:georgia,courier new;letter-spacing: 1.5px;background-color:#A4898F;border-bottom:2px #E6DDC6 solid;text-transform:uppercase;}
.module-navlinks .module-list-item:hover {display: block;background-color:#E6DDC6;color: #000;border-bottom:2px #E6DDC6 solid;}
.module-navlinks .module-list-item a {color:#E6DDC6;width:200px;text-align:center;font-size:12pt;text-transform:uppercase;}
.module-navlinks .module-list-item a:hover {letter-spacing:7px;color:#E6DDC6;width:200px;text-align:center;}
.module-list-item {display:block;padding:3px;text-align:left;font-family:verdana,courier new;text-transform:lowercase;}
.module-list-item li {list-style-type:none;color:#A4898F;}
.module-list-item li:hover {color:#A4898F;}
.module-list-item a {color:#777;font-size:8pt;text-transform:lowercase;}
.module-list-item a:hover {color:#A4898F;letter-spacing:2px;}
.module-tags_list li, module-tags_list li:hover {background:transparent;text-align:left;padding:0px;letter-spacing:0px;color:transparent;list-style:none;}
.module-tags_list li a {color:#777;}
.module-tags_list li a:hover {color:#A4898F;padding:0px;letter-spacing:2px;}
div.module-typelist.module {background-color:transparent;margin-top:-300px;list-style-type:none;display:inline;}
div.module-typelist.module a {line-height:1; width:200px; font-size:1em;}
.manage-link {display:none;}
.pagesummary, .pagesummary:hover {color:#777;}
.pagesummary-poster a, .pagesummary-poster a:hover, .pagesummary-subject a, .pagesummary-subject a:hover {letter-spacing:0px;}
.header { background-color: #Fff; padding-bottom:0px;color:#fff;}
table {margin-lefT:auto;margin-right:auto;text-align:center;font-family:verdana;}
th{color:#BF493B;}
td{padding:3px;text-align:center;}
td.entry-day {background-color:#CEC1B1;}
td.empty-day {background-color:#CEC1B1;}
td.entry-day a {color:#BF493B;}

/* NAVIGATION & FOOTER */
.navigation.bottomnav {margin-left:auto;margin-right:auto;text-align:right;color:transparent;margin-bottom:-60px !important;background-color:#E6DDC6;}
.navigation.topnav {display:none;}
.navigation.bottomnav li {display:inline;text-align:center;font-size:12pt;padding:2px;}
.navigation.bottomnav a {text-transform:uppercase;}
#footer {bottom:0px;position:absolute;background:transparent;}
.footer {padding:5px;background:#fff;border-bottom:15px solid #E6DDC6;}
.footer a {color:#A4898F;}
.footer a:hover {color:#BF493B;}
li.page-back, li.page-forward {list-style-type: none;font-family:georgia;font-size:12pt;background-color:#A4898F;}
.page-top {background-color:transparent;color:#eee;bottom:0px;text-align:right;display:none}
.page-back a, .page-forward a {padding:5px;color:#E6DDC6;}
.page-back a:hover, .page-forward a:hover {color:#E6DDC6;}
li.page-separator {display:none;}

/*ARCHIVE PAGES*/
li.active { list-style: none; display: inline; padding: 0; margin: 10px; }
.month { padding: 20px; background-color: #fff; margin: 0 0 10px 0; color:#777;}
.month h3 { padding: 0; margin: 0; font-size: 11pt; text-transform: lowercase; letter-spacing: 1pt; color: #777; font-family:courier new;}
table.month {padding:10px; }
.month th { text-align: center; margin: 0 2px; text-transform: lowercase; background: #777; color:#E6DDC6;}
.month td.day { font-weight: normal; }
.month td.day-has-entries { font-weight: normal; }
.month td.day-has-entries p { padding: 0 0 0 5px; margin: 0; display: inline; }
.month table { width: 100%; border: 0; margin: auto; }
.month caption { display: none; }
td.day { padding: 10px; border: 0; text-align: center; }
.month .footer {border:0;}
.month a {color:#BF493B;}

/* TAGS PAGE */
.tags-container {color:#777;}
.tags-container a {color:#BF493B}
.tags-container a:hover {color:#777;letter-spacing:2px;}
.tags-container li {list-style:none;}
.tags-container ul {display:block;}
.tags-container h2 {margin-left:10px;color:#A4898F;}
.tags-container .footer {border:0;}

/* NAVIGATION STRIP */
#lj_controlstrip {top: 0px;left: 0px;width: 100%;height: 45px;margin: 0px;padding: 0px;position: absolute;z-index:5;}
#lj_controlstrip_statustext {color:#E6DDC6;}
#lj_controlstrip td {background-color:#CEC1B1;text-transform:uppercase;}
#lj_controlstrip a {color:#A4898F;text-transform:uppercase;font-weight:normal;text-decoration:none;}
#lj_controlstrip a:hover {text-transform:uppercase;font-weight:normal;color:#E6DDC6;text-decoration:none;}
div.metadata.bottom-metadata, div.metadata.bottom-metadata ul {display:none;}

/* COMMENT PAGES */
ul.comment-management-links {display: inline;padding-left: 0;margin-left: 0;text-transform: uppercase;}
ul.comment-management-links li { display: inline; padding: 0 .25em;}
ul.comment-interaction-links {display: inline;padding-left: 0;margin-left: 0;text-transform: lowercase;}
ul.userlite-interaction-links.icon-links li {display: inline;padding: 0 .20em;}
ul.userlite-interaction-links.text-links {display:none;text-align: left;}
.comment-content { margin-left:10px;margin-right:10px;margin-top:10px;color:#000;}
div.edittime {margin-top:15px;}
.comment-from-text {margin-left:0px;}
.comment .footer {background-color:#fff;border:0 !important;}
#comments {margin-left:10px;}
#comments.userpic {float:left;}
.comment-pages.toppages {text-align: center;}
.comment-pages.bottompages {text-align: center; padding:10px;}
.bottomcomment ul.entry-management-links.text-links {display:none;}

/* METADATA */
div.metadata {color:#777;font-family:georgia;font-variant:small-caps;margin-left:-20px;}
li#metadata {list-style:none;}
li#metadata-mood {list-style:none;}
li#metadata-location {list-style:none;}
li#metadata-music {list-style:none;}
span.metadata-label.metadata-label-mood {font-variant:small-caps;}

/* TINY ICONS */
img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/lock_zpsd8ff6372.png) no-repeat; padding: 16px 0 0 16px !important; }
img[src*="private.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/key_zps8cbc026c.png) no-repeat; padding: 16px 0 0 16px !important; }