html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
header, hgroup, nav, article, section, details, aside, footer, summary {clear: both; display: block;}
dl dt {font-weight: bold;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
body, h1, h2, h3, h4, h5, h6 {font-family: Arial, Verdana, sans-serif; line-height: 1.2em;}
p, blockquote, li, dt, dd, q {font-size: 1.6em; font-family: Arial, Verdana, sans-serif; color: #787878; line-height: 1.1em;}
blockquote p, blockquote blockquote, li li {font-size: 1.0em;}
q {display: block;}
dt {font-weight: bold;}

a {color: #ea0202; text-decoration: none;}
a:hover {color: #990e0e;}

h1 {font-size: 2.4em; color: #787878; font-family: "Rockwell", Courier, Verdana, sans-serif;}
h2 {font-size: 2.0em; color: #787878;}
h3 {font-size: 1.6em; color: #787878; font-family: Garamond, "ITC Garamond", Georgia, "Times New Roman", Times, serif;}
h6 {font-size: 1.6em; color: #888; font-family: Georgia, "Times New Roman", Times, serif;}


/* ----- */


.left {clear: none; float: left;}
.right {clear: none; float: right;}
.c {clear: both; float: none;}
.rel {position: relative;}
.abs {position: absolute;}
.c:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sanserif {font-family: Arial, Verdana, sans-serif;}
.serif {font-family: "Times New Roman", Times, Georgia, sans-serif;}
.b {font-weight: bold;}
.i {font-style: italic;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

@media only screen and (max-device-width: 480px) {
  html {-webkit-text-size-adjust: none}
  a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}
}

/* ----- */

body {background: #0f0f0f url(http://assets.gleuch.com/projects/thekarate/images/body.jpg) top left repeat; background-attachment: fixed; font-size: 62.5%;}

#container {width: 850px; margin: 0 auto; padding: 10px 0;}
#posts {width: 673px; margin: 37px 0 0 0;}
#sidebar {width: 158px; padding: 0; overflow: hidden;}

header#header {padding: 18px 19px 0 177px; margin: 15px 0 25px 0; height: 80px; background: rgba(255,255,255,.06); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 0 transparent #0f0f0f;}
header#header #logo {display: inline-block; top: -18px; left: 21px; width: 137px; height: 137px;}
header#header h1 {margin: 0; padding: 0 0 3px 0; color: #ea0202; font-size: 3.2em; line-height: 1.0em; font-weight: 600; letter-spacing: -.01em;}
header#header h3 {margin: 0; padding: 0 0 0 2px; color: #7b7b7b; font-size: 2.6em; line-height: 1.0em; font-weight: 500;}

nav#nav {padding: 13px 0 0 98px; margin: 0 0 15px 0; height: 28px;}
nav#nav dl {}
nav#nav dl dt {font-size: 1.6em; color: #787878; padding: 0 10px; font-family: Arial, Verdana, sans-serif;}
nav#nav dl dt:first-child {padding-left: 0;}
nav#nav dl dt a {color: #787878; text-decoration: none;}
nav#nav dl dt a:hover {color: #ea0202;}



section.heading {border-bottom: 1px solid #d0d0d0; padding: 8px 5px 14px 5px; margin: 0 35px 10px 35px;}
section.heading p {font-style: italic; color: #555;}

article.post {padding: 0 0 24px 0; margin: 0 0 10px 0;}
article.post summary#notes {padding: 8px 0 10px 0; margin: 8px 0 0 0; color: #585858; border-top: 1px solid #202020;}
article.post summary#notes ol li {font-size: 1.3em; padding: 5px 5px 7px 5px; margin: 4px 0 0 0; color: #585858; background: rgba(255,255,255,.03); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 0 transparent #0f0f0f;}
article.post summary#notes ol li a {color: #585858;}
article.post summary#notes ol li a:hover {color: #888;}
article.post summary#notes ol li img {display: inline-block; margin: 0 4px -4px 0;}
article.post summary#notes ol li blockquote {font-size: 1.0em; padding: 1px 0 1px 8px; border-left: 2px solid #585858; margin: 8px 0 0 26px; font-style: italic;}

article.post .content {width: 500px; padding: 19px 30px 10px 15px; background: rgba(255,255,255,.06) url(http://assets.gleuch.com/projects/thekarate/images/bg/post_content.png) top right repeat-y; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 0 transparent #0f0f0f;}
article.post .content.full {width: auto; background-image: none;}
article.post .content a {color: #ea0202; text-decoration: none;}
article.post .content a:hover {color: #990e0e;}
article.post .content section a {color: #ea0202; text-decoration: underline;}
article.post .content section a:hover {color: #990e0e; text-decoration: none;}
article.post .content p, article.post .content ol, article.post .content ul, article.post .content dl, article.post .content blockquote {padding: 0 0 10px 0;}
article.post .content p, article.post .content li, article.post .content blockquote, article.post .content q {font-size: 1.4em; line-height: 1.3em;}
article.post .content li li, article.post .content blockquote blockquote {font-size: 1.0em;}
article.post .content p big {font-family: Arial, Verdana, sans-serif; font-weight: bold;}
article.post .content p small {font-size: .75em; font-style: italic; font-family: Arial, Verdana, sans-serif; color: #777;}
article.post .content img.border {margin: 0 -5px; padding: 4px; border: 1px solid #d0d0d0;}
article.post .content a:hover img.border {border: 1px solid #a0a0a0;}
article.post .content blockquote {padding: 4px 0 0 12px; border-left: 3px solid #585858; margin: 8px 0 8px 12px;}
article.post .content blockquote p {color: #555; font-size: 1.0em;}

article.post .content q {padding: 2px 0 2px 12px; margin: 8px 0 8px 0; font-size: 1.6em;}
article.post .content q:before {content: "“"; margin: -3px 0 0 -8px; padding-right: 4px;}
article.post .content q:after {content: "”"; padding-left: 2px;}


article.post.description {font-size: 1.8em; margin: -22px 0 8px 0; color: #787878; line-height: 1.3em;}
article.post.description section {padding-bottom: 20px;}

/* Text */
article.post.text h1 {padding: 0 0 10px 0;}


/* Link */
article.post.link h1 {padding: 0 0 10px 0;}
article.post.quote section.description {padding: 8px 0 0 0;}

/* Photo */
article.post.photo section.photo {padding: 0 0 6px 0;}
article.post.photo section.caption {padding: 4px 0 6px 0;}

/* Photoset */
article.post.photoset section.photoset {padding: 0 0 6px 0;}
article.post.photoset section.caption {padding: 4px 0 6px 0;}

/* Chat */
article.post.chat h1 {padding: 0 0 10px 0;}
article.post.chat .dialog {padding: 0 0 8px 0;}
article.post.chat .dialog .dialog_line {position: relative; padding: 2px 0 2px 120px; font-size: 1.3em;}
article.post.chat .dialog .dialog_line strong {position: absolute; top: 2px; left: 0; width: 112px; max-height: 10; text-align: right; overflow: hidden;}



/* Quote */
article.post.quote section.quote {padding: 0 0 6px 0;}
article.post.quote section.citation {padding: 8px 0 6px 0; font-size: 1.6em; color: #787878;}

/* Audio */
article.post.audio section.audio {padding: 0 0 6px 0;}
article.post.audio section.caption {padding: 4px 0 6px 0;}

/* Video */
article.post.video section.video {margin: 0 0 6px 0;}
article.post.video section.caption {padding: 4px 0 6px 0;}

/* Answer */




article.post p.upload {padding: 8px 0 8px 0;}
article.post p.upload small {display: inline-block; padding: 4px 0 8px 0; line-height: 1.2em; font-size: .66em; color: #999;}


article.post aside {padding: 15px 0 10px 3px; width: 114px;}
article.post aside h6.date {color: #888; font-size: 1.6em; padding: 0 0 4px 0;}
article.post aside h6.date a {color: #888;}
article.post aside h6.date a:hover {color: #585858;}
article.post aside p {color: #585858; font-family: Georgia, "Times New Roman", Times, sans-serif; font-size: 1.5em; padding: 0 0 4px 0;}
article.post aside p a {color: #585858;}
article.post aside p a:hover {color: #888;}
article.post aside p.tags {padding: 12px 0 0 0; font-size: 1.2em; font-family: Arial, Verdana, sans-serif; color: #414141;}
article.post aside p a {color: #414141;}
article.post aside p a:hover {color: #888;}
article.post aside p a:after {content: ",";}
article.post aside p a:last-child:after {content: "";}




aside details {padding: 12px 0;}
aside details p {font-size: 1.2em;}


aside#sidebar nav {margin: 30px 0 32px 0;}
aside#sidebar nav dl {padding: 12px 0 0 0;}
aside#sidebar nav dl dd {padding: 0 0 8px 12px; font-size: 2.0em; font-family: "Rockwell", Courier, Verdana, sans-serif; font-weight: 500; color: #787878; line-height: 1.0em;}
aside#sidebar nav dl dd a {color: #787878; text-decoration: none;}
aside#sidebar nav dl dd a:hover {color: #ea0202;}
aside#sidebar section.box {padding: 10px 12px 4px 12px; margin: 8px 0 24px 0; background: rgba(255,255,255,.06); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 0 transparent #0f0f0f;}
aside#sidebar section.box h3 {padding: 0 0 10px 0; font-family: "Rockwell", Courier, Verdana, sans-serif; font-weight: 500;}
aside#sidebar section.box p, aside#sidebar section.box ul, aside#sidebar section.box dl {padding: 0 0 6px 0; font-size: 1.2em; font-family: Arial, Verdana, sans-serif; line-height: 1.25em;}
aside#sidebar section.box iframe {padding: 0 0 6px 0;}
aside#sidebar section.box p a {color: #787878; font-weight: bold;}
aside#sidebar section.box p a:hover {color: #ea0202;}
aside#sidebar section.box li a {color: #787878; font-weight: bold; text-decoration: underline;}
aside#sidebar section.box li a:hover {color: #ea0202;}
aside#sidebar section.box ul {padding: 0 0 3px 0; list-style: disc;}
aside#sidebar section.box ul li {font-size: 1.0em; padding: 0 0 3px 0; margin: 0 0 0 16px;}
aside#sidebar section.box li a, aside#sidebar section.box dd a {color: #787878;}
aside#sidebar section.box li a:hover, aside#sidebar section.box dd a:hover {color: #ea0202;}
aside#sidebar section.box dl dt, aside#sidebar section.box dl dd {font-size: 1.0em; padding: 2px 0 3px 0; margin: 0;}

aside#sidebar section.box#side_description {display: none; color: #787878; font-size: 1.2em; line-height: 1.3em;}


footer#footer {text-align: center; padding: 12px 0;}
footer#footer p {font-size: 1.2em; color: #383838;}