@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);


/* =Global */
html, body { padding:0; margin:0; background:url(../images/laminat.jpg) repeat 0 0; font:13px "Open Sans", Arial, Helvetica; }
body * { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear; }
.wrapper {  }
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; font-family:arial; }
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; }
*:focus, *:active { outline-color:#f5f5b8; }


/* =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; }


/* =Top */
#top { position:fixed; left:0; top:0; width:100%; z-index:10000; height:57px; line-height:57px; background:#2b2b2b; color:#fff; box-shadow:inset 0 -5px 5px rgba(0,0,0,0.20); text-shadow:-1px -1px rgba(0,0,0,0.5); }
#top .title { display:none; margin:0; padding:0; position:absolute; top:12px; left:7px; display:block; width:400px; font-size:11px; }
#top .logo { position:absolute; top:0; left:50%; margin-left:-50px; display:block; width:100px; height:57px; }
#top .logo a { display:block; width:100px; height:12px; padding:36px 10px 10px 0; color: #555; font-size:9px; text-transform:uppercase; background: url(../images/logo-anchor.png) no-repeat center center; line-height:95%; margin:3px 0 0; text-align:center; }
#top .logo a:hover { opacity:1; }
	
	/* =Navigation */
	ul#font-type { float:left; width:300px; }
	ul#font-type li { float:left; width:50%; }
	ul#font-type li a { display:block; height:57px; line-height:57px; text-transform:uppercase; font-weight:normal; color:#777; text-align:center; font-size: 14px; font-weight: 800; letter-spacing: 1px; }
	ul#font-type li a:hover { color:#fff; }
	ul#font-type li.active a { cursor:default; color:#fff; background:#333; box-shadow:3px -4px 5px rgba(0,0,0,0.15); border-right:1px solid rgba(255,255,255,0.033); }
	ul#font-type li.active a:hover { color:#fff; }

	/* =Font Types */
	ul#navigation { float:right; }
	ul#navigation li { float:right; padding:0 5px; }
	ul#navigation li a { display:block; height:57px; line-height:57px; text-transform:uppercase; font-weight:normal; color:#777; padding:0 10px; }
	ul#navigation li a:hover { color:#fff; }
	ul#navigation li.order { padding:0 0 0 5px; }
	ul#navigation li.order a { color:#f5f5b8; padding:0 25px 0 25px; }
	ul#navigation li.order a:hover { color:#fff; background:rgba(0,0,0,0.1); }

	/* =ABC */
	#abc { overflow:hidden; position:relative; margin-top:57px; height:40px; background:#978168; line-height:36px; box-shadow:inset 0 10px 15px rgba(0,0,0,0.2); color:#fff; border-top:1px solid #978168; border-bottom:1px solid #6e6355; text-shadow:-1px -1px rgba(0,0,0,0.3); }
	#abc a { font:normal 16px "Trebuchet MS", Arial, Helvetica; text-transform:uppercase; color:#d5cdc3; }
	#abc a:hover,
	#abc li.active a { color:#fff; border-radius:30px; background:rgba(0,0,0,0.1); box-shadow:inset 0 3px 6px rgba(0,0,0,0.2), 0 0 1px rgba(255,255,255,0.15); }
	#abc a.active { font-weight:bold; color:#fff; border-radius:30px; background:rgba(0,0,0,0.1); box-shadow:inset 0 3px 6px rgba(0,0,0,0.1), 0 0 1px rgba(255,255,255,0.15); }
	#abc a.label { cursor:default; width:180px; display:block; padding-left:20px; height:28px; line-height:28px; padding-bottom:2px; margin:5px 0; font-size:14px; font-weight:bold; color:#d5cdc3; float:left; }
	#abc a.label:hover { background:none; box-shadow:none; }
	#abc ul { overflow:hidden; }
	#abc ul li { float:left; width:3%; }
	#abc ul li a { margin:5px 0; padding-bottom:2px; display:block; height:28px; line-height:28px; text-align:center; }
	#abc ul li.shuffle { width:auto; padding-right:10px; float:right; }
	#abc ul li.shuffle a { font-weight:bold; padding:0 15px 2px; font-size:14px; }
	@media (max-width: 1150px) { 
		#abc a.label { text-indent: -9999px; width: 0; }
		#abc ul li.shuffle { display:none; }
		#abc ul li { width:3.63%; }
		.contentRight { display:none !important; }
		.contentLeft { margin:0 !important; }
	}
	@media (max-width: 900px) { 
		#main > div { display:none; }
		#main > div#primary { display:block; width:100%; }
		#main > div#fonts { display:block; }
	}

/* =Filter by */
.contentRight { position:fixed; left:0; top:0; padding-top:71px; z-index:99; height:100%; width:300px; background:#333; color:#555; text-shadow:-1px -1px rgba(0,0,0,0.5); box-shadow:3px 3px 5px rgba(0,0,0,0.3); }
.contentRight .title { opacity:0.33; display:block; position:relative; color:#fff; padding:14px 0 14px 67px; margin:0; cursor:pointer; }
.contentRight .title span.no { position: absolute; left: 30px; top: 50%; margin-top: -14px; height: 28px; width: 28px; line-height: 21px; font-weight: 600; font-size: 15px; text-align: center; border: 3px solid #fff; border-radius: 30px; }
.contentRight .title em { line-height:14px; font-size:11px; display:block; font-style:italic;  }
.contentRight .title strong { text-transform:uppercase; font-size:15px; display:block; line-height: 17px; }
.contentRight .title:hover { opacity:1; color:#fff; }
.contentRight .title:hover > span.no { opacity:1; border-color:#fff; }
.contentRight .title-active { opacity:1; color:#f5f5b8; }
.contentRight .title-active > span.no { border-color:#f5f5b8; }
.contentRight ul.hidden { display:none; }
.contentRight ul.styles { margin:15px 0; padding:20px 0 20px 30px; background:#2d2d2d; border-top:1px solid #393939; border-bottom:1px solid #393939; }
.contentRight ul.styles li { position:relative; float:left; width:50%; }
.contentRight ul.styles li a { display:block; line-height: 32px; color: #7F7B6F; font-size: 13px; }
.contentRight ul.styles li a:hover, ul.styles li a.active { color:#f5f5b8; }
.contentRight ul.styles li span { z-index:10001; 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; }
.contentRight ul.styles li span em { display:block; padding:8px; background:url(../images/styles-bg1.png) no-repeat right top; }
.contentRight ul.types { margin:15px 0; padding:15px 0 40px 30px; background:#303030; border-top:1px solid #393939; border-bottom:1px solid #393939; }
.contentRight ul.types li { opacity:1; position:relative; float:left; width:95px; margin-top:20px; margin-right:30px; text-align:center; background:url(../images/type-circles.png) no-repeat left top; }
.contentRight ul.types li.active { opacity:1; background:url(../images/type-circles.png) no-repeat right top; }
.contentRight ul.types li a { display:block; line-height: 24px; padding-top:95px; color: #7F7B6F; font-size: 13px; background-repeat:no-repeat; background-position:left top; }
.contentRight ul.types li.active a { color:#f5f5b8; background-position:right top; }
.contentRight ul.types li:hover {  }
.contentRight ul.types li a:hover, ul.styles li a.active { color:#fff; }
.contentRight ul.types li.type-sans a { background-image:url(../images/type-sans.png); }
.contentRight ul.types li.type-serif a { background-image:url(../images/type-serif.png); }
.contentRight ul.types li.type-display a { background-image:url(../images/type-display.png); }
.contentRight ul.types li.type-script a { background-image:url(../images/type-script.png); }
.contentRight ul.types li.type-slab a { background-image:url(../images/type-slab.png); }
.contentRight ul.types li.type-nonlatin a { background-image:url(../images/type-nonlatin.png); }
.contentRight form.search input { background: #fff; border-radius: 29px; line-height: 44px; font-size: 16px; font-weight: 300; padding: 0 15px 2px; border: 3px solid #393939; box-shadow: inset 1px 1px 5px #999, 1px 1px #393939; height: 44px; color: #333; outline: none !important; }


/* =Content */
.homepage .clearer { line-height:0; }
#content { background:url(../images/shaddow-top.png) repeat-x; padding:0; min-height:500px; }
.contentLeft { margin-left:300px; font-size:12px; line-height:150%; color:#4F4041; }
.contentLeft .page-content { padding:30px; }
.contentLeft h1 {     font-size: 53px;
    font-weight: 200;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    letter-spacing: -2px;
    text-transform: capitalize;
    line-height: 55px;
    margin: 0 0 23px; }
.contentLeft h2 { font-size: 24px; font-weight: 600; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.4); line-height: 36px; margin: 0; }
.contentLeft p { color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.4); }
.contentLeft p a { color:#fff; font-weight:bold; text-decoration:underline; }
.contentLeft p strong em { font-style:normal; }
.contentLeft .padded { padding:0 15px; }
.contentLeft .header { color: #fff; padding:15px 50px 15px 15px; overflow:auto; }
.contentLeft a.fontDownload { clear:both; display:block; width:540px; height:75px; line-height:70px; color:#000; font-size:20px; padding-left:92px; margin:0 15px 60px 0; background:url(../images/font-download.png) no-repeat center center; font-weight:800; text-shadow:0 1px 0 #f5f5b8; float: left; }
.contentLeft a.fontDownload:hover { opacity:0.75; }
.contentLeft .filter { padding:20px 30px; width:381px; height:200px; background:url(../images/filter-bg.png) no-repeat; color: #fff; font-size:14px; overflow: auto; float: right; }
.contentLeft .filter div { margin:0 0 13px; }
.contentLeft .filter div.size { float:left; width:40%; padding-right:5%; }
.contentLeft .filter div.style { float:left; width:60%; }
.contentLeft .filter div label { display:block; font-size:11px; text-transform:uppercase; line-height:24px; text-shadow:0 1px 0 rgba(0,0,0,0.4); font-weight:bold; }
.contentLeft .filter div input,
.contentLeft .filter div select { padding:0 7px; line-height:30px; height:30px; border:0; width:100%; display:block; font-size:14px; font-weight:bold; color:#393939; border-radius:3px; margin:0;}
.thankyou { position: fixed; width: 500px; height: 420px; background: #fff; border-radius: 25px; padding: 30px 30px; text-align: center; left: 50%; margin-left: -250px; top: 50%; margin-top: -200px; z-index: 999999; box-shadow: 0 0 150px rgba(0,0,0,0.5); display:none; }
.thankyou h2 { text-transform:uppercase; color:#333; font-size:36px; margin:12px 0 0; letter-spacing:0px; font-weight:800; text-shadow:none; }
.thankyou p { color:#999; font-size:18px; margin:7px 0 0; text-shadow:none; }
.contentLeft .hidden { display:none; }
.contentLeft #twitter, .contentLeft #linkedin, .contentLeft #facebook { float:left; margin:5px 15px 0 0; }

@media (min-width: 1500px) { 
.contentLeft .filter div select.disabled { background:#f3f3f3; color:#ccc; cursor:wait; } 
	.contentLeft .header p { font-size:18px; }
}

/* =Font Preview */
.font { position:relative; margin:0 50px 15px 0; height:122px; background:url(../images/font-bg.png) no-repeat left top; }
.single .font { margin:0 50px -45px 0; }
.single .font .preview:hover { color:#393939; cursor:default; }
.font .star { position:absolute; display:block; width:50px; height:106px; top:14px; right:-50px; background:url(../images/font-star.png) no-repeat right top; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.font .star:hover,
.font .star.active { background:url(../images/font-star.png) no-repeat right bottom; }
.font .square { opacity:1; position: absolute; display: block; width: 100px; height: 100px; border-radius: 4px; padding: 0; margin: 0; left: 22px; top: 13px; background:url(../images/font-square-1.jpg) no-repeat center center; }
.font .square-2 { background:url(../images/font-square-2.jpg) no-repeat center center; }
.font .square-3 { background:url(../images/font-square-3.jpg) no-repeat center center; }
.font .square-4 { background:url(../images/font-square-4.jpg) no-repeat center center; }
.font .square:hover { opacity:0.8; }
.font .square .name { margin: 5px 5px 0; font-size: 9px; text-transform: uppercase; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); text-align: center; display: block; line-height: 20px; height: 20px; overflow: hidden; font-family: Cambria, Georgia, Times New Roman, serif; letter-spacing: 1px; word-break:break-all; }
.font .square .ab { display:block; text-align:center; font-size:48px; line-height:66px; height:66px; margin:-5px 5px 0; overflow:hidden; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); word-break:break-all; }
.font a.preview { display: block; padding: 17px 0 19px 150px; line-height: 85px; font-size: 48px; height: 106px; overflow: hidden; color: #393939; word-break: break-all; }
.font a.preview:hover { color:#000; }
.font a.open { background: #EB4C4C;
background-image: -webkit-linear-gradient(top, #EB4C4C, #9C2121);
background-image: -moz-linear-gradient(top, #EB4C4C, #9C2121);
background-image: -ms-linear-gradient(top, #EB4C4C, #9C2121);
background-image: -o-linear-gradient(top, #EB4C4C, #9C2121);
background-image: linear-gradient(to bottom, #EB4C4C, #9C2121);
display:none; -webkit-border-radius: 30; -moz-border-radius: 30; border-radius: 30px; color: #ffffff; font-size: 20px; padding: 13px 25px 14px 25px; text-decoration: none; float: right; margin: 40px 0 0 30px; }
.font:hover > a.open { display:block; }
a.open:hover { opacity:0.9; }


/* =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; }