/* 
League Gothic 
http://www.theleagueofmoveabletype.com/fonts/7-league-gothic 
Foundry: The League Of Moveable Type, http://theleagueofmoveabletype.com/ 
License: SIL Open Font License, http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=OFL 
*/ 
 
@font-face {
	font-family: 'League Gothic';
	src: url('http://kernest.com/embed/league-gothic'), url('http://kernest.com/embed/league-gothic#league-gothic') format('svg');
}


/* 
CMU Bright 
http://cm-unicode.sourceforge.net/ 
Foundry: Andrey V. Panov, http://canopus.iacp.dvo.ru/~panov/index.en.html 
Contributors: Andrey Valentinovich Panov 
License: X11 License, http://cm-unicode.sourceforge.net/license.html 
*/

@font-face {
	font-family: 'CMU Bright';
	src: url('http://kernest.com/embed/cmu-bright'), url('http://kernest.com/embed/cmu-bright#cmunbmr') format('svg');
}



* {

}


input	{
	border: none;
	padding: 4px;
}

ul li {
	list-style-type: none;
}

#footer ul li, #footer ol li {
	line-height: 160%;
	display: inline;
}

#account_nav {
	margin-left: 10px;
}

body, ol#the_steps ul, ol#the_steps #results {
	font-family: 'CMU Bright', sans-serif;
	font-size: 16px;
	text-rendering: optimizeLegibility;
}

body {
	background-color: #CAC6B8;
	color: #3F3E39;
}

#flash_notice {
	background: #FFF6BF;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	font-size: 16px;
}

#flash_notice a {
	font-weight: bold;
}

.error {
	border-top: 2px solid red;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	color: red;
}


a:link, a:visited, .link {
	color: #928359;
	text-decoration: none;
}

.link {
	cursor:pointer;
}

a:hover, .link:hover {
	border-bottom: dotted 1px #928359;
}

#nav ul li {
	color: #928359;
	cursor: pointer;
}

.utility a {
	color: #446;
}

#font_preview_wrapper h2, #contact_form h2, .font_directory h2, .signin_box h2, .signin_box label, #contact h2, #contact label {
	text-transform: uppercase;
	font-size: 24px;
	padding: 8px;
	margin: 0;
	color: #484848;
	display: block;
}

.font_nav h2 {
	margin: 0 10px 15px 40px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #484848;
	display: block;	
}


.font_nav h2 a, .font_samples h2 a {
	margin: 0 10px 15px 40px;;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #446;
}


h1, h1 a, h2, ol#the_steps {
	font-family: 'League Gothic', sans-serif;
	text-rendering: optimizeLegibility;
}

h2, ol#the_steps {
	font-size: 48px;
}



h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#wrap {
	background: #CAC6B8;
  padding: 0px;
	margin: 0 auto 0 -6px;
	border: 5px solid blue;
}


#header {
	margin: 0;
	padding: 0;
	background: #CAC6B8;
}

#header a, #header a:hover {
	color: #807D6E;
	font-size: 13px;	
}

#header a img, #header a:hover img {
	border: none;
	float: right;
	margin-top: 14px;
	margin-right: 35px;
}

#header .sign {
	color: #7F2E02;
	float: right;
}

#header span {
	font-size: 12px;
}

#masthead {
  padding: 20px 15px 0 0;
  margin: 0;
	text-decoration:none;
}

#masthead a:hover {
	text-decoration:none;
	color: #CAC6B8;
}

#page_title {
	font-family: 'League Gothic';
	font-size: 100px;
	margin: -20px 0;
	padding: 0 0 0 0;
	text-transform: uppercase;	
	width: 700px;
	overflow:hidden;
	line-height: 90%;
	text-align:right;
}

ul li {
	line-height: 180%;
}

.masthead a {
	color: #7F2E02;
  line-height: 30px;
}

.masthead a:hover {
	background: #FFF;
	color: #446;
}

a.masthead:link, a.masthead:visited {
  color: #fff;
}

a .remove {
	color: red;
}

small {
	padding: 0;
	margin: 0;
}

#font_preview_wrapper {
  display: block;
  width: 90%;
  float: left;
  padding: 0 0 20px 0px;
}



.font_nav {
	margin: 0 15px 10px 15px;
	line-height: 150%;	
	display: block;	
}

.font_nav br {
  display: inline;
}


#elevatorPitch {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
  padding: 15px ;
	margin: 10px 0 20px 0;
	}
	
#elevatorPitch ul, #elevatorPitch li, #elevatorPitch p {
 	padding: 0px;
	margin: 0px;
	display: inline;
	padding-right: .35em;
	line-height: 1.4em;
}	
	
#elevatorPitch h2 {
	padding: 0px;
	margin: 0px;
 }	

#top_sample_box {
	line-height: 150%;
	font-size: 72px;
  padding: 8px;	
	margin: 20px 0 0 20px;
	background: #FFF;	
	border: none;
	width: 900px;
}

#about_show {
	margin: 0 auto 20px 0;
	padding: 10px 0;
	width: 700px;
	background: #EBE8DB;
}
	
.font_attribute_list {
	width: 17%;
	float: left;
	margin: 0 10px 0 10px;
	font-size: 20px;
	padding: 0;
}	

.font_attribute_list h2 {
	background: #999;
	color: #FFF;
	padding: 0 .25em .25em .25em;
	margin: 0 0 .5em 0;
}	
	
.font_attribute_list ul {
	padding: 0;
	margin: 0 0 0 1.25em;
	list-style-type: none;
}	
	
	
.font_attribute_list ul li {
	padding: 0;
	margin:  1.25em 0;
}	

.font_style_list li {
	list-style-type: none;	
	margin-left: -30px;
}

.font_style_list ul {
	float: left;
}


.font_header {
	text-transform: uppercase;
	color: #727272;
	float: right;
	margin: 5px;
}


#utilities a, .font_header a {
	padding: 0 3px;
}

.font_header a:hover {
	text-decoration: none;
	background-color: #5F4E1D;
	color: #FFF;
}

	
.font_box {
	margin-bottom: 20px;
}
	
.font_box a:hover {
	text-decoration: none;
}	
		
	
a:hover .sample_text {
	background: #DDD69A;
}
	
.font_size {
	padding: 5px 0 0 20px;
	margin: 0;
}

.font_size input {
	border: none;
}

.signin {
	padding: 8px 8px 8px 0;
	margin: auto;
}

.signin a {
}

.signin a:hover {
	background-color: #FFF;
	color: #446;	
}


#footer {
	font-size: 13px;
	margin: 10px auto;
  width: 100%;	
}


#font_meta {
	margin-bottom: 35px;
}


#font_usages {
	width: 100%;
}

#font_add_box, #font_tag_box {
	background: #C8BE9D;
	padding: 8px;
}


#font_add_box a, #font_tag_box a {
	color: #FFF;
	font-size: 16px;
	padding: 0 5px;
}

#font_add_box a:hover, #font_tag_box a:hover {
	background-color: #727272;
}


.signin_box {
	background: #C8BE9D;
	margin: 20px auto;
	padding: 10px;
	width: 320px;
}

.signin_box input {
	font-size: 24px;
	width: 300px;
	margin-bottom: 20px;
}

.signin_box input[type="checkbox"] {
	width: 10px;
}

.how_it_works_segment h3 {
}

.how_it_works_segment {
	width: 23%;
	padding: 0;
	margin: 10px 5px 0 10px;
	float: left;
	color: #484848;
}

.how_it_works_segment li {
	line-height: 1.6em;
	margin-left: -25px;
}

.how_it_works_segment ul li {
	text-transform: uppercase;
}

.font_directory, #contact_form {
	cursor: pointer;
}

table tr td {
	padding: 10px;
}

.even {
	
}

.odd {
	background-color: #EEEFFF;
}


.tablesorter thead {
	cursor: pointer;
}


#font_detail {
 float: left;
 width: 600px;
 margin-right: 10px;
 margin-bottom: 20px;
 padding-right: 20px;
}

#font_sidebar {
	float: right;
	margin-top: 35px;
	width: 300px;
}

.right {
	width: 45%;
	float: left;
	background: #EBE8DB;
	padding: 0 20px 0 20px;	
}

.left {
	width: 45%;
	float: left;
	background: #EBE8DB;
	padding: 0 15px 0 40px;	
}

#new_style {
   display:inline;
}

#nav {
	z-index: 8000;		
	display: block;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 0;
}

.nav_menu {	
	cursor: pointer;
	display: inline;
	padding: 10px 4px 5px 4px;
}

.nav_menu:hover {
	text-decoration: underline;
}


.nav_items {
	margin-top: 0;
	margin-left: -3px;
	background-color: #EEEEDD;
	border-left: 1px solid #928359;
	border-right: 1px solid #928359;
	border-bottom: 1px solid #928359;		
	width: 700px;
	height: 210px;
}


.font_box_wrapper {
	width: 100%;
	margin: 40px 0;
}

.font_box_sample {
	border: none;
	padding: 4px;
	width: 890px;
	font-size: 48px;
}

.font_box_details {
	width: 895px;
	font-size: small;
}

#nav_form {
	display: block;
	margin: 0 auto;
	width: 650px;
}

#q {
	display: block;
	width: 700px;
	margin: 0 0 10px -190px;
	font-size: 40px;
}

#loading {
	display: inline;
	margin: 0;
	padding: 0;
	width: 60px;
	height: 10px;
}


#results {
	margin: 20px auto;
	display: block;
	width: 900px;
}

#nav_items {
	margin-bottom: 5px;
}

.font-meta {
	padding: 10px;
	width: 600px;
}

.font-meta ul {
	margin-left: -45px;
}

.font-meta ul li {
	display: inline;
	padding-left: 5px;
}

.style-tag {
	background: white;
	font-size: 13px;
	padding: 2px;
	display: inline;
}

.project-font-list {
	line-height: 160%;
}

ul#project_list li {
	display: block;
}

.selected {
	background: yellow;
}

.sponsor_message {
	background: #A57150;
	padding:4px;
	color: #F1EFE8;
}

.sponsor_message a, .sponsor_message a:hover {
	color: #F1EFE8;
}