@import "normalise.css";
@import "grid.css";

html {
    font-size: 162.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .65em;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    padding: 5px;
}


a {
    background: transparent;
    text-decoration: none;
    color: #222;
}

article.post-content a, article.post-content p a {
    text-decoration: underline !important;
    font-weight: 700;
}

a:active,
a:hover {
    outline: 0;
}

.margin-r25 {
    margin-right: 25px !important;
}

.separator {
    display: table;
    margin: 0;
    padding: 0;
    line-height: 0;
    clear: both !important;
}

#header {
    padding: 5px 15px;
    border-bottom: 4px double #CCC;
    margin-bottom: 35px;
    overflow: hidden;
}

#search-form form {
    display: block;
    margin-top: 12px;
}

#search-form input[type=text] {
    border: 1px solid #CCC;
    box-shadow: 0 0 2px #333;
    padding: 2px 5px;
}

.post-list-item {
    overflow: hidden;
    position: relative;
    margin-bottom: 45px;
}


.post-list-image {
    height: 170px;
    border: 1px solid #CCC;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 50px 10px #999 inset;
    background: transparent url("/images/ip.jpg") 50% 50% no-repeat;
    color: transparent;
}

.post-list-image img {
    opacity: .9;
    width: 100%;
}

.post-list-image img:hover {
    opacity: 1;
}

.post-list-image img {
    margin-top: -25px;
}
.post-list-date {
    position: absolute;
    right:1px;
    top: 0;
    padding: 0 7px;
    background: #555;
    color: #FFF;
    font: 700 10px/20px sans-serif;
    z-index: 2;
    border-radius:0 8px 0 0;
}
.post-list-lead {
    margin: 0;
    line-height: 120%;
}

.post-list-lead a {
    color: #555;
}

#page_counter {
    margin: 20px;
    font: 400 2em/2em Georgia,sans;
    border-top: 1px solid #ccc !important;
}

#page_counter a {
    border-bottom: 4px solid #FFF;
    padding: 5px;
}

#page_counter .selected {
    border-bottom: 4px solid #0080c0;
    padding: 5px;
}

#sidebar aside.advertisement {
    margin-bottom: 35px;
}

/* TOP Sidebar */
ul.top_news {
    list-style: none;
    margin-bottom: 0;
}

ul.top_news li {
    padding: 3px 0;
}
#top_top, #top_comment {
    border:1px solid #AAA;
    background-color: #efefef;
    margin-top: -1px;
    z-index:1;
}

#top_top .inner, #top_comment .inner {
    padding: 10px 5%;
}

#top_top_tab, #top_comment_tab {
    background-color: #CCC;
    border:1px solid #AAA !important;
    padding: 6px 10px 4px 10px !important;
    border-radius: 8px 8px 0 0;
    font-variant: small-caps;
    margin-right:3px !important;
    z-index:1;
}


#top_top_tab.selected a, #top_comment_tab.selected a {
    color:#ff4629;
    font-weight: bold;
    font-size:15px;
    line-height: 15px;
    background-color: #efefef;
}


#top_top_tab.selected, #top_comment_tab.selected {
    background-color: #efefef;
    font-weight: bold;
    border-bottom: 1px solid #efefef !important;
    z-index:2;
}
#sidebar nav {
    padding: 15px;
}

#sidebar nav a {
    display: block;
    padding: 5px;
}
.pub-date {
    color: #800000;
    font-size: 80%;
}

#sidebar nav a .pub-date {
    margin-right: 10px;
}

/* POST */

h1.post-title {
    margin: 0;
    margin-bottom: 10px;
    font: 400 1.8em/normal sans-serif;
}

.post-meta {
    margin-bottom: 25px;
}

.post-image {
    float: left;
    border: 1px solid #CCC;
    border-radius: 5px;
    margin: 0;
    margin-right: 25px;
    margin-bottom: 15px;
}

h2.section-title {
    padding-bottom: 5px;
    margin-bottom: 15px;
    font: 400 20px/normal sans-serif;
    border-bottom: 4px double #CCC;
}

.read-also .pub-date {
    margin-right: 10px;
}

#comments-form {
    margin-bottom: 25px;
    background-color: #ebebeb;
    border: 6px double #FFF;
    padding: 20px;
    overflow: hidden;
}

#comments-form label {
    display: block;
    clear: left !important;
    margin-bottom: 7px;
    font: 700 80%/100% sans-serif;
}

#comments-form input[type=text], #comments-form textarea {
    margin-bottom: 10px;
    width: 100%;
}

#comments-form #notification {
    display: none;
    padding: 25px 15px 0 15px;
    background-color: #FFF;
    border: 4px double #999;
    margin-bottom: 0;
    clear: both;
    margin-top: 15px;
}

#comments-form .rules {
    margin-top: 25px;
}

.comment-entry {
    margin-bottom: 25px;
}

.comment-entry .row {
    border-bottom: 1px solid #CCC !important;
    padding: 3px 0 7px 0;
    margin-bottom: 7px;
}

.bold {
    font-weight: 700;
}

.small {
    font-size: 75%;
}
.required {
    color: red !important;
}