/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* CSS */
body {
    background: #000;
    margin:0px;
    font: 13px Helvetica, Arial, sans-serif;
    text-align:left;
    font-weight:300;
    color: #999;
                -webkit-text-stroke:1px transparent;
}
h1 {
    color:#fff;
    font-weight:normal;
    font-size: 26px;
}
h2 {
    color:#fff;
    font-weight:normal;
    font-size: 18px;
    margin-bottom:5px;
}	
h3 {
    color:#fff;
    font-weight:normal;
    font-size: 12px;
}
a {
    color:#1D9BEF;
    text-decoration:none;
}
a:hover {
    color:#0072BF;
    text-decoration:underline;
}			
p {
    margin:0px 0px 10px;
    line-height:18px;
}
#wrap {
    width:780px;
    margin:0 auto;
}			
#header {
    position:fixed;
    background-color:rgba(0,0,0,0.85);
    
}	
#header .description {
    font-size:14px;
    line-height:18px;			
}
#content { padding-top:100px }
.cola {
    width:500px;
    padding:20px;
    float:left;
    clear:none;
}
.colb {
    text-align:left;
    width:220px;
    padding:20px;
    padding-left:0px;
    float:right;
    clear:none;
}
.post {
    clear:both;
    border-top:1px solid #191919;
}
.post .date {
    color:#888;
    margin-bottom:1em;
    font-size:125%;
}
.post .date a {
    color:#666;
}
.meta {
    font-size:11px;
    text-align:right;
}
.tags {
    border-top:2px solid #000;
    margin-top:0px;
    font-size:11px;
}
.tags span, .meta span {
    display:inline-block;
    line-height:18px;
    margin-right:5px;
    color:#000;
}
.meta span {
    margin-right:0px;
}
.tags span a, .meta span a {
    color:#000;
}	
.tags span a:hover, .meta span a:hover {
    color:#1D9BEF;
}	
.meta span.noteslink {
    float:left;
}
.meta span.permalink a {
    padding:0px 0px;
    background:#000;
    color:#444;
}
.meta span.permalink a:hover {
    background:#080808;
    color:#F0F0F0;
    text-decoration:none;
}
blockquote { 
    border-left:1px solid #CCC;
    padding-left:20px;
    margin:15px 0px;
    margin-left:20px;
}
.post ul {
    list-style-type:disc;
    margin-left:25px;
    margin-bottom:10px;
}
.post li {
    line-height:18px;
}
.post ol {
    list-style-type:decimal;
    margin-left:25px;
    margin-bottom:10px;
}
.post h2 a {
    color:#fff;
}
.playcount {
    color:#AAA;
    font-size:11px;
    margin:5px 0px;
    display:block;
}
.video .cola, .photo .cola, .photoset .cola {
    text-align:right;
}
.audio .caption {
    margin:5px 0px;
}
.answer h2 a {
    text-decoration:underline;
    color:#f0f0f0;
}
.quote .cola blockquote {
    font-style: italic;
    font-size: 20px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#444;
    border:none;
    padding-left:0px;
    margin:5px 20px;
    margin-left:35px;
}
.quote .cola big {
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:50px;
    font-weight:bold;
    margin-top:0px;
    display:block;
}		
.quote .cola .caption {
    font-size:12px;
    margin-left:35px;
    font-size:11px;
    color:#AAA;
}
.conversation ul {			
    list-style-type:  none;
    margin:0px;
    border:1px solid #CCC;
    padding:2px;
}
.conversation ul li {
    margin:0px;
    padding:2px 4px;
}
.conversation ul li .label {
    font-weight:bold;
}
.conversation ul li.odd {
    background:#EFEFEF;
}
        .photo img {
                border: 0px solid #000; padding: 1px;
        }

        .twitter-share-button { float:right }
.noteslist {
    border-top:1px solid #000;
    padding:5px;
    font-size:11px;
    background:#000;
    margin-top:5px;
    margin-bottom:-5px;
    display:none;
}
ol.notes {
    list-style-type: none;
    margin:0;
    padding:0;
}
ol.notes li {
    margin:2px 0;
    padding:0;
    line-height:1;
}
ol.notes li.note img.avatar {
    vertical-align: middle;
    width: 14px;
    height: 14px;
}
ol.notes li.note .action {
    vertical-align: middle;
    margin-left:2px;
}	
ol.notes li.note blockquote {
    margin:2px 0px;
    margin-left:15px;
    padding-left:5px;
    display:inline;
}	
ol.notes li.note blockquote a {
    color:inherit;
}	
.searchresults {
    margin:5px 0px;
    font-size:11px; color: #ddd;
}
.searchresults span {
    font-weight:bold;
    color:#ddd;
}
.searchform input {
    width:215px;
    border:1px solid #111;
    color:#333;
    background:#111;
    font: 10px Helvetica, Arial, sans-serif;
    font-weight:normal;
    padding:4px 3px 2px 3px;
    padding-left:0px;
}
#footer {
    clear:both;
    border-top:2px solid #000;
    color:#AAA;
    text-align:center;
    overflow:none;
}
#footer a {
    color:#888;
}
#footer .links {
    float:left;			
}
#footer .nav {
    font-size:200%;
}
#footer .nav a {
    background:#000;
    color:#FFF;
    padding:0px 2px;
}
#footer .nav a:hover {
    background:#333;
    text-decoration:none;
}
#footer .credit {
    padding-top:3em ;
    float:right;			
}
#next { float:left; }
#previous  { float:right }



/* The guessing widget */
div.ars                             { font-size:12px; width:220px; color:#ccc }
div.ars dl, div.ars dt, div.ars dd  { margin:0!important; padding:3px!important }
div.ars dt                          { color:#fff; font-weight:bold }
div.ars.answer dt                   { font-size:125% }
div.ars dd                          { background:#222; border:1px solid #111; padding:3px }
div.ars dd.p                        { font-size:10px; padding-top:10px!important }
div.ars dd.alert                    { color:#c00; font-weight:bold }
div.ars dd.alert input              { border:2px solid #c00; background:#fcc}
div.ars p                           { margin:0;padding:3px; vertical-align:middle }
div.ars dd strong                   { height:12px; display:inline-block; background:#0072bf }
div.ars big                         { font-size:15px }
div.ars big big                     { margin-left:0.5em; font-size:24px; color:#090 } /* Correct answer given */
div.ars big small                   { margin-left:0.5em; font-size:24px; color:#900 } /* Wrong answer given */

/* Highlight correct answer */
div.Chinese dd.c , div.Japanese dd.j , div.Korean dd.k                      { font-weight:bold; background:#333 }
div.Chinese dd.c strong, div.Japanese dd.j strong, div.Korean dd.k strong   { background:#19e }