@import url(http://fonts.googleapis.com/css?family=Istok+Web|Oxygen);

body {
    font-family: 'Oxygen', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Istok Web', sans-serif;
}

.pumkin-border-left {border-left: 5px #2ECC71 solid; padding-left: 5px;}
h5.date {text-align: right; background: #8B5E7A; color: #fff; float: right; padding: 1px 5px; font-weight: normal;}

ul.post-list {list-style-type: none; margin: 0;}
ul.post-list li h5.date {background: #E67E22;}

.footer {border-top: 3px solid #1ABC9C; padding: 3px;}

.nav > li > a:hover, .nav > li > a{
    text-decoration: none;
    background-color: #1ABC9C;
    color: #fff;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    color: #ffffff;
    background-color: #1ABC9C;
}

.masthead h2.muted a,
.masthead h2.muted a:hover {text-decoration: none; color: #E74C3C;}

label {font-weight: bold;}

span.c {color: #2ECC71;}
span.o {color: #2980B9;}
span.l {color: #E74C3C;}
span.o2 {color: #F39C12;}
span.r {color: #1ABC9C;}
span.s {color: #9B59B6;}
.footer span {font-weight: bold;}
/* Large desktop */
@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 940px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 740px;
    }
    .masthead h2 {margin: 0;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 740px;
    }
    .masthead h2 {margin: 0;}
    .page-title {font-size: 20px; margin: 0.2em 0;}
    ul.post-list li h3 {font-size: 16px; line-height: 20px;}
    p {margin: 0.2em;}
    h5.date {display: none;}
    .nav li a span.text {display: none;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 460px;
    }
    .masthead h2 {margin: 0;}
}