* {
border: 0;
padding: 0px;
margin: 0px;
}
	
body {
	margin: 0px;
	padding: 0px;
	color: black;
}

a {
	color:black;
}

a:hover{
	background-color:#fff091;
	text-decoration: none;
}

input {
	border: 1px solid #b8b8b8;
}

img {
	border: none;
}

ul, ol, #sub_categories ul, #sub_categories ol {
	list-style-type: none;
}

li, #sub_categories li {
}


/* all type done here - this needs to be extra clean! */
body {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	line-height: 18px;
}

h1, h2, h3 {
	font-family:  helvetica, arial, verdana, sans;
}

#content-right, .meta, .more, .reply, #wp_page_numbers, #previous, #next, #description, .edit a, #commentform label, #sub_categories, .caption, .caption a, #legal {
	font-family: lucida grande, helvetica, arial, sans;
}

.addthis_button_compact {
	font-family: lucida grande, helvetica, arial, sans;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .05em;
}

h1 a, h2 a, h3 a, #wp_page_numbers a { text-decoration: none; }

h2 {font-size: 1.6em; line-height: 1.2em;}

h3 {
	font-size: 1.4em;
	font-weight: bold;
}

#content-right h3 {
	font-size: 1.5em;
}

#content-left { font-size: 1em; }

.latest_post, .current_post {font-size: 1.1em; line-height: 1.5em; }

#content-right { font-size: .9em; line-height: 1.4em; }

.meta, #wp_page_numbers, #commentform label, #sub_categories  {
	font-size: .8em; 
}

.more, .reply a, .logout, .edit a {
	font-size: .7em;
	text-transform: uppercase; 
	letter-spacing: .04em; 
	text-decoration: none;
	font-weight: bold;
}

#wp_page_numbers { font-weight: bold; }

.posts {
	font-size: 1em;
}

#content-right a {font-weight: bold; }

#rightCol a { font-weight: normal; }

.caption {
	font-size: .8em;
	line-height: 1.3em;
}

/* used a bunch of places */

.more, .reply a, .logout, .edit a { 
	background-color: #dddddd; 
	padding: 2px 4px; 	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* basic page layout */
	
#page {
	background-color:#E6E6E6;
}

#header {
	position: relative;
	height: 75px;
	margin: 0 0 0px 0px;
	background-color:#FFDE00;
}


div#holder {
	background-color:#E6E6E6;
	padding-left: 0px;
	background-image: url(/images/bgband.gif);
	background-repeat:  repeat-x;
	background-position: 0px -95px;
}

/* entire page wrapper */

#content {
	width: 1050px;
	margin: 0  auto;
	padding: 0px;
	clear: left;
}

/* main content column */

#content-left {
	float: left;
	width: 500px;
	margin-top: 0px;
	background-color:#fff;
	padding: 15px;
	min-height: 950px;
}

#content #content-left { min-height: 1700px;}

/*sidebar content column */

#content-right {
	float: right;
	width: 520px;	
}

/* logo and navigation holder */

div#twoCol {
	width: 520px;
	float: left;
	background-color: #FFDE00;
}

#description {
	height: 45px;
	width: 500px;
	background-color: #E6E6E6;
	padding: 10px 15px;
}

#description img{ float: left; margin: 5px 5px 0 0; }


/* right sidebar */

#rightCol {
	float: right;
	width: 260px;
	background-color:#cccccc;
}

/* left sidebar */

#leftCol {
	float: left;
	width: 260px;
	background-color:#b8b8b8;
}

/* logo and nav */

h1#ffLogo {
	width: 390px;
	height: 90px;
	overflow: hidden;
	float: left;
	position: relative;
	margin: 5px 0px 0px 8px;
	cursor: pointer;
}

h1#ffLogo a, h1#ffLogo a:hover {
background-color:#FFDE00;
}

h1#ffLogo img { 
	padding: 0px; 
	margin: 0px; 
}


#nav ul {
	padding: 0px;
	list-style: none;
	width: 525px;
	height: 65px;
	display: block;
	background-color:black;
	margin: 100px 0 0 0;
	cursor: pointer;
}

#nav li {
	float: left;
	margin: 0 0 0 0;
	padding: 0px;
	width: 130px;
	border-right: 0px solid #262626;
	list-style-type: none;
}


#nav .cat-item a {
	display: block;
	width: 130px;
	height: 0px;
	margin: 0px;
	padding: 65px 0 0 0;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	.cat-item a {
		padding: 64px 0 0 0;
	}
}

#nav li:hover {
	background-position: 0px -65px;
}

li.news {
	background: url(/images/navigation/news-cat.gif);
}

li.hand {
	background: url(/images/navigation/hand-cat.gif);
}

li.tips {
	background: url(/images/navigation/type-cat.gif);
}

li.use {
	background: url(/images/navigation/fonts-cat.gif);
}

li.current_page {
 background-position: 0px -65px
}



/* hidden category descriptions */

.category_description { display: none; }



/* left content styling */

.latest_post, .current_post { margin-bottom: 40px; }

.latest_post h2, .current_post h2 { margin: 10px 0px 5px; }

a.latest_post_image:hover { background-color: #ffffff; }

.meta { margin: 10px 0px; }

#content-left .meta ul, #content-left .meta li { display: inline; margin: 0px;}

.meta img { float: left; margin: 5px 5px 0px 0px;}

.posts{ 
	display: block; 
	width: 500px;
	margin:  0px 0px 20px;
	float: none; 
	clear: left;
}

.preview_image { 
	width: 120px; 
	height: 120px;
	margin-right: 10px;
	background-color: #ffde00; 
	float: left;
}

.transparency { 
	display: block;
	width: 104px;
	height: 100px;
	padding: 10px 8px 10px 8px;
	background: transparent url(/images/trans.png) no-repeat 0px 0px; 
	text-decoration: none;
}

.transparency:hover { 
	background: transparent; 
}

.transparency h2{ font-weight: normal; color: white; }

.transparency:hover h2{ display: none; } 

.excerpt { width: 360px; float: left; }

.excerpt p { padding: 5px 0px; }

.latest_post p a, .excerpt p a, .current_post p a{ color: #660000; text-decoration: none; }
.latest_post .caption a, .current_post .caption a{ text-decoration: underline; }
#content-left .more { background-color: #f2f2f2; }
#content-left .more:hover {	background-color:#fff091;}

/* pagination */

#previous, #next { width: 100px; float: left; }

#previous a, #next a{ text-decoration: none; }

#next { text-align: right; }

#wp_page_numbers { text-align: center; width: 300px; float: left; }

#wp_page_numbers li  {display: inline;}
#wp_page_numbers li a { 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 4px;
	background-color: #dddddd;
} 
#wp_page_numbers li a:hover { background-color: #fff091;}
#wp_page_numbers li.active_page a { background-color: #ffffff;} 
 
 
/* lists */
 
#content-left ul, #content-left ol{ list-style-type: none; margin: 15px 15px;}
#content-left li {list-style-position: inside; margin-bottom: 8px;}
#content-left ul li {list-style-type: square;} 
#content-left ol li {list-style-type: lower-roman;} 



/* right content styling */

#content-right li, #content-right a { padding: 2px 15px;}

#leftCol li.title_links {padding: 0px; margin: 0px;}

#content-right h3 { color: black; padding: 2px 15px 5px;}

#content-right a{
	display: block;
	text-decoration: none;
}

#content-right a:hover{
	background-color: white;
	color: #333333;
}

#content-right li { margin-bottom: 10px; }

#content-right .more { 
	background-color: #AFAFAF; 
	padding: 2px 4px;
	display: inline;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content-right #rightCol  li { padding: 0px; }

#leftCol li { margin-bottom: 20px; }

#rightCol li { margin-bottom: 5px; }

.box{
	min-height: 240px;
	padding: 10px 0px;
}

#archive h3 {
	margin: 15px 0px 5px;
}

input#search, input#subscribeInput { 
	margin: 0px 0px 0px 15px; 
	padding: 4px;
	width: 182px;
	display: inline;
	vertical-align: inherit;
}

select#archiveDropDown {
	margin: 0px 0px 0px 15px; 
	width: 220px;
	height: 20px;
}

.go_button { 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 4px 3px 5px;
	border: none;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0px;
	cursor: pointer;
	-moz-box-shadow: 1px 1px 0  #7E7E7E;
	-webkit-box-shadow: 1px 1px 0  #7E7E7E;
	background-color: #dddddd;
	color: black;
	display: inline;
	font-weight: bold;
}

.go_button:hover {
	-moz-box-shadow: -1px -1px 0  #7E7E7E;
	-webkit-box-shadow: -1px -1px 0  #7E7E7E;
	background-color: #A6A6A6;
	color: black;
}

p.RSS { padding-top: 15px; }

#content-right p.RSS a { 
	display; block; padding: 5px 15px; font-weight: normal; 
}

p.RSS .icon { 
	display: block;
	float: left; 
	margin: 2px 5px 0px 0px; 
	width: 12px;
	height: 12px;
	background-color: #FF9F24;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 0  #B6721A;
	-webkit-box-shadow: 1px 1px 0  #B6721A;

	}

/* footer */

#footer { margin: 0px auto; }


/* single post */

.article #content-left p {
	margin: 0px 0px 15px;
}

#content-left h3 {
	margin: 20px 0px 10px;
}

/* comments */

.article #content-left #comments p {
	margin: 0px;
}

#comments {
	margin:0px;
	display: block;
	width: 500px;
}

#comments ol, #comments ol li { list-style-type: none; margin: 0px;}

li.comment { clear: left; }

.comment_text {
	padding: 15px 15px 32px;
	background: #f2f2f2 url(/images/comments.png) no-repeat bottom left;
}

.children { 
	margin: 15px 0 15px;
	padding: 15px 15px;
	border-left: 1px solid #b8b8b8;
}

.avatar {
	float: left;
	margin: 10px 15px 20px;
	background-color: #b8b8b8;
}

#comments .meta { padding: 2px 0px 10px; margin: 5px 0px;}

input#name, input#email, input#website{
	margin:0 5px 10px 0;
	padding:4px;
	width:300px;
	display: inline;
}

#message { 
	border: 1px solid #b8b8b8;
	width: 498px; 
	height: 198px;
	margin-bottom: 15px;
}

.comment_submit {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 4px 3px;
	border: none;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 10px 0px 0px 0px;
	cursor: pointer;
	-moz-box-shadow: 1px 1px 0  #7E7E7E;
	-webkit-box-shadow: 1px 1px 0  #7E7E7E;
	background-color: #dddddd;
	color: black;
	display: inline;
	font-weight: bold;
	border: none;
}

.comment_submit:hover {
	-moz-box-shadow: -1px -1px 0  #7E7E7E;
	-webkit-box-shadow: -1px -1px 0  #7E7E7E;
	background-color: #A6A6A6;
	color: black;
	border: none;
}

/*author comment */

.author_comment .comment_text {background-color: #FFF091; }


/* archive pages */

#sub_categories li {
	display:block;
	float:left;
	padding:10px 20px 10px 0px;
	width:200px;
	margin: 0px;
}

#sub_categories a{
	padding: 0px;	
}


/* Captcha */

#captchaNumDiv label {
	width: 243px;
}

input#captcha_num {
	margin:0 5px 10px 0;
	padding:4px;
	width:50px;
	display: inline;
}

/* search form */


.search input#search, .fourfours input#search{ 
	margin: 0px; 
	padding: 4px;
	width: 440px;
	display: inline;
	vertical-align: top;
	font-size:17px;	
}

.search .go_button, .fourfours .go_button { 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 4px 3px 6px;
	border: none;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0px;
	cursor: pointer;
	-moz-box-shadow: 1px 1px 0  #7E7E7E;
	-webkit-box-shadow: 1px 1px 0  #7E7E7E;
	background-color: #dddddd;
	color: black;
	display: inline;
	font-weight: bold;
	font-size:17px;		
}

.search .go_button:hover, .fourfours .go_button:hover {
	background-color: #A6A6A6;
	color: black;
}

.search p,  .fourfours p { margin: 10px 0px; }

/* about page */

.page #content-left .box {
padding: 0px;
}

p.about {
	color: black;
	margin: 15px 0px;
}

.leftColAbout {
	margin-right: 10px;
	width: 125px;
	height: 125px;
	float: left;
}

.rightColAbout {
	width: 360px;
	float: left;
}

.caption a.writing {
background:transparent url(/images/backgroundimages.gif) no-repeat scroll -578px -88px;
cursor:pointer;
margin:0 0 20px;
padding:0 0 0 17px;
width:8px;
}

a.contact {
background:transparent url(/images/backgroundimages.gif) no-repeat scroll -578px -72px;
cursor:pointer;
margin:0 0 20px;
padding:0 0 0 20px;
}

/* add this */

.addthis_container { padding: 10px 0px 15px; }

.at300bs.at15t_expanded, .at300bs.at15t_compact {
	background:url(/images/icons/share.gif) no-repeat 1px 2px !important; height:16px; width:16px; 
}

/* big bar across site */

div#hello {
	position: fixed;
	background-color: #fff;
	height: 50px;
	padding: 0 20px;
	width: 100%;
	z-index: 1000;
	background: url(/images/dropshadow.png) repeat-x bottom left;
}

div#hello p{
	float: left;
	width: 400px;
}

div#closeheader {
	background: url(/images/backgroundimages.gif) no-repeat -558px -73px;
	float: right;
	width: 100px;
	padding-left: 20px;
	margin-top: 13px;
	cursor: pointer;
}


/* external footer */

body { background-color: #E6E6E6; }

#footer-wrap { height: auto!important; }

#footer-wrap ul, #footer-wrap li  { list-style: none; }


#external-footer {
	clear: both;
	color: black !important;
	margin-top: 5px !important;
	margin-bottom: 0px!important;
	padding-bottom: 20px!important;
}

#sitefooter { margin-top: 20px; width: 900px!important; padding-left: 0px!important; }

#sitefooter p { margin-top: 0px!important; color: Black; }
#sitefooter div { color: Black; }

#external-footer img { margin-bottom: 0px!important; }

#FScontact li { margin-bottom: 6px !important; }

#external-footer a:hover {	background-color: #FFF091!important; color: black!important; }

#external-footer #fontshoplogo { border: solid 2px #f5d454 !important;  }

#external-footer ul, #external-footer ol, #external-footer li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

#external-footer h2 { color: black!impportant; font-weight: bold;
	line-height: 1.6em;
}

#external-footer h2:hover { background-color: #FFF091!important; color: black!important; }

#external-footer #microDrop { cursor: pointer!important; }
#external-footer #microDrop:hover { padding-left: 0px!important; margin-left:0px!important; }


#microSites { border: solid 1px #b8b8b8!important; background-color: #cccccc!important; }
#microSites li a { display: block; padding: 2px 5px; color: #black!important;  }


#twitter_div { background-position: 0px 0px !important;
				border-bottom: solid 1px black;
}

#FScontact li a { display: block; padding-top: 2px;  }

#external-footer #fontshoplogo { border: solid 0px #ffde00 !important; }

.logo-link {
	height: 40px !important;
	display: block;
}  

#footerTable .copyLine, #brought, #fsLogo { display: none; }
#footerTable { margin-top: -15px; }
#legal, #fsLogo { position: relative!important; }

#FSfeed { width: 200px; }

div#sitefooter { margin-bottom: 0px !important; }



/*	useful styles */
.clear { clear: both; }

.clear_block { clear: both; display: block; float: none; }

.caption {
color: #666666;
display: block;
padding-top: 5px;
}

.caption a{
display: inline;
}

blockquote {
	padding:0 0 0 20px;
	color: black;
	border-left:1px solid #CCCCCC;
	color:#555555;
	display:block;
	margin-bottom: 10px;
	font-size:1em;
	font-weight:normal;
	width:380px;
}


.interviews {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .07em;
	font-size: .8em;
}