/* 	Typography
-------------------------------------------------------------- */

body {
	font: 80%/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 0;
}
h1,h2,h3,h4,h5,h6 { 
	font-family: Georgia, Times, serif;
	font-weight: 300;
	clear: both;
}
h1 { font-size: 3em; line-height: 1.5; margin: 0.5em 0; }
h2 { font-size: 2em; line-height: 1.5; }
h3 { font-size: 1.5em; line-height: 1.5; margin: 1em 0; }
h4 { font-size: 1.2em; line-height: 1.25; margin: 1.25em 0; }
h5 { font-size: 1em; font-weight: bold; margin: 1.5em 0; }
h6 { font-size: 1em; font-weight: bold; }
p { 
	text-indent: 2em; 
	margin-top: 0;
}
p.date { 
	text-indent: 0;
	font: italic .9em/1.5em Georgia, Times, serif;
	margin-top: .25em;
	color: #A5A5A5;
	text-shadow: rgb(68, 68, 68) 1px 1px 1px;
}
a { 
	color: #000; 
	text-decoration: none;
	border-bottom: 1px solid #333;
}
a:hover {
	background: #777;
	color: #000;
}
a:focus {
	outline: none;
	background: #aaa;
}
a img { border: none; }
del {
	text-decoration: line-through;
}
ins {
	font-style: italic;
	text-decoration: none;
	color: #999;
}
ins:before {
	content: 'Note: ';
}
blockquote {
	font-style: italic;
	font-family: Georgia, Times, sans-serif;
	color: #222;
	border: 3px double #666;
	padding: 1em;
	margin: 2em;
	border-width: 3px 0;
}
hr {
	border: 0;
	height: 1px;
	background: #666;
}
hr + p {
	font-size: 11px;
}
code {
	color: #fff;
	font: 11px/1.5em Monaco,Courier,mono;
	background: rgba(0,0,0,.5);
	padding: 2px;
}
pre code {
	display: block;
	padding: 10px;
	overflow: auto;
}
.copyright {
	color: #333;
	text-align: center;
	font: italic 11px/1.5em Georgia, Times, serif;
}
h2#blog, h2#portfolio, h2#music, h2#linklist {
	width: 300px;
	height: 50px;
	background: url('../img/blog.png') no-repeat;
}
/*h2#blog a, h2#portfolio a, h2#music a, h2#linklist a {
	display: block;
	text-indent: -9999px;
	width: 240px;
	height: 50px;
	border: 0;
}*/
h2#blog, h2#portfolio, h2#music, h2#linklist {
	display: block;
	text-indent: -9999px;
	width: 240px;
	height: 50px;
	border: 0;
}
h2#blog a:hover, h2#portfolio a:hover, h2#music a:hover, h2#linklist a:hover { background: none; }
h2#portfolio { background-image: url('../img/portfolio.png'); }
h2#music { background-image: url('../img/music.png'); }
h2#linklist { background-image: url('../img/linklist.png'); }

/* 	Structure
-------------------------------------------------------------- */

body {
	margin: 0;
	background: url('../img/clouds.png') no-repeat center top #5c5c5c;
	background-attachment: fixed;
}
.container {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
.column {
	float: left;
	margin-right: 10px;
}
.last { margin-right: 0; }
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }
.span-8 img { max-width: 308px; }
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 
#logo { 
	text-indent: -9999px;
	background: url('../img/thebigreason.png') 280px no-repeat;
	height: 200px;	
}
.thumbs img {
	background: #444;
	border: 1px solid #777;
	padding: 5px;
	width: 215px;
}
.thumbs div {
	font: italic .9em/1.5em Georgia, Times, sans-serif;
	color: #333;
}

/* 	Navigation
-------------------------------------------------------------- */

.navigation {
	position: absolute;
	top: 140px;
	right: 80px;
	width: 230px;
}
.navigation, .navigation ul, #footnav, #footnav ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}
.navigation ul {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #666;
}
.navigation li, #footnav li {
	display: inline;
	margin-right: 8px;
}
#footnav li { margin: 0 4px; }
.navigation li+li { padding-left: 9px; }
.navigation a, #footnav a {
	text-decoration: none;
	border: 0;
	color: #111;
}
.navigation a:hover, #footnav a:hover,
#bhome a#nhome, #bhome a#fhome, 
#bblog a#nblog, #bblog a#fblog, 
#blinklist a#nlinklist, #blinklist a#flinklist, 
#bportfolio a#nportfolio, #bportfolio a#fportfolio, 
#bprojects a#nprojects, #bprojects a#fprojects, 
#bmusic a#nmusic, #bmusic a#fmusic, 
#babout a#nabout, #babout a#fabout {
	color: #000;
	border-bottom: 1px solid #333;
	background: none;
}
#nsearch form {
	padding: 1em 0 0;
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
}
#nsearch form:hover {
	opacity: 0.99;
	-moz-opacity: 0.99;
	filter:alpha(opacity=99);
}
#nsearch input { 
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 162px;
	background: url('../img/text-bg.png');
	border: 0;
	padding: 3px;
}
#nsearch input#search {
	width: auto;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#nsearch p { text-indent: 0; }
#breadcrumbs {
	padding: 0 0 30px 0;
	color: #666;
	font-size: 12px;
	border-bottom: 3px double #666;
}
#breadcrumbs li { display: inline; }
#breadcrumbs a {
	text-decoration: none;
	border: 0;
}
#breadcrumbs a:hover {
	color: #111;
	text-decoration: none;
	border-bottom: 1px solid #333;
	background: none;
}
#breadcrumbs span { color: #222; }
.pagination {
	text-align: center;
	padding-top: 30px;
}
.pagination * { padding: 2px 6px; }
.pagination a {
	border: 0;
	background: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pagination a:hover {
	border: 0;
	background: #777;
}
.pagination .deact { color: #444; } 
.pagination #current { font-weight: bold; }
#bblog .item, #bportfolio .item, #bmusic .item { margin-bottom: 50px; }
h1 a, h3 a {
	text-decoration: none;
	border: none;
}
h1 a:hover, h3 a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
	background: none;
}
a.external, a.external:hover {
	background: url('../img/external-link.png') center right no-repeat;
	padding-right: 22px;
}
a.continue {
	font: italic .85em/1.5em Georgia, Times, serif;
	color: #000;
	border-bottom: 1px solid #333;
	display: block;
	width: auto;
	float: right;
	text-decoration: none;
}
a.download {
	padding: 1px 8px 1px 0;
	color: #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
}
a.download:hover { color: #ccc; }
a.tm { background: #333 url('../img/snippets-icon.png') 3px no-repeat; }
kbd {
	font-size: 11px;
	background: #666;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.clolumn.span-24.last.clear { padding-top: 5px; }
.thumbs a { border: 0; }
.thumbs a:hover { background: transparent; }
#footnav {
	border-top: 3px double #666;
	clear: both;
	margin-top: 30px;
	padding: 20px 0 0;
}

/* 	Layout
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.center { margin: auto; display: block; }
.clear { clear: both; }
img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }
img.border, .figure {
	background: #444;
	border: 1px solid #777;
	padding: 5px;
	text-align: center;
}
.images {
	margin-top: 95px;
}
.figure { margin-bottom: 1em; }
.figure img { max-width: 630px !important; }
.figure p {
	font: italic .9em/1.5em Georgia, Times, sans-serif;
	color: #999;
	margin: 0;
}
.caption {
	width: 220px;
	padding: 5px;
	float: left;
	margin-right: 5px;
}
.caption img.iphone { width: 220px; }
.caption p {
	text-indent: 0;
	font: italic .85em/1.5em Georgia, Times, serif;
	color: #333;
}
.item h3 { margin-bottom: .25em; }
.item_listing div {
	height: 100px;
	overflow: hidden;
	margin-bottom: 1em;
	border: 1px solid #777;
	padding: 5px;
	background: #444;
}
.item_listing div.audioplayer {
	background: none;
	border: 0;
	padding: 0;
}
.item_listing div img { width: 218px; }
.item_listing div.audioplayer { height: auto; }
.audioplayer .altplayer {
	display: block;
	padding: 5px 5px 5px 25px;
	border: 1px solid #555;
	height: auto;
	background: #666 url('../img/arrow-r.png') 5px no-repeat;
}
.item img {
	background: #444;
	border: 1px solid #777;
	padding: 5px;
	width: 218px;
	float: left;
	margin: 0 1em 1em 0;
}
div.border {
	border: 1px solid #777;
	padding: 5px;
	background: #444;
}
div.media { padding: 10px; }
.ads { margin-top: 4em; }
.span-16 img {
	max-width: 580px;
}
#lawn-signs {
	text-align: center;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 150px;
	width: 1012px;
	bottom: 0;
}
#lawn-signs a {
	border: 0;
	position: absolute;
}
img#lawn { 
	position: absolute;
	bottom: 0;
	left: 0;
}
a#obama { top: 10px; left: 115px;}
a#prop8 { top: 12px; right: 112px;}
a#prop11 { top: 14px; right: 420px;}
#lawn-signs a:hover { background: none; }

/* 	Page Specific
-------------------------------------------------------------- */

#bhome .item div { 
	margin-bottom: 10px;
}

#bmusic .audioplayer { float: left; }
#bhome h3 { margin-bottom: 0; }
#bhome .item h4 { display: none; }
#bblog .item h4, #bblog h2, #bportfolio h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#bblog h2 { font-size: 20px; }
#bblog .item h4 { margin: 0; }
.credits {
	margin-left: 1.5em;
	float: left;
}
.credits h4 {
	font-style: italic;
	margin: 0 0 1em;
}
.credits p { font-size: 11px; }
.credits em {
	color: #222;
	font-size: 12px;
}
#bprojects h3 {
	margin: 1em 0 .5em;
	padding: .5em 0;
	border-top: 1px solid #777;
}
#babout .column.span-24.last { position: relative; }
#author, #website {
	position: absolute;
	top: 60px;
	width: 230px;
}
#author {
	right: 100px;
}
#website {
	left: 100px;
	text-align: right;
}