@charset "utf-8";

@import url(basetags.css);

.downloadFontsWrapper{display:none;width:470px;height:auto;position:fixed;top:140px;left:50%;margin:0 0 0 -235px;padding:0;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.3);background-color:#fff;z-index:1000}
@media all and (max-width: 470px) {
.downloadFontsWrapper{width:100%;left:0;margin:0}
}
.downloadFontsWrapper .downloadFontsWrapperHeader{padding:20px;border-bottom:1px solid #e5e5e5;border-radius:4px 4px 0 0;background:#fafafa;margin:0;font-size:18px;line-height:22px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:#444;text-shadow:none}
.downloadFontsWrapper .downloadFontsWrapperBody{padding:0 20px 20px;border-bottom:1px solid #e5e5e5;margin:0;font-size:14px;line-height:20px;color:#444;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:none}
.downloadFontsWrapper .downloadFontsWrapperForm{padding:20px;background:#fafafa;text-align:right;border-radius:0 0 4px 4px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}
.downloadFontsWrapper .downloadFontsWrapperForm a.downloadFontsWrapperFormClose{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:0;line-height:28px;min-height:30px;font-size:1rem;padding:0 12px;background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);border-radius:4px;text-shadow:0 1px 0 #fff}
.downloadFontsWrapper .downloadFontsWrapperForm a.downloadFontsWrapperFormClose:hover{background-color:#fafafa;color:#444;outline:0;text-decoration:none;background-image:none;cursor:pointer}
.downloadFontsWrapper .downloadFontsWrapperForm a.downloadFontsWrapperFormGet{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:0;line-height:28px;min-height:30px;font-size:1rem;padding:0 12px;background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,0.2);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);border-radius:4px;text-shadow:0 1px 0 #fff;background-color:#82bb42;color:#fff;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34);border-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.4);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}
.downloadFontsWrapper .downloadFontsWrapperForm a.downloadFontsWrapperFormGet:hover{background-color:#8fce48;color:#fff;background-image:none;cursor:pointer}
.downloadFontsWrapper .downloadFontsWrapperForm a.downloadFontsWrapperFormGet[disabled]{cursor:default;background-color:#fafafa;color:#999;border-color:rgba(0,0,0,0.2);background-image:none;box-shadow:none;text-shadow:0 1px 0 #fff}
.downloadFontsBackground{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:999}

/*
#share42 {position:fixed;left:50%;padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

#share42 a {position:relative;}
#share42 a span {display: none; position: absolute; z-index: 10; top: 0; left: 100%; height: 19px; margin-left: 5px; padding: 0 5px; background: #FFF; border-radius: 4px; border: 1px solid #AAA; box-shadow: 0 0 5px rgba(0,0,0,0.25); text-align: center; color: #666; font: 12px/20px Arial, sans-serif;}
#share42 a:hover span {display: block}
#share42 a span:before {content: ''; position: absolute; top: 50%; left: -5px; margin-top: -3px; width: 5px; height: 7px; background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;}
*/

.block_links {margin-bottom:10px}

/* global styles */
a{color:#5f6265; text-decoration:none;}
.white{color:#FFF;}
.red{color:#c71b43;}
.grey{color:#abadaf;}
.defaultcolor{color:#5f6265;}
.f11{font-size:11px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.centering{text-align:center;}
.underline{text-decoration:underline;}
/* global styles */
/* header */
#header{overflow:hidden; position:absolute; top:10px; left:0; width:100%; height:120px; background:url(/images/header.png) 0 0 no-repeat;}
#header .wrap{position:relative; margin:0 25px;}
#header .wrap .logo{z-index:1; position:absolute; top:24px; left:0; width:255px; height:73px;}
#header .wrap .logo a.logolink{display:block; width:255px; height:69px; background:url(/images/logo.png) 0 0 no-repeat;}
#header .wrap h1{z-index:2; position:absolute; top:75px; left:29px; width: 230px; text-align: center; font-weight:normal; font-size:18px;}
#header .wrap .menu{height:47px; margin:0 10px 0 323px;}
#header .wrap .menu ul{overflow:hidden; width:100%;}
#header .wrap .menu ul li{display:inline; float:left; height:47px; margin:0 3px 0 0; padding:0 10px 0 0; background:url(/images/inlayr.png) 100% 0 no-repeat;}
#header .wrap .menu ul li:hover{background:url(/images/inlaybgr.png) 100% 0 no-repeat;}
#header .wrap .menu ul li a{display:block; height:47px; padding:0 0 0 10px; font-family: Arial, sans-serif; font-size:9pt; line-height:37px; background:url(/images/inlay.png) 0 0 no-repeat;}
#header .wrap .menu ul li:hover a{background:url(/images/inlaybg.png) 0 0 no-repeat;}
#header .wrap .menu ul li.active{background:url(/images/inlaybgr.png) 100% 0 no-repeat;}
#header .wrap .menu ul li.active a{color:#c71b43; background:url(/images/inlaybg.png) 0 0 no-repeat;}
#header .wrap .search{overflow:hidden; position:absolute; top:52px; right:0; width:362px; height:40px; background:url(/images/search.png) 0 0 no-repeat;}
#header .wrap .search input.text{float:left; width:270px; margin:8px 0 0 14px; padding:4px; border:1px solid #d2d2d2; background:#FFF;}
#header .wrap .search input.button{float:right; width:51px; height:40px; margin:0; padding:0; border:0; outline:0; background:url(/images/searchbutton.png) 0 0 no-repeat;}
#header .wrap .amount{overflow:hidden; position:absolute; top:70px; left:318px; width:260px; height:30px; line-height:30px; white-space:nowrap;}
/* header */
/* content */
#wrapper{overflow:hidden; position:relative; width:100%; min-height:100%; height:auto !important; height:100%; padding:156px 0 30px 0;}
#wrapper .content{overflow:hidden; float:left; width:695px; margin:0 25px 0 304px;}
#wrapper .content .alphabet{width:100%; height:32px; background:url(/images/categorytitle.png) 0 0 no-repeat;}
#wrapper .content .alphabet .title{float:left; line-height:32px; padding:0 5px 0 13px;}
#wrapper .content .alphabet ul{float:left;}
#wrapper .content .alphabet ul li{float:left;}
#wrapper .content .alphabet ul li a{padding:0 3px; line-height:32px;}
#wrapper .content .alphabet ul li a:hover{text-decoration:underline;}
#wrapper .content .alphabet ul.numeral{float:right; padding:0 12px 0 0;}
#wrapper .content .category{overflow:hidden; width:100%; margin:0 0 20px 0; padding:10px 0 15px 0; background:#f1f2f2 url(/images/categorybottom.png) 0 100% no-repeat;}
#wrapper .content .pad{padding:10px 0 15px 12px;}
#wrapper .content .category ul{float:left; width:156px; margin:0 0 0 13px;}
#wrapper .content .category ul li.title{padding:10px 0 4px;}
#wrapper .content .category ul li a:hover{text-decoration:underline;}
#wrapper .content .greeting{margin:0 0 10px 0;}
#wrapper .content .greeting p{padding:10px 0;}
#wrapper .content .page{height:28px; margin:20px 0 0 0; padding:0 12px 0 0; }
#wrapper .content .page_in{height:28px; margin:20px 0 0 0; padding:0 12px 0 0; background:url(/images/page.png) 100% 0 no-repeat;}

#wrapper .content .page ul{float:right;  height:28px; padding:0 0 0 12px; border-radius: 10px;font-size:14px;}
#wrapper .content .page ul li{float:left; margin:0 4px;}
#wrapper .content .page ul li a{line-height:28px;}
#wrapper .content .page ul li.first a{line-height:28px;text-decoration: underline;}
#wrapper .content .page ul li.last a{line-height:28px;text-decoration: underline;}
#wrapper .content .page ul li.page a:hover{text-decoration:none;}
#wrapper .content .page ul li.selected a{color:#c71b43; text-decoration:underline;}
#wrapper .content .page ul li a.arrow{display:block; width:6px; height:12px;}
#wrapper .content .page ul li.previous a{margin:8px 8px 8px 12px; background:url(/images/arrow_l.png) 0 center no-repeat;}
#wrapper .content .page ul li.next a{margin:8px 12px 8px 8px; background:url(/images/arrow_r.png) 0 center no-repeat;}

#wrapper .content .sort{overflow:hidden; width:100%; margin:20px 0 28px;}
#wrapper .content .sort ul{overflow:hidden; width:100%; margin:0 0 5px 0;}
#wrapper .content .sort ul li{float:left; height:16px;}
#wrapper .content .sort ul li.view{width:150px;}
#wrapper .content .sort ul li.size{width:122px;}
#wrapper .content .sort ul li.sorting{width:140px;}
#wrapper .content .sort input.text{width:124px; padding:3px; border:1px solid #aab1b7;}
#wrapper .content .sort select{margin:0 4px 0 15px;}
#wrapper .content .sort select.font-sort{min-width:126px; margin:0 15px 0 15px;}
#wrapper .content .fontdetails{overflow:hidden; position:relative; width:100%; margin:0 0 20px 0; padding:20px 0 48px 0;}
#wrapper .content .fontdetails a.download{display:block; position:absolute; bottom:0; right:0; width:175px; height:38px; line-height:38px; text-align:center; background:url(/images/downloadbutton.png) 0 0 no-repeat;}
#wrapper .content .fontdetails .descr{padding:30px 10px 10px 10px; font-size:12px;}
#wrapper .content .fontdetails .descr p{padding-bottom:10px;}
#wrapper .content .fontdetails .login_alert{display:block; position:absolute; left:10px; bottom:0px;  width:500px; font-size:11pt; color:#333;line-height:38px; height:38px;text-align:right;}
#wrapper .content .fontdetails .adv{margin:10px; background:#fbf4a3; color:#333; font-size:11px; padding:7px;}
#wrapper .content .fontdetails .adv a{color:blue; text-decoration:underline;}
#wrapper .content .fontinfo{width:50%; float: right; background: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 10px; margin-bottom: 20px;border-radius: 10px}
#wrapper .content .fontinfo .fontauthor{text-align:left; padding: 5px;}
#wrapper .content .fontinfo .fontauthor a{color:#c71b43; text-decoration:underline;}
#wrapper .content .fontinfo .fontlicense{text-align:left; padding: 5px;}
#wrapper .content .comments{overflow:hidden; width:461px; padding:10px 0 0 0;}
#wrapper .content .comments .item{float:left; padding:4px 0 0 0;}
#wrapper .content .comments input.text{float:right; width:160px; margin:0 215px 10px 0; padding:4px; border:1px solid #d2d2d2; background:#FFF;}
#wrapper .content .comments input.button{display:block; cursor:pointer; width:125px; margin:0 0 0 auto; padding:6px 5px; border:0; background:url(/images/commentbutton.png) 0 0 no-repeat;}
#wrapper .content .comments textarea{width:451px; height:180px; margin:15px 0 12px; padding:5px; border:0; background:url(/images/msgbg.png) 0 0 no-repeat;}
#wrapper .content .comments dl{width:100%; margin:10px 0 0 0;}
#wrapper .content .comments dl dt{height:30px; padding:0 15px; background:#d8dadb;}
#wrapper .content .comments dl dt a.nickname{float:left; line-height:30px;}
#wrapper .content .comments dl dt .time{float:right; line-height:30px;}
#wrapper .content .comments dl dd{padding:12px 15px 20px;}

#wrapper .content p.padtop10 {padding-top:10px;}

/* текст с новостями */
#wrapper .content .news_body{padding-top:20px; font:13px Arial,sans-serif; line-height:20px;}
#wrapper .content .news_body a{color:#c71b43; text-decoration:underline;}
#wrapper .content .news_body p{padding-bottom:10px;}
#wrapper .content .news_body ul{padding-left:20px; padding-bottom:10px;}
#wrapper .content .news_body ul li{list-style-type:circle;}
#wrapper .content .news_body .adv{background:#f6eece; padding:10px; color:#333; margin-top:10px;}
#wrapper .content .news_body .adv a{color:#c71b43; text-decoration:underline;}

#wrapper .content h2{font-weight:normal;}
#wrapper .content dl.download{width:100%; margin:10px 0 20px 0}
#wrapper .content dl.download .read_more{margin-top:10px;}
#wrapper .content dl.download dt{overflow:hidden; width:100%; height:32px; background:url(/images/fonttitle.png) 0 0 no-repeat;}
#wrapper .content dl.download dt .item_l{float:left; padding:0 0 0 12px; line-height:32px;}
#wrapper .content dl.download dt .item_r{float:right; padding:0 12px 0 0; line-height:32px; text-align:right;}
#wrapper .content dl.download dd{overflow:hidden; padding:10px 12px 20px;}
#wrapper .content dl.download dd a.click{float:left; height:40px;}
#wrapper .content dl.download dd img{height:40px;}
#wrapper .content dl.download dd a.fontdownload{float:right; width:123px; height:26px; line-height:26px; text-align:center; background:url(/images/button.png) 0 0 no-repeat;}

/* content auth */
#wrapper .content .auth{overflow:hidden; width:100%; margin:0 0 22px 0; padding:15px 0; text-align:center; background: #F1F2F2 url(/images/authtitle.png) 0 0 no-repeat;}
#wrapper .content .auth .errorSummary{font-size:11pt; padding:10px 0;color:#c71b43;}
#wrapper .content .auth .errorSummary .errorSummaryTitle{font-size:12pt; font-weight:bold;}
#wrapper .content .auth label{font-size:12pt;}
#wrapper .content .auth .text{width:200px; height:25px; line-height:25px; font-size:14pt; margin-bottom:10px;}
#wrapper .content .auth .submit{width:100px; height:30px; line-height:25px; font-size:12pt; margin-top:20px;}

#wrapper .content .auth h2{padding-bottom:20px;}
#wrapper .content .auth table{width:500px; margin:0 auto;}
#wrapper .content .auth table td{text-align:left;}
#wrapper .content .auth table td label{padding:0; margin:0; font-size:12pt;}
#wrapper .content .auth table td .text{width:500px; height:25px; line-height:25px; font-size:14pt; margin-bottom:10px;}
#wrapper .content .auth table td .pass{width:245px; height:25px; line-height:25px; font-size:14pt; margin-bottom:10px;}
#wrapper .content .auth table td .captcha{width:200px; height:25px; line-height:25px; font-size:14pt;}
#wrapper .content .auth table td .submit{width:245px; height:30px; line-height:25px; font-size:12pt; margin-top:20px;}

/* add new font */
#wrapper .content .add_new_font{margin-top:20px;}
#wrapper .content .add_new_font label{font-size:15px;}
#wrapper .content .add_new_font input, select, textarea{margin-bottom:10px;}
#wrapper .content .add_new_font textarea{height:100px;}
#wrapper .content .add_new_font .text{width:500px;}
#wrapper .content .add_new_font .int{width:25px;}

/* add new category */
#wrapper .content .add_new_category{margin-top:20px;}
#wrapper .content .add_new_category label{font-size:15px;}
#wrapper .content .add_new_category input, select{margin-bottom:10px;}
#wrapper .content .add_new_category select{width:250px;}


/* add new user */
#wrapper .content .add_new_user{margin-top:20px;}
#wrapper .content .add_new_user label{font-size:15px;}
#wrapper .content .add_new_user input, select{margin-bottom:10px;}
#wrapper .content .add_new_user select{width:250px;}

/* sitemap */
#wrapper .content .sitemap_content{margin:20px 0 20px 20px;}

/* sidebar */
#wrapper .sidebar{overflow:hidden; float:left; width:252px; margin:0 0 0 -999px;}
#wrapper .sidebar .auth_t{overflow:hidden; width:100%; margin:0 0 22px 0; padding-top:15px; text-align:center; background:url(/images/authbg_t.png) #f1f2f2 0 0 no-repeat;}
#wrapper .sidebar .auth_b{padding-top:12px; background:url(/images/authbg_b.png) 0 0 no-repeat;}
#wrapper .sidebar .auth_t input.text{width:200px; margin:0 0 7px 0; padding:3px 10px; border:1px solid #d2d2d2;}
#wrapper .sidebar .auth_t input.button{width:123px; margin:5px 0 7px; padding:5px; border:0; outline:0; text-align:center; background:url(/images/button.png) 0 0 no-repeat;}
#wrapper .sidebar .auth_t a:hover{text-decoration:none;}
#wrapper .sidebar .auth_t .auth_sidebar{text-align:left; padding: 10px 15px; text-indent:15px; line-height:13px; font-size:1.1em; font-family:Arial,sans-serif;}
#wrapper .sidebar .auth_t .logout{float:right; padding-right:15px;}
#wrapper .sidebar .fonts{overflow:hidden; width:100%; margin-bottom:25px; background:url(/images/sidebar-fonttitle.png) 0 0 no-repeat;}
#wrapper .sidebar .fonts .title{text-align:center; line-height:32px;}
#wrapper .sidebar .fonts ul{padding:0 15px 20px; background:#f1f2f2 url(/images/sidebar-bottom.png) 0 100% no-repeat;}
#wrapper .sidebar .fonts ul li{padding:26px 0 5px; border-bottom:1px dashed #8a8889;}
#wrapper .sidebar .fonts ul li:last-child{border:0;}
#wrapper .sidebar .fonts ul li a.click{display:block; width:222px; height:30px; margin:13px 0 13px;}
#wrapper .sidebar .fonts ul li img{height:30px;}

#wrapper .sidebar .sponsors{overflow:hidden; width:100%; margin-bottom:15px; background:url(/images/sidebar-fonttitle.png) 0 0 no-repeat;}
#wrapper .sidebar .sponsors .title{text-align:center; line-height:32px;}
#wrapper .sidebar .sponsors ul{padding:0 15px 20px; background:#f1f2f2 url(/images/sidebar-bottom.png) 0 100% no-repeat;}
#wrapper .sidebar .sponsors ul li{padding:10px 0; border-bottom:1px dashed #8a8889;}
#wrapper .sidebar .sponsors ul li a{text-decoration: underline;}
#wrapper .sidebar .sponsors ul li:last-child{border:0;}

#wrapper .sidebar .last_comm{overflow:hidden; width:100%; margin-bottom:15px; background:url(/images/sidebar-fonttitle.png) 0 0 no-repeat;}
#wrapper .sidebar .last_comm .title{text-align:center; line-height:32px;}
#wrapper .sidebar .last_comm ul{padding:0 15px 20px; background:#f1f2f2 url(/images/sidebar-bottom.png) 0 100% no-repeat;}
#wrapper .sidebar .last_comm ul li{padding:10px 0; border-bottom:1px dashed #8a8889;}
#wrapper .sidebar .last_comm ul li:last-child{border:0;}
#wrapper .sidebar .last_comm ul li a.click{display:block; width:222px; height:30px; margin:13px 0 13px;}
#wrapper .sidebar .last_comm ul li img{height:30px;}
#wrapper .sidebar .admin_menu{text-align:left; padding-left:15px;}
/* sidebar */
#wrapper .empty{height:59px;}
/* content */

/* last modified fonts */
#last_modified{margin:0px 25px 20px 25px;}
#last_modified .last_mod{ overflow:hidden; width:100%; background:url(/images/last_mod_t.png) 0 0 no-repeat;}
#last_modified .last_mod .title{text-align:left; margin-left:20px; line-height:32px;}
#last_modified table{text-align:center; padding:10px 0 0px 20px;  width:100%; background:#f1f2f2 url(/images/last_mod_b.png) 0 100% no-repeat;}
#last_modified table td{width:33%; padding-bottom:10px;}

/* footer */
#footer{overflow:hidden; position:relative; width:100%; height:59px;}
#footer .wrap{height:59px; margin:0 25px; padding:18px 16px 5px; background:url(/images/footer.png) 0 0 no-repeat;}
#footer .wrap .copyright{float:left;}
#footer .wrap .copyright a:hover{color:#5f6265; text-decoration:none;}
#footer .wrap .counter{float:right; margin:0 0 0 6px;}
#footer .wrap .counter a{display:block; }
/* footer */