/* blog styles */
.blogArea
{
    width: 100%;
    }
.blogItem
{
    width: 680px;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 8px;
    border-bottom: 6px dotted #bbb;
    overflow: hidden;
}
.blogTitle
{
    font-size: 24px;
    color: #3366cc;
    margin-bottom: 0;
    padding-top: 6px;
}
.blogDateCreated
{
    font-size: 9px;
    color: #999999;
    margin: 0;
    text-align: right;
    padding-bottom: 6px;
}
.blogTags
{
    width:100%;
    background-color:#dddddd;
    font-size: 9px;
    font-weight:bold;
    color: #999999;
    margin: 0;
    text-align: right;
    padding-bottom: 6px;
}
.blogCommentsHeader
{
    background-color:#dddddd;
    font-size: 9px;
    font-weight:bold;
    color: #999999;
    margin: 0;
    text-align: left;
    padding-bottom: 0;
}
.blogEntry
{
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica;
    color: #333333;
    margin: 0;
    padding-bottom: 6px;
}
.blogWeiter
{
    font-size: 12px;
    color: #6666cc;
    margin: 0;
    text-align: right;
    padding-bottom: 6px;
}
.blogArticleArea
{
    border: 0px solid #aaaaaa;
    float: left;
    width: 658px; 
}
.blogLinksArea
{
    float: right;
    width: 220px;
    padding-left: 10px;
    border: 2px solid #C9D08B;
}
p.blogRecentArticlesArea, p.blogArchivArea, p.blogTagArea
{
    padding-top: 0;
    padding-bottom: 0px;
    text-decoration: none;
}
.blogRecentArticleLink
{
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 1px;
    margin-top: 2px;
}
        
a.blogLinksArea
{
    color: #3366cc;
}

.blogComments 
{
    margin-left:5%;
    font-size:11px;
}
.blogCommentAuthor 
{
    margin-left:-5%;
    font-size:13px;
    font-weight:bold;
}
.blogCommentDateEntered 
{
    text-align:right;
    font-size:9px;
}
.blogComment
{
    margin-left:-5%;
    margin-bottom:20px;
    border-bottom:1px dotted #666666;
    font-size:11px;
}
.blogNewCommentArea
{
    background-color:#dddddd;
    width:95%;
}

.blogNewCommentLabel
{
    width:160px;
    text-align:right;
    padding-right:8px;
    float:left;
    display:block;
    font-weight:normal;
    font-size:11px;
    margin-top:8px;
}
.blogCommentInput
{
    margin:4px;
    font-weight:normal;
}

/*toggle view */
#toggle-view
{
    list-style: none;
    list-style-image: none;
    background-image: none;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 190px;
}
        
#toggle-view li
{
    /*margin: 10px;
    border-bottom: 1px solid #ccc;*/
    position: relative;
    cursor: pointer;
    background-image: none;
}
        
#toggle-view h3
{
    margin: 0;
    font-size: 14px;
    color:#444444;
}
        
#toggle-view span
{
    position: absolute;
    right: 5px;
    top: 0;
    color: #999;
    font-size: 13px;
}
        
#toggle-view p
{
    margin: 5px 0;
    display: none;
}