html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q, blockquote {
    quotes: none;
}
q, blockquote:before, q, blockquote:after {
    content: "";
    content: none;
}
a img {
    border: none;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: url(/template/themes/metalrus/tea/../style/images/steel45.jpg) 50% no-repeat #000;
    background-attachment:fixed;
    font-size: 90%;
}

#content {
    width: 1050px;
    margin: 0 auto;
    background: url(/template/themes/metalrus/tea/../style/images/container.png);
    border: 1px solid #777;
    padding: 5px 25px;
}
p.input {
    margin-top: 3px;
    padding: 3px 5px;
    background:#fff;
    color: #333;
    width:98%;
}
a.likes {
    display: inline-block;
    padding: 0px 6px 0px 18px;
    color: #000;
    font-weight: bold;
    border-radius: 3px;
    background: url(/template/themes/metalrus/tea/../style/images/heart.png) no-repeat #736C5C 3px 3px;
    margin-right: 3px;
}
.hidden {
    display: none;
}
#header > h1 {
    float:left; 
    margin-top:14px;
}

#copyright {
    font-size: 12px;
    text-align: center;
    padding: 0 40px;
    position: relative;
    top: -40px;
}
#menu {
    text-align:center;

    margin: 0 40px 0 40px;
}

#menuleft {
    background: no-repeat url(/template/themes/metalrus/tea/../style/images/home2.png) 0px 10px;;
    float: left;
    width: 144px;
    padding-top: 10px;
}

#menucenter {
    float: left;
    width: 701px;
}

#toptop {
    padding-bottom: 10px;
}
    
#menucenter #toptop a {
    font-size: 11px;
    color: #C1B495;
    letter-spacing: 2px;
}
    	
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0px 0 15px 0;
}

#menu #homelogolink {
    width: 136px;
    height: 36px;
    display: block;
}

#menu #topstring {
    padding-bottom:10px;
}

#menu ul li {
    display: inline;
    margin: 0 9px;
}
#menucenter  ul li a {
    text-decoration: none;
    color: white;
    font-size: 22px;
    font-family: Candara;
    font-weight: normal;
    letter-spacing: 3px;
}
#menu ul li.selected a {
    color: #99ffcc;
}

#menu ul li span {
    background:#99FFCC;
    color:#000;
    padding:2px;
    border-radius:5px;
    font-size:12px;
}

#teaser img {
    border:  1px solid #777;
}
.mceEditor {
    display: block;
}
.source_preview {
    text-align: left;
}
.source_preview a {
    float: right;
    margin-right: 10px;
}
.source_preview a.active {
    color: #ff0;
}
.ui-widget {
    font-size: 12px !important;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
    overflow: hidden;
}
.ui-timepicker-div dl dt {
    height: 25px;
}
.ui-timepicker-div dl dd {
    margin: -25px 10px 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
#main_admsection {
    min-height: 300px;
}
.post_content {
    line-height: 1.3em;
    margin-bottom: 5px; /* original 20px */
}
.post_content p, .description p {
    margin-bottom: 0.1em; /* original 1em */
}
.post_content form fieldset {
    width: 782px;
    margin-top: 10px;
}
.post_content form fieldset span.legend {
    background: #aaa;
    color: #000;
    display: block;
    padding: 2px 5px;
}
.post_content form fieldset .fieldset-content {
    border: 1px solid #aaa;
    padding: 10px;
}
.post_content .browse_wrap {
    width: 98%;
}
.post_content form fieldset table {
    width: 100%;
}
.post_content form fieldset table td {
    padding:  3px;
}
.post_content form fieldset table td input {
    font-size: 12px;
}
.post_content form table button {
    margin: 0;
}
.post_content form fieldset table select {
    width : 100%;
}
.post_content form label {
    display: block;
    margin-top: 10px;
}
.post_content form input, .post_content form textarea, .post_content form select {
    display: block;
    width: 98%;
}
.post_content form button {
    margin-top: 10px;
}
.group_menu li {
    margin-left: 5px;
}
.post {
    margin-left: 13px; /* original 20px */
}
table.music {
    width: 100%;
}
table.music td {
    padding: 5px;
}
.pagination ul li {
    display: inline;
}

.social .icon {
    display: block;
    float: right;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url(/template/themes/metalrus/style/images/icons.png);
    margin: 0 5px;
    opacity: 0.6;
}
.social .icon:hover {
    opacity: 1;
}
    
.social .icon.facebook { background-position:0px 0px; }
.social .icon.rss { background-position:-26px 0px; }
.social .icon.twitter { background-position:-52px 0px; }
.social .icon.vkontakte { background-position:-78px 0px; }

td .post_content img {
    max-width: 468px;
    max-height: 400px;
}

.list_posts {
    overflow: visible;
}


#main_admsection form#postmodify .roundframe {
    padding: 0 10px;
}

#main_admsection form#postmodify .roundframe textarea {
    width: 100%;
}

/*Trustlink*/
div.c3c26d {
float: left;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
font-size: 12px !important;
background-color: #212121 !important;
border: 1px solid #e0e0e0e !important;
}
div.left {
float:left;
display: block;
padding: 5px !important;
text-align: left !important;
font-size: 12px !important;
}
.c3c26d a {
color: #0000cc !important;
font-weight: normal;
font-size: 12px !important;
}
.c3c26d .text {
color: #000000 !important;
font-size: 12px !important;
padding: 3px 0 !important;
line-height: normal !important;
}
.c3c26d .host {
color: #006600;
font-weight: normal;
font-size: 12px !important;
padding: 3px 0 !important;
line-height: normal !important;
}

/* Базовые стили модального окна */

.spc_overlay {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
cursor: default;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.spc_overlay:target {visibility: visible;opacity: 1;}
.spc_popup {
background-color: #fff;
border: 3px solid #fff;
display: inline-block;
opacity: 0;
padding: 15px;
position: fixed;
text-align: justify;
font: 14px Helvetica, Arial, Sans-Serif;
bottom: 10px;
visibility: hidden;
z-index: 10;
-webkit-transform: translate(-17%, -17%);
-moz-transform: translate(-17%, -17%);
-ms-transform: translate(-17%, -17%);
-o-transform: translate(-17%, -17%);
transform: translate(-17%, -17%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}

.spc_overlay:target+.spc_popup {bottom: 10px;opacity: 1;visibility: visible;}

.spc_close {
background-color: rgba(0, 0, 0, 0.8);
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: -15px;
width: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.spc_close:before {color: rgba(255, 255, 255, 0.9);content: "X";font-size: 24px;text-shadow: 0 -1px rgba(0, 0, 0, 0.9);}
.spc_close:hover {background-color: rgba(64, 128, 128, 0.8);}
.spc_popup p, .spc_popup div {padding: 0px 5px 0px 5px;}
.spc_popup h2 {color:#000;}