summer_of_giles | LJ Layouts

These are LJ layouts using the Flexible Squares layout and should work with all account levels.

khaoschilde graciously allowed me to use a recent graphics/manips for this and was nice enough to customize it.

These should be fairly easy to put into your LJ. If you have any trouble, please let me know.

Click here for a photo tutorial for how to install these layouts.

Layout 1:

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

body {
        background-color: #000000;
        
    background-image: url("http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/wpgilesinblack_cropped.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
        
        ;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #ffc04e;
        text-decoration: none;
        }

a:hover {
        color: #ba830e;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 12px;
        }

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

#content
    {
        width: 55%;
        margin-left: 20px; margin-right: auto;
        background-color: #222222;
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        background-color: #333333;
        color: #fff2dd;
        border-style: solid;
        border-color: #ffc04e;
        border-width: 1px;
        
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #333333;
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
          font-size: 12px;
        font-family: "Verdana", sans-serif;
          color: #fff2dd;
        width: 160px;
        
        text-align: left;
        }

#header {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #ffc04e;
        border-width: 1px;
        background-color: #444444;
        color: #fff2dd;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #444444;
        color: #fff2dd;
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #ffc04e;
    }

div#header a:hover, div#footer a:hover {
        color: #ba830e;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #ffc04e;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #ffc04e solid;
    }

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

.sbarcalendar {
        border-color: #fff2dd;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.sbarcalendarposts {
        border-color:  #fff2dd;
        border-width: 1px;
        border-style: solid;
        background-color: #444444;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #ffc04e;
        background-color: #000000;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #444444;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: left;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: left;
        background-color: #444444;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

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

.datesubject {
        background-color: #000000;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: right;
        background-color: #000000;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #000000;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #444444;
        background-color: #444444;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #ffc04e;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #444444;
        color: #fff2dd;
        }

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;
        font-size: 12px;
        line-height: 125%;
        background-color: #444444;
        color: #fff2dd;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 12px;
        font-family: "Verdana", sans-serif;
        color: #fff2dd;
        }

.commentbox {

border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #444444;
        }

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

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

.commentboxpartial {
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #444444;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        background-color: #333333;
    }

Layout 2:

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

body {
        background-color: #121018;
        
    background-image: url("http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/wpgilessuitsexy_cropped.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
        
        text-align: right;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #7c8de2;
        text-decoration: none;
        }

a:hover {
        color: #a7b2eb;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 12px;
        }

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

#content
    {
        width: 58%;
        margin-left: auto; margin-right: 20px;
        background-color: #343048;
        border-width: 1px;
        border-style: solid;
        border-color: #2940b1;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        background-color: #413c5a;
        color: #deecec;
        border-style: solid;
        border-color: #2940b1;
        border-width: 1px;
        
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #413c5a;
        border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
          font-size: 12px;
        font-family: "Verdana", sans-serif;
          color: #deecec;
        width: 160px;
        
        text-align: left;
        }

#header {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #2940b1;
        border-width: 1px;
        background-color: #1a1824;
        color: #deecec;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #1a1824;
        color: #deecec;
        border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #7c8de2;
    }

div#header a:hover, div#footer a:hover {
        color: #a7b2eb;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #7c8de2;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #2940b1 solid;
    }

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

.sbarcalendar {
        border-color: #deecec;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.sbarcalendarposts {
        border-color:  #deecec;
        border-width: 1px;
        border-style: solid;
        background-color: #4d476d;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #2940b1;
        background-color: #1a1824;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #4d476d;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: left;
        border-width: 1px;
        border-color: #1a1824;
        border-style: solid;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: right;
        background-color: #4d476d;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #1a1824;
        border-style: solid;
        }

.userpicfriends {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #1a1824;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

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

.datesubject {
        background-color: #1a1824;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: right;
        background-color: #1a1824;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #1a1824;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #4d476d;
        background-color: #4d476d;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: right;
        border-width: 1px;
        border-color: #1a1824;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #2940b1;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #4d476d;
        color: #deecec;
        }

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

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 12px;
        font-family: "Verdana", sans-serif;
        color: #deecec;
        }

.commentbox {

border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #4d476d;
        }

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

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

.commentboxpartial {
        border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #4d476d;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #2940b1;
        }

table.yeartable td.yearday {
        background-color: #4d476d;
        text-align: center;
        }

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #2940b1;
        background-color: #413c5a;
    }

Layout 3:

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

body {
        background-color: #b38d9c;
        
    background-image: url("http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/wppartners_vertical.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
        
        text-align: right;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #953353;
        text-decoration: none;
        }

a:hover {
        color: #612135;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 11px;
        }

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

#content
    {
        width: 67%;
        margin-left: auto; margin-right: 20px;
        background-color: #d3bdc7;
        border-width: 1px;
        border-style: solid;
        border-color: #f3edf0;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #c7abb8;
        color: #4f4d65;
        border-style: solid;
        border-color: #f3edf0;
        border-width: 1px;
        margin-right: 180px;
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #c7abb8;
        border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #4f4d65;
        width: 160px;
        float: right;
        text-align: left;
        }

#header {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #f3edf0;
        border-width: 1px;
        background-color: #f3edf0;
        color: #4f4d65;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #f3edf0;
        color: #4f4d65;
        border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #953353;
    }

div#header a:hover, div#footer a:hover {
        color: #612135;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #953353;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #f3edf0 solid;
    }

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

.sbarcalendar {
        border-color: #4f4d65;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #4f4d65;
        border-width: 1px;
        border-style: solid;
        background-color: #e3d5dc;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #f3edf0;
        background-color: #f3edf0;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #e3d5dc;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #f3edf0;
        border-style: solid;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: left;
        background-color: #e3d5dc;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #f3edf0;
        border-style: solid;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #f3edf0;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

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

.datesubject {
        background-color: #f3edf0;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #f3edf0;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #f3edf0;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #e3d5dc;
        background-color: #e3d5dc;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #f3edf0;
        border-style: solid;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #f3edf0;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #e3d5dc;
        color: #4f4d65;
        }

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;
        font-size: 11px;
        line-height: 125%;
        background-color: #e3d5dc;
        color: #4f4d65;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Verdana", sans-serif;
        color: #4f4d65;
        }

.commentbox {

border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #e3d5dc;
        }

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

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

.commentboxpartial {
        border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #e3d5dc;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #f3edf0;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #f3edf0;
        background-color: #c7abb8;
    }

Flat | Top-Level Comments Only

All of these are simply beautiful! I particularly adore the middle and top one.

Thank you.

Those are great. I especially love the second one. However, I'm not ready to change my current lovely layout yet. :)

Thanks.

I haven't read your fic yet. As soon as I'm feeling better and can appreciate it to the fullest, I will read and comment.

I hope you're feeling better soon.

Your choice of colors for each of the layouts really makes the whole package beautiful. Well done! :) Love 'em all!

Thanks.

love the middle one! darn it...why did i have to change my layout recently...now i want to change layouts AGAIN! XD

I'll save the file and the code for next time. layout 2 is so going to be my next layout!

LOL

Thanks!

Very nice!

A veritable smorgasboard of goodness! Thank you lady for offering so many pretty variations for people to choose from!

Thanks!

I'll have more to post on my second day too.

Fantastic and yummy !

Thank you!

I just saw your graphics. I love them! You did a wonderful job with them.

Aww...Thank you so much Michelle >:d<
I really really appreciate your words and that you enjoy what I made.

:*

Excellent choice of colors for each and I like how you applied the graphics. Great job.

Well, I had great images to work with. ;-)

LJ Layouts

no subject

no subject

no subject

no subject

no subject

no subject

no subject

there! i posted it in the right place now!

Re: there! i posted it in the right place now!

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject