@charset "utf-8";


/* ------------------------------------------ Branding */

#home h1{
	background: transparent url("http://www.getfinch.com/images/interface/finch_splash.png") 0 0 no-repeat;
	height: 382px;
	width: 656px;
	margin:1.4em 0 3em 0;
	padding:0;
}

#home_a h1{
	background: transparent url("http://www.getfinch.com/images/interface/finch_splash.png") 0 0 no-repeat;
	height: 382px;
	width: 656px;
	margin:1.4em 0 3em 0;
	padding:0;
}



#interior h1 a{
	background: transparent url("http://www.getfinch.com/images/interface/finch.png") 0 0 no-repeat;
	height: 60px;
	width: 103px;
	margin:1.4em 0 1.5em 0;
	padding:0;
	display:block;
}


#interior #about{
	background: transparent url("http://www.getfinch.com/images/interface/boring.png") 0 0 no-repeat;
	height: 111px;
	width: 785px;
	margin:1.4em 0 2em 0;
	padding:0;
}

#interior #work{
	background: transparent url("http://www.getfinch.com/images/interface/fresh.png") 0 0 no-repeat;
	height: 111px;
	width: 785px;
	margin:1.4em 0 2em 0;
	padding:0;
}

#interior #talk{
	background: transparent url("http://www.getfinch.com/images/interface/good.png") 0 0 no-repeat;
	height: 111px;
	width: 785px;
	margin:1.4em 0 2em 0;
	padding:0;
}

#interior #archive{
	background: transparent url("http://www.getfinch.com/images/interface/past.png") 0 0 no-repeat;
	height: 111px;
	width: 785px;
	margin:1.4em 0 2em 0;
	padding:0;
}

#interior #entry{
	background: transparent url("http://www.getfinch.com/images/interface/thinking.png") 0 0 no-repeat;
	height: 111px;
	width: 785px;
	margin:1.4em 0 2em 0;
	padding:0;
}


div .finchism {
	text-align: right;
	font-size: .7em;
	position: relative;
        height: 26px;
	top: 22em;
	padding: .5em 26px 1em 0;
	background: transparent url("http://www.getfinch.com/images/interface/birdie.png") right 0 no-repeat;
}


#interior div .finchism {
	top: 7em;
}



/* ------------------------------------------ Hide */
	span.hide {
		display:none;
	}
	
	
/* ------------------------------------------ Navigation */

.grid_3.finchism{
	position:relative;
	top: 6.5em;
}

div ul#nav {
list-style-type:none;
position: relative;
margin:14em 0 0 0;
padding:0;
float: left;
width: 5em;
}

#interior div ul#nav{
list-style-type:none;
position: relative;
margin:1em 0 0 0;
padding:0;
width: 5em;
float: left;
}

div ul#nav li {
display:block;
margin:0;
padding:0;
float: left;
}

div ul#nav li a {
border-bottom:medium none;
cursor:pointer;
float:left;
margin:0;
padding: .2em 0 .2em .1em;
font-size: 1.3em;
color: #CCC;
}

div ul#nav li a:hover, div ul#nav li a:focus {
color: #000;
}

div ul#nav li.current a{
color: #000;
}


/* ------------------------------------------ Sidebar */

#sidebar h3{
font-size: 0.81em;
text-transform: uppercase;
letter-spacing: 2.6pt;
font-weight: normal;
margin: 3em 0 .5em 0;
}

#sidebar p.tweet{
font-size: .9em;
line-height: 1.2em;
background-color: #F5F5F5;
padding: 1em .5em 1em 1em;
margin: 0;
}

#sidebar p.follow{
font-size: .9em;
line-height: 1.2em;
background-color: #666;
padding: 0;
margin: .7em 0 0 0;
} 

#sidebar a.twitter{
background:transparent url("http://www.getfinch.com/images/interface/twitter.jpg") 0 top no-repeat;
height: 66px;
width: 104px;
display: block;
padding: 0;
margin: 0;
border-bottom: none;
}

#sidebar a:hover.twitter, #sidebar a:focus.twitter{
background:transparent url("http://www.getfinch.com/images/interface/twitter.jpg") 0 -76px no-repeat;

}

#sidebar ul li{
	padding: .5em 0;
}


#sidebar ul{
	margin: 0;
}


#wantmore{
margin: 1em 0 0 0;
color: #888;
font-size: .9em;
}

#wantmore a{
border-bottom: 1px dotted #333;
}
	
#wantmore a:hover, #wantmore a:focus{
	color: #00A2C8;
	}


/* ------------------------------------------ Post */

#post p{
	line-height: 1.9em;
	margin: 0;
    font-size:1.1em;
    padding: .5em .25em;
}

#post span.bleu p{
	color:#002FA7;
}

#post p a, #content p a, #content ul li a  {
  border-bottom:1px dotted #333333;
}

#interior #post{
	margin-top: 4em;
}

#post .date{
       padding-right: 1em;
       color: #999;
}

#post div.end p{
	color: #999;
	margin: 0;
	font-size: 1.1em;
}

#post div.end .align{
	text-align: right;
}

#post .fin{
	background:transparent url("http://www.getfinch.com/images/interface/fin.png") center center no-repeat;
	height: 21px;
	width: 650px;
	margin: 2em 0 1em 0;
}

#post div.end a{
	border-bottom: none;
}

#post .infobar{
       padding: .5em .5em;
       margin: .5em 0 1em 0;
       font-size: .9em;
       border-top: 1px dotted #DDD;
       border-bottom: 1px dotted #DDD;
}

#post .info{
       padding: 0;
       margin: 0 0 .5em 0;
       color: #999;
      font-size: .9em;
}


#home_a #post p.continue{
       padding: 0 0 2.5em .5em;
       margin: .5em 0 2em 0;
       font-size: .9em;
      text-transform: uppercase;
}


#home_a #post .section {
color:#BBBBBB;
font-size:0.8em;
letter-spacing:0.5em;
margin:0 0 1em;
padding:0;
text-transform:uppercase;
}


#home_a #post h4{
font-weight: normal;
font-size:1.3em;
line-height: 1.2em;
margin:0.15em 0;
letter-spacing: -1px;
}

html body div#post div.description p{
padding: .5em 0 2em 0;
margin: 0 0 2em 0;
line-height: 1.5em;
font-size: .9em;
color: #666;
border-bottom: 1px dotted #ddd;
}

#post a img{
	margin: .5em 0 1em 0;
}

#post img{
	margin: .5em 0 1em 0;
}
	
#post a:hover img, #post a:focus img{
	border-color: #00A2C8;}

.comments {
     font-size: .95em;
     line-height: 1em;
     background-color: #F5F5F5;
     padding: 1em 1.75em;
     margin: .5em 0 1em 0;}

#post .commentform h4{
font-size: 1.7em;
font-weight: normal;}

#post .commentform a:hover h4, #post .commentform a:focus h4  {
color:#333;
}


.comments .stamp{
    padding: .5em;
    font-size: .9em;
    color: #BBB;
}

#post span.total{
   padding: 0;
   margin-left: .15em;
   font-size: 1.2em;
}

#post strong{
font-weight: bold;
color: #333;
}

.commentform{
     padding: 3em 0 0 0;
     margin: 0;}

.paginate {
font-size: .9em;
padding: 0 0 1em 0;
color: #888;
margin: .25em;
border-bottom: 1px dotted #ccc;
}

html body div #comment_form .commentform input,
form#contact input{
font-size: .9em;
background:#EEE none repeat scroll 0 0;
border-color:#EEE #EEE #EEE;
border-style:solid;
border-width:1px;
float:left;
margin:0 30px 0 0;
outline-color:#EEE;
outline-style:none;
outline-width:medium;
padding:8px 5px 0;
width:280px;
margin-bottom: 2em;
cursor: pointer;
}

html body div #comment_form .commentform textarea,
form#contact textarea{
font-size: .9em;
background:#EEE none repeat scroll 0 0;
border-color:#EEE #EEE #EEE;
border-style:solid;
border-width:1px;
float:left;
margin:0 30px 0 0;
outline-color: #EEE;
outline-style:none;
outline-width:medium;
padding:8px 5px 0;
width:380px;
margin-bottom: 1em;
}


/* ------------------------------------------ Footer */

#footerwrap {
	margin: 5em 0 0 0;
	background-color: #333;
	padding:0;
    border-bottom: #333 solid 30px;
}

#footer {
	padding: 3em 0 1em 0;
	margin: 0 auto;
	width: 960px;
	}
	
#footer h4 {
		font-weight: normal;
		font-size: 1.5em;
		color: #fff;
		margin-bottom: .5em;
}

#footer h3 {
	font-weight: normal;
	font-size: 1.2em;
	color: #999;
	margin-bottom: .5em;
	}

#footer p {
	color: #BBB;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 1em;
	}
	
#footer p span{
	color: #BBB;
	font-size: .8em;
	line-height: 1.4em;
}
	
#footer a img{
		border: 1px solid #CCC;
		margin-top: .5em;
	}
	
#footer .thumbs a img{
		margin-top: 1em;
}

	
#footer a:hover img,#footer a:focus img{
		border-color: #00A2C8;
		}
	
#footer ul li{
	border-bottom:1px dotted #666;
	padding: .5em 1em;
	font-size: 1em;
	}
	
#footer a{
	color: #CCC;
	}

#footer a:hover,#footer a:focus{
	color: #00A2C8;
	}
	
#footer div.copyright {
	border-top: 1px solid #444;
	padding: .5em 0 0 0;
	margin: 1em 0 0 0;
}	
	

#footer div.copyright p{
	color: #666;
	font-size: .7em;
	text-transform: uppercase;
}

#footer div.copyright a{
	color: #888;
}

#footer div.copyright p.right{
	text-align: right;
}
	

/* ------------------------------------------ Self-Clearing Floats*/
	
#footerwrap:after, #footer:after, .carousel:after, .folio:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}


#soon {
		background: transparent url("http://www.getfinch.com/images/interface/backsoon.png") 0 0 no-repeat;
		height: 135px;
		width: 333px;
		margin:9em 0 0 0;
		padding:0;
}


/* ------------------------------------------ Content */

#content ul li{
	border-bottom:1px dotted #888888;
	padding: .75em 0;
}

#content ul li.top{
padding-top: 0;
}

#content ul li a{
      text-decoration: none;
}


/* ------------------------------------------ Archived */

#archived {
margin: 2em 0 0 0;
}

#archived h3{
font-weight: normal;
}

#archived .titlebot{
font-weight: normal;
margin: 2em 0 0 0;
}

#archived .date{
font-size:0.81em;
font-weight:normal;
letter-spacing:2.6pt;
margin:3em 0 0.5em;
text-transform:uppercase;
}

#archived ul{
       padding: 0;
       margin: 0;
}


#archived ul li{
border-bottom:1px dotted #888888;
font-size:1.1em;
padding:0.5em 1em;
}

#archived ul li.top{
padding-top: 0;
}

#archived ul li a{
      border-bottom: medium none;
}


/* ------------------------------------------ Folio */

.folio {
padding: 0;
margin: 4em 0 0 0;
}

.folio a{
border-bottom:medium none;
}

.folio h3{
font-size: 1.2em;
margin: .15em 0;
font-weight: normal;
}

.folio h4{
text-transform: uppercase;
color: #BBB;
font-weight: normal;
font-size:0.81em;
letter-spacing: 2.6pt;
margin-bottom:1em;
}

.folio p.description{
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: .5em 0;
margin: 0 0 1em 0;
line-height: 1.5em;
font-size: .9em;
color: #666;
}

.folio a span.launch {
margin: 0;
padding: 0 12px 0 0;
background: transparent url("http://www.getfinch.com/images/interface/launchicon.png") no-repeat scroll top right ;
}

a.group img {
border: 1px solid #fff;
margin-bottom: .5em;
}

a:hover.group img {
border: 1px solid #00A2C8;
}

/* ------------------------------------------ SenCSS 0.6 */

html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;padding:0;vertical-align:baseline;
	}

body{
	background-color: #fff;
	border-top: #333 solid 5px;
	color:#444;
	padding: 0;
	margin: 0;
	font:82%/1.5em Georgia,Palatino,"Palatino Linotype",serif;
	position:relative;
	}
	
textarea{
	font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif
	}
	
blockquote,q{
	quotes:none
	}
	
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
	}
	
:focus{
	outline: none;
	}
	
a{
	color: #333;
	text-decoration: none;
	}
	
a:hover,a:focus{
	color: #00A2C8;
	}
	
abbr,acronym{
	border-bottom:1px dotted;
	cursor:help;
	font-variant:small-caps
	}
	
address,cite,em,i{
	font-style:italic
	}
	
blockquote p{
	margin:0 1.5em 1.5em;
	padding:0.75em
	}
	
code,kbd,tt{
	font-family:"Courier New", Courier, monospace;line-height:1em;
	}
	
del{
	text-decoration:line-through;
	}

dfn{
	border-bottom:1px dashed;
	font-style:italic
	}
	
dl{
	margin:0 0 1.5em;
	}
	
dt{
	font-weight:700;
}

dd{
	padding-left:1.5em;
}

h1{
	font-size:2em;
	font-weight:700;
	margin:0 0 0.75em
}
	
h2{
	font-family:Georgia,Palatino,"Palatino Linotype",serif;
font-size:2.4em;
font-weight:normal;
margin-bottom:1em;
line-height: 1.1em;
letter-spacing: -1px;
}
	
h3{
	font-size:1.666em;
	margin:0 0 1.285em;
}


div #content {
margin-top: 2em;
}

div #content h3{
font-size: 1.6em;
font-weight: normal;
}

	
h4{
	font-size:1em;
	margin:0 0 1.5em
}
	
h5{
	font-size:0.8333em;
	margin:0 0 1.8em
}

h6{
	font-size:0.666em;
	margin:0 0 2.25em
}

img{
	display:inline-block;
	vertical-align:bottom
}

ins{
text-decoration:overline}

ol{
list-style:inside decimal}

p{
margin:0 0 1.5em}

pre{
font-family:"Courier New", Courier, monospace;margin:0 0 1.5em}

sub{
top:0.4em;font-size:0.85em;line-height:1;position:relative;vertical-align:baseline}

sup{
font-size:0.85em;line-height:1;position:relative;bottom:0.5em;vertical-align:baseline}

strong,b{
font-weight:700}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ul,ol{
margin:0 0 1.5em;padding:0}

li ul,li ol{
margin:0}

li li{
padding-left:1.5em}

table{
border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}

caption{
font-style:italic;text-align:left}

tr.alt td{
background:#eee}

td{
border:1px solid #000;padding:0.333em;vertical-align:middle}

th{
font-weight:700;padding:0.333em;vertical-align:middle}


/* ------------------------------------------ Forms */

#contact label{
float: left;
}

html body form#contact input, html body form#contact textarea{
margin: 1em 0 1.5em 0;
float: left;
}

#contact label, #comment_form label{
font-weight: normal;
}

#contact span.requiredfield, #comment_form span.requiredfield{
color: #CCCCCC;
padding: 1em 0 0 0;
}

.commentform label.error, form#contact label.error{
font-size: .85em;
color: red;
margin-bottom: 2em;
} 

html body div #comment_form .commentform input#sendit,
html body form#contact input#sendit{
background-color: #333;
border: medium none;
vertical-align: middle;
color: #fff;
margin: 1em 0 0 0;
padding: 0;
font-size: 1.2em;
font-family: Georgia,Palatino,"Palatino Linotype",serif;
width: 106px;
height: 40px;
cursor: pointer;
}

label em {
color: red;
}

form button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:0.8em 0 0;padding:0 0.5em}
form fieldset{border:0;margin:0 0 1.5em;position:relative;padding:1.5em 0 0}
form fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
form input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;line-height:1.5em;padding:0.29em 0;width:100%;margin:.25em 0 0.75em}
form input[type=file]{height:2.25em;padding:0}
form textarea{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;margin:0;padding:0.29em 0;width:100%}
form select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;margin:0 0 0.75em;padding:0.2em 0 0}
form optgroup {font-weight:700;font-style:normal;text-indent:0.2em}
form optgroup + optgroup {margin-top:1em}
form option{font-size:1em;height:1.5em;padding:0;text-indent:1em}
form label{cursor:pointer;display:block;height:1em;line-height:1.4em;margin:0;padding:0;width:100%}
form label input{background:0;border:0;height:1em;line-height:1.5em;margin:0 0.5em 0 0;padding:0;width:auto}
form legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}