Results of the CSS crunched for mybioplanet.ru

Let's see what we've done for mybioplanet.ru

CSSCruncher.com has crunched this CSS to
18.75 %Less Size! Woohooo!

Crunched CSS code:

*{padding:0;margin:0}
body{background:#d9dde2 url('../images/bg.png') no-repeat 50% 0;color:#1f282c;font:11px tahoma,arial,helvetica,sans-serif;cursor:default}
h1,h2,h3,h4,h5{font-weight:normal}
h1{font-size:22px}
h2{font-size:20px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
a img{border:none}
textarea{resize:vertical}
ul,ol{list-style:none}
:focus{outline:none}
.clr{clear:both}
table{border-collapse:collapse;border-spacing:0}
p{margin:10px 0}
hr{color:#aaa;border:0 none;border-top:1px dotted #aaa;height:1px}
a,a:visited{color:#006a9b;text-decoration:none}
a:hover,a:active{color:#222;text-decoration:none}
.lcol{float:left}
.rcol{float:right}
.rcol2{float:right;background:#FFFFFF;height:260px}
.wrapper{margin:0 auto;width:1155px;padding:0 10px}
.thide{display:block;overflow:hidden;font-size:0}
#topmenu{margin-top:35px}
.logo{background:url('../images/logo.png') no-repeat;width:275px;height:69px;margin-top:5px}
.nav-bar{margin-left:295px;height:45px;background:url('../images/top-panel.png') repeat-x;border-radius:25px;box-shadow:0px 0px 5px rgba(0,0,0,.2)}
.search-box{margin:7px 10px 0 0;border-radius:15px;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;background:#f1f2f6;width:180px;height:30px}
.input-text{width:145px;height:29px;padding-left:8px;border:none;background:none;font-size:12px}
.ser-button{position:relative;right:3px;top:3px;z-index:105;cursor:pointer;border:none;width:20px;height:16px;background:url('../images/search-button.png') no-repeat}
#topnav{margin-left:15px;height:45px}
#topnav li{float:left;display:inline;position:relative}
#topnav ul li{padding:0;float:none;border:none;display:block}
#topnav li.hover li{border:none}
#topnav li div{position:absolute;top:15px;left:-9999px;width:100px;z-index:9999}
#topnav li.hover div{left:0}
#topnav li{margin-right:0px !important;border:none !important}
#topnav a{line-height:45px;display:block;height:45px;color:#525252;font-size:13px;text-shadow:0 -1px 0 #fff;padding:0px 8px}
#topnav .hover a,#topnav a:hover{color:#4f5899;background:rgba(228,232,241,0.8);box-shadow:0px 0px 3px rgba(0,0,0,.2) inset}
#topnav div{min-width:260px;top:45px !important;padding-top:4px;background:rgba(255,255,255,.98);padding:5px 0px;border-radius:0 0 3px 3px;box-shadow:0px 1px 5px rgba(0,0,0,0.3),0px 0px 0px 1px rgba(0,0,0,0.1)}
#topnav div a{color:#666 !important;line-height:27px;height:27px;font-size:12px;text-shadow:none;background:none !important;box-shadow:none !important}
#topnav div a:hover{color:#006a9b !important;background:#f5f5f5 !important}
.primary-nav{background:url('../images/arrownav.png') no-repeat 0 2px;padding-left:15px;margin:17px 0;text-shadow:0 1px 0 #fff;font-size:12px}
#content{background-color:#fff !important;background:url('../images/wbg.png') repeat-y,url('../images/shadow-right.png') repeat-y right;margin-bottom:25px;border-radius:4px 0 8px 8px;box-shadow:0px 0px 5px rgba(0,0,0,.2)}
#l-content{overflow:hidden}
#side-panel{width:300px;padding-top:7px}
.sidepad{width:294px}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'),local('PTSans-Narrow'),url('../fonts/narrow-webfont.woff') format('woff')}
.dcont{padding:10px}
#tagbox h2,.dcont h2,.newspad h2{font-family:'PT Sans Narrow',arial,tahoma;text-transform:uppercase}
.corner{position:absolute;top:0;left:-15px;background:url('../images/corner.png');width:15px;height:46px}
.block-head{position:relative;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);height:29px;line-height:28px;padding:0 20px 0 5px;font-size:12px;background:url('../images/bhead.png') no-repeat}
.block-inner{padding:7px;overflow:hidden}
.seep{background:url('../images/seep.png') 50% 0 repeat-x;height:18px}
.bannerblock{margin:0 auto;width:260px;height:260px;margin-bottom:7px;padding:9px;border:1px solid #aed2e3;border-radius:6px}
#socialbut a{color:#ccc;display:block;font-size:13px;padding:5px 0;text-align:center;width:100px}
#socialbut ul li a span{background:url('../images/socialb.png') no-repeat;display:block;font-size:0;height:30px;margin:2px auto 0;width:30px;z-index:10}
#socialbut ul li a span.vk{background-position:0 -34px}
#socialbut ul li a span.twitter{background-position:0 -68px}
#socialbut ul li a span.google{background-position:0 -99px}
#socialbut ul li a span.fb{background-position:0 -133px}
#socialbut ul li a span.ok{background-position:0 -170px}
#socialbut a:hover{color:#fff;background:url('../images/arrow-left.png') 0 50% no-repeat scroll #8bb312;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset;text-shadow:0 1px 1px rgba(0,0,0,.3)}
#archbut a{width:27px;height:29px;background:url('../images/archbut.png') no-repeat}
#archbut{background:rgba(0,0,0,0.2);border-radius:0 0 2px 2px}
#archbut a:hover{background-color:rgba(0,0,0,0.4)}
#archbut a.selected{background-color:rgba(0,0,0,0.6)}
#archbut a.list{background-position:0px 3px}
#archbut a.cal{background-position:-22px 3px}
.btn-rel{color:#fff !important;display:block;margin:0 7px;font-size:15px;background-color:#006a9b;border-radius:4px;padding:8px 0;text-align:center;border-bottom:1px solid #005a84;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 25px 20px rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.03) inset,0 20px 0 rgba(255,255,255,0.06) inset}
.btn-rel:hover{background-color:#035981}
.mnav li a{display:block;padding:4px 0;font-size:12px;color:#525252;text-shadow:0 0 1px #fff;background:url('../images/nav-arrow.png') no-repeat 0px 5px;padding-left:20px}
.mnav li a:hover{background-position:0px -14px;color:#2f4e87}
.vinfo,.pollinfo{box-shadow:0 1px 3px rgba(0,0,0,0.2) inset,0 25px 20px rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.03) inset,0 20px 0 rgba(255,255,255,0.09) inset;padding:8px 30px 8px 8px;font-size:12px;color:#fff;background:#8bb312 url('../images/voteinfo.png') no-repeat 94% 50%}
.topnews{color:#555}
.topnews li a{color:#2f4e87;font-size:12px;background:url('../images/tnews.png') no-repeat 7px 50%;display:block;padding:7px 15px 7px 24px;border-bottom:1px solid #e7e7e7}
.topnews li a:hover{background-color:rgba(255,255,255,0.4)}
#tagbox{padding-top:10px}
#tagbox h2{color:#dfddd5;line-height:21px}
.tagbox{padding:10px 13px;border-radius:4px;background-color:#f0f0ed}
.tagbox a,.popupcol a,.topnews li a{color:#1f282c}
.tagbox a:hover,.popupcol a:hover,.topnews li a:hover{text-decoration:underline}
#footer{width:100%;border-top:1px solid #000;padding-top:20px;color:#ccc;background:#181818 url('../images/footer.png') 50% 0 no-repeat;position:absolute;left:0px;min-height:180px}
#footer a{color:#fff;text-decoration:underline}
#footer .text{font-size:13px;line-height:22px}
#footer .counts li{float:right;height:31px;margin-left:8px;opacity:0.5}
#footer .counts li:hover{opacity:1}
.footlogo{width:260px;height:30px;background:url('../images/footlogo.png')}
.fmenu,.fmenu li{float:left;margin:5px 0 15px 0}
.fmenu li{border-left:1px solid #816b7a;padding:0 10px}
.fmenu li:first-child{border:0 none;padding-left:0}
.news-block{overflow:hidden;background:url('../images/news-bottom.png') 50% bottom no-repeat,url('../images/news-top.png') 50% 0 no-repeat;border-bottom:1px solid #f7faff}
.ratebox{padding:6px 20px 6px 19px;background:url('../images/ratebox.png') no-repeat;width:85px;height:24px}
.newspad{padding:10px 10px 0 10px}
.news-detalis ul{overflow:hidden;border-radius:5px 0 0 5px;background:#eee;float:right}
.news-detalis ul li{float:left;vertical-align:middle !important;border-right:1px solid rgba(0,0,0,0.11) !important;height:25px}
.news-detalis ul li:last-of-type{border-right:none !important}
.green-label{float:left;display:inline-block;height:25px;line-height:24px;color:#fff;background:#f1984a;padding:0 10px;text-shadow:none;margin-right:5px;font-size:11px;text-transform:uppercase;border-radius:2px}
.argmore a{height:29px;line-height:28px;float:left;background:#006a9b;border-radius:0 15px 15px 0;color:#fff;font-size:12px;margin-right:10px;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0px 0px 3px rgba(0,0,0,.2),0 25px 20px rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.2) inset,0 17px 0 rgba(255,255,255,0.08) inset;padding:0 15px}
.argmore a:hover{background:#333}
.morelink{height:29px;line-height:28px;color:#666;margin:10px 10px 10px 0}
.comm-panel{border-radius:0 6px 6px 6px;font-size:18px;display:block;height:32px;line-height:31px;width:42px;text-align:center;background:#eee}
.comm-panel span a{color:#333;display:block}
.news-detalis{padding-left:7px;overflow:hidden;border-left:3px solid #006a9b}
.news-info{color:#777;background:url('../images/news-arrow.png') no-repeat;padding-left:15px}
.news-info a{color:#777;text-decoration:underline}
.news-text,.news-text2{margin-top:10px;font-size:12px}
.news-text img{padding:5px;border:solid 1px #EFEFEF;border-radius:2px;box-shadow:0 3px 7px rgba(0,0,0,0.03)}
.news-text2 img{width:150px;padding:5px;border:solid 1px #EFEFEF;border-radius:2px;box-shadow:0 3px 7px rgba(0,0,0,0.03)}
.relnews{color:#444}
.relnews li a{font-size:17px;display:block}
.relnews li a:hover{text-decoration:underline}
.relnews li{padding:6px;display:block;overflow:hidden}
.relnews li:hover{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);border-radius:4px}
.relnews img{float:left;width:150px;height:100px;padding:5px;border:solid 1px #ccc;border-radius:2px;background:#fff;box-shadow:0 3px 7px rgba(0,0,0,0.1);margin-right:8px}
.relnews-area{overflow:hidden;background:#f7faff;border-bottom:1px solid #e9eef6}
.relnews-area h1{padding-bottom:5px;text-transform:uppercase;text-shadow:0 1px 0 #fff;color:#444}
.bcomment{border-top:2px solid #8bb312 !important;background:#f1f1f1}
.bcomment .text{margin-left:110px}
.avatar{margin-right:10px;position:relative}
.avatar img{width:100px}
.user-status{position:absolute;top:-2px;right:-2px;background:rgba(0,0,0,.8);padding:3px 5px 2px 5px;border-radius:3px}
.user-status img{width:10px !important;height:10px !important}
.comminfo{float:left;margin-right:10px;color:#666}
.commtitle{color:#777;margin-bottom:7px}
.commtitle a{color:#777;text-decoration:underline}
.comedit{float:right;border-radius:0 0 4px 4px;margin-top:-10px;background:#8bb312}
.comedit li{float:left;padding:5px 6px 7px 6px;width:16px;height:16px;border-right:1px solid rgba(0,0,0,0.11) !important}
.comedit li:last-child{border:none}
.upanel{margin-left:295px;height:42px}
.upanel li{float:left}
.upanel .logblock a{line-height:31px;display:block;border-bottom:1px solid #005a84;box-shadow:0 1px 3px rgba(0,0,0,0.3) inset,0 25px 20px rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.03) inset,0 20px 0 rgba(255,255,255,0.06) inset;height:32px;color:#fff;border-radius:20px;background-color:#006a9b;font-size:13px;padding:0px 20px;margin:0 15px 0 0;border-bottom:1px solid #005a84;text-shadow:0 1px 1px rgba(0,0,0,.3)}
.upanel .hlog{line-height:32px;height:32px;box-shadow:none;border-bottom:1px dashed #525252;background:none;color:#525252;font-size:12px}
.uavatar{position:relative}
.uavatar img{width:100px}
.logarea{display:none}
.popuplog{box-shadow:0 0 5px #000;background:#fff;position:relative}
.popup-head{font-size:15px;padding:0 15px;height:40px;line-height:40px}
.popup-close{position:absolute;top:-15px;right:-45px;width:32px;overflow:hidden;display:block;height:20px;float:right;background:url('../images/pclose.png') no-repeat}
.popupcol{padding:5px 15px 15px 15px}
.popupcol .usermenu{margin:-3px 0 0 120px}
.popupcol .usermenu li a{display:block;padding:3px 0}
.popupcol .edge p{color:#7e7e7e;padding:0 !important;margin-bottom:4px}
.popupcol .edge input{margin-bottom:8px;padding:5px;width:97%}
.popup_shadow{background:rgba(0,0,0,.8);padding:6px;border-radius:4px}
select{padding:1px;height:20px;box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;border:1px solid #bababa;font-size:11px;border-radius:2px}
table.tableform{width:100%}
table.tableform td{padding:2px 0px 3px 0px;border-bottom:1px dotted #eaeaea;vertical-align:middle}
.tableform td.label{width:20%;padding-right:0}
table.tableform input.f_input{width:300px}
.checkbox{padding:4px 0;line-height:1em}
.checkbox input{margin-top:-2px;vertical-align:middle}
a.fbutton:link,a.fbutton:visited,.fbutton,input.bbcodes{padding:3px 9px 4px 9px;font:12px tahoma,arial,helvetica,sans-serif;color:#333333;margin-top:7px;text-shadow:0 1px 1px rgba(255,255,255,0.75);cursor:pointer;background:#FAFBFB;border:1px solid #CFD0D2;border-top:1px solid #DEDFE0;border-bottom:1px solid #A1A2A4;border-radius:3px;box-shadow:inset 0 2px 2px #fff,0px -7px 7px rgba(0,0,0,0.05) inset,0px 1px 0px rgba(0,0,0,0.1);transition:all 0.3s ease}
a.fbutton:hover,.fbutton:hover,input.bbcodes:hover{color:#000}
a.fbutton:active,.fbutton:active,input.bbcodes:active{color:#555;box-shadow:0 1px 3px rgba(0,0,0,0.5) inset}
.bb-editor textarea,.xfields input,input.textin,.xfields textarea,.f_input,input.f_input,textarea.f_textarea{border:1px solid #bababa;background:#fff;padding:4px;font:12px Tahoma,arial;transition:all 0.2s ease;color:#666;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset}
.bb-editor textarea:hover,.xfields input:hover,input.textin:hover,.xfields textarea:hover,.f_input:hover,input.f_input:focus,textarea.f_textarea:hover{border:1px solid #909090}
.bb-editor textarea:focus,.xfields input:focus,input.textin:focus,.xfields textarea:focus,.f_input:focus,input.f_input:focus,textarea.f_textarea:focus{color:#000;border-color:#789a11;box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,#8bb312 0px 0px 5px}
.grey{color:#555}
.userinfo{display:inline-block;margin-left:10px;line-height:25px}
.info-block{background:#F5F5F5;padding:10px;margin:15px 0}
.berrors{border-left:3px solid #8bb312;border-radius:4px;background:#e6f0d9;padding:13px}
.berrors b{font-size:12px;font-weight:normal}
.stats{width:33.3%;float:left;margin-bottom:10px}
.uinfo{width:49.9%;float:left}
.pm-menu{padding:15px 0}
.pm-menu li{float:left;padding:0 5px;font-size:12px;border-right:1px solid #ccc}
.pm-menu li:last-of-type{border-right:none}
.navigation,.navigation a,.navigation span,.bnnavi,.nextprev,.nextprev .thide{float:left}
.navigation a,.navigation span{font-size:15px;margin-top:-1px;padding:0 12px;height:25px;line-height:23px}
.navigation a,.navigation span.nav_ext{color:#3f4b51}
.navigation a:hover{background-color:#eee;border-radius:4px}
.navigation span{background-color:#8bb312;box-shadow:0 12px 0 rgba(255,255,255,0.07) inset;color:#fff;border-radius:2px}
.nextprev .pager{width:26px;font-size:0;margin:0 4px;float:left !important;height:26px;background:url("../images/pages.png") no-repeat}
.nextprev a span{cursor:pointer}
.nextprev span .pnext{background-position:-26px -52px}
.nextprev a .pnext{background-position:-26px 0}
.nextprev a:hover .pnext{background-position:-26px -26px}
.nextprev span .pprev{background-position:0 -52px}
.nextprev a .pprev{background-position:0 0}
.nextprev a:hover .pprev{background-position:0 -26px}

» Show original CSS code

« Hide original CSS code

* {
    padding:0;
    margin:0;
}

body {
    background:#d9dde2 url('../images/bg.png') no-repeat 50% 0;
    color:#1f282c;
    font:11px tahoma, arial, helvetica, sans-serif;
    cursor:default;
}

h1, h2, h3, h4, h5 {
    font-weight:normal;
}

h1 {
	font-size:22px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

h5 {
    font-size:14px;
}

a img {
    border:none;
}

textarea {
    resize:vertical;
}

ul, ol {
    list-style:none;
}

:focus {
    outline:none;
}

.clr {
    clear:both;
}
    
table {
	border-collapse:collapse; 
    border-spacing:0;
}
    
p {
	margin:10px 0;
}

hr {
    color:#aaa;
    border:0 none;
    border-top:1px dotted #aaa;
    height:1px;
}

a, a:visited {
    color:#006a9b;
    text-decoration:none;
}

a:hover, a:active {
    color:#222;
    text-decoration:none;
}

.lcol {
	float:left;
}
    
.rcol {
	float:right;
}
.rcol2 {
	float:right;
    background:#FFFFFF;
    height: 260px;
}
        
.wrapper {
    margin:0 auto;
    width:1155px;
    padding:0 10px;
}

.thide {
    display:block;
    overflow:hidden;
    font-size:0;
}

#topmenu {
    margin-top:35px;
}

.logo {
    background:url('../images/logo.png') no-repeat;
    width:275px;
    height:69px;
    margin-top:5px;
}

.nav-bar {
	margin-left:295px;
    height:45px;
    background:url('../images/top-panel.png') repeat-x;
    border-radius:25px;
	box-shadow:0px 0px 5px rgba(0,0,0,.2);
}

.search-box {
    margin:7px 10px 0 0;
    border-radius:15px;
    box-shadow:0 1px 3px rgba(0, 0, 0,.1) inset;
    background:#f1f2f6;
    width:180px;
    height:30px;
}

.input-text {
    width:145px;
    height:29px;
    padding-left:8px;
    border:none;
    background:none;
    font-size:12px;
}

.ser-button {
    position:relative;
    right:3px;
    top:3px;
    z-index:105;
    cursor:pointer;
    border:none;
    width:20px;
    height:16px;
    background:url('../images/search-button.png') no-repeat;
}

#topnav {
    margin-left:15px;
    height:45px;
}

#topnav li {
	float:left;
	display:inline;
	position:relative;
}

#topnav ul li {
	padding:0;
	float:none;
	border:none;
	display:block;
}

#topnav li.hover li {
    border:none;
}

#topnav li div {
	position:absolute;
	top:15px;
	left:-9999px;
	width:100px;
	z-index:9999;
}

#topnav li.hover div {
    left:0;
}

#topnav li {
	margin-right:0px !important;
	border:none !important;
}

#topnav a {
	line-height:45px;
	display:block;
	height:45px;
	color:#525252;
	font-size:13px;
    text-shadow:0 -1px 0 #fff;
	padding:0px 8px;
}

#topnav .hover a, #topnav a:hover {
	color:#4f5899;
	background:rgba(228,232,241,0.8);
	box-shadow:0px 0px 3px rgba(0,0,0,.2) inset;
}

#topnav div {
	min-width:260px;
	top:45px !important;
	padding-top:4px;
	background:rgba(255,255,255,.98);
	padding:5px 0px;
    border-radius:0 0 3px 3px;
	box-shadow:0px 1px 5px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(0,0,0,0.1);
}

#topnav div a {
	color:#666 !important;
	line-height:27px;
	height:27px;
	font-size:12px;
	text-shadow:none;
	background:none !important;
	box-shadow:none !important;
}

#topnav div a:hover {
	color:#006a9b !important;
	background:#f5f5f5 !important;
}

.primary-nav {
    background:url('../images/arrownav.png') no-repeat 0 2px;
    padding-left:15px;
    margin:17px 0;
    text-shadow:0 1px 0 #fff;
    font-size:12px;
}

#content {
    background-color:#fff !important;
    background:url('../images/wbg.png') repeat-y, url('../images/shadow-right.png') repeat-y right;
    margin-bottom:25px;
    border-radius:4px 0 8px 8px;
    box-shadow:0px 0px 5px rgba(0,0,0,.2);
}

#l-content {
    overflow:hidden;
}

#side-panel {
    width:300px;
    padding-top:7px;
}

.sidepad {width:294px;}

@font-face {
  font-family:'PT Sans Narrow';
  font-style:normal;
  font-weight:400;
  src:local('PT Sans Narrow'), local('PTSans-Narrow'), url('../fonts/narrow-webfont.woff') format('woff');
}

.dcont {
    padding:10px;
}
    
#tagbox h2, .dcont h2, .newspad h2 {
	font-family:'PT Sans Narrow',arial,tahoma;
    text-transform:uppercase;
}
    
.corner {
	position:absolute;
    top:0;
 	left:-15px;
    background:url('../images/corner.png');
    width:15px;
    height:46px;
}

.block-head {
    position:relative;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    height:29px;
    line-height:28px;
    padding:0 20px 0 5px;
    font-size:12px;
    background: url('../images/bhead.png') no-repeat;
}

.block-inner {
    padding:7px;
    overflow:hidden;
}

.seep {
    background:url('../images/seep.png') 50% 0 repeat-x;
    height:18px;
}

.bannerblock {
    margin:0 auto;
    width:260px;
    height:260px;
    margin-bottom:7px;
    padding:9px;
    border:1px solid #aed2e3;
    border-radius:6px;
}

#socialbut a {
    color:#ccc;
	display:block;
	font-size:13px;
	padding:5px 0;
	text-align:center;
	width:100px;
}

#socialbut ul li a span {
	background:url('../images/socialb.png') no-repeat;
	display:block;
	font-size:0;
	height:30px;
	margin:2px auto 0;
	width:30px;
	z-index:10;
}

#socialbut ul li a span.vk {
	background-position:0 -34px;
}

#socialbut ul li a span.twitter {
	background-position:0 -68px;
}

#socialbut ul li a span.google {
	background-position:0 -99px;
}

#socialbut ul li a span.fb {
	background-position:0 -133px;
}

#socialbut ul li a span.ok {
	background-position:0 -170px;
}

#socialbut a:hover {
    color:#fff;
    background:url('../images/arrow-left.png') 0 50% no-repeat scroll #8bb312;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
}

#archbut a {
    width:27px;
    height:29px;
    background:url('../images/archbut.png') no-repeat; 
}
    
#archbut {
    background:rgba(0,0,0,0.2); 
    border-radius:0 0 2px 2px;
}
    
#archbut a:hover {
    background-color:rgba(0,0,0,0.4);
}
    
#archbut a.selected {
    background-color:rgba(0,0,0,0.6); 
}

#archbut a.list {
    background-position: 0px 3px;
}

#archbut a.cal {
    background-position: -22px 3px;
}

.btn-rel {
    color:#fff !important;
    display:block;
    margin:0 7px;
    font-size:15px;
    background-color:#006a9b;
    border-radius:4px;
    padding:8px 0;
    text-align:center;
    border-bottom:1px solid #005a84;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    box-shadow:0 25px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 0 rgba(255, 255, 255, 0.06) inset;
}

.btn-rel:hover {
    background-color:#035981;
}

.mnav li a {
    display:block; 
    padding:4px 0;
	font-size:12px;
    color:#525252;
    text-shadow:0 0 1px #fff;
    background:url('../images/nav-arrow.png') no-repeat 0px 5px;
	padding-left:20px;
}

.mnav li a:hover {
	background-position:0px -14px;
    color:#2f4e87;
}

.vinfo, .pollinfo {
    box-shadow:0 1px 3px rgba(0, 0, 0,0.2) inset, 0 25px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 0 rgba(255, 255, 255, 0.09) inset;
    padding:8px 30px 8px 8px;
    font-size:12px;
    color:#fff;
    background:#8bb312 url('../images/voteinfo.png') no-repeat 94% 50%;
}

.topnews {
    color:#555;
}

.topnews li a {
    color:#2f4e87;
    font-size:12px;
    background:url('../images/tnews.png') no-repeat 7px 50%;
    display:block;
    padding:7px 15px 7px 24px;
    border-bottom:1px solid #e7e7e7;
}

.topnews li a:hover {
    background-color: rgba(255,255,255,0.4);
}

#tagbox {
    padding-top:10px;
}

#tagbox h2 {
    color:#dfddd5;
    line-height:21px;
}

.tagbox {
    padding: 10px 13px;
    border-radius:4px;
    background-color:#f0f0ed;
}

.tagbox a, .popupcol a, .topnews li a {
    color:#1f282c;
}
        
.tagbox a:hover, .popupcol a:hover, .topnews li a:hover {
    text-decoration:underline;
}

#footer {
    width:100%;
    border-top:1px solid #000;
    padding-top:20px;
    color:#ccc; 
    background:#181818 url('../images/footer.png') 50% 0 no-repeat;
    position:absolute;
    left:0px;
    min-height:180px;
}

#footer a {
    color:#fff;
    text-decoration:underline; 
}

#footer .text {
    font-size:13px;
    line-height:22px;
}

#footer .counts li {
    float: right;
    height: 31px;
    margin-left:8px;
    opacity:0.5;
}

#footer .counts li:hover {
    opacity:1;
}
            
.footlogo {
	width:260px;
    height:30px;
    background:url('../images/footlogo.png');
}
                
.fmenu, .fmenu li { 
	float:left;
    margin:5px 0 15px 0;
}
                    
.fmenu li {
	border-left:1px solid #816b7a; 
    padding:0 10px;
}
                        
.fmenu li:first-child {
	border:0 none;
    padding-left:0; 
}

.news-block {
    overflow:hidden;
    background:url('../images/news-bottom.png') 50% bottom no-repeat, url('../images/news-top.png') 50% 0 no-repeat;
    border-bottom:1px solid #f7faff;
}

.ratebox {
    padding:6px 20px 6px 19px;
    background:url('../images/ratebox.png') no-repeat;
    width:85px;
    height:24px;
}

.newspad {
	padding:10px 10px 0 10px;
}
            
.news-detalis ul {
    overflow:hidden;
    border-radius:5px 0 0 5px;
    background:#eee;
    float:right;
}

.news-detalis ul li {
    float:left;
    vertical-align:middle !important;
    border-right:1px solid rgba(0, 0, 0, 0.11) !important;            
    height:25px;
}

.news-detalis ul li:last-of-type {
    border-right:none !important;
}
    
.green-label {
    float:left;
    display:inline-block;
    height:25px;
    line-height:24px;
    color:#fff;
    background:#f1984a;
    padding:0 10px;
    text-shadow:none;
    margin-right:5px;
    font-size:11px;
    text-transform:uppercase;
    border-radius:2px;
}

.argmore a {
    height:29px;
    line-height:28px;
    float:left;
    background:#006a9b;
    border-radius:0 15px 15px 0;
    color:#fff;
    font-size:12px;
    margin-right:10px;
    text-shadow:0 1px 1px rgba(0,0,0,.2);
	box-shadow:0px 0px 3px rgba(0,0,0,.2), 0 25px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 17px 0 rgba(255, 255, 255, 0.08) inset;
    padding:0 15px;
}

.argmore a:hover {
    background:#333;
}
   
.morelink {
    height:29px;
    line-height:28px;
    color:#666;
    margin:10px 10px 10px 0;
}

.comm-panel {
    border-radius:0 6px 6px 6px;
    font-size:18px;
    display:block;
    height:32px;
    line-height :31px;
    width : 42px;
    text-align:center;
    background:#eee;
}

.comm-panel span a {
    color:#333;
    display:block;
}

.news-detalis {
    padding-left:7px;
    overflow:hidden;
    border-left:3px solid #006a9b;
}
  
.news-info  {
    color:#777;
    background:url('../images/news-arrow.png') no-repeat;padding-left:15px;
}
        
.news-info a {
    color:#777;
    text-decoration:underline;
}

.news-text, .news-text2 {
    margin-top:10px;
    font-size:12px;
}

.news-text img {
    padding: 5px;
	border: solid 1px #EFEFEF;
	border-radius:2px;
	box-shadow:0 3px 7px rgba(0,0,0,0.03);
}

.news-text2 img {
    width:150px;
    padding: 5px;
	border: solid 1px #EFEFEF;
	border-radius:2px;
	box-shadow:0 3px 7px rgba(0,0,0,0.03);
}

.relnews {
    color:#444;
}

.relnews li a {
    font-size:17px;
    display:block;
}

.relnews li a:hover {
    text-decoration:underline;
}

.relnews li {
    padding:6px;
    display:block;
    overflow:hidden;
}

.relnews li:hover {
    background:#fff;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    border-radius:4px;
}

.relnews img {
    float:left;
    width:150px;
    height:100px;
    padding:5px;
	border: solid 1px #ccc;
	border-radius:2px;
    background:#fff;
	box-shadow:0 3px 7px rgba(0,0,0,0.1);
    margin-right:8px;
}

.relnews-area {
    overflow:hidden;
    background:#f7faff;
    border-bottom:1px solid #e9eef6;
}

.relnews-area h1 {
    padding-bottom:5px;
    text-transform:uppercase;
    text-shadow:0 1px 0 #fff; 
    color:#444;
}

.bcomment {
    border-top:2px solid #8bb312 !important;
    background:#f1f1f1;
}
    
.bcomment .text {
    margin-left:110px;
}

.avatar {
    margin-right:10px;
    position:relative;
}

.avatar img {
	width:100px;
}

.user-status {
	position:absolute;
    top:-2px;
    right:-2px;
    background:rgba(0,0,0,.8);
    padding:3px 5px 2px 5px;
    border-radius:3px;
}

.user-status img {
    width:10px !important;
    height:10px !important;
}

.comminfo {
    float:left;
    margin-right:10px;
    color:#666;
}
        
.commtitle  {
    color:#777;
    margin-bottom:7px;
}
        
.commtitle a {
    color:#777;
    text-decoration:underline;
}
  
.comedit {
    float:right;
    border-radius:0 0 4px 4px;
    margin-top:-10px;
    background:#8bb312;
}

.comedit li {
    float:left;
    padding:5px 6px 7px 6px;
    width:16px;
    height:16px;
    border-right:1px solid rgba(0, 0, 0, 0.11) !important;   
}
    
.comedit li:last-child {
    border:none;   
}

.upanel {
	margin-left:295px;
    height:42px;
}

.upanel li {
	float:left;
}

.upanel .logblock a {
	line-height:31px;
	display:block;
    border-bottom:1px solid #005a84;
    box-shadow:0 1px 3px rgba(0, 0, 0,0.3) inset, 0 25px 20px rgba(255, 255, 255, 0.1) inset,  0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 0 rgba(255, 255, 255, 0.06) inset;
	height:32px;
	color:#fff;
    border-radius:20px;
    background-color:#006a9b;
	font-size:13px;
	padding:0px 20px;
    margin:0 15px 0 0;
    border-bottom:1px solid #005a84;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
}
    
.upanel .hlog {
   	line-height:32px;
	height:32px;
    box-shadow:none;
    border-bottom:1px dashed #525252;
    background:none;
	color:#525252;
	font-size:12px;
}

.uavatar {
    position:relative;
}

.uavatar img {
    width:100px;
}

.logarea {
    display:none;
}

.popuplog {
    box-shadow:0 0 5px #000;
    background: #fff;
    position:relative;
}

.popup-head {
    font-size:15px;
    padding:0 15px;
    height:40px;
    line-height:40px;
}

.popup-close {
    position:absolute;
    top:-15px;
    right:-45px;
    width:32px;
    overflow:hidden;
    display:block;
	height:20px;
	float:right;
    background:url('../images/pclose.png') no-repeat;
}

.popupcol {
    padding:5px 15px 15px 15px;
}

.popupcol .usermenu {
	margin:-3px 0 0 120px;
}

.popupcol .usermenu li a {
	display:block; 
	padding: 3px 0;
}

.popupcol .edge p {
	color:#7e7e7e;
    padding:0 !important;
	margin-bottom:4px;
}

.popupcol .edge input {
	margin-bottom:8px;
    padding:5px;
	width: 97%;
}

.popup_shadow {
    background:rgba(0,0,0,.8);
    padding:6px;
    border-radius:4px;
}

select {
    padding:1px;
    height:20px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
    border:1px solid #bababa;
    font-size:11px;
    border-radius:2px;
}

table.tableform {
    width:100%;
}

table.tableform td {
    padding:2px 0px 3px 0px;
    border-bottom:1px dotted #eaeaea;
    vertical-align:middle;
}

.tableform td.label {
    width:20%;
    padding-right:0;
}

table.tableform input.f_input {
    width:300px;
}

.checkbox {
    padding:4px 0;
    line-height:1em;
}

.checkbox input {
    margin-top:-2px;
    vertical-align:middle;
}

a.fbutton:link, a.fbutton:visited, .fbutton, input.bbcodes {
    padding:3px 9px 4px 9px;
    font:12px tahoma, arial, helvetica ,sans-serif;
    color: #333333;
    margin-top:7px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background: #FAFBFB;
    border: 1px solid #CFD0D2;
    border-top: 1px solid #DEDFE0;
    border-bottom: 1px solid #A1A2A4;
    border-radius: 3px;
    box-shadow: inset 0 2px 2px #fff, 0px -7px 7px rgba(0,0,0,0.05) inset, 0px 1px 0px rgba(0,0,0,0.1);
    transition:all 0.3s ease;
}

a.fbutton:hover, .fbutton:hover, input.bbcodes:hover {
    color:#000;
}

a.fbutton:active, .fbutton:active, input.bbcodes:active {
    color:#555;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.5) inset; 
}

.bb-editor textarea, .xfields input, input.textin, .xfields textarea, .f_input,input.f_input, textarea.f_textarea  {
    border:1px solid #bababa;
    background:#fff;
    padding:4px;
    font:12px Tahoma, arial;
    transition:all 0.2s ease;
    color:#666;
    border-radius:2px;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
}
        
.bb-editor textarea:hover, .xfields input:hover,input.textin:hover,.xfields textarea:hover,.f_input:hover,input.f_input:focus, textarea.f_textarea:hover {
    border:1px solid #909090;
}

.bb-editor textarea:focus, .xfields input:focus,input.textin:focus,.xfields textarea:focus,.f_input:focus,input.f_input:focus, textarea.f_textarea:focus{
    color:#000;
    border-color:#789a11;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset, #8bb312 0px 0px 5px;
}

.grey {
    color:#555;
}

.userinfo {
    display:inline-block;
    margin-left:10px;
    line-height:25px;
}

.info-block {
    background:#F5F5F5;
    padding:10px;
    margin:15px 0;
}

.berrors {
    border-left:3px solid #8bb312;
    border-radius:4px;
    background:#e6f0d9;
    padding:13px;
}
        
.berrors b {
	font-size:12px;
    font-weight:normal;
}

.stats {
    width:33.3%;
    float:left;
    margin-bottom:10px;
}

.uinfo {
    width:49.9%;
    float:left;
}

.pm-menu {
    padding:15px 0;
}
        
.pm-menu li {
	float:left;
    padding:0 5px;
    font-size:12px;
    border-right:1px solid #ccc;
}
                
.pm-menu li:last-of-type {
    border-right:none;
}

.navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
    float: left;
}

.navigation a, .navigation span {
    font-size:15px;
    margin-top:-1px;
    padding:0 12px;
    height: 25px;
    line-height: 23px;
}

.navigation a, .navigation span.nav_ext {
    color: #3f4b51;
}

.navigation a:hover {
    background-color: #eee;
    border-radius:4px;
}

.navigation span {
    background-color: #8bb312;
    box-shadow:0 12px 0 rgba(255, 255, 255, 0.07) inset;
    color: #fff;
    border-radius:2px;
}

.nextprev .pager {
    width: 26px;
     font-size:0;
     margin: 0 4px; 
     float:left !important;
     height:26px;
     background: url("../images/pages.png") no-repeat;
}

.nextprev a span {
    cursor: pointer;
}

.nextprev span .pnext {
    background-position: -26px -52px;
}

.nextprev a .pnext {
	background-position: -26px 0;
}

.nextprev a:hover .pnext {
	background-position: -26px -26px;
}

.nextprev span .pprev {
	background-position: 0 -52px;
}

.nextprev a .pprev {
	background-position: 0 0;
}

.nextprev a:hover .pprev {
	background-position: 0 -26px;
}

Some information about this website:

URL: http://mybioplanet.ru/
CSS URL: http://mybioplanet.ru/templates/templight/style/styles.css
Charset: utf-8
Title: MyBioPlanet - ?????????? ???????
Meta-Description: MyBioPlanet - ?????????? ??????? POLITICS, ENERGY, HI-TECH, IT and CYBER NEWS
Meta-Keywords: ???????, ??????????, ??????????, IT, ???, ???, ?????????, ?????, ???, ???, ???, ????????????????, ???????????????????