body { padding: 0px; margin: 0px; }
body * { font-family: Arial; }
h1, h2, h3 { font-weight: normal; margin: 0px; }
h1 { font-size: 27px; }
h2 { font-size: 21px; }
a { color: rgb(186, 0, 9); }
a:hover { text-decoration: none; }
.wrap { max-width: 1000px;  margin: 0px auto; }
body img { max-width: 100%; }
.content { width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.breadcrumbs { background: rgb(186, 0, 9) none repeat scroll 0% 0%; padding: 2px 2px 2px 15px; width: 140px; font-size: 12px; color: rgb(255, 255, 255); position: relative; top: 15px; margin-bottom: 25px; }
.breadcrumbs a { color: rgb(255, 255, 255); }
.breadcrumbs a:hover { text-decoration: none; }
.topic { height: 38px; width: 480px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); position: relative; left: -10px; margin: 10px 0px; }
.topic span { float: left; display: block; }
.topic .title { width: 100px; text-align: center; font-size: 21px; color: rgb(186, 0, 9); position: relative; top: 8px; }
.topic .text { width: 380px; font-size: 12px; position: relative; top: 4px; }
.post { padding: 15px; font-size: 15px; }
.post .info { color: rgb(153, 153, 153); font-size: 11px; font-style: italic; }
.post a { font-size: 19px; }
.comments { width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 5px; }
.comment { margin: 0px 15px; padding: 15px 0px; border-bottom: 1px solid rgb(204, 204, 204); }
.comment:last-child { border: medium none; }
.comment .avatar { float: left; width: 35px; height: 35px; }
.comment .text { margin-left: 45px; font-size: 13px; }
.comment .text .login { color: rgb(186, 0, 9); font-weight: bold; }
.comment .text .date { color: rgb(153, 153, 153); font-size: 11px; font-style: italic; }
.comment .text .data { display: block; margin-top: 2px; width: 70%; }
.comment .text .data img { display: block; position: relative; top: 5px; }
.photo { width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 5px; padding-bottom: 10px; }
.footer { background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 5px; padding: 15px; height: 50px; font-size: 11px; }

a.button6 { position: relative; font-weight: bold; color: white; text-decoration: none; text-shadow: 0px -1px 1px rgb(204, 85, 0); padding: 0.8em 5px; outline: medium none; border-radius: 21px; background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent 50%, rgba(0, 0, 0, 0.3)), linear-gradient(rgb(215, 125, 49), rgb(254, 132, 23), rgb(215, 125, 49)); background-repeat: repeat, repeat; background-attachment: scroll, scroll; background-clip: border-box, border-box; background-origin: padding-box, padding-box; background-size: 100% 100%, auto auto; background-position: 50% 50%; box-shadow: 0px -1px 1px rgb(235, 171, 0) inset, 0px 1px 1px rgb(255, 191, 0) inset, 0px 0px 0px 1px rgb(204, 119, 34), 0px 10px 15px -10px rgb(0, 0, 0); transition: all 0.2s ease 0s; animation: 1.2s linear 0s normal none infinite running pulsate; }
a.button6:hover { background-size: 140% 100%, auto auto; animation-play-state: paused; cursor: pointer; transition: all 10s linear 0s; background-position: -5000% 0px, 0px 0px; }
a.button6:active { top: 1px; color: rgb(255, 222, 173); box-shadow: 0px -1px 1px rgb(235, 171, 0) inset, 0px 1px 1px rgb(255, 191, 0) inset, 0px 0px 0px 1px rgb(204, 119, 34), 0px 10px 10px -9px rgb(0, 0, 0); }


@media (max-width: 480px) {
    .topic {
        height: 47px;
        width: auto;
    }
    .topic .text {
        top: 0;
        max-width: 206px;
    }
    a.button6 {
        font-size: 16px;
    }
}