* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font: normal 12px/1.4em Arial;
    height: 100%;
    background: #414141;
}
html, body {min-width: 1000px; position: relative; height: 100%;}
* {outline: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* COMMON STYLES */
.nowrap {white-space:nowrap;}

.clear {clear: both;}
.clr {display:block;zoom:1;}
.clr:after {content:".";display:block;height:0;clear:both;overflow:hidden;}

/* common text colors */
.red {color: #990000;}
.rose {color:#c35353;}
.green {color: #639A00;}
.grey {color:#666;}
.white {color:#fff;}
.yellow {color:#fff13d;}

.hidden {display: none;}


input[type=text]::-webkit-input-placeholder {font: normal Arial; color: #999;}
input[type=text]:-moz-placeholder {font: normal  Arial; color: #999;}

textarea::-webkit-input-placeholder {font: normal Arial; color: #bcbbbb !important;}
textarea:-moz-placeholder {font: normal  Arial; color: #bcbbbb !important;}


/* link */
a.dotted, span.dotted {border-bottom:#990000 dotted 1px; text-decoration: none;color:#990000;}
a.solid, span.solid {border-bottom:#f68e8e solid 1px; text-decoration: none;color:#990000;}
a.dotted:hover, span.dotted:hover {border-bottom:#f0b2b2 dotted 1px;color:#cc0000;}
a.dotted.black, span.dotted.black {border-bottom:#000 dotted 1px; text-decoration: none;color:#000;}
a.dashed, span.dashed {border-bottom:#990000 dashed 1px; text-decoration: none; color:#990000;}

a:hover {color: #000; text-decoration: none; border: none;}
/* grid */
#logo {width: 88px; height: 125px; position: absolute; right: 22px; top:15px; background: url(../img/logo.png)}
#header {background: #202020; height: 41px; text-align: right; position: relative;z-index: 1;}
#header > .wrapper {width: 835px; padding: 12px 15px 0 150px}
#container {background: #fff;}
.wrapper {width:870px; padding-left: 130px; margin: 0 auto}

.page_wrapper {position: relative; min-width: 1000px; min-height: 100%}

#left_substrate {
    background: #fff url(../img/left_substrate.png) right repeat-y;
    width: 300px; height: 100%;
    position: absolute; right: 50%; margin-right: 370px; width: 50%;
    z-index: 2;
}

#leftbar {position: absolute; right: 50%; margin-right: 370px; z-index: 3; width: 170px;}
#leftbar.fixed {position: fixed; top: -108px;}
#content {width: 600px; padding-bottom: 22px; padding-top: 1px; margin-top: -1px;}
#sidebar {width: 240px; float: right; margin-right: 15px; }

#sidebar h4, h4.sidebar {color: #949494; text-transform: uppercase; font-size: 13px; font-weight: bold; margin: 27px 0 8px;}

button.login {width: 110px; height: 35px;background: url(../img/buttons.png) 491px 184px; cursor: pointer;}
button.restore_password {width: 110px; height: 35px;background: url(../img/buttons.png) 611px 184px; cursor: pointer;}
button.registration {width: 190px; height: 35px;background: url(../img/buttons.png) 359px 184px; cursor: pointer;}
button.add {width: 142px; height: 44px;background: url(../img/buttons.png) 150px 189px; cursor: pointer;}
button.add.disabled {opacity: 0.3;background: url(../img/buttons.png) 150px 189px !important; cursor: default;}
button.login:hover {background-position: 491px 110px;}
button.restore_password:hover {background-position: 611px 110px;}
button.registration:hover {background-position:  359px 109px;}
button.add:hover {background-position: 150px 115px;}

button.login:active {background-position: 491px 39px;}
button.restore_password:active {background-position: 611px 39px;}
button.registration:active {background-position: 359px 40px;}
button.add:active {background-position: 150px 47px;}

button.login.loading {background-position: 491px 254px;}
button.restore_password.loading {background-position: 611px 254px;}
button.registration.loading {background-position:  359px 254px;}
button.add.loading {background-position: 150px 259px;}

button.login i,
button.restore_password i,
button.registration i,
button.add i {display: none;}
button.login.loading i,
button.restore_password.loading i,
button.registration.loading i,
button.add.loading i{ height: 20px; background: url(../img/ajax-loader.gif) center center no-repeat; display: block;}

.content {font-size: 14px;line-height: 1.4em;}
.content h1 {font-size: 28px; color: #2f2f2f; font-size: 28px; color: #2f2f2f; margin: 20px 0 34px; line-height: normal;}
.content h2 {color: #2f2f2f; font-size: 24px; color: #2f2f2f; font-weight: normal; margin: 34px 0 34px; line-height: normal;}
.content h3 {font-size: 20px; color: #2f2f2f;font-weight: bold; margin: 20px 0 20px; line-height: normal;}
.content h4 {font-size: 18px; color: #2f2f2f;font-weight: bold; margin: 20px 0 20px; line-height: normal;}
.content h5 {font-size: 16px; color: #2f2f2f; margin: 20px 0 20px; line-height: normal;}
.content h6 {font-size: 14px; color: #2f2f2f;font-weight: bold; margin: 20px 0 20px; line-height: normal;}
.content a {color: #000; border-bottom: #bcb9b3 solid 1px; text-decoration: none;}
.content a b {color: #373737; }
.content h1 a:visited {color: #999;}

.content h3 .help_text {font-size: 11px; color: #8a8a8a; font-weight: normal; margin-left: 13px;}

.content a:hover {color: #000; text-decoration: none;}
.content p {margin: 18px 0;}

.content p.photo_title {font-size: 11px; color: #aaaaaa; margin-top: -17px;}
.content ol { list-style-type:decimal;}
.content ul { list-style-type:disc;}
.content ol, .content ul {margin: 20px 25px;}
.content li {margin: 10px 0;}

.content-notices .notice p {font: 12px/12px Arial; font-weight: bold; margin-bottom: 10px;}
/*
Colors
*/
.b-menu-left ul li span.link-left-sidebar-tag-1{border-color:#de868a; color:#ba0010;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-1{border-color:#ba0010;}
.b-menu-left ul li span.link-left-sidebar-tag-2{border-color:#e4aec6; color:#a9004c;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-2{border-color:#a9004c;}
.b-menu-left ul li span.link-left-sidebar-tag-3{border-color:#f0b7d0; color:#cf1c6c;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-3{border-color:#cf1c6c;}
.b-menu-left ul li span.link-left-sidebar-tag-4{border-color:#cba7e7; color:#783ea4;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-4{border-color:#783ea4;}
.b-menu-left ul li span.link-left-sidebar-tag-5{border-color:#bbb8d2; color:#4f4494;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-5{border-color:#4f4494;}
.b-menu-left ul li span.link-left-sidebar-tag-6{border-color:#bbb8d2; color:#1b6ab4;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-6{border-color:#1b6ab4;}
.b-menu-left ul li span.link-left-sidebar-tag-7{border-color:#9ed5ef; color:#32a5dd;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-7{border-color:#32a5dd;}
.b-menu-left ul li span.link-left-sidebar-tag-tags{border-color:#bdbdbd; color:#a1a1a1;}
.b-menu-left ul li a:hover span.link-left-sidebar-tag-tags{border-color:#a1a1a1;}

.link-1 {border-color:#de868a !important; color:#ba0010 !important;}
a:hover .link-1 {border-color:#ba0010 !important;}
.link-2 {border-color:#e4aec6 !important; color:#a9004c !important;}
a:hover .link-2 {border-color:#a9004c !important;}
.link-3 {border-color:#f0b7d0 !important; color:#cf1c6c !important;}
a:hover .link-3 {border-color:#cf1c6c !important;}
.link-4 {border-color:#cba7e7 !important; color:#783ea4 !important;}
a:hover .link-4 {border-color:#783ea4 !important;}
.link-5 {border-color:#bbb8d2 !important; color:#4f4494 !important;}
a:hover .link-5 {border-color:#4f4494 !important;}
.link-6 {border-color:#bbb8d2 !important; color:#1b6ab4 !important;}
a:hover .link-6 {border-color:#1b6ab4 !important;}
.link-7 {border-color:#9ed5ef !important; color:#32a5dd !important;}
a:hover .link-7 {border-color:#32a5dd !important;}

.bottom-link-1 {border-color:#68020a !important; color:#ba0010 !important;}
a:hover .bottom-link-1 {border-color:#ba0010 !important;}
.bottom-link-2 {border-color:#6a0130 !important; color:#a9004c !important;}
a:hover .bottom-link-2 {border-color:#a9004c !important;}
.bottom-link-3 {border-color:#6d0f39 !important; color:#cf1c6c !important;}
a:hover .bottom-link-3 {border-color:#cf1c6c !important;}
.bottom-link-4 {border-color:#3f2056 !important; color:#783ea4 !important;}
a:hover .bottom-link-4 {border-color:#783ea4 !important;}
.bottom-link-5 {border-color:#362e65 !important; color:#4f4494 !important;}
a:hover .bottom-link-5 {border-color:#4f4494 !important;}
.bottom-link-6 {border-color:#0e365c !important; color:#1b6ab4 !important;}
a:hover .bottom-link-6 {border-color:#1b6ab4 !important;}
.bottom-link-7 {border-color:#194f6a !important; color:#32a5dd !important;}
a:hover .bottom-link-7 {border-color:#32a5dd !important;}

.bg-left-sidebar-tag-1{background-color:#ba0010 !important;color: #fff !important;}
.bg-left-sidebar-tag-2{background-color:#a9004c !important;color: #fff !important;}
.bg-left-sidebar-tag-3{background-color:#cf1c6c !important;color: #fff !important;}
.bg-left-sidebar-tag-4{background-color:#783ea4 !important;color: #fff !important;}
.bg-left-sidebar-tag-5{background-color:#4f4494 !important;color: #fff !important;}
.bg-left-sidebar-tag-6{background-color:#1b6ab4 !important;color: #fff !important;}
.bg-left-sidebar-tag-7{background-color:#32a5dd !important;color: #fff !important;}

.popup {padding: 5px 20px 15px 43px; font: normal 13px Arial; color: #2f2f2f; width: 489px;}
.popup .header h1 {margin-bottom: 27px !important; float: left;}
.popup .header a {
    display:block;
    text-decoration:none;
    border-bottom: none;
    background: url(../img/close_btn.png) 0 0 no-repeat;
    width: 28px;
    height: 29px;
    float: right;
    margin-top: 20px;
}
.popup form div.field-wrapper {border-top: #dbdbdb 1px solid; padding: 13px 0 14px; background: none !important; width: 490px !important;}
.popup form div.field-wrapper button {margin: 8px 0 2px;}
.popup form div.field-wrapper p.label {font-weight: bold; margin: 0 0 10px 0!important; line-height: 13px;}
.popup form div.field-wrapper ul {list-style: none; margin: 0 !important;}
.popup form div.field-wrapper ul:after {content:".";display:block;height:0;clear:both;overflow:hidden;}
.popup form div.field-wrapper ul li {float: left; margin-right: 40px;}
.popup form div.field-wrapper ul li label input {margin-right: 7px;}

.popup p {margin: 0 !important;}
.popup p a {color: #2f2f2f; border-bottom: #2f2f2f solid 1px; text-decoration: none;}

#id_bdate_day {width: 80px; margin-right: 13px;}
#id_bdate_month {width: 130px; margin-right: 13px;}
#id_bdate_year {width: 70px;}

.popup form div.field-wrapper select{
    background: url(../img/buttons.png) 912px 218px; width: 218px; height: 24px;
    color: #333; padding: 3px 0 0 10px; font-size: 13px;
    line-height: 25px;
}

.reg-main_list {font: bold 13px Arial;list-style-type: none !important; padding: 0;margin-bottom: 45px !important;}
.reg-main_list > li {margin-bottom: 20px;}
.reg-main_list > li > ul {list-style-type: none; margin:6px 0 0px 13px;padding: 0px;}
.reg-main_list > li > ul > li {float: left; font-weight: normal !important; height: 35px;margin-bottom: 0px;}
.reg-main_list > li > ul > li > span {display: block; float:left; width:25px; height:35px;background:url(../img/checked-marker.png) 0 0 no-repeat; margin:3px 10px 0 0;}
.reg-main_list > li > ul > li.first {width: 150px;margin-right: 35px;}
.reg-main_list > li > ul > li.second {width: 270px;}

.reg-social-button {border: #cd2830 3px solid;box-shadow:0 0 10px #aaa; padding: 21px !important; margin-bottom: 35px;}
.reg-social-button > p {margin: 0 0 25px 0;}
.reg-social-button ul {list-style-type: none !important; margin: 0! important;}
.reg-social-button ul li {float: left; margin: 0 20px 0 0!important;}
.reg-social-button ul li.plus > div {width: 60px !important;}
.reg-social-button ul li.vk {clear:none !important; width: 140px;}
a.reg-bottom-lnk {margin-left: 23px; color:#aaa;}

.masonry .brick a {display: block; text-decoration: none; border: none !important; line-height: 0px;}
.masonry .brick a span.shadow {position: absolute;  z-index: 100; background: url(../img/zoom_in.png) 50% 50% no-repeat; display: none;}

.content.tags h1,
.content.tags p {
    text-align: center;
}
.content.tags h1 {margin-bottom: 53px;}
.content.tags p {line-height: 30px; margin-bottom: 300px;}
.tags {padding: 0 50px;}
.tags p a {border-bottom: none;}
.tags p a.font-size-1{font-size: 10px;}
.tags p a.font-size-2{font-size: 12px;}
.tags p a.font-size-3{font-size: 16px;}
.tags p a.font-size-4{font-size: 20px;}
.tags p a.font-size-5{font-size: 24px;}
.tags p a.font-size-6{font-size: 28px;}
.tags p a.font-size-7{font-size: 32px;}