/*----------------------
This is the css file for a S2 layout created by http://cartonage.livejournal.com

It's based on the S2 style 3 column and part of the "Pretty It Up" project.

It's a complete layout, but you can add your own header and if you want, change the color red to something else.

More instructions on how to add a header and how to "install" it can be found at http://cartonage.livejournal.com

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


        body {
          background: #f4f4f4;
          font: 11px Verdana;
          color: #8a8a8a;
          background-image:url(http://img137.imageshack.us/img137/7053/bodybg2lj8.jpg);
          background-position:top center;
          background-repeat:repeat-y;
          margin:0px;
	 }

/*---------------------------------------------
   General stuff
----------------------------------------------*/

       /*Links*/
       a {
	color: #606060;
         font-weight:normal;
         text-decoration:none;
         }

       a:hover {
         color: #a10000;
         font-weight: normal;
         }

      /*user icon replacement*/
       span.ljuser {
         background:url(http://img137.imageshack.us/img137/2334/figurevg9.gif) no-repeat;
         background-position:left;
         width: 11px;
         height: 11px;
         margin:0px;
         }

       span.ljuser img {visibility: hidden; width:13px;}
       span.ljuser a b{padding-left:0px; border-bottom:1px dashed #cccccc;}

      /*Fields, buttons & Co*/

       textarea, input, select{
         border:1px solid #cccccc;
         color:#8a8a8a;
         font-size:11px;
         background-color:#f5f5f5;
         padding:3px 5px 3px 5px;
         }

       input {
         margin:0px;
         }

/*---------------------------------------------
   General Page Alignment
----------------------------------------------*/


        #container {
         position:relative;
         top: 0px;
         width: 900px;
         margin:auto;
         background-image:url(http://img137.imageshack.us/img137/5931/bgtf5.jpg);
         background-repeat:repeat-y;
         }

/*---------------------------------------------------------------
   Header - Your Header must be 900px wide, the height doesn't matter.
----------------------------------------------------------------------*/

        #header {
         position:relative;
         width: 900px;
         margin:auto;
         height: 0px;
         background-image:url(insert your url here);
         }

/*---------------------------------------------
   Entries
----------------------------------------------*/

       #entries {
         position:relative;
         margin: 0px 188px 0px 188px;
         text-align:center;
         background: #f4f3f3;
         padding: 0px 0px 30px 0px;
         border-style:dashed;
         border-color:#cccccc;
         border-width:0px 1px 0px 1px;
         }

       /*subject entries*/
       h1 {
         color: #a10000;
         font-size: 11px;
         text-align:left;
         padding:5px;
         margin:0px 10px 0px 0px;
         border-style:solid;
         border-color:#dbdbdb;
         border-width:1px 1px 0px 1px;
         width:340px;
         background-clor:#e3e3e3;
         }


       /*general look of one single entry*/
       div.entry {
         background-image:url(http://img137.imageshack.us/img137/7654/entriesbgnx1.jpg);
         background-repeat:repeat-x;
         padding:25px 25px 45px 25px;
         color: #8a8a8a;
         }




       /*contains all of the buttons*/
       div.entrylinks {
         font: 11px Verdana;
         text-align:right;
         padding:2px 110px 2px 0px;
         line-height:20px;
         margin:5px 0px 0px 0px;
         }

       div.entrylinks a {
         text-decoration:none;
         margin:2px;
         padding:2px;
         }

       div.entrylinks img {
         border:0px;
         text-decoration:none;
         }

      /*just the text of the entry*/
       .entrytext{
         font: 11px Verdana;
         text-align:justify;
         color: #8a8a8a;
         line-height:16px;
         width:470px;
         overflow:visible!important;
         overflow:auto;
         }

      /*contains date, tags and currents*/
       .aboutentry{
         text-align: left;
         margin:0px 10px 0px 0px;
         padding:5px;
         color:#a2a2a2;
         font-size:10px;
         width:340px;
         border-style:solid;
         border-color:#dbdbdb;
         border-width:0px 1px 1px 1px;
         background-clor:#e3e3e3;
         }

       /*to edit look of tags within the .aboutentry section*/
       div.ljtags {
         background-color:#eae8e8;
         padding:5px;
         margin:3px 0px 0px 0px;
         }

      /*hides moodpic- DO NOT CHANGE!!*/
       .moodpic {
         float: right;
         display:none;
         }


      /*usericons in entries*/
       .userpic2 {
         position:relative;
         float:right;
         padding: 5px;
         margin:20px 20px 0px 10px!important;
         margin:20px 10px 0px 10px;
         }

/*---------------------------------------------
   Sidebars
----------------------------------------------*/

       #leftbar {
         position:absolute;
         top: 0px;
         left: 0px;
         width: 188px;
         text-align:right;
         }

       #rightbar {
         position:absolute;
         top: 0px;
         right: 0px;
         width: 188px;
         }

       /*general look of the sidebar boxes*/
       .sidebox {
         background: #ededed;
         background-image:url(http://img137.imageshack.us/img137/1303/sideboxbgha8.jpg);
         background-repeat:repeat-x;
         margin: 0px;
         padding:20px;
         color:#8a8a8a;
         }

       /*sidebox titles*/
       h2 {
         font-size: 11px;
         margin:0px 0px 3px 0px;
         padding:0px;
         color: #787878;
         }

/*---------------------------------------------
   Stuff in the left Sidebar
----------------------------------------------*/

      /*box with the userpic*/
       div#userpic {
         padding:10px 0px 0px 0px;
         text-align:right;
         margin:0px;
         }

       div#userpic img {
         padding:5px;
         border:1px solid #cccccc;
         }

       /*hides username and buttons underneath because it's ugly*/
       .sidebox div a img, .sidebox div  span.ljuser{
         display:none;
         }

      /*blurb box*/
         .blurb {
         color: #8a8a8a;
         }

     /*calendar look* - pay attention, might clash with classes from Calendar Pages*/
        .sidebox .calendarInactive, .sidebox .calendarActive{
         padding:2px;
         }

       .sidebox .calendarActive a{
         font-weight:normal;
         }

       .sidebox .calendarActive a:hover{
         font-weight:normal; color:#8a8a8a;
         }

/*---------------------------------------------
   Stuff in the right Sidebar
----------------------------------------------*/

       ul.links{
         margin: 0px 0px;
         padding: 4px 0px 4px 0px;
         color: #8a8a8a;
         list-style-type:none;
         }

       li.links {
         margin-left: 0px;
         }

      /*look of the links*/
       li.links a{
         display:block;
         padding:5px 5px 5px 5px;
         border-bottom:1px solid #d5d5d5;
         text-decoration:none;
         width:135px;
         color:#a2a2a2;
         }

       li.links a:hover {
         color:#a10000;
         background-color:#efefef;
         }

/*---------------------------------------------------------------------------------
   Friends Page - Don't pay attention to the "comment" in the class-names, it's just messed up
----------------------------------------------------------------------------------*/

       /*general look of an entry on the friends page (and also of an comment on the comments pages)*/
       .comment_wrapper {
         background-image:url(http://img137.imageshack.us/img137/7654/entriesbgnx1.jpg);
         background-repeat:repeat-x;
         padding:25px 25px 45px 25px;
         }

       /*friends page entry subject*/
       .comment_subject {
         font-weight:bold;
         color: #a10000;
         font-size: 11px;
         text-align:left;
         padding:5px;
         margin:0px 10px 0px 0px;
         border-style:solid;
         border-color:#dbdbdb;
         border-width:1px 1px 0px 1px;
         width:340px;
         background-clor:#e3e3e3;
         }

      /*defines: "Comment posted by user in community" */
       .comment_postedby {
         text-align: left;
         margin:0px 10px 0px 0px;
         padding:0px 5px 0px 5px;
         color:#a2a2a2;
         font-size:10px;
         width:340px;
         border-style:solid;
         border-color:#dbdbdb;
         border-width:0px 1px 0px 1px;
         }
     /*defines look of date of friends entry*/
       .comment_date {
         text-align: left;
         margin:0px 10px 0px 0px;
         padding:0px 5px 5px 5px;
         color:#a2a2a2;
         font-size:10px;
         width:340px;
         border-style:solid;
         border-color:#dbdbdb;
         border-width:0px 1px 1px 1px;
         }

       .comment_wrapper .userpic2 {
         position:relative;
         float:right;
         padding: 0px;
         margin:0px!important;
         }

      /*contains all of the buttons on the friends page*/
       .comment_links {
         font: 11px Verdana;
         text-align:right;
         padding:2px 120px 2px 0px;
         line-height:20px;
         margin:5px 0px 5px 0px;
         }

       .comment_links a {
         padding:2px;
         text-decoration:none;
         }

/*---------------------------------------------
   Calendar Pages
----------------------------------------------*/

       .calendarInactive, .calendarActive {
         text-align:center;
         padding:3px;
         }

       .calendarActive {
         font-weight:bold;
         }

       .calendarActive a{
         color:#a10000;
         font-weight:bold;
         }

/*---------------------------------------------
   Comments Pages
----------------------------------------------*/


        .comment_child {
         margin: 0px 0px 0px 20px;
         border-left:1px dashed #cccccc;
         border-top:1px dashed #cccccc;
         }

       /*don't change*/
       .comment_child .entrytext {
         width:auto;
         }

      /*box that contains subject, date, comment title..*/
       .comment_info {
         width:100%;
         border-style:solid;
         border-color:#dbdbdb;
         border-width:1px 1px 1px 1px;
         text-align:right;
         margin:0px 0px 5px 0px;
         }

       .comment_info .comment_date{
         text-align: right;
         margin:0px;
         padding:0px;
         color:#a2a2a2;
         font-size:10px;
         width:auto;
         border:none;
         }

       .comment_info .comment_postedby {
         text-align: right;
         margin:0px;
         padding:0px;
         color:#a2a2a2;
         font-size:10px;
         width:auto;
         border:none;
         }

        .comment_info .comment_subject {
         font-weight:bold;
         color: #a10000;
         font-size: 11px;
         text-align:right;
         padding:0px;
         margin:0px;
         border:0px;
         width:auto;
         background-clor:#e3e3e3;
         }

       /*contains all the buttons in a comment*/
         div.commentlinks {
         font: 8pt Verdana;
         padding:5px 10px 2px 10px;
         line-height:20px;
         }

        div.commentlinks a {
         text-decoration:none;
         margin:2px;
         padding:2px;
         }

        div.commentlinks img {
         border:0px;
         text-decoration:none;
         }


      /*look of word "Comments" and of the date on the *Post Reply* Page*/
       h3 {
         color: #787878;
         font-size:11px;
         font-weight:bold;
         text-align:left;
         font: bold Verdana;
         padding:20px;
         margin:0px;
         text-align:center;
         background-image:url(http://img137.imageshack.us/img137/1303/sideboxbgha8.jpg);
         background-repeat:repeat-x;
         }

       .comment_child .entry {
        background-image:none;
        padding:20px 10px 10px 10px;
        margin:0px;
        }

       .minicomment {
         padding: 4px;
         }

       .minicommentholder {
         padding:4px;
         background-image:url(http://img137.imageshack.us/img137/7654/entriesbgnx1.jpg);
         background-repeat:repeat-x;
         }


/*---------------------------------------------
   Reply Page
----------------------------------------------*/

       .replyform {
         text-align:left;
         clear: both;
         }

       .replyform textarea {
       	width: 100% ! important;
         }


      /*adds some space under the date on the reply page*/
       .entry h3 {
         margin:0px 0px 20px 0px;
         }

        .userpic_reply  {
         float:right;
         padding:0px 0px 10px 10px;
         }

       .replyform {
         border:1px solid #cccccc;
         padding:10px;
         }

       .replyform textarea {
         width:95%!important;
         background-color:#e9e9e9;
         font-size:11px;
         font-family: Verdana;
         }

        .replyform input {
         margin:4px;
         }

        label, label b {
         font-weight:normal;
         }

        tr#ljuser_row {
         background-image:url(http://img137.imageshack.us/img137/2334/figurevg9.gif);
         background-repeat:no-repeat;
         background-position:10px 5px;
         }

        tr#ljuser_row img {
         display:none;
         }


/*---------------------------------------------
   Tags Pages
----------------------------------------------*/

       /*look of "Visible Tags"*/
        #entries h2 {
         padding:20px 0px 0px 0px;
         }

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

        .ljtaglist li {
         padding:10px;
         border-bottom:1px solid #d5d5d5;
         list-style-type:none;
         }

/*---------------------------------------------
   Misc
----------------------------------------------*/

        div.systemmessage {
         padding:14px;
         background:#ececec;
         font-size:10px;
         color:#8a8a8a;
         }


       .nosubject {
         font-style:italic;
         }


        #readme {
         text-align:justify;
         padding: 2px;
         }


        li.links_header{
         font: 11px;
         border-bottom: 1px solid #8a8a8a;
         padding-top:7px;
         }