/*  
Theme Name: Fontside
Theme URI: http://www.free-font.org/
Description: Original Theme By Ajay
Version: 1.2.3
Author: Ajay
Author URI: http://www.free-font.org/
*/

/*========= SETUP =========*/

*{
	border: 0;
	margin: 0;
	padding: 0;
	font:Arial, Tahoma;
}
body{
	/*background: url(images/bgr.gif) #bcbcbc repeat-x top;*/
	color: #000000;
	font-family: Arial,Helvetica,Sans-Serif;
	border:0px solid green;
	margin: 0 auto;
	background:#e8e8e0;
}

a{
	color: #333;
	text-decoration: none;
	font-family: Arial;
}
a:hover{
	/*text-decoration: underline;*/
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}

.clear
{
clear:both;
}




/*========= LAYOUT =========*/

#page{
	background:#e8e8e0;
	margin: 0 auto;
	margin-top : 5px;	
	padding:0px;
	width:992px;
	padding:0px 0px 0px 0px;
	border:0px solid green;
        align:center;
}
/*--- Main Columns ---*/
#columns{	
	background:#e8e8e0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	/*border-left:0px solid #000;
	border-right:0px solid #000;*/		
}

.col1{
	float: left;
	width: 638px;
	overflow:hidden;	
	padding: 0px 0px 0px 10px ;
	margin: 0px 0px 0px 0px;	
}
.col2{
	float: right;
	width: 322px;
	padding: 7px 5px 0px 0px ;
	color:#444444;
	margin:0px;	
}




/*- Header -*/
#header{	
	height: 114px;
	padding: 7px 0px 18px 0px;
	/*border:1px solid #000000;*/
	background-color:#000000;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
}
#header img{
	padding: 0px 0px 0px 7px;
	margin:0px 10px 0px 7px ;
	float: left;
	display:inline;
}

#header h1 a{
	display: block;
	height: 93px;
	width: 389px;
}

.jag_up
{	
	background-color:#e8e8e0;
	background: url(images/jag_up.gif) repeat-x top;	
	height: 18px;
	/*border-left:1px solid #000;
	border-right:1px solid #000;*/
}

.jag_dn
{	
	background-color:#e8e8e0;
	background: url(images/jag_dn.gif) repeat-x top;	
	height: 18px;
	/*border-left:1px solid #000;
	border-right:1px solid #000;*/
}

.page_list a
{	
	font:bold 11px Tahoma, Arial;
	height: 22px;
	padding: 0px 0px 0px 0px;	
	margin:0px 11px 0px 15px;	
	color:#ffffff;
	float:left;
}


#translation_bar{margin:0px 0px 4px 7px;height:15px;}
#translation_bar img{margin:5px 2px 0px 0px;width:16px; height:11px;}
#wp_page_numbers{margin-left:5px; margin-bottom:-5px; clear:both; background:#e8e8e0;}







.highblk
{
	background: url(images/highbk.jpg) #000000 no-repeat left top;
	margin:8px 0px 0px 0px ;
	height:183px;	
}


.highblk .b1
{
	font:normal 11px Tahoma, Arial;
	color:#ffffff;
	padding:50px 0px 0px 18px ;
	width:195px;	
	float:left;
}


.highblk .b2
{
	width:133px;
	padding:25px 0px 0px 0px;
	float:left;
}


.highblk .b2 a
{
	height:35px;
	width:133px;
	display:block;	
	clear:both;
	font-size:1px;
	color:#000000;
}





/*========= MY CUSTOM =========*/

h3.impact
{
	font-size:48px;
	color:#000000;
	color:#c5ddee;
	color:#000000;
	
	margin:5px 0px 20px 5px;
	padding:0px;
	text-align:left;
	border:0px solid red;
	height:50px;
}


.bottom_sidebar
{
	background:#000000;
	color:#ffffff;
	padding:0px;
}



.bottom_sidebar a
{
	color:#ffffff;
	text-decoration:none;
}


.bottom_sidebar a:hover
{
	text-decoration:underline;
}


.dotline
{
	background: url(images/dot.gif) repeat-x bottom;
	height:5px;
	clear:both;
}


.listholder
{
	padding:0px 5px 0px 0px ;
	font:11px/15px Tahoma, Arial;
	color:#333333;
}

.listholder b, .listholder b a, .listholder b a:hover, .listholder a b:hover
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
	
.listholder a
{
	color:#a;	
	text-decoration:none;
	margin:5px 0px 10px 0px;
	padding:5px 0px 10px 0px;
	font:11px Tahoma, Arial;
}

.listholder a:hover
{
	text-decoration:underline;
}

.listholder span a
{
	font-weight:bold;
}


.listholder .fl a, .listholder .fr a
{	
	clear:both;
	padding:0px 20px 10px 10px;
	margin:10px 0px 10px 5px;
	line-height:15px;
	width:50%;
	color:#ffffff;
}


.listholder h3
{
	color: #ffffff;
	background:#000000;
	padding:4px 5px 4px 15px;;
	font:bold 11px Arial;	
	margin: 0px 0px 5px 0px;
	/*text-shadow: 0 1px 0 #eeeeee;*/
}

.listholderbox_wrap
{	
	background:#000000;
	padding: 15px 30px 10px 20px;
	color:#ffffff;
	margin:0px;
	border:0px solid red;
	height:620px;
	
}

.listholderbox_wrap .listholderbox a
{
	padding: 5px 0px 10px 0px;
	color:#ffffff;
}

.listholderbox_wrap .listholderbox b
{
	padding: 0px 0px 10px 5px;
	color:#ffffff;
}

.listholderbox_wrap b a, .listholderbox_wrap a b
{
	color:#ffffff;
	padding: 0px 0px 0px 0px;	
}

.listholderbox_wrap h3
{
	padding: 15px 0px 10px 0px;	
}



.listholder .listholderbox
{	
	padding:0px 0px 10px 0px;
	background:#000000;
	color:#ffffff;
}








.bottom_sidebar .catholder
{	
	border:0px solid #000000;
	padding:0px 5px 10px 0px;
	font:11px/14px Tahoma, Arial;
	color:#ffffff;
	background-color:#000000;	
}

.bottom_sidebar .catholder h3
{
	padding:2px 0px 2px 5px;
	margin:15px 5px 5px 5px;
	display:block;
	background:#000000;
	font:bold 11px/14px Tahoma, Arial;
	color:#ffffff;
	width:100%;
}


.bottom_sidebar .catholder .listholderbox
{	
	padding:0px 0px 0px 0px ;
	float:left;
	width:120px;
}




.bottom_sidebar .catholder .listholderbox a
{
	font:11px Tahoma, Arial;
	color:#ffffff;
	padding:0px 15px 0px 0px ;
	display:block;
	margin:0px;
}




.wrap_brdr
{
	margin:0px;padding:0px;
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;	
}

.fix_height1{height:105px;}
.fix_height2{height:605px;}

.font_wrapper
{	
	margin:0px;		
	padding-bottom:15px;	
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}

.font_wrapper a
{
	font:11px Tahoma, Arial;
	color:#666666;
	text-decoration:underline;	
}

.font_wrapper h2
{
	text-align:left;
	margin:0px;
	padding:0px 0px 5px 5px;
}

.font_wrapper h2 a
{
	text-align:left;
	float:left;
	padding:5px 0px 5px 5px;
	margin:0px 0px 10px 0px;
}




.font_wrapper h4
{
	font:bold 14px Arial;
	padding:0px;
	color:#000;	
	margin:0px 0px 2px 10px;	
}


.font_wrapper h4 a
{
	text-decoration:none;
	font:bold 10px Tahoma, Arial;
	color:#ffffff;	
	background-color:#bbccdd;
	padding:2px 4px 2px 5px ;
}

.font_wrapper h4 a:hover
{		
	background-color:#aabbcc;	
}



.font_wrapper .font_render
{
	margin:0px 0px 0px 0px;	
	width:605px;
	overflow:hidden;	
	padding:15px 0px 15px 15px;
	overflow:hidden;	
}







#fontfrom{	
	background-color:#e8e8e0;	
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	float: left;	
	width:980px;
	height:50px;
	/*border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #dddddd;*/
}


#fontform_search
{	
	float: left;
	height:55px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;	

}

#fontform_search .fontform_input
{	
	padding:2px 0px 2px 5px ;
	width:150px;	
}



#fontform_search .listchoice
{
	color:#000000;	
	border:1px solid #666666;	
	width:150px;		
}

#fontform_search .fontfrom_btn
{

	margin:15px 0px 0px 10px ;
	padding:2px 10px 2px 10px ;
	height:22px;
	border:0px;
	background:#000000;
	font-weight:bold;
	color:#fff;
	cursor:pointer;cursor:hand;
}


#fontform_search input, #fontform_search select, #fontform_search textarea{
	border:1px solid #999999;
	font-size: 12px;	
}



#fontform_search span
{
	clear:both;
	font:bold 12px Arial;
	color:#000000;
	margin:0px 0px 5px 0px;
}

#fontform_search .b1
{
	float:left;
	margin-right:17px;	
}


#fontform_search .b2
{
	float:left;
	margin-right:17px;	
}


#fontform_search .b3
{
	float:left;	
	margin-left:20px;
}

#fontform_search .b4
{
	float:left;	
	margin-left:30px;
}


.post
{
	margin:0px 0px 0px 10px ;	
}


.post .font_wrapper
{
	padding:10px 10px 0px 10px ;
	margin:7px 0px 0px 0px;
	width:613px;
	overflow:hidden;
}

.post .font-render
{
	padding:15px 0px 10px 0px ;	
	overflow:hidden;
}


.post h1
{
	font:bold 20px Arial;
	color:#000000;
	padding:0px 0px 10px 0px ;	
}



.post h2
{
	text-align:center;
}

.post h3
{
}

.post h4
{
}

.alphabet_list
{
	text-align:center;
}


.glyphmapwrapper
{
	margin:0px 0px 0px 25px ;
	/*border-top:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;*/	
}


.glyphmap
{
	float:left;
	border:1px solid #cccccc;
	height:100px;
	width:70px;
	margin:5px;
	overflow:hidden;
}



.glyphmapup
{
	height:20px;
	font:bold 11px Arial;
	color:#999999;
	padding:2px 0px 5px 5px ;
	clear:both;
	text-decoration:none;
}

.glyphmapdn
{	
	padding:0px 0px 0px 0px;
	text-align:center;
}


.glyphmapdn h5
{	
	text-align:center;
	font-size:60px;
	color:#000000;
}


.glyphchr 
{
text-align:center;
}

.glyphchr span
{
	background:#ccddee;
	color:#ffffff;
	padding:1px 2px 2px 3px;
	width:10px;	
	height:12px;
	margin:1px;
	float:left;
	font:bold 10px Tahoma, Arial;
}








#header .listholderbox
{
	margin:0px 0px 0px 0px;	
}

#header .listholderbox a
{
	font:11px Tahoma, Arial;
	color:#ffffff;		
	text-shadow: 0px #999999;
	padding:0px 0px 0px 10px ;	
	margin:0px 0px 3px 0px ;	
}

#header .listholderbox .fl
{
	width:106px;
	margin:0px 0px 5px 0px ;
}

.listholderbox .fl b
{
	font:bold 11px Arial;	
	padding: 0px 0px 1px 0px;
	margin: 0px 5px 5px 10px;
	color:#ffffff;
	/*background:#666666;*/
	display:block;
}



.font_meta
{
	font:normal 11px Tahoma, Arial;
	margin:0px 0px 5px 10px;
	color:#666666;
}


.font_meta b
{
	font-weight:bold;
	/*font:bold 12px Arial;*/
	margin:0px;
	padding:0px;	
}



/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
	margin: 0;
}
.post h2{
	font-size: 1em;
	padding: 0 0 5px;
}
.post h3{
	font-size: 1.3em;
}
.post h3 a{
	color: #000000;
}
.post p{
	padding: 0 0 15px;
}
.post p.posted{
	color: #c0c0c0;
}
/*=== Traditional Blog Post ===*/
.post-alt{
	margin: 0 0 15px 0;
	padding-bottom:15px;
	/*background: url(images/dot.gif) repeat-x bottom;*/
}
.post-alt h2{
	font-size: 1.1em;
	padding: 0 0 5px;
}
.post-alt h3{
	font-size: 1.4em;
}
.post-alt h3 a{
	color: #000000;
}
.post-alt p{
	padding: 0 0 15px;
}
.post-alt p.posted{
	color: #c0c0c0;
}








/*- Search -*/
.search{
	
	border: 1px solid #999999;
	float: right;
	margin: 11px 0px 20px 0px;
	padding: 0px 10px 25px 20px;		
	background:#f5f5f5;
	overflow:hidden;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width:285px;
	overflow:hidden;
}

.listholder h4
{
	font:bold 16px Arial;
	margin:10px 0px 10px 0px;
	clear:both;
}

.search h4{color:#000;}
.listholderbox_wrap h4{color:#fff;}

* html #search{
	margin-right:8px;
}
.search .search_input{
	background: #f5f5f5;
	background: #fff;
	border: 1px solid #ccc;
	color: #888;
	float: left;
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 0px 10px;
	height:22px;
	width:203px;
	vertical-align:bottom;
}

.search .btn{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
	width:55px;
	height:25px;
	border:0px;
	background:#000;	
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;cursor:hand;
}



/*========= COMMENTS =========*/


#comment
{
	margin:5px 0px 0px 0px ;
}

.commh2
{	
	width:100%;
	height:22px;
	margin:15px 4px 10px 10px ;
	text-align:left;
	padding: 2px 0px 2px 0px;
}

h2.commh2{
	font:bold 20px Arial;	
	float:left;
	text-align:left;
}


#commentform
{
	margin:0px 0px 0px 10px ;
}

#commentform h2
{
	font:bold 20px Arial;	
	margin:5px 0px 10px 0px ;
	
}

#commentform label
{
	font:bold 11px Arial;
	color:#000000;
}


#author, #url, #email
{
	margin:0px 0px 3px 0px;
	padding:0px;		
}

#commentboxarea
{
	font-family:arial;
	width:440px;
	height:80px;
	float:right;
	margin:12px 0px 0px 0px;
}

.commentsubmit
{
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	width:162px;
	margin:0px 0px 0px 0px ;
}




.commentmetadata, small.commentmetadata, small.commentmetadata a, #commentform small
{
	margin-bottom:2px;
	font-family:arial,tahoma, verdana;
	color:#666666;
	font-weight:normal;
	font-size:10px;
}

ol.commentlist{
	margin: 0px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;	
}


ol.commentlist p, ol.commentlist b
{
	float:left;
	color:#333333;
}

ol.commentlist p{
	margin:0px;
	padding:0px;	
	line-height: 20px;
}


ol.commentlist cite{
	float:left;
	font-style: normal;
	font-weight: bold;
	padding-right:2px;
	color:#000000;
}


ol.commentlist li{
	padding: 0px 10px 0px 10px;
	border-bottom:1px dotted #e5e5e5;	
	margin:10px 0px 10px 0px;
	font-size:12px;
}
ol.commentlist li.alt{
	padding: 0px 10px 20px 10px !important;
	background:#ffffff;	
}

.commentlist p a, .commentlist p a:hover,
{
	color: #ff7800;
	text-decoration: none;
}

.commenttext
{
	color:#000000;
	line-height:12px;
	line-spacing:10px;
	font:12px Tahoma, Arial;
}

.commenttext p
{
	margin:0px;
	float:left;
}


.comments 
{
	padding-bottom:0px !important;
}


.comments a{
	/*background: url(images/ico-comm.gif) no-repeat left;*/
	color: #000000;
	padding: 0 0 0 20px;
	font-weight:bold;
	margin-left:5px;
	float:right;
}









/*- RSS -*/
#rss{
	float: right;
	font-size: 12px;
	padding: 16px 15px 0 0;
	text-align: right;
	width: 285px;
}
#rss a{
	color: #b3b3b3;
}
#rss ul{
	float: left;
	margin: 13px 0 0;
	width: 220px;
}
#rss li{
	margin: 0 0 3px;
	padding: 0 0 5px;
}
#rss img{
	float: right;
}





/*- Box -*/
.box{
	border-top: 3px solid #c0c0c0;
	clear: both;
	height: 1%;
	margin: 0 0 20px;
	padding: 15px 0 20px;
}
.box .post{
	width: 260px;
}
.box .post h2{
	font-size: .85em;
}
.box .post h3{
	font-size: 1em;
}
.box .post p.posted{
	font-size: .85em;
}





/*=== Traditional Blog Post ===*/
.navigation {
}
.navigation a {
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
	font-weight:bold;
	color:#C0C0C0;
}
.entry p{
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
.entry blockquote { 
	padding: 3px 15px;
	background: #def3ff;
	border: 1px solid #0253b8;
	margin: 5px auto 15px auto;
	color:#000;
	width:85%;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img { 
	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0; 
	}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}




/*=== Buttons ===*/
.continue a{
	/*background: url(images/ico-arrow.gif) no-repeat left;*/
	padding: 0 0 0 15px;
	font-weight:bold;
	float:left;
}

a.more{
	/*background: url(images/ico-arrow2.gif) no-repeat right;*/
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}









/*========= FOOTER =========*/

#footer{
	background-color: #000000;	
	clear: both;
	color: #b3b3b3;	
	line-height: 35px;
	padding: 20px 20px 0px 20px ;
	font:11px Arial;
	margin-bottom:5px;
	height:250px;
}
#footer a{
	color: #ffffff;
}

#footer p
{
	padding-left:25px;
}

#footer img {
	vertical-align:middle;
	padding:0px 0px 0px 0px ;
}







/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}

.hl
{
	/*background: url(images/hl-dot.gif) repeat-x bottom;*/
}
.hl-full{
	/*background: url(images/hl-dot-full.gif) repeat-x bottom;*/
	float:left;
	clear:both;
	height:2px;
	width:100%;
	margin:20px 0 25px !important;
	margin:10px 0 15px;	
	padding:0 !important;
}
.hl2{
	border-bottom: 3px solid #c0c0c0;
}
.hl3{
	border-top: 3px solid #c0c0c0;
	padding: 10px 0 0;
}
.blog{
	width:100% !important;
	float:left;
}
.between{
	height:2px;
	margin-bottom:15px;
	}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.th{
	border: 1px solid #c0c0c0;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}





#cat_form_check
{
	color:#000;
	font:11px  Tahoma, Arial;	
}

#cat_form_check td
{
	width:135px;
	height:15px;
	overflow:hidden;
	padding-left:8px;
}


#cat_form_check span
{
	float:left;
}

#cat_form_check input
{		
	margin:0px 17px 0px 0px ;
	border:0px;
}


#cat_form_check .btn
{	
	background:#000;
	cursor:pointer;cursor:hand;
	color:#fff;
	width:100px;
}


.commentswrap
{
	margin:0px;		
	border-left:1px solid #bbb;
	border-top:1px solid #aaa;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	background:#fff;
}

.sitemeterdiv
{
	display:none;
}





#navaj{
	border-bottom:1px solid #dddddd;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:5px solid #f5f5f5;
	font:12px bold arial;
	width:965px;
	height:30px;
	background-color:#f5f5f5;
	/*background: url(images/liq1.png) repeat-x center;*/
	color:#000000;
	text-transform:uppercase;
}


#navaj, #navaj ul {
list-style: none;
line-height: 1;
}


#navaj a, #navaj a:hover {
display: block;
text-decoration: none;
border:none;
}


#navaj li {
float: left;
list-style:none;
border-right:1px solid #a9a9a9;
}


#navaj a, #navaj a:visited {
display:block;
font-weight:bold;
color: #000000;
padding:6px 12px;
}


#navaj a:hover, #navaj a:active, .current_page_item a, #home .on {
background:#000;
text-decoration:none
}


#navaj li ul {
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 1px solid #cccccc;
}

#navaj li li {
width: 172px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
background: #eeeeee;
}

#navaj li li a, #navaj li li a:visited {
font-weight:normal;
color:#000000;
}


#navaj li li a:hover, #navaj li li a:active {
background: #f5f5f5;
}


#navaj li:hover ul, #navaj li li:hover ul, #navaj li li li:hover ul, #navaj li.sfhover ul, #navaj li li.sfhover ul, #navaj li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}


#navaj ul li a{
color:#000000;
margin:0px 15px 0px 15px;
}


#navaj ul li a:hover{
background: #f5f5f5;
color:#000000;
text-decoration:underline;
text-shadow: 0 1px 0 #eeeeee;
/*background: url(images/liq2.png) repeat-x center;*/
}

#nav ul li ul li a
{
font:11px arial;
}







#archivebox
{
	margin:0px 0px 20px 0px ;
}


.visfont
{	
	background:#000000;	
	padding:10px 30px 10px 30px;	
	height:360px;
	margin:0px 5px 0px 0px ;
}

.visfontbox
{	
	padding:20px 10px 10px 10px;
	text-align:center;
	font-size:60px;
	color:#666666;
	height:60px;
	width:62px;
	float:left;
	border-color:#ffffff;
}

.bt{border-top:1px solid;}
.br{border-right:1px solid;}
.bb{border-bottom:1px solid;}
.bl{border-left:1px solid;}




.featured_fonts
{
	border:0px solid red;
	clear:both;		
	vertical-align:bottom;
	font-size:38px;
	color:#000000;	
	overflow:hidden;

}


.featured_fonts .fl, .featured_fonts .fr
{	
	width:150px;
	overflow:hidden;
	margin:0px 5px 0px 0px;
}


.featured_fonts .fr .clear, .featured_fonts .fl .clear
{	
	padding:2px 0px 2px 0px ;
	height:35px;	
}








/*--- Sub Columns ---*/
.subcol{
	width: 160px;
}
.subcol h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 0 10px;
}

/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
	background: #000000;
	height: 22px;
	padding: 6px 0px 0px 0px;	
	margin-top:0px;
	font-size:11px;
	font-family:Tahoma, Arial;
	font-weight:bold;
	color:#ffffff;
}
#nav-left {
	float:left;
	display:inline;
	width:570px;
	}
#nav-right {
	float:right;
	display:inline;
	width:170px;
	color:#ffffff;
	}
	
#nav-right a
{
	color:#ffffff;
	margin-left:30px;
}



#nav ul {
	position: relative;
	    height: 26px;
	    overflow: hidden;
	padding-left:10px;
}
#nav ul  li {
    	float: left;
    	list-style: none;	
	font-size:11px;
	font-family:tahoma, Arial;
}
#nav ul  li.back {
    background-color: #333333;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
#nav ul  li a {
	text-decoration: none;
	color: #ffffff;
	outline: none;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 26px;
	position: relative;
	overflow: hidden;
	margin: 0px 20px 0px 7px
}
#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {
	border: none;	
}      

#nav ul  li a:hover
{
	text-decoration:underline;
}
/*- Category Navigation -*/
.nav2, .nav2 * {
	margin:0;
	padding:0;
	
}
.nav2 {
	height: 35px;
	border-bottom:3px solid #B3B3B3;
	font-weight:bold;
	font-size:11px;	
	position:relative;
}
.nav2 ul {
	background:#fff; /*IE6 needs this*/
	float: left;
	position:relative;
}
.nav2 li {
	line-height: 35px;
	float: left;
	list-style:none;
	z-index:999;
}
.nav2 li.current ul {
	z-index: 999;	
}
.nav2 li.sfHover ul,
ul.nav2 li:hover ul {
	z-index: 1000;
	background: #B3B3B3;
	color: #ffffff;
	text-decoration: none;		
}
.nav2 li li {
}
.nav2 a {
	color: #000000;
	display: block;
	padding: 0 13px;
}
.nav2 li ul {
	left:0;
	top:-999em;
	position:absolute;
	width:960px;
}
.nav2 li:hover,
.nav2 li.sfHover,
.nav2 li.current,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	color: #FF7800;
	text-decoration: none;
	background: #B3B3B3;
}
.nav2 li.sfHover a,
.nav2 li.current a,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	border-bottom: none;
}
.nav2 li li.current a {
	font-weight: bold;
}
.nav2 li li:hover,
.nav2 li li a:focus, .nav2 li li a:hover, .nav2 li li a:active {

}
.nav2 li:hover ul, /* pure CSS hover is removed below */
body .nav2 li.current ul, /* this must be more specific than the .superfish override below */
ul.nav2 li.sfHover ul {
	top:2.5em;
}

.nav2 li:hover li ul,
.nav2 li.sfHover li ul {
	top:-999em;
}
.nav2 li li:hover ul, /* pure CSS hover is removed below */
ul.nav2 li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}


.shdw_wrap
{	
	margin:0px;		
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	padding:7px 7px 7px 6px;
}

.bck_clr_f{background-color:#fff;}
.bck_clr_e{background-color:#eee;}