layoutlounge | 56. Castle Red Pale with Nav Red Hover

sireesanwar.livejournal.com posting in

Layout Style: S2 Flexible Squares
Features: Sidebar: Scrolling Tags, Custom Page Summary w/ scroll, blurb scroll, link list scroll. Hover blocks over nav links.
Layout Width: 800px

[ Preview ] [ Live ]

Font(s) Used: Pea Alicia & Pea Beth

Layout:

layout_lounge
Header:

graffitigraphic

Sidebar: Using Layouts, Layout Changes for Beginners, Font Tutorial, or Tiny Icon Help see How To Guides.

Sidebar on the side:

/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #eeeeee;
 background-image: url(BACKGROUND IMAGE);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #888888;
 font-family: "lucida grande", "lucida sans", verdana, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #4BA2B8; }
a:hover { color: #444444; }

blockquote {
 width: 350px;
 background-color: #FFFFFF;
 margin-left: 50px;
 padding: 0px 10px 10px 10px; 
 border-right: 3px solid #cccccc; 
 border-left: 3px solid #cccccc;
 color: #333333;
 font-size: 11px;
 line-height: 14px;
 font-family: "verdana", arial, verdana, sans-serif;
 text-align: left;
 }

img.special { border: 10px solid #eeeeee;   -moz-border-radius: 2%; }

b, strong { color: #DC1A4E; }
i, em { color: #4c228a; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }

.b-repost-item { display:none }

img.special { border: 10px solid #eeeeee;   -moz-border-radius: 2%; }

p, td{  }
	
code, kbd, pre, tt {font-family: "monospace";	}
	
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {  	
 width: 800px;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 575px;
 float: left;
 margin: -5px 0px 0px 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 width: 573px;
 min-height: 200px;
 margin-top: 5px;
 border: 1px solid #dddddd;
 }

/*---------------Header--------------*/
#header {		
 position: relative;
 width: 800px;
 height: 30px;
 text-align: center;
 color: #ffffff;
 margin: 5px 0px 7px 0px;
 padding: 5px 0px 15px 0;
 font-family: Pea Alicia, verdana, arial !important;
 font-size: 12px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: normal;
 background-color: #000000 ;
}

div#header a, div#header a:link, div#header a:visited,

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 21px 15px 16px 15px;
 font-family: Pea Alicia, verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
 text-shadow: 2px 2px 6px #bbbbbb;
}

div#header a:hover, div#header li.view { 
 padding: 20px 14px 15px 14px;
 color: #ffffff;
 text-shadow: 2px 2px 6px #888888;
 background-color: #d60014 !important;
 border: 1px solid #a2111e;
 }

ul.navheader { list-style: none; }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
	
.title, .subtitle { display: none; }

/*-----------Footer------------*/

#footer {			
 width: 573px;
 height: 30px;
 margin: 0px 0px 7px 0px;
 padding: 5px 0px 15px 0;
 text-align: center;
 font-family: Pea Alicia, verdana, arial !important;
 font-size: 12px;
 color: #ffffff;
 background-color: #000000;
 z-index: 100;
 }

div#footer a {
 padding: 21px 15px 16px 15px;
 color: #ffffff;
 text-align: left;
 text-shadow: 2px 2px 6px #bbbbbb;
 }

div#footer a:hover, div#footer li.view {
 padding: 20px 14px 15px 14px;
 color: #ffffff;
 text-shadow: 2px 2px 6px #888888;
 background-color: #d60014 !important;
 border: 1px solid #a2111e;
 }

ul.navfooter{  list-style: none; }

ul.navfooter li  { display: inline;  list-style: none; }
	
.clearfoot {	clear: both;}

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

#sidebar {
 padding: 0px 0 10px 0; 
 background-color: #FFFFFF;
 border: 1px solid #dddddd;
 margin-left: 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 color: #999999;
 width: 200px;
 float: right;
 text-align: left;
 text-transform: normal;
 }

#sidebar_linklist .sbarcontent { height: 100%; overflow-x: hidden; overflow-y:auto; }

#sidebar_tags .sbarcontent { height: 250px; overflow-x: hidden; overflow-y: auto; }

#sidebar_summary .sbarcontent { height: 250px; overflow-x: hidden; overflow-y: auto; }

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link,

.sbarcalendarposts

a:visited{ padding: 0px; text-align: center; }

#sidebar .sbarcalendarposts a:hover { padding: 0px; text-align: center; }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
 color: #84A0A4;
 display: block;
 text-decoration: none;
 padding: 2px 10px 3px 5px;
 }

div#sidebar a:hover {
 padding: 2px 10px 3px 5px;
 color: #d60014;
 }

.defaultuserpic {text-align: center;}

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

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

.sbarbody2 {padding: 0 5px 0 5px; height: 100%; overflow-x: hidden; overflow-y: auto; }
		
table.calendar { margin-right: auto; 	margin-left: auto; }
	
.sbarcalendar {
 padding: 1px;
 border: 1px solid #cccccc;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 9px;
 }

.sbarcalendarposts {
 padding: 1px;
 border: 1px solid #cccccc;
 background-color: #ffffff;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 9px;
 }
	
ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; }

li.sbaritem { padding-left: 0px; list-style: block; }

li.sbartitle	{
 list-style: none;
 color: #999999;
 font-size: 20px;
 text-transform: lowercase;
 padding: 10px 0px 5px 0px;
 margin: -11px -5px 5px -5px;
 text-align: center;
 text-shadow: 2px 2px 6px #999999;
 }

ul.tagList {width: 100%;}  .tagBox {
 height: 150px;
 overflow-x: hidden;
 overflow-y: scroll; 
 scrollbar-arrow-color: #84A0A4;
 scrollbar-base-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #84A0A4;
 scrollbar-darkshadow-color: #cccccc;
 scrollbar-shadow-color: #cccccc;
 }

#sidebar_summary li.sbaritem {
 color: #999999;
 font-size: 9px;
 border-right: 2px solid #dddddd;
 border-left: 2px solid #dddddd;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #999999;
 border: 0px solid #6DA9C1 !important;
 }

#sidebar_summary li.sbaritem a:hover{
 text-decoration: none;
 color: #dddddd;
 border: 0px solid #999999;
 }

/*-----------Entries-----------*/
.entry	{
 padding: 10px;
 margin: 0px;
 color: #888888;
 font-family: "arial";
 font-size: 12px;
 text-align: left;
 }
	
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic {
 background-color: #ffffff !important;
 position: relative;
 float: right;
 margin: 10px 10px 10px 10px;
 z-index: 15;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 color: #777777 !important;
 border: 5px solid #eeeeee;
 }

.userpicfriends {
 background-color: #FFFFFF !important;
 position: relative;
 float: right;
 margin: 10px 10px 10px 10px;
 text-align: center;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 z-index: 15;
 border: 5px solid #eeeeee;
 }

.userpicfriends a font {color: #84A0A4;}
.userpicfriends a font:hover {color: #ED577C;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 color: #999999;
 font-family: arial, sans-serif;
 font-size: 8px;
 letter-spacing: 1px;
 margin-left: 10px;
 padding: 5px;
 text-align: left;
 text-transform: normal;
 }

.subject {
 font-weight: none;
 padding: -5px 0 0px;
 margin-top: 0px;
 margin-left: 10px;
 color: #333333;
 text-shadow: 2px 2px 6px #BBBBBB;
 font-family: "Pea Beth", Verdana, Arial !important;
 font-size: 18px;
 text-transform: normal;
 text-decoration: none;
 border-bottom: 0px solid #eeeeee;
 }
	
.subject a, .subject a:link, .subject a:visited {color: #333333;}

.subject a:hover {color: #84A0A4;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #d60014;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #84A0A4;
 font-weight: normal;
 }

/*-----Currents, tags, comment links-----*/

.ljtags {
 margin-top: 5px;
 color: #bbbbbb;
 font-weight: lighter;
 font-size: 10px;
 font-family: "Verdana", arial;
 text-transform: lowercase;
 margin: 15px 0px 0px 0px;
 padding: 5px 0px 5px 17px;
 background: URL(http://i31.tinypic.com/15p046e.jpg) no-repeat center left;
 }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong {
 font-family: "Verdana", arial;
 font-size: 10px;
 color: #bbbbbb;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currents, .currentmood, .currentmusic, .currentlocation {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #888888;
 font-weight: lighter;
 text-transform: lowercase;
 }

.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }
	
.currentlocation a:hover, .ljtags a:hover {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #d60014;
 font-weight: lighter;
 text-transform: lowercase;
 }

.comments {
 font-family: "Verdana", arial;
 font-size: 18px;
 font-weight: none;
 color: #dddddd;
 text-align: center;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 }
	
div.comments a, div.comments a:link, div.comments a:visited{
 color: #cccccc;
 padding: 3px 6px;
 }

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

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 background-color: #ffffff;
 width: 558px;
 }

form div.box {
 text-align:center;
 background-color: #ffffff;
 width: 558px;
  }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: "Verdana", arial;
 padding: 10px;
 font-size: 8px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 10px;
 background: url(http://i53.tinypic.com/2jii5h.jpg) repeat;
 color: #eeeeee;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #84A0A4; font-family: Pea Beth, verdana, arial !important; font-size: 11px;  text-shadow: 2px 2px 6px #bbbbbb; }
	
.datesubjectcomment a:hover {color: #d60014;  font-family: Pea Beth, verdana, arial !important; font-size: 11px;  text-shadow: 2px 2px 6px #ffffff; }

.userpiccomment {
 background-color: #eeeeee !important;
 position: relative;
 top: -15px;
 left: 0px;
 margin: 15px 0px 0px 10px;
 z-index: 15;
 float: right;
 border: 5px solid #eeeeee;
 color: #777777;
 }

div#content input,
div#content textarea,
div#content select {
 color: #888888;
 border: 1px solid #cccccc;
 background-color:#ffffff;
 }
	
textarea.textbox  {width: 100% !important;}

.reply	{
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 line-height: 125%;
 color: #888888;
 }
	
.replytosubject {
 text-transform: normal;
 padding: 5px;
 }

.replytoposter {
 background-color: #ffffff;
 color: #84A0A4;
 text-transform: normal;
 padding: 5px;
 }

.commentreply {
 text-align: left;
 position: relative;
 margin: 11px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 color: #888888;
 }
	
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 20px;
 text-align: left;
 background-color: #ffffff;
 -moz-border-radius: 2%;
 }

.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: #ffffff;
 }

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

/*-----------Year/Archive Page----------*/

ul.year { 	text-align: center; 	padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

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

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

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

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
 }

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

/*----------SECTION: Tiny Icons----------*/

.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i52.tinypic.com/25p3j2t.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i53.tinypic.com/24ne4i9.jpg); 
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i56.tinypic.com/11h8kqw.jpg); }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i52.tinypic.com/2hh3fnn.jpg); 
 }

/* USER */
.ljuser img {
 width: 0;
 height: 0;
 background-repeat: no-repeat;
 background: transparent url(http://i55.tinypic.com/em5it.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

.ljuser img[src*="userinfo.gif"] {
 background: transparent url(http://i55.tinypic.com/em5it.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
.ljuser img[src*="community.gif"] {
 background: transparent url(//i56.tinypic.com/ka2pt4.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
	
#lj_controlstrip_statustext {
 color: #eeeeee;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #eeeeee;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #eeeeee !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
	
.headerimage {
 position: relative;
 width: 798px;
 height: 298px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE HERE);
 background-position: center;         
 background-repeat: no-repeat;
 border: 1px solid #dddddd;
 }

.separator { height: 10px; }

Sidebar above entries, Entries full journal size.

a, a:link, a:visited { color: #4BA2B8; margin: 0px; padding: 0px; }
a:hover { color: #444444; margin: 0px; padding: 0px; }

blockquote {
 width: 550px;
 background-color: #FFFFFF;
 margin-left: 50px;
 padding: 0px 10px 10px 10px; 
 border-right: 3px solid #cccccc; 
 border-left: 3px solid #cccccc;
 color: #333333;
 font-size: 11px;
 line-height: 14px;
 font-family: "verdana", arial, verdana, sans-serif;
 text-align: left;
 }

img.special { border: 10px solid #eeeeee;   -moz-border-radius: 2%; }

b, strong { color: #DC1A4E; }
i, em { color: #4c228a; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }

.b-repost-item { display:none }

img.special { border: 10px solid #eeeeee;   -moz-border-radius: 2%; }

p, td{  }
	
code, kbd, pre, tt {font-family: "monospace";	}
	
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {  	
 width: 800px;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 800px;
 float: left;
 margin: -5px 0px 0px 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 width: 800px;
 min-height: 200px;
 margin-top: 5px;
 border: 1px solid #dddddd;
 }

/*---------------Header--------------*/
#header {		
 position: relative;
 width: 800px;
 height: 30px;
 text-align: center;
 color: #ffffff;
 margin: 5px 0px 7px 0px;
 padding: 5px 0px 15px 0;
 font-family: Pea Alicia, verdana, arial !important;
 font-size: 10px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: normal;
 background-color: #000000 ;
}

div#header a, div#header a:link, div#header a:visited,

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 21px 10px 16px 10px;
 font-family: Pea Alicia, verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
 text-shadow: 2px 2px 6px #bbbbbb;
}

div#header a:hover, div#header li.view { 
 padding: 20px 9px 15px 9px;
 color: #ffffff;
 text-shadow: 2px 2px 6px #888888;
 background-color: #d60014 !important;
 border: 1px solid #a2111e;
 }

ul.navheader { list-style: none; }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
	
.title, .subtitle { display: none; }

/*-----------Footer------------*/

#footer {			
 width: 800px;
 height: 30px;
 margin: 0px 0px 7px 0px;
 padding: 5px 0px 15px 0;
 text-align: center;
 font-family: Pea Alicia, verdana, arial !important;
 font-size: 12px;
 color: #ffffff;
 background-color: #000000;
 z-index: 100;
 }

div#footer a {
 padding: 21px 15px 16px 15px;
 color: #ffffff;
 text-align: left;
 text-shadow: 2px 2px 6px #bbbbbb;
 }

div#footer a:hover, div#footer li.view {
 padding: 20px 14px 15px 14px;
 color: #ffffff;
 text-shadow: 2px 2px 6px #888888;
 background-color: #d60014 !important;
 border: 1px solid #a2111e;
 }

ul.navfooter{  list-style: none; }

ul.navfooter li  { display: inline;  list-style: none; }
	
.clearfoot {	clear: both;}

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

#sidebar {
 background-color: #ffffff !important;
 padding: 2px 0 2px 0;
 margin-left: auto;
 margin-right: auto; 
 margin-bottom: 10px;
 font-size: 11px;
 font-family: "arial", verdana, sans-serif;
 text-transform: normal;
 color: #777777; 
 width: 800px;
 height: 175px;
 vertical-align: center;
 overflow: none;
 text-align: left;
 border: 1px solid #dddddd;
 }

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

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

.sbarbody {
 padding: 0px;
 float: left;
 margin: -2px 2px 5px 2px;
 height: 16px;
 }

.sbarbody2 {
 padding: 2px 5px 0px 5px;
 float: left;
 margin: 5px 2px 2px 2px;
 width: 260px;
 height: 160px;
 overflow-x: hidden; 
 overflow-y: auto;
 text-align: left;
 -moz-border-radius: 4%;
 }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
 color: #d60014;
 display: inherit;
 text-decoration: none;
 padding: 1px 1px 1px 5px;
 margin: 0px; 
 text-shadow: 2px 2px 6px #BBBBBB;
 }

div#sidebar a:hover {
 color: #84A0A4;
 padding: 1px 1px 1px 5px;
 margin: 0px;
 text-shadow: 2px 2px 6px #888888;
 }

/*----------Sidebar Components ------------*/
#sidebar_tags .sbarcontent {
 width: 170px; 
 height: 160px;
 overflow-x: hidden; 
 overflow-y: auto;
}

l.tagList {width: 100%;}
     .tagBox {
 width: 170px;
     height: 160px;
     overflow-x: hidden;
     overflow-y: scroll;
     scrollbar-arrow-color: #d60014;
     scrollbar-base-color: #222222;
     scrollbar-face-color: #222222;
     scrollbar-highlight-color: #d60014;
     scrollbar-darkshadow-color: #222222;
     scrollbar-shadow-color: #222222;
}

.defaultuserpic {
 text-align: center;
 vertical-align: center;
 background-color: #ffffff; 
 -moz-border-radius: 4%; 
 padding: 5px;
 float: left;
 margin: 4px; 
 list-style: none; 
 width: 21%;
 height: 198px;
 }

#sidebar_summary .sbarcontent {
 width: 185px;
 height: 160px;
 overflow-x: hidden; 
 overflow-y: auto;
}

#sidebar_summary li.sbaritem {
 color: #777777;
 padding: 3px;
 text-transform: normal;
 margin: 3px;
 text-align: left;
 border-top: 1px solid #dddddd;
 border-bottom: 1px solid #dddddd;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #777777;
 border: 0px solid #6DA9C1 !important;
 background-color: transparent !important;
 }

#sidebar_summary li.sbaritem a: hover{
 text-decoration: none;
 color: #777777;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_linklist .sbarcontent {
 width: 140px;
 height: 160px;
 overflow-x: hidden; 
 overflow-y: auto;
 text-align: left;
 }

/*------------  Sidebar - link box contents----------*/

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

li.sbaritem {padding-left: 0px; list-style: block; }

li.sbartitle	{
display: none;
 }

/*-----------Entries-----------*/
.entry	{
 padding: 10px;
 margin: 0px;
 color: #555555;
 font-family: "arial";
 font-size: 12px;
 text-align: left;
 }
	
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic {
 background-color: #ffffff !important;
 position: relative;
 float: right;
 margin: 75px 10px 10px 10px;
 z-index: 15;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 color: #777777 !important;
 border: 5px solid #eeeeee;
 }

.userpicfriends {
 background-color: #FFFFFF !important;
 position: relative;
 float: right;
 margin: 75px 10px 10px 10px;
 text-align: center;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 z-index: 15;
 border: 5px solid #eeeeee;
 }

.userpicfriends a font {color: #84A0A4;}
.userpicfriends a font:hover {color: #ED577C;  text-shadow: 2px 2px 6px #bbbbbb; }

.date { 
 background-color: #eeeeee;
 margin: 10px 10px 0px 10px;
 padding-right: auto;
 padding-left: auto;
 padding-left: 100px;
 float: center;
 color: #999999;
 font-family: arial, verdana, sans-serif;
 font-size: 2px;
 text-transform: lowercase;
 text-shadow: 2px 2px 6px #BBBBBB;
 border-width: 1px 1px 0px 1px; 
 border-style: solid;
 border-color: #dddddd;
 }

.subject {
 background-color: #eeeeee;
 padding-right: auto;
 padding-left: auto;
 padding: 5px 0 5px 100px;
 margin: 0px 10px 0px 10px;
 color: #333333;
 text-shadow: 2px 2px 6px #BBBBBB;
 font-family: "Georgia", Verdana, Arial !important;
 font-size: 22px;
 border-width: 0px 1px 1px 1px; 
 border-style: solid;
 border-color: #dddddd;
 }
	
.subject a, .subject a:link, .subject a:visited {color: #333333;}

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

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: center;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #d60014;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #84A0A4;
 font-weight: normal;
 }

/*-----Currents, tags, comment links-----*/

.ljtags strong {
 font-family: "Verdana", arial;
 font-size: 10px;
 color: #bbbbbb;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currents, .currentmood, .currentmusic, .currentlocation {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #888888;
 font-weight: lighter;
 text-transform: lowercase;
 }

.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }

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

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 background-color: #ffffff;
 width: 788px;
 }

form div.box {
 text-align:center;
 background-color: #ffffff;
 width: 788px;
 border: 1px solid #dddddd;
  }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 10px;
 background: url(http://i53.tinypic.com/2jii5h.jpg) repeat;
 color: #eeeeee;
 }

div#content input,
div#content textarea,
div#content select {
 color: #888888;
 border: 1px solid #cccccc;
 background-color:#ffffff;
 }
	
textarea.textbox  {width: 100% !important;}

.replytoposter {
 background-color: #ffffff;
 color: #84A0A4;
 text-transform: normal;
 padding: 5px;
 }

.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: #ffffff;
 }

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

/*-----------Year/Archive Page----------*/

ul.year { 	text-align: center; 	padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

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

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

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

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
 }

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

/*----------SECTION: Tiny Icons----------*/

.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i52.tinypic.com/25p3j2t.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i53.tinypic.com/24ne4i9.jpg) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i56.tinypic.com/11h8kqw.jpg) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i52.tinypic.com/2hh3fnn.jpg) no-repeat !important; 
 }

.ljuser img[src*="userinfo.gif"] {
 background: transparent url(http://i55.tinypic.com/em5it.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
.ljuser img[src*="community.gif"] {
 background: transparent url(//i56.tinypic.com/ka2pt4.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
	
#lj_controlstrip_statustext {
 color: #eeeeee;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #eeeeee;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #eeeeee !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
	
.headerimage {
 position: relative;
 width: 798px;
 height: 298px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
 background-position: center;         
 background-repeat: no-repeat;
 border: 1px solid #dddddd;
 }

.separator { height: 10px; }

Headers can be found at

graffitigraphic.

Background Image:

PLEASE NO HOTLINKING IMAGES

MORE Background Images: Layout Lounge Site

RULES:
No Hotlinking Images
Header can be changed
Background image can be changed or removed.

Flat | Top-Level Comments Only

From:

sin-stained-ink.livejournal.com

Oh, I like this, especially the red in it. It's way too hard to find clean and simple layouts with red in them. Memming it for possible use in the future. :)

From:

sireesanwar.livejournal.com

I'm glad you like it. Enjoy if or when you use it.

From:

got_swagger

This is gorgeous!

From:

sireesanwar.livejournal.com

Thanks. I'm glad you like it.

From:

springswan.livejournal.com

This is beautiful layout. :)
Using it right now!

From:

sireesanwar.livejournal.com

I'm very glad you like it. Enjoy!

From:

seramercury.livejournal.com

This is gorgeous so I had to snag it. I love me some Castle too! :D

From:

sireesanwar.livejournal.com

Thanks. I'm glad you like it.

I LOVE your icon!

From:

seramercury.livejournal.com

LOL! I only wish I made it. Love yours!! :D

From:

sireesanwar.livejournal.com

Thanks. I didn't make that one either. Oh well.

From:

obsessionality.livejournal.com

I think I love you. Thank you so much for this amazing site. It's a godsend to computer noobs like me. And your layouts are *gorgeous*. :)

Thank you.

From:

sireesanwar.livejournal.com

Thanks. I'm glad you like it and my layouts!

From:

obsessionality.livejournal.com

oh, wait. I think I need help/advice. When I used this layout on my journal, It pushed my entire side column below the entries. Does that make sense? Uh. The whole smaller box in a two-column setting was pushed down. Wow, I'm really crap at this. Yeah, and I pasted the header URL where I'm reasonably sure I was supposed to, and it didn't work out. I have a feeling I've screwed up somewhere--any ideas?

From:

sireesanwar.livejournal.com

No, that doesn't make sense. I wonder what is off.

The only thing I can think for you to do is try again and let me see what is happening.

From:

yourstar202.livejournal.com

Absolutely perfect! And simple to boot! Using and crediting to your awesomeness!

From:

sireesanwar.livejournal.com

Thank you. I'm glad you like it. Enjoy!

From:

sindorei-x.livejournal.com

I will use,I will credit.Thank you so much for sharing.Layouts are so beautiful.

From:

sireesanwar.livejournal.com

Thanks. Enjoy!

From:

alaria.livejournal.com

Using this layout (with changed header and background) - it has everything I want in a layout! I also want to thank you for all the really simple and good tutorials! :)

From:

sireesanwar.livejournal.com

Sounds good. Enjoy it. I'm so glad you like it.

Thanks. I try to make things simple. I'm glad I did well.

From:

meaprill.livejournal.com

Hi :)

So I found this layout today and I liked it, and then I decided to change header... and then I kept changing things... I'm not even sure how I got it right :D

Nevertheless, I hope it's okay I changed... couple of things :D I've credited it, though :)))) Thank you :)

From:

sireesanwar.livejournal.com

No problem. I don't mind if you customize as long as you send people here. ;-)

From:

jandjsalmon.livejournal.com

Thank you so much! This is a beautiful layout!

From:

sireesanwar.livejournal.com

You are welcome. Enjoy!

From:

noble-dud.livejournal.com

Thanks! Am using and I appreciate it!

From:

sireesanwar.livejournal.com

I'm glad. Enjoy!

Flat | Top-Level Comments Only

About

Welcome to the Lounge. Our tutorials are saved here. These are currently all for LJ and Flexible Squares. Should you have general questions about us check out our FAQ. I do NOT customize layouts for individuals.

Layout Change Quick Guide

If you like Flexible Squares, I have tons of layouts for you, and still create them.

I've been creating Layouts for DW's Transmogrified. Here's how to use them:
1. Go to Transmogrified Layouts.
2. Choose Basic.
3. Go to Custom CSS.
4. Make sure all boxes are unchecked
5. Copy Coding to Stylesheet Box.
6. Make sure to update with your own images/image urls. Imgur images are okay to be used.
7.Click Save.

Tips Welcome:

You can also find layout_lounge at LiveJournal.

Summary

April 2025

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Layout Lounge

Layouts, Tutorials, Help, and more

56. Castle Red Pale with Nav Red Hover

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025