/** HTML elements **/
body
{
    margin: 0;
    padding: 0;
    color: black;
    background-color: rgb(222,129,140);
    font-family: 'Comic Sans MS','Lucida Casual',Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
form input, form textarea, form select
{
    color: #000000;
    padding-left: 4px;
    font-size: 12px;
    font-family: 'Comic Sans MS','Lucida Casual',Georgia, Verdana, Arial, Helvetica, sans-serif;
}


/** major blocks **/
#container
{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 780px;
    background-color: white;
}
#banner
{
    height: 194px;
    background-color: rgb(243,220,127);
    border: 1px solid rgb(243,220,127);
}
#bannerimage
{
    margin: 0 auto;
    margin-top: 10px;
    /** need this for IE to centralise the image **/
    margin-left: 28px;
    width: 724px;
    height: 174px;
}
#bannerimage img
{
    border: 0;
}
#bannerimage a:link, #bannerimage a:active, #bannerimage a:visited, #bannerimage a:hover
{
    text-decoration: none;
}
#navigation
{
    color: rgb(241,241,253);
    font-weight: bold;
    border: 10px solid rgb(155,114,207);
    background-color: rgb(155,114,207);
}
#navigation a:link, #navigation a:active, #navigation a:visited
{
    color: white;
    text-decoration: none;
}
#navigation a:hover
{
    color: rgb(221,18,18);
    text-decoration: underline;
}
#contents
{
    background-color: white;
}
#leftbar
{
    float: left;
    width: 530px;
    background-color: white;
    border: 10px;
}
#entries
{
    margin: 10px;
}
.next-previous
{
    margin: 0 auto;
    text-align: center;
}
#previousEntry, #nextEntry
{
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}
#previousEntry a:link, #previousEntry a:active, #previousEntry a:visited, #nextEntry a:link, #nextEntry a:active, #nextEntry a:visited
{
    color: rgb(222,129,140);
    text-decoration: none;
}
#previousEntry a:hover, #nextEntry a:hover
{
    color: rgb(221,18,18);
    text-decoration: underline;
}
#rightbar
{
    float: right;
    background-color: white;
    width: 245px;
    border: 10px;
}
#calendar
{
    margin: 10px 10px 10px 0;
    border: 10px solid rgb(240,255,240);
    background-color: rgb(240,255,240);
}
#categoryChooser
{
    /*
    margin: 10px;
    */
    margin: 10px 10px 10px 0;
    border: 10px solid rgb(241,241,253);
    background-color: rgb(241,241,253);
}
#categories
{
    font-size: 11px;
}
#categories a:link, #categories a:active, #categories a:visited
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(155,114,207);
    text-decoration: none;
}
#categories a:hover
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}
#search
{
    /*
    margin: 10px;
    */
    margin: 10px 10px 10px 0;
    border: 10px solid rgb(241,241,253);
    background-color: rgb(241,241,253);
}
#recentComments
{
    margin: 10px 10px 10px 0;
    border: 10px solid rgb(241,241,253);
    background-color: rgb(241,241,253);
}
#decals
{
    /*
    margin: 10px;
    */
    margin: 10px 10px 10px 0;
}
#footer
{
    margin: 10px;
    height: 25px;
    text-align: center;
    border-top: 1px solid rgb(253,232,235);
}
#commentsContainer
{
    margin: 10px;
    background-color: white;
}
#commentsTitle
{
    color: rgb(241,241,253);
    border: 10px solid rgb(155,114,207);
    background-color: rgb(155,114,207);
}
#aboutImage
{
    width: 274px;
    height: 212px;
    margin: 0 auto;
    margin-left: 63px;
}


/** resuable **/
.headerText
{
    font-size: 15px;
    font-weight: bold;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.clearfloats
{
    clear: both;
}


/** reusable for calendar **/
.hCalendarTable
{
    margin: 0 auto;
    text-align: center;
    background-color: rgb(240,255,240);
}
.hCalendarMonthYearRow
{
    font-size: 15px;
    font-weight: bold;
}
.hCalendarMonthYearRow a:link, .hCalendarMonthYearRow a:active, .hCalendarMonthYearRow a:visited
{
    font-size: 15px;
    font-weight: bold;
    color: rgb(147,191,53);
    text-decoration: none;
}
.hCalendarMonthYearRow a:hover
{
    font-size: 15px;
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}
.hCalendarDayNameRow
{
    font-size: 11px;
    font-weight: bold;
}
.hCalendarDay
{
    font-size: 11px;
}
.hCalendarDayCurrent
{
    font-size: 11px;
    font-weight: bold;
    background-color: white;
}
.hCalendarDayCurrent a:link, .hCalendarDayCurrent a:active, .hCalendarDayCurrent a:visited
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(147,191,53);
    text-decoration: none;
}
.hCalendarDayCurrent a:hover
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}
.hCalendarDayLinked
{
    color: rgb(147,191,53);
}
.hCalendarDayLinked a:link, .hCalendarDayLinked a:active, .hCalendarDayLinked a:visited
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(147,191,53);
    text-decoration: none;
}
.hCalendarDayLinked a:hover
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}
.hCalendarNextPrev
{
    font-size: 11px;
    font-weight: bold;
}
.hCalendarNextPrev a:link, .hCalendarNextPrev a:active, .hCalendarNextPrev a:visited
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(147,191,53);
    text-decoration: none;
}
.hCalendarNextPrev a:hover
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}


/** reusable for entries **/
.entry
{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 10px solid rgb(253,232,235);
    background-color: rgb(253,232,235);
}
.entry img
{
    border: 0;
}
.entryHeader
{
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}
.entry a:link, .entry a:active, .entry a:visited
{
    color: rgb(222,129,140);
    text-decoration: none;
}
.entry a:hover
{
    color: rgb(221,18,18);
    text-decoration: underline;
}
.entryDate
{
    font-size: 10px;
    color: black;
    margin-top: 5px;
    margin-bottom: 15px;
}
.entryBody
{
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
.entryFooter
{
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.entryFooterDelimiter
{
    color: rgb(222,129,140);
    margin-left: 5px;
    margin-right: 5px;
}
.rightBarTitle
{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}


/** reusable for comments **/
.comments-head
{
    color: black;
    font-size: 15px;
    font-weight: bold;
    border: 10px solid rgb(241,241,253);
    background-color: rgb(241,241,253);
}
.comment
{
    margin: 10px;
    border: 10px solid rgb(253,232,235);
    background-color: rgb(253,232,235);
}
.commentAuthor
{
    font-size: 15px;
    font-weight: bold;
}
.commentAuthor a:link, .commentAuthor a:active, .commentAuthor a:visited
{
    color: rgb(222,129,140);
    text-decoration: none;
}
.commentAuthor a:hover
{
    color: rgb(221,18,18);
    text-decoration: underline;
}
.commentDate
{
    font-size: 10px;
    color: black;
    margin-top: 5px;
    margin-bottom: 15px;
}
.commentDate a:link, .commentDate a:active, .commentDate a:visited
{
    color: rgb(222,129,140);
    text-decoration: none;
}
.commentDate a:hover
{
    color: rgb(221,18,18);
    text-decoration: underline;
}
.commentBody
{
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
.commentBody a:link, .commentBody a:active, .commentBody a:visited
{
    color: rgb(222,129,140);
    text-decoration: none;
}
.commentBody a:hover
{
    color: rgb(221,18,18);
    text-decoration: underline;
}
.commentFormAuthor
{
    margin: 10px;
    font-size: 11px;
    border: 10px solid rgb(253,232,235);
    background-color: rgb(253,232,235);
}
.commentFormLabel
{
    margin-top: 5px;
    width: 75px;
    float: left;
}
.commentFormInput
{
    float: left;
}
.commentFormInputElement
{
    height: 25px;
}
.commentFormBody
{
    font-size: 11px;
}
.commentFormBodyTitle
{
    font-weight: bold;
}
.recentComment
{
    font-size: 11px;
}
.recentComment a:link, .recentComment a:active, .recentComment a:visited
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(155,114,207);
    text-decoration: none;
}
.recentComment a:hover
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}