/* 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:      #95abb0;

  font-family:           Trebuchet MS;
  color:                 #0f1112;
  font-size:             11px;
  line-height:            9pt;
  overflow-x:            hidden;
  margin:                 5px;
  margin-top:            10px;
}

html {
  scrollbar-face-color:       #f5f7f8;
  scrollbar-arrow-color:      #f5f7f8;
  scrollbar-highlight-color:  #f5f7f8;
  scrollbar-3dlight-color:    #cbd6d8;
  scrollbar-shadow-color:     #708084;
  scrollbar-darkshadow-color: #cbd6d8;
  scrollbar-track-color:      #95abb0;
}

.pagealign {
  text-align: center;
}

.bodytable {
  width: 50%;
}

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

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

.border2 {
  border: 1px solid #252b2c;
}

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

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

/* change to 'float:right' if you want your posting icon on the right. */
.userpic2 {
  float:        right;
  text-align:   right;
  margin-top:   0px;
  margin-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: #4b5658;
  font-size:        10px;
  letter-spacing:    2px;
  text-transform:   uppercase;
  padding-top:      10px;
  white-space:      nowrap;
}

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

#nav a:hover {
  color:            #0f1112;
  background-color: #708084;
}

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

.sidetd {
  width: 175px;
}

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

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

/* text area of the columns */
.columnitem {
  padding:          2px;
  margin-top:       4px;
  background-color: #95abb0;
  border:           1px solid #252b2c;
  overflow:         visible;
}

/* links in the side column */
#sidecolumn a {
  color:           #252b2c;
  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: #708084;
}

.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:            #4b5658;
  font-family:      Trebuchet MS;
  font-size:        11px;
  background-color: #f5f7f8;
  border:           1px solid #cbd6d8;
}

/* 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;
}

/* the following was causing issues in firefox */
/*
.entrytext {
  overflow-x:    hidden;
  text-overflow: clip;
  word-wrap:     break-word;
}
*/

.entrycontent {
  width: 50%;
}

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

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

/* the next two are where it says "posted by" */
.entryinfo {
  color:            #252b2c;
  font-size:        10px;
  font-weight:      bold;
  text-transform:   uppercase;
  background-color: #f5f7f8;
  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: #cbd6d8;
  text-align:       center;
}
	
.entrylinks a {
  color:           #4b4b4b;
  text-align:      center;
  text-transform:  uppercase;
  text-decoration: none;
  white-space:     nowrap;
}
	
.entrylinks a:hover {
  color:            #000000;
  background-color: #4b5658;
  text-decoration:  none;
}

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

.messageholder {
  border:        1px solid #cbd6d8;
  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: #f5f7f8;
  border:            2px solid #95abb0;
}

.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;
}