/* light theme */
.wrap { background:#fff; }
.dark { color:#333; }
.gray { color:#777; }
.light { color:#3c677b; }
body { background:#f5f5f5; color:#333; }
a, a:active, a:focus { color:#3c677b; }
b,i,em { color:#777; }
b em { color:#3c677b; }
h2 { color:#3c677b; }
strong { font-weight:normal; }
pre { background:#fafafa; color:#222; border-radius:2px; line-height:1.1 !important; }
input[type=text], select { background:#fff; }
dd { margin:0px; }
dt { margin:20px; }
#root { background:#f0f0f0; }
#header { background:#d2e0f0; }
#header em { color:#777; }
#header .active em { color:#3c677b; }
#header .yin { fill:#777; stroke:#777; }
#header .yang { fill:#fff; stroke:#fff; }
#page_footer button { background:#91bba1; color:#fff; }
/* readme */
.readme ul { list-style-type:none; padding:0; margin:0; overflow:auto; }
.readme ul li { padding:2px 0; }
.readme a { color:#777; font-style:italic; }
.posts { line-height:1.5em; }
/* tables */
.g { border-collapse:collapse; text-align:center; display:block; overflow:auto;}
.g img {vertical-align:middle; max-width:none;} 
.g td {width:60px; background:#fff; border:1px solid lightgray; white-space:nowrap; padding:2px;}
.g .col {width:240px; text-align:left; padding-left:10px;}
.p {border-collapse:collapse; width:100%; display:block; overflow:auto;}
.p img {vertical-align:middle; max-width:none;}
.p .col {padding-left:5px; padding-right:5px; white-space:nowrap;}
.p th {font-weight:normal; font-style:italic; color:#777;}
.bt {border-top:1px dotted #333;}
.br {border-right:1px dotted #333;}
.bb {border-bottom:1px dotted #333;}
.mb {padding-bottom:10px;}
/* feed post */
.yb { margin:5px 0 0 0; }
.yb a { color:#333; }
.yb .preview { width:240px; border-radius:2px; margin:0 10px 5px 0; }
.yb iframe.embed { border:0; border-radius:4px; width:100vw; height:30vw; }
@media (max-width:800px){ .yb .preview { width:100%; height:100%; margin:0; } .yb iframe.embed { margin:0; width:100%; height:calc(100vw / 1.8); } }
@media (min-width:800px){ .yb div { vertical-align:top; } .yb .text { max-width:480px; } }
.yb .smaller1 { font-size:100%; }
.yb .smaller2 { font-size:90%; }
.yb .smaller3 { display:none; }
.rss { min-height:150px; }
.rss strong { font-weight:normal; }
@media (max-width:800px){ .rss img { border-radius:2px; display:block; margin:0 0 10px 0; }}
@media (min-width:800px){ .rss img { border-radius:2px; max-width:240px; max-height:170px; float:left; margin:0 10px 0 0; } }
/* rss news ria, eadaily */
.rssn { margin:5px 0 5px; }
.rssn a { color:#333; }
.rssn img { height:50px; width:auto; margin:0 5px 0 !important; }
.rssn strong { font-weight:normal; }
/* subj styles */
.habr p { margin:0px auto 10px auto; }
.habr .titl { margin:10px auto; }
.kino_kino img,.kino_teatr img { margin:0px 10px 1px 0px !important; }
.interesnoe,.razrabotka,.igry { margin:0px 5px; }