layoutlounge | 71. All Hallows Eve

Layout Style: S2 Flexible Squares
Features: Sidebar, Scrolling Tags, Custom Page Summary
Layout Width: 1000px

71. All Hallows Eve { Preview } { Live }
Credit:

layout_lounge
For help with layout please consult the How To Guides, otherwise please comment.

Layout:

/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #000000;
 background-image: url(BACKGROUND IMAGE);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #888888;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #AD5C00; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background-color: #FFFFFF;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 border-width: 1px 3px 3px 1px;
 border-style: solid;
 border-color: #BBBBBB;
 color: #333333;
 font-size: 15px;
 line-height: 16px;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
 }

img.special { background-color: transparent !important; padding: 3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; }

i img { background-color: transparent !important; padding: 3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; }

b, strong { color: #0F609C; }
i, em { color: #7C0D23; }
u { color: #606060; }
s, strike { color: #934545; }

.b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: "monospace"; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 background-color: #ffffff;
 width: 990px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 border-width: 0 5px 3px 5px;
 border-style: solid;
 border-color: #ededed !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 }

#maincontent {
 background-color: #ffffff;
 width: 735px;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 min-height: 200px;
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 990px;
 height: 40px;
 text-align: center;
 color: #282828;
 padding: 15px 0px 14px 0px;
 margin-top: -7px;
font-family: open sans condensed, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 12px 15px 12px 15px;
 margin: 0px -7px 0px -7px;
 letter-spacing: 1px;
 color: #000000;
 background-color: #E8E8E8;
 text-align: left;
 border:0px solid #E0E0E0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
}

div#header li.view { 
 padding: 12px 15px 22px 15px;
 margin: 0px -7px 0px -7px;
 color: #000000;
 background-color: #D7D7D7;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
 }

div#header a:hover { 
 padding: 12px 15px 32px 15px;
 margin: 0px -7px 0px -7px;
 color: #000000;
 background-color: #D7D7D7;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#BF470A!important; }

div#footer a, div#footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

div#footer a:hover {
color:#FFFFFF;
background-color: #BF470A;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #F7F332;
letter-spacing: 3px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*--------------- sidebar ---------------*/

#sidebar {
width: 260px;
background-color: #ffffff;
color: #999999;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
float: right;
text-transform: lowercase;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 border-width: 2px 0 2px 0px;
 border-style: dotted;
 border-color: #ECE9E6;
right: 5px;
}

.sbarbody2 { 
padding: 5px; 
background-color: #F3F3F3; 
margin-top: 0px; 
margin: 0 5px 0 5px; 
line-height: 12px; 
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 border: 5px solid #E0E0E0; }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #2B3345;
display: inline;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#444444;  }

li.sbartitle {
 list-style: none;
 color: #320c56; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 2px;
 font-family: "Nachtmere", trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
text-shadow: 2px 2px 6px #bbbbbb;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
color: #d64701;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: center;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

td.sbarcalendar {background-color:#F3F2EE;
padding: 3px;}

td.sbarcalendarposts {background-color:transparent;
padding: 3px;}

table.calendar {padding-top: 5px;}

#sidebar_summary, #sidebar_calendar, h2 { display:none!important; }

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #2B3345; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

li.tagBox a:hover { color: #ffffff; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

#sidebar_tags li.sbaritem a { color: #2B3345; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

/*-----------Entries-----------*/
.entry {
 padding: 10px 20px 10px 20px;
 margin-bottom: 10px;
 color: #767676;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 13px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic {
 position: relative;
background-color: rgba(0, 0, 0, 0.2) !important;
 border: 1px dotted #444444;
 float: left;
padding: 10px; 
margin-left:-130px; margin-top:-11px;
 text-align: center;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 11px;
 z-index: 15;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;
 }

.userpic a { color: #AD5C00 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpicfriends {
 position: relative;
background-color: rgba(0, 0, 0, 0.2) !important;
 border: 1px dotted #444444;
 float: left;
padding: 10px; 
margin-left:-130px; margin-top:-11px;
 text-align: center;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 11px;
 z-index: 15;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;
 }

.userpicfriends a font {color: #AD5C00;}
.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: "JackLantern BB", arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: -15px 10px 0px 10px;
 color: #212234;
font-family: "Moonlight Shadow", open sans condensed, georgia, arial;
 font-size: 24px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #212234;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #AD5C00;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #AD5C00;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: "trebuchet ms", arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: #FFFFFF;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -20px;
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin:0;
padding:4px 6px;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#000000;
background-color: #BF470A;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #F7F332;
letter-spacing: 3px;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: "trebuchet ms", arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "arial";
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: "trebuchet ms", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: "arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 position: relative;
 background-color: rgba(100, 100, 100, 0.2) !important;
 top: -30px;
 left: 0px;
 padding: 10px;
 margin: 10px 10px -20px 10px;
 z-index: 15;
 float: left;
-moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
 }
  
.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

/*-----------Year/Archive Page----------*/

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/th_candy_corn.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/th_candy_corn.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/th_frankenstein.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 1000px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
-moz-border-radius: 0 0px 20px 20px;
-webkit-border-radius: 0 0px 20px 20px;
border-radius: 0 0px 20px 20px;
-khtml-border-radius: 0 0px 20px 20px;
 }

.separator { height: 20px; }

71a. Dark Alternative: { Preview } { Live }

a, a:link, a:visited { color: #AD5C00; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background-color: transparent !important;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 border-width: 1px 3px 3px 1px;
 border-style: solid;
 border-color: #444444;
 color: #999999;
 font-size: 15px;
 line-height: 16px;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
 }

img.special { background-color: transparent !important; padding: 3px; border-width: 1px; border-style: solid; border-color: #333333; }

i img { background-color: transparent !important; padding: 3px; border-width: 1px; border-style: solid; border-color: #333333; }

b, strong { color: #0F609C; }
i, em { color: #7C0D23; }
u { color: #606060; }
s, strike { color: #934545; }

.b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: "monospace"; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
background-color: rgba(0, 0, 0, 0.3);
 width: 990px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 border-width: 0 5px 3px 5px;
 border-style: solid;
 border-color: #000000 !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 }

#maincontent {
 width: 735px;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 min-height: 200px;
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 990px;
 height: 40px;
 text-align: center;
 color: #999999;
 padding: 15px 0px 14px 0px;
 margin-top: -7px;
font-family: open sans condensed, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 12px 15px 12px 15px;
 margin: 0px -7px 0px -7px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #222222;
 text-align: left;
 border:0px solid #E0E0E0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
}

div#header li.view { 
 padding: 12px 15px 22px 15px;
 margin: 0px -7px 0px -7px;
 color: #999999;
 background-color: #444444;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
 }

div#header a:hover { 
 padding: 12px 15px 32px 15px;
 margin: 0px -7px 0px -7px;
 color: #999999;
 background-color: #444444;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

ul.navfooter li + li a:hover { background-color:#BF470A!important; }

div#footer a, div#footer a:link {
background-color: #999999;
color: #000000;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

div#footer a:hover {
color:#000000;
background-color: #BF470A;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #F7F332;
letter-spacing: 3px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*--------------- sidebar ---------------*/

#sidebar {
width: 260px;
color: #999999;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
float: right;
text-transform: lowercase;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 border-width: 2px 0 2px 0px;
 border-style: dotted;
 border-color: #333333;
right: 5px;
}

.sbarbody2 { 
padding: 5px; 
background-color: #292929; 
margin-top: 0px; 
margin: 0 5px 0 5px; 
line-height: 12px; 
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 border: 5px solid #333333; }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #616D87;
display: inline;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#999999;  }

li.sbartitle {
 list-style: none;
 color: #976FBD; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 2px;
 font-family: "Nachtmere", trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
text-shadow: 2px 2px 6px #bbbbbb;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a:hover {
color:#999999; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

td.sbarcalendar {background-color:#F3F2EE;
padding: 3px;}

td.sbarcalendarposts {background-color:transparent;
padding: 3px;}

table.calendar {padding-top: 5px;}

#sidebar_summary, #sidebar_calendar, h2 { display:none!important; }

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #616D87; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

li.tagBox a:hover { color: #999999; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

#sidebar_tags li.sbaritem a { color: #616D87; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

#sidebar_tags li.sbaritem a:hover { color: #999999; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic a { color: #AD5C00 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpicfriends a font {color: #AD5C00;}
.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #393939;
 font-family: "JackLantern BB", arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: -15px 10px 0px 10px;
 color: #616D87;
font-family: "Moonlight Shadow", open sans condensed, georgia, arial;
 font-size: 24px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #444444;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #616D87;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #AD5C00;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #AD5C00;
 font-weight: normal;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: transparent !important;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -20px;
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a:hover {
color:#ffffff;
background-color: #BF470A;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #F7F332;
letter-spacing: 3px;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 color: #999999;
 }

form div.box {
 text-align: left;
 color: #999999;
  }

.reply {
 position: relative;
 font-family: "trebuchet ms", arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "arial";
 font-size: 10px;
 line-height: 125%;
 color: #ffffff;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: "trebuchet ms", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: "arial;
 color: #ffffff;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

div#content input,
div#content textarea,
div#content select {
 color: #ffffff;
 background-color: #222222;
 border: 0px solid #000000;
 padding: 5px;
 }
  
.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #999999; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #999999; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #ffffff; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
background-color: rgba(0, 0, 0, 0.3);
 margin-top: 5px; 
 width: 100%;
 }

/*-----------Year/Archive Page----------*/

ul.year {  text-align: center;  padding: 5px;         background-color: #000000; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #000000; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 20px;
 background-color: #000000;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 12px;
 background-color: #ffffff !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 1000px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
 background-repeat: no-repeat;
-moz-border-radius: 0 0px 20px 20px;
-webkit-border-radius: 0 0px 20px 20px;
border-radius: 0 0px 20px 20px;
-khtml-border-radius: 0 0px 20px 20px;
 }

.separator { height: 20px; }

Click here for font tutorial:
Nachtmere, JackLantern BB, Moonlight Shadow

Header 800 x 300

All check out our other Halloween headers.

Background Image:

PLEASE NO HOTLINKING IMAGES

Headers:

graffitigraphic
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

RULES:
No Hotlinking Images
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Flat | Top-Level Comments Only

From:

sireesanwar.livejournal.com

I'm glad you figured that out. I don't think many do and I'm trying to make it more noticeable.

I'm glad you like it. Enjoy!

yuuri21.livejournal.com

Hi! Sorry to bother you.

I just noticed that this layout doesn't have the Previous link to go back a few pages, and I need to have a way in order to read through the F-Page.

Is there anyway for it to show?

There isn't one to the bottom left? There should be one to the left of the layout.

See:
(http://i46.tinypic.com/cy20.jpg)

If you can see this then maybe I have to adjust it to the bottom for you.

Edited Date: 2012-10-06 12:35 am (UTC)

OMG!! I do see it! I thought it would be at the bottom center and I didn't noticed it was on the left >.<

Ahh!! I feel dumb.

Phew! I thought maybe your browser width was small or something. You can disregard my other comment.

Don't feel dumb. I just tricked you. LOL

Also when you go back a page the next button will be on the opposite side of your browser. Design pretties. ;-)

Figured it out. If you can't see the previous page floating always at the bottom and to the left then go into your coding...

Find this...
#footer {
bottom: 10px;
padding:5px 0;
position: fixed; <-----------------
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

Change where it says fixed to say inherit and they should move to the bottom of your page. Let me know if that works.

Layout Lounge

Layouts, Tutorials, Help, and more

71. All Hallows Eve

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025