/* Clear Browser Setting */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a
{ margin:0;padding:0;border:0; }

/* Main */
html { height:100%; }
body { height:100%; background:#fff url('/images/top-bg.jpg') repeat-x top left;font-family:arial, helvetica, sans-serif;text-align:center;margin:0px; _height:0; min-height:0; /* IE hasLayout fix */}
* html #wrapper { height:100%; }
#wrapper { background:transparent;background-position:right !important;text-align:left;margin:0 auto 0;position:relative;width:1099px;max-width:100%;height:auto;min-height:100%; }

/* Hyperlink */
a { color:#999;outline:none;text-decoration:none !important }
a:hover,a:visited:hover { color:#f39; }
a:visited { color:#999; } /* Formerly ccc 2010-03-02 */

/* Classes */
.clear { clear:both; }
.bold { font-weight:bold; }
.row { background:url(/images/fonthead.gif) no-repeat;height:10px; }

/* Page Numbers */
.pages { color:#ccc;font-size:12px;text-align:center; }
.pages span.page, .pages a.nextprev { color:#999;font-weight:bold; }
.pages span.page { color:#EC008C; }
.pages a, .pages a:hover, .pages a:active { color:#999; }
.pages a, .pages span.page, .pages span.nextprev { border:1px solid #ccc;margin:1px;padding:3px 5px; }
.pages a.nextprev { color:#333; }

/* Header */
#header { height:30px; width:1000px; max-width:100%; margin:0; font-size:11px !important; }
#header a,#header a:visited { color:#ccc; }
#header a:active, #header a:hover { color:#999; }

#title { float:left; width:220px; max-width:100%; font-size:12px; text-indent:-9000px !important; background:#000; }
#title a { display:block;width:205px;max-width:100%;height:38px;line-height:38px; padding: 38px 20px 0px 0px; background:#000 url('/images/logonew.jpg') no-repeat 80% 90% !important; } /* 70% */

#menu { margin:0;padding:0;list-style-type:none;list-style-image:none; }
#menu li { float:left; height:85px; margin: 0px 15px 0px 10px; }
#menu li:hover { border-bottom:2px solid #ff0099; }
#menu a { display:block;height:50px;line-height:50px;padding:50px 0 0 0;text-align: center; font-weight:bold; }
#menu li.normal:hover { border:0; }

#subnav { border-top:1px solid #333;font-size:11px;color:#FFF;background-color:#000;margin:0;padding:0;height:33px; }
#subnav .textinput { width:135px;height:12px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:4px 6px 4px 5px;margin-left:20px;background:url(/images/inputbox.jpg) no-repeat center;vertical-align:middle;border:0; }
#subnav .buttonSubmit { width:29px;height:25px;cursor:pointer;border:none; position:relative;top:8px; }
#subnav a { padding-left:5px;padding-right:4px;text-decoration:none; }
#subnav a:visited, #subnav a:link { color:#FFF; }
#subnav a:active, #subnav a:hover { color:#999; }

/* LeftBar */
#leftbar {float:left; margin: 160px 0 0 -160px;}

/* RightBar */
#rightbar {position:absolute;
left:1030px;
top:150px;}

/* Content */
#content { width:630px;max-width:100%;margin:18px 0 0 66px;padding:38px 0 20px 0; }

.contentnav { font-size:14px;color:#666; }
.contentnav b { color:#000; }
.contentnav a, .contentnav a:visited { color:#bbb; }

/* Font List */
.font { width:600px;max-width:100%;margin-bottom:30px;padding:10px;background:url(/images/bg_post1.gif) no-repeat; }
.name { font-size:16px;color:#FF2C77;float:left;padding:0 0 3px 5px; }
.name a { font-weight:bold;text-decoration:none;color:#FF2C77; }
.name a:hover { color:#FF2C77; }
.detail { float:right;margin-top:2px;font-size:12px;color:#999; }

/* Font style */
.fontstyle { float:left;font-size:11px;padding:5px 0 0 5px;color:#999;width:495px;max-width:100%; }
.fontstyle img { margin-right:5px;vertical-align:middle; }

.fontset { float:right;padding-top:3px; }
.fontset img { margin-left:3px; }

#content h3 a {
	color:#555 !important;
	font-family:Helvetica, Arial, Sans-Serif !important;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:23px;
	border-bottom:none !important;
}

#content h3 a:hover { text-decoration:none!important;color:#DA1071 !important; }

h2.cat { margin-bottom:30px; }

.fonthead { font-size:14px;padding:15px;color:#777; }
.fonthead h3, .fonthead h4 { letter-spacing:-1px;font-weight:normal;clear:left;border-bottom:4px solid #E0E0E0;padding-left:5px; }

.fonthead h3 { margin:0;font-size:200%;color:#4E463F; }
.fonthead h4 { margin:40px 0 20px 0;font-size:150%;color:#FF2C77; }
.errorhead { font-size:18px;font-weight:normal;clear:left;margin:0;color:#000; }

/* Font Details */
#cattable { font-size:11px;border:none;margin:-25px 0 0 0; }
#cattable td { border:none;vertical-align:top;width:95px;max-width:100%;padding:7px 0;color:#111;text-align:left; }
#cattable th { border-bottom:1px solid #909090;padding:0 0 6px 0;margin:0;color:#909090;font-size:13px;text-align:left; }
#cattable br { margin-top:3px; }
#cattable ul { list-style-type:none;list-style-image:none; }
#cattable li { margin-top:3px; }
#cattable li.maincat, #cattable li.maincat1 { margin-top:3px;font-size:12px;font-weight:bold; }
#cattable li.maincat1 { padding-top:2px; }
#cattable a { color:#111; }
#cattable a:visited { text-decoration:none;color:#111; }
#cattable a:hover { text-decoration:underline;color:#f39; }

/* Footer */
#footer { background:#000 url(/images/footer.gif) repeat-x top;color: #ccc;font-size: 11px !important; }
#footer .frame { margin:0 auto;padding:30px 0 30px 0;text-align:left;width:700px;max-width:100%; }
#footer .stats, #footer .copyright, #footer .news { width:210px;max-width:100%; }
#footer .stats { float:left;margin-right:35px;font-size:12px; }
#footer .copyright { float:right; }
#footer .news { float:right;margin-right:35px; }
#footer .nav { margin:0 auto;padding:25px 0 15px 0;text-align:left;width:700px;max-width:100%;font-size:11px;color:#e6e6e6;font-weight:bold; }
#footer .nav a { color:#e6e6e6; }

#footer a { color:#fff;text-decoration:underline; }
#footer a:hover { border:none;text-decoration:none;color:#999; }

#footer .stats h2, #footer .news h2 { color:#fff;font-weight:bold;margin-bottom:5px; }
#footer .stats h2 { font-size:130%; }
#footer .news h2 { font-size:160%; }
#footer .news b { font-size:11px;color:#fff; }

/* Font Details */
#content div.downloadbar { width:485px;max-width:100%;height:70px;margin:10px 0;background:url('/images/dlbar.gif') no-repeat top; }
#content div.downloadbar div { padding:15px 15px 0px 65px; }
#content a.downloadbar:link,
#content a.downloadbar:visited { display:table-cell;width:415px;max-width:100%;height:70px;margin:10px 0;padding-left:70px;background:#eee url('/images/dlbar.gif') no-repeat top left;vertical-align: middle;color:#000; }
#content a.downloadbar:hover,
#content a.downloadbar:active { background-color:#e3e3e3;color:#000; }

.font-detail { font-size:11px;margin-left:20px; }
.font-detail img { vertical-align:middle; }
.font-detail dl { margin:0 0 2em 0;float:left; } /*IE6*/
.font-detail dt { float:left;font-weight:bold; }
.font-detail dd { margin-left:10em;margin-bottom:1em; }

table.package { margin:0;padding:0;border-collapse:collapse;width:600px;max-width:100%;}
table.package td, th {padding:10px;border-bottom:1px solid #eee;}
table.package td { padding:6px 10px;text-align:left;border:1px solid #ccc;color:#999; }
table.package td + td, td + td + td, td + td + td + td { border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
table.package td a { color:#444;text-decoration:none;text-align:right;display:block; width: 100%;}
table.package td a:hover { background:#444;color:#fff;}
table.package th { font-weight:bold;text-align:left;border:1px solid #ccc; }
table.package th + th, th + th + th, th + th + th + th { border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
table.package thead tr {color:#555;font-size:0.8em; }
table.package tr {font: 12px sans-serif;background: url(/images/row.png) repeat-x #F8F8F8;color:#666;}
table.package tr:hover { background:#fff; }

/* Contact Form */
.form fieldset {
	width:550px;
	border:1px solid #ddd;
	margin:1em 0;
	padding:15px;
	clear:left;
} * html fieldset { padding-top: 0; }

.form .form-text, .form textarea { background: #fcfcfc url(/images/formback.jpg) repeat-x;margin-top:3px;font-family:arial, helvetica, sans-serif;font-size:120%;border:1px solid #c0c0c0;color:#333;padding:3px; }
.form legend { font-size:110%;font-weight:normal;letter-spacing:-0.03em;line-height:1;color:#FF2C77;
	padding:0 0.5em; /* Top and Bottom for IE7 */
} * html legend { margin-bottom:15px;padding:0 0.5em; }

.form .main label, .form .tiny label { font-weight:bold;color:#c0c0c0; }
.form .main label { font-size:14px;display:block;letter-spacing:-0.03em; }
.form .tiny label { font-size:13px;vertical-align:top; }
.form .captcha { border:1px solid #ccc;margin-top:3px;padding:3px;vertical-align:top;margin-left:8px; }
.form input.button { font-size:110%;padding:5px 10px; }
.form .main div { padding-bottom:10px;  }
.form div.submit { width:550px;margin-top:1em;border:1px solid #ddd;padding:10px 15px;background:#eee; }
.form div.warning { margin-left:5px;padding:0 0 15px 40px;color:#666;background:url('/images/warning.gif') no-repeat;font-size:80%; }
.form div.warning h3 { color:#e61a1a; }

.graybar { width:570px;max-width:100%;height:5px;background:#F2F4F7;margin-bottom:10px; }

.authorlist { font-size:13px; }
.authorlist strong a,.authorlist strong a:hover { font-size:16px;color:#E31E5C; }
.authorlist strong a:hover { text-decoration:underline; }

.authorlist a { color:#999; }
.authorlist a:hover { color:#ccc; }
.authorlist img.authorthumb { float:left;padding:3px 10px 0 0;border:none; }

a.rss { vertical-align:baseline;color:#000; }
a.rss img { border:none; }
a.rss:hover { color:#000; }