/*
Theme Name: Bold New Ideas
Theme URI: http://wordpress.org/
Description: A simple, grid-based, two-column layout. Uses fancy webfonts.
Version: 1.0
Author: Matt Henry
Author URI: http://mwhenry.com/
Tags: webfonts, fluid, elastic

	Bold New Ideas v1.0
	 http://binarybonsai.com/kubrick/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* YUI 2.7 Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* Declare font families */


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Kingsthings
 * @vendorurl:  http://www.kingthingsfonts.co.uk/
 * @licenseurl: http://www.fontsquirrel.com/license/Kingthings-Spikeless
 *
 *
 */

@font-face {
	font-family: 'Kingthings Spikeless Regular';
	src: url('fonts/Kingthings-Spikeless/Kingthings_Spikeless.eot');
	src: local('Kingthings Spikeless Regular'), local('KingthingsSpikeless'), url('fonts/Kingthings-Spikeless/Kingthings_Spikeless.woff') format('woff'), url('fonts/Kingthings-Spikeless/Kingthings_Spikeless.ttf') format('truetype'), url('fonts/Kingthings-Spikeless/Kingthings_Spikeless.svg#KingthingsSpikeless') format('svg');
}

/*
 * This CSS file has been generated by fontsquirrel.com
 *
 * The fonts included are copyrighted.
 *
 * @vendor: The League of Moveable Type
 * @vendorurl: http://www.theleagueofmoveabletype.com
 * The license for this font family can be found on the fontsquirrel.com website.
 *
 * @licenseurl: http://www.fontsquirrel.com/license/ChunkFive
 *
 */


@font-face {
	font-family: 'ChunkFive';
	src: url('fonts/ChunkFive/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/ChunkFive/Chunkfive.woff') format('woff'), url('fonts/ChunkFive/Chunkfive.otf') format('opentype'), url('fonts/ChunkFive/Chunkfive.svg#ChunkFive') format('svg');
}

/*
 * This CSS file has been generated by fontsquirrel.com
 *
 * The fonts included are copyrighted.
 *
 * @vendor: FontSite Inc.
 * @vendorurl: http://www.fontsite.com
 * The license for this font family can be found on the fontsquirrel.com website.
 *
 * @licenseurl: http://www.fontsquirrel.com/license/CartoGothic-Std
 *
 */

@font-face {
	font-family: 'CartoGothic Std';
	src: url('fonts/CartoGothic-Std/CartoGothicStd-Book.eot');
	src: local('CartoGothic Std Book'),
	     local('CartoGothicStd-Book'),
	     url('fonts/CartoGothic-Std/CartoGothicStd-Book.otf') format('opentype');
}

@font-face {
	font-family: 'CartoGothic Std';
	src: local('CartoGothic Std Italic'),
	     local('CartoGothicStd-Italic'),
	     url('fonts/CartoGothic-Std/CartoGothicStd-Italic.otf') format('opentype');
	font-style: italic;
}

@font-face {
	font-family: 'CartoGothic Std';
	src: local('CartoGothic Std Bold'),
	     local('CartoGothicStd-Bold'),
	     url('fonts/CartoGothic-Std/CartoGothicStd-Bold.otf') format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'CartoGothic Std';
	src: local('CartoGothic Std Bold Italic'),
	     local('CartoGothicStd-BoldItalic'),
	     url('fonts/CartoGothic-Std/CartoGothicStd-BoldItalic.otf') format('opentype');
	font-weight: bold;
	font-style: italic;
}

body {
	font-size: 62.5%;
	font-family: sans-serif;
  text-rendering: optimizeLegibility  
}

a { 
  color: #142acc; 
  text-decoration: none; 
  -webkit-transition: color .2s linear;
}

a:hover { color: #B23E12; }

#page {
	margin: 0 auto;
	padding: 40px 80px;
}

#header {
	border-bottom: 10px solid #ff4600;
	font-size: 6em;
	line-height: .7em;
	overflow: hidden;
	padding: .15em 0 0.1em 0;
}

#header, #content h2, #content h3, 
#footer h2 {
 	font-family: 'ChunkFive';
}

h4 {
  font-style: italic;
}

h3, h4 {
  color: #333;
}

h4 {
  font-size: .9em;
}

#header h1 a:hover:after {
	content: '}';
	position: absolute;
}

h1 a, h2 a, h3 a,
h1 a:hover, h2 a:hover, h3 a:hover { 
	color: #000;
	text-decoration: none; 
}

#header .description {
	font-size: .5em;
	text-transform: lowercase;
}

#header .site-title {
	float: left;
	width: 70%;
}
 
#content, #footer {
	border-top: 10px solid #3400d0;
	clear: both;
	font-family: 'CartoGothic Std', sans-serif;
	font-size: 1.8em;
}

.post { clear: both; margin-bottom: 1em; }

.post h2 {
  font-size: 1.2em;
	letter-spacing: .02em; 
	margin-bottom: .5em; 
	padding-top: .7em; 
}

.entry {
	float: left;
	line-height: 1.3em;
	margin-right: 10%;
  padding-bottom: 3em;
	width: 60%;
}

.entry p, .entry ul, .entry ol, .entry dl,
.code, .about p { 
	margin-bottom: 1em;
}

.entry li { margin-bottom: .5em; }

.entry ul, .entry ul li {	list-style-type: square; }

.postmetadata {
	border-top: 10px solid #666;
	color: #999;
	float: right;
	padding-top: .5em;
	width: 30%;
}

blockquote {
	font-size: .9em;
	line-height: 1.2em;
	margin-left: 2em;
}

code, .code {
	font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Inconsolata', 'Menlo', 'Consolas', 'Courier New', Courier,  monospace;
}

.code {
	background-color: #ccc;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
	overflow: hidden;
  padding: .5em;
  text-overflow: ellipsis;
  -webkit-transition: padding-right .1s linear;
}

.code:hover, .code:focus {
  overflow: visible;
  padding-right: 12em;
  width: 100%;
  position: relative;
  z-index: 10;
}

.image {
  float: right;
  border-bottom: 10px solid #666;
  margin: 1em 0 0em 1em;
}

.image img {
  display: block;
  border: 1px solid #333;
}

.caption {
  font-style: italic;
  font-size: .8em;
}

.date {
  color: #000
}

#respond { clear: both; margin-bottom: 4em;}

h3#comments { clear: both; }

li.comment {
  padding-bottom: 1em;
  border-bottom: 4px dotted #666;
  margin-bottom: 1em;
}

.comment p {
  margin-bottom: .5em;
  width: 60%;
}

.comment.bypostauthor {
  border-left: 6px solid #666;
  padding-left: 1em;
}

.navigation { clear: both; }

#footer { 
	clear: both; 
	border-top: 10px solid #B23E12;
	margin-top: 1em;
	padding-top: 1em; 
}

.about, .archives, #searchform { 
  width: 60%;
}

#searchform input[type="text"], #respond label,
#respond input[type="text"], #respond textarea {
  font-size: 1.2em;
  margin-bottom: .2em;
}

#respond textarea {
  width: 60%;
}

#searchform input[type="submit"],
#respond input[type="submit"] {
  font-size: 1em;
  border: 2px solid #666;
  padding: .2em;
  position: absolute;
}

input[type="submit"]:hover {
  border: 2px solid #ccc;
}

#searchform .screen-reader-text {
	display: block;
	text-indent: -9999em;
}

.scary {
  font-family: "Kingthings Spikeless Regular";
  text-transform: capitalize;;
}

/* Table styles */

table.results { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .8em; 
}

td, th {
  border: 1px solid #666; 
  border-collapse: collapse;
  padding: .2em;
}

tbody th, tfoot td { text-align: left }
td { text-align: center }
.no { background-color: #FF6874 }
.yes { background-color: #ADFFA8 }


/* @mobile styles */

@media handheld, only screen and (max-device-width: 480px) {

#header {
  font-size: 15em;
}

#header p.description {
  font-size: .35em;
}

#content, #footer {
  font-size: 6em;;
}

.entry, .postmetadata, .about {
  float: none;
  width: 100%;
}

.code {
  overflow: scroll;
}

/* @group Example styles */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../../../examples/font-variant/fonts/League_Gothic.eot');
	src: local('League_Gothic'), url('../../../examples/font-variant/fonts/League_Gothic.ttf') format('truetype'), url('../../../examples/font-variant/fonts/League_Gothic.svg#webfont') format('svg');
}

p.font-variant {
	font-size: 2em;
	font-family: "Helvetica Neue",Helvetica,"Liberation Sans",Arial,sans-serif;
}

/*.font-variant.lg {
	font-family: 'LeagueGothicRegular';
}

.font-variant.sc {
	font-variant: small-caps;
}*/