#tumblr_controls { display:none; }
* { word-break: break-all }
body { padding-top:70px; background:radial-gradient(#fff, #999) }
.container { max-width:740px }
a:hover { text-decoration: none }

::selection { background-color:#f9dc41; color:#333;}
::-moz-selection { background-color:#f9dc41; color:#333;}

.navbar-joostory { background-color:rgba(64,64,64,0.9); box-shadow:0 1px 3px #999 }
.navbar-joostory .navbar-brand { color:#f9dc41 }
.navbar-joostory .navbar-nav > li > a { color:#eef }
.navbar-joostory .navbar-nav > li > a:hover { color:#f9dc41; background-color:transparent }
.navbar-joostory .navbar-toggle { border-color: #333 }
.navbar-joostory .navbar-toggle .icon-bar { background-color: #FFF }

.contents { padding-top:20px }
.content { position:relative; color:#333; line-height:1.8em; background-color:#fff;
  border:1px solid #ddd; border-radius:4px; margin-bottom:50px; padding:15px 15px 20px;
  box-shadow:#aaa 1px 1px 3px }
.content .media { margin:0 0 10px; text-align:center; }
.content img { box-shadow:#333 1px 1px 5px; max-width:100% }
.content p img { display:block;margin:0 auto; box-shadow:#333 1px 1px 5px; max-width:100%; }
.content ul { padding-bottom:10px; }
.content li a:hover { color:#f9dc41;}
.content h1 { margin:0 0 20px; font-size:20px; }
.content h2 { font-size:18px }
.content h3 { font-size:16px }
.content h4 { font-size:14px }
.content h5 { font-size:12px }
.content h6 { font-size:12px }

.content h1 a { color:#333 }
.content .link h1 a { display:block; border:3px solid #999; border-radius:5px; padding:15px; color:#999; }

.post_date abbr a { display:block; font-size:11px; color:#666; font-weight:200;
  padding: 2px 10px; position:absolute; background-color:#f9dc41; width:120px }

@media (min-width: 940px) {
  .post_date abbr a {
    left:-113px; top:20px; box-shadow:#aaa -1px 1px 3px;
    transition:transform 0.1s ease-in-out 0s;
    -webkit-transform:rotate(5deg);transform:rotate(5deg) }
  .post_date abbr a:hover { -webkit-transform:rotate(0deg);transform:rotate(0deg) }
}

@media (max-width: 940px) {
  .post_date abbr a {
    right: -5px; top: 5px; box-shadow:#aaa 1px 1px 3px;
    text-align:right;
    opacity: 0.7; z-index: 1;
    transition: opacity 0.1s ease-in-out 0s;
    -webkit-transition: opacity 0.1s ease-in-out 0s
  }
  .post_date abbr a:hover { opacity: 1 }
}

.post_meta { margin-top:30px; font-size:12px }
.tags { overflow:hidden }
.tags .tags_title { float:left; margin-right:15px }
.tags ul { margin:0; padding:0 }
.tags ul li { list-style:none; float:left; margin-right:5px }
.tags ul li a { display:inline-block; font-size:11px; color:#aaa; padding:0 5px; border-radius:15px; border:1px solid #aaa; }
.tags ul li a:hover { color:#f9dc41; border-color:#f9dc41 }


.footer { padding:30px 0 80px; font-size:11px; font-weight:100 }