/* @override 
	http://typedia/c/screen.css
	http://www.typedia/c/screen.css
*/

/*
*************************************************

TYPEDIA
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.4; font-style: normal; font-weight: normal; }
body { font: normal 62.5% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; background-color: #fff; }

/* block level */

h1, h1 a, body.profile #intro dt { font: 20px Georgia, 'Times New Roman', serif; color: #933; margin: 0 0 0.75em; font-weight: bold; border-bottom: 1px solid #999; padding: 0.6em 0 0.55em 6px; }
h1.results { color: #333; }
	h1.results em { color: #933; font-weight: bold; }
	#intro h1.results { border-bottom: none; margin-bottom: 0; }
h2, h2 a { font: 14px Georgia, 'Times New Roman', serif; color: #933; margin: 0; padding: 0 0 0.7em; font-weight: bold; }
h3 { font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #333; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.5em; }
h4 { font: 12px Georgia, 'Times New Roman', serif; color: #933; margin: 0 0 0.8em; font-weight: bold; }
h5 { font: 11px Georgia, 'Times New Roman', serif; color: #933; margin: 0 0 0.8em; font-weight: bold; }
h6 { font: 10px Georgia, 'Times New Roman', serif; color: #933; margin: 0 0 0.8em; font-weight: bold; }

p, ul, dl, ol { font-size: 12px; color: #333; margin: 0 0 1.2em; line-height: 1.5; }

ul { margin-left: 22px; }

ol { margin-left: 35px; }

dd { margin: 0 0 0 15px; }

blockquote { margin: 0 0 1.2em; }

table { margin: 0 0 1.5em; font-size: 11px; width: 100%; border-collapse: collapse; }
	tr { border-top: 1px solid #d6d6d6; }
	th { padding: 5px; text-align: left; background-color: #e5f2ff; }
	td { padding: 5px; border-left: 1px solid #d6d6d6; vertical-align: top; }

/* inline */

em { font-style: italic; }
strong { font-weight: bold; }

a { color: #369; }
a:hover, a:focus { color: #003; }

img { display: block; float: left; margin: 0 10px 5px 0; }
img + blockquote, div.full + blockquote { clear: both; }

.pollResults img {margin: 0;}

a img { border: none; }

input, textarea, select { font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; } 

code { font: 12px/1 Monaco, 'Courier New', Courier, monospace; color: #2f6f9f;}

sub, sup { line-height: 0; }

/*p.more a { font-style: italic; }*/
p.more a { font-weight: bold; text-decoration: none; }
p.more a:hover, p.more a:focus { text-decoration: underline; }

a.add { padding-left: 12px; background: transparent url(/i/screen/add-icon.gif) no-repeat 0 50%; }


html body #nwlsignup {
	margin: 0 5px 10px;
	color: #fff;
}
/*-------------------------------------------    
    Global combinations
-------------------------------------------*/
#header h1 a, #footer-subcol a { display: block; text-indent: -9999px; }
/*\*/ #header h1 a, #footer-subcol a { overflow: hidden; } /**/

#nav span, ol.pages span.page { position: absolute; left: -99999px; }

.results .info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#headerwrap { width: 100%; background-color: #34302b; float: left; }

	#header { width: 985px; background: transparent url(/i/screen/header-rules.gif) no-repeat 340px bottom; float: left; }
		#logo img { display: none; }
		#header h1 { float: left; width: 340px; margin: 0; padding: 0; border: none; }
		#header a { color: #ccecff; font-size: 11px; text-decoration: none; }
		#header a:hover, #header a:focus { text-decoration: underline; }
			#header h1 a { border: none; margin: 0; padding: 0; width: 326px; height: 123px; background: transparent url(/i/screen/logo.gif) no-repeat 0 0;  }

		#welcome, #logged-in { width: 309px; float: left; padding: 37px 0 10px 10px; }
		#welcome { position: relative; top: 2px; }
			#welcome dl, #logged-in dl { width: 250px; }
			#logged-in dl, body.profile #intro dl { margin-left: 59px; }
			#logged-in dl.no-avatar, body.profile #intro dl.no-avatar { margin-left: 0; }
				#welcome dt, #logged-in dt { font: 18px Georgia, 'Times New Roman', serif; color: #fff; }
					#welcome dd, #logged-in dd { float: left; border-right: 1px solid #666; padding: 0 5px 0 0; margin: 0 5px 0 0; }
					body.profile #intro dd { float: left; border-right: 1px solid #999; padding: 0 5px 0 0; margin: 0 5px 0 0; }
					#welcome dd.last, #logged-in dd.last, body.profile #intro dd.last { border: none; }
						#welcome a, #logged-in a { text-transform: lowercase; }
						/*#logged-in dd.current a { color: #fff; }*/

		#search { width: 300px; padding: 37px 0 10px 10px; float: left; }
			#search dt { margin-bottom: 0.25em; line-height: 1; }
				#search label { font: 12px Georgia, 'Times New Roman', serif; color: #ccc; }
					#search label em { font-size: 18px; color: #fff; font-style: normal; }
				#search dd { margin: 0 5px 0 0; float: left; }
				#quicksearch { padding: 2px; font-size: 14px; width: 171px; }
				#advancedsearch { width: 55px; line-height: 0; }
				#search a { font-size: 10px; }

#container { float: left; width: 945px; margin: 30px 0 30px 20px; }
.listing-page #container { clear: left; }

	#nav { float: left;}
		#nav ul { list-style: none; border-top: 3px solid #d7d7d7; margin: 0 15px 0 0; width: 145px; }
			#nav li { border-bottom: 1px solid #d7d7d7; }
				#nav ul a { display: block; color: #999; font-size: 11px; padding: 0.5em 0 0.9em 4px; text-decoration: none; } 
				#nav ul a:hover, #nav ul a:focus, .home #nav-home a, .explore #nav-explore a, .add #nav-add a, .learn #nav-learn a, .forum #nav-forum a, .blog #nav-blog a, .about #nav-about a { background-color: #e5f2ff; color: #333; }
				#nav ul em { display: block; font-style: normal; font: 14px Georgia, 'Times New Roman', serif; color: #369; text-transform: uppercase; font-weight: bold; } 
				#nav ul a:hover em, #nav ul a:focus em, .home #nav-home em, .explore #nav-explore em, .add #nav-add em, .learn #nav-learn em, .forum #nav-forum em, .blog #nav-blog em, .about #nav-about em { color: #933; }

			/* disabled Forum  
			#nav-forum { padding: 0.5em 0 0.95em 4px; color: #999; }
			#nav-forum em { color: #999; }*/

	#main { border-top: 3px solid #d7d7d7; margin: 0 15px 0 0; float: left; width: 465px; }	
		#main > p, #post > p { padding: 0 6px; }
		#main > h2, #main > h3, #post > h2, #post > h3 { padding-left: 6px; } 
	
	.forum #main { width: 770px; }

#intro { border-bottom: 1px solid #999; clear: both; margin: 0 0 1em; width: 465px; }
			body.edit-type #intro, body.by-tag-listing #intro { border-bottom: none; }

			#intro > * { margin-left: 6px; margin-right: 6px; }
			#intro h1 { margin-left: 0; margin-right: 0; }

			/*body.profile #intro { margin-bottom: 1.5em; padding-bottom: 1em; }
			body.profile #intro img { float: left; margin-bottom: 0.2em; }
			body.profile #intro h1 { margin: 0 0 0.3em 63px; padding: 0; }
			body.profile #intro ul { margin-left: 63px; list-style: none; }
			body.profile #intro ul li { margin: 0 5px 0 0; padding-right: 5px; float: left; font-size: 11px; border-right: 2px solid #99b3cc; }
			body.profile #intro ul li.last { margin: 0; padding: 0; border: none; }*/

		dl.relational, dl.textarea { padding: 0.8em 6px; border-top: 1px solid #d7d7d7; float: left; width: 453px; font-size: 11px; }
		dl.relational.first {padding: 0 6px 0.8em; border-top: none;}

			.relational dt, .textarea dt { width: 148px; float: left; color: #666; margin: 0 6px 0 0; font-size: 11px; }
				.relational label, .textarea label { font-weight: bold; }
					.relational label em, .relational span.note { display: block; color: #933; }
					.relational span.note { color: #999; font-style: italic; }
						.relational span.note a { display: inline; font-style: italic; }
					.relational dt a { display: block; text-transform: lowercase; }
			.relational dd { width: 299px; margin: 0 0 0 154px; color: #666; font-style: italic; }
				.relational input, .relational select, .relational textarea { width: 297px; padding: 1px; }
				.relational .explanation { margin-top: 1em; }
				.relational dd a img { float:none; display:inline; }
				.relational.foundry dd img { float: none; display:inline; margin: -4px 0 0 0; position: relative; top: 4px; left: 0;}

			.relational dd span.option { display: block; margin: 1em 0 0; }
				.relational dd span.option label { font-weight: normal; display: inline; }
				.relational dd span.option input { float: left; margin: 0 5px 0 0; width: auto; }
			.relational select .toplevel { font-weight: bold; }


		.relational a.addnew { font-style: normal; font-weight: bold; float: right; display: block; background: transparent url(/i/screen/add-icon.gif) no-repeat 0 50%; padding: 0 0 0 12px; text-decoration: underline; }

#typeface-citation dd, #other-citation dd { width: auto;}
  #typeface-citation dd dd, #other-citation dd dd { width: 299px;}

.relational span.example, #edit_relatedlinks span.example { font-style: italic; }
#edit_relatedlinks span.example { color: #666; font-size: 11px; }
.relational span.example-ext { font-style: italic; }
		.relationship { margin-top:0.5em; }
		.relationships { color:#666; list-style:none; margin-left:0; }
			.relationships li { font-style: italic; }
			a.trashcan { background: transparent url(/i/screen/trash-icon.gif) no-repeat 0 50%; text-indent: -99999px; width: 20px; display: inline; float: left; overflow:hidden; }

		.textarea { position: relative; }
			.textarea dt { margin: 0 0 0.5em; }
				.textarea dd { margin: 0; }
					.textarea textarea { width: 100%; }

		ul.listing { list-style: none; margin: 0; }
		#main h1 + ul.listing { margin-top: -1em; }
			ul.listing li { float: left; border-bottom: 1px solid #999; padding: 1em 6px; width: 453px; }
			ul.listing h1 { margin: 0; padding: 0; }
		
		ul.subclass-list { margin: 0; /*float: left;*/ }
		ul.subclass-list li { border-bottom: none; display: inline; float: left; width: auto; padding: 0; margin: 0 .5em 0 0; line-height: 1.5;}
		ul.subclass-list li:after { content:', '; }
		ul.subclass-list li:last-child:after { display:inline; content:''; }

		ul.subclass-list li.subclass-title {text-transform: uppercase; color: #666; letter-spacing: 1px; font-size: 10px; line-height: 1.7;}
		ul.subclass-list li.subclass-title:after { content:'';}

		.related-links { float: left; width: 465px; }
			.related-links, #addcomment { border-top: 1px solid #999; padding: 1.5em 0 0.5em; }
				.related-links h2 { float: left; padding-left: 6px; }
				.related-links a { display: block; float: right; position: relative; top: 2px; right: 6px; }

		ol.results { /*padding-left: 26px;*/ clear: left; margin-left: 28px; }
			ol.results li { margin-top: 2em; clear: left; }
			ol.results dt { color: #999; font-style: italic; }
			ol.results dd { margin-left: 10px; }
			ol.results dd.related { margin-top: 0.3em; font-style: italic; }
				ol.results dd.related span.terminate { margin-left: -0.3em; }

		.grid-row { list-style: none; margin: 0 0 1.5em; float: left; }
		#main .grid-row { width: 459px; }
			.grid-row li { float: left; margin-left: 15px; }
			.grid-row li.first { margin-left: 0; }
				.grid-row a { text-decoration: none; font-weight: bold; font-size: 11px; }
				.grid-row a:hover, grid-row a:focus { text-decoration: underline; }
					.grid-row a img { float: none; margin: 0 0 0.25em; }

ol.pages { border-bottom: 1px solid #999; list-style: none; margin: 1.5em 0 0; padding-bottom: 1.5em; }

			ol.pages a, ol.pages b { border: 1px solid #D6D6D6; background-color: #E5F2FF; text-decoration: none; padding: 0.2em 0.4em; }
			ol.pages b { background: #FFF; border: 1px solid #D6D6D6; }
			ol.pages li { display: inline; margin-right: 3px; margin-bottom: 0.7em; }
			ol.pages li.current a { background-color: #003; color: #fff; }
			ol.pages li.prev, ol.pages li.next { text-transform: lowercase; color: #999; }
			ol.pages li.prev { margin-right: 15px; }
			ol.pages li.next { margin-left: 15px; }
			ol.pages li.next a { padding: 0.2em 4px; }

		.system, .alert { padding: 1em 10px 0; margin: 0 0 2em; }
			.system { background-color: #FEFFD0; border: 2px solid #dddd7c; }
			.alert { clear: both; background-color: #a83632; border: 2px solid #580a00; margin-bottom: 1em; }
			.system p, .alert p { font-weight: bold; margin-bottom: 1em; font-size: 11px; }
			.system p { color: #272321; }
			.alert p { color: #fff; }
.system a, .alert a { font-weight: bold; }
			.warning { color:#f00; font-weight:bold; }

	#main .split2 .split { width: 222px; float: left; margin: 0 0 0 20px; /*margin-left: 243px;*/ }
	#main .split2 .split:first-child { margin-left: 0; }
	/*#main .split1, #main .split2 { width: 222px; }
		#main .split1 { float: left; }
		#main .split2 { margin-left: 243px; }*/
		#main .nosplit { width: 100%; }
			/*#main .split1 h2, #main .split2 h2 { border-top: 1px solid #999; border-bottom: 1px solid #d6d6d6; padding: 1.3em 6px 0.8em; margin: 0 0 1.1em; }
						#main .split1 li, #main .split2 li { margin: 0 0 0.5em; }*/
			#main .split2 .split h2 { border-top: 1px solid #999; border-bottom: 1px solid #d6d6d6; padding: 1.3em 6px 0.8em; margin: 0 0 1.1em; }
			#main .split2 .split li { margin: 0 0 0.5em; }


	#subcol { border-top: 3px solid #d7d7d7; float: left; width: 305px; }
		#subcol h2 { clear: both; border-top: 1px solid #999; border-bottom: 1px solid #d6d6d6; padding: 1.3em 6px 0.8em; margin: 0 0 1.1em; font-weight: bold; }
		#subcol h2:first-child { border-top: none; }
		#subcol h3 { text-transform: none; letter-spacing: 0; }
		#subcol p { padding-left: 6px; padding-right: 6px; }

		#subcol strong.lead-in { display: block; }

		#subcol ul li { font-size: 11px; margin: 0 0 0.5em; }

		#subcol .related-links { width: 293px; border-bottom: 1px solid #d6d6d6; padding: 1.5em 6px 0.8em; }
			#subcol .related-links h2 { clear: none; padding: 0; margin: 0; border: none; }

		ul.alphabet { float: left; list-style: none; margin: 0 0 1em; padding: 0; width: 305px; position: relative; left: 6px; }
			#subcol .alphabet li { float: left; margin: 0 3px 0.7em 0; }
				.alphabet a { font-size: 11px; display: block; text-align: center; text-transform: uppercase; border: 1px solid #d6d6d6; background-color: #e5f2ff; text-decoration: none; padding: 0.2em 0; width: 1.6em; }
								.alphabet li.off { font-size: 11px; display: block; text-align: center; text-transform: uppercase; border: 1px solid #d6d6d6; background-color: #fff; text-decoration: none; padding: 0.2em 0; width: 1.6em; color: #d6d6d6;}

				.alphabet a:hover, .alphabet a:focus { background-color: #369; border-color: #369; color: #fff; }
				.alphabet li.current a { background-color: #003; border-color: #003; color: #fff; }

		dl.archive { margin: 0 0 1em; float: left; font-size: 11px; width: 305px; position: relative; left: 6px; }
			.archive dt { margin: 0.5em 0 0; font-weight: bold; }
			.archive dd { float: left; padding: 0 0.5em 0 0; width: 5em; }

		#subcol .split1, #subcol .split2 { /*list-style-image: url(/i/screen/bullet-pointer.gif);*/ width: 40%; }
			#subcol .split1 { float: left; }
			#subcol .split2 { margin-left: 60%; }



#footer { float: left; width: 945px; margin: 0 0 0 20px; padding: 0 0 30px; background: transparent url(/i/screen/border-v-ccc.gif) no-repeat 632px bottom; clear: both;}
	#footer div { border-top: 3px solid #34302b; float: left; padding: 14px 7px 10px; }
	#footer p { font-size: 10px; margin-bottom: 0.5em; }
	#footer ul { list-style: none; font-size: 10px; margin: 0; }
		#footer li { display: inline; margin: 0 0.45em 0 0; padding: 0 0 0 0.7em; border-left: 1px solid #999; }
		#footer li.first { padding-left: 0; border: none; }
		.twitter a:link, .twitter a:visited {padding: 3px 0 1px 18px; background: transparent url(../img/presentation/twitter-icon.gif) no-repeat left center;}
	#footer-main { width: 611px; margin: 0 15px 0 0; }
		#footer-main a { text-decoration: none; }
		#footer-main a:hover, #footer-main a:focus { text-decoration: underline; }
	#footer-subcol { width: 291px; }
		#footer-subcol a { width: 145px; height: 15px; background: transparent url(/i/screen/mediatemple.gif) no-repeat 0 0; }
		#footer-subcol a:hover, #footer-subcol a:focus { background-position: 0 -15px; }


/*-------------------------------------------    
    Home
-------------------------------------------*/
#mainsearch, #searchform { background: #933 url(/i/screen/mainsearch-bottom.gif) no-repeat left bottom; margin: 10px 0 2em; float: left; padding: 0 0 10px; width: 465px; }
	#mainsearch h1, #searchform h1 { padding: 10px 10px 0; border: none; color: #ccc; font-size: 12px; background: transparent url(/i/screen/mainsearch-top.gif) no-repeat 0 0; margin: 0; }
		#mainsearch h1 strong, #searchform h1 strong { color: #fff; font-size: 14px; }
	#mainsearch fieldset, #searchform fieldset { border: none; }
	#mainsearch p, #searchform p { margin: 0 10px; }
		#mainsearch p input, #searchform p input { vertical-align: middle; font-size: 14px; }
			#mainsearch p #mainsearch-text, #searchform p #mainsearch-text { width: 390px; margin: 0 5px 0 0; }
	#options-toggle a {
		color: #FFF;
	}
	#options-toggle a:hover {
		text-decoration: none;
	}

	#options { float: left; margin: 1em 10px 0; background-color: #8b2525; padding: 10px 4px 0; }
	#options.optionsTable { background-color: #fff }
		#options.hidden {
			position: absolute;
			left: -1000em;
		}
		#tdf { float: left; width: 290px; }
		#learn-blog { margin: 0 0 0 305px; }
		#options legend { display: block; }
		#options fieldset { margin: 0 0 2em; }
		#options fieldset > legend { width: 100%; }
			#options legend span { display: block; color: #fff; font: bold 12px Georgia, 'Times New Roman', serif; padding-bottom: 0.5em; border-bottom: 1px solid #a75853; }
				#options legend span label { font-weight: bold; }
		#options ul { list-style: none; margin: 0 0 2em; padding: 0.5em 0 0; }
		#options li { color: #ccc; font-size: 11px; margin: 0 0 0.5em; }
		#tdf ul { padding-left: 160px; position: relative; }
			#tdf li.col1 { position: absolute; left: 0; }
			#options li.all label { text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; }

#tagline h2 {border: none !important; font: bold 23px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;; color: #34302b; padding-bottom: 5px !important; margin-left: 6px; }
#tagline p {margin: 0 0 5px 6px;}

.home #main h2 { border-top: 1px solid #999; padding-top: 0.7em; clear: left; }

.home #main > div { float: left; width: 465px; position: relative; }
	.home p.viewall, #subcol a.view-all, p.viewall, .home ul.utility { position: absolute; right: 5px; top: 1em; text-transform: lowercase; font-size: 11px; }
		.home ul.utility { list-style: none;}
			.home ul.utility li { float: right; margin: 0 0 0 10px }
				.home ul.utility .feed { text-transform: uppercase; border-right: 1px solid #ccc; padding-right: 8px;}
				.home #blog .feed { border-right: 0px solid #ccc; margin-top: 6px;}

.home .grid-row li, .profile .grid-row li { width: 140px; }

.home #subcol h2 { border-top: none; }

.home #subcol #good-deeds { font-family: Georgia, 'Times New Roman', serif; border-bottom: 1px solid #999; }
	.home #subcol #good-deeds ol { /*list-style-position: inside;*/ margin-left: 7px; }
	.home #subcol #good-deeds > ol { width: 270px; position: relative; left: 25px; }
		.home #good-deeds li { font-size: 20px; color: #933; line-height: 1; }
			.home #good-deeds li span { font-size: 14px; color: #333; }
			.home #good-deeds li > span { position: relative; left: -5px; }

.home #subcol #blog { position: relative; }
.home #subcol #blog h2 { margin-bottom: 0; }
.home #subcol #blog ol { list-style: none; margin-left: 0; }
.home #subcol #blog h3 { text-transform: none; letter-spacing: 0; font-size: 14px; font-family: Georgia, 'Times New Roman', serif; }
	.home #subcol #blog ol li { font-family: Georgia, 'Times New Roman', serif; position: relative; border-bottom: 1px solid #d6d6d6; padding: 2.5em 6px 0.5em; }
		.home #subcol #blog ol li * { padding-left: 0; padding-right: 0; }
			.home #subcol #blog h3 a { text-decoration: none; font-weight: bold; }
			.home #subcol #blog h3 a:hover, .home #subcol #blog h3 a:focus { text-decoration: underline; }
		.home #subcol #blog p.date { position: absolute; top: 1em; font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #666; }
		.home #subcol #blog p.comments { font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; position: absolute; top: 1em; right: 11px; }


/*-------------------------------------------    
    Explore
-------------------------------------------*/
.explore #main h2 { border-bottom: 1px solid #d6d6d6; margin: 0 0 1em; }
	h2#credits { clear:left; }
.explore #main h2#type-background { clear: both; padding-top: 20px;}

.explore.etc-listing #main h2 {	border-bottom: 0; margin-bottom: 0; padding: 0; }
.explore.etc-listing #main .listing li p { margin: .5em 0px; }
.explore.etc-listing #container #main ol.pages { clear: both; padding-top: 1.5em; border: none; }

.results .typeface-name a { font-weight: bold; font-size: 13px; }
.results .small-specimen { float: left; }
.results .info { margin: 1em 0; }


/* corrects the alignment of the "Most Popular Typefaces" bottom border
(couldn't find a root source of the problem, but other elements have been
adjusted by 6px amounts on the left, so there's something cascading somewhere...) */
.explore #main .grid-row { margin-left:-6px; padding-left:6px; }

.explore #main .grid-row li { width: 140px; }

.explore #subcol { position: relative; }

.explore ol li { margin-bottom: 10px; }

.listing-page #headerwrap { padding-bottom: 10px; }
.listing-page #container { margin-top: 0; }

#toolbar { float: left; width: 792px; background: #fff url(/i/screen/toolbar-top.gif) no-repeat 0 0; margin: 0; list-style: none; position: relative; top: -14px; padding: 8px 0 0 193px; }
	#toolbar li { float: left; border-left: 1px solid #ccc; margin-right: 10px; max-width: 22%; }
			#toolbar a, .feed { background-repeat: no-repeat; background-position: 10px 0.25em; display: block; font-size: 11px; text-decoration: none; padding-left: 30px; }
		#toolbar #toolbar-edit { border-left: none; }
			#toolbar-edit a { background-image: url(/i/screen/toolbar-edit.gif); font-weight: bold; padding-left: 20px; background-position: 0 0.25em; }
			#toolbar-added a { background-image: url(/i/screen/toolbar-favorite.gif); background-position: 12px 0.2em; }
			#toolbar-add a { background-image: url(/i/screen/toolbar-add.gif); background-position: 8px 0.25em; padding-left: 28px; }
			#toolbar-report a { background-image: url(/i/screen/toolbar-report.gif); background-position: 10px 0.4em; }
			#toolbar-rss a, .feed { background-image: url(/i/screen/toolbar-rss.gif); padding-left: 27px; }
			#toolbar-print a { background-image: url(/i/screen/toolbar-print.gif); padding-left: 28px; }
			.feed { text-decoration: underline; padding: 0 0 0 17px; background-position: 0 0.28em;}

#sample, #multiple-samples { border-bottom: 1px solid #999; margin: 0 0 1em;  }
	#sample img, #multiple-samples { float: none; margin-left: 6px; }
	#sample h1, #multiple-samples h1 { padding-top: 0.9em; }
	
	.view-all #main h1 { border-bottom: none; }
	.view-all #multiple-samples .sample { border-top: 1px solid #999; margin-bottom: 1.5em; }

a.add-sample-large, strong.sample-large-unenhanced { margin-bottom: 20px; padding-top: 68px; display: block; width: 451px; height: 89px; text-align: center; vertical-align: middle; background: transparent url(/i/screen/sample-big.gif) no-repeat 0 0; }
strong.sample-large-unenhanced { padding-left: 70px; padding-right: 70px; width: 311px; }
	a.add-sample-large span { padding-left: 10px; background: transparent url(/i/screen/add-icon.gif) 0 50% no-repeat; }

.listing-page #main #sample + h2, .listing-page #main #multiple-samples + h2 { margin-bottom: 0; }
.listing-page #main h2 + dl.relational { border-top: none; }
.listing-page #main dl.relational { padding-bottom: 0; margin: 0 0 1em; }
dl.relational + h2 { clear: left; padding-top: 30px !important; }

#full-background p { padding: 0 6px; }

a.external, #relatedlinks ul a { text-decoration: underline; padding: 0 1.2em 0 0; background: transparent url(../img/presentation/external_link_icon.gif) no-repeat right center; }

.history-listing h1 a {padding-left: 0;}
table.history { margin: 0 0 1.5em; width: 100%; font-size: 11px; border-collapse: collapse; }
	.history tr { border-top: 1px solid #d6d6d6; }
		.history th { padding: 5px; text-align: left; /* border-top: 2px solid #999; border-bottom: 2px solid #999; */ background-color: #e5f2ff; font-weight: bold; }
		.history td { padding: 5px; border-left: 1px solid #d6d6d6; vertical-align: top; }
		.history td:first-child { border: none; }
		.history .change { width: 65%; padding-left: 5%; }
		.history .editor { width: 30%; }
		.history td ul { font-size: 11px; margin: 0; list-style: disc; }

#listing-info { padding-bottom: 1em; }
#listing-info img { margin-left: 6px; }
#listing-info p { font-size: 11px; font-style: italic; margin-bottom: 0.5em; position: relative; top: -0.25em;}
	#listing-info p em { display: block; font-style: normal; }

#background-text blockquote {  }
#background-text p { margin-left: 6px; margin-right: 6px;}
.background-citation { padding-top: 10px;  border-top: 1px dashed #d6d6d6;}
	.background-citation h4 {color: #666; font-weight: bold; font-size: 10px; margin-left: 6px; margin-bottom: 0.5em !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important; }
	.background-citation li {color: #666; font-size: 10px; margin-left: 6px; margin-bottom: 0.5em !important; }

#in-the-wild .related-links ul { list-style: none; }
#in-the-wild .related-links a { position: static; text-transform: lowercase; }
	#in-the-wild .related-links ul li { float: right; border-right: 1px solid #d6d6d6; padding-right: 0.5em; }
		#in-the-wild .related-links ul li.first { padding-right: 0; border: none; margin-left: 0.5em; }

#in-the-wild { float: left; border-bottom: 1px solid #999; }
	#in-the-wild .grid-row { margin: 0.5em 6px; }
		#in-the-wild .grid-row li { margin-left: 21px; }
		#in-the-wild .grid-row li.first { margin-left: 0; }
			#in-the-wild .grid-row li a img { float: none; margin: 0; padding: 3px; border: 1px solid #d6d6d6; }
			#in-the-wild .grid-row li a:hover img, #in-the-wild .grid-row li a:focus img { border-color: #003; }

#in-the-wild-instructions {border: 1px solid #d7d7d7;margin: 5px 0 0;float: left;padding: 7px 7px 0;font-size: 1em; background-color: #f7fbff;}
#in-the-wild-instructions p { padding: 0; font-size: 1em; text-transform: none !important; }
#in-the-wild-instructions a { float: none; display: inline;}
#in-the-wild-instructions ul { padding-bottom: 0; }

#resources h3 { font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #666; border-top: 1px solid #d6d6d6; padding: 1em 6px; clear: both; }
	#resources h3.first { border-top: none; }
	#resources .samples h3:first-child { border-top: none; padding-top: 0; }
	#subcol .samples { position: relative; }
		#subcol .samples ul { margin: 0 0 1em 6px; list-style: none; float: left; }
			#subcol .samples li { float: left; width: 298px; margin: 0 0 1.5em; }
				#subcol .samples a { font-weight: bold; }
					#subcol .samples a.add { font-weight: normal;}
				#subcol .samples a img { max-width: 111px; }
				#subcol .samples span { display: block; }
				#subcol .samples span.update { font-style: italic; color: #777; }
				#subcol .samples .viewall { top: 0; }

#resources dl { padding: 0 5px; }
	#resources dl.link-list { margin-top: 15px; padding-top: 15px; border-top: 1px solid #d6d6d6; }
	#resources dl.link-list dt { width: 115px; float: left; }
	#resources dl.link-list dd { margin-left: 120px; }

#typeface-classifications {list-style-type: none;margin-left: 6px;float: left;}
	#typeface-classifications li {list-style-type: none;margin: 0;float: left;clear: left; font-size: 12px !important;}
		#typeface-classifications li a {font-weight: bold; text-decoration: none;}
		#typeface-classifications li ul {margin-bottom: 10px;}
		#typeface-classifications li li {list-style-type: none;float: none;clear: none; font-size: 11px !important;}
			#typeface-classifications li li a {font-weight: normal;}

/*-------------------------------------------    
    Add
-------------------------------------------*/
#formchooser { list-style: none; width: 465px; float: left; padding: 0; margin: -1em 0 -1px; font-size: 11px; border-top: 1px solid #fff; border-bottom: 1px solid #999; position: relative; }
	#formchooser li { float: left; font-weight: bold; padding: 0.8em 10px; margin: 0 8px 0 0; color: #933; font-weight: bold; border: 1px solid #999; border-bottom: none; }
	#formchooser li.current { border-bottom: 1px solid #fff; position: relative; margin-bottom: -1px; }
		#formchooser a { color: #999; text-decoration: none; font-weight: bold; }
		#formchooser a:hover, #formchooser a:focus { text-decoration: underline; }

#upload, #edit_relatedlinks, .citation { float: left; padding: 0.8em 6px; border-top: 1px solid #d7d7d7; }
	#upload dt, #edit_relatedlinks dt, .citation dt { font-weight: bold; font-size: 11px; color: #666; }
		#upload dl label, #edit_relatedlinks dl dt, .citation dl dt { font-weight: normal; margin-left: 19px; }
	#upload a { display: inline; }
		#upload dl dd { margin-bottom: 0.5em; float: left;}
		#upload .relational { border: none; }
		#upload dd#links ul { list-style: none; border-top: 1px solid #999; padding: 1em 0 0; margin: 1em 0 0.5em; font-size: 11px; }
			#upload dd#links li { float: left; border-left: 1px solid #666; padding: 0 0 0 0.75em; margin: 0 0 0 0.5em; }
			#upload dd#links li:first-child { padding-left: 0; margin-left: 0; border: none; }
		#upload #template a { display: block; padding: 0 0 0 20px; background: transparent url(/i/screen/template-flash.gif) no-repeat 0 50%; clear: left; font-weight: bold; min-height: 16px; }

#edit_relatedlinks, .citation { width: 453px; }
	#edit_relatedlinks dt, .citation dt { margin: 0 0 0.5em; width:100%; }
		#edit_relatedlinks dd, .citation dd { margin: 0; }
			#edit_relatedlinks dd dl, .citation dd dl { width: 220px; margin-left: 235px; }
				#edit_relatedlinks dd dl input, .citation dd dl input { width: 199px; margin-left: 19px; padding: 1px; }
				#edit_relatedlinks dd dl dd span.example, .citation dd dl dd span.example { top:auto; bottom:0.3em; margin-left: 19px; }
			#edit_relatedlinks dd dl.first, .citation dd dl.first { float: left; margin-left: 0; }
			#edit_relatedlinks .delete, .citation .delete {position: absolute; top: 2.3em; left: -19px; z-index: 100;}
			#edit_relatedlinks dt, .citation dt { position: relative;}

.add p.submit { float: left; border-top: 1px solid #999; padding: 1em 6px 0; width: 453px; text-align: right; }

ol#template-instructions { clear: left; margin: 1em 0 1.5em; border: 1px solid #d7d7d7; background-color: #f7fbff; padding: 0.5em 7px 0.75em 30px; }
	ol#template-instructions li { margin: 0 0 0.5em; }

#main-specimen { /*position: relative; top: 1em;*/ font-size: 11px; }

	.optselect optgroup {font-weight: bold;font-style:italic;}
	.optselect option { padding-left: 1em;}

.eula-caution {margin: 5px 0 0; font-style: italic; font-size: 11px;}

/*-------------------------------------------    
    Blog
-------------------------------------------*/
.blog h1 { margin: 0; border: none; }
.blog ul.listing h1, .blog ul.listing h1 a { border: none; padding: 0; margin-bottom: 0.8em; }

.meta { margin: 0 0 1em; list-style: none; padding: 0 6px 0.75em; font: 14px Georgia, 'Times New Roman', serif; border-bottom: 1px solid #d7d7d7; float: left; width: 453px; }
ul.listing .meta { padding-left: 0; padding-right: 0; }
	ul.listing .meta li, .meta li { border: none; width: auto; padding: 0 0.6em 0 0; margin: 0 0.6em 0 0; float: left; border-right: 1px solid #ccc; }
	h1 + ul.meta { margin-top: -0.5em; }
	.home #subcol #blog p.comments, ul.listing .meta li.comments, .meta li.comments { padding-left: 20px; background: transparent url(/i/screen/comment_icon.gif) no-repeat 0 50%; border: none; }

.blog blockquote { margin: 0 6px 20px;}

.blog .jsm, .blog .jl { padding: 10px 10px 0; border: 1px solid #ccc; font-size: 8px !important; font-family: Monaco, 'Courier New', Courier, monospace; }
	.blog .jsm { background: #e5f2ff; font-size: 8px !important;}
	.blog .jl { background: #eee; font-size: 8px !important;}
.blog #post li { margin-bottom: 1em;}

/* Images and styles in posts */

.illo {margin-bottom: 10px;}
.quarter {width: 115px;}
.half {width: 230px;}
.full {width: 465px; clear: both;}
.left {float: left; margin-right: 10px;}
.right {float: right; margin-left: 10px;}
.illo p, .caption {font-size: 11px; line-height: 16px !important; color: #666; margin: 4px 0 10px 0;}
.solo {margin-bottom: 20px !important;}
.blog cite {font-style: italic !important;}

	
#addcomment, #comments { clear: both; }
#addcomment { border-top: 1px solid #999; }
	#comments > ul { list-style: none; margin: 0; padding: 0; }
		li.comment, #preview { width: 380px; padding: 1em 6px 1em 79px; float: left; border-top: 1px solid #ccc; position: relative; }
			.comment > img, #preview > img { margin: 0; }
			/*.comment > div, #preview > div { margin: 0 0 0 79px; }*/
			.comment h3, #preview h3 { color: #999; font-size: 13px; font-family: Georgia, 'Times New Roman', serif; font-weight: normal; text-transform: none; letter-spacing: 0; }
				.comment h3 span, #preview h3 span { font-weight: bold; color: #333; }
			.permalink { display: block; position: relative; top: 5px; }
		li.comment .avatar, #comment-details .avatar { position: absolute; top: 1em; left: 6px; width: 48px; height: 48px; }

#comments blockquote, #preview-text blockquote { background: #eee; border: 1px solid #ccc; padding: 0.3em 5px; /*padding-bottom: -1em;*/ font-size: 12px; }
#comments blockquote, #comments blockquote *, #preview-text blockquote, #preview-text blockquote * { font-style: italic; }
	#comments blockquote *:last-child, #preview-text blockquote *:last-child { margin-bottom: 0; }

#textile { border: 1px solid #d7d7d7; background-color: #f7fbff; padding: 7px; border-bottom: none; }
dd#textile { clear: left; margin: 0 0 1em; }
	#main #textile h2 { margin: 0 0 0.7em; padding: 0; }
	#textile ul { position: relative; height: 4em; font-size: 11px; list-style: none; }
		#textile li { position: absolute; width: 135px; }
		#textile #italic { font-style: italic; top: 0; left: 0; }
		#textile #bold { font-weight: bold; top: 2.5em; left: 0; }
		#textile #bulleted { top: 0; left: 150px; }
		#textile #numbered { top: 2.5em; left: 150px; }
		#textile #link { top: 0; left: 315px; }
		#textile #blockquote { top: 2.5em; left: 315px; }
	#textile p { border-top: 1px solid #d7d7d7; padding: 0.5em 0 0; margin: 0; font-style: italic; font-size: 10px; }

#faq ul {
	list-style: none;
	margin-left: 0;
	padding-left: 6px;
	padding-right: 6px;
}

#faq-a ol, #faq-a ul {
	margin-top: 1em;
	}

#faq-a ol li, #faq-a ul li {
	margin-bottom: 0.5em;
	border: none;
	}

#faq-a ul {
	list-style: disc;
	}

#faq-a ul li {
	margin-left: 20px;
	}

#faq-q,
#faq-a {
	margin-bottom: 2em;
}

#faq-q {
	border-bottom: 1px solid #999;
	padding-bottom: 1em;
}

#faq-q li {
	margin-bottom: 0.5em;
}

#faq-a strong {
	display: block;
	margin-bottom: 5px;
}

#faq-a li {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #999;
}

/*-------------------------------------------    
    Tags
-------------------------------------------*/
.tagcloud { list-style: none; margin: 0 0 1.5em 6px; clear: both; }
.tagcloud li { display: inline; float: none; line-height: 2.5; margin-right: 1em; }
	.tagcloud li a { font: 18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; display: inline; float: none; top: 0; text-decoration: none; font-weight: bold; }
		.tag1 a { color: #b5b5b5; }
		.tag2 a { color: #838383; }
		.tag3 a { color: #505050; }
		.tag4 a { color: #1c1c1c; }
		/*.tag1 a:hover, .tag1 a:focus, .tag2 a:hover, .tag2 a:focus, .tag3 a:hover, .tag3 a:focus, .tag4 a:hover, .tag4 a:focus, .tag5 a:hover, .tag5 a:focus, .tag6 a:hover, .tag6 a:focus { color: #003; }*/
		.tagcloud li a:hover, .tagcloud li a:focus { text-decoration: underline; }

#alphabetical-tags { list-style: none; margin-left: 0; }
	#alphabetical-tags li { float: left; width: 453px; border-bottom: 1px solid #d7d7d7; padding: 1em 6px; }
	#alphabetical-tags dt { float: left; width: 70px; font: bold 20px Georgia, "Times New Roman", Serif; color: #933; }
	#alphabetical-tags dd { margin-left: 80px; }
	/* #alphabetical-tags a { color: #666; } */
	#alphabetical-tags a:hover { color: #003; }

#tag-holder a { display:inline; }


#main ul.images { float: left; list-style: none; font-size: 11px; }
	#main ul.images li { margin-right: 10px; width: 140px; float: left; }
	#main ul.images li.last { margin-right: 0; width: 111px; }
		#main ul.images img { margin-bottom: 5px; }
	ul.images li a, dl.typeface a { text-decoration: none; }
/*#main ul.images li a img { margin-left: 12px; }*/
body.profile #main ul.images li { width: 72px; text-align: center; }
body.profile #main ul.images li img { margin: 0 auto; }


/*-------------------------------------------    
    Login & Register
-------------------------------------------*/
.login #main form { border-bottom: 1px solid #999; float: left; }

#login-options { float: left; width: 299px; padding: 0 6px 0 160px; position: relative; top: -10px; }
	#login-options #rememberme { float: left;  width: 150px; }
	#login-options #submit { float: right; width: 149px; text-align: right; }
	
.register #main .submit { width: 453px; padding: 1em 6px 0; border-top: 1px solid #999; float: left; }
	.submit #register_submit {float: right;}

.login dl.relational { position: relative; }
.login #forgot { position: absolute; left: 6px; top: 2em; text-transform: lowercase; width: 148px; }



/*-------------------------------------------    
    Profile
-------------------------------------------*/
body.profile #intro { float: left; padding: 1em 6px; width: 453px; }
	body.profile #intro .avatar { margin-left: 0; }
	body.profile #intro dl { float: left; margin: 3px 12px 0; }
		body.profile #intro dt { border-bottom: none; padding: 0; margin: 0 0 0.25em; }
.section1 {margin: 10px 6px;}

/* gm: for fancy add/remove tags functionality */
a.tag_tag { color: #333; font-size: 11px; white-space: nowrap; padding: 2px 4px; margin-right: -2px; margin-left: 0px; line-height: 23px; text-decoration: none; }
a.tag_tag:hover { background-color: #e3e3e3; color: #333; }
a.tag_selected { background-color: #c0c0c0; color: #333; }
#mytags_sub { white-space: normal; margin-top: -2px; }
.specimen-text, .specimen-text a:link {font-weight: normal !important;}


/*#fdbk_tab {
top: 600px !important;
left: 30px !important;
}*/