layoutlounge | 44. Blue Skies and Gray Entries

Layout Style: S2 Flexible Squares
Features: Sidebar, Scrolling Tags, Custom Page Summary, Tiny Icons
Layout Width: 800px
Requested By:

endless_reader

[ Preview ] [ Live ] [ Live 2 ]

Layout:

Header:

Sidebar:
.Using Layouts or Layout Changes for Beginners on the sidebar for any extra assistance.
.Font Tutorial if you need help adding these fonts to your computer system.
.Tiny Icons for some suggested images.

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

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

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

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

b, strong {color: #FF5570;}
i, em {color: #d66b25;}
s, u {color: #CA5CB7;}

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: 565px;
 float: left;
 margin: -5px 0px 0px 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 color: #888888;
 text-align: center;
 }

.subcontent {
        background-color: #444444;
        width: 563px;
 min-height: 200px;
 margin-right: 0px;
            -moz-border-radius: 1%;
}

/*---------------Header--------------*/
#header {  
 position: relative;
 line-height: 125%;
 text-align: center;
        color: #666666;
        padding: 0px 0px 10px 0px;
        margin-bottom: 0px;
 font-family: "verdana";
 font-size: 10px !important;
 width: 100%;
 text-align: center;
 letter-spacing: 1px;
        text-transform: normal;
 background-color: #444444;
}

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

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px;
 font-family: "verdana";
 font-weight: normal;
 text-transform: normal;
 letter-spacing: 1px;
 color: #28B2E3;
 text-align: center;
}

div#header a:hover {
 padding: 5px;
 color: #A8CA49;
        border-bottom: 2px solid #28b2e3;
}

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

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

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

#footer {   
 width: 100%;
 margin: 0px;
 text-align: left;
 font-family: "georgia";
 font-size: 12px;
 color: #888888;
 z-index: 100;
 }

div#footer a {
 padding: 5px;
 font-family: "trebuchet ms";
 font-size: 15px;
 font-weight: normal;
 text-transform: normal;
 letter-spacing: -1px;
 color: #28B2E3;
 text-align: left;
}

div#footer a:hover {
 padding: 5px;
 color: #A8CA49;
 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: 0px 0 10px 0; 
        background-color: #444444;
 margin-left: 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 color: #cccccc;
 width: 215px;
 float: right;
 text-align: left;
        text-transform: normal;
            -moz-border-radius-bottomleft: 2%;
            -moz-border-radius-bottomright: 2%;
 }

#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: 250px;
         overflow:auto;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
 color: #28B2E3;
 display: block;
 text-decoration: none;
        padding: 2px 10px 3px 5px;
        border-bottom: 1px solid #494949;
}

div#sidebar a:hover {
        padding: 2px 10px 3px 5px;
 color: #A8CA49;
        border-right: 5px solid #A8CA49;
}

.defaultuserpic {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: 1px;
 border: 1px solid #555555;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 9px;
 }

.sbarcalendarposts {
 padding: 1px;
        border: 1px solid #555555;
 background-color: #444444;
 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 {
 padding: 3px 5px 3px 5px;
 margin: 10px 0 10px 0;
 list-style: none;
 text-align: center;
 color: #A8CA49;
        border-bottom: 1px solid #555555;
        text-transform: normal;
 font-weight: none;
 font-family: "Verdana", Arial;
 font-size: 14px;
  }

ul.tagList {width: 100%;}
    .tagBox {
      height: 250px;
      overflow-x: hidden;
      overflow-y: scroll; 
      scrollbar-arrow-color: #28B2E3;
      scrollbar-base-color: #ffffff;
      scrollbar-face-color: #ffffff;
      scrollbar-highlight-color: #28B2E3;
      scrollbar-darkshadow-color: #555555;
      scrollbar-shadow-color: #555555;
}

#sidebar_summary li.sbaritem {
 color: #cccccc;
 border: 1px solid #555555;
 background-color: #444444;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #777777;
 background-color: transparent !important;
 }

#sidebar_summary li.sbaritem a: hover{
 text-decoration: none;
 color: #777777;
 background-color: transparent !important;
 }

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

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

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

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

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

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

.subject {
        background-color: #444444;
 font-weight: none;
 padding-bottom: 5px;
 padding-top: 5px;
        padding-left: 10px;
 color: #A8CA49;
 font-family: "Verdana", Arial;
 font-size: 16px;
 text-transform: normal;
        text-decoration: none;
 border-bottom: 1px solid #555555;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #A8CA49;}

.subject a:hover {color: #28B2E3;}

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

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #28B2E3;
 font-weight: bold;
 }

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

/*-----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: 5px 0px 5px 17px;
        background: url(TAGS TINY ICON) no-repeat center left;
 }
 
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong

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

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

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

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

.comments {
 font-family: "Verdana", arial;
 font-size: 10px;
 font-weight: normal;
 text-align: right;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 border-bottom: 1px #555555 solid;
 }
 
div.comments a, div.comments a:link, div.comments a:visited{color: #A8CA49;}

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

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

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

.skiplinks {
 text-align: left;
 margin-bottom: 3px;
 font-family: "Verdana", arial;
 padding: 10px;
 font-size: 9px;
 letter-spacing: 1px;
 color: #dddddd;
 background-color: #444444;
 border: 1px solid #555555;
          -moz-border-radius-bottomleft:2%;
          -moz-border-radius-bottomright:2%;
}

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

div#content input,
div#content textarea,
div#content select {
 color: #A8CA49;
 border: 1px solid #555555;
 background-color:#555555;
 }
 
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: #cccccc;
 }
 
.replytosubject {
 color: #cccccc;
 font-weight: bold;
 text-transform: normal;
        padding: 5px;
        background-color: #444444;
 }

.replytoposter {
        background-color: #444444;
 color: #28B2E3;
 text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: left;
 position: relative;
 margin: 10px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 color: #cccccc;
 }
 
.commentbox {
 padding: 5px;
 margin: 10px;
 text-align: left;
        background-color: #444444;
 border: 1px solid #555555;
            -moz-border-radius: 2%;
 }
 
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #28B2E3;}
 
.datesubjectcomment a:hover {color: #A8CA49;}

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

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

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

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

ul.year li {display: inline;}

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

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

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

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

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

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

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

/*----------Tiny Icons----------*/

.currentlocation
       {
       background: url(CURRENT LOCATION TINY ICON) no-repeat left center;
        padding: 2px 0px 5px 18px;
       }

.currentmood 
       {
       background: url(CURRENT MOOD TINY ICON) no-repeat left center;
        padding: 2px 0px 5px 18px;
       }

.currentmusic 
       {
       background: url(CURRENT MUSIC TINY ICON) no-repeat left center;
        padding: 2px 0px 5px 18px;
       }

.currentgroups
       {
       background: url(CUSTOM GROUPS TINY ICON) no-repeat left center;
        padding: 2px 0px 5px 18px;
       }

/* PROTECTED ENTRY */
 .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
  width: 0;
  height: 0;
  padding: 16px 0px 0 16px;
  background: URL(PROTECTED POST TINY ICON); 
  }

/* PRIVATE ENTRY */
 .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
  width: 0;
  height: 0;
  padding: 16px 0px 0 16px;
  background: URL(PRIVATE POST TINY ICON); 
  }

.subject img {
       width: 0;
       height: 0;
       background-repeat: no-repeat;
  background: URL(PRIVATE POST TINY ICON); 
       padding: 16px 0px 0 16px;
    }

/* USER */
 .ljuser img { 
    width: 0;
    height: 0;
    background-repeat: no-repeat;
    background-color:transparent;
  background: URL(USER TINY ICON); 
    padding: 16px 0px 0 16px;
  }

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
  background-color:transparent;
  background: URL(USER TINY ICON); 
    padding: 16px 0px 0 16px;
  }

/* COMMUNITY */

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
  background-color:transparent;
  background: URL(COMMUNITY TINY ICON);  
   padding: 16px 0px 0 16px;
  }

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

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 11px;
 background-color: #2a2a2a !important;
 }

#lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #444444 !important;
 text-transform: lowercase;
 }
 
.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(HEADER IMAGE LINK);
  background-position: center;         
         background-repeat: no-repeat;
            }

.separator { height: 20px; }

Reversed Colors (Posts White and Text Grey):

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

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

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

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

b, strong {color: #d66b25;}
i, em {color: #CA5CB7;}
s, u {color: #FF5570;}

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

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

.subcontent {
        background-color: #f7f6f0;
        width: 563px;
 min-height: 200px;
 margin-right: 0px;
            -moz-border-radius: 1%;
}

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

div#header a:hover {
 padding: 5px;
 color: #A8CA49;
        border-bottom: 2px solid #28b2e3;
}

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

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

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

#footer {   
 width: 100%;
 margin: 0px;
 text-align: left;
 font-family: "georgia";
 font-size: 12px;
 color: #f7f6f0;
 z-index: 100;
 }

div#footer a {
 padding: 5px;
 font-family: "trebuchet ms";
 font-size: 15px;
 font-weight: normal;
 text-transform: normal;
 letter-spacing: -1px;
 color: #28B2E3;
 text-align: left;
}

div#footer a:hover {
 padding: 5px;
 color: #A8CA49;
 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: 0px 0 10px 0; 
        background-color: #f7f6f0;
 margin-left: 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 color: #666666;
 width: 215px;
 float: right;
 text-align: left;
        text-transform: normal;
            -moz-border-radius-bottomleft: 2%;
            -moz-border-radius-bottomright: 2%;
 }

#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: 250px;
         overflow:auto;
}

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

div#sidebar a:hover {
        padding: 2px 10px 3px 5px;
 color: #A8CA49;
        border-right: 5px solid #A8CA49;
}

.defaultuserpic {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: 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: #f7f6f0;
 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 {
 padding: 3px 5px 3px 5px;
 margin: 10px 0 10px 0;
 list-style: none;
 text-align: center;
 color: #A8CA49;
        border-bottom: 1px solid #cccccc;
        text-transform: normal;
 font-weight: none;
 font-family: "Verdana", Arial;
 font-size: 14px;
  }

#sidebar_summary li.sbaritem {
 color: #666666;
 border: 1px solid #cccccc;
 background-color: #f7f6f0;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #777777;
 background-color: transparent !important;
 }

#sidebar_summary li.sbaritem a: hover{
 text-decoration: none;
 color: #777777;
 background-color: transparent !important;
 }

/*-----------Entries-----------*/
.entry {
        padding: 10px;
 margin: 0px;
 color: #666666;
 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: #f7f6f0 !important;
 position: relative;
 float: right;
 padding: 5px;
 margin: 10px;
 z-index: 15;
        color: #666666 !important;
 border: 1px #e6d6b7 solid;
            -moz-border-radius: 2%;
 }

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

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

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

.subject {
        background-color: #f7f6f0;
 font-weight: none;
 padding-bottom: 5px;
 padding-top: 5px;
        padding-left: 10px;
 color: #A8CA49;
 font-family: "Verdana", Arial;
 font-size: 16px;
 text-transform: normal;
        text-decoration: none;
 border-bottom: 1px solid #cccccc;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #A8CA49;}

.subject a:hover {color: #28B2E3;}

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

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #28B2E3;
 font-weight: bold;
 }

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

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

.ljtags {
 margin-top: 5px;
 color: #cccccc;
 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(TAGS TINY ICON) no-repeat center left;
 }
 
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong

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

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

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

.comments {
 font-family: "Verdana", arial;
 font-size: 10px;
 font-weight: normal;
 text-align: right;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 border-bottom: 1px #cccccc solid;
 }
 
div.comments a, div.comments a:link, div.comments a:visited{color: #A8CA49;}

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

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

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

.skiplinks {
 text-align: left;
 margin-bottom: 3px;
 font-family: "Verdana", arial;
 padding: 10px;
 font-size: 9px;
 letter-spacing: 1px;
 color: #dddddd;
 background-color: #f7f6f0;
 border: 1px solid #cccccc;
          -moz-border-radius-bottomleft:2%;
          -moz-border-radius-bottomright:2%;
}

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

div#content input,
div#content textarea,
div#content select {
 color: #666666;
 border: 1px solid #cccccc;
 background-color:#f7f6f0;
 }
 
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: #666666;
 }
 
.replytosubject {
 color: #666666;
 font-weight: bold;
 text-transform: normal;
        padding: 5px;
        background-color: #f7f6f0;
 }

.replytoposter {
        background-color: #f7f6f0;
 color: #28B2E3;
 text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: left;
 position: relative;
 margin: 10px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 color: #666666;
 }
 
.commentbox {
 padding: 5px;
 margin: 10px;
 text-align: left;
        background-color: #f7f6f0;
 border: 1px solid #cccccc;
            -moz-border-radius: 2%;
 }
 
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #28B2E3;}
 
.datesubjectcomment a:hover {color: #A8CA49;}

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

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

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

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

ul.year li {display: inline;}

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

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

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

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

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

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