/*
Theme Name: roTuKa's theme
Theme URI: http://rotuka.com/
Description: First rotuka's wordpress theme, basis on Blueprint framework
Version: 0.1
Author: Alexander Semyonov
Author URI: http://rotuka.com/
Tags: blueprint, xhtml

*/

@import url(blueprint/screen.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Yanone+Kaffeesatz:400);


html,
body    { margin: 0; padding: 0; background-color: #fdfdfd; color: #333; -webkit-font-smoothing: subpixel-antialiased; }
ins     { text-decoration: none; }
aside   { display: block; }
script  { visibility: hidden; }

#header             { display: block; margin: 0 0 1em 5%; padding: 0; }
#header h1          { margin: 0; padding: 0 0 .25em; line-height: 1; font: bold 4em 'Droid Sans', Geneva, Arial, sans-serif; }
#header h1 a        { text-decoration: none; color: #333; }
#header h1 a:hover  { text-decoration: underline; }
#header em          { display: block; margin: 0 0 .5em; font-style: normal; }
#header div.rainbow { width: 100%; height: .2em; background: #000 url(/wp-content/themes/rotuka/images/rainbow.jpg) repeat-y 0 0; margin: 0; }

#page { clear: left; float: left; width: 100%; margin: 0; padding: 0; }

#content    { float: left; width: 64%; margin: 0 1% 1em 5%; }
/* #content h2 { margin-bottom: 0; } */
#content h1 a:link,
#content h1 a:visited { color: #111; text-decoration: none; }
#content h1 a:hover,
#content h1 a:active { color: #111; text-decoration: underline; }
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { font-family: "Yanone Kaffeesatz", "Droid Sans", Geneva, Arial, sans-serif; }

#footer { clear: both; display: block; margin: 1em 0 0; padding: 1em 5% 5em; background-color: #333; color: #fdfdfd; }
#footer a,
#footer a:visited { color: #fdfdfd; }
#footer a:hover,
#footer a:active { color: #fdaaaa; }

.postmetadata, .post    { clear: left; }
.post                   { clear: both; margin-bottom: 4em; }
.postmetadata,
.postmetadata a:link    { color: #666; }
.postmetadata a:visited { color: #999; }
.postmetadata a:hover,
.postmetadata a:active,
.postmetadata a:focus   { color: #f33; }

#comment { height: 5em; }

#sidebar              { float: left; width: 25%; margin: 0 0 0 1.5em; }
#sidebar ul,
#sidebar ul li        { margin: 0; padding: 0; list-style: none; }
#sidebar ul li.widget { clear: left; margin: 0 0 2em 0; padding: 0 20% 0 0; }
#sidebar h2           { margin-top: 1em; margin-bottom: .1em; }

.navigation           { margin-bottom: 1em; }
.navigation .previous { margin-right: 1em; margin-left: -1.2em; }
.navigation .next     { float: right; margin-right: -1.2em; }

.b-hlist li:first-child:before  { content: ''; }
.b-hlist,
.b-hlist li                     { display: inline; margin: 0; padding: 0; width: auto; }
.b-hlist_2spaces li:before      { content: "\a0\a0\a0"; }
.b-hlist_comma li:before        { content: ",\20"; }
.b-hlist_vline li:before        { content: "\a0|\20"; }
.b-hlist_links                  { margin: 1em 0; }
.b-hlist_links li table,
.b-hlist_links li iframe        { display: inline-block; vertical-align: bottom; }
.b-hlist_links table,
.b-hlist_links td,
.b-hlist_links tr               { width: auto; margin: 0; padding: 0; }

.b-social-links { margin: 1em 0; }

.b-permalink {  }

#sidebar .b-me-follow,
#sidebar .b-me-follow li { list-style:none; clear: left; margin: 0 0 1em 0; padding: 0; }

#sidebar ul.b-me-links,
#sidebar ul.b-me-links li { list-style: none; display: block; float: left; margin: 0 0 1em; }
#sidebar ul.b-me-links li { width: 16px; height: 16px; margin: 0 .5em 0 0; position: relative; }

#sidebar ul.b-me-links a,
.b-icon       { position: absolute; overflow: hidden; width: 16px; height: 16px; /* margin-left: -19px */ }
#sidebar ul.b-me-links a i
,.b-icon i     { /* position: absolute; */ position: relative; display: block; width: 112px; height: 16px; background-image: url(/wp-content/themes/rotuka/images/icons.png); text-indent: -9999px; }
.b-icon_fb i  { left: 0; }
.b-icon_fm i  { left: -16px; }
.b-icon_tm i  { left: -32px; }
.b-icon_tw i  { left: -48px; }
.b-icon_ff i  { left: -64px; }
.b-icon_in i  { left: -80px; }
.b-icon_mk i  { left: -96px; }


address.vcard         { font-style: normal; }
address.vcard .photo  { display: block; width: 100px; height: 100px; }

table.yaform__search { margin-bottom: 0; }

#wwl-inline-editor-original { color: #000; }