@charset "UTF-8";
/* CSS Document */

body { 
background:#E4E4E4 url(images/body-bg.png) 50% 0 repeat-y; 
font-family:Lucida Sans Unicode, Lucida Grande, Lucida Sans, Sans-Serif; 
font-size:13px; 
line-height:1.5em; 
color:#666; 
margin:0; 
padding:0 5px; 
}
form, button { 
margin:0; 
padding:0; 
}
img { 
border:0; 
}
button { 
background:none; 
border:0; 
vertical-align:middle; 
cursor:pointer; 
margin:0 0 1px 0;
}
a { 
color:#0078C0; 
text-decoration:none; 
cursor:pointer; 
}
input, textarea, select { 
font-family:Lucida Sans Unicode, Lucida Sans, Sans-Serif; 
}
hr { 
border:0; 
border-top:1px solid #D4D4D4; 
height:1px; 
}

h1, h2, h3, h4 { 
font-weight:normal;  
color:#000; 
margin:1em 0 0.5em 0; 
}
h1 { font-size:18px; }
h2 { font-size:17px; }
h3 { margin:1em 0 0.5em 0; font-size:17px; }

.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left;}

#page {
	width:1010px;
	overflow:visible;
	background:url(images/body-bg.png) repeat-y -68px 0;
	margin:0 auto -120px;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}
.page { background:url(images/queso.png) no-repeat -317px 0px; }

#header { height:112px; }
.header { padding:0px; }
#logo {
	margin:0;
	padding:15px 0 0 20px;
	width:340px;
	height:70px;
	float:left;
}
#logo a {
	display:block;
	background:#CCC url(images/queso.png) no-repeat;
	width:314px;
	height:80px;
	overflow:hidden;
	text-indent:-1000px;
}
#loginarea { float:left; height:111px; width:233px; overflow:visible; position:relative; }
#searcharea { width:390px; float:right; padding-right:20px; }
#search-btn { width:87px; height:29px; overflow:hidden; text-indent:-1000px; background:url(images/queso.png) no-repeat -128px -103px; }
#q {  background:#FFFFF1; border:1px solid #B3B3B3; padding:5px; width:250px; font-size:14px; vertical-align:middle; }
#signin-link { width:132px; height:19px; background:url(images/queso.png) no-repeat -88px -135px; text-indent:-1000px; display:block; margin:0 auto; overflow:hidden; }
#signin-btn { width:61px; height:23px; background:url(images/queso.png) no-repeat -220px -105px; text-indent:-1000px; display:block; margin:0 10px 0 0; overflow:hidden; float:left; }

#sidebar { width:198px; float:left; }
.sidebar { padding:0 0 40px 20px; }

#sidebar .active { margin-left:-28px; margin-top:-8px; padding-top:8px; background:url(images/menu-corner.png) no-repeat; }
#sidebar .active a { color:#FFF; background:#000; padding-left:33px; }

.clearafter:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearafter { display: inline-block; }
* html .clearafter { height: 1%; }
.clearafter { display: block; }

.sidebar ul { margin:0; padding:0; list-style-type:none; font-size:13px; }
.sidebar li { border-bottom:1px solid #D4D4D4; }
.sidebar li.last { border:0; }
.sidebar li a { padding:2px 6px; display:block; color:#656565; }
.sidebar li a:hover { color:#000; }

.fontsby li { font-size:14px; }
.fontsby li a {
	color:#990;
}

#content { width:812px; float:right; overflow:hidden; }
.content { padding:10px 30px; position:relative; }
#content .push { height:50px; }

#footer, .push { height:120px; }
#footer {
	width:1010px;
	margin:0 auto;
	background:#151515;
	color:#9F9F9F;
	z-index:1;
	position:relative;
	min-height: 120px;
}
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
.footer { padding:20px 10px 2px 114px; min-height:64px; font-size:11px; line-height:1.3em; }
#footer-logo {
	background:url(images/queso.png) no-repeat -140px -10px;
	display:block;
	width:57px;
	height:58px;
	overflow:hidden;
	text-indent:-1000px;
	position:absolute;
	top:20px;
	left:20px;
}
.footer-links { width:110px; float:left; list-style-type:none; margin:0; padding:0; }
.footer-text { margin:0; padding:0 20px; float:left; width:350px; }

/* Featured fonts */
#feat-big{ width:470px; height:343px; overflow:hidden; float:left; overflow:hidden; position:relative; }
#feat-big a { position:absolute; top:0; left:30px; }
.feat-side-bar{ position:absolute; right:0; top:0; width:18px; height:343px; background:url(images/feat-side-bar.png) no-repeat 100% 0; }
.feat-right{ float:right; width:320px; height:323px; overflow:hidden; padding:10px 10px 10px 0;}
#feat-details{overflow:hidden; height:260px; position:relative;}
#feat-details h2{ color:#58c7ff; font-size:20px;}
.feat-small{color:#d0d0d0; font-style:italic; font-size:12px;}
#feat-details p{ color:#e2e2e2; font-size:12px; line-height:18px;}
.feat-btn{ position:absolute; left:10px; bottom:15px;}
.feat-btn img{ margin:0 5px 5px 0;}
.feat-nav{ margin-left:10px;}
.feat-nav img{ padding:0 0 3px 0;}
.feat-nav a { border-bottom:#151515 solid 6px; margin:0 2px; }
.feat-nav a:hover, .feat-nav .active {border-bottom:#58c7ff solid 6px;}
.wf-left{
	float:left;
	width:68%;
}
.w-fonts h1{
	font-family:Titanium, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Sans-Serif;
	font-size:30px;
	line-height:37px;
	margin:0;
	padding:20px 0 26px;
}
.wf-left h3{ line-height:1.3em; margin:0; padding:19px 0 0 0;}
.wf-left p{ padding:15px 0;}
.wf-in-use{ padding:3px 0; text-align:center; border-bottom:#E7E7E7 solid 1px; border-top:#E7E7E7 solid 1px;}
a.btn-view-linrary{
	display:block;
	width:210px;
	margin:23px 0 36px 0px;
	height:155px;
	background:url(images/queso.png) no-repeat -1310px 0px;
}
.s-browser{ background:url(images/lp-browsers.jpg) 97px 8px no-repeat; padding:10px 256px 7px 25px; text-align:right; width:70px; margin:20px 0 0; border-bottom:#E9E9E9 solid 1px; border-top:#E9E9E9 solid 1px;}
ul.wf-list{ margin:0; padding:20px 0 0; list-style:none;}
ul.wf-list li{ background:url(images/lp-check.png) left 7px no-repeat; padding:6px 0 6px 40px; margin:0; color:#000; font-size:16px; font-family:Titanium, Verdana, Sans-Serif;}
ul.wf-list a{ font-size:13px; font-family:Lucida Sans Unicode,Lucida Grande,Lucida Sans,Sans-Serif;}

.wf-right{
	float:right;
	width: 28%;
}