/* @group General */

html, body { color: #F2F2F2; font: normal 14px/20px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; background-color: #131313; }
html, body, #static-container, #static-left { height: 100%; }
body { overflow-y: scroll; text-rendering: optimizeLegibility; }
figure, figcaption { display: block; }

a { color: #FFFEBE; text-decoration: none; -webkit-transition: color 0.3s linear; }
a:hover, a:focus { color: #FFFDE2; }
strong { font-weight: normal; }

.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }

#static-container { z-index: 1; position: fixed; width: 916px; margin: 0 auto; left: 0; right: 0; }
#static-left { z-index: 2; background-color: #1C1C1C; padding: 0 0 0 2000px; margin: 0 0 0 -2000px; width: 320px; box-shadow: 3px 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 0 3px rgba(0,0,0,0.2); }
#dynamic-container { z-index: 888; position: relative; margin: 0 auto; width: 516px; padding: 0 40px 0 360px; }

/* @end */
/* @group Sidebar */

#sidebar { z-index: 999; position: fixed; float: left; margin-left: -320px; padding: 50px 0; width: 240px; }
#sidebar .sidebox { padding: 19px; border: 1px solid #303030; background-color: #202020; box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); }
#sidebar .sidebox:hover { background-color: #212121; }

#about h3 { font: normal 16px/20px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; margin-bottom: 10px; }
#about .act-as-p, #about .act-as-p p { margin-bottom: 10px; }
#about .act-as-p p:last-child { margin-bottom: 0; }
#about .tumblr-avatar { float: right; margin: 2px 0 2px 10px; background-color: #F2F2F2; padding: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.75); width: 48px; height: 48px; }
#about .work, #about .maskedd { margin-top: 10px; border-top: 1px solid #2A2A2A; padding-top: 10px; font-style: italic; }
#about .work img { vertical-align: baseline; width: 41px; height: 12px; }
#about .maskedd img { vertical-align: top; width: 41px; height: 42px; }
#about .work a, #about .maskedd a { margin-right: 8px; }

#options { margin-top: 20px; text-align: center; font-style: italic; }
#options h3 { font: normal 11px/15px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #DDD; text-transform: uppercase; letter-spacing: 5px; padding-bottom: 10px; border-bottom: 1px solid #2A2A2A; margin-bottom: 10px; }
#options a, #options span { text-decoration: none !important; }
#options .FBConnectButton_Simple { background: none !important; }
#options .FBConnectButton_Text_Simple { margin: 0 !important; padding: 0 !important; }

/* @end */
/* @group Main */

#main { padding: 68px 0 50px; }

@-webkit-keyframes fade { 0% { color: #AAA; } 100% { color: #444; } }

#header { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #1E1E1E; text-align: center; }
#header h1 { font: normal 62px/66px "bree-1", "bree-2", "HelveticaNeue-CondensedBold", Impact, sans-serif; margin-bottom: 20px; }
#header h1 a { color: #FF6; text-shadow: #000 0 2px 1px; -webkit-transition: text-shadow 0.3s linear; }
#header h1 a:hover, #header h1 a:focus { text-shadow: #FF6 0 0 10px; }
#header h6 { color: #444; font: normal 13px/17px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; letter-spacing: 6px; text-shadow: #000 0 1px 0; -webkit-animation-name: fade; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; }

#header.subpage { padding-bottom: 15px; margin-bottom: 25px; }
#header.subpage h1 { font: normal 31px/35px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; display: inline; float: left; margin-bottom: 0; }
#header.subpage h6 { font: normal 12px/16px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; display: inline; float: right; margin-top: 12px; }

/* @end */
/* @group Posts */

.post { margin-bottom: 40px; }

.post .meta { font: normal 11px/15px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; letter-spacing: 5px; margin-top: 24px; padding: 0 0 30px; border-bottom: 1px solid #1E1E1E; text-align: center; }
.post:last-child .meta { border-bottom: none; padding: 0; }
.post .meta .date { float: left; }
.post .meta .notes { float: right; }

.post.photo .wrapper embed, .post .wrapper object, .post .wrapper img { vertical-align: middle; }

.post h2.title { font: normal 28px/32px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; margin-bottom: 20px; }

.description pre, .description p, .description ol, .description ul, .description blockquote { margin-bottom: 20px; }
.description blockquote { padding-left: 9px; border-left: 2px solid #222; margin-left: 9px; }
.description ol, .description ul { margin-left: 30px; }
.description ul { list-style-type: square; }
.description ol { list-style-type: decimal; }
.description p:last-child, .description ol:last-child, .description ul:last-child, .description blockquote:last-child { margin-bottom: 0; }
.description blockquote p, .description blockquote blockquote, .description blockquote ol, .description blockquote ul { margin-top: 10px; margin-bottom: 10px; }
.description h1, .description h2, .description  h3, .description h4, .description h5, .description h6 { font: normal 18px/24px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; margin-bottom: 20px; }
.description figure { display: block; margin: 25px 0; text-align: center; color: #7F7F7F; font-style: italic; }
.description figure img { margin-bottom: 10px; }
.description code { font: normal 12px/20px Menlo, Monaco, mono; }
.description pre, .description pre code { font: normal 12px/18px Menlo, Monaco, mono; }
.description pre { overflow: auto; border: 1px solid #333; padding: 8px; background-color: #000; }

/* @end */
/* @group Post types */

.post.photo .wrapper, .post.video .wrapper { vertical-align: middle; text-align: center; margin-bottom: 25px; padding: 7px; width: 500px; border: 1px solid #fff; background-color: #F2F2F2; box-shadow: 0 3px 5px #000; -webkit-box-shadow: 0 3px 5px #000; -moz-box-shadow: 0 3px 5px #000; overflow: hidden; }
.post.photo .wrapper a { display: block; }

.post.audio .wrapper { background-color: #202020; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 25px; padding: 10px; width: 496px; overflow: hidden; }
.post.audio .wrapper embed { vertical-align: baseline !important; }
.post.audio .audio-album-art { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #262626; margin-right: 10px; }
.post.audio .audio-album-art img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 146px; height: 146px; }
.post.audio .audio-player { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background-color: #000; padding: 10px; display: inline-block; }
.post.audio .audio-play-count, .post.audio .audio-player .audio_player { display: inline-block; vertical-align: middle; }
.post.audio .audio-player .audio_player { overflow: hidden; height: 28px; width: 28px; }
.post.audio .audio-play-count { padding: 6px 10px 7px; font: normal 11px/15px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; letter-spacing: 5px; }
.post.audio .audio-album-art, .post.audio .audio-left { float: left; }
.post.audio .audio-left { width: 340px; }
.post.audio .audio-artist, .post.audio .audio-song { padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #262626; margin: 8px 0 0; }
.post.audio .audio-artist { color: #B2B2B2; }
.post.audio .audio-song { color: #999; }

.post.answer .wrapper-q { margin-bottom: 10px; }
.post.answer .wrapper-a { margin-bottom: 30px; }
.post.answer .answer-content { background-color: #202020; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px; width: 384px; }
.post.answer .answer-avatar { width: 40px; height: 40px; vertical-align: middle; background-color: #F2F2F2; padding: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.75); }
.post.answer .answer-avatar { margin: 10px 0; }
.post.answer .wrapper-q .answer-content { margin: 0 10px 0 56px; }
.post.answer .wrapper-q .answer-avatar, .wrapper-q .answer-content { float: right; }
.post.answer .wrapper-a .answer-content { margin: 0 56px 0 10px; }
.post.answer .wrapper-a .answer-avatar, .wrapper-a .answer-content { float: left; }
.post.answer .answer-identity { color: #ccc; display: block; margin-bottom: 10px; }

.post.chat li { margin: 0 0 5px 66px; }
.post.chat .label { color: #CCC; display: block; float: left; font-style: italic; text-align: right; width: 56px; margin-left: -66px; }
.post.chat ul { margin: 0; list-style-type: none; }

.post.quote .blockquote-special { font: italic 18px/24px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; margin-bottom: 25px; }
.post.quote .description p:first-child:before { content: "— "; }

.post.link .link-special { font: normal 20px/26px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; margin-bottom: 20px; }
.post.link .link-special span { font: normal 16px/24px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; margin-left: 5px; -webkit-transition: color 0.3s linear; }
.post.link .link-special:hover span, .post.link .link-special:focus span { color: #FFFDE2; }

/* @end */
/* @group Footer */

#footer { border-top: 1px solid #1E1E1E; padding-top: 40px; font: normal 11px/15px "bree-1", "bree-2", "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: 5px; text-transform: uppercase; color: #555; }
#footer .left-foot { float: left; }
#footer .right-foot { float: right; }
#footer .middle-foot { margin: 0 auto; width: 300px; text-align: center; }

/* @end */
/* @group Notes */

#notes ol { background-color: #202020; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px; }
#notes ol li a { color: #7F7F7F; }
#notes ol li a:hover, #notes ol a:focus { color: #B2B2B2; }
#notes ol li { color: #4C4C4C; font: normal 13px/19px "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", Georgia, serif; padding-bottom: 8px; border-bottom: 1px solid #262626; margin-bottom: 8px; }
#notes ol li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
#notes ol li strong { font-weight: normal; }
#notes ol li img.avatar { vertical-align: text-bottom; margin-right: 5px; width: 16px; height: 16px; }
#notes ol li blockquote { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 0 0; padding: 8px; background-color: #262626; }
#notes ol li blockquote a { color: #E5E5E5; }

/* @end */