a {color:#fe2e9a;}
body {
  margin-top:40px;
  background:#fff;
}
h1,h2,h3 { font-family: 'Droid Sans'; }
h1,h2 {
    line-height:0.8em;
    margin:15px 0 24px 0;
}

nav {
    text-align:center;
    position:fixed;
}

#logo {padding: 0 0 10px 0;}
#logo a {color:#333;text-decoration:none;}
#logo h1,
#logo h3 {
    margin:0;
    padding:0;
    line-height:normal;
}
#logo h3 {margin: -6px 0 0 -6px; }

nav ul {margin:auto !important;width:60%;}
.nav-pills>.active>a, .nav-pills>.active>a:hover {background-color:#fe2e9a;}
#content {margin-left: 280px;}
.page-title h1 {float:left;}
.meta {font-size:55%;color:#AD6B00;}
footer {
    margin-top:20px;
    border-top:solid 1px #ddd;
    font-size:80%;
    color:#777;
}

.post-item {
    padding: 10px 0;
    border-bottom:4px solid #eee;
}

@media (max-width: 979px) and (min-width: 768px) {
    #content {margin-left:220px;}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    body { margin-top: 20px;}
    #content {margin-left:0;}
    nav {
        position:relative;
        margin-bottom:20px;
        padding-bottom: 20px;
        border-bottom:2px solid #eee;
    }
    nav ul {text-align:center;width:220px;}
    nav ul li {display:inline;margin-right:5px;float:left !important; text-align:center;}
    small {display:block;clear:both;}
    .mhide {display:none;}
    .page-title {margin-bottom: 10px;}
.page-title p {float:left;margin-top:5px;clear:both;}
}