/*https://dev.to/mnathani/two-lines-of-css-that-boosts-7x-rendering-performance-4mjd*/
{
  content-visibility: auto;
  contain-intrinsic-size: 1px 5000px;
}

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana; 
	font-size:14px;
	color: #000000;
	background-color:#efefef;
	margin:0 auto;
	width:1000px;
	line-height:20px;
	
	background-image:url("/images/menu_background.gif");
	background-repeat:repeat-x;
	background-position:top;
}

:focus, :active { 
	outline: 0; 
} 

a, a:visited, a:hover{
	color: #000000;
}
a:hover{
	color:#0181e0;	
}

img{
	border:0;
}

.container, .container_index{
	float:left;
	position:relative;
	width:1000px;
	text-align:justify;
	min-height:700px;
}
.container{
	position:relative;
	width:728px;
	background-color:white;
	padding:4px 4px 25px 4px;
	border:1px solid #e2e1e1;
}
.container_big{
	float:left;
	width:968px;
	padding:25px 15px;
	border:1px solid #e2e1e1;
	background-color:white;
	min-height:700px;
}
.container2{
	float:left;
	width:738px;
	margin-bottom:0px;
}

.content{
	float:left;
	width:712px;
	margin-left:7px;
}
.container a, .container a:visited, .container a:hover{
	color: #0181e0;
	text-decoration:none;
}
.container a:hover{
	color:#0181e0;
	text-decoration:underline;
}

.back{
	position:absolute;
	left:-10px;
	top:14px;
}

h1{
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	display:inline;
	color:#0181e0;
}
.hh1, .sidebar_header{
	float:left;
	width:728px;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-left:6px;
	display:inline;
	color:#bbb;
	padding:11px 0 8px 11px;
}
.hh1 a, .hh1 a:hover, .hh1 a:visited{
	color:#bbb;
	font-weight:100;
}
.sidebar_header{
	width:172px;
	color:#0181e0;
	margin-bottom:7px;
	padding:11px 0 8px 9px;
}

.h1_index{
	float:left;
	width:968px;
	padding:15px;
	background-color:white;
	border:1px solid #e2e1e1;
	margin-bottom:15px;
}
.h1_index span{
	float:left;
	width:200px;
}
.h1_index a, .h1_index a:visited, .h1_index a:hover{
	float:right;
	width:200px;
	text-align:right;
	font-weight:normal;
}

a.feature_link, a.feature_link:visited, a.feature_link:hover{
	color:#5ebd03;
}
a.feature_link:hover{
	color:black;
}

#search_form{
	display:none;
	float:right;
	position:relative;
	width:750px;
}
.search-site-input{
	float:right;
	width:750px;
	padding:13px;
	border:1px solid #0181e0;
	color:#4e4e4e;
	font-size:16px;
	margin-top:10px;
}
.search-site-button{
	position:absolute;
	right:13px;
	top:26px;
	width:16px;
	height:16px;
	cursor:pointer;
}

#icons{
	float:right;
	width: 16px;
	text-align:right;
	margin:26px 13px 0 0;
}

.envato{
	float:left;
	width:732px;
	padding:4px 0 0 4px;
	margin-top:25px;
	background-color:white;
	border:1px solid #e2e1e1;
}
.envato img:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	-moz-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/*IE8*/
}

.newsletter_box, .newsletter_box_small{
	position:relative;
	float:left;
	width:1000px;
	margin-bottom:31px;
	background-color:#ffda4b;
}
.newsletter_box_small{
	float:left;
	width:738px;
	margin-top:25px;
	margin-bottom:0;
}
.newsletter_box form, .newsletter_box_small form{
	float:left;
	width:998px;
	padding:26px 0;
	background-color:#ffda4b;
	border:1px solid #f3c025;
}
.newsletter_box_small form{
	width:736px;
}
.newsletter_box img, .newsletter_box_small img{
	position:absolute;
	right:0;
	bottom:0;
}
.newsletter_input, .newsletter_button, .newsletter_input_small{
	padding:14px;
	font-size:16px;
	border:1px solid #f3c025;
	margin:0;
	margin-left:175px;
	
	width:500px;
	
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
}
.newsletter_input_small{
	width:400px;
	margin-left:93px;
}
.newsletter_button{
	width:120px;
	cursor: pointer;
	color:black;
	background-color:#f3c025;
	border:1px solid #f3c025;
	
	font-weight:bold;

	margin:0;
}
.newsletter_button:hover{
	color:white;
	background-color:black;
	border:1px solid black;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbb;
}

form{
	margin:0;
	padding:0;
}

.statbar{
  position: fixed;
  width: 300px;
  height: 200px;
  left: 0;
  top: 115px;
}

#menu{
	list-style-type: none;
	margin:0;
	padding:0;
	
	float:right;
	width:735px;
	background-color:#0181e0;
	font-size:16px;
	
	height:67px;
}
#menu li{
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	padding:25px 15px;
}
#menu a, #menu a:visited, #menu a:hover{
	color:#b3d9f6;
	text-decoration:none;
}
#menu a:hover{
	color:white;
}

.header{
	float:left;
	width:1000px;
	height:67px;
	margin-bottom:52px;
	background-color:#0181e0;
}

.logo{
	float:left;
	width:122px;
	height:25px;
	margin:21px 50px 0 15px;
	background-color:#0181e0;
}
.date{
	float:left;
	width:295px;
	margin-top:5px;
}
.slogan{
	float:left;
	width:345px;
	text-align:center;
	color:#e47b1f;
	font-weight:bold;
	margin-top:5px;
}
.fontcount{
	float:right;
	width:250px;
	text-align:right;
	margin-top:5px;
}

.rss{
	position:absolute;
	top:83px;
	left:916px;
	width:18px;
	height:18px;
}

.tags{
	float:left;
	width:728px;
	margin-top:30px;
	text-align:justify;
}
a.ftag, a:visited.ftag, a:hover.ftag{
	border:1px solid #afd5e4;
	text-decoration:none;
	padding:2px 4px;
	line-height:30px;
}
a:hover.ftag{
	color:#000000;
	border:1px solid #000000;
}

.item{
	float:left;
	width:314px;
	height:263px;
	background-color:white;
	border:1px solid #e2e1e1;
	margin:0 26px 31px 0;
}
.item_title{
	float:left;
	width:248px;
	margin: 13px 0 0 15px;
}
a.item_title, a:visited.item_title, a:hover.item_title{
	color:#6a6a6a;
	text-decoration:none;
}
a:hover.item_title{
	color:#0181e0;
}
.views_count{
	float:left;
	margin:13px 0 0 0;
	width:20px;
	text-align:left;
	color:#b2b2b2;
}
.views_icon{
	float:left;
	width:18px;
	height:12px;
	margin:17px 5px 0 0;
}
.thumb{
	float:left;
	width:304px;
	height:201px;
	margin:4px;
	border:1px solid #f6f6f6;
}
.thumb:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	-moz-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/*IE8*/
}

.random_more{
	float:left;
	width:1000px;
	text-align:center;
	font-size:16px;
}
a.random_more, a:visited.random_more, a:hover.random_more{
	color:#0181e0;
	text-decoration:underline;
}
a:hover.random_more{
	text-decoration:none;
}

.details_thumb{
	border:1px solid #f6f6f6;
	margin-bottom:10px;
}

.description{
	float:left;
	margin:0 12px;
	width:704px;
}

a.download, a.download:visited, a.download:hover{
	float:right;
	margin-top:5px;
	padding:8px 53px 8px 85px;
	border:1px solid #e2bc2a;
	background-color:#ffda4b;
	color:black;
	text-decoration:none;
	position:relative;
	font-size:16px;
}
a.download:hover{
	border:1px solid black;
}
.download_icon{
	position:absolute;
	top:9px;
	left:53px;
}

.font_info{
	float:left;
	width:704px;
	margin:0 0 20px 12px;
	line-height: 25px;
}
.font_preview{
	width:654px;
	padding:25px;
	border:1px solid #f6f6f6;
	margin-top:5px;
}
.font_link{
	float:left;
	width:728px;
	text-align:left;
	margin-bottom:35px;
}
.what_font_image{
	width:726px;
	border:1px solid #eae8e8;
}

.whatthefont{
	float:left;
	width:606px;
	padding:30px 60px;
	border:1px solid #eae8e8;
	margin-bottom: 40px;
	font-size: 16px;
}

.regularprice{
	text-decoration:line-through;
	color:#bbb;
}

.sidebar, .sidebar_simple{
	float:left;
	width:230px;
	margin-left:22px;
	margin-bottom:22px;
	background-color:white;
	padding:4px 4px 1px 4px;
	border:1px solid #e2e1e1;
}
.sidebar_simple{
	width:238px;
	padding:0;
}
.sidebar img{
	margin-bottom:3px;
	border:1px solid #fafafa;
	width:228px;
}
.sidebar img:hover, .sidebar_simple img:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	-moz-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/*IE8*/
}
.sidebar_links{
	float:left;
	width:196px;
	border-top:1px solid #e2e1e1;
	padding:11px 16px 15px 16px;
	line-height:25px;
}

.contact input, .contact textarea, .contact button{
	padding:10px 10px;
}

.footer{
	float:left;
	width:1000px;
	text-align:center;
	font-size:14px;
	border-top:1px solid #eae8e8;
	padding:10px 0 30px 0;
	color:#bebebe;
	margin-top:70px;
	line-height:25px;
}
.footer a, .footer a:visited, .footer a:hover{
	color:#bebebe;
}
.footer a:hover{
	color:#000000;
}


.scrollToTop{
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	overflow:hidden;
	position: fixed;
	z-index: 100000;
	_position: absolute;
	
	display:none;
}


.pagination
{
	font-size:14px;
	line-height:22px;

	float:left;
	text-align: center;
	margin:0 auto;
	width:1000px;
	background-color:#efefef;
	color:#000;	
	margin-top: 30px;
}
.pagination a, .pagination a:visited {
	color:#000;
	text-decoration:none;
	padding:7px 11px 6px 11px;
	margin:0 7px 0 7px;
	border:1px solid #000;
}

.pagination a:hover, .pagination a:active {
	color:#0181e0;
	border:1px solid #0181e0;
	background-color:#fff;
	text-decoration:none;
}
.pagination span.selected {
	padding:7px 11px 6px 11px;
	margin:0 7px 0 7px;
	border:1px solid #ccc;
	font-weight:bold;
	color:#ccc;
	background-color:#f1f1f1;
}
.pagination span.disabled {
	padding:7px 11px 6px 11px;
	margin:0 7px 0 7px;
	border:1px solid #cccccc;
	color:#cccccc;
}

.myinfo{
	width:0px;
	height:0px;
	visibility:hidden;
}