{decoloured.

{71} Sherlock 2x03 icons (some animated)

justcyanide — Thu, 19 Jan 2012 23:28:29 GMT

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64
65	66	67	68
69	70	71

★ Comments= <3
★ Watch= <3
★ Credit=MUST
★ NoRepost, NoEdit, NoHotlink
★ ENJOY

Screencaps from enchantedfleur

eta: Thanks for the comments :))

{63} x-men first class icons

justcyanide — Sat, 11 Jun 2011 02:14:42 GMT

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64

★ Comments=<3
★ Watch= <3
★ Credit= <3
★ NoRepost, NoEdit, NoHotlink
★ ENJOY

Screencaps by me.
I know some of these look crappy, but it was the best I could do given the low quality of the movie that it's available for download.

Kamm.

edit: OMG guys, THANK YOU for the comments <333

s2 Flexible Squares: #007 "BOOMbox" (2 versions: pink & blue)

justcyanide — Sat, 29 Jan 2011 01:17:27 GMT

live preview (temporary) ~ img preview (pink) ~ img preview (blue)

S2 Flexible Squares
Tested in Chrome, Firefox, Opera & Safari. Doesn't look very good in Explorer.

&Code ~ Pink Version

/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #007 "Boombox"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is LOVE*** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body {
		background-color: #b7b6b6;
		background-image: url(http://i52.tinypic.com/2jfn137.png);
		text-align: justify;
		padding: 0;	
		}
			
	a, a:link, a:visited {
		color: #fa023c;	
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
	
	a:hover {
		color: #000000;
		text-transform: uppercase;
		}
	
	.subject a, .subject a:link, .subject a:visited {
		color: #000000;
		}

blockquote {
		background-color: #fa023c;
		color: #000000;
		font-size: 14px;
		line-height: 14px; 
                padding: 8px; 
		text-align: justify;
		}
		
	code, kbd, pre, tt {
	    	font-family: arial;
		}

/*-----------------VIEWS, TITLE & SUBTITLE-----------------*/
	
ul.navheader li {
	font-size: 0px;
	display: inline;
	list-style: none;
		}

div#header a {
	padding: 64px;
	background:transparent url("http://i54.tinypic.com/syt9vd.png") no-repeat scroll 50% 0;
		}

div#header a[href*=".livejournal.com/"] {
	background:transparent url("http://i54.tinypic.com/29dkarm.png") no-repeat scroll 50% 0;
		}

div#header a[href*="/calendar"] {
	background:transparent url("http://i52.tinypic.com/ji2emf.png") no-repeat scroll 50% 0;
		}

div#header a[href*="/friends"] {
	background:transparent url("http://i54.tinypic.com/2mra7w6.png") no-repeat scroll 50% 0;
		}

div#header a[href*="/profile"]{
	background:transparent url("http://i56.tinypic.com/nb9k5t.png") no-repeat scroll 50% 0;
		}

body.lj-view-recent div#header li.view {
	padding: 64px;
	background:transparent url("http://i54.tinypic.com/29dkarm.png") no-repeat scroll 50% 0;
		} 
		
body.lj-view-archive div#header li.view {
	padding: 64px;
	background:transparent url("http://i52.tinypic.com/ji2emf.png") no-repeat scroll 50% 0;
		}

body.lj-view-friends div#header li.view {
	padding: 64px;
	background:transparent url("http://i54.tinypic.com/2mra7w6.png") no-repeat scroll 50% 0;
		}

.title {
		display: none;
		}

.subtitle {
		display: none;
	        }

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

#content {  	
		width: 650px;
		background-color: #00000;
		background: url();
		padding: 35px;
		margin-right: auto;
		margin-left: auto;
		}
	
	.subcontent { 
		padding-top: 61px;
		background:transparent;
		position:relative;
		}

#maincontent {	 	
				}

.clear {		
		height: 35px;
		}
		
	.skiplinks {
		text-align: center;
		padding: 10px;
		background-color: #000000;
		margin: 50px 10px 0px 10px; 
		}
		
	.skiplinks a:hover {
		color: #ffffff;
		}

.separator{
		height: 100%;
		}
	
/*----------------HEADER IMAGE----------------*/
	
 
/*-----------------SIDEBAR-----------------*/
	
	#sidebar {
		padding-top: 10px;
		background: url(http://i56.tinypic.com/15u079.png);
		font-family: "arial";
		color: #000000;
		width: 200px;
		float: right;
		font-size: 12px;
		text-align: justify;
		margin-right: -240px;
		margin-top: 85px;
		line-height: 15px; 
		border-bottom: 15px solid #000000;
		border-top: 6px solid #000000;
		}

li.sbartitle {
		border-bottom: double 4px #fa023c;
		color: #000000; 
		text-transform:uppercase;
		text-align: center; 
		font-family: impact;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #000000;	
		font-weight: bold;
		text-transform: uppercase;
 		}
	
	div#sidebar a:hover {
		color: #fa023c;
		}
	
	.defaultuserpic {
		display: none;
		}					}
				
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
		}

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

.sbarcalendar {
               	background-color: #fa023c;	
		font-size: 15px;
		color: #ffffff;	
		text-align: center;
		}

.sbarcalendarposts{ 
	 	background-color: #fa023c;	
		font-size: 10px;
		color: #ffffff;	
		text-align: center;
		}

#sidebar_tags {
		font-size: 15px;
		max-height: 200px;
		overflow-y: auto;
		padding: px;
		padding-bottom: 0px;
		}

#sidebar_summary {
		display: none;
		}

li.sbaritem {
		list-style: none;
		font-size: 12px;
		color: #faf1de;		
		}

.lj-view-tags #sidebar{
		display: none;
		}

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

.entry	{
		background: url(http://i56.tinypic.com/15u079.png);
		margin: 0px 10px 10px 10px;
		padding: 30px;
		background-color: #f2f2f2;
		color: #000000;
		font-size: 13px;
		border-bottom: 6px solid #000000;
		font-family: "arial";
		text-align: justify;
		min-height: 120px;
		}

.entrytext {
		padding: 20px;
		}

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

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

.userpic {
		position: relative;
		float: left;
		background-color: #fa023c;
		padding: 12px;
		width: 100px;
		height: 100px;
		margin: 80px 5px 5px -125px;
		}

.userpicfriends {
		position: relative;
		float: left;
		background-color: #fa023c !important;
		padding: 20px;
		padding-bottom: 38px;
		width: 100px;
		height: 100px;
		margin: 80px 5px 5px -140px;
		border-bottom: 7px solid #000000;
		border-top: 3px solid #000000;
		}

.userpicfriends font {
		margin: 0px px 0px 0px;
		margin-top: -85px;
		font-size: 14px;
		color: #ffffff;
		text-transform: lowercase;
		background-color: #transparent !important;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {    
		border-top: 1px solid #595959;
	        line-height: 24px;   
		text-transform: uppercase;
		text-align: center;
		background-color: #000000; 
	        font-size: 14px;
	        color: #fa023c;
	 	font-weight: bold;
	        }
	
	 .subject {
		line-height: 40px;
		padding-left: 3px;
		background-color: #fa023c;
		font-size:  25pt; 
		font-family: Impact;
		text-align: center;
		}

.datesubject  {	
		margin: 0px 10px 0px 10px; }
		}

.subject a, .subject a:link, .subject a:visited {
		color: #000000;
		}
	
	.subject a:hover {
		color: #ffffff;
		}

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

.lj-view-entry .subject{
	text-transform: uppercase;
		}

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

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

.comments {
		text-align: right;
		font-family: arial;
		font-weight: bold;
		margin: 19px 15px 19px -10px;
		padding-right: -5px;
		margin-bottom: -20px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #91919;
		font-size: 15px;
		padding: 1px -5px 1px 15px;
		text-transform: uppercase;
	        }
	
	div.comments a:hover {
		color: #000000;
		text-decoration: none;
		}
	
	.datesubjectcomment {	
		text-transform: uppercase;	
		font-size: 14px;	
		color: #000000;	
		background-color: transparent;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		float: left;
                margin: -15px 5px 5px -5px;
		padding: 5px; 	
		}

.box {
		background: url(http://i56.tinypic.com/15u079.png);
		color: #fa023c;	
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #f2f2f2;
		color: #000000;
		}
		
	textarea.textbox  {
      		width: 100% !important;
   		}
	
	.reply	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #040404;
		color: #585858;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #0c0c0c;
		font-family: arial;
		font-size: 13px;
		text-align: left; 
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 14px;
		font-family: arial;
		color: #;
		}

.commentbox {
	background: url(http://i56.tinypic.com/15u079.png);
		margin: 0px 10px 10px 10px;
		padding: 30px;
		background-color: #f2f2f2;
		color: #000000;
		font-size: 13px;
		border-bottom: 7px solid #000000;
		font-family: "arial";
		text-align: justify;
				}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #fa023c;
		}
		
	.datesubjectcomment a:hover {
		color: #000000;
		}
	
	.commentboxpartial {
		border-color: #000000; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		background: url(http://i56.tinypic.com/15u079.png);
		text-align: center;
		margin-top: 85px;
		border-bottom: 7px solid #000000;
		border-top: 2px dashed #000000;
		padding-bottom: 10px;
		color: #fa023c;
		font-family: "times new roman", serif;
		font-size: 35px;
				}
	
	ul.year li {
		display: inline;
		}
	
	table.yeartable {
		background: url(http://i56.tinypic.com/15u079.png);
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {

margin: 0px 0px 0px px;
		padding: 15px;
		color: #fa023c;
		font-family: arial;
		font-size: 13px;
		text-align: left;
		}
	
	td.yearmonth {
		font-size: 20px;
		color: #fa023c;
		font-family: arial;
		text-transform: uppercase;
		}

td.yearday {

font-size: 20px;
		color: #898989;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {

font-size: 13px;
		background: url();
		color: #000000;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		color: #fa023c;
		}

.yeardate a:hover {
		color: #fa023c;
		border: 2px solid #fa023c; 
		}

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

#footer {			
		width: 100%;
		text-align: center;
		font-family: "arial";
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #;
		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: 0;
		  padding: 10px 00px 5px 0px;
		  margin-right: -3px; 
		  background-image: url(http://i53.tinypic.com/14v36lg.png);
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip { 
		  height: 0;
		  padding: 10px 00px px 0px;
         	  margin-right: 3px; 
		  color: #333;
		  background-color: #fa023c;
		  background-position: left center;
	          }

#lj_controlstrip td {
		background-color: #fa023c;
		  background-image:  }

#lj_controlstrip a {
		color: #333;
		}

#lj_controlstrip a:hover {
		color: #ffffff;
		}

#lj_controlstrip_statustext {
		color: #333;
		}

.ljuser img[src*="userinfo.gif"] {
		background: transparent url(http://i54.tinypic.com/4kdvys.png) no-repeat center left !important;  
		padding: 18px 8px 0 0px !important; 
		margin-right: -8px !important; 
		}

.ljuser img[src*="community.gif"] {
		background: transparent url(http://i54.tinypic.com/4kdvys.png) no-repeat center left !important;  
		padding: 20px 8px 0 2px !important; 
		margin-right: -8px !important; 
		}

img[src*="img/icon_protected.gif"] {
		width: 0 !important;
		height: 0 !important;
		background: transparent url(http://i51.tinypic.com/2lo0zm0.png) no-repeat !important;
		 padding: 20px 0 0 20px !important; 
		}

/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
	
	.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 2px 0 2px 14px; background: transparent none no-repeat scroll 0 50%}
	
	.ljtags {background-image: url()}
	.currentlocation {background-image: url(http://i46.tinypic.com/xqjfgy.png)}
	.currentmood{background-image: url(http://i47.tinypic.com/33wkxeq.png)}
	.currentmusic {background-image: url(http://i49.tinypic.com/2i8by20.png)}
	.currenttags {background-image: url(http://i50.tinypic.com/ffbpro.png)}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {display:none}

.lj-view-tags #maincontent{
		background: url(http://i56.tinypic.com/15u079.png);	
		}

.ljtags { 
		margin-top: 10px; 
		padding-left: 9px;
		margin-bottom: -50px;
		padding-top: 3px;
		text-transform: uppercase;
		font-size: 1px;
		color: #ececec;
		font-weight: bold;
		background: url('http://i50.tinypic.com/ffbpro.png') 0px 6px no-repeat;
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #00000; 
		font-size: 10px;
		text-transform: uppercase; 
		}

.ljtags a:hover {
		color: #000000; 
		}

H2 { 
		padding: 30px; 
		margin-top: -30px;
		float: right;
		color: #00000; 
		font-size: 30pt; 
		text-transform: uppercase; 
		font-family: impact;
		}

/*-----------------BACKGROUND, TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons & Locked Entry Icon by pinvoke.com
	Nav Icons by iconsweets2.com/ (modified by me)

&Code ~ Blue Version

/* Cleaned CSS: */

/*-----------------BODY-----------------*/		
	
	body {
		background-color: #b7b6b6;
		background-image: url(http://i52.tinypic.com/2jfn137.png);
		text-align: justify;
		padding: 0;	
		}
			
	a, a:link, a:visited {
		color: #1cb1c5;	
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
	
	a:hover {
		color: #000000;
		text-transform: uppercase;
		}
	
	.subject a, .subject a:link, .subject a:visited {
		color: #000000;
		}

blockquote {
		background-color: #1cb1c5;
		color: #000000;
		font-size: 14px;
		line-height: 14px; 
                padding: 8px; 
		text-align: justify;
		}
		
	code, kbd, pre, tt {
	    	font-family: arial;
		}

/*-----------------VIEWS, TITLE & SUBTITLE-----------------*/
	
ul.navheader li {
	font-size: 0px;
	display: inline;
	list-style: none;
		}

div#header a {
	padding: 64px;
	background:transparent url("http://i55.tinypic.com/315zju8.png") no-repeat scroll 50% 0;
		}

div#header a[href*=".livejournal.com/"] {
	background:transparent url("http://i55.tinypic.com/v9kyw.png") no-repeat scroll 50% 0;
		}

div#header a[href*="/calendar"] {
	background:transparent url("http://i53.tinypic.com/2j1swfc.png") no-repeat scroll 50% 0;
		}

div#header a[href*="/friends"] {
	background:transparent url("http://i56.tinypic.com/156wz87.png") no-repeat scroll 50% 0;
		}

div#header a[href*="/profile"]{
	background:transparent url("http://i56.tinypic.com/2n9azde.png") no-repeat scroll 50% 0;
		}

body.lj-view-recent div#header li.view {
	padding: 64px;
	background:transparent url("http://i55.tinypic.com/v9kyw.png") no-repeat scroll 50% 0;
		} 
		
body.lj-view-archive div#header li.view {
	padding: 64px;
	background:transparent url("http://i53.tinypic.com/2j1swfc.png") no-repeat scroll 50% 0;
		}

body.lj-view-friends div#header li.view {
	padding: 64px;
	background:transparent url("http://i56.tinypic.com/156wz87.png") no-repeat scroll 50% 0;
		}

.title {
		display: none;
		}

.subtitle {
		display: none;
	        }

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

#maincontent {	 	
				}

.clear {		
		height: 35px;
		}
		
	.skiplinks {
		text-align: center;
		padding: 10px;
		background-color: #000000;
		margin: 50px 10px 0px 10px; 
		}
		
	.skiplinks a:hover {
		color: #ffffff;
		}

li.sbartitle {
		border-bottom: double 4px #1cb1c5;
		color: #000000; 
		text-transform:uppercase;
		text-align: center; 
		font-family: impact;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #000000;	
		font-weight: bold;
		text-transform: uppercase;
 		}
	
	div#sidebar a:hover {
		color: #1cb1c5;
		}
	
	.defaultuserpic {
		display: none;
		}					}
				
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
		}

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

.sbarcalendar {
               	background-color: #1cb1c5;	
		font-size: 15px;
		color: #ffffff;	
		text-align: center;
		}

.sbarcalendarposts{ 
	 	background-color: #1cb1c5;	
		font-size: 10px;
		color: #ffffff;	
		text-align: center;
		}

#sidebar_tags {
		font-size: 15px;
		max-height: 200px;
		overflow-y: auto;
		padding: px;
		padding-bottom: 0px;
		}

#sidebar_summary {
		display: none;
		}

li.sbaritem {
		list-style: none;
		font-size: 12px;
		color: #faf1de;		
		}

.lj-view-tags #sidebar{
		display: none;
		}

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

.entrytext {
		padding: 20px;
		}

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

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

.userpic {
		position: relative;
		float: left;
		background-color: #1cb1c5;
		padding: 12px;
		width: 100px;
		height: 100px;
		margin: 80px 5px 5px -125px;
		}

.userpicfriends {
		position: relative;
		float: left;
		background-color: #1cb1c5 !important;
		padding: 20px;
		padding-bottom: 38px;
		width: 100px;
		height: 100px;
		margin: 80px 5px 5px -140px;
		border-bottom: 7px solid #000000;
		border-top: 3px solid #000000;
		}

.userpicfriends font {
		margin: 0px px 0px 0px;
		margin-top: -85px;
		font-size: 14px;
		color: #ffffff;
		text-transform: lowercase;
		background-color: #transparent !important;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {    
		border-top: 1px solid #595959;
	        line-height: 24px;   
		text-transform: uppercase;
		text-align: center;
		background-color: #000000; 
	        font-size: 14px;
	        color: #1cb1c5;
	 	font-weight: bold;
	        }
	
	 .subject {
		line-height: 40px;
		padding-left: 3px;
		background-color: #1cb1c5;
		font-size:  25pt; 
		font-family: Impact;
		text-align: center;
		}

.datesubject  {	
		margin: 0px 10px 0px 10px; }
		}

.subject a, .subject a:link, .subject a:visited {
		color: #000000;
		}
	
	.subject a:hover {
		color: #ffffff;
		}

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

.lj-view-entry .subject{
	text-transform: uppercase;
		}

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

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

.comments {
		text-align: right;
		font-family: arial;
		font-weight: bold;
		margin: 19px 15px 19px -10px;
		padding-right: -5px;
		margin-bottom: -20px;
		}

.userpiccomment {
		float: left;
                margin: -15px 5px 5px -5px;
		padding: 5px; 	
		}

.box {
		background: url(http://i56.tinypic.com/15u079.png);
		color: #1cb1c5;	
		padding: 10px;
		clear: left;
		}

.commentbox {
	background: url(http://i56.tinypic.com/15u079.png);
		margin: 0px 10px 10px 10px;
		padding: 30px;
		background-color: #f2f2f2;
		color: #000000;
		font-size: 13px;
		border-bottom: 7px solid #000000;
		font-family: "arial";
		text-align: justify;
				}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #1cb1c5;
		}
		
	.datesubjectcomment a:hover {
		color: #000000;
		}
	
	.commentboxpartial {
		border-color: #000000; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		background: url(http://i56.tinypic.com/15u079.png);
		text-align: center;
		margin-top: 85px;
		border-bottom: 7px solid #000000;
		border-top: 2px dashed #000000;
		padding-bottom: 10px;
		color: #1cb1c5;
		font-family: "times new roman", serif;
		font-size: 35px;
				}
	
	ul.year li {
		display: inline;
		}
	
	table.yeartable {
		background: url(http://i56.tinypic.com/15u079.png);
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {

margin: 0px 0px 0px px;
		padding: 15px;
		color: #1cb1c5;
		font-family: arial;
		font-size: 13px;
		text-align: left;
		}
	
	td.yearmonth {
		font-size: 20px;
		color: #1cb1c5;
		font-family: arial;
		text-transform: uppercase;
		}

td.yearday {

font-size: 20px;
		color: #898989;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {

font-size: 13px;
		background: url();
		color: #000000;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		color: #1cb1c5;
		}

.yeardate a:hover {
		color: #1cb1c5;
		border: 2px solid #1cb1c5; 
		}

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

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip { 
		  height: 0;
		  padding: 10px 00px px 0px;
         	  margin-right: 3px; 
		  color: #333;
		  background-color: #1cb1c5;
		  background-position: left center;
	          }

#lj_controlstrip td {
		background-color: #1cb1c5;
		  background-image:  }

#lj_controlstrip a {
		color: #333;
		}

#lj_controlstrip a:hover {
		color: #ffffff;
		}

#lj_controlstrip_statustext {
		color: #333;
		}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {display:none}

.lj-view-tags #maincontent{
		background: url(http://i56.tinypic.com/15u079.png);	
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #00000; 
		font-size: 10px;
		text-transform: uppercase; 
		}

.ljtags a:hover {
		color: #000000; 
		}

H2 { 
		padding: 30px; 
		margin-top: -30px;
		float: right;
		color: #00000; 
		font-size: 30pt; 
		text-transform: uppercase; 
		font-family: impact;
		}

&Instructions
#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 <3

#04 If you want the cassette image in the sidebar, go to Customize Sidebar and paste this in the "text to be added to the Sidebar" section.

For the pink one

For the blue one

&Notes
~If you want to add a header just paste in the headerimage section.

~Editing is fine as long as I'm credited for the original layout :)

~Metadata icons by graphicsbyjulz, tiny icons by Pinvoke & navigation icons by Iconsweets2 (modified by me)

x-posted @ mintyapple

Hope you like it :)
Comments are <3 ~

Kam~

ps: The comm recently reached 100 watchers, THANK YOU!!<3

s2 Flexible Squares: #006 "Sing, little bird"

justcyanide — Tue, 04 Jan 2011 20:29:53 GMT

live preview (temporary) ~ img preview

S2 Flexible Squares
Tested in Chrome, Firefox, Opera & Safari. Doesn't look very good in Explorer.

&Code

/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #006 "Sing, little bird"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is LOVE*** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body {
		background-color: #dfdfdf;
		background-image: url(http://i54.tinypic.com/f35jrr.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		background-attachment: fixed;
		text-align: justify;
		padding: 0;	
		}
			
	a, a:link, a:visited {
		color: #2b2b2b;	
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
	
	a:hover {
		color: #929292;
		text-transform: uppercase;
		}
	
	.subject a, .subject a:link, .subject a:visited {
		color: #434343;
		}

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

blockquote {
		background-image: url(http://i54.tinypic.com/qziuzc.png); 
		background-color: #0c0c0c; 
		color: #222222;
		font-size: 13px;
		line-height: 14px; 
                padding: 8px; 
		text-align: justify;
		}
		
	code, kbd, pre, tt {
	    	font-family: arial;
		}

div#header li {
		float: left;
		color: #434343;
		text-transform: uppercase;
		font-family: impact;
		font-weight: bold;
		font-size: 20px;
		padding: 10px;		
		}
	
	div#header a:hover, div#footer a:hover {
		color: #f2f2f2;
		text-decoration: none;
		font-size: 20px;
		}	
	
	ul.navheader {	
		padding: 15px;	
		margin-top: 0px;
		}
	
	ul.navheader li  {
		color: #434343;
		text-transform: uppercase;
		font-size: 20px;
		padding: -10px;
		display: inline;
		}

.title {
		display: none;
		}

.subtitle {
		display: none;		
	        }

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

#content {  	
		width: 650px;
		background-color: #00000;
		background: url();
		padding: 35px;
		margin-right: 320px;
		margin-left: auto;
		}
	
	.subcontent { 
		background:transparent;
		position:relative;
		}

#maincontent {	 	
		margin-top: 25px;
		font-family: "arial";
		font-size: 11px;
		background-color: #00000;
		background: url();
		color: #929292;
		padding: 30px 30 30 10px;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 35px;
		}
		
	.skiplinks {
		text-align: center;
		padding: 10px;
		margin: 0px 10px 0px 10px; 
		}
		
	.separator{
		height: 100%;
	}

/*----------------HEADER IMAGE----------------*/

.headerimage {
        width: 441px;
        height: 130px;
        margin-bottom: -90px;
        margin-left: auto;
        margin-right: 40px;
        background-image: url(http://i51.tinypic.com/2mwgor9.png);
        background-position: top right;
	background-repeat: no-repeat;
        }

/*-----------------SIDEBAR-----------------*/
	
	#sidebar {  
		background: url(http://i54.tinypic.com/qziuzc.png) repeat-x;
                margin: 0px 10px 0px 10px;
		padding: 10px; 
		margin-top: 68px;
		color: #585858;
		text-align: justify; 
		font-size: 12px;
		margin: 0px 10px 10px 10px;
		padding: 15px;
		padding-top: 55px;
		background-color: #ececec;
		border-bottom: 1px dashed #929292;
		font-family: "arial", serif;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #434343;
		font-family: arial;
		font-size: 13px;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #898989;
			}
		
	.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;
		}

.defaultuserpic {
		display: 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 10px;
		padding: 30px;
		background-color: #f2f2f2;
		color: #434343;
		font-size: 13px;
		border-bottom: 7px solid #434343;
		font-family: "arial";
		text-align: justify;
		min-height: 120px;
		}

.entrytext {
		padding: 20px;
		}

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

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

.userpic {
		float: left;
     	  	margin: 55px 15px 5px 20px; 
             	}

.userpicfriends {
		float: left;
	        margin: 55px 15px 5px 20px; 
               	background-color: #ececec !important;
		}

.userpicfriends font {
		color: #898989;
		text-transform: uppercase;
		text-align: center;
		background-color: #ececec !important;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {    
		border-top: 1px solid #595959;
	        line-height: 12px;   
		text-transform: uppercase;
		text-align: center;
		background-color: #434343; 
	        font-size: 10px;
	        color: #e5e5e5;
	 	font-weight: bold;
	        }
	
	 .subject {
		line-height: 28px;
		padding-left: 3px;
		background: url(http://i54.tinypic.com/qziuzc.png);
		background-color: #d4d4d4;
		font-size:  18pt; 
		font-family: impact;
		text-transform: uppercase;
		text-align: center;
		border-bottom: double 4px #929292;
      		  }

.datesubject  {	
		margin: 0px 10px 0px 10px; }
		}

.subject a, .subject a:link, .subject a:visited {
		color: #383838;
		}
	
	.subject a:hover {
		color: #767676;
		}

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

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

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

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

.comments {
		text-align: right;
		font-family: arial;
		font-weight: bold;
		margin: 9px 15px 9px -10px;
		margin-top: 50px;
		padding-right: -5px;
		margin-bottom: -10px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #91919;
		font-size: 10px;
		padding: 1px -5px 1px 15px;
		text-transform: uppercase;
	        }
	
	div.comments a:hover {
		color: #929292;
		text-decoration: none;
		}
	
	.datesubjectcomment {	
		text-transform: uppercase;	
		font-size: 10px;	
		color: #222222;	
		background-color: transparent;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		float: left;
                margin: -15px 5px 5px -5px;
		padding: 5px; 	
		}

.skiplinks {
                color: #434343;
		text-transform: uppercase;
		font-size: 15px;
                }
 
	.box {
		color: #898989;	
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #f2f2f2;
		color: #898989;
		}
		
	textarea.textbox  {
      		width: 100% !important;
   		}
	
	.reply	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #040404;
		color: #585858;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #0c0c0c;
		font-family: arial;
		font-size: 13px;
		text-align: left; 
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 14px;
		font-family: arial;
		color: #4343431;
		}

.commentbox {
		background: url();
	        margin: 0px 10px 10px 10px;
	        padding: 5px;
	        background-color: #f2f2f2;
	        color: #434343;
	        font-family: "arial";
	        text-align: left;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #898989;
		}
		
	.datesubjectcomment a:hover {
		color: #;
		}
	
	.commentboxpartial {
		border-color: #898989;; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		color: #898989;
		font-family: "times new roman", serif;
		font-size: 25px;
		font-style: italic;
		font-weight: bold;
		}
	
	ul.year li {
		display: inline;
		}
	
	table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		margin: 0px 0px 0px px;
		padding: 15px;
		color: #898989;
		font-family: garamon;
		font-size: 13px;
		text-align: left;
		}
	
	td.yearmonth {
		font-size: 20px;
		color: #898989;
		font-family: arial;
		text-transform: uppercase;
		}

td.yearday {
		font-size: 20px;
		color: #898989;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {
		font-size: 13px;
		background: url();
		color: #b1b1b1;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		color: #585858;
		}

.yeardate a:hover {
		color: #898989;
		border: 2px solid #929292; 
		}

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

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip { 
		  background-image: url(http://i54.tinypic.com/qziuzc.png);
		  height: 0;
		  padding: 10px 00px px 0px;
         	  margin-right: 3px; 
		  color: #333;
		  background-color: transparent;
		  background-repeat: no-repeat;
		  background-position: left center;
	          }
	#lj_controlstrip td {
		  background-image: url(http://i54.tinypic.com/qziuzc.png); }

#lj_controlstrip a {
		color: #333;
		}

#lj_controlstrip a:hover {
		color: #e5e5e5;
		}

#lj_controlstrip_statustext {
		color: #333;
		}

.ljuser img[src*="userinfo.gif"] {
		background: transparent url(http://i53.tinypic.com/14v36lg.png) no-repeat center left !important;  
		padding: 18px 8px 0 0px !important; 
		margin-right: -8px !important; 
		}

.ljuser img[src*="community.gif"] {
		background: transparent url(http://i53.tinypic.com/14v36lg.png) no-repeat center left !important;  
		padding: 20px 8px 0 2px !important; 
		margin-right: -8px !important; 
		}

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

.currents {
		background-color: transparent;
		}

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

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

.currentmood {
		padding-left: 14px;
		padding-bottom: 2px;
		padding-top: 18px;
margin-top: -15px;
		text-transform: uppercase;
		font-size: 10px;
		color: #898989;
		font-weight: bold;
		background: url('http://i47.tinypic.com/33wkxeq.png') 0px 20px no-repeat;
		}

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

.ljtags { 
		margin-top: 40px; 
		padding-left: 9px;
		padding-bottom: -25px;
		margin-bottom: -40px;
		padding-top: 3px;
		text-transform: uppercase;
		font-size: 1px;
		color: #ececec;
		font-weight: bold;
		background: url('http://i50.tinypic.com/ffbpro.png') 0px 6px no-repeat;
		}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #434343; 
		font-size: 10px;
		text-transform: uppercase; 
		}

.ljtags a:hover {
		color: #929292; 
		}

H2 { 
		padding: 80px; 
		float: right;
		color: #434343; 
		font-size: 30pt; 
		text-transform: uppercase; 
		font-family: impact;
		}

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

img preview

&Code

<center><table width="400" align="center" cellpadding="22" bgcolor="#ececec">
<tbody>
<tr><td colspan="2" height=40 background="http://i52.tinypic.com/kbemtd.png"></td></tr>
<tr><td> <center>#01.</center> 
<div align=justify>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eleifend consectetur rutrum. Proin sollicitudin risus rhoncus elit blandit nec vehicula ante vestibulum. In hac habitasse platea dictumst. Ut rhoncus, enim et laoreet, massa felis facilisis massa, quis elementum diam ipsum in nulla. Vestibulum ultrices dui et lectus sagittis commodo. Vestibulum rutrum lacinia lacus, sit amet ultricies lectus euismod ut.</div></tr>
<tr><td> <center>#02.</center> 
<div align=justify>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eleifend consectetur rutrum. Proin sollicitudin risus rhoncus elit blandit nec vehicula ante vestibulum. In hac habitasse platea dictumst. Ut rhoncus, enim et laoreet, massa felis facilisis massa, quis elementum diam ipsum in nulla. Vestibulum ultrices dui et lectus sagittis commodo. Vestibulum rutrum lacinia lacus, sit amet ultricies lectus euismod ut.</div></tr>
<tr><td><center>#03.</center> <center><a href="">link</a> ~ <a href="">link</a> ~ <a href="">link</a>~ <a href="http://community.livejournal.com/hiddencolours">profile code</a></center></td></tr>
</table></center>

x-posted here@ mintyapple

Hope you like it :)
Comments are <3 ~

Kam~

{48} Sherlock BBC 'A Study in Pink' icons :3

justcyanide — Sun, 15 Aug 2010 02:51:19 GMT

{01-42} Sherlock BBC
{43-48} Sherlock BBC Animated

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48

★ Comments= <3
★ Watch= <3
★ Credit=MUST
★ NoRepost, NoEdit, NoHotlink
★ ENJOY

Screencaps from enchantedfleur
(Fixed #45, thanks chiapetzukamori for letting me know )

Thanks for the comments <33

s2 Flexible Squares: #005 "FUnkY"

justcyanide — Sun, 06 Jun 2010 22:53:03 GMT

live preview (temporary) ~ img preview

S2 Flexible Squares
Tested in Chrome, Firefox, Opera & Safari. Looks horrible in Explorer, dunno why.

&Code

/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #005 "Funky"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is LOVE*** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: #0e0e0e;
		background: url(http://i49.tinypic.com/jax6va.png)repeat;
		font-family: "courier new", sans-serif;
		font-size: 20px;
		margin: 10px 0 9px 0;
		text-align: justify;
		}

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

a:hover {
		color: #fee300;
		}
	
	blockquote {
		background: url(http://i49.tinypic.com/2w3yiip.jpg) -9px -35px no-repeat; 
		border-bottom-width: 4px;
		border-bottom-style: double;
		border-bottom-color: #2cd1f4;
		color: #585858;
		font-size: 11px;
		line-height: 12px; 
                padding: 8px 15px 7px 49px; 
		text-align: justify;
				}
		
	code, kbd, pre, tt {
	    	font-family: courier new;
		}

/*-----------------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: uppercase;
		font-style: italic;
		font-size: 23px;
		color: #404040;
		float: left;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		}

div#header li {
		border-bottom: 4px solid #2cd1f4;
		border-top: 4px solid #fb5593;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);		
		text-transform: uppercase;
		font-style: italic;
		font-size: 23px;
		float: left;
		margin-left: 10px;
			}

div#header li + li{
		text-transform: uppercase;
		font-style: italic;
		font-size: 23px;
		float: left;
		border-top: 4px solid #fff000;
		border-bottom: 4px solid #8bed09;
					}

div#header li + li + li {
		border-top: 4px solid #8bed09;
		border-bottom: 4px solid #fb5593;
		color: #fb5593; 
		}

div#header li + li + li +  li{
		border-top: 4px solid #2cd1f4;
		border-bottom: 4px solid #fff000;
		color: #a7f442;
		}

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

ul.navheader 
		{	
		text-align: center;
		float: center important!;
		padding: 0px;	
			}
	
	ul.navheader li  {
		display: inline;			
		padding: 0px 10px 0px 10px;
		}

.title{
		background: url(http://i48.tinypic.com/2wn1q87.jpg);		
		height: 39px;
		color: #2cd1f4;
		width: 850px;
		padding-left: -10px; 
		margin-top: -75px;
		font-weight: bold;
		font-size: 30px;
		text-transform: uppercase;
		font-family: garamond;
		float: right;
		border-top: 4px solid #fff000;
		}
	
	.subtitle{
		text-transform: uppercase;
		color: #fb5593;
		width: 120%;
		margin-top: -48px;
		font-weight: bold;
		font-size: 13px;
		font-family: arial;
		float: right;
		}

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

#content {  	
		width: 650px;
		padding: 35px;
		margin-left: 210px; margin-right: auto;
		}

#maincontent {	 	
		margin-top: 125px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: 
		color: #;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 35px;
		}
		
	.skiplinks {
		text-align: center;
		color: #a6a6a6;
		background: url(http://i45.tinypic.com/2zh4m8j.png);
		padding: 10px;
		margin: 0px 10px 0px 10px; 
		}
		
	.separator{
		height: 100%;
		}

/*----------------HEADER IMAGE----------------*/

/*-----------------SIDEBAR-----------------*/
	#sidebar { 
		border-bottom: 5px dashed #fff000;   
		border-top: 16px solid #8bed09; 
		float: left; 
		width: 160px;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		font-size: 11px; 
		font-family: "courier new", serif;
		color: #7c7c7c;
		text-transform: uppercase;
		text-align: center; 
		margin: 100px 0px 0px -220px; 
		padding: 20px;
		position: absolute;
		}

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

div#sidebar a:hover {
		color: #2cd1f4;
			}
	
	.defaultuserpic {
		margin: 10px;
		float: right;
	        margin: 5px 20px 10px 10px; 
	        background-color: #8bed09 important;
		border-width: 10px;
			border-color: #2cd1f4;
		border-style: solid;
				}
			
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px -5px;		
		}
	
	.sbarbody2 {
		padding: 0 5px 0 15px;
		}

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

.sbarcalendar {
               	background-color: #fb5593;	
		font-size: 17px;
		color: #fff000;	
		font-weight: bold;
		padding: -5px;
		text-align: center;
		               }

.sbarcalendarposts{ 
	 	background-color: #fb5593;
		font-size: 17px;  
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

li.sbaritem {
		list-style: none;
		font-size: 18px;
		color: #faf1de;		
		}

li.sbartitle {
		display: none;
		}

.lj-view-tags #sidebar{
		display: none;
		}

.lj-view-archive #sidebar{
		display: none;
		}

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

.entry	{
		margin: 10px 10px 20px 10px;
		padding: 35px;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		color: #7d7d7d;
		font-family: "courier new", serif;
		font-size: 13px;
		text-align: justify;
				}

.entrytext {
		padding: 20px;
		}

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

i {font: italic 14px courier new; color: #2cd1f4; }
	a {text-decoration: none;}
	b {font: bold 14px courier new; color: #fb5593;}
	strike {font-size: 14px; font-weight: bold; color: #fee300; }
	u {font-size: 14px; color: #8bed09; }

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

.userpic {
		margin: 10px;
		float: right;
	        margin: 5px 20px 10px 10px; 
	        background-color: #8bed09 important;
		border-width: 6px;
			border-color: #8bed09;
			border-style: solid;
			}

.userpicfriends {
		float: right;
	        margin: 70px 20px 10px 10px;
 		border-width: 6px;
		border-color: #8bed09;
		border-style: solid;
		}

.userpicfriends font {
		font-size: 10px;
		text-transform: uppercase;
		color: #898989;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		text-align: center;
		background-color: transparent #important;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {		
		text-align: center;
		top: 15px;
		color: #2cd1f4;
		font-family: "Verdana", sans-serif;
		font-size: 13px;
		padding-left: 20px; 
		margin-left: 10px;
		margin-bottom: -5px;
		font-family: courier new;
		text-transform: uppercase;
		margin-right: 10px;
		background: url(http://i45.tinypic.com/2zh4m8j.png);
		font-weight: bold;
		}
	
	.subject,  .subject a {	
		background: url(http://i45.tinypic.com/2zh4m8j.png);
		text-align: left;	
		margin-left: 10px;
		margin-top: 1px;
		margin-right: 10px;
		padding-bottom: -20px;	
		margin-bottom: -10px; 
		padding-left: 10px;
		color: #fb5593;
		font-weight: bold;
		border-bottom: 4px double #acacac; 
		text-transform: uppercase; 
		font-size:  17pt; 
		letter-spacing: -1px;
		}
	
	.subject a:hover {
		color: #fff000;
		}

.lj-view-entry .title, .subtitle {
		display: none;
		}

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

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

.comments {
		text-align: left;
		text-transform: uppercase;
		font-family: courier new;
		margin: 9px 15 9px -10px;
		padding-right: -5px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #8bed09;
		font-weight: bold;
		font-size: 13px;
		font-family: courier new;
		padding: 1px -5px 1px 15px;
		text-transform: uppercase;
		font-weight: bold;
	        }

div.comments a:hover {
		color: #fb5593;
		}

.datesubjectcomment {	
		text-transform: uppercase;	
		font-size: 12px;		
		background-color: transparent;
		padding: 3px;
		color: #8bed09;
		border-bottom: 4px double #7c7c7c;
		margin-top: 20px;
		}

.userpiccomment {
		float: left;
                margin: 5px 20px 10px 10px; 
	        background-color: #a6a6a6;
		border-width: 8px;
		border-color: #fff000;
		border-style: solid;	
		}

.skiplinks {
                color: #b1b1b1;
                }
 
	.box {
		padding: 10px;
		clear: left;
		}

input, textarea {
		background: url(http://i45.tinypic.com/2zh4m8j.png);
		background-color: #0e0e0e;
		color: #404040;
		}
		
	textarea.textbox  {
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
      		width: 100% !important;
		color: #404040; 
   		}
	
	.reply	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #;
		color: #585858;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #0c0c0c;
		font-family: "courier new", serif;
		font-size: 13px;
		text-align: left; 
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 14px;
		font-family: "courier new", serif;
		color: #7c7c7c;
		}

.commentbox {
		background-color: #0e0e0e;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		font-size: 15px;
		margin: 10px 0 9px 0;
		text-align: justify;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #404040;
		}
		
	.datesubjectcomment a:hover {
		color: #767676;
		}
	
	.commentboxpartial {
		border-color: #a6a6a6; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		color: #fb5593;
		font-family: "times new roman", serif;
		font-size: 25px;
		font-style: italic;
		font-weight: bold;
		}
	
	ul.year li {
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		display: inline;
		border-bottom: 5px solid #8bed09;
		}
	
	table.yeartable {
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		border-bottom: dashed 3px #;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		padding: 15px;
		color: #8bed09;
		font-family: courier new;
		font-size: 23px;
		text-align: left;
		
		}
	
	td.yearmonth {
		font-size: 17px;
		font-weight: bold;
		padding-left: 10px; 
		text-transform: uppercase;
		color: #fb5593;
		font-family: "courier new", serif;
			}

td.yearday {
		font-size: 15px;
		color: #2cd1f4;
		font-family: "courier new", serif;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {
		border-bottom: 2px dashed #fff000; 
		font-size: 14px;
		background: url();
		color: #fb5593;
		font-family: "courier new", serif;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		color: #2cd1f4;
					}

.yeardate a:hover {
		color: #8bed09;
		}

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

#footer {			
		width: 100%;
		text-align: center;
		font-family: "courier new", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #;
		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: 0;
		  padding: 10px 00px 5px 0px;
		  margin-right: -3px;
		  background-image: url(http://i45.tinypic.com/noyhrn.jpg);
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip  { 
		  height: 0;
		  padding: 10px 00px 5px 0px;
         	  margin-right: -3px; 
		  color: #898989;
		  background-color: transparent;
		background: url(http://i48.tinypic.com/2wn1q87.jpg);
		  background-position: left center;
	          }

#lj_controlstrip a {
		color: #898989;
		}

#lj_controlstrip a:hover {
		color: #767676;
		}

#lj_controlstrip_statustext {
		color: #898989;
		}

.ljuser img[src*="userinfo.gif"] {
		background: transparent url(http://i45.tinypic.com/noyhrn.jpg) no-repeat center left !important;  
		padding: 18px 4px 0 0px !important; 
		margin-right: -8px !important; 
		}

.ljuser img[src*="community.gif"] {
		background: transparent url(http://i45.tinypic.com/noyhrn.jpg) no-repeat center left !important;  
		padding: 18px 4px 0 0px !important; 
		margin-right: -8px !important; 
		}

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

.currents {
		background-color: transparent;
		}

.currents strong{
		display: none;
		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: 14px;
		padding-top: 2px;
		font-size: 8pt;
		color: #333;
		background: url('http://i49.tinypic.com/2i8by20.png') 0px 5px no-repeat;
		}

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

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

.ljtaglist { 
border-bottom: 6px solid #fb5593; 
background: url(http://i48.tinypic.com/2wn1q87.jpg);
		margin-right: auto;
		color: #8bed09; 
		font-size: 18px;
		text-transform: none; 
		}

H2 { 
border-bottom: 6px solid #fee300; 
background: url(http://i48.tinypic.com/2wn1q87.jpg);
		padding: 8px; 
		color: #fb5593; 
		font-size: 20pt; 
font-family: courier new;
		text-transform: uppercase; 
		}

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

#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
~I don't know why this looks so bad in Explorer, I have had my fair share of trouble with explorer and its stubbornness against layouts (hehe) before, but never like this. HUGH. Sorry if you use IE, I wish I knew what the hell is wrong with my code :(

~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.

Hope you like it <3
Watch hiddencolours for updates :)
Comments are &hearts ~

Kam~

ETA: I re-uploaded the code 'cause I had forgotten to code the name and community links in the friends page. OOPS ^^U

STAR TREK ICONS

justcyanide — Sat, 03 Apr 2010 00:21:07 GMT

23 TOS icons :)

{1-4}
{5-8}
{9-12}
{13-16}
{17-20}
{21-23}

★ Comments= ♥
★ Watch= ♥
★ Credit=MUST
★ NoRepost, NoEdit, NoHotlink
★ ENJOY!

s2 flexible squares: #004 "Formal"

justcyanide — Fri, 02 Apr 2010 23:26:22 GMT

live preview (temporary)

S2 Flexible Squares
Tested in Chrome, Firefox, Opera & Safari (see notes regarding Explorer)

&Code

/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #004 "Formal"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is LOVE*** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: #0e0e0e;
		background: url(http://i42.tinypic.com/imqt75.png)repeat;
		font-family: "arial", sans-serif;
		font-size: 20px;
		margin: 10px 0 9px 0;
		text-align: justify;
		}
	
	a, a:link, a:visited {
		color: #2b2b2b;	
		font-weight: bold;
		text-decoration: none;
		}
	
	a:hover {
		color: #898989;
		}
	
	blockquote {
		background-color: #0c0c0c; 
		border-left-width: 10px;
		border-left-style: solid;
		border-left-color: #2b2b2b;
		color: #585858;
		font-size: 11px;
		line-height: 14px; 
                padding: 8px; 
		text-align: justify;
				}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}

div#header li {
		float: left;
		color: #585858;
		font-style: italic;
		font-family: garamon;
		text-transform: lowercase;
		font-weight: bold;
		margin: 10px;
		font-size: 15px;
		background-color: #040404;
		}
	
	div#header a:hover, div#footer a:hover {
		color: #898989;
		text-decoration: none;
		}	
	
	ul.navheader 
		{	
		text-align: rigth;
			padding: 0px;	
		margin-top: 0px;

}
	
	ul.navheader li  {
	float: center important!;
		display: inline;
		font-size: 15px;		
		color: #0c0c0c;
		visibility: transparent;
		padding: 0 0px 0 0px;
		}

.title {
		color: #b1b1b1;
		font-family: garamon;
		font-size: 37px;
		font-style: italic;
		font-weight: bold;
		text-align: right;
		float: right;
		margin-top: -20px;
		}

.subtitle {
		display: none;		
	        }

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

#content {  	
		width: 650px;
		margin: auto;
		background-color: #00000;
		background: url();
		padding: 35px;
		}

#maincontent {	 	
		margin-top: 25px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #00000;
		background: url();
		color: #70030b;
		padding: 30px 30 30 10px;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 35px;
		}
		
	.skiplinks {
		text-align: center;
		background-color: #040404;
		padding: 10px;
margin: 0px 10px 0px 10px; 
		}
		
	.separator{
		height: 100%;
	}

/*----------------HEADER IMAGE----------------*/

/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
                margin: 0px 10px 0px 10px;
		padding: 10px; 
		margin-top: 68px;
		background-color: #040404; 
		color: #585858;
		text-align: justify; 
		font-style: italic;
		font-size: 12px;
		border-top-width: 10px;
		border-top-style: solid;
		border-top-color: #0c0c0c;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #5858;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #898989;
		text-decoration: underline;
		}
	
	
	.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;
		}

.defaultuserpic {
		display: 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 10px;
		padding: 20px;
		background-color: #040404;
		color: #585858;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #0c0c0c;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
				}

.entrytext {
		padding: 20px;
		}

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

}

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

.userpic {
		float: right;
                margin: 17px 18px 5px -5px; 
                border: solid 10px #0c0c0c;
		border-right: solid 1px #0c0c0c;		
			}

.userpicfriends {
		float: right;
                margin: 17px 8px 5px -5px; 
                border: solid 10px #0c0c0c;
		background-color: #040404 !important;
		}

.userpicfriends font {
		color: #898989;
		text-transform: uppercase;
		text-align: center;
		background-color: #040404 !important;
		}

/* delete this to make the userpic 100x100*/
	.userpic img, .userpicfriends img {
		background-color: transparent !important;
		width: 75px;
		height: 75px;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {	
		line-height: 12px;
		font-style: italic;	
		margin-top: 5px;
		margin-bottom: -10px;
		text-align: right;
		border-top-width: 20px;
		border-top-style: solid;
		border-top-color: #040404;
		font-size: 12px;
		color: #2b2b2b;
		background-color: #0c0c0c;
		}
	
	.subject {
		text-align: right; 
		background-color: #0c0c0c;
		color: #676767;
		font-style: italic;
		font-size:  28pt; 
		text-transform: lowercase; 
		font-family: garamond; 
		}

.datesubject  {	
		margin: 0px 10px 0px 10px; }
	}

.subject a, .subject a:link, .subject a:visited {
		color: #383838;
		}
	
	.subject a:hover {
		color: #767676;
		}

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

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

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

.comments {
		text-align: right;
		font-family: "garamon"
		margin: 9px 15 9px -10px;
		padding-right: -5px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #2b2b2b;
		font-size: 13px;
		font-style: italic;
		padding: 1px -5px 1px 15px;
		text-transform: lowercase;
	        }
	
	div.comments a:hover {
		color: #898989;
		text-decoration: none;
		}
	
	.datesubjectcomment {	
		text-transform: uppercase;	
		font-size: 10px;		
		background-color: transparent;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		float: left;
                margin: 0px 13px 5px -5px; 
                 border: solid 8px #0c0c0c;	
		}

.skiplinks {
                color: #b1b1b1;
                }
 
	.box {
		color: #898989;	
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #0e0e0e;
		color: #898989;
		}
		
	textarea.textbox  {
      		width: 100% !important;
   		}
	
	.reply	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #040404;
		color: #585858;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #0c0c0c;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left; 
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 14px;
		font-family: "times new roman", serif;
		color: #898989;
		}

.commentbox {
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #040404;
		color: #585858;
		border-bottom-width: 10px;
		border-bottom-style: solid;
		border-bottom-color: #0c0c0c;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #898989;
		}
		
	.datesubjectcomment a:hover {
		color: #767676;
		}
	
	.commentboxpartial {
		border-color: #898989;; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

margin: 0px 0px 0px px;
		padding: 15px;
		color: #898989;
		font-family: garamon;
		font-size: 13px;
		text-align: left;
		
		}
	
	td.yearmonth {
		font-size: 10px;
		color: #898989;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

td.yearday {
		font-size: 20px;
		color: #898989;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {
		font-size: 13px;
		background: url();
		color: #b1b1b1;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		color: #585858;
					}

.yeardate a:hover {
		color: #898989;
		}

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

#footer {			
		width: 100%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #;
		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: 0;
		  padding: 10px 00px 5px 0px;
		  margin-right: -3px; 
		  background-image: url(http://i46.tinypic.com/34jaamp.png);
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip  { 
		  height: 0;
		  padding: 10px 00px 5px 0px;
         	  margin-right: -3px; 
		  color: #898989;
		  background-color: transparent;
		  background-image: url();
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

#lj_controlstrip a {
		color: #898989;
		}

#lj_controlstrip a:hover {
		color: #767676;
		}

#lj_controlstrip_statustext {
		color: #898989;
		}

.ljuser img[src*="userinfo.gif"] {
		background: transparent url(http://i46.tinypic.com/34jaamp.png) no-repeat center left !important;  
		padding: 18px 4px 0 0px !important; 
		margin-right: -8px !important; 
		}

.ljuser img[src*="community.gif"] {
		background: transparent url(http://i46.tinypic.com/34jaamp.png) no-repeat center left !important;  
		padding: 18px 4px 0 0px !important; 
		margin-right: -8px !important; 
		}

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

.currents {
		background-color: transparent;
		}

.currents strong{
		display: none;
		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: 14px;
		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: #898989; 
		font-size: 11px;
		text-transform: none; 
		}

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

/*-----------------BACKGROUND, 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
~I have no idea why, but in Explorer the images doesn't show up and the tittle looks completely different. However, I think the problem could be mine. So if you're using Explorer and everything looks fine please tell me :)

~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" :)

~If you prefer the userpics being 100x100px rather than 75x75px, delete this:

~Metadata icons by graphicsbyjulz & tiny icons by Pinvoke.

Hope you like it <3
Watch hiddencolours for updates :)
Comments are &hearts ~

Kam~

s2 Flexible Squares: #003 "Classic" (light & dark versions)

justcyanide — Sun, 14 Feb 2010 00:37:29 GMT

light image preview ~ dark image preview
light live preview (temporary)

S2 Flexible Squares
Tested in Firefox & Explorer (round corners won't show up in IE), see notes below.

&Light Version

light live preview (temporary)

&Code

/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #003 "Classic"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is LOVE*** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: #f9f3d7;
		background: url(http://i46.tinypic.com/5dorp3.jpg);
		color: #f5f4ef;
		font-family: "arial", sans-serif;
		font-size: 20px;
		margin: 10px 0 9px 0;
		text-align: justify;
		}
	
	a, a:link, a:visited {
		color: #8e6b42;	
		font-weight: bold;
		text-decoration: none;
		}
	
	a:hover {
		color: #5a311b;
		}
	
	p, blockquote {
		border: 4px double #cdb28f; 
		font-size: 11px;
		line-height: 14px; 
                padding: 8px; 
		text-align: justify;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; 
		}
		
	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 {
		color: #5a311b;
		float: center;
		font-family: "times new roman", serif;
		font-size: 17px;		
		font-style: italic;
		font-weight: bold;
		padding: 4px;
		text-transform: lowercase;
		}
	
	div#header a:hover, div#footer a:hover {
		color: #8e6b42;
		text-decoration: none;
		}	
	
	ul.navheader 
		{	
		list-style-type: none;
		text-align: center;
		float: left;
		padding: 0px; 
		margin: 0 0px 0px -180px;
		width: 150px;
		margin-bottom: -100px;
		}
	
	div#header li + li{
		margin: 3px;
		background-color: #f9f3d7;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		}

div#header li + li + li {
		background-color: #f9f3d7;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		}

div#header li + li + li +  li{
		background-color: #f9f3d7;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		}

div#header li +  li + li +  li +  li {
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; }

ul.navheader li  {
		font-style: italic;
		background-color: #f9f3d7;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		color: #5a311b;
		font-family: "times new roman", serif;
		text-transform: lowercase;
		font-size: 14px;
		float: left important!;
		padding: 0 3px 0 -200px;
		}

.title, .subtitle{
		color: #5a311b;
		font-family: "times new roman", serif;
		font-size: 37px;
		font-style: italic;
		font-weight: bold;
		text-align: right;
		padding-right: 30px;
		}

.subtitle {
		margin-bottom: -70px;
		font-size: 20px;
		margin-top: -4px;
		padding-right: 34px;}

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

#content {  	
		width: 670px;
		margin-left: 210px; margin-right: auto;
		background-color: #f9f3d7;
		background: url();
		padding: 35px;
		}

#maincontent {	 	
		margin-top: 100px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #f9f3d7;
		background: url();
		color: #70030b;
		padding: 30px 30 30 10px;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 100%;
	}

/*----------------HEADER IMAGE----------------*/

/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
		float: left; 
		width: 160px;
		 background-color: #f9f3d7;
		font-size: 11px; 
		font-family: "times new roman", serif;
		color: #5a311b;
		text-transform: lowercase;
		text-align: center; 
		margin: 200px 0px 0px -210px; 
		padding: 17px;
		-moz-border-radius: 20px; 
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px; 
		position: absolute;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #5a311b;	
		font-weight: bold;
		text-transform: uppercase;
 		}
	
	div#sidebar a:hover {
		color: #5a311b;
		text-decoration: overline;
		}
	
	.defaultuserpic {
		text-align: center;	
		margin-top: 25px;
		border: 4px double #cdb28f; 
		margin: 24px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; 
				}
			
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {

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

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

.sbarcalendar {
               	background-color: #5a311b;	
		font-size: 10px;
		color: #faf1de;	
		text-align: center;
		               }}

.sbarcalendarposts{ 
		display: none;
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

li.sbaritem {
		list-style: none;
		font-size: 12px;
		color: #faf1de;		
		}

li.sbartitle {
		display: none;
		}

.lj-view-tags #sidebar{
		display: none;
		}

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

.entry	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #f9f3d7;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 0 0px 30px 30px; 
		-webkit-border-radius: 0 0px 30px 30px;
		-khtml-border-radius: 0 0px 30px 30px; 
		}

.entrytext {
		padding: 20px;
		}

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

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

.userpic {
		position: relative;
		float: right;
               margin: 0px 45px 0px 10px; 
                margin-bottom: 5px;
    		padding: 2px;
		margin-top: 160px;
		border: 4px double #cdb28f;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
			}

.userpicfriends {
		position: relative;
		float: right;
               margin: 0px 45px 0px 10px; 
                margin-bottom: 5px;
    		padding: 2px;
		margin-top: 160px;
		border: 4px double #cdb28f;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
		background-color: #f9f3d7!important;
		}

.userpicfriends font {
		color: #5a311b;
		text-transform: uppercase;
		text-align: center;
		background-color: #f9f3d7!important;
		}

/* delete this to make the userpic 100x100*/
	.userpic img, .userpicfriends img {
		background-color: transparent !important;
		width: 90px;
		height: 90px;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {	
		line-height: 112px;	
		font-size: 1px;
		color: #f1e9c4;
		visibility: transparent;
		background: url(http://i49.tinypic.com/6p582c.jpg);
		}

.datesubject {			
		margin: 0px 10px 0px 10px; }
	
	.subject {
		text-align: right; 
		background-color: #f9f3d7;
		color: #8e6b42;
		font-style: italic;
		font-size:  18pt; 
		text-transform: lowercase; 
		}

.subject a, .subject a:link, .subject a:visited {
		color: #8e6b42;
		}
	
	.subject a:hover {
		color: #5a311b;
		}

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

.comments {
		text-align: right;
		font-family: "times new roman", serif;
		margin: 9px 15 9px -10px;
		padding-right: 15px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #8e6b42;
		font-size: 13px;
		padding: 15px -5px 15px 5px;
		text-transform: lowercase;
	        }
	
	div.comments a:hover {
		color: #5a311b;
		text-decoration: none;
		}
	
	.datesubjectcomment {	
		text-transform: uppercase;	
		font-size: 10px;		
		background-color: transparent;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		float: left;
	        margin-right: 10px;
	        margin-bottom: 5px;
	        padding: 2px;
		background-color: #f9f3d7 !important;
		border: 4px double #cdb28f;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
		}

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

input, textarea {
		background-color: #f9f3d7;
		color: #5a311b;
		}
		
	textarea.textbox  {
      		width: 100% !important;
   		}
	
	.reply	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #f9f3d7;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 0 0px 30px 30px; 
		-webkit-border-radius: 0 0px 30px 30px;
		-khtml-border-radius: 0 0px 30px 30px; 
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {

position: relative;
		margin: 10px;
		font-size: 14px;
		font-family: "times new roman", serif;
		color: #5a311b;
		}

.commentbox {
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #f9f3d7;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 30px; 
		-webkit-border-radius: 30px;
		-khtml-border-radius: 30px; 
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #5a311b;
		}
		
	.datesubjectcomment a:hover {
		color: #8e6b42;
		}
	
	.commentboxpartial {
		border-color: #5a311b;; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-size: 25px;
		font-style: italic;
		font-weight: bold;
		}
	
	ul.year li {
		display: inline;
		}
	
	table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #f9f3d7;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 0 0px 30px 30px; 
		-webkit-border-radius: 0 0px 30px 30px;
		-khtml-border-radius: 0 0px 30px 30px; 
		}
	
	td.yearmonth {
		font-size: 20px;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

td.yearday {
		font-size: 20px;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {
		font-size: 13px;
		color: #5a311b;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		border: solid;
		color: #5a311b;
		border: 4px double #cdb28f;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
			}

.yeardate a:hover {
		color: #8e6b42;
		}

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

.clearfoot {		
		clear: both;
		}
		
/*----------------LJ USER & COMM ICON ----------------*/
	
	.ljuser img { 
		  height: 0;
		  padding: 10px 00px 5px 0px;
		  margin-right: -3px; 
		  background-image: url(http://i46.tinypic.com/w89xft.png);
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip  { 
		  height: 0;
		  padding: 10px 00px 5px 0px;
         	  margin-right: -3px; 
		  color: #5a311b;
		  background-color: transparent;
		  background-image: url();
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

#lj_controlstrip a {
		color: #5a311b;
		}

#lj_controlstrip a:hover {
		color: #8e6b42;
		}

#lj_controlstrip_statustext {
		color: #5a311b;
		}

.ljuser img[src*="userinfo.gif"] {
		background: transparent url(http://i46.tinypic.com/w89xft.png) no-repeat center left !important;  
		padding: 18px 4px 0 0px !important; 
		margin-right: -8px !important; 
		}

.ljuser img[src*="community.gif"] {
		background: transparent url(http://i46.tinypic.com/w89xft.png) no-repeat center left !important;  
		padding: 18px 4px 0 0px !important; 
		margin-right: -8px !important; 
		}

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

.currents {
		background-color: transparent;
		}

.currents strong{
		display: none;
		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: 14px;
		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: #5a311b;
		background: url('http://i50.tinypic.com/ffbpro.png') 0px 6px no-repeat;
		}

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

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

/*-----------------BACKGROUND, TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons by  pinvoke.com
	Background image by community.livejournal.com/appletooth

&Dark Version

&Code

/* Cleaned CSS: */

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: #0e0e0e;
		background: url(http://i50.tinypic.com/243q0iw.png);
		color: #f5f4ef;
		font-family: "arial", sans-serif;
		font-size: 20px;
		margin: 10px 0 9px 0;
		text-align: justify;
		}
	
	a, a:link, a:visited {
		color: #767676;	
		font-weight: bold;
		text-decoration: none;
		}
	
	a:hover {
		color: #898989;
		}
	
	p, blockquote {
		border: 4px double #595959;
		font-size: 11px;
		line-height: 14px; 
                padding: 8px; 
		text-align: justify;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; 
		}
		
	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 {
		color: #898989;
		float: center;
		font-family: "times new roman", serif;
		font-size: 17px;		
		font-style: italic;
		font-weight: bold;
		padding: 4px;
		text-transform: lowercase;
		}
	
	div#header a:hover, div#footer a:hover {
		color: #767676;
		text-decoration: none;
		}	
	
	ul.navheader 
		{	
		list-style-type: none;
		text-align: center;
		float: left;
		padding: 0px; 
		margin: 0 0px 0px -180px;
		width: 150px;
		margin-bottom: -100px;
		}
	
	div#header li + li{
		margin: 3px;
		background-color: #0e0e0e;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		}

div#header li + li + li {
		background-color: #0e0e0e;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		}

div#header li + li + li +  li{
		background-color: #0e0e0e;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		}

div#header li +  li + li +  li +  li {
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; }

ul.navheader li  {
		font-style: italic;
		background-color: #0e0e0e;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;  
		color: #898989;
		font-family: "times new roman", serif;
		text-transform: lowercase;
		font-size: 14px;
		float: left important!;
		padding: 0 3px 0 -200px;
		}

.title, .subtitle{
		color: #b1b1b1;
		font-family: "times new roman", serif;
		font-size: 37px;
		font-style: italic;
		font-weight: bold;
		text-align: right;
		padding-right: 30px;
		}

.subtitle {
		margin-bottom: -70px;
		font-size: 20px;
		margin-top: -4px;
		padding-right: 34px;}

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

#content {  	
		width: 670px;
		margin-left: 210px; margin-right: auto;
		background-color: #0e0e0e;
		background: url();
		padding: 35px;
		}

#maincontent {	 	
		margin-top: 100px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #0e0e0e;
		background: url();
		color: #70030b;
		padding: 30px 30 30 10px;
		margin-right: auto;
		text-align: left;
		}

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 100%;
	}

/*----------------HEADER IMAGE----------------*/

/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
		float: left; 
		width: 160px;
		 background-color: #0e0e0e;
		font-size: 11px; 
		font-family: "times new roman", serif;
		color: #898989;
		text-transform: lowercase;
		text-align: center; 
		margin: 200px 0px 0px -210px; 
		padding: 17px;
		-moz-border-radius: 20px; 
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px; 
		position: absolute;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #898989;	
		font-weight: bold;
		text-transform: uppercase;
 		}
	
	div#sidebar a:hover {
		color: #898989;
		text-decoration: overline;
		}
	
	.defaultuserpic {
		text-align: center;	
		margin-top: 25px;
		border: 4px double #808080;
		margin: 24px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; 
				}
			
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {

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

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

.sbarcalendar {
               	background-color: #595959;	
		font-size: 10px;
		color: #b1b1b1;	
		text-align: center;
		               }}

.sbarcalendarposts{ 
		display: none;
		}

#sidebar_tags 	{
		display: none;
		 }

#sidebar_summary {
		display: none;
		}

li.sbaritem {
		list-style: none;
		font-size: 12px;
		color: #faf1de;		
		}

li.sbartitle {
		display: none;
		}

.lj-view-tags #sidebar{
		display: none;
		}

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

.entry	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #0e0e0e;
		color: #898989;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 0 0px 30px 30px; 
		-webkit-border-radius: 0 0px 30px 30px;
		-khtml-border-radius: 0 0px 30px 30px; 
		}

.entrytext {
		padding: 20px;
		}

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

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

.userpic {
		position: relative;
		float: right;
               margin: 0px 45px 0px 10px; 
                margin-bottom: 5px;
    		padding: 2px;
		margin-top: 160px;
		border: 4px double #595959;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
			}

.userpicfriends {
		position: relative;
		float: right;
               margin: 0px 45px 0px 10px; 
                margin-bottom: 5px;
    		padding: 2px;
		margin-top: 160px;
		border: 4px double #595959;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
		background-color: #1e1e1e!important;
		}

.userpicfriends font {
		color: #898989;
		text-transform: uppercase;
		text-align: center;
		background-color: #1e1e1e !important;
		}

/* delete this to make the userpic 100x100*/
	.userpic img, .userpicfriends img {
		background-color: transparent !important;
		width: 90px;
		height: 90px;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {	
		line-height: 112px;	
		font-size: 1px;
		color: #1f1f1f;
		visibility: transparent;
		background: url(http://i45.tinypic.com/315diqg.png);
		}

.datesubject {			
		margin: 0px 10px 0px 10px; }
	
	.subject {
		text-align: right; 
		background-color: #0e0e0e;
		color: #767676;
		font-style: italic;
		font-size:  18pt; 
		text-transform: lowercase; 
		}

.subject a, .subject a:link, .subject a:visited {
		color: #898989;
		}
	
	.subject a:hover {
		color: #767676;
		}

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

.comments {
		text-align: right;
		font-family: "times new roman", serif;
		margin: 9px 15 9px -10px;
		padding-right: 15px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #767676;
		font-size: 13px;
		padding: 15px -5px 15px 5px;
		text-transform: lowercase;
	        }
	
	div.comments a:hover {
		color: #898989;
		text-decoration: none;
		}
	
	.datesubjectcomment {	
		text-transform: uppercase;	
		font-size: 10px;		
		background-color: transparent;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		float: left;
	        margin-right: 10px;
	        margin-bottom: 5px;
	        padding: 2px;
		background-color: #1e1e1e !important;
		border: 4px double #595959;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
		}

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

input, textarea {
		background-color: #0e0e0e;
		color: #898989;
		}
		
	textarea.textbox  {
      		width: 100% !important;
   		}
	
	.reply	{
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #0e0e0e;
		color: #898989;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 0 0px 30px 30px; 
		-webkit-border-radius: 0 0px 30px 30px;
		-khtml-border-radius: 0 0px 30px 30px; 
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {

position: relative;
		margin: 10px;
		font-size: 14px;
		font-family: "times new roman", serif;
		color: #898989;
		}

.commentbox {
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #0e0e0e;
		color: #898989;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 30px; 
		-webkit-border-radius: 30px;
		-khtml-border-radius: 30px; 
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #898989;
		}
		
	.datesubjectcomment a:hover {
		color: #767676;
		}
	
	.commentboxpartial {
		border-color: #898989;; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

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

/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		color: #898989;
		font-family: "times new roman", serif;
		font-size: 25px;
		font-style: italic;
		font-weight: bold;
		}
	
	ul.year li {
		display: inline;
		}
	
	table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background: url();
		margin: 0px 10px 10px 10px;
		padding: 20px;
		background-color: #0e0e0e;
		color: #898989;
		font-family: "times new roman", serif;
		font-size: 13px;
		text-align: left;
		-moz-border-radius: 0 0px 30px 30px; 
		-webkit-border-radius: 0 0px 30px 30px;
		-khtml-border-radius: 0 0px 30px 30px; 
		}
	
	td.yearmonth {
		font-size: 20px;
		color: #898989;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

td.yearday {
		font-size: 20px;
		color: #898989;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

td.yeardate {
		font-size: 13px;
		color: #d0d0d0;
		font-family: "times new roman", serif;
		font-style: italic;
		font-style: italic;
		font-weight: bold;
		}

.yeardate a {
		font-size: 15px;
		margin-left: 50px;
		margin-top: 25px;
		font-style: normal;
		border: solid;
		color: #d0d0d0;
		border: 4px double #b1b1b1;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px; 
                 background-color: #1e1e1e;
			}

.yeardate a:hover {
		color: #d0d0d0;
		}

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

.clearfoot {		
		clear: both;
		}
		
/*----------------LJ USER & COMM ICON ----------------*/
	
	.ljuser img { 
		  height: 0;
		  padding: 10px 00px 5px 0px;
		  margin-right: -3px; 
		  background-image: url(http://i46.tinypic.com/34jaamp.png);
		  background-repeat: no-repeat;
		  background-position: left center;
	          }

/*----------------LJ CONTROL STRIP---------------*/

#lj_controlstrip a {
		color: #898989;
		}

#lj_controlstrip a:hover {
		color: #767676;
		}

#lj_controlstrip_statustext {
		color: #898989;
		}

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

.currents {
		background-color: transparent;
		}

.currents strong{
		display: none;
		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: 14px;
		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: #898989;
		background: url('http://i50.tinypic.com/ffbpro.png') 0px 6px no-repeat;
		}

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

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

&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
~The layout was tested in Firefox, but the round corners should also work with Opera and Safari (please, if you are using one of those browsers and everything shows fine let me know in a comment :)
They won't show up in Explorer.

~If you prefer the userpics being 100x100px rather than 90x90px, delete this:

~I think this looks better without a header, but if you want to add one just paste this where it says "header" :)

~Background image by appletooth, metadata icons by graphicsbyjulz & tiny icons by Pinvoke. (changes to match the dark version, by me)

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

Hope you like it <3
Comments are &hearts ~

Kam~

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

justcyanide — Mon, 01 Feb 2010 01:02:11 GMT

live preview (temporary)

&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;
		}

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~

s2 Flexible Squares Layout: #001 "Woodyness" + Matching Profile Code

justcyanide — Fri, 29 Jan 2010 22:47:38 GMT

Hi there :)

live preview (temporary)

S2 Flexible Squares
Tested in Firefox & Explorer

&Code

/* Cleaned CSS: */
/* Cleaned CSS: */

/*-------------------------------------------------------
LAYOUT: #001 "Woodyness"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/ 
***Credit is *** 
--------------------------------------------------------*/

/*-----------------BODY-----------------*/		
	
	body	{
		background-color: #1e1e1e;
		background: url(http://i46.tinypic.com/n3m5gj.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: #580007;
		text-decoration: none;
		}
	
	a:hover {
		color: #58040a;
		text-decoration: none;
		}
	
	p, blockquote {
                background: url(http://i48.tinypic.com/vifrm0.png);
	    	font-size: 10px;
		padding: 18px; 
		line-height: 13px; 
		-moz-opacity: .9;
                opacity: .6;
                filter:alpha(opacity=90);
		text-align: justify;
		border-top:2px dashed #340004;
		}
		
	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 {
		color: #70030b;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 15px;
		padding: 4px;
		float: center;
		}
	
	div#header a:hover, div#footer a:hover {
		color: #70030b;
		text-decoration: none;
		}	
	
	ul.navheader 
		{	
		text-align: center;
		float: center important!;
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navheader li  {
		float: center important!;
		display: inline;			
		padding: 0 3px 0 3px;
		}

.title,	.subtitle{
		display: none;	
		}

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

#content {  	
		width: 720px;
		margin-left: auto; margin-right: auto;				
		background-color: #0b0809
		background: url(http://i50.tinypic.com/12149ac.jpg);
		padding: 15px;
		}

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

.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.separator{
		height: 25px;
	}

/*----------------HEADER IMAGE----------------*/
	
	.headerimage {
		position: relative;
		align: center;
		width: 720px;
		height: 348px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(http://i48.tinypic.com/2dc7rxl.jpg);
		background-position: center;
		background-repeat: no-repeat;
		}

/*-----------------SIDEBAR-----------------*/
	
	#sidebar { 
		padding: 15px; 
		margin-top: 8px;
		height: 130px;
		background: #1A1A1A; 
		background: url();
		color: #8d8d8d;
		text-align: justify; 
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #8d8d8d;
		font-weight: bold;
 		}
	
	div#sidebar a:hover {
		color: #70030b;
		text-decoration: none;
		}
	
	.defaultuserpic {
		display: none;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.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-------------*/

.entry	{
		background: url(http://i48.tinypic.com/34506j6.png);
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background-color: #70030b;
		color: #555555;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: left;
		border-width: 3px;
		border-color: #191818;
		border-style: dashed;
		}
		
	.entry ul li, .entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

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

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

.userpicfriends {
		position: relative;
		float: left;
		background-color: #080707 !important;
		margin: auto 10px 10px 0px;
		border-width: 5px;
		border-color: #340004;
		border-style: dashed ; 
		}

.userpicfriends font {
		color: #580007;
		text-transform: uppercase;
		text-align: center;
		background-color: #080707;
		}

/*-----------------DATE & SUBJECT-----------------*/
	.date {		
		line-height: 50%;
		text-transform: uppercase; 
		text-align: center;		
		top: 5px;
		color: #580007;
		font-family: "Verdana", sans-serif;
		font-size: 12px;
		font-weight: bold;
		}
	
	.subject {			
		text-align: center; 
		padding-bottom: 5px; 
		font-size:  20pt; 
		text-transform: uppercase; 
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #70030b;
		}
	
	.subject a:hover {
		color: #340004;
		}

.datesubject {		
		background-color: #340004;
		padding: 5px;
		background: url();
		}

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

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

.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	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		line-height: 125%;
		background-color: #;
		color: #000000;
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #555555;
		}
		
	.commentbox {
		background: url(http://i48.tinypic.com/34506j6.png);
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background-color: #70030b;
		color: #555555;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: left;
		border-width: 3px;
		border-color: #191818;
		border-style: dashed;
		}
			
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #580007;
		}
		
	.datesubjectcomment a:hover {
		color: #b0b9c8;
		}
	
	.commentboxpartial {
		border-color: #999999; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #;
		}

.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 {
		display: inline;
		}
	
	table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}
		
	table.yeartable td.yearday {
		background-color: transparent important!;
		font-weight: bold; 
		font-size: 12px;
		text-transform: uppercase; 
		text-align: center;
		}
	
	td.yearmonth {
		border-style: none;
		}

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

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

/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
	.currents, .currentmood, .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: 19px;
		padding-right: 9px;
		padding-bottom: 2px;
		padding-top: 8px;
		font-size: 8pt;
		color: #333;
		background: url('http://i46.tinypic.com/xqjfgy.png') 10px 10px no-repeat;
		}

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

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

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

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

/*-----------------TINY & METADATA ICONS CREDIT-----------------*/
	Metadataicons by community.livejournal.com/graphicsbyjulz
	TinyIcons can be found here gosquared.com/liquidicity/archives/122

&Code

<center><table width="400" align="center" cellpadding="22" background="http://i46.tinypic.com/n3m5gj.png">
<tr><td> <center>#01.</center> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam velit mauris, rhoncus eget ullamcorper nec, volutpat id lorem. Vivamus ornare interdum bibendum. Suspendisse egestas vulputate dignissim. Sed ornare justo nec nisi rhoncus suscipit at sollicitudin nisl.</tr>
<tr><td> <center>#02.</center> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam velit mauris, rhoncus eget ullamcorper nec, volutpat id lorem. Vivamus ornare interdum bibendum. Suspendisse egestas vulputate dignissim. Sed ornare justo nec nisi rhoncus suscipit at sollicitudin nisl.</tr>
<tr><td> <center>#03.</center> 
<center><a href="http://community.livejournal.com/hiddencolours/">profilecode</a> x <a href="">link</a> x <a href="">link</a> x <a href="">link</a></center></td></tr><img src="http://i45.tinypic.com/f9ij5e.png" tr height="95" width="400" colspan="20">
</table></center>

~This is my very first layout, I hope you like it <33
Comments are &hearts ~

Kammie<3

(.2) 35 SPN 5x01 icons!

justcyanide — Sat, 12 Sep 2009 23:28:44 GMT

(Yes, I KNOW it's been months since the last -and only!- post here. Yes, I suck u.u)

{01-27} SPN 5x01 (colour)
{27-35} SPN 5x01 (b&w)
{1} SPN 5x01 opening titles gif

{1-4}
{5-8}
{9-12}
{13-16}
{17-20}
{21-24}
{25-27}

{28-31}
{32-35}

★ Comments= ♥
★ Watch= ♥
★ Credit=MUST
★ NoRepost, NoEdit, NoHotlink
★ ENJOY!

First Batch of Icons :)

justcyanide — Sat, 11 Apr 2009 14:53:04 GMT

Hi,
So, here we are... te very first icon post here *is nervous*
Some of the icons (the Gaspard's ones) are rather old, but I wanted to post them anyways. The others are soooo new they are still hot from the oven xD

{01-08} Gossip Girl
{09-11} Blake Lively's Photoshoot
{12-28} Blake Lively & Leigton Meester's Photshoot (Rolling Stone)
{29-41} Supernatural 4x18
{42-48} Gaspard Ulliel

{1-4}
{5-8}
{9-12}
{13-16}
{17-20}
{21-24}
{25-28}
{29-32}
{33-36}
{37-40}
{41-44}
{45-48}

★ Comments= ♥
★ Watch= ♥
★ Credit=MUST
★ NoRepost, NoEdit, NoHotlink
★ ENJOY!

Rules

justcyanide — Sat, 11 Apr 2009 02:59:45 GMT

★ Comments= &hearts
★ Watch= &hearts
★ Credit=MUST
★ NoRepost, NoEdit, NoHotlink

★ Aunque la comu esté en inglés, yo hablo español, asi que pueden comentar en español si prefieren.

★ ENJOY

Resource!Post

justcyanide — Sat, 11 Apr 2009 02:49:26 GMT

Brushes:
Echoica.net
Brushes ObsidianDawn
LovelyTrash
PSbrush
In Obscuro
Seishido
Nadine Fan-Arts
VampiresxNeverxDie
Luscious
crazykira-resources

____brushes
100x100_brushes
papayacrazy
blossombunny
fearher
ch_photoshopped
the_left_drawer
resunik
microcake
paine_09
cosmo_mouse in even_art
gothic_nyx or alchemyblack
creamuts or mutsie_brushes

Texturas/Textures
postagenotpaid
yunhe
princessbloomy
yunhe
yunhe
charlieandi
lifeisdolce
insanefray
cookiestome
kopgirl
joyfulsong
eveningwalk
soacdesigns
forevernevermor
velvetb0x
Grsites.com/archive/textures/
Mayang
Textures forrest
allgraphicdesign
Tutoriales/Tutorials
CanalPhotoshop
Photoshop-Designs
Todo-Photoshop
SoloPhotoshop

Fonts:
Dafont
Abstract Fonts

Images
(stock/various/screencaps)
cap_it
SXC
DeviantART
Veer
(Ville Valo)
valo_daily
(Queer as Folk)
gale_daily
qaf_daily
ScreenCaps
(Sweeney Todd)
lalaland or captonic
(Famous People)
SweetAndTalented
(SPN)
sky_angel22
(Sherlock BBC)
enchantedfleur

Misc:
The Icon Table Generator

Important:
+Even tho I tried to credit for everything, there are a ton of things (mostly textures) that I have no idea who made them. So, if you see something yours and I'm not crediting, do tell me and I will :)

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64
65	66	67	68
69	70	71

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64
65	66	67	68
69	70	71

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64
65	66	67	68
69	70	71

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
61	62	63	64

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	31	32
33	34	35	36
37	38	39	40
41	42	43	44
45	46	47	48