KRYBER LIVEJOURNAL THEME 1.0

Installation:

1. Go to Customize to select your journal style.

2. Type Flexible Squares into the Search box and apply any of the plain flexible squares (not circular) layouts.

3. Scroll down to the bottom of the page to choose a page setup. Select 2 Column (sidebar on right).

4. For ad settings right above that, select Vertical.

5. Go to Customize Journal Style and select Custom CSS on the sidebar on your left.

6. For "Use Layout Stylesheets: select No.

7. For "Use layout's stylesheet(s) when including custom external stylesheet: select No.

8. For "Use external stylesheets, select No and leave the Custom external stylesheet URL empty.

9. Paste the following code into the "Custom Stylesheet box:


body {
font-family: verdana;
color: #1b5794;
background-color: #1eb6f5;
text-align: justify;
overflow: auto;
margin: 0px;
padding: 0px;
background: url('[link]) center repeat-y #1eb6f5; }

ul { margin: 0px;
padding: 0px; }
li { margin: 0px;
padding: 0px; }
td {
font-family: verdana;
font-size: 5pt;
line-height: 18px;
text-align: justify;
margin: 0px;
padding: 0px;
}

a:link { color: #1eb6f5;
text-decoration: none;
font-variant: small-caps; }
a:link img { border: 0;
}
a:visited { color: #1eb6f5;
text-decoration: none;
font-variant: small-caps; }
a:visited img { border: 0;
}
a:hover { color: #1eb6f5 ;
text-decoration: none;
text-transform: uppercase; }
a:hover img { border: 0;
}
p, td, blockquote {
font-size: 12px;
}
blockquote {
border-left: 1px solid #F9FF5B;
padding-left: 10px;
margin: 15px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 895px;
margin: 0 auto;
padding: 0px;
background: url('[link]) no-repeat top;
}
#maincontent {
margin-top: 280px;
margin-left: 200px;
margin-bottom: 0px;
margin-right: 70px;
padding: 0px;
font-family: verdana;
font-size: 14px;
text-align: justify;
z-index: 0;
float: right; }
#sidebar {
margin: 0px;
width: 150px;
position: absolute;
top: 330px;
left: 50%;
margin-left: -330px;
padding: 0px;
font-size: 10px;
font-family: Verdana, sans-serif;
float: left;
text-align: left;
}
#footer {
width: 895px;
text-align: center;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
height: 40px;
background:url('[link]) center bottom no-repeat;
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
z-index: 10;
clear: both;
}
ul.navheader
{
margin: 0px;
width: 90px;
position: absolute;
top: 210px;
left: 50%;
margin-left: -340px;
padding: 0px;
border: 0px;
text-align: left;
z-index: 101;
font-variant: small-caps;
}
ul.navheader li {
margin: 0px;
padding: 0px;
list-style: none;
}
.title{
color: #1b5794;
position: absolute;
left: 50%;
top: 150px;
margin-left: -80px;
font-size: 30pt;
font-family: times new roman;
text-align: left;
z-index: 200;
}
.subtitle{
position: absolute;
color: #377cec;
left: 50%;
top: 190px;
margin-left: -60px;
font-size: 10pt;
text-align: left;
z-index: 201;
}

/* sidebar */
.defaultuserpic {
text-align: center;
}
.sbarbody {
padding: 0;
}
.sbarbody2 {
list-style: none;
margin: 4px 0 4px 0;
padding: 2px;
line-height: 16px;
text-align: right;
}
table.calendar {
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}

.sbarcalendar {
border: 1px dotted;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: 1px dotted;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding: 0;
margin: 0;
list-style: none;
}
li.sbaritem
{
list-style: none;
margin: 4px 0 4px 0;
padding: 2px;
}
li.sbartitle, div#sidebar h4
{
list-style: none;
margin: 4px 0 4px 0;
padding-top: 15px;
text-align: center;
font-weight: bold;
font-family: Verdana, sans-serif;
font-size: 14px;
text-transform: lowercase;
letter-spacing: 1px;
}

/* maincontent */
.subcontent {
}
.entry{
margin: 0 0 0 115px;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 8pt;
text-align: justify;
line-height: 16px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display: none;
float: right;
margin-left: 5px;
}
.userpicfriends {
position:relative;
float:right;
text-align:center;
font-family:Verdana, sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 1px dotted;
margin:5px;
padding:0;
}
.userpicfriends font {
color:#78C5F3 !important;
}
.date {
line-height: 150%;
top: 5px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
text-align: right;
}
.subject {
font-weight: normal;
padding-bottom: 10px;
font-family: Verdana, sans-serif;
font-size: 18px;
font-variant: small-caps;
letter-spacing: 1px;
text-align: right;
}
.subject a, .subject a:link, .subject a:visited {
}

.subject a:hover {
}
.datesubject {
margin: 0 0 0 115px;
}
.currents, .currentmood, .currentmusic, .ljtags {
font-family: Verdana, sans-serif;
font-size: 11px;
}
.ljtags{
font-weight:bold;
margin-top:10px;
}
.comments {
font-family: Verdana, sans-serif;
font-size: 12px;
text-align: right;
padding: 3px;
margin: 0;
}

/* maincontent -- entry, reply pages */
.datesubjectcomment {
padding: 5px;
font-size: 12px;
line-height: 14px;
border-bottom: 1px dotted #998675;
}
.userpiccomment {
margin: 10px;
z-index: 15;
float: right;
}
.box {
padding: 20px;
clear: right;
width: 520px;
margin-left: 100px;
font-size: 8pt;
}
input, textarea {
color: #000000;
border: 1px dotted;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Verdana, sans-serif;
line-height: 125%;
background-color: #ffffff;
color: #000000;
}
.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-family: Verdana, sans-serif;
}
.commentbox {
padding: 5px;
margin: 10px 0 10px 0;
}
.commentboxpartial {
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}

/* maincontent -- year/achive pages */
ul.year {
text-align: left;
padding-bottom: 30px;
font-weight: normal;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 1px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
]table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid;
}
table.yeartable td.yearday {
font-weight: bold;
text-align: center;
border-top: 1px solid;
}
td.yearmonth {
border-bottom: 1px dashed;
}

/* footer */
ul.navfooter{
padding: 0;
padding-left: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 5px;
}

.clearfoot {
clear: both;
}

/* misc */
.clear {
height: 0;
}
.skiplinks {
text-align: left;
margin-left: 135px;
font-size: 6pt;
padding-bottom: 0px;
}
.separator{
height: 35px;
}

*NOTE: REPLACE THE LINKS WITH THEIR CORRESPONDING IMAGES.