.journalbox {                                               /* This section controls the body of the journal                                                                               */
    background-color: #ffffff;                              /* Color of the background, but only for the body                                                                              */
    border-width: 1px;                                      /* This control the border that surounds the whole journal                                                                     */
    border-color #8692a8;                                   /* This is for the border's color                                                                                              */
    border-style: solid;                                    /* Controls the type of border you want [see Append #1]                                                                        */
}

.journalbox .list li {                                      /* This section is for the moods                                                                                               */
    background-color: transparent;                          /* As it says, it'll make the background transparent                                                                           */
    text-align: center;                                     /* Control text alignment [ left | center | right ]                                                                            */
    color: #003559;                                         /* Control the color of the text                                                                                               */
}

.journalbox .list li.a {                                    /* This section is for the moods (Just put the same thing as the section above)                                                */
    background-color: transparent;                          /* As it says, it'll make the background transparent                                                                           */
    text-align: center;                                     /* Control text alignment [ left | center | right ]                                                                            */
    color: #003559;                                         /* Control the color of the text                                                                                               */
}

.journalbox h2 {                                            /* This section controls the text of the title                                                                                 */
    color: #005893;                                         /* Control the color of the text                                                                                               */
}

.journalbox .journaltop {                                   /* This section control the graphic element ot the journal's top                                                               */
    background-color: #ffffff;
    text-align: center;
    color: #005893;
    background-image: url(http://url/img.jpg);              /* Give the location of the image you want to use                                                                              */
    background-repeat: repeat-x;                            /* This is how to repeat the image used [see Append #2]                                                                        */
    background-position: top center;                        /* This control where the initial image will be places and the repeated from [see Append #3]                                   */
}

.journalbox a {                                             /* This section controls the color of links in the text                                                                        */
    color: #003559;
}

.journalbox a:hover {                                       /* This section controls the color of links when you hover on them                                                             */
    color: #70E0FF;
}

.journalbox .journalbottom a.commentslink {                 /* This section controls the color of the "00 Comments" links at the bottom of the journal                                     */
    color: #003559;
}

.journalbox .journalbottom a.prevlink {                     /* This section controls the color of the "Previous Journal Entries" links at the bottom of the journal                        */
    color: #003559;
}

.journalbox .journalbottom a.commentslink:hover {           /* This section controls the color of the "00 Comments" links at the bottom of the journal when hovered                        */
    color: #A785FF;
}

.journalbox .journalbottom a.prevlink:hover {               /* This section controls the color of the "Previous Journal Entries" links at the bottom of the journal when hovered           */
    color: #A785FF;
}

.journalbox .journalbottom {                                /* This section control the graphic element ot the journal's bottom, where the "0 Comments | Previous Journal Entries" is      */
    background-image: url(http://url/img.jpg);
    background-repeat: repeat-x;
    background-position: bottom center;                     
}

.journalbox .journaltext {                                  /* This section control the graphic element ot the journal's main body                                                         */
    color: #486b8f;
    background-image: url(http://url/img.jpg);
    background-repeat: repeat-x;
    background-position: bottom center;
}

.journalbox .journaltop img {                               /* This section removes the little journal icon next to the main title, to keep it, remove this whole section                  */
    display: none;
}

/*

Append #1
   Variants: none | dotted | dashed | solid | double | groove | ridge | inset | outset
   
Append #2
   Variants: repeat | repeat-x | repeat-y | no-repeat
      repeat: repeats the image horizontally and vertically
      repeat-x: repeats the image horizontally
      repeat-y: repeats the image vertically
      no-repeat: doesn't repeat the image
   
Append #3
   This property uses 2 values
   Variants: top | center | bottom & left | center | right
   
   
   
Other Resources
   http://www.htmlhelp.com/reference/css/all-properties.html     - Almost everything about CSS
   http://www.siteprocentral.com/html_color_code.html            - A little thing that give you the color codes to use in the journal
   
*/