/* Cleaned CSS: */

/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with pink)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer

------------------------------------------------*/

/* ------ MAIN ------ */

body 
        {
	background-color: #151515;
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin-top: 20px;
	}

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

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

::-moz-selection 
        {
	background-color: #CE3676;
	color: #DDDDDD;
	}

p, td 
        { 
        font-size: 11px; 
        } 
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 50px;
	padding: 10px;
	border: 1px solid #888888;
	background: #555555;
	}

ul.ljtaglist 
        {
	text-align: left;
	padding-left: 20px;
        }

input, textarea {
	border: 1px solid #888888;
	background: #333333;
	color: #FFFFFF;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        {  	
	width: 850px;
	margin-left: auto; 
        margin-right: auto;  
	text-align: justify;
        }

#maincontent 
        {
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	margin-left: 200px;
	text-align: center;
        padding: 10px 0px 0px 5px;
	}

#sidebar 
        {
        background-color: #333333;
        padding: 10px 5px 0px 5px;
        margin: 10px 0px 0px 8px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	width: 170px;
	float: left;
	text-align: left;
	}

#header {
        width: 100%;
        background-color: #555555;
        padding: 4px;
        margin-bottom: 10px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #DDDDDD;
	clear: both;
        letter-spacing: 1px;
	}

#footer 
        {			
	width: 100%;
        background-color: #555555;
        padding: 8px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #DDDDDD;
	z-index: 100;
	clear: both;
        letter-spacing: 1px;
	}
	
/* ------ HEADER ------ */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #DDDDDD;
        background-color: #CE3676;
        padding: 8px;
	text-decoration: none;
        }

div#header a:hover, div#footer a:hover 
        {
	color: #CE3676;
        background-color: #151515;
        padding: 8px;
	text-decoration: none;
        }	

ul.navheader 
	{	
        padding: 6px;
	line-height: 10px;
	}

ul.navheader li  
        {
	display: inline;
        padding: 0px;
	margin: 0 5px 0 5px;
	}
	
.title
        {
        display: none;
	}

.subtitle 
        {
        display: none;
	}

/* ------ SIDEBAR ------ */ 	


#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
        {
        color: #CE3676;
	padding: 0px;
	text-align: center;
	}

#sidebar .sbarcalendarposts a:hover 
        {
        color: #CE3676;
	padding: 0px;
	text-align: center;
	}
		
div#sidebar a, div#sidebar a:link, div#sidebar a:visited 
        {
	color: #DDDDDD;
	text-decoration: none;
	}

div#sidebar a:hover 
        {
	color: #CE3676;
	text-decoration: none;
	}

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

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

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

.sbarbody2 {
	padding: 0 5px 0 5px;
	}
		
table.calendar 
        {
	margin-right: auto;
	margin-left: auto;
	}
	
.sbarcalendar 
        {
	padding: 2px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
        border: 1px solid #CE3676;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	}
	
ul.sbarlist 
        {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

li.sbaritem 
        {
	padding: 5px 0px 5px 5px;
        margin: 0px 0px 5px 0px;
	list-style: none;
        text-transform: lowercase;
        border-left: 5px #DDDDDD solid;
        border-bottom: 1px #DDDDDD solid;
        }

li.sbaritem a {
	list-style: none;
        text-transform: lowercase;
	}

li.sbaritem a:hover 
        {
        }

li.sbartitle  
        {
        background-color: #555555;
	padding: 5px;
	margin: 10px 0 10px 0;
	list-style: none;
	text-align: left;
	color: #000000;
        text-transform: uppercase;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	}


/* ------ MAINCONTENT ------ */	

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

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #000000;
	font-weight: lighter;
	}

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

ul.ljtaglist 
        {
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	padding-left: 12px;
	padding: 8px;
	}

.subcontent 
        {
        background-color: #333333;
        }
	
.entry	
        {
	padding: 10px 20px 10px 20px;
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: justify;
	}
	
hr 
        {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #DDDDDD;
	}

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

.userpic 
        {
	background-color: #CE3676;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	}
	
.userpicfriends 
        {
	background-color: #CE3676;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;
	}
	
.date 
        {
	padding: 3px;
	text-align: right;
        color: #BBBBBB;
	top: 5px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

.subject 
        {
        padding: 3px 3px 3px 8px;
        background-color: #555555;
	color: #000000;
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
        font-weight: bold;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #CE3676;
	}

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

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

.ljtags 
        {
	margin-top: 20px;
	color: #999999;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}
	
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong 
        {
	color: #999999;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #BBBBBB;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited 
        {
	color: #CE3676;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #CE3676;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #000000;
	font-weight: lighter;
	text-transform: none;
	font-family: "Tahoma", sans-serif;
	}

.comments 
        {
        border-top: 1px #999999 dashed;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 5px 0px 5px;
	position: relative;
	clear: right;
	margin-top: 15px;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #DDDDDD;
        }

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


/* ------MAINCONTENT --  ENTRY, REPLY PAGES ------ */	

.datesubjectcomment 
        {
        background-color: #555555;
	margin-top: 10px;
	text-align: right;
	padding: 5px;
	}	
	
.userpiccomment 
        {
        background-color: #CE3676;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	}
	
.box 
        {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear: right;
	}

form div.box 
        {
	text-align:center;
        }

div#content input, div#content textarea, div#content select 
        {
	color: #DDDDDD;
        background-color: #555555;
        border: #000000 1px solid;
	}
	
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: 10px;
	line-height: 125%;
	color: #DDDDDD;
	}
	
.replytosubject 
        {
	color: #000000;
        bakcground-solor: #555555;
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
	font-weight: bold;
        padding: 5px 5px 5px 0px;
	}

.replytoposter 
        {
	color: #DDDDDD;
        padding: 5px;
        }

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #CE3676;
	}
	
.datesubjectcomment a:hover 
        {
	color: #000000;
	}

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

.commentinfo 
        {
	margin-top: 10px; 
	width: 100%;
	}
		
	
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
	
ul.year 
        {
	text-align: center;
	padding: 20px 0 20px 0;
	}

ul.year li 
        {
	display: inline;		
	}

table.yeartable 
        {
	margin-left: auto;
	margin-right: auto;
        background-color: #333333;
	}

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

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

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

	
/* ------ FOOTER ------ */
	
ul.navfooter
        {
	padding: 6px;	
	margin: 0px;
	}

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

.clearfoot 
        {		
	clear: both;
	}
	
	
/* ------ MISC ------ */
			
.clear 
        {
	height: 5px;
        font-size: 0.01px;
	}
	
.skiplinks 
        {
	text-transform: lowercase;
	text-align: center;
	padding: 10px 0 10px 0;
	}
	
.headerimage 
         {
         }


.separator 
         {
         height: 10px;
         }

