html {
overflow-x: hidden;
}
body {
margin:0;
padding:0;
color:#120F0F;
font:12px Georgia;
background:url("https://hibride.ru/wp-content/themes/hibride/images/hb_spring_bg.png");
}
h1, h2, h3, h4 {
padding:0;
margin:0;
font-weight: normal;
}
ul {
margin:0;
padding: 0;
list-style: none;
}
a {
color:#62c5d1;
text-decoration: none;
}
a:hover {
text-decoration:underline;
}
img {
border:none;
vertical-align: bottom;
}
.clear {
clear:both;
}
#container {
background:url("https://hibride.ru/wp-content/themes/hibride/images/container_bg_top.png") no-repeat top;
width:980px;
margin:10px auto 0 auto;
padding-top:47px;
}
#container_inner {
background:url("https://hibride.ru/wp-content/themes/hibride/images/container_bg.png") repeat-y;
border-bottom:6px solid #feeeee
}
#header {
width:980px;
height:140px;
position: relative;
top:-41px;
margin-bottom: -25px;
// background:url("https://hibride.ru/wp-content/themes/hibride/images/hb_spring_head.png") no-repeat top;
}
#logotype {
position: absolute;
top:30px;
left:43px;
z-index: 1;
}
#logotype a {
display: block;
background:url("https://hibride.ru/wp-content/themes/hibride/images/logo.png") no-repeat;
width:158px;
height:106px;
z-index: 1;
}
#login {
position: absolute;
top:13px;
right:49px;
color:#62c5d1;
line-height: 22px;
}
#login span {
float: left;
display: block;
margin-right:15px;
}
.login_button {
display: inline-block;
background:url("https://hibride.ru/wp-content/themes/hibride/images/login_button.png") no-repeat;
width:87px;
height:24px;
line-height: 22px;
padding-left:9px;
overflow: hidden;
}
.login_button > a {
float: left;
display: block;
}
.login_button ul {
float: left;
margin-left:8px;
overflow: hidden;
}
.login_button ul li {
float: left;
margin-right:3px;
padding-top:3px;
}
.login_button ul li img {
vertical-align: top;
}
#search {
position: absolute;
top:53px;
right:50px;
}
#search input[type="text"] {
width:209px;
height:16px;
border:1px solid #cccccc;
padding:2px 5px;
color:#cccccc;
font:11px Tahoma;
margin-right:50px;
}
#search input[type="image"] {
position: absolute;
top:0;
right:0;
}
#menu {
position: absolute;
bottom:13px;
left:0;
margin-left:-37px;
background:url("https://hibride.ru/wp-content/themes/hibride/images/menu_bg.png") no-repeat;
width:1054px;
height:44px;
}
#menu ul {
padding-left:311px;
}
#menu ul li {
background:url("https://hibride.ru/wp-content/themes/hibride/images/a1.png") no-repeat right;
line-height: 36px;
float: left;
}
#menu ul li.last {
background: none;
}
#menu ul li:last-child {
background: none;
}
#menu ul li a {
display: block;
padding:0 31px;
text-decoration: none;
text-transform: uppercase;
color:#FFF;
text-shadow:1px 1px 0 #666;
}
#menu ul li a:hover {
color:#ccffff;
}
#menu ul li.current-menu-item {
padding-right:14px;
padding-left:14px;
}
#menu ul li.current-menu-item a {
background:url("https://hibride.ru/wp-content/themes/hibride/images/menu_act.png") repeat-x top;
height:39px;
color:#FFF;
}
.top-widget .sam-container {
text-align: center;
margin: 0 20px 15px;
}
.top-content-widget .sam-container {
text-align: center;
margin: 0 0 15px;
}
.first-post-widget .sam-container {
text-align: center;
margin: -30px 0 15px;
}
.top-widget img,
.top-content-widget img,
.first-post-widget img {
max-width: 100%;
height: auto;
}
#content {
width:600px;
float: left;
padding:0 0 25px 20px;
}
.article {
background: url("https://hibride.ru/wp-content/themes/hibride/images/article_bg.png") no-repeat bottom;
padding-bottom:32px;
margin-bottom:50px;
}
.article a {
color:#62c5d1;
}
.title {
background:url("https://hibride.ru/wp-content/themes/hibride/images/title.png") repeat-x;
margin-left:-20px;
position: relative;
height:26px;
padding-left:30px;
color:#FFF;
}
.title h3 {
line-height: 26px;
font-size:14px;
background:url("https://hibride.ru/wp-content/themes/hibride/images/title_right.png") no-repeat right;
}
.title a {color:#fff;}
.date {
background:url("https://hibride.ru/wp-content/themes/hibride/images/date.png") no-repeat;
width:54px;
height:51px;
text-align: center;
padding-top:3px;
line-height: 11px;
position: absolute;
top:-15px;
left:-33px;
}
.date span {
display:block;
font-size:11px;
letter-spacing: -1px;
}
.date span.day {
font-size: 20px;
line-height: 20px;
}
.date span.year {
color:#feeeee;
}
.img {
text-align: center;
}
.line {
background:url("https://hibride.ru/wp-content/themes/hibride/images/line.png") no-repeat;
height:5px;
margin:10px 0;
}
.read_more {
background:url("https://hibride.ru/wp-content/themes/hibride/images/read_more_bg.png") no-repeat;
height:25px;
line-height: 25px;
text-align: center;
}
.read_more a {
color:#FFF;
font-style: oblique;
}
.article_info {
position: relative;
margin-bottom:14px;
}
.comment_count {
color:#ff8080;
font-size:24px;
}
.comment_count a{
color:#ff8080;
font-size:24px;
}
.comment_count span {
font-size:14px;
font-style: oblique;
}
.soc_buttons {
position: absolute;
top:7px;
right:0;
}
.fbFeedbackContent {min-height:110px !important;}
.rel_posts {
padding-left:36px;
}
.navigation {
background: url("https://hibride.ru/wp-content/themes/hibride/images/pages_bg.png") no-repeat center;
overflow: hidden;
clear:both;
}
.prev {
background:url("https://hibride.ru/wp-content/themes/hibride/images/prev_page.png") no-repeat;
width:123px;
height:37px;
float: left;
text-indent: -9999px;
}
.prev a {
display: block;
width:123px;
height:37px;
}
.next {
background:url("https://hibride.ru/wp-content/themes/hibride/images/next_page.png") no-repeat;
width:122px;
height:40px;
float: right;
text-indent: -9999px;
}
.next a {
display: block;
width:123px;
height:40px;
}
#sidebar {
margin-left:660px;
width:300px;
}
.social_networks {
background:url("https://hibride.ru/wp-content/themes/hibride/images/social_bg.png") no-repeat left 5px;
padding-left:106px;
margin-bottom:27px;
}
.social_networks ul {
overflow: hidden;
}
.social_networks ul li {
float: left;
margin-right:4px;
}
.top_social_networks {
margin: 0 0 15px;
text-align: center;
}
.top_social_networks ul {
overflow: hidden;
display: inline-block;
}
.top_social_networks ul li {
float: left;
margin-right:4px;
}
.subscribe {
background:url("https://hibride.ru/wp-content/themes/hibride/images/subscribe_bg.png") no-repeat;
width:280px;
height:76px;
margin-bottom:22px;
overflow: hidden;
padding:10px 10px 0 10px;
}
.subscribe span {
display: block;
color:#FFF;
font-size:14px;
text-align: center;
margin-bottom:5px;
}
.subscribe input[type="text"] {
float: left;
width:169px;
height:16px;
border:1px solid #cccccc;
color:#cccccc;
font:11px Tahoma;
padding:2px 5px;
}
.subscribe input[type="image"] {
float: right;
}
.banners {
margin-bottom:6px;
}
.banners ul {
margin-left: -18px;
overflow: hidden;
}
.banners ul li {
float: left;
margin:0 0 20px 18px;
}
.block {
margin-bottom:15px;
}
.block_title {
background: url("https://hibride.ru/wp-content/themes/hibride/images/block_title.png") no-repeat top;
height:38px;
text-align: center;
line-height: 36px;
font-size:14px;
color:#FFF;
text-transform: uppercase;
cursor: pointer;
text-shadow:1px 1px 0 #7E7E7E;
}
.block ul {
/*display: none;*/
}
.block_title.active {
background: url("https://hibride.ru/wp-content/themes/hibride/images/block_title_act.png") no-repeat top;
}
.block li {
border-bottom:1px solid #efeded;
line-height: 24px;
padding-left:14px;
font-size:14px;
}
.block li a {
color:#afa3a3;
}
.block li a:hover {
color:#ff8080;
text-decoration: none;
}
.block li.current-cat a {
font-weight: bold;
color:#ff8080;
}
.line2 {
background:url("https://hibride.ru/wp-content/themes/hibride/images/line2.png") no-repeat;
height:10px;
margin:5px 0;
}
#footer {
margin-top:5px;
position: relative;
}
#foot_menu {
background:url("https://hibride.ru/wp-content/themes/hibride/images/foot_menu.png") no-repeat;
width:446px;
height:25px;
margin:0 auto;
}
#foot_menu ul {
text-align: center;
}
#foot_menu ul li {
background:url("https://hibride.ru/wp-content/themes/hibride/images/a2.png") no-repeat right;
padding: 0 23px 0 11px;
display: inline;
line-height: 26px;
}
#foot_menu ul li.last {
padding:0 0 0 11px;
background: none;
}
#foot_menu ul li:last-child {
padding:0 0 0 11px;
background: none;
}
#copy {
padding:20px 0 20px 20px;
line-height: 18px;
}
#footer .social_networks {
position: absolute;
top:58px;
right:14px;
background: none;
padding:0;
}
.comments > span {
background:url("https://hibride.ru/wp-content/themes/hibride/images/your_comments.png") no-repeat;
width:236px;
height:55px;
display: block;
margin-bottom:10px;
text-indent: -9999px;
}
.soc_comments {
width:600px;
background: url("https://hibride.ru/wp-content/themes/hibride/images/line3.png") no-repeat bottom;
padding-bottom:26px;
margin-bottom:12px;
}
#tabs {
overflow: hidden;
}
#tabs li {
float: left;
width:299px;
line-height: 36px;
text-align: center;
background:url("https://hibride.ru/wp-content/themes/hibride/images/comment_tab_bg.png") no-repeat;
font-size:14px;
text-transform: uppercase;
color:#FFF;
cursor: pointer;
margin-right:1px;
text-shadow:1px 1px 0 #666;
}
#tabs li.active.vk {
background:url("https://hibride.ru/wp-content/themes/hibride/images/comment_tab_vk.png") no-repeat;
}
#tabs li.active.fb {
background:url("https://hibride.ru/wp-content/themes/hibride/images/comment_tab_fb.png") no-repeat;
}
.box {
width:593px;
display: none;
}
.vkontakte {
border:3px solid #8ccee6;
}
.facebook {
border:3px solid #8cb3e6;
}
.visible {
display: block;
}
.comment_item {
background:url("https://hibride.ru/wp-content/themes/hibride/images/line3.png") no-repeat bottom;
padding-bottom: 15px;
margin-bottom:12px;
position: relative;
}
.author {
margin-bottom:12px;
}
.author a {
color:#999999;
font-size:14px;
font-weight: bold;
}
.author a:hover {
text-decoration: none;
color:#62c5d1;
}
.comment_date {
position: absolute;
top:0;
right:0;
color:#a3ebe5;
font-size:11px;
}
.comment_text {
padding-left:10px;
color:#999999;
font-style: oblique;
}
.add_comment {
background: #feeeee;
padding:12px 18px;
margin-top:25px;
}
.add_comment > span {
color:#ff8080;
font-size:16px;
font-style: oblique;
margin-bottom: 20px;
display: block;
}
.enter {
overflow: hidden;
margin-bottom:18px;
}
.enter > label {
float: left;
width:100px;
line-height: 22px;
color:#999999;
font-size:14px;
text-align: right;
padding-right:10px;
}
.check {
margin-left:110px;
overflow: hidden;
margin-bottom:7px;
line-height: 20px;
}
.check input {
float: left;
}
.send {
text-align: center;
}
.send input {
background: url("https://hibride.ru/wp-content/themes/hibride/images/send.png") no-repeat;
width:104px;
height:34px;
text-align: left;
text-indent:-9999px;
border:none;
cursor: pointer;
}
.send input:hover {
background: url("https://hibride.ru/wp-content/themes/hibride/images/send_hover.png") no-repeat;
}
.send input:active {
background: url("https://hibride.ru/wp-content/themes/hibride/images/send_active.png") no-repeat;
}
.category {}
.category_top {
padding-left:15px;
margin-bottom:18px;
color:#91776e;
text-transform: uppercase;
font-size:20px;
}
.category_top span {
font-size:18px;
text-transform: none;
color:#ff8080;
}
.category_top label {
color:#91776e;
text-transform: uppercase;
font-size:20px;
float: left;
margin-right:16px;
}
.category_top select {
width:158px;
height:20px;
}
.banner {
margin-bottom:10px;
overflow:hidden;
clear:both;
padding:10px;
width:600px;
color:#666666;
font-size:13px;
font-family:Georgia;
height:auto;
}
.banner p{margin:0;}
.category_box {
overflow: hidden;
margin-bottom:20px;
}
.cat_item {
width:176px;
height:236px;
margin:0 8px 11px 0;
background: #eefafa;
padding:7px 7px 0 7px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
box-shadow:2px 2px 3px #e5e5e5;
-webkit-box-shadow: 2px 2px 3px #e5e5e5;
-moz-box-shadow: 2px 2px 3px #e5e5e5;
position: relative;
float: left;
}
.cat_item:hover {
background: #efeded;
}
.cat_item img {
border:1px solid #dbd6d6;
}
.cat_item a {
display: inline-block;
font:11px Arial;
color:#999999;
line-height: 18px;
}
.views {
background:url("https://hibride.ru/wp-content/themes/hibride/images/view.png") no-repeat left;
padding-left:16px;
position: absolute;
bottom:7px;
left:7px;
color:#cccccc;
font-size:11px;
}
.soc_buttons2 {
position: absolute;
bottom:7px;
right:7px;
}
.soc_buttons2 li {
float: left;
margin-left:4px;
}
.soc_buttons2 li a {
display: block;
width:16px;
height:16px;
}
.soc_buttons2 li.vk2 a {
background: url("https://hibride.ru/wp-content/themes/hibride/images/vk.png") no-repeat;
}
.soc_buttons2 li.vk2 a:hover {
background: url("https://hibride.ru/wp-content/themes/hibride/images/vk_hov.png") no-repeat;
}
.soc_buttons2 li.fb2 a {
background: url("https://hibride.ru/wp-content/themes/hibride/images/fb.png") no-repeat;
}
.soc_buttons2 li.fb2 a:hover {
background: url("https://hibride.ru/wp-content/themes/hibride/images/fb_hov.png") no-repeat;
}
.soc_buttons2 li.tw2 a {
background: url("https://hibride.ru/wp-content/themes/hibride/images/tw.png") no-repeat;
}
.soc_buttons2 li.tw2 a:hover {
background: url("https://hibride.ru/wp-content/themes/hibride/images/tw_hov.png") no-repeat;
}
.soc_buttons2 li.s4 a {
background: url("https://hibride.ru/wp-content/themes/hibride/images/s4.png") no-repeat;
}
.soc_buttons2 li.s4 a:hover {
background: url("https://hibride.ru/wp-content/themes/hibride/images/s4_hov.png") no-repeat;
}
.color ul {
margin-top:10px;
}
.color li {
background:url("https://hibride.ru/wp-content/themes/hibride/images/colors_sprite.png") no-repeat left 1px;
padding-left:51px;
line-height:23px;
}
.color li.c1 {
background-position:0 0;
}
.color li.c2 {
background-position:0 -24px;
}
.color li.c3 {
background-position:0 -48px;
}
.color li.c4 {
background-position:0 -72px;
}
.color li.c5 {
background-position:0 -96px;
}
.color li.c6 {
background-position:0 -120px;
}
.color li.c7 {
background-position:0 -144px;
}
.color li.c8 {
background-position:0 -168px;
}
.color li.c9 {
background-position:0 -192px;
}
.color li.c10 {
background-position:0 -216px;
}
.color li.c11 {
background-position:0 -240px;
}
.banners2 ul {
overflow: hidden;
margin-right:-40px;
}
.banners2 ul li {
float: left;
margin-right:21px;
}
#up {
position: fixed;
width:70px;
height:50px;
text-align: center;
bottom:20px;
right:20px;
display: none;
}
#up a {
display: block;
color:#000;
font-size:14px;
text-transform: uppercase;
line-height: 50px;
width:70px;
height:50px;
background: url('https://hibride.ru/wp-content/themes/hibride/images/up.png')
}
img.alignleft{float:left;margin-right:10px;}
img.alignright{float:right;margin-left:10px;}
img.aligncenter{margin:0 auto; display: block;}
ul.soci li {float: right;
margin-left: 12px;
margin-right: 3px;
padding-right: inherit;}
.fonter {font-size:13px;line-height:20px;}