/*
ThemeName:mutantz_ver_2_0
ThemeURI:http://www.mutantz.ru/
Description:Theme of Mutantz`s blog version 2.0
Author:mutantz/sashabe
Version:2.0
*/
/*Общие*/
a img {border: none}
a:focus {outline: none}
a:visited {}
a:hover {color: #ff0049}
input, textarea {font-family: Verdana, Arial, sans-serif}
body {background-color:#e9e7db; margin: 0;font: 10px Verdana, Arial, sans-serif}
#mainblog {width: 970px}
#col_left {float:left;width: 120px; padding:7px 22px; overflow: hidden; display: inline}
#col_right {float:left;width:800px; overflow: hidden; display: inline}

/*Левая колонка*/
#logo {margin-bottom: 2.4em}
#menus h3 {background-color:#00ccff; color: white; text-align: center; padding: .5em; margin-bottom: .85em; cursor: default}
#menus h3#categories {background-color:#00ccff;}
#menus h3#pineproducts {background-color:#33CC99;}
#menus h3#flickr {background:url(img/flickr_bg.gif) repeat-y top center;}
#menus ul {padding: 0;margin: 0 0 20px 0}
#menus li {list-style: none; text-align: center; font:italic 11px Georgia, "Times New Roman", serif; letter-spacing: 0.1em; margin-bottom: .4em; text-transform: lowercase}
#menus li a {border-bottom: 1px dotted black; color: black; text-decoration: none}
#menus li a:hover {color: #ff0049; border-bottom: 1px dotted #ff0049}
#banners {padding-top: 3px; position:relative;width:120px; height:100px}
#banners a {position:absolute; top:0; left:0;}
#banners a.active {z-index:10;}
#banners a.last-active {z-index:9;}
#flickr_stream {text-align:center; margin-top: 15px}
#flickr_stream img {background:white; -moz-border-radius:5px; -webkit-border-radius:5px; padding:8px; display:block; margin: 0 auto}
#flickr_stream a {padding-bottom:11px; display:block}

/*Правая колонка*/
#rss {font:italic bold 24px Georgia, "Times New Roman", Times, serif; padding:10px 1em .4em 190px}
#rss a {color:#ff0049; text-decoration: none}
#rss em {color:#303030}
#rss span {display: none}
#rss a:hover span {display: inline}
#intro {color:#999;font: 18px/24px Georgia, "Times New Roman", Times, serif; padding: 0 24px 1em 24px}
#intro a {text-decoration: none; border-bottom: 1px #0000ff solid;}
#intro a:hover {color: #ff0049; border-bottom: 1px #ff0049 solid}
#intro span {color:#0000ff}
#pagebar {margin:6em 0 0 2.4em;}
#pagebar ul {text-align: center; position: relative; width: 510px; padding: 0;cursor:default}
#pagebar li {list-style: none; display: inline; padding:0 2.65em 0 0;color: #878474;font:italic bold 1.7em Verdana, Arial, sans-serif;}
#pagebar li a {text-decoration:none;color: #878474;}
#pagebar li.current {color:#333333}
#pagebar li a:hover {color:#303030;}
#pagebar li span {display:none}
#pagebar_prev {position: absolute; left: 0; top: -5px}
#pagebar_next {position: absolute; right: 0; top: -5px}
#pagebar_prev a {background: url(img/arr-l.gif) no-repeat left top; display: block; width:18px; height:28px}
#pagebar_next a {background: url(img/arr-r.gif) no-repeat left top; display: block; width:18px; height:28px}
#pagebar_prev a:hover {background: url(img/arr-l.gif) left -28px;}
#pagebar_next a:hover {background: url(img/arr-r.gif) left -28px;}

/*Правая колонка - несколько постов*/
.post h1, #post h1 {font-size: 2.4em; text-transform: uppercase; padding:.4em 0 .24em 1em; margin:0; width:525px;}
.post h1 a {color: #303030; text-decoration: none}
.postinfo {color:#646154; font:italic 11px Georgia, "Times New Roman", Times, serif; padding:0 0 0em 2.4em; letter-spacing: 0.1em}
.postinfo a {border-bottom: 1px dotted black; color: black; text-decoration: none;font-size:11px}
.postinfo a:hover {color: #ff0049; border-bottom: 1px dotted #ff0049}
.postcut img, .postcut object {background:white; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding:10px; margin:1em 0 1em -10px; display:block}
.postcut img {display:inline}
.postcut {font-size: 1.3em; line-height: 1.8em; padding:0 6em 0 2em; color:#58584b; width:530px;}
.postcut p {margin: 0; padding: 0}
.commentsnumber {background: url(img/pistol.gif) no-repeat left top;height: 52px;margin: 1.8em 0 2em 2em; width:607px;}
.commentsnumber a {display: block;background: url(img/pistol.gif) no-repeat 60px top; text-decoration: none; font: italic bold 1.3em Verdana, Arial, sans-serif; color: white; width: 50px; height: 31px;line-height:31px; text-align:center; margin-left:80px}
.commentsnumber a:hover {background: url(img/pistol.gif) no-repeat -80px -52px;}
.more-link {display: block; background: url(img/bullet.gif) no-repeat left top; width:55px; height: 38px; float: right; margin-right: 55px; margin-top: 13px}
.more-link:hover {background: url(img/bullet.gif) no-repeat left -38px;}
.more-link span#spanhide {display: none}

/*Правая колонка - один пост и комментарии*/
#post {margin-top: -1.8em}
#comments {margin:0; padding:0; margin-top: 2.35em; width: 621px}
#comments li {margin-bottom: 3.5em}
.bubble {background:white; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height: 80px; padding: 2em; position:relative; /*height:100%*/}
.avatar {position:absolute; bottom:0; left:0; margin:2em;}
.commenttext {color: #b4b1a2; font-size: 12px; line-height: 1.5em; padding-top:1em; margin-left:100px; text-align:right; padding-right:5px}
.odd .avatar {left:500px;}
.odd .avatar img {float:right}
.odd .commenttext {margin-left:0; margin-right:100px;text-align:left; }
.commentinfo {background: url(img/comment_arr.gif) 42px top no-repeat; font-style: italic; clear: both; padding-top: 2em}
.commentauthor, .commentdate, .commenttime {float: left; border-right: 1px solid #b8b7a9; width: 200px; text-align: center; height: 11px}
.commentauthor {text-align:left; font-size:12px; color:#58584b}
.commentauthor a {color:#58584b}
.commentdate {font-size: 11px;color: #89897b}
.commenttime {border-right:none; font-size: 9px; color: #babaab}
.odd .commentinfo {background: url(img/comment_arr.gif) 545px top no-repeat;}
.odd .commentinfo div {float: right; width: 200px}
.odd .commentauthor {border-right:none; text-align: right; padding-left: 19px}
.odd .commenttime {border-right:1px solid #b8b7a9;}
.commentauthor span {text-align: center; display:block; width:60%;}
.odd .commentauthor span {text-align: center; float:right}

/*Правая колонка - добавление комментария*/
#commentform {background:white; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 2em 2em 1.3em 2em; margin-bottom: 1em}
#commentform fieldset {border: none; padding: 0; margin: 0; padding-top: 2em}
#commentform legend {font-size: 12px; font-weight: bold;}
#inputs {width: 250px; float: left}
#inputs input {width: 243px; margin-bottom: 20px; height: 19px; color: #ccc; font-size: 12px}
#inputs input:focus {color:black}
#commentform textarea {width: 317px;float:right; height:98px; font-size: 12px}
#inputs input, #commentform textarea {border: 1px solid #e8e7e1}
#submit {clear: both; float: right; background: #5d96c2; font-size: 12px;border: 1px solid #4679a4; color: white;padding: 0 1em .2em 1em; margin-top: -.4em}

/*Футер*/
#footer {color:#878474; font-style: italic; font-size: 9px; padding:4.2em 0 2.6em 2.4em; line-height: 1.8em}
#footer a {border-bottom:1px solid #878474; color: black; text-decoration: none}