katekat | Summer of Giles Redux (2): layouts (Reply)

I just realized that when I did my SOG post to my own journal, I forgot to include the layouts I made *is a dork*.

So here they are.

Preview:

i'll be your watcher

image preview

» works with -- Free, Paid & Sponsored
» comment pages -- paid/sponsored accounts only

instillation instructions

1. designate a website in your user profile! then go to your Customize page and set your style to S2 & save changes.

2. go to Look And Feel and select Flexible Squares & then scroll down to Themes and select (Layout Default), then save changes

3. go to custom options and

- click "Text" and change Link text to leave a comment to "Comment?" and Link text to read comments to "1 // #"
- click "Sidebar". Make sure Show the sidebar? is set to Yes and Set sidebar position to Right.
- under Title of the blurb sidebar box type "About Me", or whatever other title you would like. In the box below type about yourself.
- make sure Show the link list in the sidebar? is set to Yes if you would like the Links visible. To customize these, go here.
- set Show the calendar in the sidebar? to Yes if would like the Calendar to be visible. Change the order of the sidebar in the boxes below.

4. click "Custom CSS" and copy & paste the CSS text below into the giant box labled Custom stylesheet & save changes
Make sure "Use layout's stylesheet(s)" is set to Yes! This is very important.

5. choose which icon you'd like to have below and upload to your userpics

6. please put the following credits in your user info page! Stylesheet by

refuted, Artwork and Customizations by

katekat1010

You're done!

body {
background-color: #e4e4e4;
color: #585858;
margin-top: 0px;
}

a, a:link, a:visited, a:active {
color: #5d1111;
text-decoration: none;
}
	
a:hover, a:hover b, a:hover strong {
color: #000000;
text-decoration: none;
border-bottom: 1px #814f26 solid;
}

strong, b {
color: #76060e;
font-weight: bold;
}

blockquote {
margin: 8px; 
padding: 8px;
background: #F6F7F8;
color: #808080;
line-height: 15px;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 7.5pt;
text-align: justify;
border: 1px solid #EAEAEA;
}
		
code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 700px;
background-color: #ffffff;
padding: 0px;
border-width: 0px;
margin-top: 0px;
}

#sidebar {
float: right;
width: 165px;
background-color: transparent;
margin-right: 7px;
margin-top: 1px;
border-width: 0px;
}

#maincontent {
float: left;
width: 525px;
margin: 0;
padding: 0px;
border: none;
background-color: transparent;
}

#header {
width: auto;
padding-top: 0px;
line-height: 30px;
background-color: transparent;
font-family: "century gothic", arial, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
color: #4B7A8B;
text-align: center;
border-width: 0px;
padding-bottom: 5px;
}

#footer {
clear: both;
width: auto;
padding: 3px;
text-align: center;
background-color: transparent;
border: none;
}

.entry {
padding-top: 4px;
padding-left: 0px;
background-color: transparent;
color: #585858;
line-height: 12pt;
font-family: tahoma, arial;
font-size: 7pt;
text-align: justify;
border-width: 0px;
}

.defaultuserpic img {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #814f26;
}

.userpic {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #814f26;
margin-right: 10px;
}

.userpicfriends {
margin-right: 10px;
padding: 5px;
background-color: #ffffff !important;
border-style: solid;
border-width: 1px;
border-color: #814f26;
}

.userpiccomment {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #814f26;
}

.date {
color: #76060e;
background-color: transparent;
border-width: 0px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 7pt;
margin-left: 10px;
}

.datesubjectcomment {
color: #76060e;
background-color: transparent;
border-width: 0px;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 7.5pt;
margin-left: 10px;
border-bottom: 1px #814f26 solid;
border-right: 0px;
border-left: 0px;
border-top: 0px;
}

.subject {
color: #C0C0C0;
font-weight: normal;
background-color: transparent;
border: none;
font-family: "courier new", tahoma, sans-serif;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
}

.datesubject {
background-color: transparent;
border-width: 0px;
}

.ljuser img {
width: 0px;
height: 0px;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp2r.gif);
background-repeat: no-repeat;
padding: 5px;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 9px;
font-family: "century gothic", arial, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
color: #ffffff;
text-align: center;
background-color: #76060e;
}

div#header a:hover {
padding: 9px;
color: #ffffff;
background-color: #814f26;
border-bottom: 0px dotted;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
color: #76060e;
font-weight: normal;
}

div#footer a:hover {
color: #000000;
font-weight: normal;
}

.title, .subtitle{
display: none;
}

ul.navheader {
padding: 9px;
background-color: #76060e;
border-width: 0px;
}

ul.navheader li  {
padding: 0px;
background-color: #76060e;
border-width: 0px;
}

.ljtags {
margin-top: 10px;
font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 6pt;
color: #76060e;
font-weight: bold;
text-transform: uppercase;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #c0c0c0;
font-weight: normal;
text-transform: uppercase;
}

.ljtags a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #814f26 solid;
font-weight: normal;
text-transform: uppercase;
}

.currentlocation a:link, .ljtags a:visited, .ljtags a:active {
color: #c0c0c0;
font-weight: normal;
text-transform: uppercase;
}

.currentlocation a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #814f26 solid;
font-weight: normal;
text-transform: uppercase;
}

.currents, .currentmusic, .currentmood, .currentlocation {
color: #c0c0c0;
background-color: transparent;
border-width: 0px;
font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 6pt;
text-transform: uppercase;
}

.comments {
text-transform: uppercase;
font-family: "century gothic", verdana, sans-serif;
font-size: 10pt;
color: #76060e;
font-weight: normal;
text-align: right;
background-color: transparent;
border: none;
}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active {
color: #76060e;
}

div.comments a:hover {
color: #000000;
}

div#sidebar {
line-height: 15px;
font-family: tahoma;
font-size: 7pt;
color: #585858;
padding: 1px;
}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active {
color: #76060e;
}

div#sidebar a:hover {
color: #BDE0ED;
}

li.sbaritem {
background-color: transparent;
border-width: 0px;
padding-left: 9px;
}

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: tahoma, verdana, sans-serif;
font-size: 8pt;
color: #814f26;
line-height: 24px;
text-transform: lowercase;
border-bottom: 1px dotted #814f26;
display: block;
}

li.sbaritem a:hover, a:hover visited, a:hover b {
color: #BDE0ED;
text-decoration: none;
background-color: #ffffff;
border-bottom: 1px #814f26 dotted;
}

li.sbartitle {
background-color: #ffffff;
border: none;
padding: 4px;
margin-left: 5px;
font-family: "century gothic", verdana, sans-serif;
text-transform: uppercase;
font-size: 14px;
text-align: left;
color: #76060e;
font-weight: normal;
}

.sbarbody {
background-color: transparent;
border-width: 0px;
padding: 0px;
}

.sbarbody2 {
background-color: transparent;
border-width: 0px;
padding-top: 0px;
padding-left: 9px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #efefef;
text-align: center;
font-family: Tahoma;
font-size: 10px;
padding: 4px;
}

.sbarcalendarposts {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #814f26;
text-align: center;
font-family: Tahoma;
font-size: 10px;
padding: 4px;
color: #000000;
}

ul.sbarlist {
background-color: transparent;
border-width: 0px;
}

ul.navfooter {
background-color: transparent;
border-width: 0px;
}

ul.navfooter li {
color: #814f26;
background-color: transparent;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
border-width: 0px;
}

.separator {
background-color: transparent;
border-width: 0px;
}

.clear {
background-color: transparent;
border-width: 0px;
}

.commentbox {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
font-face: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 8pt;
}

.commentreply {
color: #585858;
font-face: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 8pt;
}

.box {
border-width: 0px;
background-color: #ffffff;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #585858;
}

input {
background-color: #ffffff;
border: 1px #e5e5e5 solid;
color: #814f26;
font-size: 9pt;
font-face: "trebuchet ms", Tahoma, verdana, sans-serif;
}

.commentboxpartial {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
margin-left: 30px;
font-size: 8pt;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
color: #76060e;
}

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 700px;
height: 300px;
background-repeat: no-repeat;
background-image: url("http://pics.livejournal.com/katekat1010/pic/00585bqt");
}

seperate artwork
(you're free to use these even if you don't download the layout!)

Preview:

air kisses

image preview

» works with -- Free, Paid & Sponsored
» comment pages -- paid/sponsored accounts only

instillation instructions

1. designate a website in your user profile (it will make the design look better). Then go to your Customize page and set your style to S2 & save changes.

2. go to Look And Feel and select Flexible Squares & then scroll down to Themes and select (Layout Default), then save changes

3. go to custom options and

- find "Set the user picture position for each entry" and change it to Right. You can keep it at left if you'd like, but to have it look like the preview this must be set to Right.
- click "Sidebar". Make sure "Show the sidebar?" is set to Yes and "Set sidebar position" to Left.
- under "Title of the blurb sidebar box" type "About Me", or whatever other title you would like. In the box below type about yourself.
- make sure "Show the link list in the sidebar?" is set to Yes if you would like the Links visible. To customize these, go here.
- set "Show the calendar in the sidebar?" to Yes if would like the Calendar to be visible. Change the order of the sidebar in the boxes below.

4. copy & paste the CSS text below into the giant box labled Custom stylesheet & save changes
Make sure "Use layout's stylesheet(s)" is set to Yes! This is very important.

5. choose which icon you'd like to have below and upload to your userpics

6. please put the following credits in your user info page:
Stylesheet by

refuted, Artwork and Customizations by

katekat1010

You're done!

body {
background-color: #e9ecb5;
color: #585858;
margin-top: 0px;
}

a, a:link, a:visited, a:active {
color: #2a6015;
text-decoration: none;
}
	
a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #c8d9c1 solid;
}

strong, b {
color: #2a6015;
font-weight: bold;
}

#content {
width: 700px;
background-color: #ffffff;
padding: 0px;
border-width: 0px;
margin-top: 0px;
}

#sidebar {
float: left;
width: 180px;
background-color: transparent;
margin-left: 3px;
margin-top: 1px;
border-width: 0px;
}

#maincontent {
float: right;
width: 510px;
margin: 0;
padding: 0px;
border-left: 1px #e5e5e5 solid;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
background-color: #ffffff;
}

#header {
width: auto;
padding-top: 0px;
padding-bottom: 5px;
line-height: 30px;
background-color: #ffffff;
font-family: "Lucida Sans Unicode", arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #e9ecb5;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}

#footer {
clear: both;
width: auto;
padding: 6px;
text-align: center;
background-color: #ffffff;
border-top: 1px #e5e5e5 solid;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
}

.entry {
padding-top: 4px;
padding-left: 0px;
background-color: #ffffff;
color: #585858;
line-height: 12pt;
font-family: Arial;
font-size: 8pt;
text-align: justify;
border-width: 0px;
}

.defaultuserpic img {
display: none;
}

.userpic {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E5;
margin-left: 10px;
}

.userpicfriends {
margin-left: 10px;
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E5;
}

.userpiccomment {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E5;
}

.date {
color: #2a6015;
background-color: #ffffff;
border-width: 0px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 7pt;
margin-left: 10px;
}

.datesubjectcomment {
color: #2a6015;
background-color: #ffffff;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
margin-left: 10px;
border-bottom: 1px #e5e5e5 solid;
border-right: 0px;
border-left: 0px;
border-top: 0px;
}

.subject {
color: #999999;
font-weight: normal;
background-color: #ffffff;
border-bottom: 1px #e5e5e5 solid;
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-family: tahoma, sans-serif;
font-size: 16px;
text-transform: uppercase;
}

.datesubject {
background-color: transparent;
border-width: 0px;
}

.ljuser img {
width: 0px;
height: 0px;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp2r.gif);
background-repeat: no-repeat;
padding: 5px;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 9px;
font-family: "Lucida Sans Unicode", arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 1px;
background-color: #000000;
}

div#header a:hover {
padding: 9px;
color: #ffffff;
background-color: #2a6015;
border-bottom: 0px dotted;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
color: #000000;
font-weight: normal;
}

div#footer a:hover {
color: gray;
font-weight: normal;
}

.title, .subtitle{
display: none;
}

ul.navheader {
padding: 9px;
background-color: #000000;
border-width: 0px;
}

ul.navheader li  {
padding: 0px;
background-color: #000000;
border-width: 0px;
}

.ljtags {
margin-top: 10px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
color: #2a6015;
font-weight: bold;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #999999;
}

.ljtags a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #c4cfc9 solid;
}

.currents, .currentmusic, .currentmood, .currentlocation {
color: #999999;
background-color: #ffffff;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
}

.comments {
padding: 6px;
text-transform: uppercase;
font-family: "Lucida Sans Unicode", verdana, sans-serif;
font-size: 10pt;
color: #2a6015;
font-weight: normal;
text-align: right;
background-color: transparent;
border-top: 1px #e5e5e5 solid;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active {
color: #2a6015;
}

div.comments a:hover {
color: #000000;
}

div#sidebar {
line-height: 15px;
font-family: Tahoma;
font-size: 7pt;
color: #585858;
padding: 1px;
}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active, div#sidebar a:hover {
color: #2a6015;
}

li.sbaritem {
background-color: transparent;
border-width: 0px;
padding-left: 9px;
color: #2a6015;
}

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: "Lucida Sans Unicode", tahoma, verdana, sans-serif;
font-size: 10px;
color: #2a6015;
line-height: 24px;
text-transform: uppercase;
border-bottom: 1px dotted #e5e5e5;
display: block;
}

li.sbaritem a:hover {
color: #2a6015;
text-decoration: none;
background-color: #95b28f;
border-bottom: 1px #e9ecb5 solid;
}

li.sbartitle {
background-color: #ffffff;
border-bottom: 1px #e5e5e5 solid;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding: 4px;
margin-left: 5px;
font-family: "Lucida Sans Unicode", verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: left;
color: #2a6015;
font-weight: normal;
}

.sbarbody {
background-color: transparent;
border-width: 0px;
padding: 0px;
}

.sbarbody2 {
background-color: transparent;
border-width: 0px;
padding-top: 0px;
padding-left: 9px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #efefef;
text-align: center;
font-family: Tahoma;
font-size: 10px;
padding: 4px;
}

.sbarcalendarposts {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #2a6015;
text-align: center;
font-family: Tahoma;
font-size: 10px;
padding: 4px;
color: #000000;
}

ul.sbarlist {
background-color: transparent;
border-width: 0px;
}

ul.navfooter {
background-color: transparent;
border-width: 0px;
}

ul.navfooter li {
color: #2a6015;
background-color: transparent;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
border-width: 0px;
}

.separator {
background-color: #ffffff;
border-width: 0px;
}

.clear {
background-color: #ffffff;
border-width: 0px;
}

.commentbox {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
}

.commentreply {
color: #585858;
font-face: tahoma, verdana, sans-serif;
font-size: 7pt;
}

.box {
border-width: 0px;
background-color: #ffffff;
font-family: tahoma, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #585858;
}

input {
background-color: #ffffff;
border: 1px #e5e5e5 solid;
color: #2a6015;
font-size: 9pt;
font-face: Tahoma, verdana, sans-serif;
}

.commentboxpartial {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
margin-left: 30px;
font-size: 7pt;
font-family: tahoma, verdana, sans-serif;
color: #2a6015;
}
.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 700px;
height: 300px;
background-repeat: no-repeat;
background-image: url("http://pics.livejournal.com/katekat1010/pic/0057r74d");
}

seperate artwork
(you're free to use these even if you don't download the layout!)

Preview:

memory of a kiss

image preview

» works with -- Free, Paid & Sponsored
» comment pages -- paid/sponsored accounts only

instillation instructions

1. go to customize and set your style to S2 & save changes.

2. go to Look And Feel and select Flexible Squares & then scroll down to Themes and select (Layout Default), then save changes

3. go to custom options and press Custom CSS & select NO in all the dropdown boxes.

4. copy & paste the CSS text below into the giant box labled Custom stylesheet & save changes

5. choose which icon you'd like to have below and upload to your userpics

6. please credit in your profile page with the following information! Stylesheet by

minty_peach, Artwork and Customizations by

katekat1010

You're done!

/* CSS CODES BY: Minty_Peach -- (http://minty_peach.livejournal.com)
HEADER AND COLORS BY: katekat1010 -- (http://katekat1010.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */

BODY{
margin-top: 0px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
background-attachment: fixed;
text-align: center;
font-size: 11px;
color: #777;
font-family: "Trebuchet MS", sans-serif;
}

a, a:link, a:visited {
font-family: "Trebuchet MS" Helvetica, sans-serif;
cursor: default;
color: #025156;
font-weight: light;
text-decoration: none;
}

a:hover{
font-family: "Trebuchet MS" Helvetica, sans-serif;
cursor: default;
color: #777;
font-weight: light;
text-decoration: none;
}

::-moz-selection {
background: #fdfdfd;
color: #999;
}

blockquote {
margin: 5px 5px; 
padding: 10px; 
color: #777;
font-size: 8pt;
line-height: 9pt;
font-family: "Trebuchet MS" Helvetica, sans-serif;
border: 1px dashed #555;
background: #eee;
text-align: justify;
}

p, td {
font-size: 8pt;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 700px;
margin-left: auto;
margin-right: auto;
background: #FEFEFE;
border: 0px solid #FEFEFE;
padding: 08px;
}

#maincontent {
margin: 08px auto 0 210px;
background: transparent;
}

#sidebar {
width: 190px;
padding: 5px 5 5px 5;
margin-top: 08px;
background: #F1F1F1;
border: 10px solid #F1F1F1;
color: #777;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 7.5pt;
line-height: 10pt;
text-align: justify;
float: left;
}

#header {
width: auto;
height: 48px;
margin: 0px;
padding-top: 10px;
color: #FFF;
background-color: transparent;
font-weight: normal;
font-family: Tahoma;
font-size: 11px;
text-transform: lowercase;
letter-spacing: 1px;
border: 0px;
text-align: right;
background-image: url('http://pics.livejournal.com/katekat1010/pic/0057t6y3');
background-repeat: no-repeat;
background-position: top-left;
}

#footer {
width: auto;
height: 20px;
margin: 0px;
padding 0px;
color: #333;
background-color: transparent;
font-weight: normal;
font-family: Tahoma;
font-size: 0px;
text-transform: lowercase;
letter-spacing: 2px;
border: 0px;
text-align: right;
background-image: url('');
background-repeat: no-repeat;
background-position: bottom-left;
}

/* header -- links, title of journal, subtitle of journal */

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #888;
padding: 5px;
font-size: 11px;
font-family: Tahoma;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}

div#header a:hover {
color: #555;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #888;
font-size: 11px;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

div#footer a:hover {
color: #555;
font-size: 11px;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 3px 0 3px;
}

.title{
display: none;
line-height: 200%;
top: 10px;
}

.subtitle {
display: none;
top: 10px;
}

/* sidebar - links, sbar, defaultuserpic */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #69908f;
text-decoration: none;
}

div#sidebar a:hover {
text-decoration: none;
color: #555;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 5px 5px 5px 5px;
}

.sbarbody {
padding: 5px 5px 5px 5px;
}

.sbarbody2 {
padding: 2 15px 2 15px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
padding: 2px;
border: 1px solid #FEFEFE;
text-align: center;
font-family: "Lucida Sans Unicode", Trebuchet MS, Helvetica, sans-serif;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 2px;
border: 1px solid #FEFEFE;
background: #fefefe;
text-align: center;
font-family: "Lucida Sans Unicode", Trebuchet MS, Helvetica, sans-serif;
font-size: 7pt;
}

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

li.sbaritem {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
list-style: none;
background-color: #F1F1F1;
background-image: url(' ');
background-repeat: repeat;
border-bottom: 0px dashed #F1F1F1;
}

li.sbaritem:hover {
background-color: #F1F1F1;
background-image: url(' ');
background-repeat: repeat;
}

li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 2px;
list-style: none;		
margin-bottom: 0px;
margin-top: 0px;
color:#888;
border-bottom: dashed 0px #F1F1F1;
font-weight: none;
font-family: "arial", sans-serif;
text-transform: uppercase;
font-size: 9px;
background-color: #F1F1F1;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 1pt;
}

/* maincontent and subcontent section */

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

ul.ljtaglist {
color: #999;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 7pt;
text-align: center;
padding: 08px 08px 08px 12px;
border: 0px solid #FEFEFE;
background: #fefefe;
}

.subcontent {
padding: 5px;
background: #FEFEFE;
border: 2px solid #FEFEFE;
}

.entry{
margin: 5px 5px 5px 0px;
padding: 0px 5px 5px 5px;
padding-top: 08px;
color: #777;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 8pt;
line-height: 10pt;
text-align: justify;
}

.entry ul li {
padding-left: 5px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 5px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.userpic {
position: relative;
float: right;
padding: 7px;
margin-right: 0px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: transparent;
background-image: url(''); 
background-repeat: no-repeat;
border-width: 0px;
border-color: ;
border-style: ;
}

.userpicfriends {
position: relative;
float: right;
padding: 7px;
margin-right: 0px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
font-family: "arial", sans-serif;
font-size: 9px;
z-index: 15;
border-style: ;
border-width: 0px;
border-color: ;
background-color: transparent !important;
background-image: url('http://i132.photobucket.com/albums/q11/minty_peach/Greebers.png'); 
background-repeat: no-repeat;
}

.userpicfriends font {
color: #333 !important;
}

.userpicfriends br {
display: block;
height: 0;
}

.date{
padding-top: 05px;
text-align: left;
top: 5px;
color: #999;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 7pt;
text-transform: uppercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 05px;
color: #69908f;
border-bottom: 1px dashed #ddd;
font-size: 15pt;
text-transform: uppercase;
font-family: "Trebuchet MS" Helvetica, sans-serif;
}

.subject a, .subject a:link, .subject a:visited {
color: #333333;
}

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

.datesubject {
background: transparent;
}

.ljtags {
margin-top: 20px;
color: #999;
font-weight: light;
text-transform: lowercase;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #666;
font-weight: light;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
color: #666;
font-weight: light;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #666;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #999;
text-transform: none;
font-weight: light;
}

.currentlocation a:hover, .ljtags a:hover {
color: #555;
font-weight: light;
text-transform: none;
}

.comments {
font-family: "arial", sans-serif;
font-size: 12px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 0px #999;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
text-transform:uppercase;
letter-spacing: 2pt;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #00194a;
}

div.comments a:hover {
color: #555;
text-decoration: none;
}

/* maincontent --  entry, reply pages */

.datesubjectcomment {
background: #fefefe;
color: #779D05;
font-weight: light;
text-align: left;
text-transform: lowercase;
margin-top: 20px;
}

.userpiccomment {
position: relative;
top: -30px;
padding: 03px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: left;
border: 1px solid #ccc;
background: #FEFEFE;
}

.box{
color: #999;
border: 0px solid #fff;
padding: 08px;
margin: 08px 0 08px 0;
clear: right;
background: #fefefe;
}

.box b {
color: #999;
}

input, textarea, select {
padding: 03px;
color: #779D05;
border: 1px solid #D1D1D1;
background: #fefefe;
}

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

.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 8pt;
line-height: 125%;
background: #fefefe;
color: #999;
}

.replytosubject {
color: #779D05;
font-size: 10pt;
text-transform: lowercase;
text-align: left;
font-weight: light;
}

.replytoposter {
color: #999;
text-align: left;
text-transform: lowercase;
}

.commentreply {
text-align: justify;
position: relative;
margin: 10px;
font-size: 8pt;
font-family: "Trebuchet MS" Helvetica, sans-serif;
color: #999;
}

.commentbox {
border: 1px solid #D1D1D1;
padding: 08px;
margin: 10px;
background: #fefefe;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}

.datesubjectcomment a:hover {
color: #555;
}

.commentboxpartial {
border: 1px solid #333;
padding: 10px;
margin: 10px;
background: #fefefe;
}

.commentinfo {
background: #fefefe;
margin-top: 10px;
width: 100%;
}

/* maincontent -- year/achive pages */

ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #333;
background: #fefefe;
}

ul.year li {
color: #999;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #333;
background: #fefefe;
}

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

table.yeartable td.yearday {
background: #fefefe;
text-align: center;
}

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

/* footer */

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

ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}

.clearfoot {
display: none;
clear: both;
}

.clear {
display: none;
height: 15px;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 8px 0 8px 0;
padding: 8px;
color: #999;
border: 1px solid #333;
background: #fefefe;
}

.headerimage {
position: relative;
width: 700px; height: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px; 
background-image: url('http://pics.livejournal.com/katekat1010/pic/0057x85a'); 
background-repeat: no-repeat;
}

.separator {
background: transparent;
height: 10px;
}

seperate artwork
(you're free to use these even if you don't download the layout!)

Summer of Giles Redux (2): layouts

Post a comment in response: