s2 Flexible Squares: #002 "Oh, journal" (in 4 colours!)

&Code

/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #002 "OH, journal"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is LOVE*** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
	
	a, a:link, a:visited {
		color: #e23163;
		text-decoration: none;
		}
	
	a:hover {
		color: #ee9ab2;
		text-decoration: none;
		}
	
	p, blockquote {
                font-size: 10px;
		padding: 18px; 
		line-height: 13px; 
		background-color: #fdeff3;
		-moz-opacity: .9;
                opacity: .5;
                filter:alpha(opacity=90);
		text-align: justify;
		border-top:5px solid #f36d93;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}

/*-----------------VIEWS, TITLE & SUBTITLE-----------------*/
	
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		text-transform: lowercase;
		font-weight: bold;
		font-size: 15px;
		padding: 20px;
		color: #fcd5e0;
		}

div#header li, div#header li + li, div#header li + li + li, div#header li + li + li + li {
		text-transform: lowercase;
		font-weight: bold;
		font-size: 15px;
		padding: 20px;
		color: #fcd5e0;
		float: right;
		}

div#header li {
		float: right;
		background-color:#fcd5e0
		}

div#header li + li{background-color: #f888a8}
	div#header li + li + li {background-color: #f36d93}
	div#header li + li + li +  li{background-color: #d82356}
	div#header li +  li + li +  li +  li {background-color:#f36d93}

ul.navheader 	{	
		height: 35px;
		text-align: right;
		float: right; important!;
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navheader li  {
		float: center important!;
		display: inline;			
		padding: 0 3px 0 3px;
		}

.title{
		color: #e23163;
		font-weight: bold;
		font-size: 20px;
		padding: 4px;
		float: right;
		}
	.subtitle {
		display: none;
		}
	
	.lj-view-entry .title{
		display:none;
		}

.lj-view-friends .title{
		display:none;
		}

/*-----------------CONTENT-----------------*/

#content {  	
		width: 720px;
		margin-left: auto; margin-right: auto;				
		background-color: #ffeaf0;
		background: url();
		padding: 15px;
		}

#maincontent {	 	
		margin-top: 105px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #ffeaf0;
		background: url();
		color: #d82356;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 45px;
	}
	
/*-----------------SIDEBAR-----------------*/
	
#sidebar { 
		padding: 25px; 
		margin-top: 38px;
margin-bottom: 38px;
		height: 0px;
		background: #1A1A1A; 
		background: url();
		color: #8d8d8d;
		text-align: justify; 
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #e23163;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #f888a8;
		text-decoration: none;
		}
	
	.defaultuserpic {
		display: none;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
		}

ul.sbarlist {
		display: inline; 
		text-transform: uppercase; 
		padding-left: 0px;
		margin-left: 20px;
		list-style: none;
		}
       .sbarcalendar {
                display: none;
                }

.sbarcalendarposts{ 
		display: none;
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

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

li.sbartitle {
		display: none;
		}

/*-----------------ENTRY-------------*/

.entry	{
		background: url();
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background-color: #;
		color: #555555;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: left;
		}
		
	.entry ul li, .entry ol li {
		padding-left: 15px;
		margin-left: 25px;
		}

/*-----------------USERPICS & FriendsUSERPICS------------*/

.userpic {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #e23163;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #e23163;
			border-style: solid;
			}

.userpicfriends {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #e23163 important!;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #e23163;
			border-style: solid;
			}

.userpicfriends font {
		color: #e23163;		
		background-color: transparent;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {		
		line-height: 270%;
		background-color: #e23163;
		text-align: center;
		top: 14px;
		color: #ee9ab2;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		font-weight: bold;
		}
	
	.subject {	
		background: url(http://i47.tinypic.com/2hchqhz.png);
		line-height: 200%;		
		text-align: center; 
		background-color: #f36d93;
		font-weight: bold;
		padding-bottom: 4px; 
		font-size:  20pt; 
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #fcd5d5;
		}
	
	.datesubject {		
		background-color: #340004;
		padding: 5px;
		background: url();
		}

/*-----------------COMMENT & REPLY-----------------*/

.comments {
		background-color: #;
		border-bottom: #e23163 3px dashed;
		text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 5px;
		margin: 9px 0 9px -10px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #e23163;
		font-size: 15px;
		text-align: rigth;
		font-weight: bold;
	        }
	
	div.comments a:hover {
		color: #e23163;
		text-decoration: none;
		}
	
	.datesubjectcomment {				
		background-color: #f36d93;
		padding: 5px;
		margin-top: 20px;
		}	
		
	.userpiccomment {
		position: relative;
		float: left;
               margin: 0px 10px 0px 10px; 
                margin-bottom: 20px;
            	background-color: #e23163;
		padding: 2px;
		margin: 5px;
		z-index: 15;
		border-width: 10px;
		border-color: #e23163;
		border-style: solid;
		}

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

input, textarea {
		background-color: #;
		color: #000000;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
	.reply	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #555555;
		}
		
	.commentbox {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #d82356;
		}
		
	.datesubjectcomment a:hover {
		color: #fcd5d5;
		}
	
	.commentboxpartial {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		font-weight: bold; 
		font-size: 15px;
		}
	
	ul.year li {
		color: #f36d93;
		display: inline;
		}
	
	table.yeartable {
		color: #f36d93;
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background-color: transparent important!;
		font-weight: bold; 
		color: #d82356;
		font-size: 12px;
		text-transform: uppercase; 
		text-align: center;
		}
	
	td.yearmonth {
		border-style: none;
		}

/*-----------------FOOTER-----------------*/

#footer {			
		width: 100%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #e23163;;
		color: transparent;
		z-index: 100;
		clear: both;
		}
		
	ul.navfooter{
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navfooter li  {
		display: inline;	
		margin: 0 5px 0 5px;
		}

.clearfoot {		
		clear: both;
		}
		
/*----------------LJ USER & COMM ICON ----------------*/
	.ljuser img { 
		  height: 0px;
		  padding: 16px 0 0 0px;
		  background-image: url(http://i45.tinypic.com/2zi7atf.png);
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
	.currents, .currentmood, .currentlocation, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.currents {
		background-color: transparent;
		}

.currents strong{
		font-weight: normal;
		font-size: 8pt;
		color: #555;
		text-transform: lowercase;
		}

.currentlocation {
		padding-left: 14px;
		padding-top: 8px;
		font-size: 8pt;
		color: #333;
		background: url('http://i46.tinypic.com/xqjfgy.png') 0px 11px no-repeat;
		}

.currentmood {
		padding-left: 14px;
		padding-bottom: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i47.tinypic.com/33wkxeq.png') 0px 7px no-repeat;
		}

.currentmusic {
		padding-left: 16px;
		padding-top: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i49.tinypic.com/2i8by20.png') 0px 5px no-repeat;
		}

.ljtags { 
		margin-top: 18px; 
		padding-left: 19px;
		padding-bottom: 5px;
		padding-top: 2px;
		text-transform: lowercase;
		font-size: 8pt;
		color: #555;
		background: url('http://i50.tinypic.com/ffbpro.png') 0px 0px no-repeat;
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #d82356; 
		font-size: 11px;
		text-transform: none; 
		}

H2 { 
		padding: 8px; 
		color: #d82356; 
		font-size: 14pt; 
		text-transform: uppercase; 
		}

/*-----------------TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons by pinvoke.com/

&Instructions (1,2,3!)

#01 Go to Select Journal Stlyle choose any Flexible Squares Layout and Apply Theme.
#02 Go to Customize Your Theme and then go to the Custom CSS section. Select NO in all three options and then paste the code in the Custom Stylesheet Box. Save changes.
#03 Credit

justcyanide or

hiddencolours. ENJOY &hearts

&Notes
~A very long title overlaps too much with the darkest shade in the navigation bar and looks messy, so I recommend the tittle being short (however, too short titles doesn't look nice either)

~Editing is fine as long as I'm credited for the original layout <3

~If you want to add a header just paste this where it says "header" :)

~Metadata icons by graphicsbyjulz & tiny icons by Pinvoke.

&Code

/* Cleaned CSS: */

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
	
	a, a:link, a:visited {
		color: #9d0ecc;
		text-decoration: none;
		}
	
	a:hover {
		color: #ee9ab2;
		text-decoration: none;
		}
	
	p, blockquote {
                font-size: 10px;
		padding: 18px; 
		line-height: 13px; 
		background-color: #f7e8fc;
		-moz-opacity: .9;
                opacity: .3;
                filter:alpha(opacity=90);
		text-align: justify;
		border-top:5px solid #a83acc;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}

div#header li, div#header li + li, div#header li + li + li, div#header li + li + li + li {
		text-transform: lowercase;
		font-weight: bold;
		font-size: 15px;
		padding: 20px;
		color: #e6c8f0;
		float: right;
		}

div#header li {
		float: right;
		background-color:#e6c8f0
		}

div#header li + li{background-color: #b559d3}
	div#header li + li + li {background-color: #a83acc}
	div#header li + li + li +  li{background-color: #9401c4}
	div#header li +  li + li +  li +  li {background-color:#a83acc}

.title{
		color: #9401c4;
		font-weight: bold;
		font-size: 20px;
		padding: 4px;
		float: right;
		}
	.subtitle {
		display: none;
		}
	
	.lj-view-entry .title{
		display:none;
		}

.lj-view-friends .title{
		display:none;
		}

/*-----------------CONTENT-----------------*/

#content {  	
		width: 720px;
		margin-left: auto; margin-right: auto;				
		background-color: #ffeaf0;
		background: url();
		padding: 15px;
		}

#maincontent {	 	
		margin-top: 105px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #ffeaf0;
		background: url();
		color: #9401c4;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 45px;
	}
	
/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
		padding: 25px; 
		margin-top: 38px;
		margin-bottom: 38px;
		height: 0px;
		background: #1A1A1A; 
		background: url();
		color: #8d8d8d;
		text-align: center; 
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #9d0ecc;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #b559d3;
		text-decoration: none;
		}
	
	.defaultuserpic {
		display: none;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;
		text-align: center;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
		}

.sbarcalendarposts{ 
		display: none;
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

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

li.sbartitle {
		display: none;
		}

/*-----------------ENTRY-------------*/

/*-----------------USERPICS & FriendsUSERPICS------------*/

.userpic {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #9d0ecc;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #9d0ecc;
			border-style: solid;
			}

.userpicfriends {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #9d0ecc important!;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #9d0ecc;
			border-style: solid;
			}

.userpicfriends font {
		color: #9d0ecc;		
		background-color: transparent;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {		
		line-height: 270%;
		background-color: #9401c4;
		text-align: center;
		top: 14px;
		color: #e6c8f0;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		font-weight: bold;
		}
	
	.subject {	
		background: url(http://i45.tinypic.com/29uoj2e.png);
		line-height: 200%;		
		text-align: center; 
		background-color: #a83acc;
		font-weight: bold;
		padding-bottom: 4px; 
		font-size:  20pt; 
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #e6c8f0;
		}
	
	.datesubject {		
		background-color: #340004;
		padding: 5px;
		background: url();
		}

.lj-view-entry .subject{
		color: #e6c8f0;
		}

/*-----------------COMMENT & REPLY-----------------*/

.comments {
		background-color: #;
		border-bottom: #9d0ecc 3px dashed;
		text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 5px;
		margin: 9px 0 9px -10px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #9d0ecc;
		font-size: 15px;
		text-align: rigth;
		font-weight: bold;
	        }
	
	div.comments a:hover {
		color: #9d0ecc;
		text-decoration: none;
		}
	
	.datesubjectcomment {				
		background-color: #a83acc;
		padding: 5px;
		margin-top: 20px;
		}	
		
	.userpiccomment {
		position: relative;
		float: left;
               margin: 0px 10px 0px 10px; 
                margin-bottom: 20px;
            	background-color: #9d0ecc;
		padding: 2px;
		margin: 5px;
		z-index: 15;
		border-width: 10px;
		border-color: #9d0ecc;
		border-style: solid;
		}

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

input, textarea {
		background-color: #;
		color: #000000;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
	.reply	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #555555;
		}
		
	.commentbox {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #9401c4;
		}
		
	.datesubjectcomment a:hover {
		color: #e6c8f0;
		}
	
	.commentboxpartial {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		font-weight: bold; 
		font-size: 15px;
		}
	
	ul.year li {
		color: #a83acc;
		display: inline;
		}
	
	table.yeartable {
		color: #a83acc;
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background-color: transparent important!;
		font-weight: bold; 
		color: #9401c4;
		font-size: 12px;
		text-transform: uppercase; 
		text-align: center;
		}
	
	td.yearmonth {
		border-style: none;
		}

/*-----------------FOOTER-----------------*/

#footer {			
		width: 100%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #9d0ecc;;
		color: transparent;
		z-index: 100;
		clear: both;
		}
		
	ul.navfooter{
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navfooter li  {
		display: inline;	
		margin: 0 5px 0 5px;
		}

/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
	.currents, .currentmood, .currentlocation, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.currents {
		background-color: transparent;
		}

.currents strong{
		font-weight: normal;
		font-size: 8pt;
		color: #555;
		text-transform: lowercase;
		}

.currentlocation {
		padding-left: 14px;
		padding-top: 8px;
		font-size: 8pt;
		color: #333;
		background: url('http://i46.tinypic.com/xqjfgy.png') 0px 11px no-repeat;
		}

.currentmood {
		padding-left: 14px;
		padding-bottom: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i47.tinypic.com/33wkxeq.png') 0px 7px no-repeat;
		}

.currentmusic {
		padding-left: 16px;
		padding-top: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i49.tinypic.com/2i8by20.png') 0px 5px no-repeat;
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #9401c4; 
		font-size: 11px;
		text-transform: none; 
		}

H2 { 
		padding: 8px; 
		color: #9401c4; 
		font-size: 14pt; 
		text-transform: uppercase; 
		}

/*-----------------TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons by pinvoke.com

&Code

/* Cleaned CSS: */

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
	
	a, a:link, a:visited {
		color: #2cd01b;
		text-decoration: none;
		}
	
	a:hover {
		color: #ee9ab2;
		text-decoration: none;
		}
	
	p, blockquote {
                font-size: 10px;
		padding: 18px; 
		line-height: 13px; 
		background-color: #e9fae7;
		-moz-opacity: .9;
                opacity: .5;
                filter:alpha(opacity=90);
		text-align: justify;
		border-top:5px solid #4be43b;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}

div#header li, div#header li + li, div#header li + li + li, div#header li + li + li + li {
		text-transform: lowercase;
		font-weight: bold;
		font-size: 15px;
		padding: 20px;
		color: #ccf3c8;
		float: right;
		}

div#header li {
		float: right;
		background-color:#ccf3c8
		}

div#header li + li{background-color: #7fe674}
	div#header li + li + li {background-color: #4be43b}
	div#header li + li + li +  li{background-color: #1bc50a}
	div#header li +  li + li +  li +  li {background-color:#f36d93}

.title{
		color: #1bc50a;
		font-weight: bold;
		font-size: 20px;
		padding: 4px;
		float: right;
		}
	.subtitle {
		display: none;
		}
	
	.lj-view-entry .title{
		display:none;
		}

.lj-view-friends .title{
		display:none;
		}

/*-----------------CONTENT-----------------*/

#content {  	
		width: 720px;
		margin-left: auto; margin-right: auto;				
		background-color: #ffeaf0;
		background: url();
		padding: 15px;
		}

#maincontent {	 	
		margin-top: 105px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #ffeaf0;
		background: url();
		color: #1bc50a;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 45px;
	}
	
/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
		padding: 25px; 
		margin-top: 38px;
		margin-bottom: 38px;
		height: 0px;
		background: #1A1A1A; 
		background: url();
		color: #8d8d8d;
		text-align: center; 
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #2cd01b;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #7fe674;
		text-decoration: none;
		}
	
	.defaultuserpic {
		display: none;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;
		text-align: center;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
		}

.sbarcalendarposts{ 
		display: none;
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

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

li.sbartitle {
		display: none;
		}

/*-----------------ENTRY-------------*/

/*-----------------USERPICS & FriendsUSERPICS------------*/

.userpic {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #2cd01b;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #2cd01b;
			border-style: solid;
			}

.userpicfriends {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #2cd01b important!;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #2cd01b;
			border-style: solid;
			}

.userpicfriends font {
		color: #2cd01b;		
		background-color: transparent;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {		
		line-height: 270%;
		background-color: #2cd01b;
		text-align: center;
		top: 14px;
		color: #ccf3c8;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		font-weight: bold;
		}
	
	.subject {	
		background: url(http://i46.tinypic.com/29uspjp.png);
		line-height: 200%;		
		text-align: center; 
		background-color: #4be43b;
		font-weight: bold;
		padding-bottom: 4px; 
		font-size:  20pt; 
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #ccf3c8;
		}
	
	.datesubject {		
		background-color: #ccf3c8;
		padding: 5px;
		background: url();
		}

.lj-view-entry .subject{
		color: #fcd5d5;
		}

/*-----------------COMMENT & REPLY-----------------*/

.comments {
		background-color: #;
		border-bottom: #2cd01b 3px dashed;
		text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 5px;
		margin: 9px 0 9px -10px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #2cd01b;
		font-size: 15px;
		text-align: rigth;
		font-weight: bold;
	        }
	
	div.comments a:hover {
		color: #2cd01b;
		text-decoration: none;
		}
	
	.datesubjectcomment {				
		background-color: #4be43b;
		padding: 5px;
		margin-top: 20px;
		}	
		
	.userpiccomment {
		position: relative;
		float: left;
               margin: 0px 10px 0px 10px; 
                margin-bottom: 20px;
            	background-color: #2cd01b;
		padding: 2px;
		margin: 5px;
		z-index: 15;
		border-width: 10px;
		border-color: #2cd01b;
		border-style: solid;
		}

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

input, textarea {
		background-color: #;
		color: #000000;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
	.reply	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #555555;
		}
		
	.commentbox {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #1bc50a;
		}
		
	.datesubjectcomment a:hover {
		color: #fcd5d5;
		}
	
	.commentboxpartial {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		font-weight: bold; 
		font-size: 15px;
		}
	
	ul.year li {
		color: #4be43b;
		display: inline;
		}
	
	table.yeartable {
		color: #4be43b;
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background-color: transparent important!;
		font-weight: bold; 
		color: #1bc50a;
		font-size: 12px;
		text-transform: uppercase; 
		text-align: center;
		}
	
	td.yearmonth {
		border-style: none;
		}

/*-----------------FOOTER-----------------*/

#footer {			
		width: 100%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #2cd01b;;
		color: transparent;
		z-index: 100;
		clear: both;
		}
		
	ul.navfooter{
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navfooter li  {
		display: inline;	
		margin: 0 5px 0 5px;
		}

/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
	.currents, .currentmood, .currentlocation, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.currents {
		background-color: transparent;
		}

.currents strong{
		font-weight: normal;
		font-size: 8pt;
		color: #555;
		text-transform: lowercase;
		}

.currentlocation {
		padding-left: 14px;
		padding-top: 8px;
		font-size: 8pt;
		color: #333;
		background: url('http://i46.tinypic.com/xqjfgy.png') 0px 11px no-repeat;
		}

.currentmood {
		padding-left: 14px;
		padding-bottom: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i47.tinypic.com/33wkxeq.png') 0px 7px no-repeat;
		}

.currentmusic {
		padding-left: 16px;
		padding-top: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i49.tinypic.com/2i8by20.png') 0px 5px no-repeat;
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #1bc50a; 
		font-size: 11px;
		text-transform: none; 
		}

H2 { 
		padding: 8px; 
		color: #1bc50a; 
		font-size: 14pt; 
		text-transform: uppercase; 
		}

/*-----------------TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons by pinvoke.com

&Code

/* Cleaned CSS: */

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
	
	a, a:link, a:visited {
		color: #31bae2;
		text-decoration: none;
		}
	
	a:hover {
		color: #d5effc;
		text-decoration: none;
		}
	
	p, blockquote {
                font-size: 10px;
		padding: 18px; 
		line-height: 13px; 
		background-color: #fdeff3;
		-moz-opacity: .9;
                opacity: .5;
                filter:alpha(opacity=90);
		text-align: justify;
		border-top:5px solid #6ecfeb;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}

div#header li, div#header li + li, div#header li + li + li, div#header li + li + li + li {
		text-transform: lowercase;
		font-weight: bold;
		font-size: 15px;
		padding: 20px;
		color: #d5effc;
		float: right;
		}

div#header li {
		float: right;
		background-color:#d5effc;
		}

div#header li + li{background-color: #88dff8}
	div#header li + li + li {background-color: #6ecfeb}
	div#header li + li + li +  li{background-color: #0cb1d4}
	div#header li +  li + li +  li +  li {background-color:#6ecfeb}

.title{
		color: #0cb1d4;
		font-weight: bold;
		font-size: 20px;
		padding: 4px;
		float: right;
		}
	.subtitle {
		display: none;
		}
	
	.lj-view-entry .title{
		display:none;
		}

.lj-view-friends .title{
		display:none;
		}

/*-----------------CONTENT-----------------*/

#content {  	
		width: 720px;
		margin-left: auto; margin-right: auto;				
		background-color: #ffeaf0;
		background: url();
		padding: 15px;
		}

#maincontent {	 	
		margin-top: 105px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #ffeaf0;
		background: url();
		color: #0cb1d4;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 45px;
	}
	
/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
		padding: 25px; 
		margin-top: 38px;
		margin-bottom: 38px;
		height: 0px;
		background: #1A1A1A; 
		background: url();
		color: #8d8d8d;
		text-align: center; 
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #31bae2;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #88dff8;
		text-decoration: none;
		}
	
	.defaultuserpic {
		display: none;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;
		text-align: center;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
		}

.sbarcalendarposts{ 
		display: none;
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

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

li.sbartitle {
		display: none;
		}

/*-----------------ENTRY-------------*/

/*-----------------USERPICS & FriendsUSERPICS------------*/

.userpic {
			position: relative;
			float: left;
	               margin: 0px 10px 0px 10px; 
	                margin-bottom: 20px;
	            	background-color: #31bae2;
			padding: 2px;
			margin: 5px;
			z-index: 15;
			border-width: 10px;
			border-color: #31bae2;
			border-style: solid;
			}

.userpicfriends font {
		color: #31bae2;		
		background-color: transparent;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {		
		line-height: 270%;
		background-color: #31bae2;
		text-align: center;
		top: 14px;
		color: #d5effc;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		font-weight: bold;
		}
	
	.subject {	
		background: url(http://i45.tinypic.com/2h88upx.png);
		line-height: 200%;		
		text-align: center; 
		background-color: #6ecfeb;
		font-weight: bold;
		padding-bottom: 4px; 
		font-size:  20pt; 
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #d5effc;
		}
	
	.datesubject {		
		background-color: #340004;
		padding: 5px;
		background: url();
		}

.lj-view-entry .subject{
		color: #d5effc;
		}

/*-----------------COMMENT & REPLY-----------------*/

.comments {
		background-color: #;
		border-bottom: #31bae2 3px dashed;
		text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 5px;
		margin: 9px 0 9px -10px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #31bae2;
		font-size: 15px;
		text-align: rigth;
		font-weight: bold;
	        }
	
	div.comments a:hover {
		color: #31bae2;
		text-decoration: none;
		}
	
	.datesubjectcomment {				
		background-color: #6ecfeb;
		padding: 5px;
		margin-top: 20px;
		}	
		
	.userpiccomment {
		position: relative;
		float: left;
               margin: 0px 10px 0px 10px; 
                margin-bottom: 20px;
            	background-color: #31bae2;
		padding: 2px;
		margin: 5px;
		z-index: 15;
		border-width: 10px;
		border-color: #31bae2;
		border-style: solid;
		}

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

input, textarea {
		background-color: #;
		color: #000000;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
	.reply	{
		background-color: ##ffeaf0;
		background: url(http://i49.tinypic.com/9ftycm.png) repeat scroll; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #555555;
		}
		
	.commentbox {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #0cb1d4;
		}
		
	.datesubjectcomment a:hover {
		color: #d5effc;
		}
	
	.commentboxpartial {
		background-color: ##ffeaf0;
		background: url() ; 
		text-align: justify;
		color: #f5f4ef;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 9px 0 9px 0;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		font-weight: bold; 
		font-size: 15px;
		}
	
	ul.year li {
		color: #6ecfeb;
		display: inline;
		}
	
	table.yeartable {
		color: #6ecfeb;
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background-color: transparent important!;
		font-weight: bold; 
		color: #0cb1d4;
		font-size: 12px;
		text-transform: uppercase; 
		text-align: center;
		}
	
	td.yearmonth {
		border-style: none;
		}

/*-----------------FOOTER-----------------*/

#footer {			
		width: 100%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #31bae2;;
		color: transparent;
		z-index: 100;
		clear: both;
		}
		
	ul.navfooter{
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navfooter li  {
		display: inline;	
		margin: 0 5px 0 5px;
		}

/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
	.currents, .currentmood, .currentlocation, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.currents {
		background-color: transparent;
		}

.currents strong{
		font-weight: normal;
		font-size: 8pt;
		color: #555;
		text-transform: lowercase;
		}

.currentlocation {
		padding-left: 14px;
		padding-top: 8px;
		font-size: 8pt;
		color: #333;
		background: url('http://i46.tinypic.com/xqjfgy.png') 0px 11px no-repeat;
		}

.currentmood {
		padding-left: 14px;
		padding-bottom: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i47.tinypic.com/33wkxeq.png') 0px 7px no-repeat;
		}

.currentmusic {
		padding-left: 16px;
		padding-top: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i49.tinypic.com/2i8by20.png') 0px 5px no-repeat;
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #0cb1d4; 
		font-size: 11px;
		text-transform: none; 
		}

H2 { 
		padding: 8px; 
		color: #0cb1d4; 
		font-size: 14pt; 
		text-transform: uppercase; 
		}

/*-----------------TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons by pinvoke.com

Yep, I got kinda obsessed with layouts after the first one xD
I tried to do something completely opposite to my dark "style" and this came up.
Hope you like it <3

Kam~

layouts

Follow us:

Applications

COMPANY

PRODUCTS

COMMUNITY

CHOOSE LANGUAGE

Follow us:

Applications

COMPANY

PRODUCTS

COMMUNITY

CHOOSE LANGUAGE

s2 Flexible Squares: #002 "Oh, journal" (in 4 colours!)

LJ Video