/* Cleaned CSS: */

/* Hello! This is the stylesheet of Halffling @ LJ. */
/* My comments are placed between things like this */
/* in order to help you along. */

body {
  background-color:      #dbdbdb;

  background-image:      url(http://i5.photobucket.com/albums/y180/ssknowle/litback.gif);

  font-family:           Verdana;
  color:                 #000000;
  font-size:             11px;
  line-height:            9pt;
  overflow-x:            hidden;
  margin:                 5px;
  margin-top:            0px;
}

html {
  scrollbar-face-color:       #e5e5e5;
  scrollbar-arrow-color:      #e5e5e5;
  scrollbar-highlight-color:  #e6e6e6;
  scrollbar-3dlight-color:    #c1c1c1;
  scrollbar-shadow-color:     #cdcdcd;
  scrollbar-darkshadow-color: #c1c1c1;
  scrollbar-track-color:      #dbdbdb;
}

.pagealign {
  text-align: center;
}

.bodytable {
  width: 50%;
}

/* borders along the page. */
/* To disable a border, change to 0px */
.border4 {
  border: 1px solid #b4b4b4;
}

.border3 {
  border: 2px solid #cdcdcd;
}

.border2 {
  border: 1px solid #9a9a9a;
}

/* links on page */
a, a b {
  color:           #079b0e;
  font-weight:     bold;
  text-decoration: none;
}

/* links when cursor is hovering over it */
a:hover, a:hover b, a:hover .nosubject {
  color:           #000000;
  font-weight:     bold;
  text-decoration: none;
  cursor: crosshair;
}

/* italicized text. Remove if you don't want it a different color */
i {
  color: #595959;
}

/* bolded text. Remove if you don't want it a different color */
b {
  color: #595959;
}

/* change to 'float:right' if you want your posting icon on the right. */
.userpic2 {
  float:        right;
  text-align:   right;
  margin-top:   2px;
  margin-right: 2px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 0px
}

/*if userpic in the sidebar is enabled. */
#userpic { 
  overflow:      visible; 
  text-align:    center;
  margin-bottom: 5px; 
  padding:       2px;
}

/* the next three deal with the navigation links at the top */
#nav {
  background-color: #b4b4b4;
  font-size:        10px;
  letter-spacing:    2px;
  text-transform:   uppercase;
  padding-top:      10px;
  white-space:      nowrap;
}

#nav a {
  font-size:        10px;
  color:            #e6e6e6;
  text-decoration:  none;
  padding-left:     12px;
  padding-right:    10px;
  padding-top:       1px;
  background-color: #b4b4b4;
}

#nav a:hover {
  color:            #000000;
  background-color: #cdcdcd;
}

/* main area of text */
#content {
  background-color: #e5e5e5;
  padding:          2px;
}

.sidetd {
  width: 185px;
}

/* the columns */
.columncontent {
  font-size:        11px;
  text-align:       center;
  background-color: #e6e6e6;
  padding:           2px;
}

/* the header of each column */
.columncontent strong {
  font-size:      10px;
  color:          #000000;
  font-weight:    bold;
  text-transform: uppercase;
}

/* text area of the columns */
.columnitem {
  text-align:       justify;
  padding:          2px;
  margin-top:       4px;
  background-color: #dbdbdb;
  border:           1px solid #9a9a9a;
  overflow:         visible;
}

/* links in the side column */
#sidecolumn a {
  color:           #9a9a9a;
  font-size:       10px;
  text-decoration: none;
}

#sidecolumn a:hover {
  color:           #000000;
  font-size:       10px;
  text-decoration: none;
}

/* the calendar on the side */
.calrow {
  clear:      both;
  width:      120px;
  text-align: center;
}

.calempty {
  width: 5px;
}

.calactitem {
  font-size:        9px;
  text-align:       center;
  background-color: #cdcdcd;
}

.calinitem {
  font-size:  9px;
  text-align: center;
}

/* days on the calendar page */
.bigday {
  font-size:   11px;
  font-weight: bold;
}

/* the text area on the Reply to Post or Comment page */
input, textarea, select {
  color:            #333333;
  font-family:      Verdana;
  font-size:        11px;
  background-color: #e5e5e5;
  border:           1px solid #c1c1c1;
}

/* the subject of the post */
.subject {
  color:          #3d3d3d;
  font-size:      12px;
  font-weight:    bold;
  text-transform: uppercase;
  padding-top:     1px;
  padding-bottom:  1px;
}

/* the following deal with entries themselves */
.entry {
  font-size:     11px;
  margin-bottom: 10px;
}

.entrycontent {
  width: 85%;
}

/* mood & song */
.meta {
  text-transform: uppercase;
  font-size:      10px;
  font-weight:    bold;
}

/* tags */
.tags {
  color:            #9a9a9a;
  font-size:        9px;
  background-color: #d0d0d0;
  text-transform:   uppercase;
  padding:          1px;
}

/* the next two are where it says "posted by" */
.entryinfo {
  color:            #9a9a9a;
  font-size:        10px;
  font-weight:      bold;
  text-transform:   uppercase;
  background-color: #e6e6e6;
  padding-top:      2px;
  padding-bottom:   2px;
}

/* the next three deal with the links at the bottom of each entry */
.entrylinks {
  font-size:        9px;
  padding-top:      2px;
  padding-bottom:   2px;
  background-color: #c1c1c1;
  text-align:       center;
}
	
.entrylinks a {
  color:           #079b0e;
  text-align:      center;
  text-transform:  uppercase;
  text-decoration: none;
  white-space:     nowrap;
}
	
.entrylinks a:hover {
  color:            #000000;
  background-color: #b4b4b4;
  text-decoration:  none;
}

/* when a whole bunch of replies occurs and they turn to boxes */
.minicomment {
  font-size:        11px;
  padding:          4px;
  background-color: #e6e6e6;
  border:           2px solid #dbdbdb;
}
	
.minicommentholder {
  border: 1px solid #c1c1c1;
}

.messageholder {
  border:        1px solid #c1c1c1;
  margin-bottom: 5px;
  margin-top:    5px;
}

/* when viewing comments, where it says "comments" */
.notablemessage {
  padding: 4px;
}

/* year in calendar page */
.systemtext {
  color:          #447369;
  font-weight:    bold;
  text-transform: uppercase;
}

/* back, forward links, etc. */
.systemmessage {
  font-size:        11px;
  background-color: #e6e6e6;
  border:            2px solid #dbdbdb;
}

.systemmessage a {
  padding-left:   10px;
  padding-right:  10px;
  padding-top:     2px;
  padding-bottom:  2px;
}

.systemmessage TD {
  font-size: 11px;
  padding:    2px;
}

/* on the comments page, the username of the commenter */
.postedby {
  font-size:      11px;
  text-transform: uppercase;
}

/* if you enabled IP logging */
.ip {
  color: #447369;
}

/* if logged in, this edits the "mass action on selected comments" option */
.multiform {
  font-weight: bold;
}

/* the links that say 'back to top' at the bottom of each entry */
.backtop {
  text-align: right;
}

.backtop a {
  color: #a7a7a7;
}

/* I'm not sure if the next two really do anything */
.friendcolor {
  width:  10px;
  height: 10px;
}

.friendname {
  text-decoration: none;
}

