* {
    margin: 0px;
    padding: 0px;
}
body {
    font-family: Tahoma, Verdana;
    font-size: 14px;
    line-height: 23px;
    width: 100%;
}
a {
    color: rgb(10, 120, 194);
    outline: medium none;
    text-decoration: underline;
}
a:hover {text-decoration: none;}
p {margin: 10px 0;}
h1 {
    margin: 10px 0px;
    font-size: 26px;
}
h2 {
    margin: 10px 0px;
    font-size: 24px;
}
h3 {
    margin: 2px 0px 10px;
    font-size: 22px;
    font-weight: normal;
}
.floatR {float: right;}
.container {
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
}
.header {
    margin: 0px auto 10px;
    padding: 10px;
    background: rgb(240, 183, 161);
    background: -moz-linear-gradient(left, rgba(240, 183, 161, 1) 0%, rgba(117, 34, 1, 1) 0%, rgba(191, 110, 78, 1) 0%);
    background: -webkit-linear-gradient(left, rgba(240, 183, 161, 1) 0%, rgba(117, 34, 1, 1) 0%, rgba(191, 110, 78, 1) 0%);
    background: linear-gradient(to right, rgba(240, 183, 161, 1) 0%, rgba(117, 34, 1, 1) 0%, rgba(191, 110, 78, 1) 0%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e', GradientType=1);
}
.header h2 {display: inline-block;}
.header a {float: right;}
.box, .sidebar {
    display: inline-block;
    vertical-align: top;
}
.box {
    display: inline-block;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    max-width: 625px;
    padding: 0 10px;
    margin-right: 5px;
}
.bloger {
    float: left;
    margin: 0 10px 0 0;
}
.blogImg, .product, .usrImgB, .usrImgS {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.blogImg {margin: 10px auto;}
.product {max-width: 374px;}
.sidebar {
    max-width: 300px;
    font-size: 12px;
    margin-left: 5px;
}
.sidebarPosts, .sidebarBloggers, .sidebarComments {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    padding: 5px;
}
.sidebarPostBox, .sidebarPostBox a {color: #489b1f;}
.sidebarPostBox span {float: right;}
.sidebarBloggers {margin: 10px 0;}
.sidebar a {text-decoration: none;}
.sidebarPostBoxNfo {color: #777;}
.sidebarPostBoxNfo span {margin: 0 7px;}
.sidebarPostBoxNfo span:first-child {
    color: #bb225c;
    margin: 0;
}
.sidebarPostBoxNfo span:last-child {text-decoration: underline;}
.sidebarComments p {color: #bb225c;}
.sidebarComments a {text-decoration: underline;}
.sidebarComments a:hover {text-decoration: none;}
.button {
    background-color: #f00;
    display: table;
    border-radius: 3px;
    padding: 10px 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-decoration: none;
    margin: 10px auto;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}
.button:hover {box-shadow: none;}
.linkTable {
    color: #000;
    text-decoration: none;
}
.tableNfo {
    text-align: center;
    margin: 5px 0;
}
.tableNfo div {
    display: inline-block;
    min-width: 70px;
    margin: 0 5px;
    background-color: #dbe7e7;
}
.tableNfo div:last-child {
    background-color: #ee9306;
    color: #fff;
}
.rotate {
    transform: rotate(270deg);
    line-height: 18px;
    width: 20px;
    white-space: nowrap;
}
.tBox {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
}
.tBox .rotate {letter-spacing: 2px;}
.tLine {
    background-color: #dbe6e2;
    font-size: 12px;
    border: solid 1px #dbe6e2;
}
.tLine div, .blueBox, .tLine p, .tBox .rotate, .table {
    display: inline-block;
    vertical-align: middle;
}
.blueBox {
    margin: -3px -3px;
    border: solid 1px #dbe6e2;
    background-color: #36a5dd;
    max-width: 88px;
    width: 100%;
    text-align: center;
}
.tLine p {
    margin: 0 27px;
    text-align: right;
}
.tLine p:first-child {margin: 0 32px 0 60px;}
.index {text-align: center;}
.usrImgB {max-width: 450px;}
.usrImgS {max-width: 260px;}
.top_comment {
    background: none repeat scroll 0% 0% rgb(91, 127, 166);
    padding: 5px 5px 3px 6px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
}
.comment {
    border-bottom: solid 1px #d9d9d9;
    margin: 10px 0;
}
.comment a, .comment div {
    display: inline-block;
    vertical-align: top;
}
.comment div {
    width: 85%;
    margin-left: 10px;
}
.comment div p:nth-last-of-type(1) {
    text-align: right;
    font-size: 12px;
    color: #a3a3a3;
}
.footer {text-align: center;padding: 10px 0;}
.footer p {
    margin: 0;
    font-size: 13px;
}
.footer a {
    color: #000;
    text-decoration: none;
}

@media screen and (max-width:960px) {
    .sidebar {display: none;}
    .box {
        display: block;
        max-width: inherit;
        box-shadow: none;
    }
}
@media screen and (max-width:490px) {
    h1 {font-size: 24px;}
}
@media screen and (max-width:453px) {
    .comment div {width: 75%;}
}
@media screen and (max-width:450px) {
    .header h2 {
        display: block;
        text-align: center;
    }
    .header a {display: none;}
}
@media screen and (max-width:341px) {
    .table {width: 90%;}
    .blueBox {max-width: 80px;}
}

/*///////////////////////////////////////////////////////////////////////////////////*/