painfuldefeat

CLOSED

2008-06-21T02:41:14Z

OFFICIALLY CLOSED. IF YOU WOULD LIKE TO KEEP UP WITH MY LAYOUTS PLEASE WATCH applepie_icons. THANKS!

layout #10

2008-06-12T04:10:40Z

Live preview @ appletester
Codes and Directions @ applepie_icons

And remember, you should watch applepie_icons if you want to keep up with updates. Eventually I'm going to stop updating here. :)

layout #09

2008-06-05T02:28:42Z

CODES AND DIRECTIONS HERE

Community Change!

2008-06-04T23:25:08Z

Hey guys! I've decided that I'm going to start posting all of my future layouts (haha I know, it's been a while! but it's going to be summer soon yeah! =] ) in applepie_icons instead of here. So if y'all wanna go watch that comm for updates you can!!! :DDDDDD

layout #08

2008-02-07T22:31:20Z

Info
Style: Flexible Squares
Works with: Basic, Paid, maybe Sponsored
Works in: AOL Browser, IE, Firefox
Best view: 800x600 and up
Sidebar: Yes (on top-links only)

Directions
Okay, these directions are for the new journal customization. If you have any questions, feel free to ask.
1) Go to Journal>>Customize Journal
2) Where it says "2. Select a New Theme" there's a search bar. Type in "Flexible Squares."
3) Choose the "Blue Gray," hit "Apply Theme" (I'm not completely sure if you have to choose this color scheme, but it's the one I did)
4) Now at the top it should show the Blue Gray Flexible Squares Layout in a little box. In that box, under "More Options:" click "Customize Your Theme."
5) Scroll down and on the left side of the screen there's a "Custom CSS" button, click that.
6) Right next to the words "Custom CSS" there's two options, expand all and collapse all. Make sure you click expand all if it's not already expanded.
7) Put all of the drop-down boxes to "No"
8) Copy and paste the code below into the stylesheet box.
9) Click "Save Changes" and you're done!!

ALSO, VERY IMPORTANT! If you want the layout to look like the preview make sure under the 'sidebar' tag of the customization page only the links list is set to 'yes.' To change your links go to the link list page.

Stylesheet
Sidebar:

/*---------------------------------------------------
Custom layout by: keb91
Style: Flexible Squares
Layout#: 8
-----------------------------------------------------*/

body	{
		background-color: #303030;
                background-image: url();
                background-position: center;
                background-attachment: scroll;
		text-align: center;
		color: #666;
		font-family: "arial" Helvetica, sans-serif;
           	font-size: 12px;
		margin-top: 10px;
		}

a, a:link, a:visited {
		color: #666;
		text-weight: bold;
                text-decoration: none;
		}

a:hover {
		color: #333;
                font-weight: bold;
		text-decoration: none;
		}

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

b, i, s, u, emphasise, abbr, strong, strike {
                color: #555;
                }

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
	{
		width: 750px;
		margin-left: auto; margin-right: auto;
		background-color: #111;
		border-top: solid 0px #111;
                border-bottom: solid 0px #111;
                padding: 15px;
                text-align: justify;
	}

#maincontent {
		margin-top: -12px;
		font-family: "arial" Helvetica, sans-serif;
		font-size: 12px;
		background-color: #111;
		color: #666;
		margin-left: 10px; /*width of sidebar plus 20px*/
		text-align: justify;
		}

#sidebar {
                display: ;
		padding-top: 0px;
		margin-top: -20px;
                margin-left: 20px;
                margin-right: 20px;
		background-color: #111;
	  	font-size: 12px;
		font-family: "arial" Helvetica, sans-serif;
	  	color: #6b6b6b;
		width: 95%;
		float: top;
		text-align: justify;
		}

/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
                padding-top: 8px;
                padding-bottom: 0px;
		margin-bottom: 20px;
		text-align: center;
                text-transform: uppercase;
		font-family: "arial" Helvetica, sans-serif;
		font-size: 17px;
                font-weight: bold;
		letter-spacing: -1px;
		background-color: #111;
		color: #444;
		}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited

{
                font-size: 17px;
		color: #555;
	}

div#header a:hover, div#footer a:hover {
		font-size: 17px;
                color: #444;
		text-decoration: none;
	}

/*title and subtitle*/
	.title	{
                display: none; /*remove if you want the title displayed*/
		font-family: "arial" Helvetica, sans-serif;
           	font-size: 13px;
		color: #666;
                font-weight: normal;
		text-transform: uppercase;
                letter-spacing: 1px;
                margin-top: 10px;
		}

.subtitle{
                display: none; /*remove if you want the subtitle displayed*/
		font-family: "arial" Helvetica, sans-serif;
           color: #666;
		font-size: 11px;
		font-weight: normal;
                letter-spacing: 1px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

ul.navheader
		{
		padding: 0px;
		margin: 0px;
                font-size: 16px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		font-size: 16px;
                }

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent { 
	}
        
        .entry	{
		margin-right: 10px;
		margin-left: 10px /*width of sidebar plus 20px*/
                margin-top: 0px;
                padding: 2px;
		background-color: #111;
		color: #777;
		font-family: "arial" Helvetica, sans-serif;
           font-size: 12px;
		text-align: justify;
		}

.userpic {
                display: ; 
                position: relative;
                background: #111;
                border: 1px solid #666;
		float: right;
		text-align: center;
		padding: 5px;
		margin-left: 10px;
                margin-right: 5px;
		z-index: 15;
                font-size: 8px;
                border-width: 1px;
		border-color: #111;
		border-style: solid;

}

.date {
		line-height: 200%;
		top: 5px;
		color: #666;
                text-transform: uppercase;
                text-align: left;
		font-family: "arial" Helvetica, sans-serif;
                font-size: 10px;
		}

.subject {
                border-bottom: dotted #ebebeb 0px;
		padding: 1px;
		text-align: left;
                letter-spacing: -1px;
                word-spacing: 1px;
                color: #444;
		font-family: "arial" Helvetica, sans-serif;
                font-weight: bold;
		font-size: 17px;
                text-transform: uppercase;
		}

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

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

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

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

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

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
                color: #555;
                font-size: 11px;
                text-transform: uppercase;
         }

.ljtags {
		font-family: "arial" Helvetica, sans-serif;
           font-size: 12px;
                font-style: none;
                font-weight: bold;
                text-transform: uppercase;
		color: #555;
		margin-top: 30px;
		margin-bottom:0px;
		position: left;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "arial" Helvetica, sans-serif;
                font-size: 16px;
		text-align: right;
                font-weight: bold;
                letter-spacing: -1px;
                text-transform: uppercase;
		background-color: #111;
		padding: 0px 0px 0px 0px;
		position: relative;
		top: 0px;
		}
	
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #444;
	}

div.comments a:hover {
		color: #333;
		text-decoration: none;
                font-size: 16px;
                padding: 0px
	}

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

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

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
                position: relative;
                background: #111 !important;
                border: 1px solid #111 !important;
		float: right;
		text-align: center;
		padding: 5px;
		margin-left: 10px;
                margin-right: 15px;
		z-index: 15;
                font-size: 8px
		border-width: 1px;
		border-color: #111 !important;
		border-style: solid;
		}

/*------------------------------------------------------------
  Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
		text-align: center;
		}

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

.sbarbody {
                text-align: center;
		padding: 0px 5px 0px 5px;
		}

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

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
                 color: #555;
                 text-transform: uppercase;
                 font-weight: bold;
         }

div#sidebar a:hover {
                 font-weight: none;
                 text-transform: uppercase;
                 color: #333;
                 text-decoration: none;
         }

/*------------------------------------------------------------
  Sidebar - Calendar
-------------------------------------------------------------------------------*/

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

.sbarcalendar {
		border-color: #111;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		font-family: "arial" Helvetica, sans-serif;
           font-size: 10px;
		}

.sbarcalendarposts {
		border-color:  #111;
		border-width: 1px;
		border-style: solid;
		background-color: #111;
		text-align: center;
		font-family: "arial" Helvetica, sans-serif;
                font-size: 10px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem
	{
		padding-left: 0px;
                margin-left: 5px;
		list-style: none;
                display: inline;
                
	}

li.sbartitle {
                display: none;
                list-style: none;		
                margin-bottom: -16px;
                margin-left: -6px;
                margin-top: 10px;
                text-align: left;
                padding-left: 0px;
                padding-bottom: 2px;
                color: #3d3d3d;
                font-family: "arial" Helvetica, sans-serif;
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
                letter-spacing: -1px;
                background: url() 0px 0px no-repeat; 
        }

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 100%;
		text-align: center;
                margin-bottom: 0px;
                text-transform: uppercase;
		font-family: "arial" Helvetica, sans-serif;
                font-size: 16px;
		font-weight: bold;
		letter-spacing: -1px;
		background-color: #111;
		color: #3d3d3d;
		font-style: none;
		z-index: 100;
		clear: both;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive 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: #999;
		}

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

td.yearmonth {
		border-style: none;
		}

/*----------------------------------------------------
 Comments pages
----------------------------------------------------------------*/

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

.userpiccomment {
		position: relative;
		background-color: #111;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		}

.box {
		border-style: none;
		border-width: 0px 0px 0px 0px;
		border-color: #444;
		padding: 10px;
		clear: right;
		}

input, textarea {
		background-color: #111;
		color: #555;
		}

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

.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: "arial" Helvetica, sans-serif;
                font-size: 11px;
		line-height: 125%;
		background-color: #111;
		color: #7300a6;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "arial" Helvetica, sans-serif;
		color: #555;
		}

.commentbox {

border-color: #444;
		border-width: 0px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #111;
		}

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

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

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

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

.skiplinks {
		text-align: center;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
		height: 15px;
		}

.headerimage {
                position: relative;
                width: 0px; 
                height: 0px; 
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 0px; 
                background-image: url(""); 
                background-repeat: no-repeat;
                }

/*Tiny Icons-Feel free to remove*/

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
		width: 0;
		height: 0;
		padding: px px 0px 0px;
		background: url();
		}

.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{
		width: 0;
		height: 0;
		padding: px px 0px 0px;
		background: url();
		}

.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color:transparent;
  		/* so that IE users will still see an image */
  		background-image: url(http://i29.tinypic.com/34o56j6.gif); 
  		padding: 12px 8px 0 2px !important;
		}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
		background-color:transparent;
  		background-image: url(http://i29.tinypic.com/34o56j6.gif);
  		padding: 12px 8px 0 2px !important;
		}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
		background-color:transparent;
 		background-image: url(http://i28.tinypic.com/6r68tl.gif);
 		padding: 14px 14px 0 2px !important;
		}

Extra Stuff
---comments are awesome
---tiny icons credit to passing_girl
---tiny icon generator credit to loveicon
---credit keb91 or painfuldefeat
---customize to your liking
---do not repost as your own
---enjoy!

If you have any questions, feel free to ask here.
Also, I do not claim to be a genius with css, so if there's something wrong with the layout please tell me and I will try to fix it. :)

Layout #07

2008-02-03T05:07:43Z

Info
Style: Flexible Squares
Works with: Basic, Paid, maybe Sponsored
Works in: AOL Browser, IE, maybe others
Best view: 800x600 and up
Sidebar: Yes

Directions
Okay, these directions are for the new journal customization. If you have any questions, feel free to ask.
1) Go to Journal>>Customize Journal
2) Where it says "2. Select a New Theme" there's a search bar. Type in "Flexible Squares."
3) Choose the "Blue Gray," hit "Apply Theme" (I'm not completely sure if you have to choose this color scheme, but it's the one I did)
4) Now at the top it should show the Blue Gray Flexible Squares Layout in a little box. In that box, under "More Options:" click "Customize Your Theme."
5) Scroll down and on the left side of the screen there's a "Custom CSS" button, click that.
6) Right next to the words "Custom CSS" there's two options, expand all and collapse all. Make sure you click expand all if it's not already expanded.
7) Put all of the drop-down boxes to "No"
8) Copy and paste the code below into the stylesheet box.
9) Click "Save Changes" and you're done!!

Stylesheet
Sidebar:

/*---------------------------------------------------
Custom layout by: keb91
Style: Flexible Squares
-----------------------------------------------------*/

a, a:link, a:visited {
		color: #666;
		text-weight: bold;
                text-decoration: none;
		}

a:hover {
		color: #333;
                font-weight: bold;
		text-decoration: none;
		}

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

b, i, s, u, emphasise, abbr, strong, strike {
                color: #555;
                }

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#maincontent {
		margin-top: 0px;
		font-family: "arial" Helvetica, sans-serif;
		font-size: 12px;
		background-color: #111;
		color: #666;
		margin-left: 190px; /*width of sidebar plus 20px*/
		text-align: justify;
		}

#sidebar {

padding-top: 3px;
		margin-top: 0px;
                margin-left: 10px;
                margin-right: 20px;
		background-color: #111;
	  	font-size: 12px;
		font-family: "arial" Helvetica, sans-serif;
	  	color: #6b6b6b;
		width: 160px;
		float: left;
		text-align: justify;
		}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited

{
                font-size: 17px;
		color: #555;
	}

div#header a:hover, div#footer a:hover {
		font-size: 17px;
                color: #333;
		text-decoration: none;
	}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

ul.navheader
		{
		padding: 0px;
		margin: 0px;
                font-size: 16px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		font-size: 16px;
                }

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent { 
	}
        
        .entry	{
		margin-right: 0px;
		margin-left: 180px /*width of sidebar plus 20px*/
                margin-top: 0px;
                padding: 2px;
		background-color: #111;
		color: #6b6b6b;
		font-family: "arial" Helvetica, sans-serif;
           font-size: 12px;
		text-align: justify;
		}

}

.date {
		line-height: 200%;
		top: 5px;
		color: #777;
                text-transform: uppercase;
                text-align: left;
		font-family: "arial" Helvetica, sans-serif;
                font-size: 10px;
		}

.subject {
                border-bottom: dotted #ebebeb 0px;
		padding: 1px;
		text-align: left;
                letter-spacing: -1px;
                word-spacing: 1px;
                color: #3d3d3d;
		font-family: "arial" Helvetica, sans-serif;
                font-weight: bold;
		font-size: 17px;
                text-transform: uppercase;
		}

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

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

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

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

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

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
         .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
                color: #555;
                font-size: 11px;
                text-transform: uppercase;
         }

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

div.comments a:hover {
		color: #333;
		text-decoration: none;
                font-size: 16px;
                padding: 0px
	}

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

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

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

/*------------------------------------------------------------
  Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
		text-align: center;
		}

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

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

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

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
                 color: #555;
                 font-weight: none;
         }

div#sidebar a:hover {
                 font-weight: none;
                 color: #333;
                 text-decoration: none;
         }

/*------------------------------------------------------------
  Sidebar - Calendar
-------------------------------------------------------------------------------*/

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

.sbarcalendar {
		border-color: #111;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		font-family: "arial" Helvetica, sans-serif;
           font-size: 10px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem
	{
		padding-left: 0px;
                margin-left: -4px;
		list-style: none;
                
	}

li.sbartitle {
                list-style: none;		
                margin-bottom: -16px;
                margin-left: -6px;
                margin-top: 10px;
                text-align: left;
                padding-left: 0px;
                padding-bottom: 2px;
                color: #3d3d3d;
                font-family: "arial" Helvetica, sans-serif;
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
                letter-spacing: -1px;
                background: url() 0px 0px no-repeat; 
        }

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive 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: #999;
		}

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

td.yearmonth {
		border-style: none;
		}

/*----------------------------------------------------
 Comments pages
----------------------------------------------------------------*/

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

.userpiccomment {
		position: relative;
		background-color: #111;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		}

.box {
		border-style: none;
		border-width: 0px 0px 0px 0px;
		border-color: #444;
		padding: 10px;
		clear: right;
		}

input, textarea {
		background-color: #111;
		color: #555;
		}

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

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "arial" Helvetica, sans-serif;
		color: #555;
		}

.commentbox {

border-color: #444;
		border-width: 0px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #111;
		}

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

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

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

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

.skiplinks {
		text-align: center;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
		height: 15px;
		}

/*Tiny Icons-Feel free to remove*/

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
		width: 0;
		height: 0;
		padding: px px 0px 0px;
		background: url();
		}

.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{
		width: 0;
		height: 0;
		padding: px px 0px 0px;
		background: url();
		}

Without sidebar:

/*---------------------------------------------------
Custom layout by: keb91
Style: Flexible Squares
-----------------------------------------------------*/

a, a:link, a:visited {
		color: #666;
		text-weight: bold;
                text-decoration: none;
		}

a:hover {
		color: #333;
                font-weight: bold;
		text-decoration: none;
		}

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

b, i, s, u, emphasise, abbr, strong, strike {
                color: #555;
                }

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#maincontent {
		margin-top: 0px;
		font-family: "arial" Helvetica, sans-serif;
		font-size: 12px;
		background-color: #111;
		color: #666;
		margin-left: 10px; /*width of sidebar plus 20px*/
		text-align: justify;
		}

#sidebar {
                display: none;
		padding-top: 3px;
		margin-top: 0px;
                margin-left: 10px;
                margin-right: 20px;
		background-color: #111;
	  	font-size: 12px;
		font-family: "arial" Helvetica, sans-serif;
	  	color: #6b6b6b;
		width: 160px;
		float: left;
		text-align: justify;
		}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited

{
                font-size: 17px;
		color: #555;
	}

div#header a:hover, div#footer a:hover {
		font-size: 17px;
                color: #333;
		text-decoration: none;
	}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

ul.navheader
		{
		padding: 0px;
		margin: 0px;
                font-size: 16px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		font-size: 16px;
                }

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent { 
	}
        
        .entry	{
		margin-right: 0px;
		margin-left: 10px /*width of sidebar plus 20px*/
                margin-top: 0px;
                padding: 2px;
		background-color: #111;
		color: #6b6b6b;
		font-family: "arial" Helvetica, sans-serif;
           font-size: 12px;
		text-align: justify;
		}