body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana; 
	font-size:14px;
	color: #000000;
	margin:0 auto;
	width:1000px;
	line-height:20px;
	background-color: white;
}

:focus, :active { 
	outline: 0; 
} 

a, a:visited, a:hover{
	color: #000000;
}
a:hover{
	color:#22abe2;	
}

img{
	border:0;
}

.container{
	float:left;
	position:relative;
	width:1000px;
	text-align:justify;
}
.content{
	float:left;
	width:712px;
	margin-left:7px;
}
.container a, .container a:visited, .container a:hover{
	color: #22abe2;
	text-decoration:none;
}
.container a:hover{
	color:#22abe2;
	text-decoration:underline;
}

h1{
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	display:inline;
	color:white;
}
.hh1, .sidebar_header{
	float:left;
	width:706px;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	display:inline;
	color:white;
	border:1px solid #22abe2;
	padding:10px;
	margin-bottom:25px;
	background-color:#22abe2;
}
.hh1 a, .hh1 a:hover, .hh1 a:visited{
	color:white;
	font-weight:100;
}
.sidebar_header{
	margin-bottom:5px;
}

.search{
	float:left;
	position:relative;
	margin-left:6px;
}
.search-site-input{
	float:left;
	width:144px;
	height:23px;
	padding:0 22px 0 6px;
	border:1px solid #eae8e8;
	color:#dbdada;
}
.search-site-button{
	position:absolute;
	right:3px;
	top:2px;
	width:20px;
	height:21px;
}

form{
	margin:0;
	padding:0;
}

.menu{
	list-style-type: none;
	margin:0;
	padding:0;
	
	float:left;
	width:1000px;
	background-color:#22abe2;
	padding:6px 0px;
	font-size:12px;
}
.menu li{
	margin:0;
	padding:0;
	float:left;
	padding:3px 27px;
	border-right:1px solid #0b86b2;
}
.menu a, .menu a:visited, .menu a:hover{
	color:white;
	text-decoration:none;
	font-weight:bold;
}
.menu a:hover{
	color:black;
}

.header{
	position:relative;
	float:left;
	width:1000px;
	text-align:center;
	padding:50px 0;
}
.logo{
	width:200px;
}
.logo:hover{
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;
}
.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;
}

.thumb{
	float:left;
	width:307px;
	height:154px;
	margin:0 34px 34px 0;
}
.thumb:hover
{
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;
}

.details_thumb{
	border:1px solid #eae8e8;
	margin-bottom:10px;
}
.details_thumb:hover{
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;	
}

.download{
	float:right;
	margin-top:2px;
	padding-left:20px;
}
.download img:hover{
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;
}

.font_info{
	float:left;
	width:728px;
	margin-bottom:20px;
	line-height: 23px;
}
.font_preview{
	width:676px;
	border:1px solid #eae8e8;
	padding:25px;
}
.font_preview:hover{
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;
}
.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{
	float:left;
	width:728px;
	margin-top:40px;
	margin-left:136px;
}
.sidebar img{
	margin-bottom:2px;
	border:1px solid #eae8e8;
}
.sidebar img:hover{
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;
}

.footer{
	float:left;
	width:1000px;
	text-align:center;
	font-size:12px;
	border-top:1px solid #eae8e8;
	padding:10px 0 30px 0;
	color:#bebebe;
	margin-top:70px;
}
.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:white;
	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;
	
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0.5em 0 #22abe2;
}
.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;
}