/*  
Theme Name: Experiment.Ru
Theme URI: http://experiment.ru
Description: One day I'll clean this mess. I promise. I'm on it.
Version: 0.5
Author: Gleb Kalinin
Author URI: http://glebkalinin.ru/

Basic Experiment.Ru Layout.
*/
@import 'authors.css';
@media only screen and (max-device-width: 480px) {
  h1 {font-size: 35px !important}
  #all {width: auto !important}
  #the-text {font-size: 18px !important}
  .post-image {float: none !important}
  .legend {font-size: 15px}
  .index-left, .narrowcolumn {width: 480px !important; float: none !important }
  #all * {max-width: 100% !important}
  .index-right {float: none !important; width: auto !important}
  .category a { -webkit-border-radius: 15px !important}
}


body {background: #fff; text-align: center; margin: 0; padding: 0; }
body,td, input, select, textarea {font-family: helvetica,arial,verdana,tahoma,sans-serif; color: #464646}

ul, form, h1, h2, h3, p  {margin: 0; padding: 0}
h1 img, h2 img, h3 img {display: block}

h1, h2 {font-family:  'Open Sans',helvetica,arial,verdana,tahoma,sans-serif;}

h1.pagetitle {font-size: 30px; color: #000}

ul {list-style-type: none}
table {border-collapse: collapse; border: none}
td {vertical-align: top; padding: 0; font-size: 100%}

img {border: none; vertical-align: middle}

p object {vertical-align: middle;}

p {line-height: 140%; }

a:link {color: #4265a7}
a:visited {color: #333}
a:hover {color: black}

.clear {clear: both; height: 1px; overflow: hidden; width: 1px; }
.cl {clear: both;  }
.nobr {white-space: nowrap}
.dot {display: none;}

.basic-content h1 {margin: 0 0 0.5em}
.basic-content h2 {margin: 0.5em 0}

.post {margin: 0 0 1.5em; padding: 0 0 0.5em; clear: both;}

.post-preview-retro {clear: both;}

.post-preview {line-height: 160%; margin-right: 65px; position: relative;}
.post-preview h2 {font-size: 24px !important; margin-bottom: 10px !important}

.post-preview .category {position: absolute; top: 10px; left: -290px}
html>body .post-preview .category {left: -10px;}

.page-standalone .post {border-bottom-width: 0}

.basic-content .post h2 {margin: 0; padding: 0}
.basic-content .post h2 a {text-decoration: none}
.basic-content .post .postmetadata {font-size: 80%; color: #7b7f83; margin: 0.7em 0 0 0}
.basic-content .post .postmetadata a {text-decoration: underline}

.small-previews {clear: both; padding-top: 30px}


.punch {margin: 0 !important}


.post-preview-micro {width: 220px; padding: 0; margin: 0 15px 0 0; float: left; clear: none !important; height: 275px; position: relative; line-height: 120% !important; 

	}
.post-preview-micro:hover .category,
.post-preview-micro.active .category {
	z-index: 200;
 -webkit-transition: z-index 1s linear;
	}

.thrd {width: 195px}

.post-preview-micro .postmetadata {margin-top: 3px !important}

.post-preview-micro .category {position: absolute; top: 15px; left: -10px;}
html>body .post-preview-micro .category a {color: transparent}

.post-preview-micro.active .category a,
.post-preview-micro:hover .category a, .category a:hover {color: #fff; }

.post-preview-micro img {width: 150px; height: 150px; display: block; position: absolute; top: 0; left: 0; font-size: 14px; font-weight: bold; border: 1px solid #ccc; }
.post-preview-micro h2 {margin-top: 160px !important; margin-bottom: 3px !important; font-size: 15px !important}

.post-preview-micro h2, 
.post-preview-micro p {margin-right: 20px !important}
.post-preview-micro p {font-size: 11px}

.post-preview-micro .comments, .post-preview .comments {display: block; right: 55px; top: 11px; position: absolute; padding: 5px 0 0 !important ; background: #555; color: #fff; line-height: 100% !important}
.comments {text-decoration: none; font-size: 10px}
.post-preview-micro .comments, .post-preview .comments {width: 25px; background: #fff; padding: 5px 0 !important; border: 1px solid #555; color: #555; text-align: center; }
html>body .post-preview-micro .comments, html>body .post-preview .comments {min-height: 32px; padding: 2px 0 0 0; background: url(i/bg-comment.png) left top no-repeat; border-width: 0;}

.post-preview .comments {right: 380px; top: 10px;}

.post-preview img, .post-preview-micro img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}

.updated .comments {background: #fec12f}

html>body .updated .comments {background: url(i/bg-updated.png) left top no-repeat; min-height: 32px; width: 27px; text-align: center; padding: 7px 0 0 0 !important; right: 56px; color: #fff}

html>body .post-preview.updated .comments {left: auto; right: 376px}

.post-preview-micro .edit-link {margin: 15px 10px}

.post-preview-briefly {margin-bottom: 15px}
.post-preview-briefly .link {font-size: 11px; margin: 7px 0 0 0}
.post-preview-briefly .link a {text-decoration: none;}


html>body .listing .post-preview-briefly {
	width: 300px; 
	float: left;
}

html>body .listing .post-preview-briefly:nth-child(even) {
	clear: both;
	margin-right: 15px;
}


#all {width: 990px; margin: 15px auto 0; text-align: left; background: #fff; z-index: 100}

p.emph {font-size: 150%; line-height: 120%; padding: 0 0 0 20px; border-left: 8px solid #eaeaea}

#header {height: 160px; position: relative}
.logo {padding:24px 0 0 20px; font-size: 17px; line-height: 50px; float: left; color: #684a47}
.logo strong {position: relative; display: block; overflow: hidden}
.logo strong, .logo span {width: 278px; height: 111px;}
.logo span {position: absolute; display: block; top: 0; left: 0; background: url(i/logo-experiment.png);}
.logo span.inner {cursor: pointer;}

#main-menu {
position: absolute; left: 320px; top: 90px;
}
#main-menu img {
display: block;
float: left;
margin-right: 10px;
}
#rss {
position: absolute; right: 0px; top: 90px;
z-index: 5000;
}

.entry, #the-text {
font-family: georgia,serif;
}

#the-text {
line-height: 170%;
font-size: 110%;
clear: both;
}

.basic-content {clear: both; padding: 20px 0 50px; margin: 0 0 0 30px; min-height: 400px; border-top: 1px solid #d9d9d9; }

.index-left, .index-right, .narrowcolumn {float: left; font-size: 75%; position: relative}
.index-left, .narrowcolumn {width: 705px; }
.index-left h2 {font-weight: bold; font-size: 18px; margin-bottom: 0.5em}
p {margin: 0 0 1em}
.left-container {padding: 0 65px 0 0;}

.left-container.listing {padding-right: 0;}

.index-right {width: 240px; overflow: hidden;}
.index-right ul {margin: 0 0 1em 0; }
.index-right ul.d {margin-left: 20px; list-style-type: square}
.index-right ul.d li {margin-bottom: 0.1em}
.index-right h3 {margin: 0 0 0.3em 2px}

.index-right h2 {clear: both}

ul.links {margin: 10px 0 10px 16px; list-style-type: square}

.pages-list li {background: url(/i/pages-dots.png) left bottom repeat-x; height: 1em; clear: both; margin: 0 0 0.5em}
.pages-list a {display: block; float: left; background: white; padding-right: 1px; margin-right: 30px}
.pages-list .page {display: block; float: right; background: white; padding-left: 1px; font-family: georgia,serif}
.pages-list .dash {display: none}

.time-published {padding: 0 0 0.8em; }
html>body .time-published {color: #ccc}
html>body .time-published #non-date {visibility: hidden}
html>body .time-published:hover, .post-preview:hover .time-published, .post-preview-micro:hover .time-published {color: inherit}
html>body .time-published:hover #non-date {visibility: visible}
html>body .post-content:hover .edit-link {display: block;}

.leave-links li {margin-bottom: 1.5em}
.leave-links li li {margin-left: 5px; margin-bottom: 0.5em}
.leave-links li li a {display: block; font-weight: bold}

table.plain-table {width: 100%; margin-bottom: 2em; border-bottom: 3px solid #EAEAEA}
table.plain-table caption {text-align: left; padding: 0 0 0.5em; font-size: 150%}
table.plain-table thead th {border-bottom: 2px solid #444; padding: 0.5em 0; text-align: left; vertical-align: top }
table.plain-table tfoot th {font-weight: normal; border-top: 2px solid #A0A0A0; color: #A0A0A0}
table.plain-table td {padding: 0.5em 0; border-bottom: 1px solid #444}
table.plain-table td.tit {padding-right: 0.5em; color: black}

.post-item .navigation {font-size: 100%; padding: 2em 0; clear: both}
.navigation .help {text-align: center; cursor: help; width: 170px; margin: 0 auto}
.navigation .help i {font-style: normal; border: 1px solid #ccc; font-size: 14px; padding: 4px; color: #939393; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #E6E6E6}
.navigation .help:hover i {color: inherit}



#footer-navigation {font-size: 20px; font-family: 'Open Sans',sans-serif; clear: both; margin-right: 70px}
#footer-navigation a {text-decoration: none}
#footer-navigation a:hover {background: #000; color: #fff}
.navigation #next,
.navigation #prev,
#footer-navigation #next,
#footer-navigation #prev {width: 250px}

#next {text-align: right;}

.post-item h1, .page-standalone h1 {font-weight: bold; font-size: 210%; margin: 0 0 0.2em; padding: 0 }

.post-item h1 .punchline, .page-standalone h1 .punchline {
	display: block; 
	font-weight: normal;
	font-size: 75%;
	margin: 0 0 20px;
}

.post-item h2, .page-standalone h2 {font-size: 150%; margin: 0 0 0.2em; padding: 0 }
.page-standalone ul {margin-bottom: 1.5em}
.page-standalone h2 {margin-top: 0.7em}

#topper.navigation {height: 2.5em }

.post-content {clear: both; margin: 0 0 1.5em; padding: 0 0 1em; color: #333  }
.page-standalone .post-content {margin: 0; padding: 0; }
.post-content .time-published {margin: 0 0 1.5em; padding: 0}
.post-content ul {margin: 1em 1em 1em 20px; list-style-type: square}
.post-content ul li {margin-bottom: 0.5em}


#respond {margin: 2em 0 1em !important}
textarea#comment {width: 600px; padding: 5px}
#tag-comments {padding-left: 10px; border-left: 3px solid #eee; margin-right: 30px; }
h3 {font: 130% georgia, times new roman,sans-serif}

.page-standalone {font-size: 80%; padding: 0 15px}

.back-stuff {padding: 15px 0; margin: 10px 0 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; clear: both}
.back-stuff ul {list-style-type: square; margin-left: 25px}
.back-stuff ul li {margin: 0 0 0.5em}

.alignright {float: right;}
	
.alignleft {float: left}

.img-left {float: left; margin: 0 10px 0 0}
.img-right {float: right; margin: 0 0 0 10px}

#footer {margin: 2px 0 0 25px; border-top: 3px solid #e5e5e5; padding: 35px 25px 30px 0; font-size: 70%; line-height: 140%}
.copyright-info {float: right; width: 220px;}
.cr {margin-left: -.7em}

#footer-nav {float: left; width: 370px}

#footer-themes {clear: both; margin-top: 12px }

#footer li {margin-bottom: 3px}
#footer-menu li {display: inline}
#footer-menu a {color: #fff; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 2px 4px; display: block; float: left; margin: 0 7px 7px 0}

.footer-links {float: left; width: 150px; margin: 0 0 15px 20px}

ol.commentlist {padding: 0; margin: 1em 0 0 0; list-style-type: none}
ol.commentlist li {margin: 0; padding: 5px}
ol.commentlist li.alt {background: #f5f5f5}
ol.commentlist cite.comment-author {font-style: normal; font-weight: bold; display: block; margin: 0 0 0.5em}

.back-type {font-size: 11px; font-weight: normal; letter-spacing: 1px}


.commentlist .pingback {background: #fff2ed !important; border-left: 2px dotted #ccc}
.commentlist .yellowhead {background: #FFFF99 !important;}
.commentlist .author {}

.commentmetadata {font-size: 90%; color: #b9b9b9}
.comments-section {clear: both; margin-top: 15px; border-top: 1px solid #eee; padding-top: 10px}
.comments-section #respond {margin-top: 0}
.comments-section textarea, .comments-section input {border: 1px solid black; font-size: 100%  }
.comments-section textarea:focus, .comments-section input[type=text]:focus {background: #dbe8f3; border: 1px solid #000; }

.commentmetadata:hover .edit-link {display: inline; float: none !important}

#sitemap {margin: 1em 0}
#sitemap li {font-weight: bold; margin-bottom: 1.2em}
#sitemap ul {margin-left: 1em; margin-top: 0.4em}
#sitemap ul li {font-weight: normal; margin-bottom: 0.3em}
#sitemap ul li:before {content: "— "}
#sitemap img {vertical-align: middle; width: 19px; height: 11px; background: #ff6300}

*:target {background: #F5F9FE; border-width: 1px 0; border-style: dashed; border-color: #DDDDDD}

table {border-collapse: collapse; border: none}
table td {vertical-align: top; border: none; padding: 0}

#permalink {display: none}
#contact-form {margin-left: 1em}

ul.tracklist {list-style-type: none; margin: 1.5em 0 2.5em; padding: 0}
p.address {border-left: 4px solid #e5e5e5; padding: 5px 10px; margin: 2em 0 0 0; font-family: georgia,sans-serif}
p.note {color: #888888}

ul#heatmap, ul#archieve-monthly {margin: 0.7em 0; padding: 0; list-style-type: none}
ul#heatmap li {display: inline; margin-right: 0.5em}

ul#archieve-monthly {margin-left: 5px; list-style-type: none; font-size: 120%}

#archieve-monthly ul {margin-left: 1em; font-size: 90%}


.right {float: right; margin: 0 0 7px 7px}
.left {float: left; margin: 0 7px 7px 0}

#topics {position: absolute; top: 94px; width: 255px; right: 0}
#topics-list {position: relative; right: 120px; top: 0px; width: 300px; border: 2px solid #555; padding: 10px; background: #fff; z-index: 2000;}

#topics li {float: left; font-weight: bold; margin-right: 0.5em;}
#topics a {text-decoration: none;}

#searchform {position: absolute; top: 94px; left: 790px; z-index: 1000}
#searchform #s {border-width: 1px; border-style: solid solid dotted solid; border-color: #e5e5e5 #e5e5e5 #ccc #e5e5e5; font: 13px calibri,arial,sans-serif; width: 120px; padding: 3px 4px; margin-right: 7px}

#recent-comments {margin-bottom: 15px}
#recent-comments li {margin-bottom: 7px; font-size: 90%}



.via {
font-size: 90%;
}

.via a {
font-weight: bold;
}


.legend {
font: 0.8em helvetica,arial,sans-serif;
margin-top: 5px;
}


.review-info {
width: 128px; 
margin: 0 0 10px 15px;
float: right;
padding: 10px 10px 5px 10px;
border: 1px solid #ccc;
font-family: 'lucida console', monospace;
font-size: 10px; 
}

.review-cover {
display: block;
margin-bottom: 5px;
}

.review-description {

}

.release {
line-height: 150%;
margin-bottom: 1em;
}

.release em.date {
font-style: normal;
font-family: tahoma,arial,sans-serif;
font-size: 90%;
}

.release .label {
font-size: 85%;
font-style: italic;
}


.post-content h3 {
margin: 1em 0 0.5em;
}

.post-content address {
display: block; margin-bottom: 1em;
font: 100% 'lucida grande',arial,sans-serif;
}

#code-link.link {float: right; cursor: pointer; background: url(i/code.png) left top no-repeat; padding: 0 0 0 20px;}

.asterix {margin-left: 0.5em; color: #CC0000 !important}

p.q {font-size: 110%; font-weight: bold}

.meaningless {font-size: 200%; clear: both; margin: 0 0 15px; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5}

.subscribe {border-top: 3px solid #e5e5e5; padding: 10px 0; font-size: 11px}
/*.subscribe a {color: #FF6633}*/

.yashare-auto-init {float: right;}

#blogit {padding: 10px 0; font-size: 11px; margin: 10px 0 0 0}
#blogit input {display: block; padding: 2px; color: #777; font: 11px arial,sans-serif; width: 100%; margin: 7px 0 0 0}

.authors-warning {font-size: 90%; margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc}

html>body .more-link {background: url(i/more.png) 100% 4px no-repeat; padding-right: 11px;}

.excerpt-image {display: block; width: 250px; height: 250px; border: 1px solid #e5e5e5; float: left; margin: 0 30px 30px 0; }

.post-image {float: right; margin: 0 0 15px 15px; }
.post-image.alignnone {float: none; }
.post-image.alignleft {float: left; }
.post-image img {display: block; width: 250px; height: 250px; border: 1px solid #e5e5e5; }


/* links */
.links h2:after {
    content: ":"
}
.links h2 {
    font-style: italic;
    font-size: 14px;
}


/* websites (pictures and movies) */
.links a[href *="vimeo.com"] {
	padding: 5px 20px 5px 0;
	background: url(http://vimeo.com/favicon.ico) no-repeat center right;
}

.links a[href *="youtube.com"] {
	padding: 5px 20px 5px 0;
	background: url(http://www.youtube.com/favicon.ico) no-repeat center right;
}

.links a[href *="myspace.com"] {
	padding: 5px 20px 5px 0;
	background: url(http://myspace.com/favicon.ico) no-repeat center right;
}

.links a[href *="wikipedia.org"] {
	padding: 5px 20px 5px 0;
	background: url(http://en.wikipedia.org/favicon.ico) no-repeat center right;
}

a.noicon {
	padding: 0 !important;
	background: none !important;
}

.edit-link a { 
	color: #fff;
	background: #555;
	padding: 1px 3px;
	text-decoration: none !important;
	margin-left: 30px;
	float: right;
	font: 10px arial,sans-serif;

}

.edit-link {
	display: none;
}

.post:hover .edit-link {
	display: block;
}

.edit-link a:hover { 
	background: #555;
	color: #fff;
}


.category a { 
	background: #777;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px 3px;
	text-decoration: none !important;
	margin-right: 5px;
	border-width: 0;
}

html>body .category a {border: 1px solid transparent;}



.culture .category a,
#footer .culture {
	background: #d03016;
}
.lifestyle .category a,
#footer .lifestyle {
	background: #008e4c;
}
.science .category a,
#footer .science {
	background: #5b86c5;
}
.technologies .category a,
#footer .technologies {
	background: #ca9e74;
}

.briefly .category a,
#footer .briefly {
	background: #eb7f00;
}


#related-posts {
border-top: 3px solid #ccc;
margin: 20px 0 10px 0;
font-size: 80%;
padding: 10px 0 0 0;
}

#related-posts img,
#experiment-ru img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	
}

#related-posts-widget {
margin: 20px 0 10px;
}

/*#related-posts-widget h2, 
#related-posts-widget ul,
#related-posts h2, 
#related-posts ul
{
font-family: arial,sans-serif;
}*/

#related-posts h2 {
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}

#related-posts ul, 
#related-posts-widget ul {
line-height: 130%;
list-style-type: none;
margin: 0;
}


#related-posts ul {
overflow: auto;
}

#related-posts li {
margin: 0 10px 7px 0;
width: 200px;
float: left;
font-size: 12px
}

#related-posts li span {
float: left;
width: 120px;
}

#related-posts li a {
font-weight: bold;
display: block;
font-family: 'Open Sans',arial,sans-serif;
margin: 0 0 7px;
font-size: 14px;
}

#related-posts li br {
display: none;
}

#related-posts li img {
float: left;
clear: right;
margin: 0 5px 5px 0;
}

.comment-in-q {
font-size: 20px;
}

.avatar {float: left; margin: 0 10px 10px 0;}


/* interview */
.a, .q {
padding: 0 0 0 65px;
background-repeat: no-repeat;
min-height: 65px;
height: 65px;
}

html>body .a, html>body .q {
height: auto;
}

.q {
font-weight: bold;
margin-top: 1.2em !important;
clear: both;
}

.a {
margin-bottom: 1.5em;
}

.second {
margin-bottom: 1em !important;
margin-top: -1em !important;
}

html>body .first, html>body .second {
min-height: 50px !important; height: auto !important;
}



.extra {font-size: 22px; font-family: arial,sans-serif; font-weight: normal; }
blockquote.extra {margin-left: 150px; width: auto;}
span.extra {line-height: 110%;}
.extra.left {float: none !important}
.extra.right {float: none !important}

.interview-intro {
margin-bottom: 3em;
font-style: oblique;
}

.interview-illustration {
margin-bottom: 3em;
}


.toggleLink {
	float: right;
	color: #eee;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 4px;
}

h1.updated img {
margin-top: 0.3em;
}



#experiment-ru {font-size: 11px; margin-bottom: 30px}
#experiment-ru a {font-size: 14px; font-weight: bold; text-decoration: none;}
#experiment-ru li {margin-bottom: 0; padding: 0 0 8px; clear: both}
#experiment-ru li img {display: block; margin: 0 7px 7px 0; border: 1px solid #ccc}

.size-xs {
float: left;
width: 75px;
height: 75px; 
margin-right: 7px;
}

#drap-01 {clear: both;}

#lj {margin: 35px 0 20px;}
#lj a {display: block; background: url(i/lj.png) no-repeat; padding: 0 0 0 52px; font-size: 14px}

.review-inset {
margin: 20px 0 35px 200px;
font-size: 11px;
}

.review-inset .legend {
font-size: 11px;
}

.legend a, .review-inset a {padding: 0 !important; background: none !important}

#briefly {margin-bottom: 15px}
#briefly p, 
#briefly img, 
#briefly h3 {margin: 0 0 5px; font-size: 14px}
#briefly .link {font-size: 10px; }
#briefly .link a {text-decoration: none; }
.briefly-large {display: block; margin: 0 0 10px}

#briefly div {display: none}
#briefly  .active {display: block}

#exteral {font-size: 11px; line-height: 17px}
#exteral a {font-weight: bold;}



.topics-list {background: url(/i/themes.png) left top no-repeat; padding: 0 0 0 25px; max-width: 300px; float: right; min-height: 20px; height: 20px; margin: 5px 0 20px; font-size: 11px}
.topics-list a {color: #515151}
html>body .topics-list {height: auto;}

.tagcloud {text-align: center}
.tagcloud li {display: inline; }

.full-list {clear: both; display: block; color: #000; padding: 15px 0 5px; font-size: 11px; margin-top: 10px}

.loading {font-size: 11px; padding: 15px}


#feedburner-form {margin: 25px 0 0 0; }
#feedburner-form p {margin: 0 0 5px; }
#feedburner-form .txt {width: 100px; margin-right: 7px; }

#potop span {background: #FFFFCC}
#potop a {color: #CC0033}
#potop, #vacation {
font-size: 10px; 
text-transform: uppercase;
margin: 20px 0 10px;
}


#twitter_div li {margin: 0 0 10px}

.clickable {cursor: pointer}


#authorinfo {overflow: auto; margin: 20px 0; padding: 5px; border-width: 1px 0; border-style: solid; border-color: #ccc;}
#authorinfo h4, #authorinfo p {margin: 0;}
#authorinfo p {margin-bottom: 6px;}
#authorinfo .author-wrapper {float: left; width: 560px;}