/* 
Theme Name: BonFX Hybrid
Theme URI: http://bonfx.com
Description: BonFX Child Theme of Hybrid by Justin Tadlock
Author: Douglas Bonneville
Author URI: http://bonfx.com
Version: 0.1
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css 
	@import url('../hybrid/library/css/reset.css');*/

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS
	@import url('../hybrid/library/css/plugins.css');  */

/* Hybrid's default CSS 
	@import url('../hybrid/library/css/screen.css');*/



/**
* Body
************************************************/

/* Contains everything */
body {
	font-size:10pt;
	color: #333;
	font-family: "Droid Sans", Helvetica, sans-serif;
	background-color: #FFF;
}

	/* Wrapper for everything inside of the body */
	#body-container {
		width: 940px;
		margin: auto auto;
	}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link { color: #DA6427; }
a:visited { color: #DA6427; }
a:hover { color: #DA6427; }
a:active { color: #DA6427; }

/* Headers */
h1, h2, h3, h4, h5, h6 {color: #333;}


h1 {
	padding-left: 1px;
}
h1.single-title.entry-title a { color: #d36500; font-style: normal; }
h2 { 
	line-height: 115%; 
	margin-top:20px; 
	margin-bottom: 10px;
}
h2.post-title.entry-title a { color: #d36500; font-style: normal; }
h3 { 
	margin-top:20px; 
	font-size:13pt;
}
h4 { margin-top:20px; margin-bottom: 10px; }
h5 {}
h6 {}

h2, h3, h4, h5, h6 {
	color:#000000;
	font-weight:bold;
}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {
	margin: 0 0 10px 0;
	font-size: 10pt;
}

/* Unordered lists */
ul {
	list-style: square;
}
	ul li {margin: 0 0 15px 24px;}

/* Ordered lists */
/*ol { margin: 0 0 20px 0; }*/
ol { margin: 0 0 0 5px; }
	ol li { margin: 0 0 15px 24px; }

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {
	background-color:#EEEEEE;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	margin:20px auto 30px;
	padding:20px;
	width:75%;
}
blockquote p {
	font-size:12pt;
	font-style:normal;
	line-height:170%;
}

	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft { float: left; margin: 0 10px 10px 0; }
.right, .alignright { float: right; margin: 0 0 10px 10px; }
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {
	padding: 0;
	border: none;
}

/* Thumbnails */
.thumbnail { 
	height: inherit;
	width: 150px;
}

/* WP Captions [caption] */
.wp-caption {
	border:1px solid #CCCCCC;
	margin-top:6px;
	max-width:576px;
	padding:4px 0 0;
	text-align:center;
}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

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

/* Contains entire header */
#header-container {}

	/* Contains site title and tagline */
	#header {
		background-image: url(images/banner-bonfx.jpg);
		height: 101px;
		margin: 0;
		background-repeat: no-repeat;
	}

		/* Site title */
		#site-title {
			text-indent: -9999px;
		}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {
			text-indent: -9999px;
		}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation { 
	margin: 0 0 7px 0;
	background-image: url(images/bkgd-nav.jpg);
	background-repeat: no-repeat;
	height: 41px;
}

	/* Page nav */
	#page-nav {
		
	}
		#page-nav ul {
			list-style: none;
			list-style-image: none;
		}
			#page-nav li {
				float: left;
				margin: 0;
			}
				#page-nav li a {
					background: none;
					border: none;
					color: #ffffff;
					padding: 10px 17px 10px 17px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					display: block;
					height: 20px;
					font-weight: bold;
				}
			#page-nav li.current_page_item {}
			
			
			* html #page-nav li a {
				width: 10px;
			}
						

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	overflow: auto;
	border-bottom: 1px solid #542F18;
}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {
		float:left;
		margin: 0;
		padding: 11px 230px 0 228px;
		width: 482px;
	}
	
	#content h3 {
		margin-bottom: 10px; 
	}
	
	.content {
		width: 482px;
	}

		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {
			border-bottom: 1px solid #A4A395;
			padding-bottom: 30px;
			margin-bottom: 30px;
		}
		
		.content .post ul {
			margin-bottom: 18px;
		}
		.content .post ul img {
			border: none;
			padding: 0;
		}

			/* Post, page, and archive titles */
			.entry-title {
				margin:0 0 10px;
				line-height: 120%;
				font-style: normal;
			}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {
				font-size:14pt;
				line-height:120%;
			}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {
				color: #A3A294;
				font-size: 9pt;
				font-style: normal;
				margin:0 0 17px;
			}
			
			.byline a {
				color: #DA6427;
			}

			/* Full entries */
			.entry-content {}
			
				.entry-content br {
					margin: 0 0 8px 0;
				}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}
			
				.entry-summary br {
					margin: 0 0 8px 0;
				}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {
				color: #A3A294;
				font-size: 9pt;
				font-style: normal;
			}
			
			.post-meta-data a {
				color: #DA6427;
			}
			
			p.entry-meta {
				clear:both;
				color:#666666;
				font-style:italic;
				padding-top: 15px;
			}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {
			padding:0 0 18px;
			margin-bottom:50px;
		}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {
						margin: 10px 0 0;
					}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single { 
			padding: 20px;
			text-align: center;
			font-weight: bold;
			background-color: #E2E3D3;
			border: 1px dashed #C6BFAE;
		}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget { margin: 0; }
		.widget-inside {}
			.widget-title { font-size: 11pt; }

	/* Primary widget section */
	#primary { 
		float: left;
		margin-left: -940px;
		margin-top: 0px;
		width: 176px;
		padding-top: 15px;
	}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {
					color: #838383;
					font-style: normal;
					font-weight: bold;
					font-size: 9pt;
					display: block;
					border-bottom: 1px solid #CCCCCC;
					padding: 0 0 2px 0;
					margin-top: 8px;
				}
				#primary .widget ul {}
					#primary .widget ul li {}
		
		#primary ul {
			list-style: none;
			color: #838383;
		}
		#primary ul li {
			/*margin: 0;
			padding: 0;*/
		}
		#primary ul li a {
			color: #868686;
			text-decoration: none;
			display: block;
			font-size: 9pt;
		}
		#primary ul li a:hover {
			background-color: #eee;
		}
		

	/* Secondary widget section */
	#secondary {
		float: left;
		margin-left: -175px;
		width: 175px;
		padding-top: 15px;
	}
		#secondary .widget {}
			#secondary .widget-inside {
				padding-right: 0px;
				line-height: 120%;
				margin-bottom: 25px;
			}
				#secondary .widget-title {margin: 0 0 0 0;}
				#secondary .widget ul, #secondary .widget ol {
					margin: 10px 0 20px 0;
				}
					#secondary .widget ul li, #secondary .widget ol li {
						margin-bottom: 10px;
						font-size: 8pt;
					}
					
					#secondary .widget ul li a, #secondary .widget ol li a {
						color: #666;
					}
					
	
/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
	background-image:url(images/banner-bonfx.gif);
	background-repeat: no-repeat;
	background-position: 0 60px;
	padding-bottom: 140px;
}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}
		
		
/**
* Contact Form 7 plugin
************************************************/
.wpcf7-mail-sent-ok {
	border-color: #A4CDE6;
}


/**
* Text Widget "Freelance Designers"
************************************************/
#primary div#freelance-graphic-designers {
	margin-bottom: 15px;
	color: #838383;
}

#primary div#freelance-graphic-designers ul {
	list-style: square;
	padding:0 0 12px;
}

#primary div#freelance-graphic-designers ul li {
	/*padding: 0 0 0 20px;*/
	border: none;
	margin:5px 13px;
}

#primary div#freelance-graphic-designers ul li,
#primary div#freelance-graphic-designers ul li a,
#primary div#freelance-graphic-designers p a {
	font-size: 9pt;
	color: #838383;
	text-decoration: none;
	line-height: 120%;
}
#primary div#freelance-graphic-designers p {
	font-size: 9pt;
}
#primary div#freelance-graphic-designers ul li a:hover {
	text-decoration: underline;
	background: none;
}


#primary div#freelance-graphic-designers ul li a#hire {
	color: #CC6600;
	font-weight: bold;
}



/* other */
.archive .entry-title, .search .entry-title {
	font-size:21px;
	margin:0 0 10px;
}

.archive .byline, .search .byline {
	margin:0 0 17px;
}

.single .post, .attachment .post, .page .post {
	margin:0 0 10px;
}

.search-form {
	/*margin:10px 0;*/
}

/* portfolio gallery */
ul#portfolio-gallery {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0;
}

/* portfolio thingees */

ul#portfolio-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
li.portfolio-image {
	width: 85px;
	height: 85px;
	background-color: #999999;
	border: 5px solid #C0CBD3;
	margin: 0 25px 25px 0;
	float: left;
	padding: 0;
	display: inline;
}

.message {
	font-size: 9pt;
	margin: 7px 0 0 0;
	color: #CC6600;
}

/* stuff */

li.widget_pages {
	list-style: none;
}

pre {
	font-size: 9pt;
	line-height: 11pt;
	margin-bottom: 20px;
}

#hire-us {
	text-align:center;
	padding: 0;
	margin:0 0 37px;
	background-color:#E2E3D3;
	border:1px solid #C6BFAE;
	font-size: 8pt;
	text-align:center;
}
#utility-before-content {
	border:none;
	margin:0;
	padding:0;
}

#comments li {
	padding:8px 12px;
}

.addthis_container {
	margin: 30px 0 0 0;
	padding: 13px 0 0 281px;
	height: 50px;
	background-image: url(/wp-content/uploads/2009/11/bkgd-spread-word.jpg);
	background-repeat: no-repeat;
}
.addthis_container img {
	border: none;
}

.greet_text .greet_block_close {
	height: 22px;
}

img.wp-image-773 {
	border: none;
}
strike {
	text-decoration: line-through;
}
div.entry-content a.vert {
margin:9px 15px 13px 0px;
}
#greet_block {
	width: 99%;
}

.cleaner-gallery img {
	width: 470px;
}

.no-pixel-border-gallery img {
	border: none;
}

img.no-pixel-border  {
	border: none;
}

/* Font Combos sell page */
.no-widgets #content {
	background-image: none;
	padding: 0 0 0 0;
	
}
.no-widgets #content {
	width: 940px;
}

.no-widgets #container {
	background-image: none;
}

.no-widgets .breadcrumbs {
	display: none;
}

.no-widgets .post {
	border: none;
}

div#post-1918 {
	background-image: url(images/bkgd-font-combos.jpg);
	background-repeat: no-repeat;
	height: 964px;
	margin-top: 20px;
}

body.page-1918 #navigation {
	height:41px;
}
body.page-1918 {
	background-image: url(images/bkgd-page-font-combos.jpg);
	background-repeat: repeat-x;
	background-position: 0 169px;
}

div#post-1918 .entry-content {
	float:right;
	margin: 87px 50px 0 0;
	width: 390px;
}

.page-title {
	display: none;
}

/*.front-page div.entry p {
	padding-left: 180px;
}
*/

div.fbook {
	height: 50px;
	margin-top: 35px;
}

.home img.wp-image-2187 {
	display:none;
}



/* stats table*/
table.stats {
	background-color: #eee;
}
table.stats th {
	font-size: 8pt;
	font-weight: bold;
	line-height: 120%;
	color: white;
	background-color: #555;
	vertical-align: middle;
	
}
table.stats td {
	font-size: 9pt;
	text-align: center;
	line-height: 140%;
	vertical-align: middle;
}



/* font combinations sell page */

body.page-2427 #navigation {
	height:41px;
}

h1.hide-me {
	background-image: url("http://bonfx.com/wp-content/uploads/2010/08/title-the-big-book-of-font-combinations.png");
	background-repeat: no-repeat;
	height:56px;
	margin-top:15px;
	
}

h2.hide-me {
	background-image:  url("http://bonfx.com/wp-content/uploads/2010/08/subtitle-hundreds-font-combinations.png");
	height: 53px;
	margin: 0;
	background-position:0 1px;
}

body.page-2427 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.page-2427 h1,
body.page-2427 h2,
body.page-2427 h3,
body.page-2427 h4 {
	color: #DA6427;
}

body.page-2427 h2.title {
	font-size: 29px;
	margin-bottom:16px;
	margin-top:35px;
}

body.page-2427 h3 {
	font-size: 15pt;
}

ul.big-points {
	margin: 26px 0 0 0;
}

ul.big-points li {
	font-size: 14pt;
	color: #333333;
	line-height:130%;
}

.bullet-text h3 {
	margin-top: 0;
}

#container {
	width: 940px;
	margin: 0 auto 0 auto;
}

.cols-1 {
	width: 300px;
	margin: 0 20px 20px 0;
	float: left;
}

.cols-2 {
	width: 620px;
	margin: 0 20px 20px 0;
	float: left;
}

.cols-3 {
	width: 940px;
	margin: 0 0 20px 0;
	float: left;
}
	
#book-image {
}

img.page-sample {
	background-color: #CCCCCC;
	/*width: 100px;
	height: 130px;*/
	border: 2px solid #999999;
	margin: 0 13px 0 0; 
	display: inline;
}

.no-right-pad {
	margin-right: 0;

}
.no-bottom-pad {
	margin-bottom: 0;
}

.hide-me {
	text-indent: -9999px;
}

.centerize {
	overflow: auto;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}


/* custom css for 100 top fonts page */

#container {
	width: 940px;
	margin: 0 auto 0 auto;
}

.cols-1 {
	width: 300px;
	margin: 0 20px 20px 0;
	float: left;
}

.cols-2 {
	width: 620px;
	margin: 0 20px 20px 0;
	float: left;
}

.cols-3 {
	width: 940px;
	margin: 0 0 20px 0;
	float: left;
}
	
.no-right-pad {
	margin: 0 0 20px 0;

}

h2 {
	text-transform: uppercase;
}


/* tablesorter styles */

.one-hundred-best-fonts {
	text-indent: -9999px;
	background-image: url(best-fonts.png);
	height: 80px;
}



table.tablesorter th {	
	font-size: 7pt;
	text-align: left;
}
table.tablesorter tbody tr {
	border-bottom: 1px solid #999;
	height: 210px;
	background-repeat: no-repeat;
	background-position: 55px 50px;
}
table.tablesorter tbody td {
	padding: 14px 4px 4px 4px;
	vertical-align: top;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #eee;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	text-transform: uppercase;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ccc;
}


table.basic {
	margin: 10px 0 0 0;
}
table.basic td {
	padding: 14px 0 0 0;
}
table.basic th.rank {
	width: 6%;
}
table.basic td.rank {
	text-align: center;
	background-image: url(best-fonts-list.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
	padding: 14px 0 0 0;
	margin: 0px;
	color: #D36500;
	height: 50px;
}
table.basic th.typeface-name {
	width: 16%;
}
table.basic td.typeface-name {
	font-weight: bold;
}
table.basic th.date {
	width: 6%;
}
table.basic th.type-designer {
	width: 18%;
}
table.basic th.category {
	width: 14%;
}
table.basic th.classification {
	width: 19%;
}
table.basic th.foundry {
	width: 21%;
}
div.shim {
	height: 10px;
	width: 8px;
	display: inline-block;
}

#best-fonts-text {
	float: left;
	width: 600px;
}
#best-fonts-message {
	float: right;
	margin: -10px 0 10px 0;
}
.example-image {
	z-index: 100;
	position: absolute;
	margin: 22px 0 0 -5px;
	width: 860px;
	overflow: hidden;
}


/* font list */
#list-holder {
	width: 295px;
	font-size: 8pt;
	text-align: center;
	padding: 10px 20px 0 20px;
	line-height: 15px;
}
.no-break {
	display: inline-block;
}
.back-top {
	float: right;
	clear: right;
}

.btnBucket {
	float: right;
	width: 17px;
}

/* random font combos */
.header-font {
	float: left;
	width: 280px;
	height: 70px;
}
#header-font-holder{
	width: 280px;
	height: 70px;
	overflow: hidden;
}
#header-font-wrapper {
	width: 12600px;
	height: 70px;
}
.body-font {
	float: left;
	width: 280px;
	height: 181px;
}
#body-font-holder{
	margin-top: 10px;
	width: 280px;
	height: 181px;
	overflow: hidden;
}
#body-font-wrapper {
	width: 12600px;
	height: 181px;
}