.blog {
        padding-bottom: 40px;
}

.admin-controls {
        float: left;
}

/* @group Article */

.article-area {
        float: left;
        width: 540px;
        padding-left: 60px;
        margin-right: 20px;
        clear: both;
        padding-top: 90px;
}

.article-area .article {
        float: left;
        clear: both;
        margin-bottom: 30px;
        border-bottom: 1px dotted #cbcbcb;
        display: block;
        width: 540px;
}

.article-area .article .article-excerpt {
        float: left;
        display: inline-block;
        clear: both;
        width: 100%;
}

.article-area .article-info {
        float: left;
        width: 100%;
        border: 1px solid #d6d8da;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 20px;
        padding-top: 5px;
        display: inline-block;
}

.article-area .article-info ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
}

.article-area .article-info ul li {
        display: inline-block;
        float: left;
}

.article-area .article-info ul.publish-info {
        float: left;
        padding-left: 10px;
        padding-top: 2px;
}

.article-area .article-info ul.publish-info li:first-child {
        font-weight: bold;
        padding-right: 5px;
}

.article-area .article-info ul.article-actions {
        float: right;
}

.article-area h2 {
        line-height: 30px;
}

.article-area h2 a {
        color: #111;
}

.article-area h2 a:hover {
        color: #0c4678;
}

.article-area .article p {
        font-size: 14px;
        clear: left;
        float: left;
        width: 540px;
}

.article-area .article p img {
        width: 100%;
}

.article-area .articles-pager {
        float: left;
        clear: both;
        width: 300px;
        display: block;
        padding-bottom: 30px;
}

.article-area .articles-pager a {
        font-size: 16px;
        padding-right: 10px;
        display: inline-block;
}



/* @end */

/* @group BlogSide */

.blogside-area {
        float: left;
        padding-left: 40px;
        width: 300px;
        padding-top: 50px;
}

.blogside-area ul {
        margin: 0;
        list-style-type: none;
}

.blogside-area h3 {
        margin: 0;
        padding: 10px;
        border-bottom: 1px dotted #d6d8da;
        font-size: 16px;
}

.blogside-area .search input {
        font-size: 14px;
        height: 15px;
        background: white url(/images/search-input.png?1435680960) no-repeat 235px;
        color: #666;
        border: 1px solid #d7d7d7;
        width: 218px;
        padding: 8px 30px 8px 10px;
}

.blogside-area .search {
        float: left;
        margin-top: 40px;
        padding-left: 0;
        padding-right: 0;
        zoom: 1;
}

.blogside-area .search input {
        font-size: 14px;
        width: 218px;
        height: 15px;
        padding: 8px 30px 8px 10px;
        background: white url(/images/icons/search-icon.png?1435680960) no-repeat 235px center;
        color: #666;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        outline: none;
        border-top-color: #d9d9d9;
        border-right-color: #bebebe;
        border-left-color: #ccc;
        border-bottom: 1px solid #ccc;
}

.blogside-area .search input.noempty {
        background: #fefaec url(/images/icons/clear-icon.png?1435680960) no-repeat 235px center;
        color: black;
}

.blogside-area .search .reset {
        display: block;
        position: absolute;
        top: 45px;
        right: 5px;
        width: 22px;
        height: 22px;
        z-index: 4;
}

/* @group Categories */

.blogside-area .categories {
        float: left;
        clear: left;
        width: 260px;
        border: 1px solid #d6d8da;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top: 40px;
}

.blogside-area .categories .actns {
        padding: 10px 10px 5px;
        border-bottom: 1px dotted #d6d8da;
}

.blogside-area .categories ul li {
        clear: left;
        font-size: 14px;
        padding: 10px;
}

.blogside-area .categories ul li input.checkbox {
        margin-right: 10px;
        border-style: none;
}

.blogside-area .categories ul li input.input {
        padding: 2px;
        font-size: 14px;
}

.blogside-area .categories ul li.category-item {
        padding: 0;
}

.blogside-area .categories ul li.category-item a {
        padding: 10px;
        display: block;
}

.blogside-area .categories ul li.category-item:last-child a {
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
}

.blogside-area .categories ul li.category-item a:hover,
.blogside-area .categories ul li.category-item a.sel {
        background-color: #f7f7f7;
}

/* @end */

.blogside-area .active-articles {
        float: left;
        clear: left;
        width: 260px;
        margin-top: 20px;
        border: 1px solid #d6d8da;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.blogside-area .active-articles ul {
}

.blogside-area .active-articles ul li a {
        display: block;
        padding: 10px 14px;
        border-bottom: 1px dotted #d6d8da;
}

.blogside-area .active-articles ul li a:hover {
        border-color: #d6d8da;
        background-color: #f7f7f7;
}

.blogside-area .active-articles ul li:last-child a {
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-style: none;
}

.blogside-area .article-archive {
        float: left;
        clear: left;
        width: 260px;
        margin-top: 20px;
        border: 1px solid #d6d8da;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.blogside-area .article-archive h3 {
        border-bottom-style: none;
}

/* @end */

/* @group Comments */



/* @end */

/* @group Article Edit */

.article-comments {
        float: left;
        padding: 20px 0;
        width: 580px;
}

.article-comments ul {
        list-style-type: none;
        margin: 0;
        width: 580px;
        float: left;
}

.article-comments li {
        float: left;
        display: block;
        clear: both;
        width: 580px;
}

.article-comments button {
        margin: 5px 0 0 0;
}

.article-comments li p {
        width: 418px;
        margin-bottom: 0;
        min-height: 60px;
}

.article-comments .desc {
        float: left;
        clear: left;
        width: 125px;
        background: url(/images/comment-icon.png?1435681440) no-repeat 105px 10px;
        display: inline-block;
        padding-top: 35px;
        padding-left: 0;
        padding-right: 15px;
}

.article-comments .desc .btn {
        float: right;
        margin: 5px 0 0;
}

.article-comments .desc form {
        display: inline;
        float: right;
}

.article-comments .author {
        display: block;
        float: left;
        font-weight: bold;
        width: 125px;
        text-align: right;
}

.article-comments .date {
        display: block;
        color: #7f7f7f;
        clear: left;
        float: left;
        width: 125px;
        text-align: right;
}

.article-comments .desc a.btn {
        float: right;
        margin: 5px 0 0 0;
}

.article-comments textarea {
        width: 380px;
        float: left;
        height: 100px;
        margin: 25px 0 10px;
        border: 1px solid #bfbfbf;
        font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        color: #323232;
        padding: 8px;
}

.article-comments textarea:focus {
        background-color: #fffaeb;
}

.article-comments .new-comment
 {
        float: left;
        width: 440px;
        padding-top: 0;
        padding-bottom: 10px;
        padding-right: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
}

.article-comments .new-comment.err span {
        color: #d6212d;
        font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
        display: block;
        padding: 0 10px 10px 0;
}

.article-comments .new-comment.err textarea {
        border-color: #cb3e5d;
        background-color: #fff7f7;
}

.article-comments p {
        float: left;
        border-left: 1px solid #e6e6e6;
        padding: 35px 10px 10px;
        min-height: 40px;
        font-size: 12px;
}

.article-comments li.admin p {
        background-color: #fefaec;
}

.article-comments .used-chars {
        clear: both;
        text-align: right;
        font-size: 10px;
        margin-bottom: 5px;
        width: 390px;
}

.article-comments .nouser {
        padding: 10px;
        background-color: #fefaec;
        margin-top: 30px;
        float: left;
        display: inline-block;
        border: 1px solid #fde497;
                -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 520px;
}

.article-comments .info {
        padding: 10px;
        background-color: #fffaed;
        width: 560px;
        float: left;
        display: inline-block;
}

.article-comments .nouser a {
        display: inline;
        padding-left: 5px;
        font-weight: bold;
}



/* @end */

/* @group Search results */

.blog h1.title {
        font-size: 18px;
        margin-bottom: 40px;
        padding-top: 5px;
}

/* @end */