/*
Theme Name: GlebKalinin
Theme URI: http://glebkalinin.ru/
Description: Okay
Version: 0.1
Author: Gleb Kalinin
Author URI: http://glebkalinin.ru/
Tags: fixed width, two columns, widgets

*/



* {margin: 0; padding: 0}
body {background: #fff; color: #000; font: 85% arial,sans-serif; text-align: center}
img {border: none}

a {color: #1ca9c1}
a:visited {color: #303030}
a:hover {text-decoration: none;}

table {border-collapse: collapse}
td, th {margin: 0; padding: 0; vertical-align: top}

.clear {clear: both; height: 1px; overflow: hidden; }

.dot {display: none;}
.nobr {white-space: nowrap}

.u {text-transform: uppercase}


.sbrace {margin-right: 0.15em}
.hbrace {margin-left: -0.15em}

.slaquo {margin-right: 0.44em}
.hlaquo {margin-left: -0.44em}

.sbdquo {margin-right: 0.4em}
.hbdquo {margin-left: -0.4em}

.right {float: right; margin: 0 0 10px 10px}


#header {background: #21C0DB; text-align: left; margin: 0 0 35px; height: 40px; }
#header .w {width: 960px; margin: 0 auto; padding: 10px 0}

#header form {float: right; width: 210px;}
#header form #s {border: 1px solid #1eacc5; font: 11px arial,sans-serif; padding: 2px; width: 200px}
#header form input:focus {background: #fff;}


#logo h1, #logo strong a {color: #fff; text-shadow: #555 1px 1px 1px; font-size: 18px; text-transform: uppercase; float: left; width: 105px; height: 15px;}
html>body #logo h1, html>body #logo a {text-indent: -2000px;  background: url(/i/logo.png) no-repeat; }

#header h1 span { }

#page {width: 960px; text-align: left; margin: 0 auto}

#content {width: 650px; margin-right: 100px; float: left;}
#content h1, #content h2 {padding-left: 150px; margin: 0 0 .5em; font-size: 160%}



.post {margin: 0 0 40px}
.post p, .comment .text p, .post h4 {margin: 0 0 1.2em; line-height: 145%; padding-left: 150px; position: relative;}
.section object {margin-left: 150px; margin-bottom: 30px;}
.section p object {margin-left: 0;}
.post h4 {margin: 0 0 .2em; line-height: 135%; font-size: 80%; letter-spacing: 1px; text-transform: uppercase}
.post p.inset {padding-left: 0;}
.post .section {position: relative;}
.post .section p.aside {position: absolute; padding-left: 0; margin: 0}
.aside {font: 11px helvetica,arial,sans-serif; position: absolute; left: 0; width: 120px; bottom: .2em; line-height: 110%; color: #404040}
.aside.top {bottom: auto; top: 0.5em}
.aside .hlaquo {margin-left: -0.4em}
.side-ill {display: block; margin: 0 0 5px}

.link {font: 11px helvetica,arial,sans-serif; }

.event {margin: 0 0 40px;}
.event .cover {margin: 0 0 10px 10px; float: right;}
.event .lector {font-size: 85%; margin-bottom: .7em; color: #555;}
.lector strong {display: block; color: #000;}

blockquote {margin: 0 30px 0 45px; font-family: georgia,'times new roman',serif;}
blockquote p {}

.quote-container {margin: 30px 0 35px 150px}
blockquote.framed {width: 411px; margin: 15px 0 0 55px; }
blockquote.framed .text {background: url('/i/q-top.png') no-repeat; padding: 9px 10px 5px 50px}
blockquote.framed .wr { background: url('/i/q-btm.png') right bottom no-repeat; height: 9px; }

.legend {font-size: 80% !important}

.image {
	position: relative;
	margin: 0 0 20px 150px;
}
.image .credit {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 11px;
	-moz-opacity:.3; 
	-webkit-opacity: .3;

}

.credit.light,
.credit.light a {
	color: #fff;
}

.image:hover .credit {
	-moz-opacity: 1;
	-webkit-opacity: 1;
}

.entry {position: relative}
.entry ul {margin-left: 150px; margin-bottom: 2em; list-style-type: square; line-height: 135%; }
.entry ul li {margin: 0 0 .5em}

.meta, .comment .date {float: left; font-size: 11px; width: 120px; color: #404040; margin-top: .3em; }
.meta {float: none; position: absolute; top: 0; left: 0; z-index: 200}
.meta p {padding-left: 0; margin: 0 0 7px; line-height: 120%}


#sidebar {width: 200px; float: left;}
#sidebar h2 {font-size: 9px; margin: 0 0 5px; text-transform: uppercase; color: #a9aaaa; }

#sidebar .widget {margin-bottom: 2.5em; font-size: 90%}
#sidebar .widget li {margin: 0 0 .5em}
#sidebar ul {margin-left: 1em}

#sidebar ul.blogroll {list-style-type: none; margin-left: 0; font-size: 80%}

h3 {float: left; width: 120px; font-size: 110%}
h3 .nobr {white-space: auto}

.about {font-size: 11px; color: #404040}
.about img {float: right; margin: 0 0 7px 7px}
.about br {display: none}
.about a {color: #404040}
.about a:hover {text-decoration: underline; color: #303030; }

.about h2 {position: relative;}
.about h2 span {position: absolute; top: 0; left: 0; display: block; width: 56px; height: 13px; background: url(/i/text-about.png) no-repeat}

.about p {margin: 0 0 .7em}


.comments {margin-top: 2.5em}
.comment {clear: both; }
.comment p.date {padding-left: 0}
.comment .text .src {font-family: georgia,serif; display: block; font-style: italic; margin-bottom: 5px!important}
.comment .text .src:before {content: " — "; }
.comment .text .src a {text-decoration: none; }
.comment .text .src a:hover {text-decoration: underline; }
.reply {font-size: 90%; margin-top: 0}




#respond {margin-left: 150px; margin-top: 50px}
#respond form {float: left;}
#respond h2 {padding-left: 0; padding-bottom: 10px}
#respond p {clear: both; padding: 0 !important }
#respond p label, #respond p input {float: left; display: block; margin: 0 0 7px}
#respond p label {width: 100px;}
#respond p input.txt {width: 180px;}
#respond textarea {width: 270px; display: block; clear: both; margin: 15px 0; font: 100% arial,sans-serif; padding: 5px;}

.comment-rules {float: right; width: 170px; font-size: 11px}


.filetype {display: block; padding: 0 0 0 40px; margin: 10px 0; min-height: 40px; font-weight: bold}
.filetype .nobr {white-space: normal}
.pdf {background: url(/i/pdf.png) no-repeat}
.aside .filetype {margin-left: -6px}


#footer {clear: both; padding: 20px 0 20px; font-size: 80%; margin: 0 0 0 150px}
#footer p {float: left;}
#footer p, #footer ul {padding: 0 0 30px 0}

#footer-links {float: right}
#footer-links li {float: left; margin: 0 0 0 10px; list-style-type: none}

.tracklist {font-size: 90%; margin-bottom: 3em !important}