/*   
Theme Name: 4g3n7-theme v3
Theme URI: http://4g3n7.ru/
Description: Only for personal blog.
Version: 3.0
Author: Yaroslav 4g3n7 Melekhin
Author URI: http://4g3n7.ru/
*/



/* =Reset
----------------------------------------------- */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; }




/* =Main Typography
----------------------------------------------- */


/* FONT-FAMILYS */
html                               {font-family: "Lucida Grande", Arial, Helvetica, sans-serif;}
input[type='text'], textarea       {font-family: "Lucida Grande", Arial, Helvetica, sans-serif;}
code, kbd, samp, pre, tt, var      {font-family: "Courier New", Courier, monospace;}
h1, h2, h3, h4, h5, h6             {font-family: Georgia, "Times New Roman", Times, serif;}




html { font-size: 62.5%;}
strong, th, thead td { font-weight: bold; }
cite, em, dfn { font-style: italic; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
code {font-size:120%;}

blockquote *:first-child:before { content: "\00AB"; }
blockquote *:first-child:after { content: "\00BB"; }
q { quotes: "\00AB" "\00BB" "\201E" "\201C"; }

.submit { cursor: pointer; }

a {cursor:pointer;}

 
 
 
 /* =Colors
----------------------------------------------- */

body {color:black;}

a:link    {color:#760808;}
a:visited {color:#a43a08;}
a:hover   {color:#440808;}
a:active  {color:#760808;}

h1, h2, h1 a:link {color:#27221f;}
h1 a:visited      {color:#65615f;}
h1 a:hover        {color:#a43a08;}
h1 a:active       {color:#a43a08;}

#content a:hover img {border-color:#a43a08;} 

body {background:white url(images/background.gif) repeat-x fixed;}



/* SPECIAL CLASSES */
.fl {float:left;}
.fr {float:right;}
.break {clear:both;}
.one-em {height:18px;}
.two-em {height:36px;}
.three-em {height:54px;}


/* SPECIAL WORDPRESS CLASSES */
.alignleft {float:left;}
.entry p img {margin-right:9px;}




 /* =Sidebar
----------------------------------------------- */
.sidebar-topicons {margin-top:-277px; margin-bottom:5px; display:block; clear:both;}
.sidebar-topicons dt {display:block; position:relative; clear:both; height:18px; line-height:18px;}
.sidebar-topicons dt a {position:absolute; display:block; float:left; width:58px; height:58px;}
.sidebar-topicons .st-rss {background:url(images/postcards.png) no-repeat left top;}
.sidebar-topicons .st-podcast {background:url(images/postcards.png) no-repeat left bottom;}
.sidebar-topicons .st-rss:hover {background-position:right top;}
.sidebar-topicons .st-podcast:hover {background-position:right bottom;}
.sidebar-topicons dd {display:block; clear:both; font-size:11px; line-height:18px; height:18px; padding-left:62px;}
.sidebar-topicons dd a {display:block; float:left; margin-top:-16px; line-height:18px; height:18px; position:relative;}
.sidebar-topicons dd a:hover   {text-decoration:underline;}

.sidebar-page-top {margin-top:-277px; display:block; clear:both;}

.sidebar-dl {display:block; clear:both; font-size:12px; margin-top:-54px;}
.sidebar-dl dt {font:18px/24px Georgia,"Times New Roman",Times,serif; padding-top:18px;}
.sidebar-dl dd {padding-left:18px;}
.sidebar-dl dd a {text-decoration:underline;}

.contact {display:block; width:150px; height:36px; background:url(images/contact.gif); overflow:hidden;}
.sidebar-dl .contact {margin-left:-9px;}

.sidebar-container, .sidebar-container-pink {position:relative; width:180px; clear:both; padding-top:54px; margin-bottom:36px; font-size:11px; line-height:18px;}
.sidebar-container h2 {position:absolute; left:-18px; top:0; width:198px; height:39px; padding-left:18px; padding-top:14px; background:url(images/sidebar-header.png) no-repeat; font:normal 18px/24px Georgia, "Times New Roman", Times, serif; color:black;}
.sidebar-container-pink h2 {position:absolute; left:-37px; top:0; width:215px; height:77px; padding-left:37px; padding-top:14px; background:url(images/sidebar-pinkheader.png) no-repeat; font:normal 24px/27px Georgia, "Times New Roman", Times, serif; color:white;}

.sidebar-container ul li {font-size:12px; display:block; clear:both; line-height:14px; padding:2px 0;}
.sidebar-container ul li a         {position:relative;}
.sidebar-container ul li a:hover   {background:#efd7ab; text-decoration:underline;}
.sidebar-container ul li a:active  {background:#efd7ab; text-decoration:underline;}
.current-cat {font-weight:bold;}

.sidebar p a {text-decoration:underline;}

.about-img {width:80px; height:80px; float:left; position:relative; background:url(images/about-img-small.jpg) no-repeat; margin-right:3px; border:3px solid #FDF2D5; cursor:crosshair;}
.about-img img {position:absolute; left:-25px; top:-447px; width:250px; height:613px; display:none; float:left;}
.about-img:hover img {display:block !important; border:3px solid white;}

.st-tag-cloud {text-align:center;}
.st-tag-cloud li {display:inline !important;}
.st-tag-cloud li a {white-space:nowrap; line-height:20px; padding:3px 5px 3px 5px;}
.st-tag-cloud li a:hover {text-decoration:none !important;}




 /* =Entry
----------------------------------------------- */
.content-content-content {margin-top:-250px; margin-left:19px;}
.entry {margin-bottom:91px;}

.entry .entry-top {background:url(images/entry-top.png) no-repeat; width:542px; height:126px; position:absolute; z-index:0; margin-top:-74px; float:left;}
.entry-cat33 .entry-top {background:url(images/entry-top-podcast.png) no-repeat;}

.entry .entry-bottom {background:url(images/entry-bottom.png) no-repeat; width:542px; height:9px; margin-bottom:-9px; position:absolute;}
.entry .entry-content {position:relative; background:#f3f3f3 url(images/entry-bgrepeat.png) repeat-y left 251px; width:542px;}
.entry .entry-header {margin-top:-60px; margin-left:-28px; padding-left:46px; height:90px; position:absolute; z-index:1; background:url(images/hor-skrepka.png) no-repeat left bottom;}

.entry .entry-header h1 {font:normal 2.4em/24px Georgia, "Times New Roman", Times, serif; margin-bottom:17px;}
.entry .entry-header h1 a {color:#440808; text-decoration:none !important; border-bottom:2px solid #e0dada;}
.entry .entry-header h1 a:hover {color:#440808; border-bottom:2px solid #d0c4c4; background:none;}
.entry .entry-header p {padding:0 !important;}
.entry .entry-header p small {font-size:12px; color:#929292; line-height:18px;}

.entry .entry-content p {padding:0 18px 18px 18px;}
.entry .entry-content p, .entry .entry-content ul, .entry .entry-content ol {font-size:1.4em; line-height:18px;}
.entry .entry-content ul li p, .entry .entry-content ol li p {font-size:14px; padding-left:0;}
.entry .entry-content p img {border:4px solid #e9ded3; margin-left:-4px;}
.entry .entry-content p img.page-ill {margin-top:-36px;}
.entry .entry-content ul {padding:0 18px 18px 36px;}
.entry .entry-content ul li {background:url(images/mdash.gif) no-repeat left 0.6em; list-style-type:none; padding-left:16px;}
.entry .entry-content ol {padding:0 18px 18px 54px;}
.entry .entry-content ol li {list-style-type:decimal;}

.audioplayer_container {padding:6px 18px 24px 18px !important; display:block; width:450px; clear:both;}

.entry .entry-content h2 {font:italic 20px/36px Georgia, "Times New Roman", Times, serif; color:#f510e4; padding:0 18px;}
.entry .entry-content strong {font-weight:normal; background:#f3c7f0; padding:0 2px; margin:0 -2px;}

.entry .entry-content strong a:hover {background-color:#f39aec;}

.entry .entry-content a {text-decoration:underline;}
.entry .entry-content a:hover {background-color:#e0dada;}

.entry .entry-ext {clear:both; width:543px; margin-left:-1px; position:relative; background:url(images/blue-paper.jpg) no-repeat left bottom; padding-bottom:5px;}
.entry .entry-ext p {background:url(images/blue-paper.jpg) no-repeat left top; padding:5px 18px 0 18px; color:#2a2d2e; line-height:18px; font-size:12px;}
.entry .entry-ext strong {background:none; font-weight:bold;}
.entry .entry-ext a:link    {color:#686f73;}
.entry .entry-ext a:visited {color:#9ba7ad;}
.entry .entry-ext a:hover   {color:#545a5d; background:#e4edf2; text-decoration:underline;}
.entry .entry-ext a:active  {color:black;}





 /* =Comment
----------------------------------------------- */
.entry-comment {background:#f3f3f3 url(images/entry-bgrepeat.png) repeat-y left top; width:542px;}
.entry-comment h2, .entry-comment h3 {font:normal 2.4em/24px Georgia, "Times New Roman", Times, serif; padding:14px 18px 16px 18px;}
.entry-comment p {padding:0 18px 18px 18px; font-size:1.4em; line-height:18px;}
.entry-comment form {margin:0 18px; font-size:12px; line-height:18px;}
.entry-comment .new-comment-bottom {clear:both; height:18px;}
.entry-comment form ul li {display:block; clear:both; padding-bottom:18px;}

.entry-comment a {text-decoration:underline;}
.entry-comment a:hover {background-color:#e0dada;}

.related_post {padding:0 18px 18px 36px; font-size:1.4em; line-height:18px;}
.related_post li {background:url(images/mdash.gif) no-repeat left 0.6em; list-style-type:none; padding-left:16px;}

.commentlist  {padding:0 18px 18px 18px; font-size:1.4em; line-height:18px;}
.commentlist li cite {font-weight:bold; font-style:normal; float:left;}
.commentlist li div {clear:both;}
.commentlist li div p {font-size:14px; padding:0; padding-bottom:18px;}
.commentlist .commentmetadata  {font-size:12px; color:#929292; line-height:18px; float:right;}

#new-comment {background:#f3f3f3 url(images/entry-bgrepeat.png) repeat-y left top; width:542px; position:relative;}

.entry-comment form ul li {padding-bottom:9px;}

.entry-comment form textarea {width:450px;}

.dcaptcha {position:relative; height:18px; clear:both; display:block;}
.dcaptcha #url {display:none;}
.dcaptcha #dcaptcha {display:block; clear:both; height:18px; line-height:18px;}
.dcaptcha #dcaptcha input {vertical-align:middle;}



 /* =Footer
----------------------------------------------- */
.footer-container {width:756px; height:270px; padding-left:18px; margin:0 auto;}

.fc-column {width:252px; float:left;}
.fc-column h2 {font:normal 18px/18px Georgia, "Times New Roman", Times, serif; color:white; padding:36px 18px 13px 0;}
.fc-column ul li {font:normal 12px/14px Arial, Helvetica, sans-serif; padding:5px 18px 5px 0;}
.fc-column ul li a:link {color:#ae8080;}
.fc-column ul li a:visited {color:#8c5c5c;}
.fc-column ul li a:hover, .fc-column ul li a:active {color:#cab5b5; text-decoration:underline;}
.fc-column ul li b {font-weight:bold;}

.bottom-footer {width:100%; clear:both; height:36px; position:relative;}
.bottom-footer .bf-bg {position:absolute; left:0; width:100%; height:36px; background:black; opacity:0.2;}
.bottom-footer .bf-content {width:810px; margin:0 auto; font-size:14px; line-height:36px; color:white;}
.bottom-footer address {padding-left:36px; display:block; float:left; width:252px; opacity:0.3;}
.bottom-footer p {position:relative; opacity:0.3; display:block; float:right; padding-right:36px;}
.bottom-footer address, .bottom-footer p {font-size:12px;}
.bottom-footer p a {text-decoration:underline; color:white !important;}




 /* =Header
----------------------------------------------- */
.header .logo {position:relative; display:block; float:left; margin-top:25px; margin-left:50px;}
.header .logo img {width:342px; height:34px;}
.header ul {float:right; padding-right:36px; padding-top:37px;}
.header ul li {display:inline; margin-left:9px; font:bold 1.4em/18px Arial, Helvetica, sans-serif; color:white;}
.header ul li a {text-decoration:none; color:white !important;}
.header ul li a:hover, .header .current_page_item {border-bottom:2px solid white !important;}

.blog-link {border-bottom:2px solid white;}
.page .blog-link {border-bottom-width:0;}


 /* =Content
----------------------------------------------- */
.content .container {position:relative; margin-top:18px;}
.content .content-top-bg {background:url(images/content-top.png) repeat-y center top; width:784px; height:306px; margin-left:13px;}
.content .content-bottom-bg {background:url(images/content-bottom.png) repeat-y center top; width:784px; height:306px; margin-left:13px; margin-bottom:54px; margin-top:-100px;}
.content .content-middle-repeat {background:#fae5bb url(images/content-middle-repeat.png) repeat-y center top; width:778px; margin-left:16px;}




 /* =Karkas, backgrounds
----------------------------------------------- */
.header {background:#440808 url(images/header-bg.jpg) repeat-x center top; height:108px;}
.footer {background:#440808 url(images/footer-bg.jpg) repeat-x center top; height:306px;}
body    {background:#d0baa6 url(images/content-bg.jpg) repeat center 108px;}

.header, .content, .footer   {width:100%; clear:both;}
.container {width:810px;margin:0 auto;}
.content-content  {float:left;width:500px;}
.sidebar  {float:right;width:200px}

/*.content-content, .sidebar {margin-bottom:-250px;}*/




/* Validator, sorry :) */
html .content .content-bottom-bg {//margin-top:0;}
.bottom-footer .bf-bg {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);}
.bottom-footer address,
.bottom-footer p,
.bottom-footer ul li a {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.bottom-footer ul li a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.content-content, .sidebar {margin-bottom:-250px;}
img {behavior: url(iepngfix.htc);}

