﻿body
{
    font-family: Arial;
    background-color: #e1e3d5;
}

h2, h1
{
    margin: 0 0 20px 0;
    padding:0;
}

h2 a,h1
{
    color: #444444;
    text-decoration: none;
    font-size: 42px;
}

h2 a:visited
{
    color:#444444;
}

a
{
    color:#444444;
}

a:visited
{
    color:#444444;
}

a:hover
{
    color:#000000;
}

.header
{
    margin-top:10px;
}

.header .logo
{
    display:block;
    text-indent:-1000px;
    background-image: url(img/logo.png);
    background-position: no-repeat;
    width:539px;
    height:71px;
    position:relative;
    top:20px;
}

.page
{
    width: 940px;
    margin: 0 auto 0 auto;
}

.navigation
{
    float: right;
}

.navigation ul
{
    margin-top:25px;
    margin-bottom:5px;
    display: block;
    list-style: none;
    padding: 5px 5px 5px 5px;
    background-color: #090210;
    border-radius: 15px; -moz-border-radius: 15px;
    border:1px solid black;
    height: 41px;
}

.navigation li
{
    margin-left: 0;
    padding: 0;
    margin-top: 3px;
    float: left;
    border-radius: 5px; -moz-border-radius: 5px;
    background-color: #494250;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-transition-property: padding; -moz-transition-property: padding; transition-property: padding;
    -webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s;
    margin-top: 4px;
}

.navigation li a
{
    color: White;
    text-decoration: none;
    display: block;
    padding: 7px;
}

.navigation li:hover
{
    float: left;
    border-radius: 7px; -moz-border-radius: 7px;
    padding: 0px 10px 0px 10px;
    background-color: #8888FF;
    margin-right: 10px;
    -webkit-transition-property: padding; -moz-transition-property: padding; transition-property: padding;
    -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
}

.comment-count-block
{
    background-color: #e8f3ec;
    float:right;
    margin:10px;
    border-radius:10px; -moz-border-radius: 10px;
    padding:10px;
}

.comment-count-block a
{
    color:#333333;
    text-decoration:none;
}

.comment-count-block:hover
{
     margin: 8px;
     padding:12px;
}

div.content
{
    clear: both;
    padding: 20px 30px 20px 30px;
    border-radius: 15px; -moz-border-radius: 15px;
    background-color: white;
}

.post
{
    margin-bottom:100px;
}

.post-body
{
    line-height:25px;
}

.post .deprecated
{
    background-color:#FF5555;
    border-radius: 15px; -moz-border-radius: 15px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:20px;
}

.post-body ol li
{
    padding-bottom:10px;
}

.footer
{
    text-align:center;
    color:555555;
    margin-top:10px;
    margin-bottom:50px;
}

.footer a
{
    color:333333;
   
}

.comments-headline
{
    font-size:18px;
    margin-bottom:20px;
}

.comments
{
    border-radius: 15px; -moz-border-radius: 15px; 
    background-color: #e8f3ec;  
}

.comments>ul
{
    list-style: none;
    padding:20px;
}

.comments img
{
    border-radius: 5px; -moz-border-radius: 5px; 
    float:left;
}

.comments>ul>li
{
    margin-bottom:50px;
}

.comments li .information
{
    float:left;
    font-size:26px;
    display:block;
    margin-bottom:15px;
    height:64px;
    padding-top:16px;
    margin-left:10px;
    color:#333333;
}

.comments li .comment-body
{
    clear:both;
    line-height:25px;
}

.new-comment input,.comments .new-comment textarea
{  
    font-size:20px;
    color:#444444;
    border:0;
    font-family:Verdana;
}

.new-comment
{
    padding-left:20px;
    padding-right:20px;
}

.new-comment input[type=text], .new-comment textarea
{
    border-radius: 5px; -moz-border-radius: 5px; 
    padding:5px;
}

.new-comment .new-comment-title
{
    font-size:22px;
}

.new-comment-content
{
    width:100%;
    height:300px;
}

.new-comment label
{
    display:block;
    padding-top:15px;
    padding-bottom:5px;
    
}

.new-comment input[type=submit], .form input[type=submit]
{
    margin-left: 0;
    padding: 5px;
    margin-top: 13px;
    margin-bottom:13px;
    border-radius: 5px; -moz-border-radius: 5px;
    background-color: #494250;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-transition-property: padding; -moz-transition-property: padding; transition-property: padding;
    -webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s;
    color:#ffffff;
    font-size:20px;
    border:0;
    font-family:Verdana;
}

.new-comment input[type=submit]:hover, .form input[type=submit]:hover
{
    border-radius: 7px; -moz-border-radius: 7px;
    padding: 5px 15px 5px 15px;
    background-color: #8888FF;
    margin-right: 10px;
    -webkit-transition-property: padding; -moz-transition-property: padding; transition-property: padding;
    -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
}

.new-comment .help-text
{
    float:right; 
    color:#777777; 
    padding-top:17px;
    padding-right:5px;
    font-size:12px;
}

.new-comment .help-text a
{
    color: #777777;
}

.new-comment .help-text a:hover
{
    color: #444444;
}

.big-numbers
{
    font-weight:bold;
    font-size:32px;
    color:#333333;
    margin-left:20px;
}

.list-text
{
    font-weight:normal;
    font-size:14px;
    color:#000000;
    display:block;
    padding-top:-8px;
}
.input-validation-error 
{
    border:2px solid #FF5555 !important;
}

/*
*
* FORMS
*
*/
.form-group
{
    background-color:#e8f3ec;
    border-radius: 5px; -moz-border-radius: 5px; 
    padding:15px;
    margin-bottom:10px;
}

.form-group>div:first-child
{
    font-size:22px;
}

.form-group>div:last-child
{
    margin-top:10px;
}

.form-label
{
    margin-top:15px;
}


.post-form input[type=text]
{
    padding: 5px;
    font-size:20px;
    width:400px;
    border-radius: 5px; -moz-border-radius: 5px; 
    border:0;
    color:#444444;
}

.post-form textarea
{
    width:850px;
    height:500px;
    font-family:Arial;
    font-size:20px;
    padding:5px;
    border-radius: 5px; -moz-border-radius: 5px; 
    border:0px;
    color:#444444;
}

.post-form textarea.teaser, .post-form textarea.deprecation-reason
{
    height:200px;
}

.post-form input.datepicker
{
    width:100px;
}
