milou_veronica: s2 layout: nobody's off the hook [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2008-07-23 16:11:00

Current mood:	cold
Current music:	the church of what's happening now - sia
Entry tags:	style: flexible squares, wot: s2 layout

s2 layout: nobody's off the hook [flexible squares]
layout: nobody's off the hook
style: flexible squares
accounts: Basic, Paid, and Sponsored
features: topbar, custom comment pages
browsers: IE7, FF, and Safari

Even though I finished this layout weeks ago, I got caught up in playing with variations, and the horrors of compatability options.

picture | live

/*---------------------------------------------------
nobody's off the hook  // by milou_veronica
flexible squares layout (basic, plus and paid) 
-----------------------------------------------------*/
.headerimage {	
	position: relative;
	background: url(http://XXX);
	width: XXXpx;
	height: XXXpx;
	background-repeat: no-repeat; background-position: 50% 50%;
	padding: 0px 110px 5px 10px;
	margin-left: auto;
	margin-right: auto }

body	{margin-top: 20px;
	background: url(http://XXX);
	background-color: #EFEBE0;
	text-align: center;
	color: #888888;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;}

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

a:hover {color: #DFCC99;text-decoration: none;}
img:hover { filter: alpha(opacity=60); moz-opacity: .60; opacity: .60; }
b, u { color: #555555;}
i, s { color: #999999;}
p, td {font-size: 11px;}

blockquote {
	background-color:#ffffff;
	padding:8px; 
	border: 1px #cccccc solid; 
	color:#9a9a9a; 
	font-family: Arial, Tahoma, "Verdana", sans-serif;}

blockquote:hover {padding:5px;  border: 4px #E0ECEF solid; }

code {
 	background-color: #fafafa;
	display:block; 
	color: #BFA86B; 
	padding:5px; 
	border:1px dashed #cccccc; 
	 font-size: 12px;
	font-family: Arial, Tahoma, "Verdana", sans-serif;}

kbd, pre, tt {font-family: monospace;}
textarea  { background-color: #fafafa; }
/*---------------------------------------------------------------------
   General 
------------------------------------------------------------------------*/
#content{
	width: 760px;
	margin-left: auto; margin-right: auto;
	margin-top: 0px;
	border-width: 0px;}
#sidebar { background-color:  #FFFFFF ; }
 #maincontent {
	border-top: #77B3BF solid 0px;
	margin: 0px;
	 text-align: justify;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	color: #888888;
	border-left: 0px;
	padding-left: 10px;
	padding-right: 10px;}

#sidebar { min-height: 120px;
	margin: 0px 10px 15px 110px;
	padding: 10px 20px 10px 20px;
	background-color:  #FFFFFF ;
	font-size: 11px;
	text-transform: lowercase;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	color: #888888;
	width: auto;
	float: center;
	text-align: left;}

/*-----------------------------------------------------------------------------
 Header -
--------------------------------------------------------------------------------*/
#header { 
	border: 0px solid #77B3BF;
	width: auto;
	margin: 0px 10px 0px 110px;
	padding: 0px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	color: #77B3BF;  height:74px;
	}
.navheader {border: 0px; text-align: center; background: #EFEBE0; }

ul.navheader{ padding: 0px; margin: 0px; list-style-type: none;}

ul.navheader li {display: block; float: left; margin: 0px; list-style-type: none;  }

ul.navheader li a {display: block; float: left; background-color: #E0ECEF; width: 115px; color: #ffffff; margin: 0px; padding: 30px 0px 25px 0px; border-right: 1px solid #FFFFFF; border-top: 5px solid #ffffff;}

.view { display: block; float: left; background-color: #FFFFFF; width: 115px; color: #77B3BF; margin: 0px; padding: 30px 0px 25px 0px; border-right: 1px solid #FFFFFF;  border-top: 5px solid #77B3BF;}

ul.navheader li a:hover { background-color: #77B3BF; color: #FFFFFF;  border-top: 5px solid #E0ECEF;}

div#header a, div#header a:link, div#header a:visited { color: #819A9F;}

div#header a:hover { color: #FFFFFF; text-decoration: none;}

div#header li.view {}

div#footer a, div#footer a:link, div#footer a:visited { color: #819A9F;}
 div#footer a:hover { color: #AFAB83; }
div#footer li.viewing { display:none; }

.title	{display:none;}

.subtitle{display:none;}

/*-----------------------------------------------------------------------------
ENTRIES -------------------------------------------------------------------------------------->>>>>  general
------------------------------------------------------------------------*/
.subcontent {}

.date { border-left: 1px dashed #cccccc; float:right; text-align: right;
	text-transform: uppercase;
	color: #999999;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	padding: 8px 10px 8px 5px; }

.subject { text-align: right;
	padding: 8px 10px 8px 20px;
	background-color: transparent ;
	color: #77B3BF;
	text-transform: uppercase;
	font-size: 12px;}

.subject a, .subject a:link, .subject a:visited {
	color: #BFA86B;
	text-decoration: bold;}

.subject a:hover { color: #DFCC99; text-decoration: none;}

.datesubject {  margin: 0px 0px 0px 100px; padding-top: 10px; border-right: 0px solid #77B3BF; background-color:#ffffff;}

.entry	{ 
	background-color:#FFFFFF;
	margin: 0px 0px 10px 100px;
	padding: 0px 20px 20px 20px;
	color: #888888;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	 text-align: justify; 
	line-height: 150%;
	border-width: 0px;}

.entry_text { padding-top:10px; border: 0px; bottom: 0px;}

.userpic {
	position: relative;
	float: left;
	border-left: 8px #dddddd solid;
	background-color: #ffffff !important;
	padding: 12px;
	margin: 10px 10px 10px 10px;
	z-index: 15;}

.userpic:hover {border-left: 8px #77B3BF solid;}

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

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

/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links
------------------------------------------------------------------------*/
.comments {
	font-size: 11px;
	text-align: right;
	padding: 0px 5px 0px 5px;
	position: relative;
	top: 15px;
	text-transform: uppercase;}

div.comments a, div.comments a:link, div.comments a:visited{
	color: #BFA86B;
	text-decoration: none;}

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

.separator{height: 35px;}

/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>>  tag stuff and currents
------------------------------------------------------------------------*/
.currents, {margin-top:0px; padding-top:0px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif;}

div.ljtags {font-weight: bold;}
div.ljtags a {font-weight: normal;}

.currents  { padding: 5px 18px 5px 0px;  width: 300px; background-color: #E0ECEF; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}

.currentlocation {text-transform: lowercase; 
	padding: 5px 0px 5px 18px; 
	font-size: 7pt;
	color: #646464;
	background: url('http://i38.tinypic.com/200dvu1.png')  no-repeat;
	background-position: center left;}

.currentmood {text-transform: lowercase; 
	padding: 5px 0px 5px 18px; 
	font-size: 7pt;
	color: #646464;
	background: url('http://i33.tinypic.com/2j7a08.png')  no-repeat;
	background-position: center left;}

.currentmusic {text-transform: lowercase; 
	padding: 5px 0px 5px 18px; 
	font-size: 7pt;
	color: #646464;
	background: url('http://i38.tinypic.com/2rng5ts.png')  no-repeat;
	background-position: center left;}
		
.ljtags { width: 300px;
	top: 30px; 
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin: 0px; 
	position: relative;
	padding: 5px 0px 5px 18px; 
	text-transform: lowercase;
	font-size: 7pt;
	color: #646464;
	background: url('http://i38.tinypic.com/2nm2asn.png') #E0ECEF 2px 4px no-repeat;}

h2 { display: none;}

.ljtaglist { width:auto;
	background-color: #ffffff;
	margin: 0px 0px 0px 100px;
	padding: 10px 20px 10px 20px;
	color:#888888;
	font-size:10px;
	list-style:none;
	border:0px ;}

/*------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization
-------------------------------------------------------------------------------*/
 .userpicfriends {
	position: relative;
	background-color: transparent !important;
	float: left;
	padding: 5px;
	margin: 5px;

text-align: center;
	border-width: 0px;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;}

.userpicfriends img {
	border: 0px #cccccc dashed;
	background-color: #FFFFFF !important;
	padding: 12px;}

.userpicfriends a font {color: #aaaaaa;}

/*----------------------------------------------------
ENTRIES -------------------------------------------------------------------------------------->>>>>  comment pages
----------------------------------------------------------------*/
.box { margin: 0px 0px 0px 100px;
	border: 0px ;
	padding: 0px;
	clear: right;}

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

.userpiccomment {
	position: relative;
	padding: 4px;
	border-width: 4px;
	border-style: solid;
	border-color: #DFDDC3;;
	background-color: #ffffff;
	top: -30px;
	left: 0px;
	margin: 10px 10px -20px 10px;
	z-index: 15;
	float: left;}

input, textarea  { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa;  border: 1px solid #cccccc;  color: #999999;}
textarea.textbox  {width: 100% !important;}

.reply	{ border: 0px ;
background-color: #ffffff;
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #888888;
	}

.replytosubject {font-weight: bold;}

.commentreply {
	position: relative;
	margin: 10px;
	font-size: 11px;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	color: #888888;}

.commentbox {
	border: 1px solid #dddddd;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;}

.commentbox:hover, .commentboxpartial:hover {border-color: #f3f3f3;}

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

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

.commentboxpartial {
	border-color: #888888;
	border-width: 0px;
	border-style: solid;
	padding: 10px;
	margin: 10px;
	background-color: #ffffff;}

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

.skiplinks {margin: 0px 0px 10px 100px; text-align: center;}

/*------------------------------------------------------------
  SIDEBAR  -------------------------------------------------------------------------------------->>>>>  general
-------------------------------------------------------------------------------*/
	  li.sbartitle{ display:none; } #sidebar_calendar { display:none; }
	 .clearfoot, .currents strong, { display:none; }
.defaultuserpic {float: right; margin-top: 0px; margin-right:0px;}
.defaultuserpic img {padding:4px; border: 0px solid #C2CDCF; background-color: #DFDDC3;}
	.sbarheader { padding: 0px 5px 0px 5px; }
	.sbarbody { margin-top: 0px; padding: 0px 5px 0px 5px;}
	.sbarbody2 {width: 70%; padding: 0px 15px 8px 15px; text-align: justify; }
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #BFA86B; }
	div#sidebar a:hover {  color: #DFCC99; text-decoration: none; }
	ul.sbarlist { padding: 10px 0px 0px 0px; margin: 0; list-style-type: none; display:inline;}
	.sbarlist { padding: 10px 0px 0px 0px; margin: 0px; }	
	li.sbaritem {  padding: 2px 5px 2px 5px;   color: #BFA86B; display: inline;}
	 #sidebar_summary li.sbaritem {display: none;}
	#sidebar_tags li.sbaritem{display: none;}

/*----------------------------------------------------
FOOTER -------------------------------------------------------------------------------------->>>>>  general
----------------------------------------------------------------*/
#footer {
	width: auto;
	padding: 5px;
	text-align: right;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #EFEBE0;
	color: #888888;
	border-width: 0px;
	z-index: 100;
	clear: both;}

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

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

.clearfoot {clear: both; display:none;}

/*----------------------------------------------------
ARCHIVE PAGES -------------------------------------------------------------------------------------->>>>>  general
----------------------------------------------------------------*/

ul.year { margin: 0px 0px 10px 100px; text-align: center; padding-bottom: 5px; font-size: 14px;}

ul.year li {display: inline;}

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

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

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

td.yearmonth {border-style: none;}

.clear { height: 15px;}

/*--------------------------------------------
MINI ICONS by famfamfam
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i32.tinypic.com/et702a.png); background-position: center left; }

.subject img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding:  16px 16px 0px 0px !important; background: url(http://i25.tinypic.com/iqg6jq.png); background-position: center left; }

.ljuser img {  width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i34.tinypic.com/wcde0l.jpg);  padding:  16px 16px 0 2px !important; background-position: center left;}

.ljuser img[src*="userinfo.gif"] {background-color:transparent; background-image: url(http://i34.tinypic.com/wcde0l.jpg);  padding: 16px 16px 0 2px !important; background-position: center left; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i38.tinypic.com/fd599f.png);  padding:  16px 16px 0 2px !important; background-position: center left; }

img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i25.tinypic.com/2h4gad3.png); }

/*--------------------------------------------
contexual pop-up 
-----------------------------------------*/
div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { background:transparent !important; color: #888888 !important; border: 0px; padding: 10px; width: 250px; }
div.ContextualPopup .Userpic { padding: 4px; margin: 9px 15px 4px 0px; background:#F6F9ED; border: 0px ; }
div.ContextualPopup .Content { padding: 10px; border: 0px solid #FFFFF3; margin: 4px; background:#FFFFFD; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #cccccc !important; }
div.ContextualPopup .Relation { font-variant:small-caps; font-size:12px; color: #77B3BF;}

body	{margin-top: 0px; 
	background: url(http://i35.tinypic.com/6se1oi.png);
	background-color: #111111;
	text-align: center;
	color: #777777;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;}

a, a:link, a:visited {
	color: #6F5830;
	text-decoration: none;}

a:hover {color: #AF9362;text-decoration: none;}
img:hover { filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; }
b, u { color: #555555;}
i, s { color: #999999;}
p, td {font-size: 11px;}

blockquote {
	background-color:#ffffff;
	padding:8px; 
	border: 1px #cccccc solid; 
	color:#9a9a9a; 
	font-family: Arial, Tahoma, "Verdana", sans-serif;}

blockquote:hover {padding:5px;  border: 4px #CFBC9B solid; }

code {
 	background-color: #fafafa;
	display:block; 
	color: #6F5830; 
	padding:5px; 
	border:1px dashed #cccccc; 
	 font-size: 12px;
	font-family: Arial, Tahoma, "Verdana", sans-serif;}

#sidebar { background-color:  #FFFFFF ; }
 #maincontent {
	border-top: #77B3BF solid 0px;
	margin: 0px;
	 text-align: justify;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	color: #777777;
	border-left: 0px;
	padding-left: 10px;
	padding-right: 10px;}

#sidebar { min-height: 120px;
	margin: 0px 10px 20px 110px;
	padding: 10px 20px 10px 20px;
	background-color:  #3a3a3a ;
	font-size: 11px;
	text-transform: lowercase;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	color: #888888;
	width: auto;
	float: center;
	text-align: left;}

ul.navheader{ padding: 0px; margin: 0px; list-style-type: none;}

ul.navheader li {display: block; float: left; margin: 0px; list-style-type: none;  }

ul.navheader li a {display: block; float: left; background-color: #333333; width: 115px; color: #ffffff; margin: 0px; padding: 30px 0px 25px 0px; border-right: 1px solid #3a3a3a; border-top: 5px solid #222222;}

.view { display: block; float: left; background-color: #3a3a3a ; width: 115px; color: #CFBC9B; margin: 0px; padding: 30px 0px 25px 0px; border-right: 1px solid #3a3a3a; border-top: 5px solid #CFBC9B;}

ul.navheader li a:hover { background-color: #2a2a2a; color: #FFFFFF;  border-top: 5px solid #333333;}

div#header a, div#header a:link, div#header a:visited { color: #8F7B59;}

div#header a:hover { color: #FFFFFF; text-decoration: none;}

div#header li.view {}

div#footer a, div#footer a:link, div#footer a:visited { color: #8F7B59;}
 div#footer a:hover { color: #FFFFFF; }
div#footer li.viewing { display:none; }

.title	{ float:right; font-style: italic; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; text-transform: lowercase; font-size: 26px; color: #FFFFFF;  text-align: left;  letter-spacing: -1px; padding-left: 0px; margin-top: -130px;}

.subtitle{ float:right; margin-top: -95px; text-align:right; font-style: italic; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; text-transform: lowercase; font-size: 12px; color: #8F7B59;  letter-spacing: -1px; padding-left: 10px;}

.subject { text-align: right;
	padding: 8px 10px 8px 20px;
	background-color: transparent ;
	color: #7F622F;
	text-transform: uppercase;
	font-size: 12px;}

.subject a, .subject a:link, .subject a:visited {
	color: #6F5830;
	text-decoration: bold;}

.subject a:hover { color: #AF9362; text-decoration: none;}

.datesubject {  margin: 0px 0px 0px 100px; padding-top: 10px; border-right: 0px solid #77B3BF; background-color:#ffffff;}

.entry	{ 
	background-color:#FFFFFF;
	margin: 0px 0px 10px 100px;
	padding: 0px 20px 20px 20px;
	color: #777777;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	 text-align: justify; 
	line-height: 150%;
	border-width: 0px;}

.entry_text { padding-top:10px; border: 0px; bottom: 0px;}

.userpic {
	position: relative;
	float: left;
	border-left: 8px #EFE1D1 solid;
	background-color: #ffffff !important;
	padding: 12px;
	margin: 10px 10px 10px 10px;
	z-index: 15;}

.userpic:hover {border-left: 8px #5F4C35 solid;}

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

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

div.comments a, div.comments a:link, div.comments a:visited{
	color: #6F5830;
	text-decoration: none;}

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

.separator{height: 35px;}

/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>>  tag stuff and currents
------------------------------------------------------------------------*/
.currents, {margin-top:0px; padding-top:0px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif;}

div.ljtags {font-weight: bold;}
div.ljtags a {font-weight: normal;}

.currents  { padding: 5px 18px 5px 0px;  width: 300px; background-color: #EFE1D1; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}

h2 { display: none;}

.ljtaglist { width:auto;
	background-color: #ffffff;
	margin: 0px 0px 0px 100px;
	padding: 10px 20px 10px 20px;
	color:#888888;
	font-size:10px;
	list-style:none;
	border:0px ;}

/*------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization
-------------------------------------------------------------------------------*/
 .userpicfriends {
	position: relative;
	float: left;
	padding: 0px;
	margin: 5px;
	background-color: transparent !important;
	text-align: center;
	border-width: 0px;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;}

.userpicfriends img {
	border: 0px #cccccc dashed;
	background-color: #FFFFFF !important;
	padding: 12px;}

.userpicfriends a font {color: #aaaaaa;}

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

.userpiccomment {
	position: relative;
	padding: 4px;
border-top: 2px solid #dddddd;
border-left: 1px solid #dddddd;
	background-color: #eeeeee;
	top: -30px;
	left: 0px;
	margin: 10px 10px -20px 10px;
	z-index: 15;
	float: left;}

.replytosubject {font-weight: bold;}

.commentreply {
	position: relative;
	margin: 10px;
	font-size: 11px;
	font-family: Arial, Tahoma, "Verdana", sans-serif;
	color: #777777;}

.commentbox {
	border: 1px solid #dddddd;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;}

.commentbox:hover, .commentboxpartial:hover {border-color: #f3f3f3;}

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

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

.commentboxpartial {
	border-color: #777777;
	border-width: 0px;
	border-style: solid;
	padding: 10px;
	margin: 10px;
	background-color: #ffffff;}

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

.skiplinks {margin: 0px 0px 10px 100px; text-align: center;}
/*------------------------------------------------------------
  SIDEBAR  -------------------------------------------------------------------------------------->>>>>  general
-------------------------------------------------------------------------------*/
	  li.sbartitle{ display:none; } #sidebar_calendar { display:none; }
	 .clearfoot, .currents strong, { display:none; }
.defaultuserpic {float: right; margin-top: 0px; margin-right:0px;}
.defaultuserpic img {padding:4px; border: 0px solid #C2CDCF; background-color: #2F2C23;}
	.sbarheader { padding: 0px 5px 0px 5px; }
	.sbarbody { margin-top: 0px; padding: 0px 5px 0px 5px;}
	.sbarbody2 {width: 70%; padding: 0px 15px 8px 15px; text-align: justify; }
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #6F5830; }
	div#sidebar a:hover {  color: #AF9362; text-decoration: none; }
	ul.sbarlist { padding: 10px 0px 0px 0px; margin: 0; list-style-type: none; display:inline;}
	.sbarlist { padding: 10px 0px 0px 0px; margin: 0px; }	
	li.sbaritem {  padding: 2px 5px 2px 5px;   border-right: 2px solid #353535; color: #6F5830; display: inline;}
	 #sidebar_summary li.sbaritem {display: none;}
	#sidebar_tags li.sbaritem{display: none;}

/*----------------------------------------------------
FOOTER 
----------------------------------------------------------------*/
#footer { width: auto; padding: 5px; text-align: right; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #777777; border-width: 0px; z-index: 100; clear: both;}

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

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

.clearfoot {clear: both; display:none;}

ul.year { margin: 0px 0px 10px 100px; text-align: center; padding-bottom: 5px; font-size: 14px;}

ul.year li {display: inline;}

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

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

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

td.yearmonth {border-style: none;}

.clear { height: 15px;}

/*--------------------------------------------
MINI ICONS by famfamfam
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i34.tinypic.com/33mu791.png); background-position: center left; }

.subject img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding:  16px 16px 0px 0px !important; background: url(http://i37.tinypic.com/wwkzsw.png); background-position: center left; }

.ljuser img {  width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i36.tinypic.com/29q0477.png);  padding:  16px 16px 0 2px !important; background-position: center left;}

.ljuser img[src*="userinfo.gif"] {background-color:transparent; background-image: urlhttp://i36.tinypic.com/29q0477.png);  padding: 16px 16px 0 2px !important; background-position: center left; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i34.tinypic.com/2vwsc9c.png);  padding:  16px 16px 0 2px !important; background-position: center left; }

img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/23lh8vc.png); }

picture | live

/*---------------------------------------------------
nobody's off the hook // by milou_veronica
flexible squares layout (basic, plus and paid) 
-----------------------------------------------------*/
.headerimage {	
	position: relative;
	background: url(http://XXX);
	width: XXXpx;
	height: XXXpx;
	background-repeat: no-repeat; background-position: 50% 50%;
	padding: 0px 110px 5px 10px;
	margin-left: auto;margin-right: auto }

body	{margin-top: 20px;background: url(http://i38.tinypic.com/33tifck.png); background-color: #EFEBE0; text-align: center; color: #777777; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;}

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

a:hover {color: #DFCC99;text-decoration: none;}
img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; }
b, u { color: #555555;}
i, s { color: #999999;}
p, td {font-size: 11px;}

blockquote { background-color:#ffffff; padding:8px;  border: 1px #cccccc solid;  color:#9a9a9a;  font-family: Arial, Tahoma, "Verdana", sans-serif;}

blockquote:hover {padding:5px;  border: 4px #D3DFB5 solid; }

code { background-color: #fafafa; display:block;  color: #BFA86B;  padding:5px;  border:1px dashed #cccccc;   font-size: 12px; font-family: Arial, Tahoma, "Verdana", sans-serif;}

#sidebar { background-color:  #DFDBD1; }

#maincontent { border-top: #919F6D solid 0px; margin: 0px;  text-align: justify; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; color: #777777; border-left: 0px; padding-left: 10px; padding-right: 10px;}

#sidebar { min-height: 120px; margin: 0px 10px 15px 110px; padding: 10px 20px 10px 20px; background-color:  #DFDBD1 ; font-size: 11px; text-transform: lowercase; font-family: Arial, Tahoma, "Verdana", sans-serif; color: #777777; width: auto; float: center; text-align: left;}

/*-----------------------------------------------------------------------------
 Header 
--------------------------------------------------------------------------------*/
#header {  border: 0px solid #919F6D; width: auto; margin: 0px 10px 0px 110px; padding: 0px; text-align: right; font-size: 12px; font-weight: normal; text-transform: lowercase; color: #919F6D;  height:74px;}
.navheader {border: 0px; text-align: center; background: #EFEBE0; }

ul.navheader{ padding: 0px; margin: 0px; list-style-type: none;}

ul.navheader li {display: block; float: left; margin: 0px; list-style-type: none;  }

ul.navheader li a {display: block; float: left; background-color: #CACFB5; width: 115px; color: #ffffff; margin: 0px; padding: 30px 0px 25px 0px; border-right: 1px solid #DFDBD1; border-top: 5px solid #DFDBD1;}

.view { display: block; float: left; background-color: #DFDBD1; width: 115px; color: #919F6D; margin: 0px; padding: 30px 0px 25px 0px; border-right: 1px solid #DFDBD1;  border-top: 5px solid #919F6D;}

ul.navheader li a:hover { background-color: #919F6D; color: #DFDBD1;  border-top: 5px solid #D3DFB5;}

div#header a, div#header a:link, div#header a:visited { color: #9A9F6D;}

div#header a:hover { color: #FFFFFF; text-decoration: none;}

div#header li.view {}

div#footer a, div#footer a:link, div#footer a:visited { color: #A2AF83;}
 div#footer a:hover { color: #AFAB83; }
div#footer li.viewing { display:none; }

.title	{display:none;}
.subtitle{display:none;}

/*-----------------------------------------------------------------------------
ENTRIES 
------------------------------------------------------------------------*/
.subcontent {}

.date { border-left: 1px dashed #cccccc; float:right; text-align: right; text-transform: uppercase;color: #999999; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; padding: 8px 10px 8px 5px; }

.subject { text-align: right; padding: 8px 10px 8px 20px; background-color: transparent ; color: #919F6D; text-transform: uppercase; font-size: 12px;}

.subject a, .subject a:link, .subject a:visited { color: #BFA86B; text-decoration: bold;}

.subject a:hover { color: #DFCC99; text-decoration: none;}

.datesubject {  margin: 0px 0px 0px 100px; padding-top: 10px; border-right: 0px solid #919F6D; background-color:#ffffff;}

.entry	{ background-color:#FFFFFF; margin: 0px 0px 10px 100px; padding: 0px 20px 20px 20px; color: #777777; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;  text-align: justify;  line-height: 150%; border-width: 0px;}

.entry_text { padding-top:10px; border: 0px; bottom: 0px;}

.userpic { position: relative; float: left; border-left: 8px #DCDFD1 solid; background-color: #ffffff !important; padding: 12px; margin: 10px 10px 10px 10px; z-index: 15;}
.userpic:hover {border-left: 8px #919F6D solid;}

.userpicfriends { position: relative; background-color: transparent !important; float: left; padding: 5px; margin: 5px; text-align: center; border-width: 0px; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; z-index: 15;}
 .userpicfriends img { border: 0px #cccccc dashed; background-color: #FFFFFF !important; padding: 12px;}
.userpicfriends a font {color: #aaaaaa;}

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

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

/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links
------------------------------------------------------------------------*/
.comments { font-size: 11px; text-align: right; padding: 0px 5px 0px 5px; position: relative; top: 15px; text-transform: uppercase;}

div.comments a, div.comments a:link, div.comments a:visited{ color: #BFA86B; text-decoration: none;}

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

.separator{height: 35px;}

/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>>  tag stuff and currents
------------------------------------------------------------------------*/
.currents, {margin-top:0px; padding-top:0px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif;}

div.ljtags {font-weight: bold;}
div.ljtags a {font-weight: normal;}

.currents  { padding: 5px 18px 5px 0px;  width: 300px; background-color: #EBEFE0; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}

.currentlocation {text-transform: lowercase; padding: 5px 0px 5px 18px;  font-size: 7pt; color: #646464; background: url('http://i34.tinypic.com/zjce8m.png')  no-repeat; background-position: center left;}

.currentmood {text-transform: lowercase;  padding: 5px 0px 5px 18px;  font-size: 7pt; color: #646464; background: url('http://i38.tinypic.com/33peopf.png')  no-repeat; background-position: center left;}

.currentmusic {text-transform: lowercase;  padding: 5px 0px 5px 18px;  font-size: 7pt; color: #646464; background: url('http://i33.tinypic.com/jql2et.png')  no-repeat; background-position: center left;}
		
.ljtags { width: 300px; top: 30px;  border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin: 0px;  position: relative; padding: 5px 0px 5px 18px;  text-transform: lowercase; font-size: 7pt; color: #646464; background: url('http://i38.tinypic.com/2usy7wo.png') #EBEFE0 2px 4px no-repeat;}

h2 { display: none;}

.ljtaglist { width:auto; background-color: #ffffff; margin: 0px 0px 0px 100px; padding: 10px 20px 10px 20px; color:#777777; font-size:10px; list-style:none; border:0px ;}

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

.userpiccomment { position: relative; padding: 3px; border-width: 4px; border-style: solid; border-color: #DFDDC3;; background-color: #ffffff; top: -30px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}

.reply	{ border: 0px ; background-color: #ffffff; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; line-height: 125%; color: #777777; }
.replytosubject {font-weight: bold;}

.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Tahoma, "Verdana", sans-serif; color: #777777;}

.commentbox { border: 1px solid #dddddd; padding: 10px; margin-bottom: 10px; background-color: #ffffff;}

.commentbox:hover, .commentboxpartial:hover {border-color: #f3f3f3;}

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

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

.commentboxpartial { border-color: #777777; border-width: 0px; border-style: solid; padding: 10px; margin: 10px; background-color: #ffffff;}

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

.skiplinks {margin: 0px 0px 10px 100px; text-align: center;}

/*------------------------------------------------------------
  SIDEBAR  
-------------------------------------------------------------------------------*/
li.sbartitle{ display:none; } #sidebar_calendar { display:none; }
.clearfoot, .currents strong, { display:none; }
.defaultuserpic {float: right; margin-top: 0px; margin-right:0px;}
.defaultuserpic img {padding:4px; border: 0px solid #C2CDCF; background-color: #BFB8A7;}
.sbarheader { padding: 0px 5px 0px 5px; }
.sbarbody { margin-top: 0px; padding: 0px 5px 0px 5px;}
.sbarbody2 {width: 70%; padding: 0px 15px 8px 15px; text-align: justify; }
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #BFA86B; }
div#sidebar a:hover {  color: #DFCC99; text-decoration: none; }
ul.sbarlist { padding: 10px 0px 0px 0px; margin: 0; list-style-type: none; display:inline;}
.sbarlist { padding: 10px 0px 0px 0px; margin: 0px; }	
li.sbaritem {  padding: 2px 5px 2px 5px;   color: #BFA86B; display: inline;}
 #sidebar_summary li.sbaritem {display: none;}
#sidebar_tags li.sbaritem{display: none;}

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

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

.clearfoot {clear: both; display:none;}

/*----------------------------------------------------
ARCHIVE PAGES
----------------------------------------------------------------*/
ul.year { margin: 0px 0px 10px 100px; text-align: center; padding-bottom: 5px; font-size: 14px;}
ul.year li {display: inline;}
table.yeartable { margin-left: auto; margin-right: auto; width: 85%; background-color: #ffffff; margin: 0px 0px 0px 100px; padding: 10px 20px 10px 20px;}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #cccccc;}
table.yeartable td.yearday { background-color: #ffffff; text-align: center;}
td.yearmonth {border-style: none;}
.clear { height: 15px;}

/*--------------------------------------------
MINI ICONS by famfamfam
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i38.tinypic.com/35lyukn.png); background-position: center left; }

.ljuser img {  width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i38.tinypic.com/igzpl1.png);  padding:  16px 16px 0 2px !important; background-position: center left;}

.ljuser img[src*="userinfo.gif"] {background-color:transparent; background-image: url(http://i38.tinypic.com/igzpl1.png);  padding: 16px 16px 0 2px !important; background-position: center left; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i35.tinypic.com/k2gvoy.png);  padding:  16px 16px 0 2px !important; background-position: center left; }

img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/14bulvs.png); }

/*--------------------------------------------
contexual pop-up 
-----------------------------------------*/
div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { background:transparent !important; color: #777777 !important; border: 0px; padding: 10px; width: 250px; }
div.ContextualPopup .Userpic { padding: 4px; margin: 9px 15px 4px 0px; background:#F6F9ED; border: 0px ; }
div.ContextualPopup .Content { padding: 10px; border: 0px solid #FFFFF3; margin: 4px; background:#FFFFFD; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #cccccc !important; }
div.ContextualPopup .Relation { font-variant:small-caps; font-size:12px; color: #919F6D;}

/*---------------------------------------------------
all memories die out // by milou_veronica
flexible squares layout (basic, plus and paid) 
-----------------------------------------------------*/

.headerimage {	
	position: relative;
	background: url(http://XXX);
	width: XXXpx;
	height: XXXpx;
	background-repeat: no-repeat; background-position: 50% 50%;
	padding: 0px 110px 5px 10px;
	margin-left: auto;
	margin-right: auto }

body	{ background: url(http://XXX); background-color: #EFEBE0; text-align: center; color: #888888; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0px;}

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

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

b, u { color: #555555;}
i, s { color: #999999;}
p, td {font-size: 11px;}

blockquote { background-color:#ffffff; padding:5px;  border: 1px #cccccc solid;  color:#9a9a9a;  font-family: Arial, Tahoma, "Verdana", sans-serif;}

code { background-color: #fafafa; display:block;  color: #666666;  padding:5px;  border:1px dashed #cccccc;   font-size: 12px; font-family: Arial, Tahoma, "Verdana", sans-serif;}

#maincontent { background-color:#ffffff;border-top: #77B3BF solid 0px; margin: 0px;  text-align: justify; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;color: #888888;border-left: 0px; padding-left: 10px; padding-right: 10px;}

#sidebar { min-height:120px; border-bottom: 10px solid #EFEBE0; padding-top: 15px; margin: 0px 0px 10px 0px; padding-left: 25px; background-color: #DFDBD1; font-size: 11px; text-transform: lowercase;font-family: Arial, Tahoma, "Verdana", sans-serif; color: #888888; width: auto; float: center; text-align: left;}

/*------------------------------------------------------------
 Header 
-------------------------------------------------------------*/
#header {font-family: Trebuchet MS, Arial, Tahoma, "Verdana", sans-serif; width: 100%; background-color: #EFEBE0; padding: 10px 0px 0px 0px; margin: 0px; text-align: right; font-size: 12px; font-weight: normal; border-bottom: #77B3BF solid 0px; text-transform: lowercase;color: #77B3BF;}

ul.navheader{ padding: 5px 5px 5px 10px; margin: 0px; }

ul.navheader li  {display: inline;}

div#header a, div#header a:link, div#header a:visited {  color: #819A9F;margin-left: 6px; margin-right: 6px; padding: 5px 5px 5px 5px;}

div#header a:hover {color: #AFAB83; text-decoration: none;margin-left: 6px; margin-right: 6px; padding: 5px 5px 5px 5px; }

div#header li.view { margin-left: 6px; margin-right: 6px; padding: 5px 5px 5px 5px; background-color: #DFDBD1; }

div#footer a, div#footer a:link, div#footer a:visited { color: #819A9F;}
 div#footer a:hover { color: #AFAB83; }
div#footer li.viewing { display:none; }
/*-----------------------------------------------------------
TITLE AND SUBTITLE : to show, remove the display: none; from both parts of the code
-------------------------------------------------------------*/
.title	{  display:none; background-color: #DFDBD1; text-transform: lowercase; font-size: 18px; color: #77B3BF; text-align: left;  padding-top: 5px; padding-left: 10px;}

.subtitle{ display:none; background-color: #DFDBD1; text-transform: lowercase font-size: 12px; color: #77B3BF; text-align: left;  padding-left: 10px; border-bottom: #EFEBE0 solid 0px;}

/*------------------------------------------------------------
ENTRIES 
--------------------------------------------------------*/
.subcontent {background-color:#ffffff;}

.date { text-transform: uppercase; color: #dddddd; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; padding-left: 10px;}

.subject { letter-spacing: -1px; padding: 0px 10px 10px 20px; background-color: transparent ; color: #77B3BF; text-transform: uppercase; font-size: 12px;}

.subject a, .subject a:link, .subject a:visited { color: #666666; text-decoration: bold;}

.subject a:hover { color: #BFBFBF; text-decoration: none;}

.datesubject { padding-top: 10px; border-bottom: 0px solid #ececec;}

.entry	{ margin: 0px 10px 50px 20px; padding: 0px; color: #888888; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;  text-align: justify;  line-height: 150%; border-width: 0px;}

.entry_text { padding-top:10px; border: 0px; bottom: 0px;}

.userpic { position: relative; float: left; border: 1px #dddddd dashed;
	background-color: #C3DADF !important; padding: 12px; margin: 10px; z-index: 15;}

.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 5px; margin: 5px; text-align: center; border-width: 0px; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; z-index: 15;}

.userpicfriends img { border: 1px #cccccc dashed; background-color: #C3DADF !important; padding: 12px;}

.userpicfriends a font {color: #aaaaaa;}
.entry ul li {padding-left: 5px;margin-left: 15px;}

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

.comments {font-size: 11px; text-align: right; padding: 0px 5px 0px 5px; position: relative; top: 15px; text-transform: uppercase;}

div.comments a, div.comments a:link, div.comments a:visited{ color: #666666; text-decoration: none;}

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

.separator{height: 35px;}

/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>>  tag stuff and currents
------------------------------------------------------------------------*/
.currents, {margin-top:0px; padding-top:0px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif;}

div.ljtags {font-weight: bold;}
div.ljtags a {font-weight: normal;}

.currents  {	padding: 5px 18px 5px 0px;  width: 300px; background-color: #E0ECEF; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}

.currentlocation {text-transform: lowercase; padding: 5px 0px 5px 18px; font-size: 7pt;color: #646464; background: url('http://i34.tinypic.com/zjce8m.jpg')  no-repeat;background-position: center left;}

.currentmood {text-transform: lowercase;  padding: 5px 0px 5px 18px;  font-size: 7pt; color: #646464; background: url('http://i33.tinypic.com/5e7myw.png')  no-repeat; background-position: center left;}

.currentmusic {text-transform: lowercase;  padding: 5px 0px 5px 18px;  font-size: 7pt; color: #646464; background: url('http://i33.tinypic.com/jql2et.jpg')  no-repeat; background-position: center left;}
		
.ljtags { width: 300px; top: 30px;  border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin: 0px;  position: relative; padding: 5px 0px 5px 18px;  text-transform: lowercase; font-size: 7pt; color: #646464; background: url('http://i33.tinypic.com/mwfvxu.png') #E0ECEF 2px 4px no-repeat;}

h2 {color: #FF7575; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 16px; font-weight: normal; font-style: italic; letter-spacing: -1px; margin-left:20px; }

.ljtaglist { margin: 0px 0px 0px 35px; background-color: #ffffff; padding: 5px; color:#888888; font-size:10px; list-style:none; border:0px ;}

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

.userpiccomment { position: relative; padding: 8px; border-top: 2px solid #dddddd; border-left: 1px solid #dddddd; background-color: #eeeeee; top: -30px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15;float: left;}

.reply	{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; line-height: 125%; color: #888888;}

.replytosubject {font-weight: bold;}

.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Arial, Tahoma, "Verdana", sans-serif; color: #888888;}

.commentbox { border: 0px; padding: 10px; margin: 10px; background-color: #ffffff;}

.commentbox:hover, .commentboxpartial:hover {border-color: #f3f3f3;}

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

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

.commentboxpartial { border-color: #888888; border-width: 0px; border-style: solid; padding: 10px; margin: 10px; background-color: #ffffff;}

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

.skiplinks {text-align: center;}

/*------------------------------------------------------------
  SIDEBAR  -------------------------------------------------------------------------------------->>>>>  general
-------------------------------------------------------------------------------*/
	  li.sbartitle{ display:none; } #sidebar_calendar { display:none; }
	 .clearfoot, .currents strong, { display:none; }
.defaultuserpic {float:right; margin-top: 0px; margin-right:10px;}
.defaultuserpic img {padding:3px; border: 1px solid #C2CDCF;}
	.sbarheader { padding: 0px 5px 0px 5px; }
	.sbarbody { margin-top: 0px; padding: 0px 5px 0px 5px;}
	.sbarbody2 {padding: 0px 15px 8px 15px; text-align: justify; }
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #666666; }
	div#sidebar a:hover {  color: #AFAFAF; text-decoration: none; }
	ul.sbarlist { padding: 10px 0px 0px 0px; margin: 0; list-style-type: none; display:inline;}
	.sbarlist { padding: 10px 0px 0px 0px; margin: 0px; }	
	li.sbaritem {  padding: 2px 4px 2px 10px;  color: #666666;  display: inline;}
	 #sidebar_summary li.sbaritem {display: none;}
	#sidebar_tags li.sbaritem{display: none;}

/*----------------------------------------------------
FOOTER -------------------------------------------------------------------------------------->>>>>  general
----------------------------------------------------------------*/
#footer { width: auto; padding: 5px; text-align: right; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; background-color:#ffffff; color: #888888; border-width: 0px; z-index: 100; clear: both;}

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

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

.clearfoot {clear: both;}

ul.year li {display: inline;}

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

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

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

td.yearmonth {border-style: none;}

.clear { height: 15px;}

/*--------------------------------------------
MINI ICONS by famfamfam
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i38.tinypic.com/35lyukn.jpg); background-position: center left; }

.ljuser img {  width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i35.tinypic.com/111hvyr.png);  padding:  16px 16px 0 2px !important; background-position: center left;}

.ljuser img[src*="userinfo.gif"] {background-color:transparent; background-image: url(http://i35.tinypic.com/111hvyr.png);  padding: 16px 16px 0 2px !important; background-position: center left; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i33.tinypic.com/qslbtd.png);  padding:  16px 16px 0 2px !important; background-position: center left; }

img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/14bulvs.jpg); }

/*--------------------------------------------
contexual pop-up 
-----------------------------------------*/
div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { background: #FFFFFF !important; color: #888888 !important; border: 0px; padding: 10px; width: 250px; }
div.ContextualPopup .Userpic { padding: 3px; margin: 0px; background:#ffffff; border: 1px dashed #eeeeee; }
div.ContextualPopup .Content { padding: 0px; border: 0px; margin: 4px; background:#ffffff; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #cccccc !important; }
div.ContextualPopup .Relation { font-variant:small-caps; font-size:12px; color: #77B3BF;}

installation
>> Choose Journal Style
>> Select a Flexible Squares layout in "Select a New Theme"
>> In Choose a Page Setup select either 2 Column (sidebar on right) or 2 Column (sidebar on left).For plus accounts, select horizontal placement or between entries as your add setting.
>>Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #ffffff.
>> Then go to the "Sidebar " section. If you want your userpic to show up, make sure it's enabled.
>>Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
>> Paste code into the Custom Stylesheet box.

credit:
>> tiny icons by famfamfam
>> stylesheet

milou_veronica

notes:
>> Only the second and forth layouts have titles and subtitles coded in.
>> To add a header. The code for this is right at the top: put your url in between the brackets and the width and height in their repective sections.
>> Need help? First check out the F.A.Q.

Page 1 of 5
<<	[1] [2] [3] [4] [5]	>>

(134 comments) - (Post a new comment)

	moonshinefaerie 2008-07-23 06:30 am UTC (link)
	Wow. I am always so amazed by your layouts. (Reply to this) (Thread)

	milou_veronica 2008-07-23 06:33 am UTC (link)
	eh heh heh. Thank-you! (Reply to this) (Parent)

	sophierochelle 2008-07-23 07:47 am UTC (link)
	YAAY NEW LAYOUTS! I love these, espeically the little icons you have used! Using the first layout with credit :] (Reply to this) (Thread)

	milou_veronica 2008-07-23 09:06 am UTC (link)
	Thank-you! I love famfamfam icons. the best free icon set out there. (Reply to this) (Parent)

	sanctified_x 2008-07-23 08:17 am UTC (link)
	I love layout 2 with a passion! But i'm wondering how we can move the icons more to the right so that they do not hang off. (Reply to this) (Thread)

	milou_veronica 2008-07-23 09:13 am UTC (link)
	Well, it's more that I've moved everything else to the right than the icons to left, but if you want to undo all that hard work, you can change the margin on .userpic { and to margin: 10px 10px 10px 110px;. (Reply to this) (Parent)(Thread)

(no subject) -

sanctified_x, 2008-07-23 09:15 am UTC

(no subject) -

milou_veronica, 2008-07-23 09:36 am UTC

	celestica 2008-07-23 11:38 am UTC (link)
	_ Wow. You speechless me. Meming! &hearts! Will use your layouts very sooonn :33 (Reply to this) (Thread)

	milou_veronica 2008-07-24 12:31 am UTC (link)
	Thank-you! (Reply to this) (Parent)

	x_xemmaammex_x 2008-07-23 01:39 pm UTC (link)
	Ah I love these. Using layout 4 (with credit of course)... it's gorgeous so thank you so much for creating these! :D (Reply to this) (Thread)

	milou_veronica 2008-07-24 12:32 am UTC (link)
	Thank-you! Glad you liked them. (Reply to this) (Parent)

	collies 2008-07-23 01:45 pm UTC (link)
	these are beautiful. memming. ♥ (Reply to this)

	karrupin 2008-07-23 02:01 pm UTC (link)
	your layout is awesome like always :D I'm using layout #4 with credits of course^_^ (Reply to this)

	thestraychild 2008-07-23 02:08 pm UTC (link)
	Wow. Awesomeness. (Reply to this)

	kiwi_nana 2008-07-23 02:13 pm UTC (link)
	Using #2 with credits~ (In the profile and the link list) Thank you~ (Reply to this)

	xfrequencyx 2008-07-23 02:17 pm UTC (link)
	very impressive :). i don't know which to pick! (Reply to this)

	adventures 2008-07-23 02:19 pm UTC (link)
	These are all amazing! I think I'm going to snag the second one. Will credit! (Reply to this)

	citren_acidz 2008-07-23 02:33 pm UTC (link)
	Oh my god, I just changed my layout a few days ago and now you're tempting me to change it again. ;_; These are beautiful, I will definitely use one of them for my next layout. ♥ adding to mem, keep up the wonderful work~ (Reply to this)

	gia1986 2008-07-23 02:45 pm UTC (link)
	amazing layouts! meming, will use the second one really soon. (Reply to this)

	ichiruki05 2008-07-23 02:48 pm UTC (link)
	Wow I'm speechless ~ Really i just changed my layout so I'm not gonna use it now... but adding it to memories will use in the future and credit XDDD (Reply to this) (Thread)

	ichiruki05 2008-07-23 02:49 pm UTC (link)
	Or i can even use after a few days lolz XDD cuz love it way too much ^^ (Reply to this) (Parent)

	chiq68 2008-07-23 03:56 pm UTC (link)
	Using and will credit! Thank youuu! <3 (Reply to this)

	mychalian 2008-07-23 04:59 pm UTC (link)
	These are beautiful. (Reply to this)

	strawbeerry 2008-07-23 06:37 pm UTC (link)
	I love your layouts!! Using this, thanks! <3 (Reply to this)

	michelita1713 2008-07-23 06:48 pm UTC (link)
	Beautiful designs, I love the 4 of them! (Reply to this)

	mundodeamor 2008-07-23 07:06 pm UTC (link)
	love these! using the 2nd one with some minor changes :) (Reply to this)

	fakelunacy 2008-07-23 07:52 pm UTC (link)
	Saving to memories! :3 (Reply to this) (Thread)

	fakelunacy 2008-07-23 07:54 pm UTC (link)
	Oh yeah, I'm using the fourth one, but the box where you have text is empty. Where do I put the text in the html? ^^; (Reply to this) (Parent)(Thread)

(no subject) -

milou_veronica, 2008-07-24 12:35 am UTC

(no subject) -

fakelunacy, 2008-07-24 04:44 am UTC

	onedollarkid 2008-07-23 07:54 pm UTC (link)
	I love them. Adding to mems for future use. (Reply to this)

	mocha_menagerie 2008-07-24 06:43 am UTC (link)
	these layouts are amazing! thank you:D (Reply to this)

	hsmlove_x 2008-07-24 06:48 am UTC (link)
	i loveeee your layouts! mem'd :) (Reply to this)

	morgentau 2008-07-24 09:44 am UTC (link)
	Wow! Veery nice. Using it on icon_whisper. Thanks for sharing! (Reply to this)

	xenachan 2008-07-24 11:07 am UTC (link)
	Their GORGEOUS !!! :3 Meming for later, thank you ♥ (Reply to this)

(134 comments) - (Post a new comment)

Page 1 of 5
<<	[1] [2] [3] [4] [5]	>>

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

Store

LJ Labs