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

/* =Global */
html, body { padding:0; margin:0; background:url(../images/laminat.jpg) repeat 0 0; font:13px "Trebuchet MS", Arial, Helvetica; }
.wrapper { position:relative; width:930px; margin:0 auto; }
ul, li { margin:0; padding:0; list-style-type:none; }
a { color:#351e23; text-decoration:none; }
input, select { padding:5px; }
.none { display:none; }
.right { float:right; }
.left { float:left; }
br.clearer { clear:both; }
p { font-size:120%; margin:0 0 25px; padding:0; line-height:140%; color:#555; }
a img, p img, span img { vertical-align:top; margin-right:0; border:0; }
a:active, a:focus { outline-color:#423132; outline:none; }
a:hover { color:#311d24; }
.hidden { position:absolute; top:-9999px; left:-999px; }

/* =Forms */
form label { width:80px; text-align:right; padding:3px 10px 3px 0; margin:3px 0; float:left; color:#351e23; float:left; text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; line-height:150%; }
form label big { color:#AFAA99; }
form input { width:250px; float:left; line-height:100%; padding:5px; margin:2px 0; border:1px solid #C8BC9B; background:#fff url(../images/font-preview-top.png) no-repeat center -1px; font:bold 12px Arial, Helvetica, sans-serif; color:#351e23; }
form select { float:left; line-height:100%; padding:4px; margin:2px 10px; border:1px solid #C8BC9B; background:#fff url(../images/font-preview-top.png) no-repeat center -1px; font:bold 12px Arial, Helvetica, sans-serif; color:#351e23; }
form input.submit { width:70px; font-weight:bold; text-transform:uppercase; color:#ffffcc; background:#302A21 url(../images/abc-bg.gif) repeat-x; border:0; cursor:pointer; }
form input.submit:hover { color:#fff; }
form textarea { width:450px; float:left; line-height:100%; padding:3px 3px; margin:2px 0; border:1px solid #C8BC9B; background:#fff url(../images/font-preview-top.png) no-repeat center -1px; font:bold 12px Arial, Helvetica, sans-serif; color:#351e23; }


/* =Header */
#header { height:84px; background:url(../images/header-bg.gif) repeat; color:#fff; }
#header .logo { position:absolute; top:0; left:-55px; display:block; width:515px; height:70px; padding:15px 0 0 55px; background:url(../images/logo-glow.png) no-repeat 0 0; }
#header .logo a { display:block; width:98px; height:20px; padding:43px 0 0 22px; color:#302A21; font:9px "Trebuchet MS", Arial, Helvetica; text-transform:uppercase; background:url(../images/logo-anchor.png) no-repeat 0 0; line-height:95%; }
#header .logo .tagline { margin:0; position:absolute; display:block; top:12px; left:190px; width:490px; height:30px; padding:30px 0 0; background:url(../images/logo-tagline.png) no-repeat 0 0; }
#header .logo .tagline-premium { background:url(../images/logo-tagline-premium.png) no-repeat 0 0; }
#header .logo .tagline-advertise { background:url(../images/logo-tagline-advertise.png) no-repeat 0 0; }
#header .logo .tagline-help { background:url(../images/logo-tagline-help.png) no-repeat 0 0; }
#header .logo .tagline-resources { background:url(../images/logo-tagline-resources.png) no-repeat 0 0; }
#header .logo .tagline-download { background:url(../images/logo-tagline-download.png) no-repeat 0 0; }
#header .logo .tagline-foundry { background:url(../images/logo-tagline-foundry.png) no-repeat 0 0; }
#header .logo .tagline-404 { background:url(../images/logo-tagline-404.png) no-repeat 0 0; }
#header .logo .tagline strong { position:absolute; left:-999px; top:-999px; }
#header .logo a:hover { background-position:0 -60px; }

	/* =Top */
	#top { height:40px; background:url(../images/top-bg.gif) repeat; color:#fff; }
	#top .title { margin:0; padding:0; position:absolute; top:12px; left:7px; display:block; width:400px; font-size:11px; }
	#top .title strong { padding:2px 6px; color:#ffffcc; background:url(../images/abc-bg.gif) repeat center center; letter-spacing:1px; font:italic 11px "Trebuchet MS", Arial, Helvetica; }
	
	/* =Search */
	form.search { position:absolute; top:17px; right:0; width:325px; height:40px; margin:0; padding:6px 9px; background:url(../images/search.png) no-repeat; }
	form.search input { display:block; float:left; }
	form.search input.text { width:255px; height:16px; margin-right:5px; padding:9px 10px 7px; border:0; background:url(../images/search-input.gif) no-repeat 0 0; line-height:100%; font:bold 14px Arial, Helvetica, sans-serif; color:#ffffcc; }
	form.search input.text:hover, form.search input.text:focus { background-position:0 -32px; color:#fff; }
	form.search input.submit { cursor:pointer; width:43px; height:32px; border:0; background:url(../images/search-submit.gif) no-repeat 0 0; line-height:100%; font:bold 14px Arial, Helvetica, sans-serif; color:#ffffcc; }
	form.search input.submit:hover, form.search input.submit:active { background-position:0 -32px; }

	/* =ABC */
	#abc { height:38px; background:url(../images/abc-bg.gif) repeat; color:#fff; }
	#abc a { font:bold 11px "Trebuchet MS", Arial, Helvetica; text-transform:uppercase; color:#ffffcc; }
	#abc a:hover { color:#fff; }
	#abc a u { text-decoration:none; }
	#abc a.active u { text-decoration:underline; color:#fff; font-weight:bold; }
	#abc a:hover u { border:0; }
	#abc a.shuffle { float:left; display:block; width:124px; margin-right:4px; height:28px; padding:12px 0 0 15px; line-height:100%; background:url(../images/sprite.gif) no-repeat 0 -80px; }
	#abc a.shuffle:hover { background-position: -139px -80px; }
	#abc ul li { float:left; }
	#abc ul li a { display:block; margin:5px 2px 0 0; padding-top:7px; width:27px; height:20px; line-height:100%; background:url(../images/sprite.gif) no-repeat -278px -80px; text-align:center; }
	#abc ul li a:hover { background-position: -305px -80px; }
	#abc ul li.last a { margin:5px 0 0 0 }
	
	/* =Navigation */
	ul#navigation li { float:right; }
	ul#navigation li a { display:block; height:40px; color:#fff; }
	ul#navigation li a em { position:absolute; left:-999px; top:-999px; }
	ul#navigation li.freefonts a { width:99px; background:url(../images/sprite.gif) 0 0; }
	ul#navigation li.premiumfonts a { width:127px; background:url(../images/sprite.gif) -99px 0; }
	ul#navigation li.resources a { width:96px; background:url(../images/sprite.gif) -226px 0; }
	ul#navigation li.advertise a { width:95px; background:url(../images/sprite.gif) -322px 0; }
	ul#navigation li.submit a { width:52px; background:url(../images/sprite.gif) -417px 0; }
	ul#navigation li.freefonts a:hover, ul#navigation li.freefonts a.active { background-position: 0 -40px; }
	ul#navigation li.premiumfonts a:hover, ul#navigation li.premiumfonts a.active { background-position: -99px -40px; }
	ul#navigation li.resources a:hover, ul#navigation li.resources a.active { background-position: -226px -40px; }
	ul#navigation li.advertise a:hover, ul#navigation li.advertise a.active { background-position: -322px -40px; }
	ul#navigation li.submit a:hover, ul#navigation li.submit a.active { background-position: -417px -40px; }


/* =Content */
.homepage .clearer { line-height:0; }
.homepage #content { padding-bottom:0; }
#content { background:url(../images/shaddow-top.png) repeat-x; padding:5px 0 10px; min-height:500px; }
.contentLeft { width:610px; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:150%; color:#4F4041; }
.contentRight { padding-left:15px; width:305px; float:right; }
.contentRight .col1 { float:left; width:150px; }
.contentRight .col2 { float:left; padding-left:15px; width:140px; }

/* =Titles */
#content .title { display:block; padding:5px 0; margin:0 0 10px; background:url(../images/line.png) repeat-x left bottom; }
#content .title ul.orderby { float:right; padding-top:8px; }
#content .title ul.orderby li { float:right; padding-right:5px; margin-right:5px; }
#content .title ul.orderby li span { display:block; }
#content .title ul.orderby li span a { display:block; height:13px; padding:5px 2px 5px 24px; color:#7F7B6F; font:11px Arial, Helvetica, sans-serif; }
#content .title ul.orderby li span a:hover { color:#351e21; }
#content .title ul.orderby li.best span a { background:url(../images/icon-medal.png) no-repeat 4px center; }
#content .title ul.orderby li.newest span a { background:url(../images/icon-calendar.png) no-repeat 4px center; }
#content .title ul.orderby li.popular span a { background:url(../images/emotion-wink.png) no-repeat 4px center; }
#content .title ul.orderby li.more span a { background:url(../images/icon-briefcase.png) no-repeat 6px 4px; color:#351e21; }
#content .title ul.orderby li.more:hover { background:url(../images/title-orderby-right.png) no-repeat right top; }
#content .title ul.orderby li.more:hover span { background:url(../images/title-orderby-left.png) no-repeat left top; }
#content .title ul.orderby li.expand span a { background:url(../images/arrow-down.png) no-repeat 6px 4px; color:#351e21; }
#content .title ul.orderby li.expand:hover { background:url(../images/title-orderby-right.png) no-repeat right top; }
#content .title ul.orderby li.expand:hover span { background:url(../images/title-orderby-left.png) no-repeat left top; }
#content .title ul.orderby li.shrink span a { background:url(../images/arrow-up.png) no-repeat 6px 4px; color:#351e21; }
#content .title ul.orderby li.shrink:hover { background:url(../images/title-orderby-right.png) no-repeat right top; }
#content .title ul.orderby li.shrink:hover span { background:url(../images/title-orderby-left.png) no-repeat left top; }
#content .title ul.orderby li.active { background:url(../images/title-orderby-right.png) no-repeat right top; }
#content .title ul.orderby li.active span { background:url(../images/title-orderby-left.png) no-repeat left top; }
#content .title ul.orderby li.active span a { color:#351e21; }
.contentLeft h3 { color:#351e23; text-transform:uppercase; font:bold 14px Arial, Helvetica, sans-serif; }
.contentLeft ol { margin-bottom:30px; }
.contentLeft ol li { padding:5px 0; font:12px Arial, Helvetica, sans-serif; line-height:100%; list-style:decimal; list-style-position:outside; color:#4F4041; }
.contentLeft p { margin-bottom:20px; font:12px Arial, Helvetica, sans-serif; line-height:150%; color:#4F4041; }
.contentLeft ol li a { font-weight:bold; color:#351e23; border-bottom:1px solid #CCC39E; }

/* =Styles */
ul.styles li { position:relative; margin-bottom:1px; }
ul.styles li a { display:block; padding:5px 5px 7px 22px; background:url(../images/icon-folder-grey.png) no-repeat 3px 1px; color:#7F7B6F; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; }
ul.styles li a:hover, ul.styles li a.active { color:#351e23; background:url(../images/icon-folder.png) no-repeat 3px 1px; }
ul.styles li a em { font-style:normal; color:#ccc39e; }
ul.styles li a:hover em, ul.styles li a.active em { color:#AFA88E; }

	/* =Styles Bubbles */
	ul.styles li span { display:block; display:none; position:absolute; top:-12px; left:120px; width:207px; height:46px; padding-left:20px; background:url(../images/styles-bg2.png) no-repeat left top; text-align:center; }
	ul.styles li span em { display:block; padding:8px; background:url(../images/styles-bg1.png) no-repeat right top; }

/* =Font Preview */
.font { float:left; width:200px; margin:3px 1px 7px 2px; }
.font .name { margin:0 4px; padding:5px 0; font-size:11px; background:url(../images/font-name.png) no-repeat left top; }
.font .name a { padding:4px 7px 2px; background:url(../images/font-name-inner.png) no-repeat right top; color:#8F8B7D; font:bold 12px Arial, Helvetica, sans-serif; }
.font .name a:hover { color:#351e23; }
.font a.preview { display:block; padding:10px 0; width:197px; height:35px; background:url(../images/font-preview.png) no-repeat 0 0; text-align:center; }
.font a.preview:hover { background-position:0 -56px; }
.font:hover a.preview { background-position:0 -56px; }
.font:hover .name a { color:#351e23; }

/* =Download */
.font-pyramid { display:block; margin-top:-5px; padding:10px 5px; width:590px; background:url(../images/font-pyramid.png) no-repeat 0 0; text-align:center; }
.screenshot { background:#fff; margin-top:-5px; padding:4px; border:1px solid #DDD4AF; }
.download { position:relative; width:575px; height:135px; padding:10px 15px 10px 20px; background:url(../images/headline-download.png) no-repeat; color:#fff; }
.download h3 { width:370px; color:#fff; margin:3px 0 5px; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none; }
.download h3 strong { color:#ffffcc; border-bottom:2px dotted #2B1E1F; font-style:italic; }
.download p { width:360px; color:#7F6F70; font-size:11px; line-height:130%; }
.outer-preview { display:block; margin-top:-5px; padding:10px 0 0; width:610px; background:url(../images/font-preview-top.png) no-repeat 0 top; }
.inner-preview { display:block; padding:0 11px 10px; background:url(../images/font-preview-bottom.png) no-repeat 0 bottom; text-align:left; }
.download .button1 { position:absolute; top:26px; right:2px; display:block; width:163px; height:38px; background:url(../images/download-buttons.png) no-repeat right -38px;  }
.download .button1:hover { background-position:right 0; }
.download .button2 { position:absolute; top:73px; right:2px; display:block; width:160px; height:38px; background:url(../images/download-buttons.png) no-repeat right -114px;  }
.download .button2:hover { background-position:right -76px; }
.adsenseUnit { float:left; width:250px; height:250px; margin-left:26px; margin-right:26px; }
.adsenseUnit.last { margin-left:0; }

	/* =Font Info */
	.fontinfo { margin-top:-11px; font:12px Arial, Helvetica, sans-serif; line-height:150%; }
	.fontinfo label { width:100px; color:#351e23; float:left; text-transform:uppercase; font-weight:bold; }
	.fontinfo label.long { width:100%; padding-left:28px; float:none; text-transform:uppercase; font-weight:bold; }
	.fontinfo .name { padding-left:28px; background:url(../images/icon-font.png) no-repeat 5px 7px; }
	.fontinfo .family { padding-left:28px; background:url(../images/icon-briefcase.png) no-repeat 5px 7px; }
	.fontinfo .style { padding-left:28px; background:url(../images/icon-flag.png) no-repeat 5px 7px; }
	.fontinfo .foundry { padding-left:28px; background:url(../images/icon-home.png) no-repeat 5px 7px; }
	.fontinfo .version { padding-left:28px; background:url(../images/icon-calendar.png) no-repeat 5px 7px; }
	.fontinfo .id { padding-left:28px; background:url(../images/icon-id.png) no-repeat 5px 7px; }
	.fontinfo .info { padding-left:28px; background:url(../images/icon-info2.png) no-repeat 5px center; }
	.fontinfo .rating { padding-left:28px; background:url(../images/icon-medal.png) no-repeat 5px center; }
	.fontinfo strong { font-weight:normal; color:#5F5C53; }
	.fontinfo strong.addbottom { display:block; padding-bottom:5px; }
	.fontinfo div { padding:5px 0 5px; border-bottom:1px solid #DDD4AF; border-top:1px solid #F5F1DA; }


/* =Font-long Preview */
.font-long { width:600px; margin:5px auto 10px; color:#8F8B7D; text-align:right; }
.font-long .info { padding-right:10px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.font-long .info a { font-style:italic; color:#7F7B6F; padding:0 3px; }
.font-long .info a:hover { color:#351e23; }
.font-long .name { float:left; margin:0 4px; padding:3px 0; line-height:21px; font-size:12px; background:url(../images/font-name.png) no-repeat left top; }
.font-long .name a { padding:3px 7px 6px; background:url(../images/font-name-inner.png) no-repeat right top; color:#8F8B7D; font:bold 12px Arial, Helvetica, sans-serif; }
.font-long .name a:hover { color:#351e23; }
.font-long a.preview { display:block; padding:10px 5px; width:590px; height:45px; background:url(../images/font-preview-long.png) no-repeat 0 0; text-align:center; }
.font-long a.preview:hover { background-position:0 -66px; }
.font-long:hover a.preview { background-position:0 -66px; }
.font-long:hover .name a { color:#351e23; }

.text-wrapper { float:left; display:block; margin:0 5px 5px; background:url(../images/chalkboard.jpg) no-repeat center top; }
.text-wrapper.right { float:right; display:block; margin:0 5px 5px; background:url(../images/chalkboard.jpg) no-repeat center top; }
.text { width:245px; height:210px; padding:25px 25px 20px 25px; background:url(../images/chalkboard-bottom.png) no-repeat center bottom; }
.resources .text-wrapper { margin-bottom:15px; }
.resources .text { height:auto; }
.text .paragraph { padding:10px 0 5px; }
.text .paragraph p { font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:1px; word-spacing:1px; }
.text .name { padding:3px 0; font-size:12px; }
.text .name a { color:#ffffcc; font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #7A706F; }
.text .name a:hover { color:#fff; border:0; }

.featured-wrapper { background:#fff; width:285px; height:130px; float:left; margin:0 8px 18px; border:1px solid #E4D3A5; }
.featured { background:#fff; text-align:center; padding:1px; }
.featured-wrapper:hover { border-color:#BFB38F; }

/* =Styles */
.contentRight .text { background:transparent; padding:0; margin:0; height:auto; }
.contentRight .text p { font:12px Arial, Helvetica, sans-serif; line-height:150%; width:300px; margin: 0 0 15px; }
.contentRight .text p a { font-weight:bold; border-bottom:1px solid #CCC39E; }
.contentRight .text p a:hover { color:#333; }

/* =Sponsors */
ul.sponsors li { margin:8px 0 14px; }
ul.sponsors li a {  display:block; margin:0 auto; padding:3px; width:127px; color:#4F4041; }
ul.sponsors li a:hover { background:transparent; background:#DBCFA9; }
ul.sponsors li a img { display:block; border:1px solid #fff; }
ul.sponsors li a span { display:block; text-align:center; background:url(../images/shaddow-top.png) repeat-x 0 -5px; margin:1px 0 0; padding:2px 5px 0; font-weight:bold; line-height:100%; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul.sponsors li a:hover span { color:#351e23; background:#DBCFA9 url(../images/shaddow-top.png) repeat-x 0 -5px; }
.premium-sponsors { margin:10px auto 10px; width:468px; height:60px; }
.premium-sponsors .adblock a.adhere {  display:block; margin:0 auto; padding:3px; width:470px; color:#4F4041; }
.premium-sponsors .adblock a.adhere:hover { background:transparent; background:#DBCFA9; }
.premium-sponsors .adblock a.adhere img { display:block; border:1px solid #fff; }
.premium-sponsors .adblock a.adhere span { display:block; text-align:center; background:url(../images/shaddow-top.png) repeat-x 0 -5px; margin:1px 0 0; padding:2px 5px 0; font-weight:bold; line-height:100%; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.premium-sponsors .adblock a.adhere:hover span { color:#351e23; background:#DBCFA9 url(../images/shaddow-top.png) repeat-x 0 -5px; }

/* =Banner About */
.banner-about { position:relative; width:305px; height:255px; margin-bottom:5px; background:url(../images/banner-about.jpg) no-repeat; }
.banner-about p { position:absolute; left:21px; top:68px; width:270px; height:85px; color:#fff; font:12px Arial, Helvetica, sans-serif; line-height:160%; }
.banner-about ul.socials { position:absolute; left:66px; top:155px; width:230px; height:37px; }
.banner-about ul.socials li { float:left; padding-right:5px; }
.banner-about ul.socials li a { display:block; width:41px; height:37px; }
.banner-about ul.socials li a.digg { background:url(../images/banner-socials.gif) no-repeat 0 0; }
.banner-about ul.socials li a.delicious { background:url(../images/banner-socials.gif) no-repeat -41px 0; }
.banner-about ul.socials li a.stumble { background:url(../images/banner-socials.gif) no-repeat -82px 0; }
.banner-about ul.socials li a.float { background:url(../images/banner-socials.gif) no-repeat -123px 0; }
.banner-about ul.socials li a.facebook { background:url(../images/banner-socials.gif) no-repeat -164px 0; }
.banner-about ul.socials li a.digg:hover { background-position:0 -37px; }
.banner-about ul.socials li a.delicious:hover { background-position:-41px -37px; }
.banner-about ul.socials li a.stumble:hover { background-position:-82px -37px; }
.banner-about ul.socials li a.float:hover { background-position:-123px -37px; }
.banner-about ul.socials li a.facebook:hover { background-position:-164px -37px; }
.banner-about ul.buttons { position:absolute; left:13px; top:213px; width:290px; height:37px; }
.banner-about ul.buttons li { float:left; padding-right:5px; }
.banner-about ul.buttons li a { display:block; height:33px; }
.banner-about ul.buttons li a.free { width:145px; background:url(../images/banner-buttons.gif) no-repeat 0 0; }
.banner-about ul.buttons li a.premium { width:131px; background:url(../images/banner-buttons.gif) no-repeat -145px 0; }
.banner-about ul.buttons li a.free:hover { background-position:0 -33px; }
.banner-about ul.buttons li a.premium:hover { background-position:-145px -33px; }

/* =Wordpress */
.comment-author { text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; margin-bottom:5px; }
.comment-author a { font-style:normal; }
.comment-meta { display:none; text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; }
img.avatar-48 { float:right; border:1px solid #C8BC9B; background:#fff; padding:1px; }
img.avatar-32 { display:none; }
.commentlist p { line-height:150%; font:Arial, Helvetica, sans-serif; padding-bottom:10px; margin-bottom:10px; background:url(../images/line.png) repeat-x left bottom; }

/* =Footer */
#footer { padding:43px 0 22px; background:url(../images/footer.jpg) repeat-x; color:#4F4545; font:11px Arial, Helvetica, sans-serif; }
#footer a { color:#F4E5BA; font-weight:bold; margin-right:3px; padding-right:8px; border-right:1px solid #4F4545; }
#footer a:hover { color:#fff; }
#footer em { color:#F4E5BA; font-style:normal; }