/*
ThemeName:mutantz
ThemeURI:http://www.mutantz.ru/
Description:olymelancholia blog theme.
Author:mutantz
AuthorURI:http://www.mutantz.ru/
Version:1.0.0
*/

body, html {margin: 0; padding: 0; font: 10px Georgia, serif}
body {background: url(images/background.jpg) fixed}

img {border: none}
a {color: #009ebe; text-decoration: none}
a:hover {color: #ff005a; text-decoration: underline}

#header {width: 770px; height: 190px}
#header a {background: #acddeb url(images/header.jpg); display: block; width: 770px; height: 190px; -webkit-border-top-left-radius: 8px;; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px}

#content {width: 770px; margin: 20px auto}

.post {float: left; width: 600px; background: #FFF; padding: 10px}
.post h1 {margin: 0 0 10px; padding: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height: 18px; background: #e2f4ff; font-weight: bold; font-size: 11px; -webkit-border-radius: 8px; -moz-border-radius: 8px}
.post h1 a {text-decoration: none; color: #003978}
.post h1 a:hover {color: #ff005a}
.post h1 small {font-size: 11px; font-weight: normal; text-transform: none; letter-spacing: normal; color: #347393; margin: 0; padding: 0; font-style: italic}
.post h1 small a {color: #009ebe}
.post h1 small a:hover {color: #ff005a; text-decoration: underline}

.entry img {padding: 0; margin: 0 auto 10px; display: block}
.entry {font-size: 13px}
.more-link {float: left; font-size: 11px; font-style: italic; margin: 0}
.entry p {padding: 0 0 10px}

.comments_info {text-align: right; margin: 10px 0 0; font-size: 11px; font-style: italic}

#menu {float: right; width: 130px; padding: 0 10px 20px; background: url(images/menu.png) bottom; display: block}
#menu h1 {font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 4px; margin: 10px 0; padding: 0; color: #003978}
.menu_links {margin: 10px 0 15px 5px; font-size: 11px; font-style: italic; line-height: 18px}

.pagebar {float: left; width: 600px; padding: 10px; background: #FFF; font-size: 11px; border-top: dotted 1px #347393; border-bottom: dotted 1px #347393;}
.pagebar .left a {float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fd6f97; padding: 5px 10px; font-weight: bold; color: #FFF; margin: 0 0 0 8px}
.pagebar .left a:hover {background: #003978; color: #FFF; text-decoration: none}
.pagebar .right a {float: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fd6f97; padding: 5px 10px; font-weight: bold; color: #FFF; margin: 0 8px 0 0}
.pagebar .right a:hover {background: #003978; color: #FFF; text-decoration: none}

/*comments*/

#comments {float: left; font-size: 13px; background: #FFF; border-bottom: dotted 1px #347393}
#comments, .comment {margin: 0; padding: 10px}
#comments ol {margin: 0; padding: 0; width: 600px; padding: 0; color: #000}
#comments ol .alt {margin: 0; padding: 0; background: #e2f4ff; -webkit-border-radius: 8px; -moz-border-radius: 8px}
#comments ol li {margin: 0; list-style: none; line-height: 18px; margin: 0; padding: 0}
.comment span.author {padding: 0; margin: 0; font-weight: bold; font-size: 11px; color: #000}
.comment small {font-size: 10px; color: #828282; font-family: Georgia, serif; font-style: italic}
#commentform {width: 600px; padding: 0; margin: 5px 0 0}
textarea#comment {font: 11px Verdana,sans-serif; width: 600px; background: #F2F2F2; border: none; padding: 6px; margin: 5px 0}
input.textbox {width: 250px; font: normal 11px Verdana,sans-serif; border: none; background: #F2F2F2; padding: 6px; margin: 5px 0}
.submit {float: right}

#commentform {width: 600px; padding: 10px 0 0; margin: 0}
textarea#comment {font: 11px Georgia, serif; width: 592px; background: #e2f4ff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border: none}
input.textbox {width: 200px; height: 20px; font: normal 11px Georgia, serif; background: #e2f4ff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border: none}
#comment, #formtext {padding: 2px}

#footer {float: left; display: block; height: 30px; width: 600px; background: #e2f4ff; padding: 0 10px 15px; margin: 0 0 20px; font-style: italic; color: #696969; -webkit-border-bottom-left-radius: 8px;; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px}
#white {width: 600px; height: 2px; display: block}