LJ Layout - Cheap Hotels

[sinisterx18]

CreateBlog hates me and never wants to accept my layouts. So I'm going to post some Live Journal layouts I've made here. Lyrics are from "Beg" by Evans Blue. The background on the image is a picture I tried to take at a 30 Seconds to Mars concert. Photography isn't really a career option for me. This is also the layout on my journal right now. But you could probably already tell that.

Screenshot:



Instructions:
1. Log into livejournal.com (customize)
2. Set STYLE SYSTEM to S2
3. Click on LOOK AND FEEL
4. Set LAYOUT to SMOOTH SAILING
5. Click on CUSTOM OPTIONS
6. Click on CUSTOM CSS
7. Copy (CTRL C) and paste (CTRL V) code to CUSTOM CSS

CSS:
body {
background-color:#232323;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
padding: 0px;
background-image: url(http://i241.photobucket.com/albums/ff1/iamlnm/bgi-1.jpg);
background-position: bottom left;
background-attachment:scroll;
background-repeat:repeat;
}

a:link, a:visited, a:active {
text-transform:none;
letter-spacing:1pt;
font-size: 10px;
color:#8d6db6;
text-decoration:underline;
letter-spacing:2px;
}

a:hover {
text-transform:uppercase;
letter-spacing:1pt;
font-size: 10px;
color:#fadcff;
text-decoration:overline;
background-color:#232323;
}

.pageblock{
width:90%;
min-width:800px;
margin: 0 auto;
background-image:url(http://i241.photobucket.com/albums/ff1/iamlnm/entry_bg-1.png);
margin-top: -1px;
}

.pagefooterblock{
background-color: transparent;
color: #232323;
padding-top: 0x;
margin-top: 0px;
text-align: center;
font-size: 7pt;
height: 72px;
text-transform: uppercase;
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
margin-left: -4px;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #8d6db6;
}

/* HEADER */

.pageheaderblock {
text-align: center;
background-image: url(http://i241.photobucket.com/albums/ff1/iamlnm/header-1.png);
background-repeat: no-repeat;
background-position:center;
min-width: 800px;
height: 350px;
border-top: 0px;
background-color: #232323;
}

.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;

}
.header-menu {
padding: 0px;
background-color: transparent;
font-family: arial;
font-size: 12px;
text-transform: none;
text-align: center;
padding-left: 0px;
position:absolute;
top:320px;
width: 728px;
border-top: 0px;

}
.header-menu a:link, .header-menu a:visited, .header-menu a:active {
white-space: nowrap;
text-transform:none;
letter-spacing:1pt;
font-size: 10px;
color:#8d6db6;
text-decoration:underline;
letter-spacing:2px;
}
.header-menu a:hover {
text-transform:uppercase;
letter-spacing:1pt;
font-size: 10px;
color:#fadcff;
text-decoration:overline;
background-color:#232323;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline; top:50px; position:relative; text-align: center;
}

/* BODY */

.bodyblock {
margin-left: 0px;
border-top: 0px;
margin-right: 0px;
margin-top: 32px;
padding-left: 41px;
padding-right: 42px;
margin-left: -2px;
}
.bodyheaderblock {
display: none;
border-top: 0px;
}
.bodynavblock {
background-color: transparent;
color: #232323;
margin: 0px 0px 4px 0px;
padding: 4px;
border-top: 0px;
text-align: center;
}
.bodynavblock a, .bodynavblock a:visited {
color: #e5bfff;
text-align: center;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}

/*ENTRIES*/
.entryHolder {
color: #302d32;
background-color: transparent;
font-family: arial;
font-size: 16px;
text-align: justify;
border-top: 0px;
padding: 0px;
margin-left: 5px;
width: 100%;
}
.entryUserinfo {
text-align: center;
margin: 2px;
background-color: transparent;
border: 0px
}
.entryUserinfo-usericon img {
padding: 2px;
border: 0px;
}
.entryText {
padding: 3px;
}
.entryHeader {
background-color: #232323;
font-family: arial;
text-align:center;
font-weight: normal;
text-transform: uppercase;
line-height: 19px;
border: solid 1px #e5bfff;
}
.entryHeader a:link, .entryHeader a:active, .entryHeader a:visited, .entryHeader a:hover{
color: #8d6db6;
text-transform:uppercase;
letter-spacing: 0px;

}
.entryHeaderSubject {
font-weight: bold;
color:#fadcff;
padding-bottom: 2px;
font-size: 11px;
padding: 3px;
margin-top: 3px;
}
.entryHeaderDate a {
color: #e5bfff;
text-decoration : none;
}
.entryHeaderDate {
color: #fadcff;
text-decoration : none;
font-size: 11px;
padding: 2px;
font-weight: bold
}
.entryHeaderDate a:hover {
color: #fadcff;
text-decoration : underline;
}
.entryMetadata {
padding-left: 0px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
display: block;
background-color: #232323;
padding: 2px;
margin-right: 0px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
color:#8d6db6;
}
.entryLinkbar {
font-family: arial;
font-size: 10px;
text-align: center;
padding: 4px 0px 4px 0px;
background-color: #fadcff;
margin-bottom: 3px;
}
.entryLinkbar a:link, a:visited{
color: #8d6db6;
text-transform: normal;
font-weight: bold;
}
.entryLinkbar a:hover{
color: #fadcff;
background-color: #232323;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 2px 0px 2px;
margin: 0px;
display: inline;
}
/*FOOTER*/

#footer-menu {
font-size: 11px;
background-color: transparent;
}
#footer-menu a, .footer-menu a:visited {
color: #8d6db6;
font-weight: bold;
white-space: nowrap;
padding: 3px;
text-align: center;
}

/*SIDEBAR*/

.sidebar {
font-family: arial;
font-size: 11px;
width: 210px;
background-color: transparent;
padding-bottom: 100px;
}
.sidebox {
color: #e5bfff;
background-color: #302d32;
margin-right: 0px;
margin-left: 0px;
border-left: #e5bfff 1px solid;
border-right: #e5bfff solid 1px;
}
.sideboxTitle {
background-color: #232323;
color: #fadcff;
font-family: tahoma;
font-size: 11px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border-top: 0px;
line-height: 21px;
}
.sideboxContent {
text-align: justify;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
background-color: transparent;
padding: 1px;
color:#fadcff;
margin-bottom: 4px;
}
.sidebox #latestmonth table a{
background-color: #e5bfff;
padding: 0px;
color: #302d32;
padding: 1px;
width: 20px;
font-weight: bold;
border-right: 1px solid #8d6db6;
border-bottom: 1px solid #8d6db6;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #fadcff;
background-color: #302d32;
font-family: arial;
font-size: 11px;
margin: 10px;
text-align: justify;
padding: 4px;

}
.commentUserinfo {
text-align: center;
margin: 5px 6px 3px 5px;
background-color: transparent;
}
.commentUserinfo-usericon img {

}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #302d32;
font-family: arial;
text-align:center;
font-weight: normal;
text-transform: uppercase;
line-height: 19px;
font-weight: bold;
color:#fadcff;

font-size: 11px;

}
.commentHeader a{
color: #e5bfff;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #e5bfff;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: arial;
font-size: 10px;
text-align: center;
padding: 4px 0px 4px 0px;
background-color: #232323;
margin-bottom: 3px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: transparent;
color: #232323;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 420px;
margin: 0px auto;
margin-top: 15px;
margin-bottom: 15px;
background-color: #232323;
color: #302d32;
}
.daysubjects {
color: #fadcff;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #302d32;
color: #fadcff;
border: #302d32 solid 1px;
}
.day-blank {
border: 0px solid #fadcff;
}
.day {
border: 0px solid #fadcff;
}
.day-date {
color: #e5bfff;
width: 50%;
text-align: center;
background-color:transparent;
border: #303d32 solid 1px;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #e5bfff;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #fadcff;
background-color: #232323;
}
.tagstable { width: 400px; }