theworkshop | Entries tagged with graphics

Layout Style: S2 Flexible Squares
Features: Header Image, Custom Header Location, Custom Sidebar, No Userpics for posts, Friends Page/Community Userpics
Layout Width: Responsive

[ PREVIEW ] [ LIVE PREVIEW ] credit

layoutlounge
All special fonts have been embedded into the layout from Google Fonts.

( Read more... )

sireesanwar.livejournal.com

This journal is a testing site for

layout_lounge designs.

I do testing here so that those I help out can see the changes and see what designs I've made for them. This is also where I piece together layouts I'm working on, post coding for specific people who need coding help, and have testing tags to see how things will look.

You are more than welcome to look around and to see what is going on...

If you are looking for a layout head over to

layout_lounge to see what I've made and to find tutorials on how to make LJ work for you. If you are looking for headers, banners or icons go to

graffitigraphic which is where I store my LJ art work.

Mood: working
Location: This side of the sun
Music: Welcome to My Life

sireesanwar.livejournal.com

I changed up the userpic img coding to reflect the rounded images which you can see here at the Workshop.

Also you'll notice above your header fills the area. The coding below won't do this but if you got to the headerimage section at the bottom of the coding and change the background-size from contain to cover it will look like above.

Since your image is already 900px a little resize won't hurt. It would look really strange if your image were 600px originally. This is up to you. If you don't change it you'll just dee more white space to the left and right of the image.

/*--------------------------------
S2 Flexible Squares - 90. Oxygen
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F6F6F6;
 background-image: url(http://i.imgur.com/iIQMCCg.png);
 background-repeat: repeat, repeat;
 background-attachment: fixed, fixed;
background-position: left top, left top;
 color: #888888;
 font-family: "lucida grande", "lucida sans", trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

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

blockquote {
 width: 70%;
 background: #444444;
 margin-left: auto;
 margin-right: auto;
 padding: 10px; 
 color: #ffffff;
 font-size: 13px;
 line-height: 16px;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #ffffff !important; }

img.special, i img { border: 10px solid #f5f5f5; }

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

.b-repost-item { display:none }

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

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

#maincontent {
 font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 margin-left: 285px;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 width: 710px; 
 margin-top: 0px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 1000px;
 height: 30px;
 text-align: left;
 color: #282828;
 padding: 0px;
 margin-bottom: 5px;
 margin-right: 10px;
font-family: "Abel", georgia, arial;
  font-size: 16px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
z-index: 199;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px 5px 5px 5px;
 margin: 0px 2px 0px 0px;
 letter-spacing: 1px;
 color: #0da4d3;
 text-align: left;
 border:0px solid #E0E0E0;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
}

div#header li.view { 
 padding: 5px 10px 5px 15px;
 margin: 0px 5px;
 color: #cccccc;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
 }

div#header a:hover { 
 color: #000000;
 -webkit-box-shadow: #f6f6f6 0 0 10px inset;
 -moz-box-shadow: #f6f6f6 0 0 10px inset;
 -ms-box-shadow: #f6f6f6 0 0 10px inset;
 -o-box-shadow: #f6f6f6 0 0 10px inset;
 box-shadow: #f6f6f6 0 0 10px inset;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0 15px 0px;
 padding: 0;
 }

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

/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

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

ul.navfooter a {
}

ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.3);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

div#footer a, div#footer a:link {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

div#footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*-------------Sidebar--------------*/
#sidebar {
 background-color: #ffffff;
 padding: 10px; 
 font-family: "Abel", arial, georgia;
 font-size: 14px;
 color: #000000;
 width: 260px;
 float: left;
 text-align: right;
 text-transform: normal;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px; 
margin: 0px 0px 0 10px; 
 font-family: "Abel", arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: left;
 }

.sbarbody {
margin:0;
padding: 5px;
padding-bottom: 5px; 
}

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

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: "Abel", arial, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-right: 0px;
padding: 0px;
text-align: left; }

li.sbaritem a:hover {
color:#ffffff;  }

li.sbartitle {
background-color: rgba(255, 255, 255, 0.5); 
 list-style: none;
 color: #aaaaaa; 
text-align: left;
letter-spacing: 2px;
 font-family: "Abel", trebuchet ms, arial, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 margin: 5px -12px 0px 8px;
 }

#sidebar_linklist  {
list-style-type:none;
padding: 5px;
text-align: left !important;
text-transform: uppercase; }

#sidebar_linklist li.sbaritem a {
background-color: #111111; 
border-bottom: 1px solid #1d1d1d;
color: #eeeeee;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -2px 0px;
text-align: left;
}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color: #000000;
text-align: left;
}

td.sbarcalendar {background-color: transparent !important;
padding: 5px;}

td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #000000;
 padding: 5px;
 text-transform: normal;
 margin: 5px 0px 5px 0px;
 text-align: left;
 font-size: 12px;
 border-bottom: 1px solid #dedede!important;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #91C3D0;
 }

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

#sidebar_tags .sbarcontent { height: 500px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px; padding: 5px; }

li.tagBox a { 
background-color: #111111; 
background: url("http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/greyarrow.gif") no-repeat scroll left center #111111;
border-bottom: 1px solid #1d1d1d;
color: #eeeeee;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 5px 1px 5px 12px;
margin: 0px 0px -2px 0px;
text-align: left;
}

li.tagBox a:hover { 
color:#FFFFFF; 
background-color: #000000;
text-align: left;
 }

#sidebar_tags li.sbaritem a { 
background-color: #111111; 
background: url("http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/greyarrow.gif") no-repeat scroll left center #111111;
border-bottom: 1px solid #1d1d1d;
color: #eeeeee;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 5px 1px 5px 9px;
margin: 0px 0px -2px 0px;
text-align: left;
}

#sidebar_tags li.sbaritem a:hover { color:#FFFFFF; 
background-color: #000000;
text-align: left;
 }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 7px;
background-color: #ffffff !important;
border: 1px solid #cccccc;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
}

.defaultuserpic img {
 -webkit-border-radius: 5px 50px 5px 50px;
 -moz-border-radius: 5px 50px 5px 50px;
 -ms-border-radius: 5px 50px 5px 50px;
 -o-border-radius: 5px 50px 5px 50px;
 border-radius: 5px 50px 5px 50px;
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 30px 30px;
 margin: 0px;
 color: #444444;
 font-family: "arial";
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

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

.userpic, .userpicfriends {
 position: relative;
background-color: #ffffff !important;
 border: 0px solid #eeeeee;
 float: right;
padding: 10px 10px 15px 10px; 
margin: 0px -5px 20px 5px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 5px 50px 5px 50px;
 -moz-border-radius: 5px 50px 5px 50px;
 -ms-border-radius: 5px 50px 5px 50px;
 -o-border-radius: 5px 50px 5px 50px;
 border-radius: 5px 50px 5px 50px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: 'TuffyRegular', sans-serif;
 font-size: 11px;
 text-align: center;
 color: #FF5DDD;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 80px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 12px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #0da4d3;
font-family: "Abel", open sans condensed, georgia, arial;
 font-size: 28px;
 font-weight: normal; 
 text-align: left;
 text-transform: uppercase;
 border-bottom: 1px solid #dedede;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #0da4d3;}

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

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

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

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

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: "Abel", arial, sans-serif;
 padding: 10px;
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; }

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; }

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

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
color: #eeeeee;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px;
margin-top: 8px; 
position: relative;
text-align:center;
width:auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
background-color: #111111;
color:#eeeeee;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 10px;
margin:0;
text-align: center; }

div.comments a:hover {
background-color: #000000;
color:#ffffff;
}

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

.reply {
 position: relative;
 font-family: "trebuchet ms", arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: "trebuchet ms", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: "arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 background-color: #f6f6f6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

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

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

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

ul.year li {display: inline;}

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

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

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

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

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

ul.ljtaglist {
 color: #888888;
 font-family: "Abel", arial, trebuchet ms, sans-serif;
 font-size: 16px;
 text-transform: uppercase;
 padding: 8px 8px 8px 50px;
 background-color: #ffffff;
 border: 0px solid #dedede;
 }

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

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

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

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

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_summer.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: 'Grand Hotel';
  font-style: normal;
  font-weight: 400;
  src: local('Grand Hotel'), local('GrandHotel-Regular'), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format('woff');
}

@font-face {
  font-family: 'IM Fell DW Pica SC';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL DW Pica SC'), local('IM_FELL_DW_Pica_SC'), url(http://themes.googleusercontent.com/static/fonts/imfelldwpicasc/v4/xBKKJV4z2KsrtQnmjGO17ORrWueMUZPacwWUa4j7Ahg.woff) format('woff');
}

@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel'), local('Abel-Regular'), url(http://themes.googleusercontent.com/static/fonts/abel/v4/EAqh528fFdbUek8UOky4sA.woff) format('woff');
}

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

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

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

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 960px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border: 20px solid #ffffff;
 background-color: #ffffff;
 background-image: url(http://i.imgur.com/8O9x7UV.png);
 background-repeat: no-repeat;
 background-position: center top;
 background-size: contain;
z-index: -10;
}

.separator { height: 0px; }

sireesanwar.livejournal.com

If you are happy with this look here is the coding and some background options....

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

a, a:link, a:visited { color: #8F4F83; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background-color: #FFFFFF;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 border: 3px dashed #9D809F; 
 color: #000000;
 font-size: 15px;
 line-height: 16px;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
 }

img.special { background-color: transparent !important; padding: 3px; border: 1px solid #BBBBBB; }

i img { background-color: transparent !important; padding: 3px; border: 1px solid #BBBBBB; }

b, strong { color: #0F609C; }
i, em { color: #e64a6b; }
u { color: #676767; }
s, strike { color: #934545; }

.b-repost-item { display:none }

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

/*--------------General------------*/
#content {  	
 background-color: #ffffff;
 width: 990px;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 border-width: 0 5px 3px 5px;
 border-style: solid;
 border-color: #ededed !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 }

#maincontent {
 background-color: #ffffff;
 width: 735px;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 min-height: 200px;
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {		
 position: inherit;
 width: 990px;
 height: 40px;
 text-align: center;
 color: #282828;
 padding: 15px 0px 14px 0px;
 margin-top: -7px;
font-family: open sans condensed, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 12px 15px 12px 15px;
 margin: 0px -7px 0px -7px;
 letter-spacing: 1px;
 color: #FFFFFF;
 background-color: #000000;
 text-align: left;
 border:0px solid #E0E0E0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
}

div#header li.view { 
 padding: 12px 15px 22px 15px;
 margin: 0px -7px 0px -7px;
 color: #ffffff;
 background-color: #674867;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
 }

div#header a:hover { 
 padding: 12px 15px 32px 15px;
 margin: 0px -7px 0px -7px;
 color: #ffffff;
 background-color: #674867;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-khtml-transition: all 0.5s ease-out;
-moz-border-radius:0 0px 5px 5px;
-webkit-border-radius:0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-khtml-border-radius: 0 0px 5px 5px;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

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

/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

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

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#702D62!important; }

div#footer a, div#footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

div#footer a:hover {
color:#FFFFFF;
background-color: #000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #9D809F;
letter-spacing: 3px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*--------------- sidebar ---------------*/

#sidebar {
width: 260px;
background-color: rgba(255, 255, 255, 0.5) !important;
color: #999999;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
float: right;
text-transform: lowercase;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 border-width: 2px 0 2px 0px;
 border-style: dotted;
 border-color: #ECE9E6;
right: 5px;
}

.sbarbody2 { 
padding: 5px; 
background-color: #F3F3F3; 
margin-top: 0px; 
margin: 0 5px 0 5px; 
line-height: 12px; 
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 border: 5px solid #E0E0E0; }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

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

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: center;
}

li.sbaritem a {
color: #9D809F;
display: inline;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: right; }

li.sbaritem a:hover {
color:#444444;  }

li.sbartitle {
 list-style: none;
 color:#000000; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 2px;
 font-family: "Capture it 2", trebuchet ms, arial, sans-serif;
 font-size: 18px;
 text-transform: lowercase;
 margin: 1px 5px 1px 5px;

}

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
color: #9D809F;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: center;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

td.sbarcalendar {background-color:#F3F2EE;
padding: 3px;}

td.sbarcalendarposts {background-color:transparent;
padding: 3px;}

table.calendar {padding-top: 5px;}

#sidebar_summary, #sidebar_calendar, h2 { display:none!important; }

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

#sidebar_tags .sbarcontent a { color: #9D809F; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

#sidebar_tags .sbarcontent a:hover { color: #ffffff; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

/*-----------Entries-----------*/
.entry	{
 padding: 10px 20px 10px 20px;
 margin-bottom: 10px;
 color: #767676;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 13px;
 text-align: left;
 }
	
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

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

.userpic {
 position: relative;
background-color: rgba(255, 255, 255, 0.6) !important;
 border: 1px solid #dddddd;
 float: left;
padding: 10px; 
margin-left:-130px; margin-top:-11px;
 text-align: center;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 11px;
 z-index: 15;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;
 }

.userpic a { color: #000000 !important; }
.userpic a:hover { color: #E82416 !important; }

.userpicfriends {
 position: relative;
background-color: rgba(255, 255, 255, 0.6) !important;
 border: 1px solid #dddddd;
 float: left;
padding: 10px; 
margin-left:-130px; margin-top:-11px;
 text-align: center;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 11px;
 z-index: 15;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;
 }

.userpicfriends a font {color: #000000;}
.userpicfriends a font:hover {color: #8F4F83;  text-shadow: 2px 2px 6px #bbbbbb; }
.date  {
 margin: 10px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #EAEAE9;
 font-family: "trebuchet ms", arial, sans-serif;
 font-size: 25px;
 text-transform: uppercase;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: -15px 10px 0px 10px;
 color: #0CA0AA;
font-family: "Lobster 1.4", open sans condensed, georgia, arial;
 font-size: 24px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
 }
	
.subject a, .subject a:link, .subject a:visited {color: #0CA0AA;}

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

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

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

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

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: "trebuchet ms", arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: #FFFFFF;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}

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

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -20px;
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin:0;
padding:4px 6px;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#ffffff;
background-color: #000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #9D809F;
letter-spacing: 3px;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

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

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply	{
 position: relative;
 font-family: "trebuchet ms", arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "arial";
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
		
.replytosubject {
 font-weight: none;
 }
		
.commentreply {
 font-family: "trebuchet ms", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: "arial;
 color: #000000;
 }
		
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 position: relative;
 background-color: rgba(100, 100, 100, 0.3) !important;
 top: -30px;
 left: 0px;
 padding: 10px;
 margin: 10px 10px -20px 10px;
 z-index: 15;
 float: left;
-moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
 }
		
.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
		
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
	
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

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

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

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

ul.year li {display: inline;}

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

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

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

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

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

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

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

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

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

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

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/hellokittyflower.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/hellokittyflower.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/hellokittyflowers.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

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

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

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

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.w-cs .ljuser A:link, .w-cs .ljuser A:visited, .w-cs .ljuser A:active, .w-cs .ljuser A:link B, .w-cs .ljuser A:visited B, .w-cs .ljuser A:active B {
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: none;
 color: #0CA0AA;
}

.w-cs .ljuser A:hover, .w-cs .ljuser A:hover B {
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: none;
 color: #ffffff;
}

.headerimage {
 position: relative;
 width: 1000px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
-moz-border-radius: 0 0px 20px 20px;
-webkit-border-radius: 0 0px 20px 20px;
border-radius: 0 0px 20px 20px;
-khtml-border-radius: 0 0px 20px 20px;
 }

.separator { height: 20px; }

sireesanwar.livejournal.com

This is where you're complete coding will be once we've come out with exactly how you want it.

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

a, a:link, a:visited { color: #84A0A4; }
a:hover { color: #1da4e6; }

blockquote {
 width: 350px;
 background-color: #eeeeee;
 margin-left: 50px;
 padding: 0px 10px 10px 10px; 
 border: 1px solid #e0e0e0; 
 color: #333333;
 font-size: 11px;
 line-height: 14px;
 font-family: "verdana", arial, verdana, sans-serif;
 text-align: left;
 -moz-border-radius: 2%;
 }

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

b, strong { color: #e1276b; }
i, em { color: #1DA4E6; }
s, u { color: #777777; }

.b-repost-item { display:none }

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

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

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

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

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

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

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

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

div#header a:hover {
 padding: 10px 2px;
 color: #84A0A4;
 text-shadow: 2px 2px 6px #888888;
 }

ul.navheader {	
 padding: 10px 2px;
 background-color: transparent !important;	
 margin: 0px 2px;
 vertical-align: middle;
 }

ul.navheader li  {
 display: inline;
 padding: 10px 2px;
 background-color: transparent !important;
 margin: 0px 2px;
 vertical-align: middle;
 }
	
.title, .subtitle { display: none; }

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

#footer {			
 width: 573px;
 height: 30px;
 margin: 0px;
 text-align: center;
 font-family: Pea Alicia, verdana, arial !important;
 font-size: 12px;
 color: #ffffff;
 background-color: rgba(0, 0, 0, 0.6) ;
 z-index: 100;
 }

div#footer a {
 padding: 10px 2px;
 color: #ED577C;
 text-align: left;
 text-shadow: 2px 2px 6px #bbbbbb;
 }

div#footer a:hover {
 padding: 10px 2px;
 color: #84A0A4;
 text-shadow: 2px 2px 6px #888888;
 }

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

ul.navfooter li  { display: inline;  padding: 10px 2px;  margin: 0px; }
	
.clearfoot {	clear: both;}

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

#sidebar {
 padding: 0px 0 10px 0; 
 background-color: rgba(0, 0, 0, 0.6) ;
 margin-left: 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 color: #ffffff;
 width: 200px;
 float: right;
 text-align: left;
 text-transform: normal;
 }

#sidebar_linklist .sbarcontent { height: 100%; overflow:auto; }

#sidebar_tags .sbarcontent { height: 250px;  overflow:auto; }

#sidebar_summary .sbarcontent { height: 250px; overflow:auto; }

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

.sbarcalendarposts

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

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

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

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

.defaultuserpic {text-align: center;}

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

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

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

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

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

li.sbartitle	{
 list-style: none;
 color: #ffffff;
 font-family: "Pea Alicia", verdana, arial !important;
 font-size: 14px;
 text-transform: lowercase;
 padding: 10px 0px 5px 0px;
 margin: -11px -5px 5px -5px;
 text-align: center;
 text-shadow: 2px 2px 6px #999999;
 }

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

#sidebar_summary li.sbaritem {
 color: #999999;
 border-right: 2px solid #222222;
 border-bottom: 2px solid #222222;
 -moz-border-radius-bottomleft: .5%; 
 -moz-border-radius-bottomright: .5%;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px;
 }

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

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

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

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

.userpic {
 background-color: #eeeeee !important;
 position: relative;
 float: right;
 padding: 6px;
 margin: 10px 10px 10px 10px;
 z-index: 15;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 color: #777777 !important;
 border: 1px solid #E0E0E0;
 -moz-border-radius: 2%;
 }

.userpicfriends {
 background-color: #eeeeee !important;
 position: relative;
 float: right;
 padding: 6px;
 margin: 10px 10px 10px 10px;
 text-align: center;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 z-index: 15;
 border: 1px solid #E0E0E0;
 -moz-border-radius: 2%;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

.comments {
 font-family: "Verdana", arial;
 font-size: 10px;
 font-weight: normal;
 color: #ffffff;
 text-align: center;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 }
	
div.comments a, div.comments a:link, div.comments a:visited{
 color: #84A0A4;
 border-bottom: 1px solid #E0E0E0;
 border-right: 1px solid #E0E0E0;
 background-color: #f0f0f0;
 -moz-border-radius: 6%;
 padding: 3px 6px;
 }

div.comments a:hover { color: #1da4e6; text-decoration: none;  -moz-border-radius: 6%; }

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

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

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

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

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

.userpiccomment {
 background-color: #eeeeee !important;
 position: relative;
 top: -15px;
 left: 0px;
 padding: 6px;
 margin: 15px 0px 0px 10px;
 z-index: 15;
 float: right;
 border: 1px solid #E0E0E0;
 color: #777777;
 -moz-border-radius: 2%;
 }

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

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

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

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

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

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

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

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

ul.year li {display: inline;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
	
.headerimage {
 position: relative;
 width: 800px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(http://i56.tinypic.com/k2kz2t.jpg);
 background-position: center;         
 background-repeat: no-repeat;
 }

.separator { height: 0px; }

( Your images )

sireesanwar.livejournal.com

Layout being made for

janekrahe .

( Images behind the cut )
FYI: I have two fonts going that you might not be able to see unless you download them.
Continuum Light & barcode font which can both be downloaded from HERE.

/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #000000;
 background-image: url(http://i32.tinypic.com/w8kck0.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #333333;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 7px;
 margin: 0px 0 20px 0;
 }

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

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

blockquote {
 width: 350px;
 padding: 18px; 
 border: 1px solid #eeeeee; 
 color: #777777;
 font-size: 12px;
 line-height: 14px;
 font-family: "verdana", arial, verdana, sans-serif;
 text-align: left;
 -moz-border-radius: 2%;
 }

b, strong {color: #d48894;}
i, em {color: #d66b25;}
s, u {color: #d1a5ca;}

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

/*--------------General------------*/
#content-outer {
 width: 100%;
 margin: 0 auto; 
 padding: 15px 0px 0px 0px;
 background-color: #f9f9ff;
 background-image: url(http://i27.tinypic.com/hwlopf.jpg);
 background-position: left top;         
 background-repeat: repeat-x;
 }

#content {  	
 width: 800px;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 }

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

.subcontent {
 width: 563px;
 background-color: #f9f9ff;
 min-height: 200px;
 margin: 15px 0px 0 0;
 padding-top: 15px;
 -moz-border-radius: 4%;
 }

/*---------------Header--------------*/
#header {		
 width: 100%; 
 position: relative;
 line-height: 125%;
 color: #777777;
 padding: 0px 0px 0px 0px;
 margin-top: -20px;
 margin-bottom: 20px;
 font-family: "Continuum Light", Arial;
 font-size: 16px !important;
 text-align: center;
 letter-spacing: 1px;
 text-transform: normal;
 clear: both;
 }

div#header a, div#header a:link, div#header a:visited {
 color: #777777;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
 }

div#header a:hover {
 padding: 0px 0px 0px 0px;
 text-decoration: none;
 }

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

ul.navheader {	
 padding: 5px 0px 0px 0px;
 background-color: transparent !important;	
 margin: 0px;
 }

ul.navheader li  {
 display: inline;
 padding: 5px 0px 0px 0px;
 background-color: transparent !important;
 margin: 0 2px;
 }
	
.title, .subtitle { display: none; }

/*----------Header Colors----------*/

body.lj-view-recent div#header li.view {
 color: #777777 !Important;
 padding: 0px 0px 10px 0px;
 text-decoration: none;
 }

div#header a[href*=".livejournal.com/"] {
 color: #777777;
 border-bottom: 2px solid #777777 !Important;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
 }

div#header a:hover[href*=".livejournal.com/"]  {
 color: #777777;
 border-bottom: 2px solid #000000 !Important;
 text-decoration: none;
 }

div#header a[href*="/calendar"] {
 color: #89c1e2;
 border-bottom: 2px solid #89c1e2 !Important;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
 }

div#header a:hover[href*="/calendar"], body.lj-view-archive div#header li.view {
 color: #89c1e2;
 border-bottom: 2px solid #000000 !Important;
 text-decoration: none;
 }

div#header a[href*="/friends"] {
 color: #84a0a4;
 border-bottom: 2px solid #84a0a4 !Important;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
 }

div#header a:hover[href*="/friends"], body.lj-view-friends div#header li.view {
 color: #84a0a4;
 border-bottom: 2px solid #000000 !Important;
 text-decoration: none;
 }

div#header a[href*="/profile"] {
 color: #5c89a4;
 border-bottom: 2px solid #5c89a4 !Important;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
 }

div#header a:hover[href*="/profile"] {
 color: #5c89a4;
 border-bottom: 2px solid #000000 !Important;
 text-decoration: none;
 }

div#header a[href*="http://community.livejournal.com/layout_lounge/"] {
 color: #3c9cc6;
 border-bottom: 2px solid #3c9cc6 !Important;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
 }

div#header a:hover[href*="http://community.livejournal.com/layout_lounge/"] {
 color: #3c9cc6;
 border-bottom: 2px solid #000000 !Important;
 text-decoration: none;
 }

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

#footer {			
 width: 100%;
 margin: 0px;
 text-align: center;
 font-family: "barcode font", verdana;
 font-size: 48px;
 color: #777777;
 z-index: 100;
 }

div#footer a {
 padding: 5px;
 letter-spacing: -1px;
 color: #1da4e6;
 text-align: left;
 }

div#footer a:hover {
 padding: 5px;
 color: #84A0A4;
 background-color: transparent !important;
 }

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

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

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

#sidebar {
 padding: 5px 0 10px 0; 
 margin-left: 0px;
 margin-top: 5px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 color: #777777;
 width: 215px;
 float: left;
 text-align: left;
 text-transform: normal;
 -moz-border-radius: 8%;
 }

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

.sbarcalendarposts

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

#sidebar .sbarcalendarposts a:hover { padding: 0px; text-align: center; }
		
#sidebar_tags .sbarcontent { height: 300px; overflow:auto; }

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

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

.defaultuserpic {
 text-align: center;
 background-color: #f9f9ff;
 -moz-border-radius-topleft: 4%; 
 -moz-border-radius-topright: 4%;
 -moz-border-radius-bottomleft: 4%; 
 -moz-border-radius-bottomright: 4%; 
 padding: 10px; 
 margin: 0 0 8px 0; 
 list-style: none; 
 border: 0px solid #eeeeee;
 }

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

.sbarbody {
 background-color: #f9f9ff;
 -moz-border-radius-topleft: 4%; 
 -moz-border-radius-topright: 4%;
 -moz-border-radius-bottomleft: 4%; 
 -moz-border-radius-bottomright: 4%; 
 padding: 10px; 
 margin: 0 0 8px 0; 
 list-style: none; 
 border: 0px solid #eeeeee;
}

.sbarbody2 { 
 background-color: #f9f9ff;
 text-align: justify; 
 -moz-border-radius-topleft: 4%;
 -moz-border-radius-topright: 4%; 
 -moz-border-radius-bottomleft: 4%; 
 -moz-border-radius-bottomright: 4%; 
 padding: 20px; 
 margin: 0 0 15px 0; 
 list-style: none; 
 border: 0px solid #eeeeee;
}
		
table.calendar { margin-right: auto; 	margin-left: auto; }
	
.sbarcalendar {
 padding: 1px;
 border: 1px solid #eeeeee;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 9px;
 }

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

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

li.sbaritem a {
 padding: 3px 0px 3px 3px;
 margin: 0px 0px 5px 0px;
 list-style: none;
 text-transform: normal;
 border-left: 5px solid #eeeeee;
 }

li.sbaritem a:hover {
 border-left: 5px solid #777777;
 background-color: #ffffff;
 }

li.sbartitle {
 background-color: #f9f9ff;
 padding: 0px 5px 3px 5px;
 margin: -10px 0 10px 0;
 list-style: none;
 text-align: center;
 color: #84A0A4;
 text-transform: normal;
 font-weight: none;
 font-family: "Continuum Light", Verdana, Arial;
 font-size: 16px;
		}

ul.tagList {width: 100%;}
 .tagBox {
 height: 300px;
 overflow-x: hidden;
 overflow-y: scroll; 
 scrollbar-arrow-color: #1da4e6;
 scrollbar-base-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #1da4e6;
 scrollbar-darkshadow-color: #eeeeee;
 scrollbar-shadow-color: #eeeeee;
 }

#sidebar_summary li.sbaritem {
 color: #777777;
 border-right: 2px solid #eeeeee;
 border-bottom: 2px solid #eeeeee;
 -moz-border-radius-bottomleft: .5%; 
 -moz-border-radius-bottomright: .5%;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px;
 }

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

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

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

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

.userpic {
 background-color: #ffffff !important;
 position: relative;
 float: right;
 padding: 5px;
 margin: 10px;
 z-index: 15;
 color: #777777 !important;
 border: 1px #ffffff solid;
 -moz-border-radius: 2%;
 }

.userpicfriends {
 background-color: #ffffff !important;
 position: relative;
 float: right;
 padding: 5px;
 margin: 10px;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 z-index: 15;
 border: 1px #ffffff solid;
 -moz-border-radius: 2%;
 }

.userpicfriends a font {color: #14C0CF;}

.date {
 margin: 5px;
 text-align: left;
 color: #33333;
 top: 5px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 text-transform: uppercase;
 }

.subject {
 font-weight: none;
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 10px;
 color: #84A0A4;
 font-family: "Continuum Light", Verdana, Arial;
 font-size: 20px;
 text-transform: normal;
 text-decoration: none;
 border-bottom: 0px solid #eeeeee;
 }
	
.subject a, .subject a:link, .subject a:visited {color: #84A0A4;}

.subject a:hover {color: #1da4e6;}

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

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

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

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

.ljtags {
 margin-top: 5px;
 color: #777777;
 font-weight: lighter;
 font-size: 10px;
 font-family: "Verdana", arial;
 text-transform: lowercase;
 margin: 15px 0px 0px 0px;
 padding: 2px 0px 5px 18px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/tag_blue.png) no-repeat center left;
 }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation,

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

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

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

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

.comments {
 font-family: "verdana", arial;
 font-size: 10px;
 font-weight: normal;
 text-align: center;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 background-color: #ffffff;
 -moz-border-radius:2%;
 }
	
div.comments a, div.comments a:link, div.comments a:visited{color: #84A0A4;}

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

/*------------Comments Page--------*/
.box {
 padding: 5px;
 margin-top: 0px;
 text-align: left;
 clear:right;
 width: 557px;
 }

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

.skiplinks {
 text-align: center;
 margin-bottom: 3px;
 margin-top: 10px;
 font-family: "Verdana", arial;
 padding: 10px;
 font-size: 9px;
 letter-spacing: 1px;
 color: #777777;
 background-color: #f9f9ff;
 -moz-border-radius:2%;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: right;
 padding: 5px;
 color: #777777;
 }	
	
.userpiccomment {
 background-color: #ffffff !important;
 position: relative;
 top: -30px;
 left: 0px;
 padding: 5px;
 margin: 20px 10px -20px 10px;
 z-index: 15;
 float: right;
 border: 2px #ffffff solid;
 color: #777777;
 -moz-border-radius: 2%;
 }

div#content input,
div#content textarea,
div#content select { color: #777777; border: 1px solid #eeeeee; }
	
textarea.textbox  {width: 100% !important;}

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

.replytoposter {
 color: #1da4e6;
 text-transform: normal;
 padding: 5px;
 }

.commentreply {
 text-align: left;
 position: relative;
 margin: 10px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 color: #777777;
 }
	
.commentbox {
 background-color: #f9f9ff;
 padding: 5px;
 margin: 10px;
 text-align: left;
 -moz-border-radius: 2%;
 }
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #1da4e6;}
	
.datesubjectcomment a:hover {color: #84A0A4;}

.commentboxpartial { padding: 10px; margin: 10px; }

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

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

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

ul.year li {display: inline;}

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

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

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

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

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

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

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

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

.currentlocation {
 background: URL(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/world.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/heart2.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: URL(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/ipod.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: URL(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/cup.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* USER */
.ljuser img {
 width: 0;
 height: 0;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/brick.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

.ljuser img[src*="userinfo.gif"] {
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/brick.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
.ljuser img[src*="community.gif"] {
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/bricks.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

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

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

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

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
	
.headerimage {
 position: relative;
 width: 800px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 background-color: #eeeeee;
 background-image: url(http://i27.tinypic.com/2z7ep3s.jpg);
 background-position: center;         
 background-repeat: repeat;
 }

.separator { height: 20px; }

Mood: happy
Location: Space Needle
Music: Dark Angel Theme

sireesanwar.livejournal.com

These are some buttons for other social media locations on the web. They were not created by me so there is no need to credit me for their use. I actually found them on a profile layout made by

insidethestorm . Please credit her.

sireesanwar.livejournal.com

( Headers... )

sireesanwar.livejournal.com

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

and I believe we were friends ((flexible squares; basic, plus, and paid; by milou veronica ))

-------------------------------*/
body	{ background: url() #ececec repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;  margin: 0; padding: 0px 0 0;}
.headerimage {position: relative; background: url(http://i280.photobucket.com/albums/kk163/i_seek_peace/rainbowpillows2.jpg); width: 760px; height: 315px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #555555;  width: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}
#maincontent { padding: 0;   margin-top: 0px;  text-align: left;margin-left: 0px;  background-color: #; margin-right: 178px; }
#sidebar { padding:0px 5px; margin: 0; width: 160px; float:right; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF; border: 1px solid #eeeeee; border-top: none;}

/*-------------------HEADER-----------------------*/
#header {background-color: #2a2a2a; font-family:   "Verdana" Georgia, Times New Roman, Times, serif; margin: 0 0 0px; text-align: center; font-size: 5pt; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; padding: 19px 0px; font-style: ; }

div#header a, div#header a:link, div#header a:visited{ color: #2ab5d2; padding: 7px; margin: 2px;}
div#header a:hover { color: #9363c6;}
div#header li.view { padding: 7px; margin: 2px;}
div#header li.view:hover { }
ul.navheader{ padding: 0px; margin: 0px; display:inline;}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none;  display: inline;}

.title {display:none; margin: 0px; text-align: center; font-size: 7pt;  line-height: 1.5;width: 110px; }
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px; }

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 140px; margin-right:0px;  background-color: #ffffff; padding-top: 15px; border: 1px solid #eeeeee; }
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject { font-family:   CAC Shishoni Brush, Verdana, Georgia, Times New Roman, Times, serif; background-color: transparent ; letter-spacing: -1px; font-size: 28pt; text-transform: lowercase; line-height: 100%; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 0px 5px 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left;}
.entry	{ margin: 0px; padding: 10px 25px;   text-align: left;  line-height: 1.5; border-width: 0px;}
.entry_text {  font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;   margin-bottom: 20px;} 
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 7px; background-color: #ffffff; margin: -10px 10px 10px 10px ; z-index: 15; border:  1px solid #eeeeee;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: -10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 8pt;}
 .userpicfriends img {border: 0px; padding: 8px; border:  1px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #bbbbbb;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {border: 0px solid #f1f1f1;  color: #eeeeee;  font-family: Verdana, Geneva, sans-serif; font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px;}

div.comments a, div.comments a:visited, div.comments a:link  { padding: 6px; background-color:#; border: 0px solid #eaeaea; }
 div.comments a:hover {background-color:#;}
  .separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: left; font-family: Verdana, Geneva, sans-serif; border-left: 0px solid #BF496A;  padding: 0px 16px;   margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; width: 300px; background: url(http://i280.photobucket.com/albums/kk163/i_seek_peace/tag_orange.png) no-repeat center left;}
	.ljtags:hover {border-color: #520204;}  div.ljtags a {font-weight: normal; }

.currents {text-align: left;  margin-top:0px; padding: 8px;  text-transform: lowercase; font-size: 7pt; color: #646464; font-family: Verdana, Geneva, sans-serif; width: ; background-color: #f9f9f9; border: 1px solid #f4f4f4;}
	.currents:hover { border-color: #f1f1f1;} 
.currents strong {text-decoration: none; color: #888888; }
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }

/*----------------------TAG PAGE------------------------------*/
h2 { background-color: #ffffff;   padding: 10px 10px 10px 30px;  font-family: Verdana, Geneva, sans-serif;  letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none;}

.ljtaglist { text-align: left; margin: 0px; background-color: #ffffff; padding: 3px 15px 15px 35px;  font-size:10px;  list-style: circle ; border: 1px solid #eeeeee; border-top: none; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6; }

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; margin-bottom:1px; padding: 5px; clear: left; background-color: #FFFFFF; border: 1px solid #eeeeee;}

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {  position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff;  left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
textarea.textbox  {width: 100% !important;}

.reply	{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75;}
.replytosubject {letter-spacing:2px; font-weight: bold;}

.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px;}
.commentbox { border-bottom: 1px solid #eeeeee;  background-color: #FFFFFF;  padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6;}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}

.skiplinks {text-align: right; margin-bottom: 3px;  font-family:  "Verdana", Georgia, Times New Roman, Times, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd; background-color: #ffffff; border: 1px solid #eeeeee; }

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic { margin: 10px 0 0; padding:0px; text-align:center;}
.defaultuserpic img {padding: 10px;  border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px; }

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

.sbarbody2 { padding: 10px 5px 7px 5px; }

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 5px; border-right: 0px solid #dddddd; margin:2px;} li.sbaritem:hover {border-color: #BF496A;}
li.sbartitle{ text-transform: lowercase;  padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee; font-family:  Verdana, Georgia, Times New Roman, Times, serif;  color: #777777;}

#sidebar_linklist  { text-transform: lowercase;  } #sidebar_summary { } #sidebar_tags {} #sidebar_calendar {}

table.calendar { margin-right: auto; margin-left: auto;}
.sbarcalendar { padding: 2px; border: 0px solid #eeeeee; background-color: #eeeeee;  text-align: center; font-family: Verdana, Geneva, sans-serif; ont-size: 11px;}
.sbarcalendarposts:hover {  background-color: #dddddd; }
.sbarcalendarposts { vertical-align:middle !important; border:0px solid #eeeeee; background-color: #eeeeee;  text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px;}

/*---------------------FOOTER----------------------------------*/
#footer {   font-family: Verdana, Geneva, sans-serif; width: auto; text-align: right; text-transform: uppercase; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both;background-color: #;  }

ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li  {list-style: none; margin: 0 5px 0 5px; display:inline; }

div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #ffffff; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #f4f4f4; background-color: #fafafa; }
 div#footer a:hover {background-color: #f3f3f3; }

.clearfoot {clear: both;background-color: #; }

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { background-color: #ffffff;  margin: 0 0 10px; font-family: Verdana, Geneva, sans-serif; border: 1px solid #eeeeee;  text-align: center; padding: 20px;}
ul.year li {display: inline;}
table.yeartable { border: 1px solid #eeeeee; margin-top: -5px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 30px; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;}
table.yeartable td.yearday { background-color: #fafafa; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}

/*------------MINI ICONS BY FAMFAMFAM-------------*/
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i43.tinypic.com/2wbzrdd.png) no-repeat scroll 0 0;  }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i42.tinypic.com/10gwcw4.png) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/27xjm83.png) no-repeat scroll 0 0; }

.ljuser img {  width: 0; height: 0; background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/teddy-bear.png) no-repeat 0 0;  padding: 16px 10px 0 2px ;  vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/teddy-bear.png) no-repeat center left !important;  padding: 16px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] { background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/star.png) no-repeat scroll 0 0 !important;  padding: 16px 16px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] {background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/star.png) no-repeat scroll 0 0;  padding: 16px 16px 0 2px !important; }
.ljuser img[src*="newsinfo.gif"] {background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/star.png) no-repeat scroll 0 0;  padding: 16px 16px 0 2px !important;  }
.ljuser img[src*="partnercomm.gif"] { background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/star.png) no-repeat scroll 0 0;  padding: 16px 16px 0 2px !important; }
.ljuser img[src*="sponcomm.gif"] {background: transparent url(http://i280.photobucket.com/albums/kk163/i_seek_peace/star.png) no-repeat scroll 0 0;  padding: 16px 16px 0 2px !important;}

.Note .Inner { background: #ececec none repeat scroll 0 0; border: 0px solid #dddddd; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ececec none repeat scroll 0 0;  border: 0px solid #dddddd; padding:10px; }
	img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/5fg22d.png); }
	img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2zhedn4.png); }
	img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/ouqedd.png); }
	img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/6pvww7.png); }
	img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2eekcco.png); } 
	img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/1628ot1.png); }
	img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2s0g788.png); }
	img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/j9lljl.png); }
	img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/hwzt4x.png); }
	 img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/28mi9w5.png); }
	img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/15phik0.jpg); }
	img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/25z6kox.jpg); }
	img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/2yvun4k.png); }
	img[src*="pencil.gif"], img[src*="btn_edit.gif"]  { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2l9gm5z.png); }

.currentlocation { background: url(http://i280.photobucket.com/albums/kk163/i_seek_peace/world.png) no-repeat left center; padding: 2px 0px 5px 18px; }
.currentmood { background: url(http://i280.photobucket.com/albums/kk163/i_seek_peace/heart2.png) no-repeat left center; padding: 2px 0px 5px 18px; }
.currentmusic { background: url(http://i280.photobucket.com/albums/kk163/i_seek_peace/ipod.png) no-repeat left center; padding: 2px 0px 5px 18px; }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner {  color: #888888 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 8px; margin-left: 0px; border: 1px solid #eeeeee; background-color: #FFFFFF;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #EEEEEE; margin: 4px 80px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;}
div.ContextualPopup .Relation { text-transform: lowercase;  font-family:   'Verdana', Georgia, Times New Roman, Times, serif; font-size: 9pt; letter-spacing: 0px;}

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #fafafa; background-image: url(); color: #666666;border: solid 1px #eeeeee; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }

b, u { color: #444444;}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif;}
p, td {font-size: 11px;}

blockquote { padding:15px;  border: 1px solid #eeeeee;  background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; color: #777777; }
code {	display:block;  padding:5px;  border:1px dashed #DDDDDD;   font-size: 12px;}

kbd, pre, tt {font-family: monospace;} form#qrform table {border-width: 0px !important; background-color: #ececec; padding-right: 6px;}
 input,  textarea  { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i38.tinypic.com/25u2xat.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777;}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited,  div.ContextualPopup .Relation  {
	color: #68a15c; 
	text-decoration: none;}

a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #ed577c;  background-color: #; text-decoration: none; top: 1px; left: 1px; position:;}
div#header li.view:hover,  div#header a:hover   { background-color: #;}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #111111;}

Layout Lounge Workshop

just tinkering around

104. The Pines testing

About the community....

sexycazzy Oxygen Coding with John & Lorne

for angi_is_adrift

rainbowjumpsuit's cote layout and graphics

Dark Angel Headers for layout

Icons for Sites

Friends Only Fake Post

endless_reader layout...

Links

About

Tags

Summary