/* BLOG */

/* latestBlog */

.latestBlogs {
        background: url(color_blue/pics/blogArchive.jpg) no-repeat top;
        height: 290px;
        overflow: visible;
        padding: 0px 40px 0px 40px;
}

html>body .latestBlogs {
        height: auto;
        min-height: 290px;
        overflow: hidden;
}

.latestBlogs h1 {
        font: bold italic 13px Tahoma, Arial, sans-serif;
        color: #005ba1;
        margin: 0;
        padding: 28px 0px 20px 40px;
}

.latestBlogs .latestBlog {
        padding: 10px 0px 10px 0px;
}

.latestTopic a {
        color: #005ba1;
        text-decoration: none;
}

.latestTopic a:hover {
        color: #005ba1;
        text-decoration: underline;
}

.latestDate {
        display: none;
}

.latestText p {
        padding: 0px;
        margin: 0px;
}


/* blogArchive */

#blogArchive {
        background: url(color_blue/pics/blogArchive.jpg) no-repeat top;
        height: 290px;
        overflow: visible;
        position: relative;
        top: -10px;
}

html>body #blogArchive {
        height: auto;
        min-height: 290px;
        overflow: hidden;
}

#blogArchive h1 {
        font: bold italic 13px Tahoma, Arial, sans-serif;
        color: #005ba1;
        margin: 0;
        padding: 28px 0px 20px 70px;
}

#blogArchive a {
        color: #000;
        text-decoration: none;
}

#blogArchive a:hover {
        text-decoration: underline;
}

#blogArchive .blogYear {
        padding: 10px 10px 8px 70px;
        background: url(color_blue/pics/blogYear.jpg) no-repeat 40px center;
}

#blogArchive .blogMonth {
        padding: 1px 10px 1px 85px;
        font-style: italic;
}

/* blogCategories */

#blogCategories {
        padding: 10px 0px 0px 0px;
}

#blogCategories h1 {
        font: bold italic 13px Tahoma, Arial, sans-serif;
        color: #005ba1;
        margin: 0;
        padding: 0px 0px 20px 10px;
}

#blogCategories a {
        color: #000;
        text-decoration: none;
}

#blogCategories a:hover {
        text-decoration: underline;
}

#blogCategories .blogCategory {
        padding: 2px 10px 2px 25px;
        background: url(color_blue/pics/blogCategory.jpg) no-repeat 10px 7px;
}

/* blogList */

#blogList {
        width: 402px;
        background: url(color_blue/pics/blogArea.jpg) no-repeat top;
}

#blogList .blogListProperties {
        display: block;
        height: 50px;
        padding: 10px;
}

#blogList .blogPropertyCategory {
        width: 210px;
        float: left;
}

#blogList .blogPropertyWritings {
        width: 160px;
        float: left;
}

#blogList .blogListUnit {
        clear: both;
        padding: 10px 10px 20px 10px;
}

#blogList .blogHeader {
        width: 250px;
        float: left;
}

#blogList .blogHeader a {
        text-decoration: none;
}

#blogList .blogHeader a:hover {
        text-decoration: underline;
}

#blogList .blogDate {
        width: 120px;
        float: right;
        text-align: right;
        color: #8d8d8d;
        font-size: .85em;
}

#blogList .blogText {
        clear: both;
        padding: 1px 0px 5px 0px;
}

#blogList .blogFooter {
        color: #8d8d8d;
        font-size: .85em;
        padding: 0px 0px 15px 0px;
        background: url(color_blue/pics/blogFooter.jpg) no-repeat left bottom;
}

/* blogPreviosNext */

.blogPreviousNext {
        height: 30px;
        padding: 5px 50px 5px 50px;
}


.blogPreviousNext .blogPrevious {
        float: left;
        width: auto;
}

.blogPreviousNext .blogNext {
        float: right;
        width: auto;
}

/* blog */

.blog .blogBackToList {
        padding: 0px 0px 20px 0px;
}

.blog .blogHeader {
        width: 250px;
        float: left;
        color: #005ba1;
}

.blog .blogDate {
        width: 120px;
        float: right;
        text-align: right;
        color: #8d8d8d;
        font-size: .85em;
}

.blog .blogText {
        clear: both;
        padding: 1px 0px 0px 0px;
}

.blog .blogFooter {
        color: #8d8d8d;
        font-size: .85em;
        padding: 0px 0px 15px 0px;
}

.blog .blogComments {
        padding: 10px 0px 10px 0px;
}

.blogComments h1 {
        font: bold italic 13px Tahoma, Arial, sans-serif;
        color: #005ba1;
        margin: 0;
        padding: 0px 0px 0px 0px;
}

.blogComments .blogComment {
        clear: both;
        font-style: italic;
        padding: 20px 0px 5px 0px;
}

.blogComments .blogCommenter {
        font-style: italic;
        width: auto;
        float: left;
}

.blogComments .blogCommentDate {
        width: auto;
        float: left;
        padding: 0px 0px 0px 10px;
        color: #8d8d8d;
        font-size: .85em;
}

.blog .addComment {
        clear: both;
        padding: 20px 0px 10px 0px;
}

.blog .addComment h1 {
        font: bold italic 13px Tahoma, Arial, sans-serif;
        color: #005ba1;
        margin: 0;
        padding: 10px 0px 10px 0px;
}

.blog .addComment form input.textInput {
        width: 270px;
}

.blog .addComment form textarea {
        width: 270px;
        height: 100px;
}

.blog .addComment form input.sendComment {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 3px 0px;
        border: none;
        width: 92px;
        height: 20px;
        background: url(color_blue/pics/sendComment.jpg) no-repeat;
        cursor: pointer;
}