in progress

Vingt-Quatre

2007-09-14T21:23:31Z

For s2 Smooth Sailing. Original base css is by snubicons.

/*---------------------------------------------------
S2 Smooth Sailing
Layout by Snubbly @ http://snubicons.livejournal.com and Ali @ http://008deux.livejournal.com
-----------------------------------------------------*/

body {
background-color: #C9D2A2;
background-image: url('http://img441.imageshack.us/img441/6919/blahxy6.jpg');
background-repeat: no-repeat;
background-position: top left;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #414141;
margin-top: 10px;}

a, a:link, a:visited {color: #ADADAD; text-decoration: none;}
a:hover {color: ##4F4F4F; text-decoration: none;}

blockquote {font-size: 11px;
font-family: Verdana, sans-serif;
background-color: #DFD99C;
border: 1px dotted #FFFFFF;
color:#414141;
padding:5px;}

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

.pageblock{width:700px; margin: 0 auto;}
.pagefooterblock {display: none;}
.pagefooterblock a, .pagefooterblock a:visited {} 
.pageheaderblock {text-align: center;}

/* HEADER */

.header-title {display: none;}
.header-icon {display: none;}
.header-subtitle {display: none;}

.header-menu {
font-family: lucida sans console, sans-serif;
font-size: 16px;
text-transform: lowercase;
padding-top: 6px;
padding-bottom: 6px;
font-style: italic;
position:absolute;
left: 268px;
top: 15px;
}

.header-menu a, .header-menu a:visited {white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #fff;
text-decoration: none;
}

.header-menu a:hover {color: #8F7659;}
.header-menu ul, #footer-menu ul {margin: 0px; padding: 0px;}
.header-menu li, #footer-menu li {display: inline;}

/* BODY */

.bodyblock {width: 680px;
position: absolute;
top: 40px;
left: 268px;}

.bodyheaderblock {display: none;}
.bodynavblock {display: none;}
.bodynavblock a, .bodynavblock a:visited {;}
.body-title {}
.body-midtitle {}

/*ENTRIES*/

.entryHolder {background-color: #FFFFFF;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #0F0F0F;
margin: 4px 0px 4px 0px;
text-align: justify;}

.entryText {padding: 6px;}

.entryHeader {background-color: #8F7659;
border-bottom: 0px solid #AFAFAF;
color: #FFFFFF;
font-family: Verdana, sans-serif;
font-size: 11px;
padding: 6px 0px 6px 8px;}

.entryHeaderSubject {font-weight: normal; text-transform: uppercase;}
.entryHeaderDate {text-transform: lowercase;}
.entryHeader a {color: #FFFFFF;}
.entryHeaderDate a {color : #FFFFFF; text-decoration : none;}
.entryHeaderDate a:hover {color : #000000; text-decoration : none;}
.entryUserinfo {margin: 10px; padding: 3px; float: left; background-color: #FDF3FA;}
.entryUserinfo-usericon img {border: 1px solid #FFFFFF;}

/*CURRENT MOOD, MUSIC, LOCATION & TAGS*/

.entryMetadata {text-transform: lowercase; padding: 6px;}
.entryMetadata ul {margin: 0px; padding: 0px;}
.entryMetadata li {list-style: none; padding-right: 10px;}
.entryMetadata-label {font-weight: bold; padding-right: 6px;}

.entryLinkbar {color: #FFFFFF;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: right;
text-transform: uppercase;
padding: 4px 0px 4px 0px;}

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

/*FOOTER*/

#footer-menu {}
#footer-menu a, .footer-menu a:visited {}

/*SIDEBAR*/

.sidebar {margin-right: 4px; width: 180px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #414141;}

.sidebox {background-color: #FFFFFF;
color: #414141;
margin: 4px 0px 4px 0px;}

.sideboxTitle {background-color: #DF0033;
border-bottom: 0px solid #AFAFAF;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 6px 0px 6px 8px;
text-align: left;
text-transform: uppercase;
font-weight: normal;}

.sideboxContent {text-align: left; padding: 2px 4px 2px 4px;}

.sidebox #profile {text-align: center;}
.sidebox #search {text-align: center;}
.sidebox #tags_sidebox {text-align: center;}
.sidebox #systemlinks {text-align: left;}
.sidebox #latestmonth {text-align: center;}

.sidebox #latestmonth table{width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px;}
.listtitle {font-weight: bold;}
.profile-label {display: none;}

/*ARCHIVE PAGE*/

.day-blank {}
.day {text-align: center;}
.yearlinks {text-align: right;}
.day-count {width: 50%; text-align: center;}
.yearlink {padding-left: 4px; padding-right: 4px;}
.day-count a {text-decoration: none; color: ##5F5959;}
.daysubjects {color: #000000; padding: 8px 8px 8px 40px;}
.day-date {color: #414141; width: 50%; text-align: center;}
.month {margin: 8px 8px 8px 40px; width: 100%; text-align: center;}
.daytitles {text-align: center; background-image: url('http://img243.imageshack.us/img243/4168/linkbgrw9.gif'); color: ##5F5959;}

/*TAGS PAGE*/

.tagstable, .tagstable td {}
.tagstable {}

/* COMMENT PAGE */

.commentHolder {background-color: #FFFFFF;
border-top: 1px solid #FCF7FB;
border-left: 1px solid #FCF7FB;
border-right: 1px solid #AFAFAF;
border-bottom: 1px solid #AFAFAF;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #414141;
margin: 4px 0px 4px 0px;
text-align: justify;}

.commentUserinfo {text-align: center; 
margin: 0px 8px 8px 0px;
background-color: #f8f8f8;}

.commentUserinfo-usericon img {border: 0;} 
.commentText {padding: 6px;}

.commentHeader{background-color: #F0D607;
border-bottom: 1px solid #E9A1C5;
color: #FFFFFF;
font-family: Verdana, sans-serif;
font-size: 10px;
padding: 4px 0px 4px 8px;}

.commentHeader a{color: #000000;}

.commentHeaderScreened {background-color: #DBD8D1;
border-bottom: 1px solid #E9A1C5;
color: #FFFFFF;
font-family: Verdana, sans-serif;
font-size: 11px;
padding: 4px 0px 4px 8px;}

.commentHeaderSubject {font-weight: bold;}

.commentLinkbar {font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;}

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

.replyform {background-color: #F0D607;
border-top: 1px solid #FCF7FB;
border-left: 1px solid #FCF7FB;
border-right: 1px solid #AFAFAF;
border-bottom: 1px solid #AFAFAF;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #414141;
margin: 4px 0px 4px 0px;
text-align: justify;}
#commenttext{width:100%;}

/*USER & COMMUNITY ICONS*/

.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://img208.imageshack.us/img208/2104/usergreybyexcentriccc8.gif); padding: 11px 11px 0 2px !important;}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {background-color:transparent; background-image: url(http://img208.imageshack.us/img208/2104/usergreybyexcentriccc8.gif); padding: 11px 11px 0 2px !important;}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {background-color:transparent; background-image: url(http://img208.imageshack.us/img208/2104/usergreybyexcentriccc8.gif); padding: 9px 11px 0 2px !important;}

vingt-trois

2007-09-11T01:07:23Z

Overrides to make the layout S2 > Bloggish > Earth a bit prettier.

body {
font-family: tahoma, verdana, sans-serif;
font-size: 11px;
}

#container-inner.pkg {
width: 700px;
}
.entry {
width: 475px;
}

.entry, .entry-content, .entry-body, .ljtags {
border-bottom:0px;
}

.metadata {
font-size: 9px;
text-transform: lowercase;
border-left: 5px solid #FFD71F;
background-color: #FFF47F;
padding-left: 5px;
width: 200px;
}

h3.entry-header {
font-family: trebuchet ms, verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #999;
border-bottom: 1px dotted #999;
}

a:link, a:visited, a:active {
font-family: tahoma, verdana, sans-serif;
color: #DF005D;
text-decoration: none;
}

a:hover {
color: #FFA73F;
cursor: default;
text-decoration:none;
}

p.entry-footer {
font-family: tahoma, verdana, sans-serif;
text-transform: uppercase;
font-size: 9px;
font-weight: normal;
padding-top:10px;
}

div.ljtags {
font-family: tahoma, verdana, sans-serif;
text-transform: lowercase;
font-size: 9px;
border-left: 5px solid #FFD71F;
background-color: #FFF47F;
width: 200px;
padding-left: 5px;
}

div.module-photo module {
display:none;
}
div.module-calendar module {
display: none;
}
div.module-pagesummary module {
display: none;
}

li.module-list-item {
text-transform: uppercase;
}
h2.module-header {
font-family: trebuchet ms, verdana, sans-serif;
font-size: 14px;
letter-spacing: 0em;
color: #999;
}

}
div.module-content {
font-family: tahoma, verdana, sans-serif;
font-size: 11px;
}

This will be updated as I figure out the rest of the modules!

Vingt-Deux

2006-11-07T00:58:00Z

Original stylesheet by reversescollide. Credit is still included. My suggestion is to replace the header as it still reads '008'.

/*
Original stylesheet by Ronie @ http://community.livejournal.com/reversescollide
Style System: S2
Theme: Flexible Squares
Account: Free and/or Paid
*/

body{
background-color: #E4E4E4;
background-image: url('http://img139.imageshack.us/img139/5295/headerallxb0.jpg');
background-repeat: no-repeat;
background-position: top center;
text-align: center;
color: #666666;
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
margin: 5px 0 5px 0;
}
p, td {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}

a, a:link, a:visited, a:active {
color: #E90434;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}

blockquote {
margin: 10px 10px;
padding-left: 25px;
padding-top: 40px;
font-size: 11px;
line-height: 16px;
color: #444;
text-align: justify;
border-left: 3px solid #05AAD9;
}

#content {  
width: 700px;
margin-top: 180px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border-top: 1px solid #666;
border-bottom: 5px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
padding: 10px 10px;
}
#maincontent { 
float: right;
padding: 0px;
margin-top: -5px;
width: 450px;
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
background-color: transparent;
color: #666666;
border: 0px;
text-align: justify;
}
#sidebar {
width: 230px;
float: left;
padding-top: 0px;
margin-top: 0px;
border: 0px;
background-color: transparent;
font-size: 11px;
color: #666666;
font-family: Tahoma, "Times New Roman", Times, serif;
text-align: justify;
line-height: 15px;
}

#header {
width: 100%;
float: right;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
color: #666666;
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px dotted #ddd;
background-color: transparent;
}

#footer {
width: 100%;
float: right;
text-align: right;
padding-right: 10px;
font-family: Tahoma, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #666666;
font-size: 11px;
font-weight: normal;
letter-spacing: 0px;
background-color: transparent;
border: 0px;
z-index: 100;
clear: both;
}

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

div#header a, div#header a:link, div#header a:visited {
color: #05AAD9;
text-decoration: none;
text-transform: uppercase;
}
div#header a:hover {
color: #05AAD9;
text-decoration: none;
position:relative;
top:1px;
left:1px;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #05AAD9;
}
div#footer a:hover {
color: #05AAD9;
text-decoration: none;
}
ul.navheader {
margin-top: -170px;
margin-right: -10px;
text-align: right;
list-style: none;
}
ul.navheader li  {
display: inline;
padding: 10px;
border: 1px solid #666;
background-color: #FFFFFF;
}
li.view {
font-color:#05AAD9;
text-transform: uppercase;
position:relative;
top:3px;
}
.title, .subtitle {
display: none;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #E90434;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
.defaultuserpic {
display: none;
text-align: center;
}
.sbarheader {
padding: 0px;
}
.sbarbody {
padding: 0px;
}
.sbarbody2 {
padding: 0px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #efefef;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color:  #efefef;
border-width: 1px;
border-style: solid;
background-color: #fff;
text-align: center;
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
color: #D64242 !important;
}
ul.sbarlist {
padding: 0px;
margin: 0px;
list-style: none;
}
li.sbaritem {
padding-left: 5px;
list-style: none;
display: inline;
}
li.sbartitle{
padding: 0;
list-style: none;
border: 0px;
margin-bottom: 5px;
margin-top: 5px;
font-family: Century Gothic;
color: #444;
font-size: 8pt;
text-transform: uppercase;
font-weight: bold;
text-align:center;
border-left: 1px solid #FFBB00;
border-right: 1px solid #FFBB00;
border-top: 1px solid #FFBB00;
border-bottom: 4px solid #FFD767;
background-color: #FFBB00;
}

/* maincontent */

.subcontent {
padding: 0px;
margin: 0px;
}
.entry{
margin: 0px !important;
padding: 0px !important;
border: 0px;
background-color: transparent;
color: #666666;
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 15px;
text-align: justify;
}
.entry img {
padding: 5px;
border: 0px solid #999;
}
.entry_text {
padding: 0px;
margin: 0px;
}
.entry ul li {
padding: 0px;
margin: 0px;
}
.entry ol li {
padding: 0px;
margin: 0px;
}
.userpic {
display: none;
}
.userpicfriends {
display: visible;
padding-left: 187px;
border: 0px;
background-color: #fff !important;
font-family: Century  Gothic;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

.friends subject {
align: center;
}

.userpicfriends a {
color: #666;
font-size: 15px;
font-family: Century Gothic, "Times New Roman", Times, serif;
text-transform: uppercase;
}
.userpicfriends img {
padding: 5px;
border: 1px solid #efefef;
background-color: #fff !important;
width: 50px;
height:50px;
align: center;
display:none;
}
.date {
border-left: 1px solid #70A232;
border-right: 1px solid #70A232;
border-top: 1px solid #70A232;
text-align:center;
margin-top:6px;
text-transform: uppercase;
font-family: Century Gothic;
font-size:8pt;
background-color: #70A232;
font-weight:bold;
}
.subject {
padding: 0px;
margin-bottom: 7px;
margin-top: 0px;
padding-left: 16px;
font-weight: bold;
color: #444;
font-family: Century Gothic;
font-size: 12px;
text-transform: uppercase;
line-height: 15px;
border: 1px solid #A4CD69;
text-align:center;
background-color:#A4CD69;
}
.subject img {
display: none;
}
.subject a, .subject a:link, .subject a:visited {
color: #444;
}
.subject a:hover {
color: #999;
}
.datesubject {
padding: 0px;
margin-top: 10px;
margin-left: 0px;
}
.currents, .currentmood, .currentmusic {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}

.currentmusic {
background-image: url('http://img226.imageshack.us/img226/3359/notebyexcentricue7.gif');
padding-left: 15px;
background-repeat: no-repeat;
background-position: top-left;
}

.currentmood {
background-image: url('http://img145.imageshack.us/img145/4512/sunbyexcentrickv1.gif');
padding-left: 19px;
background-repeat: no-repeat;
background-position: top-left;
}

.currents strong, .currentmood strong, .currentmusic strong {
font-weight: normal;
}
.comments {
font-family: Tahoma, "Times New Roman", Times, serif;
font-size: 11px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
color: #fff;
margin-bottom: 10px;
border-top: 1px dotted #DDD;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #666;
text-decoration: none;
background-image: 
}
div.comments a:hover {
color: #999;
text-decoration: none;
}

/* replaces default locked and ljuser images, ljuser link color */

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img179.imageshack.us/img179/2760/4circlesbyexcentricry7.gif);
padding: 12px 11px 0 0;
}
.ljuser A:link, .ljuser A:visited, .ljuser A:active {
color: #666;
font-weight: normal;
text-decoration: none;
}
.ljuser A:hover {
color: #E90434;
font-weight: normal;
text-decoration: none;
}
span.ljuser a b {
font-weight: normal;
}

/* maincontent - tags page */

h2 {
color: #444;
font-family: Century Gothic;
font-size: 12px;
font-weight: bold;
}
ul.ljtaglist {
line-height: 16px;
}

/* maincontent - calendar page */

ul.year {
text-align: center;
padding-bottom: 40px;
background-color: #fff;
}
ul.year li {
display: inline;
background-color: #fff;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #efefef;
}
table.yeartable td.yearday {
background-color: #fff;
text-align: center;
}
td.yearmonth {
border-style: none;
background-color: #fff;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li  {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}

/* misc  */

.clear {
height: 0px;
}
.skiplinks {
text-align: center;
}
.headerimage {
display: none;
}

/* for formatting separators between entries */
.separator{
height: 20px;
width: 100%;
border-bottom: 0px dotted #ddd;
}

Uses S2 Flexible Squares.

Vingt et Un

2006-08-29T00:56:16Z

The original stylesheet is by reversescollide but I edited it and added many modifications. Credit for reversescollide is still included!

/*
Original stylesheet by Ronie @ http://community.livejournal.com/reversescollide
Style System: S2
Theme: Flexible Squares
Account: Free and/or Paid
*/

body {
background-color: #C4DADC;
text-align: justify;
color: #666666;
font-family:Verdana;
font-size:11px;
line-height: 15px;
margin: 0;
background-image: url();
background-repeat: repeat;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}

/* quotation */

blockquote {
margin: 10px 20px; 
padding: 20px; 
color: #666666;
line-height: 16px;
font-size: 11px;
font-family: Verdana;
border: 1px solid #E5E4E4;
background-color: #ffffff;
text-align: justify;
}

/* main links */

a, a:link, a:visited, a:active {
color: #D51048;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #FB336C;
font-weight: normal;
text-decoration: none;
}

/* all content */

#content {  
width: 700px;
margin-left: auto;
margin-right: auto;
border-width: 0px;
padding: 10px;
text-align: justify;
}
#maincontent { 
float: left;
margin: 0;
width: 485px;
padding: 5px;
font-family: Verdana;
font-size: 11px;
color: #666666;
line-height: 15px;
text-align: justify;
background-color: #F9F9F9;
border-width: 1px;
border-style: solid;
border-color: #E5E4E4;
}
#sidebar {
float: right;
margin: 0;
width: 180px;
padding: 5px;
font-family: Verdana;
font-size: 11px;
color: #666666;
line-height: 15px;
text-align: justify;
background-color: #F9F9F9;
border-width: 1px;
border-style: solid;
border-color: #E5E4E4;
}
#header {
width: 100%;
float: left;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
text-align: left;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
border-style: solid;
border-width: 0px;
color: #666666;
text-transform: uppercase;
background-color: #C4DADC;
border-color: #E5E4E4;
}
#footer {
width: 100%;
text-align: center;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #666666;
text-transform:uppercase;
border-width: 0px;
z-index: 100;
clear: both;
float: left;
border-width: 0px;
border-style: solid;
border-color: #E5E4E4;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
background-color: #C4DADC;
}
#leaderboardad {
background-color:#C4DADC;
font-color:;
border:0px;
}
#linkunitad {
background-color:#C4DADC;
font-color:;
border:0px;
}

/* 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: #5BA1A7;
font-weight: normal;
text-decoration: none;
}
div#header a:hover, div#footer a:hover {
color: #78D4DC;
font-weight: normal;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title, .subtitle {
display: none;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #D51048;
font-weight: normal;
text-decoration: none;
}
div#sidebar a:hover {
color: #F8789C;
font-weight: normal;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
padding: 10px;
}
.sbarheader {
padding: 0px 0px 0px 0px;
}
.sbarbody {
padding: 0px 0px 0px 0px;
}
.sbarbody2 {
padding: 0px 0px 0px 0px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #efefef;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: Verdana;
font-size: 11px;
}
.sbarcalendarposts {
border-color:  #efefef;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: Verdana;
font-size: 11px;
}
ul.sbarlist {
padding: 0px;
margin: 0px;
}
li.sbaritem {
padding-left: 5px;
list-style: none;
}
li.sbartitle {
list-style: none;
padding: 0px;
border-width: 0px;
margin: 0px;
font-family: Verdana;
font-size: 12px;
color: #D51048;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
}

/* maincontent */

.entry{
font-family: Verdana;
font-size: 11px;
color: #666666;
text-align: justify;
padding: 5px;
border-width: 0px;
margin: 0px;
background-color: #F9F9F9;
}
.entry_text {
margin: 0px 0px 0px 0px;
}
.entry ul li {
padding: 0px;
margin: 0px;
}
.entry ol li {
padding: 0px;
margin: 0px;
}

/* user icons on recent and friends page */

.userpic {
position: relative;
float: right;
padding: 0px;
margin: 0px;
z-index: 15;
border-width: 0px;
display: none;
font-color: #D51048;
background-color: #f9f9f9 !important;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
margin: 5px;
text-align: center;
border-width: 0px;
font-family: Verdana;
font-size: 11px;
z-index: 15;
font-color: #00A0C6;
background-color: #f9f9f9 !important;
}
#div.userpicfriends {
background-color: #f9f9f9 !important;
}

/* date and entry title */

.date {
background-color:#F9F9F9;
color: #666666;
font-family: Verdana;
font-size: 11px;
text-transform: uppercase;
padding-left: 5px;
padding-bottom: 5px;
}
.subject {
font-family: Verdana;
color: #FDB406;
font-size: 11px;
font-weight: bold;
padding-left: 5px;
margin-left: 185px;
margin-top:-34px;
width: 293px;
text-transform:uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #666666;
}
.subject a:hover {
color: #F9F9F9;
}
.datesubject {
padding: 0px;
}

/* current mood and music; tags */

.currents, .currentmood, .currentmusic {
font-family: Verdana;
font-size: 11px;
}
.ljtags {
background-color:#F9F9F9;
padding-left: 3px;
padding-top: 3px;
text-align:left;
margin-bottom:-20px;
margin-left:-100px;
border-left:1px solid #E5E4E4;
border-top:1px solid #E5E4E4;
padding-right:0px;
width:86px;
}

/* comments and comment links */

.comments {
background-color:#F9F9F9;
font-family: Verdana;
font-size: 11px;
color: f9f9f9 !important;
text-align: left;
position: relative;
margin-left:-100px;
border-left:1px solid #E5E4E4;
border-bottom:1px solid #E5E4E4;
padding-right:0px;
padding-top:3px;
padding-bottom:3px;
width:84px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #D51048;
font-weight: normal;
text-decoration: none;
}
div.comments a:hover {
color: #FB336C;
font-weight: normal;
text-decoration: none;
}

/* replaces default locked and ljuser images, ljuser link color */

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img151.imageshack.us/img151/7783/ljuser6ue.gif);
padding: 12px 11px 0 0;
}
.ljuser A:link, A:visited, A:active {
color: #444444;
text-decoration: none;
font-weight: bold;
}
.ljuser A:hover {
color: #666666;
text-decoration: none;
font-weight: bold;
}

/* maincontent - tags page */

h2 {
display: block;
font-family: Verdana;
color: #D51048;
font-size: 11px;
font-weight: bold;
padding: 0;
}

/* maincontent - calendar page */

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: #E5E4E4;
text-color: #666666;
}
table.yeartable td.yearday {
background-color: #F9F9F9;
text-align: center;
text-color: #666666;
}
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  */

.headerimage {
position: relative;
align: center;
width: 700px;
height: 160px;
margin-bottom: 0px;
margin-left: auto; 
margin-right: auto;
background-image: url();
background-position: center;
background-repeat: no-repeat;
}
.separator {
height: 10px;
}
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
}

/* Original stylesheet by Ronie @ http://reversescollide.livejournal.com */

Layout uses s2 Flexible Squares.

Quatorze

2005-08-25T16:44:15Z

Layout inspiration comes from an old layout (yes, I plagarize myself) and 'Dark Blue' by Jack's Mannequin:
This makes a perfect shade of dark blue, dark blue
Have you ever been alone in a crowded room
Well I'm here with you
I say the world could be burning,
There's nothing but dark blue

Page text: #FFFFFF
Page link: #474747
Page visited link: #474747
Page active link: #474747

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE<=
<img class="headerimg" src="http://tinypic.com/b4c2s7.gif" style="visibility:visible;">

<div id="menu" text="justify" padding="3px">
<p align="center" border-bottom="1px solid #FFFFFF"><b>NAVIGATE</b></font><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://livejournal.com/~008deux">entries</a>   <a href="http://livejournal.com/~008deux/info">info</a>   <a href="http://livejournal.com/~008deux/friends">flist</a><br>
   <a href="http://livejournal.com/~008deux/calendar">archived</a>   <a href="http://www.livejournal.com/tools/memories.bml?user=008deux">memory</a>   <a href="http://www.livejournal.com/allpics.bml?user=008deux">icons</a>
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>MANAGE</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://www.livejournal.com/update.bml?usejournal=008deux">update</a>   <a href="http://www.livejournal.com/customize/">overrides</a><br>
   <a href="http://www.livejournal.com/editjournal.bml">edit</a>   <a href="http://www.livejournal.com/birthdays.bml">birthdays</a>
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>FILTERS</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://livejournal.com/~deadduck008/Personal">dailies</a>   <a href="http://livejournal.com/~deadduck008/Makers">icon-ers</a><br>
   <a href="http://livejournal.com/~deadduck008/Communities">communities</a>   <a href="http://livejournal.com/~deadduck008/Other">other stuff</a><br>
   <a href="http://livejournal.com/~deadduck008/News">news</a>
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>FANDOMS</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   HouseM.D.   Grey's Anatomy<br>
   LOST   Monk   C.S.I.<br>
   Law&Order:SVU
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>SKIP BACK</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://www.livejournal.com/~008deux/friends?skip=20">20</a>
   <a href="http://www.livejournal.com/users/008deux/friends?skip=40">40</a>
   <a href="http://www.livejournal.com/users/008deux/friends?skip=60">60</a>
   <a href="http://www.livejournal.com/users/008deux/friends?skip=80">80</a>
   <a href="http://www.livejournal.com/users/008deux/friends?skip=100">100</a>
</p>
</div>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<font color="#FFFFFF">
<a href="%%urlpost%%"><b>POST</b></a>   %%messagecount%%   <a href="%%urlread%%">READ</a>
</font>
<br><img src="http://img364.imageshack.us/img364/360/boatdivider5qc.gif" border="0">
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--

body, tr, td, table, div {
font-color: #999999;
font-family: tahoma;
font-size: 8pt;
}

body {
overflow-x: hidden;
margin-top: 345;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 317px;
margin-left: 290;
margin-right:100%;
background-color: #0A9FE4;
margin-bottom:-20px;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

*html body .shadowed img.x{
z-index: -1;
}

html>body table{
position: relative;
}

table, .shadowed div{
z-index: 80;
}

table table tr.caption td.index{
visibility:hidden
}

table table tr.caption td.caption{
visibility:hidden
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

p .index {
color:#0A9FE4;
}

table.entrybox{
border-left: 1px solid #CECDCD;
border-right: 1px solid #CECDCD;
}

#menu {
position:absolute;
top:355;
left: 137;
width: 144;
visibility: visible;
background-color: #0A9FE4;
padding:5px;
border-left:1px solid #CECDCD;
border-bottom:1px solid #CECDCD;
border-right:1px solid #CECDCD;
}

#menu a:link{
font-color:#999999;
text-decoration:none}

#menu a:hover{
font-color:#999999;
text-decoration:line-through;
cursor:default;
}

.entrybox td.comments{
text-align: center;
font-weight: bold;
}

.comments a:hover{
position: relative;
top: 1px;
left: 1px;
}

.headerimg{
position:absolute;left:0;top:0;}

tr.caption{
display:none
}

.shadowed {
background: transparent;
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

p table table td.caption {
color: #FFFFFF;
font-size:8pt;
font-weight: bold;
}

p table table td.caption, p table table td.index {
border-bottom:1px solid #FFFFFF;
letter-spacing:5px;
line-height:0.5;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<font color="#FFFFFF">
<a href="%%urlpost%%"><b>POST</b></a>   %%messagecount%%   <a href="%%urlread%%">READ</a>
</font>
<br><img src="http://img364.imageshack.us/img364/360/boatdivider5qc.gif" border="0">
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>1

LASTN_DATE_FORMAT=><font color="#FFFFFF"><b><span class="day">%%dayshort%%</span>, <span class="month">%%monshort%%</span> <span class="num">%%dth%%</span></b></font>

LASTN_WEBSITE<=
<img class="headerimg" src="http://tinypic.com/b4c2s7.gif" style="visibility:visible;">

<div id="menu" text="justify" padding="3px">
<p align="center" width="100%" border-bottom="1px solid #FFFFFF"><b>NAVIGATE</b></font><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://livejournal.com/~008deux">entries</a>   <a href="http://livejournal.com/~008deux/info">info</a>   <a href="http://livejournal.com/~008deux/friends">flist</a><br>
   <a href="http://livejournal.com/~008deux/calendar">archived</a>   <a href="http://www.livejournal.com/tools/memories.bml?user=008deux">memory</a>   <a href="http://www.livejournal.com/allpics.bml?user=008deux">icons</a>
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>MANAGE</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://www.livejournal.com/update.bml?usejournal=008deux">update</a>   <a href="http://www.livejournal.com/customize/">overrides</a><br>
   <a href="http://www.livejournal.com/editjournal.bml">edit</a>   <a href="http://www.livejournal.com/birthdays.bml">birthdays</a>
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>FILTERS</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   <a href="http://livejournal.com/~deadduck008/Personal">dailies</a>   <a href="http://livejournal.com/~deadduck008/Makers">icon-ers</a><br>
   <a href="http://livejournal.com/~deadduck008/Communities">communities</a>   <a href="http://livejournal.com/~deadduck008/Other">other stuff</a><br>
   <a href="http://livejournal.com/~deadduck008/News">news</a>
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>FANDOMS</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;">
   House M.D.<br>
   Grey's Anatomy<br>
   LOST   Monk   C.S.I.<br>
   Law&Order:SVU
</p>
<p align="center" border-bottom="1px solid #FFFFFF"><b>SKIP BACK</b><br>
<img src="http://img83.imageshack.us/img83/8027/boatmenudivider1iq.gif" border="0" style="visibility:visible;position:relative;"> 
  <a href="http://www.livejournal.com/users/008deux/?skip=20">20</a>
   <a href="http://www.livejournal.com/users/008deux/?skip=40">40</a>
   <a href="http://www.livejournal.com/users/008deux/?skip=60">60</a>
   <a href="http://www.livejournal.com/users/008deux/?skip=80">80</a>
   <a href="http://www.livejournal.com/users/008deux/?skip=100">100</a>
</p>
</div>
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT=><font color="#FFFFFF"><span class="day">%%daylong%%</span><br><span class="num">%%dth%%</span> <span class="month">%%monlong%%</span></font>

Treize

2005-08-23T17:49:28Z

Next up: High Seas.
Another scribbly layout, this time with good ol' H2O.

Douze

2005-08-22T02:51:31Z

I like this layout. A lot. If it were alive it would totally be my boyfriend.

Page text: #989898
Page link: #C52F6B
Page visited link: #C52F6B
Page active link: #C52F6B

FRIENDS_WEBSITE<=
<img class="headerimg" src="http://img385.imageshack.us/img385/2039/houselayout3ph.jpg" style="visibility:visible;">

<div id="menu" text="justify" padding="3px">
<font color="#C52F6B"><b>NAVIGATE</b></font> xx <font color="#44969E"><a href="http://livejournal.com/~008deux">entries</a>   <a href="http://livejournal.com/~008deux/info">info</a>   <a href="http://livejournal.com/~008deux/friends">flist</a>   <a href="http://livejournal.com/~008deux/calendar">archived</a>   <a href="http://www.livejournal.com/tools/memories.bml?user=008deux">memory</a>   <a href="http://www.livejournal.com/allpics.bml?user=008deux">icons</a>
</font><br/>
<font color="#C52F6B"><b>MANAGE</b></font> xx <a href="http://www.livejournal.com/update.bml?usejournal=008deux">update</a>   <a href="http://www.livejournal.com/customize/">overrides</a>   <a href="http://www.livejournal.com/editjournal.bml">edit</a>   <a href="http://www.livejournal.com/birthdays.bml">birthdays</a>
<br/>
<font color="#C52F6B"><b>FILTERS</b></font> xx <font color="#7119D4"><a href="http://livejournal.com/~deadduck008/Personal">dailies</a>   <a href="http://livejournal.com/~deadduck008/Makers">icon-ers</a>   <a href="http://livejournal.com/~deadduck008/Communities">communities</a>   <a href="http://livejournal.com/~deadduck008/Other">other stuff</a>   <a href="http://livejournal.com/~deadduck008/News">news</a>
</font><br/>
<font color="#C52F6B"><b>FANDOMS</b></font> xx HouseM.D. Grey'sAnatomy LOST Monk C.S.I. L&O:SVU
<br/>
<font color="#C52F6B"><b>SKIP BACK</b></font> xx <a href="http://www.livejournal.com/users/008deux/?skip=1">1</a>   <a href="http://www.livejournal.com/users/008deux/?skip=2">2</a>   <a href="http://www.livejournal.com/users/008deux/?skip=3">3</a>   <a href="http://www.livejournal.com/users/008deux/?skip=4">4</a>   <a href="http://www.livejournal.com/users/008deux/?skip=5">5</a>
</div>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<font color="#C52F6B">
<a href="%%urlpost%%"><img src="http://img385.imageshack.us/img385/5549/housepost0ha.jpg" border="0"></a>   %%messagecount%%   <a href="%%urlread%%"><img src="http://img385.imageshack.us/img385/6153/houseread0vq.jpg" border="0"></a>
</font>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--

body, tr, td, table, div {
font-color: #999999;
font-family: tahoma;
font-size: 8pt;
}

body {
overflow-x: hidden;
margin-top: 263;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 395px;
margin-left: 22;
margin-right:100%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

*html body .shadowed img.x{
z-index: -1;
}

html>body table{
position: relative;
}

table, .shadowed div{
z-index: 80;
}

table table tr.caption td.index{
visibility:hidden
}

table table tr.caption td.caption{
visibility:hidden
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

p .index {
color:#FFFFFF;
}

#menu {
position:absolute;
top:213;
left: 54;
width: 338;
height: 72;
visibility: visible;
}

#menu a:link{
font-color:#999999;
text-decoration:none}

#menu a:hover{
font-color:#999999;
text-decoration:line-through;
cursor:default;
}

.entrybox td.comments{
text-align: center;
font-weight: bold;
}

.comments a:hover{
position: relative;
top: 1px;
left: 1px;
}

.headerimg{
position:absolute;left:0;top:0;}

tr.caption{
display:none
}

.shadowed {
background: transparent;
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

h2{
width: 100px;
margin: auto;
padding: 0;
margin: -30pt auto 0 auto;
}
h2 span{
display: block;
font-weight: bold;
}
h2 span.num{
font-size: 20pt;
position: relative;
top: 30px;
left: -80px;
letter-spacing: -5px;
color: #C52F6B;
z-index: 3;
}
h2 span.day{
font-size: 9pt;
z-index: 80;
font-weight: normal;
position: relative;
top: 0px;
left: -30px;
}
h2 span.month{
font-size: 9pt;
z-index: 80;
position: relative;
top: 0px;
left: -30px;
}

p table table td.caption {
color: #44969E;
font-size:8pt;
font-weight: bold;
text-align: center;
line-height:7px;
background-image:url(http://host.picturewizard.com/2005-7/362638/housebgentryimage.jpg);
width:72px;
height:57px;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<font color="#C52F6B">
<a href="%%urlpost%%"><img src="http://img385.imageshack.us/img385/5549/housepost0ha.jpg" border="0"></a>   %%messagecount%%   <a href="%%urlread%%"><img src="http://img385.imageshack.us/img385/6153/houseread0vq.jpg" border="0"></a>
</font>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>1

LASTN_DATE_FORMAT=><h2><font color="#C52F6B"><span class="num">%%dth%%</span><span class="day">%%daylong%%</span><span class="month">%%monlong%%</span></font></h2>

LASTN_WEBSITE<=
<img class="headerimg" src="http://img385.imageshack.us/img385/2039/houselayout3ph.jpg" style="visibility:visible;">

FRIENDS_DATE_FORMAT=><h2><font color="#C52F6B"><span class="num">%%dth%%</span><span class="day">%%daylong%%</span><span class="month">%%monlong%%</span></font></h2>

Onze

2005-08-22T02:19:07Z

A layout created a while back for my own purposes but could serve for the community house_md.

We shall see.

Dix

2005-08-19T04:08:55Z

Houseloveyay!

I love the fad of smushing words together. Seen the Taco Bell commericial (crun-chew-eesy)? Yes.
Date stamp lifted from _sommeil's 'Kim Possible' layout.

Bugs to fix: Header covers up top entry in IE

Neuf

2005-08-18T21:01:15Z

I don't like this one so I'm giving up early.

Style: S1 Generator

Page text: #FFFFFF
Page link: #7A8F99
Page visited link: #435259
Page active link: #435259
Page emphasized text: #FFFFFF
Page title: #FFFFFF

FRIENDS_WEBSITE<=
<div id="menu" align="center" text="justify">
D - I - C - O - N
</div>

.shadowed td div {
position: absolute;
top: 1px
}
-->
</style>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<font color="#FFFFFF">
<a href="%%urlpost%%">post</a> - <a href="%%urlread%%"><b>%%messagecount%%</b></a> - <a href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">remember</a>
</font>
<br>
<img src="http://home.ripway.com/2005-7/362638/aarondivider.jpg">
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--

a:link{
font-color: #7A8F99;
text-decoration:none;
}

a:hover{
font-color:#435259;
text-decoration:none;
}

body, tr, td, table, div {
font-color: #FFFFFF;
font-family: tahoma;
font-size: 8pt;
}

body {
overflow-x: hidden;
margin-top: 55;
}

body {
background-image: url(http://host.picturewizard.com/2005-7/362638/aaronbg2.jpg);
background-attachment:fixed;
background-repeat: repeat-y;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 254px;
margin-left: 179;
margin-right:100%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

*html body .shadowed img.x{
z-index: -1;
}

html>body table{
position: relative;
}

table, .shadowed div{
z-index: 80;
}

table table tr.caption td.index{
visibility:hidden
}

table table tr.caption td.caption{
visibility:hidden
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

p .index {
color:#5A6463;
}

#menu {
position:absolute; top:140; left: 21; width: 145; height: 100%; visibility: visible;
}

.menuheader {
border:1px solid #FFFFFF;
font-color: #FFFFFF;
width:145px;
}

.entrybox td.comments{
text-align: center;
font-weight: bold;
font-color:white;
}

.comments a:hover{
position: relative;
top: 1px;
left: 1px;
}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<font color="#FFFFFF">
<a href="%%urlpost%%">post</a> - <a href="%%urlread%%"><b>%%messagecount%%</b></a> - <a href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">remember</a>
</font>
<br>
<img src="http://home.ripway.com/2005-7/362638/aarondivider.jpg">
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>1

LASTN_DATE_FORMAT=><font color="#FFFFFF"><b>%%dayshort%% - %%monlong%% %%dth%% %%yyyy%%</b></font>

FRIENDS_DATE_FORMAT=><font color="#FFFFFF"><b>%%dayshort%% - %%monlong%% %%dth%% %%yyyy%%</b></font>

LASTN_WEBSITE<=
<div id="menu" align="center" text="justify">
Modify - Edit - Update
</div>
<IMG SRC="http://host.picturewizard.com/2005-7/362638/aaronheader2.jpg" WIDTH=445 HEIGHT=167 BORDER=0 style="visibility:visible;" USEMAP="#aaron" class="x">

.shadowed td div {
position: absolute;
top: 1px
}
-->
</style>
<=LASTN_WEBSITE

Huit

2005-08-18T20:04:12Z

Layout featuring a guy.

Yeah. I don't know either.
Bugs to fix: Weird div menuheaders, border vs. no border

Sept

2005-08-18T00:32:16Z

Dear overrides,

You are freakin' SCREWED UP.

- Ali

Page background: #FFFFFF
Page text:
Page link: #000000
Page visited link: #000000
Page active link: #000000
Page emphasized text: #000000
Page title: #FFFFFF
Weak accent: #FFFFFF
Text on weak accent: #FFFFFF
Strong accent: #FFFFFF
Text on strong accent: #FFFFFF
Stronger accent: #FFFFFF
Text on stronger accent: #FFFFFF

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE<=
<img src="http://home.ripway.com/2005-7/362638/grimmheader.gif" class="header">
<div class="menu">
<h1 align="center"><b>NAVIGATE</b></h1>
x <a href="http://livejournal.com/~008deux">Entries</a><br>
x <a href="http://livejournal.com/~008deux/info">Info</a><br>
x <a href="http://livejournal.com/~008deux/friends">Friends</a><br>
x <a href="http://www.livejournal.com/allpics.bml?user=008deux">Icons</a><br/>
x <a href="http://www.livejournal.com/modify.bml?authas=008deux">Modify</a><br/>
</div>
<div class="menu2">
<h1 align="center"><b>LINKS</b></h1>
x <a href="http://livejournal.com/~deadduck008">deadduck008</a><br>
x <a href="http://livejournal.com/community/everything_lj">everything_lj</a><br>
x <a href="http://livejournal.com/community/freelayouts">freelayouts</a><br>
x <a href="http://livejournal.com/community/overridehelp">overridehelp</a><br>
<br/>
</div>
<div class="menu3">
<h1 align="center"><b>INTERESTS</b></h1>
x House M.D.<br>
x Gilmore Girls<br>
x CSI<br>
x Law & Order<br>
x Monk<br>
</div>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<a href="%%urlpost%%">write</a> x read <a href="%%urlread%%"><b>%%messagecount%%</b></a> x <a href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">remember</a>
<br><img src="http://tinypic.com/amwj9w.gif">
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
body{
margin-top: 52px!important;
margin-top: 52px;
background: url(http://home.ripway.com/2005-7/362638/grimmbg.gif);
cursor: default;
}
td, .index, .meta, .comments, h1{
font-size: 8pt;
font-family: Tahoma;
color: #8F8D8D;
}
tr.caption, .shadowed .meta, .shadowed div, .shadowed img{
display: none;
}
div{
text-align: left;
}
table{
width: 244px;
margin-left: 313px;
}

table.entrybox {
border:0px solid #000000;
background-color: #FFFFFF;
}

table table{
width: 100%;
margin-left: 0;
}
table table table{
width: auto;
}

.entrybox td{
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}
.shadowed img.header{
display: block;
position: absolute;
top: 5;
left: 11;
}
.entrybox td.index{
color: #FFFFFF;
white-space: nowrap;
}
.entrybox td.caption, .entrybox td.index span, .menu h1, .menu2 h1, .menu3 h1{
font-size: 8pt;
color: #8F8D8D;
font-weight: bold;
}
h1{
padding: 0;
margin: 3px 0;
}
a{
color: #8B2A32;
text-decoration: none;
font-weight: normal;
}
a:hover{
text-decoration: line-through;
color: #8B2A32;
cursor: default;
}
div.menu{
display: block;
position: absolute;
top: 285px;
left: 48px;
width: 73px;
background-color:#FFFFFF;
padding: 3px;
border:1px solid #8F8D8D;
}
div.menu2{
display: block;
position: absolute;
top: 285px;
left: 136px;
width: 73px;
background-color:#FFFFFF;
padding: 3px;
border:1px solid #8F8D8D;
}
div.menu3{
display: block;
position: absolute;
top: 285px;
left: 224px;
width: 82px;
background-color:#FFFFFF;
padding: 3px;
border:1px solid #8F8D8D;
}

.header {
position:absolute;
left:0px;
top:0px;
padding:0px;
}

.shadowed img.x{
z-index: 1!important;
z-index: -10;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}

.entrybox td.comments{
text-align:center;
}
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<a href="%%urlpost%%">write</a> x read <a href="%%urlread%%"><b>%%messagecount%%</b></a> x <a href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">remember</a>
<br><img src="http://tinypic.com/amwj9w.gif">
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>1

LASTN_DATE_FORMAT=><span><font color="#8B2A32" face="Georgia, sans-serif"><b>%%daylong%%</b></font><font color="#8B2A32"><br>%%monlong%% %%yyyy%%</span></font>

FRIENDS_DATE_FORMAT=><span><font color="#8B2A32" face="Georgia, sans-serif"><b>%%daylong%%</b></font><font color="#8B2A32"><br>%%monlong%% %%yyyy%%</span></font>

LASTN_WEBSITE<=
<img src="http://home.ripway.com/2005-7/362638/grimmheader.gif" class="header">
<div class="menu">
<h1 align="center"><b>NAVIGATE</b></h1>
x <a href="http://livejournal.com/~008deux">Entries</a><br>
x <a href="http://livejournal.com/~008deux/info">Info</a><br>
x <a href="http://livejournal.com/~008deux/friends">Friends</a><br>
x <a href="http://www.livejournal.com/allpics.bml?user=008deux">Icons</a><br/>
x <a href="http://www.livejournal.com/modify.bml?authas=008deux">Modify</a><br/>
</div>
<div class="menu2">
<h1 align="center"><b>LINKS</b></h1>
x <a href="http://livejournal.com/~deadduck008">deadduck008</a><br>
x <a href="http://livejournal.com/community/everything_lj">everything_lj</a><br>
x <a href="http://livejournal.com/community/freelayouts">freelayouts</a><br>
x <a href="http://livejournal.com/community/overridehelp">overridehelp</a><br>
<br/>
</div>
<div class="menu3">
<h1 align="center"><b>INTERESTS</b></h1>
x House M.D.<br>
x Gilmore Girls<br>
x CSI<br>
x Law & Order<br>
x Monk<br>
</div>
<=LASTN_WEBSITE

Six

2005-08-17T03:26:05Z

This layout is a sacrifice to the hotness of Damon and Ledger and the brains that decided to put them in a movie together.

Thank you.

Cinq

2005-08-15T21:41:28Z

The overrides. Because I know I'm going to lose them on the vast plains that is my harddrive.

S1 Style: Generator

Page background: #F0F0F0
Page text: #313130
Page link: #000000
Page visited link: #000000
Page active link: #000000
Page emphasized text: #000000
Page title: #FFFFFF
Weak accent: #F0F0F0
Text on weak accent: #FFFFFF
Strong accent: #F0F0F0
Text on strong accent: #FFFFFF
Stronger accent: #F0F0F0
Text on stronger accent: #FFFFFF

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE<=
<img src="http://img130.imageshack.us/img130/1824/008header0yn.jpg" class="header">
<div class="menu">
<h1><b>Navigation</b></h1>
- <a href="http://livejournal.com/~008deux">entries</a><br>
- <a href="http://livejournal.com/~008deux/info">info</a><br>
- <a href="http://livejournal.com/~008deux/friends">friends</a><br>
- <a href="http://livejournal.com/~008deux/memories">memories</a><br>
</div>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<a href="%%urlpost%%">post</a> / <a href="%%urlread%%"><b>0%%messagecount%%</b></a> / <a href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">mem</a>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
body{
margin-top: 295px!important;
margin-top: 295px;
background: url(http://img53.imageshack.us/img53/8523/008bg4ha.gif);
cursor: default;
}
td, .index, .meta, .comments, h1{
font-size: 8pt;
font-family: Arial;
color: #000000;
}
tr.caption, .shadowed .meta, .shadowed div, .shadowed img{
display: none;
}
div{
text-align: left;
}
table{
width: 350px;
margin-left: 4px;
}

table.entrybox {
border:0px solid #000000;
background-color: #F0F0F0;
}

table table{
width: 100%;
margin-left: 0;
}
table table table{
width: auto;
}

</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<a href="%%urlpost%%">post</a> / <a href="%%urlread%%"><b>0%%messagecount%%</b></a> / <a href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">mem</a>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>1

LASTN_DATE_FORMAT=><span>%%m%%/%%d%%/%%yy%%</span>

FRIENDS_DATE_FORMAT=><span>%%m%%/%%d%%/%%yy%%</span>

LASTN_WEBSITE<=
<img src="http://img130.imageshack.us/img130/1824/008header0yn.jpg" class="header">
<div class="menu">
<h1><b><u>Navigation</b>      </u></h1>
♣ <a href="http://livejournal.com/~008deux">entries</a><br>
♣ <a href="http://livejournal.com/~008deux/info">info</a><br>
♣ <a href="http://livejournal.com/~008deux/friends">friends</a><br>
♣ <a href="http://livejournal.com/~008deux/memories">memories</a><br>
♣ <a href="http://www.livejournal.com/allpics.bml?user=008deux">icons</a><br/>
♣ <a href="http://www.livejournal.com/modify.bml?authas=008deux">MODIFY</a><br/>
</div>
<=LASTN_WEBSITE

Quatre

2005-08-14T21:49:07Z

A layout featuring the ever-gorgeous Hayden Christensen. 2 parts pretty and 1 part boring. Pretty boring.

Bugs to fix: Images not appearing in sidebar even with style="visibility:visible;" code

Trois

2005-07-26T01:57:15Z

The Island layout. It's not working. But it's kinda cool. Of course, the coolness you see now is incomparable to what I originally had in my head. It's like going to the kitchen to make filet mignon and coming out with macaroni and cheese.

Bugs to fix: No datestamp/timestamp, sidebar vs. no

Deux

2005-07-25T15:27:32Z

And the overrides to actually get this thing up and running on your journal:

Page background: #FFFFFF
Page text: #000000
Page link: #000000
Page visited link: #000000
Page active link: #000000
Page emphasized text: #000000
Page title: #000000
Weak accent: #FFFFFF
Text on weak accent: #000000
Strong accent: #FFFFFF
Text on strong accent: #000000
Stronger accent: #FFFFFF
Text on stronger accent: #000000

FRIENDS_WEBSITE<=
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
blah.
</td></tr></table></td></tr>

<div id="sidebar">
<img src="http://img235.imageshack.us/img235/4977/cmenu05my.gif" border="0">
<a href="http://livejournal.com/users/008deux">entries</a><br>
<a href="http://livejournal.com/users/008deux/info">info</a><br>
<a href="http://livejournal.com/users/008deux/friends">friends</a><br>
<a href="http://livejournal.com/users/008deux/memories">memories</a><br>
<a href="http://livejournal.com/users/008deux/calendar">calendar</a><br>
<a href="http://livejournal.com/users/deadduck008">credit</a>
<br><br>
<img src="http://img103.imageshack.us/img103/529/cmenu17xt.gif" border="0">
Ciara likes pina coladas and getting caught in the rain.  A lot.
<br><br>
<img src="http://img103.imageshack.us/img103/476/cmenu25zk.gif" border="0">
HARRYPOTTEROHEMGEE!
<br><br>
<img src="http://img103.imageshack.us/img103/255/cmenu31dw.gif" border="0">
Maybe you should visit
</div>

<img class="headerimg" src="http://img65.imageshack.us/img65/3192/ciaraheader2mh.gif">
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">play</a>
<br>
<img src="http://img65.imageshack.us/img65/1690/ciaradivider9um.gif" border="0">
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
font-family: tahoma;
font-size: 8pt;
overflow-x: hidden;
margin-top: 45;
background-color: #A6A4A4;
background-image: url(http://img95.imageshack.us/img95/4715/ciarabg6ga.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}

A:active{color:#6392A1;text-decoration:none;}
A:link{color:#6392A1;text-decoration:none;}
A:visited{color:#6392A1;text-decoration:none;}
A:hover{color:#6392A1;text-decoration:underline;cursor:default;}

div {
font-family: tahoma;
font-size: 8pt;
}

.headerimg{position:absolute;left:0;top:0;z-index:1;}

table, tr, td, .shadowed {
font-family: tahoma;
font-size: 8pt;
background: transparent;
}

table {
margin-left:190px;
margin-right:100%;
width:290px;
}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

p .index {
color:white;
}

#sidebar{
position:absolute; 
top:110px; 
left:3px; 
width: 196; 
height: 100%;
visibility: visible;
font-size:8pt;
text-align:justify;
}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">play</a>
<br>
<img src="http://img65.imageshack.us/img65/1690/ciaradivider9um.gif" border="0">
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> pause%%mc-plural-s%%</a> ♣

LASTN_DATE_FORMAT=><font color="#000000">%%dayshort%% > %%monlong%% %%dth%% %%yyyy%%</font>

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> pause%%mc-plural-s%%</a> ♣

LASTN_WEBSITE<=
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
blah
</td></tr></table></td></tr>

<div id="sidebar">
<font color="#000000">
<img src="http://img235.imageshack.us/img235/4977/cmenu05my.gif" border="0" style="visibility: visible;">
<a href="http://livejournal.com/users/008deux">entries</a><br>
<a href="http://livejournal.com/users/008deux/info">info</a><br>
<a href="http://livejournal.com/users/008deux/friends">friends</a><br>
<a href="http://livejournal.com/users/008deux/memories">memories</a><br>
<a href="http://livejournal.com/users/008deux/calendar">calendar</a><br>
<a href="http://livejournal.com/users/deadduck008">credit</a>
<br><br>
<img src="http://img103.imageshack.us/img103/529/cmenu17xt.gif" border="0" style="visibility: visible;">
Ciara likes pina coladas and getting caught in the rain.  A lot.
<br><br>
<img src="http://img103.imageshack.us/img103/476/cmenu25zk.gif" border="0" style="visibility: visible;">
HARRYPOTTEROHEMGEE!
<br><br>
<img src="http://img103.imageshack.us/img103/255/cmenu31dw.gif" border="0" style="visibility: visible;">
Maybe you should visit
</div>

<img class="headerimg" src="http://img65.imageshack.us/img65/3192/ciaraheader2mh.gif">
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT=><font color="#000000">%%dayshort%% > %%monlong%% %%dth%% %%yyyy%%</font>

Just copy and paste these into the override section using the S1 Style. You can use the image URLs given because I hosted them at imageshack. Just change wherever it says '008deux' in the menu on the sidebar to 'ciara'.

Une

2005-07-20T00:25:31Z

This current testing layout is for (surprise, surprise) ciara. This is a test entry to see exactly how the entries will align when the layout is finally put together. I could also use images for comment links if you'd like, or something fancier. I wasn't sure about a color scheme so I made it ~~grayscale~~ shades of blue. Everyone likes blue. Woooo.