* {
  margin: 0;
  padding: 0;
  border: 0;
  }

body {
  margin: 0;
  background: #faf9f5 url('http://dl.dropbox.com/u/274980/hosted/images/bg.png');
  color: #3e3e3e;
  line-height: 1em;
  text-align: center;
  }

#accessibility {
  position: absolute;
  left: -999px;
  }

#top {
  display: block;
  width: 100%;
  height: 24px;
  padding-bottom: 2px;
  background: #eae5d1;
  border-bottom: 1px solid #d6d1be;	
  }

#about-box {
	float: right;
  display:inline;
  width: 220px;
  margin-top: -1px;
  margin-right: 10px;
  text-align: left;
  }
  
.shade {
  background: url('http://dl.dropbox.com/u/274980/hosted/images/shade.png') no-repeat 0 0;
  height: 36px;
  }
  
#menu {
  padding: 18px 9px;
  background-color: #eae5d1;
  border: 1px solid #d6d1be;
  border-top: none;
  }    
  
#logo { margin-top: 72px; }
  
.col1 {
  width: 160px;
  float: left;
  display:inline;
  margin-right: 10px;
  }
  
.col1 p { color: #3e3e3e; }  
  
.col2 {
  float: right;
  display:inline;
  width: 500px;
  margin-left: 10px;
  clear: right;
  }  


/* Containers
----------------------------------------------------------------------------------------------------*/

#wrapper {
  width: 100%;  
  margin: 0 auto;
  text-align: left;
  }

.container_12 {
	width: 960px;
  }

.container_12 .grid_9 {
  margin-top: 36px;
  }

div.post { padding-top: 18px; } 

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
  }


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
  }

.omega {
	margin-right: 0;
  }


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
  }

.container_12 .grid_2 {
	width:140px;
  }

.container_12 .grid_3 {
	width:220px;
  }

#side .grid_3 {
  position: fixed;
  top: 600px;
  left: 720px;
  }
  
.container_12 .grid_4 {
	width:300px;
  }

.container_12 .grid_5 {
	width:380px;
  }

.container_12 .grid_6 {
	width:460px;
  }

.container_12 .grid_7 {
	width:540px;
  }

.container_12 .grid_8 {
	width:620px;
  }

.container_12 .grid_9 {
	width:680px;
  }

.container_12 .grid_10 {
	width:780px;
  }

.container_12 .grid_11 {
	width:860px;
  }

.container_12 .grid_12 {
	width:940px;
  }


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
  }

.container_12 .prefix_2 {
	padding-left:160px;
  }

.container_12 .prefix_3 {
	padding-left:240px;
  }

.container_12 .prefix_4 {
	padding-left:320px;
  }

.container_12 .prefix_5 {
	padding-left:400px;
  }

.container_12 .prefix_6 {
	padding-left:480px;
  }

.container_12 .prefix_7 {
	padding-left:560px;
  }

.container_12 .prefix_8 {
	padding-left:640px;
  }

.container_12 .prefix_9 {
	padding-left:720px;
  }

.container_12 .prefix_10 {
	padding-left:800px;
  }

.container_12 .prefix_11 {
	padding-left:880px;
  }


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
  }

.container_12 .suffix_2 {
	padding-right:160px;
  }

.container_12 .suffix_3 {
	padding-right:240px;
  }

.container_12 .suffix_4 {
	padding-right:320px;
  }

.container_12 .suffix_5 {
	padding-right:400px;
  }

.container_12 .suffix_6 {
	padding-right:480px;
  }

.container_12 .suffix_7 {
	padding-right:560px;
  }

.container_12 .suffix_8 {
	padding-right:640px;
  }

.container_12 .suffix_9 {
	padding-right:720px;
  }

.container_12 .suffix_10 {
	padding-right:800px;
  }

.container_12 .suffix_11 {
	padding-right:880px;
  }


/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
  }

.container_12 .push_2 {
	left:160px;
  }

.container_12 .push_3 {
	left:240px;
  }

.container_12 .push_4 {
	left:320px;
  }

.container_12 .push_5 {
	left:400px;
  }

.container_12 .push_6 {
	left:480px;
  }

.container_12 .push_7 {
	left:560px;
  }

.container_12 .push_8 {
	left:640px;
  }

.container_12 .push_9 {
	left:720px;
  }

.container_12 .push_10 {
	left:800px;
  }

.container_12 .push_11 {
	left:880px;
  }


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
  }

.container_12 .pull_2 {
	left:-160px;
  }

.container_12 .pull_3 {
	left:-240px;
  }

.container_12 .pull_4 {
	left:-320px;
  }

.container_12 .pull_5 {
	left:-400px;
  }

.container_12 .pull_6 {
	left:-480px;
  }

.container_12 .pull_7 {
	left:-560px;
  }

.container_12 .pull_8 {
	left:-640px;
  }

.container_12 .pull_9 {
	left:-720px;
  }

.container_12 .pull_10 {
	left:-800px;
  }

.container_12 .pull_11 {
	left:-880px;
  }


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
  }

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
  }

.clearfix {
	display: inline-block;
  }

* html .clearfix {
	height: 1%;
  }

.clearfix {
	display: block;
  }
  

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

body { 
  font: 75% "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;  
  }

strong, em, b, i, label, blockquote, .italic, .smallcaps, .notecount, p a, a.notes-button {
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande","Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
  }

html>body { font-size: 12px; }

a, 
a:link, 
a:visited {  
  color: #427731;   
  text-decoration: none;  
  font-weight: 700;  
  }
  
a:hover { 
  color: #3e3e3e;  
  border-bottom: 1px dotted #999;  
  }

.grid_9 p { 
  font-size: 13px;  
  line-height: 18px;
  margin: 0 0 18px 0;  
  }

#about-box p,  
div.tags,
#side p,
.grid_3 #twitter li {   
  font-size: 11px; /* 11px */   
  line-height: 18px; /* 18px */   
  margin: 0 0 18px 0;  
  }

.grid_3 #twitter li { margin-right:6px;}

#footer p {
  font-size: 12px; /* 11px */   
  line-height: 18px; /* 18px */   
  margin: 0;
  }

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

h3, h4, h5, h6 {  
  font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;  
  } 

h1 {   
  font-size: 3em; /* 24px */   
  line-height: 1em; /* 36px */   
  margin-top: 0;   
  margin-bottom: 0;   
  }

#logo h1, 
#logo h1 a {  
  width: 220px;   
  height: 36px;  
  display: block;  
  text-indent: -9000px;  
  background: url('http://dl.dropbox.com/u/274980/hosted/images/frail-banner-small.gif') no-repeat;  
  }
#logo h1 a:hover {  
  background-position: 0 -36px;  
  border: none;  
  }
  
h2 {   
  font-family: Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
  font-size: 26px; /* 22px */   
  line-height: 36px; /* 36px */  
  margin-top: 0em;   
  margin-bottom: 0em;   
  letter-spacing: 1px;
  text-shadow:1px 1px 1px #ababab;
  }

h2 a, h2 a:link, h2 a:visited {   
  color: #3e3e3e;
  font-weight: 500;
  }
h2 a:hover { 
  color: #427731;
  border: none; 
  }
h2.title {  
  margin-left: 180px;  
  clear: left;
  font-weight: 500;  
  }

h3 {   
  font-size: 1.6667em; /* 20px */   
  line-height: 1.8em; /* 36px */    
  margin-top: .9em;   
  margin-bottom: 0;   
  text-transform: uppercase;  
  }

h4 {   
  font-family: Georgia, Garamond, "Times New Roman", "MS Serif", "New York", serif;
  font-size: 1.5em; /* 18px */   
  line-height: 1em; /* 18px */   
  margin-top: 1em;   
  margin-bottom: 0;   
  text-transform: uppercase;  
  font-weight: 700;  
  letter-spacing: 1px;  
  } 

h5 {   
  font-size: 18px; /* 16px */   
  line-height: 18px; /* 18px */   
  margin-top: 18px;   
  margin-bottom: 18px;
  text-transform: uppercase;  
  letter-spacing: 1px;   
  font-weight: 600;  
  color: #1972b2;   
  }

span.number {   
  font-size: 18px; /* 16px */   
  line-height: 18px; /* 18px */   
  margin-top: 18px;   
  margin-bottom: 18px;
  text-transform: uppercase;  
  font-weight: 700;  
  color: #1972b2;  
  }
  
.grid_3 h5 {
  margin-top: 13.5px !important;  
  margin-bottom: 4.5px !important;  
  text-shadow:1px 1px 1px #ccc;
  }

h5.twitter,
h5.record {
  height: 24px;
  padding-top: 6px;
  text-indent: 29px;
  text-shadow:1px 1px 1px #ccc;    
  }

h5.twitter { background: url('http://dl.dropbox.com/u/274980/hosted/images/twitter.png') center left no-repeat; }

h5.record { background: url('http://dl.dropbox.com/u/274980/hosted/images/note.png') center left no-repeat; }
  
h6 {   
  font-size: 1.1667em; /* 14px */   
  line-height: 1.2857em; /* 18px */   
  margin-top: 1.2857em;   
  margin-bottom: 1.2857em;   
  }

#about-box h6 {
  color: #1972b2;   
  margin-top: 0;   
  margin-bottom: 0.64285em;  	
	}
  
.small {
  font-size: 10px;  
  line-height: 18px;
  margin: 0 0 18px 0;  
  }
   
blockquote  { 
  margin: 0 18px 18px 0;
  padding-left: 9px;
  border-left: 3px solid #eeede7;
  }
  
blockquote p {
  font-size: 13px !important;  
  line-height: 18px;
  margin: 0 0 18px 0;
  font-style: italic;  
  color: #666;   
  }
  
blockquote.personal {  
  background: url('http://dl.dropbox.com/u/274980/hosted/images/bq-open.gif') left -3px no-repeat;  
  padding-left: 25px;  
  border: none;
  }
blockquote.personal p {  
  background: url('http://dl.dropbox.com/u/274980/hosted/images/bq-close.gif') bottom right no-repeat;  
  display: block;  
  padding-right: 10px;
  }

.divider {
  clear: both;
  border-bottom: 0.08333em dotted #ccc;
  margin-bottom: 2.25em;
  padding-bottom: 0.667em;
  }   
  
.divider_side {
  clear: both;
	border-top: 0.09em dotted #ccc;
	margin-top: 2.20em;
	padding-top: 0.72em;
  }  

.shim {
  clear: both;
  height: 18px;
  }
  
q { quotes: "" ""; }

.italic { font-style: italic; }
  
.strong { font-weight: 700; }

del { text-decoration: line-through; }

.lowercase { text-transform: lowercase; }

/* Comments / Forms
------------------------------------------------------------------*/
fieldset {
	display: block;
	margin: 18px 0;
  border: none;
  }

label {
  line-height: 1.5em;
  font-size: 1em;
  margin: 1.5em 0 0;	
  font-weight: 700;
  }

#searchform input {
  display: block;
  border: 1px solid #ccc;
  width: 192px;
  margin-top: 3px;
  padding: 4px 0 4px 26px;
  background: #f4f4f4 url('http://dl.dropbox.com/u/274980/hosted/images/search_icon.png') center left no-repeat;
  }
  
#searchform input:hover,
#searchform input:focus,
#searchform input:focus:hover {
  border: 1px solid #999;
  }
    
div.dsq-dc-logo { display: none; }   
 
      
/* Lists
------------------------------------------------------------------*/    
ul, ol, dt {  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
  }
  
li, dd {  
  font-size: 1em;  
  line-height: 1.5em;  
  margin: 0;   
  }

div.tags dl dt { 
  float:left; 
  margin-left: 24px; 
  margin-right: 6px;
  }
div.tags dl dd { 
  margin:0; 
  padding: 0; 
  display:inline; 
  }
div.tags dd:after { content: ", "; }
div.tags dd:last-child:after { content: ""; }

div.tags {
  clear: both;
  display: block;
  height: 18px;
  background: url('http://dl.dropbox.com/u/274980/hosted/images/meta-icons.png') no-repeat;
  background-position: 0px -144px;
  }
div.tags:hover {
  background-position: 0px -162px;
  }

.post ul { margin-bottom: 18px;}
.post li { margin-left: 18px;}

ol.tracks { margin: 0 0 18px 27px; }
  
ol.tracks li { list-style-type: decimal-leading-zero; }

ul.linklist {
	width: 205px;
	height: 36px;
	margin: 0 auto;
	padding: 9px 0;
	text-indent: -9000px; 	
	text-align: center;
	}

ul.linklist li { float:left; display: inline; }

ul.linklist li a { 
	display: block;
	height: 36px;
	width: 36px; 
	margin-right: 5px;
	overflow: hidden;
	border: none;
	}

ul.linklist li a { 
	width: 36px;
	height: 36px;
	background: url('http://dl.dropbox.com/u/274980/hosted/images/links.png') no-repeat;
  }
	
/* ul.linklist li.flickr_nav a { background-position: 0 0; } */
ul.linklist li.lastfm_nav a { background-position: 0 -36px; }
ul.linklist li.twitter_nav a { background-position: 0 -72px; }
ul.linklist li.vimeo_nav a { background-position: 0 -108px; }
ul.linklist li.rss_nav a { background-position: 0 -144px; }
ul.linklist li.archive_nav a { background-position: 0 -180px; }
ul.linklist li.about_nav a { background-position: 0 -216px; }
ul.linklist li.instagram_nav a { background-position: 0 -252px; }

/*
ul.linklist li a:hover {
		position: relative;
		top: -4px;
		}
*/		
ul.post-nav { 
  width: 108px;
  height: 36px;
  margin-top: 18px;
  clear: both; 
  }
  
ul.post-nav li { 
  display: block;  
  line-height: 36px;  
  width: 36px;  
  margin: 0 18px 0 0;
  text-indent: -9000px;  
  cursor: pointer;  
  }

ul.post-nav li.prev-post,
ul.post-nav li.next-post {   
  float: left;  
  background: url('http://dl.dropbox.com/u/274980/hosted/images/post-nav-arrows.png') no-repeat; 
  }
  
ul.post-nav li.prev-post { background-position: 0 0; }
ul.post-nav li.next-post { background-position: 0 -36px; }
/*
ul.post-nav li.prev-post:hover { background-position: 0 -72px; }
ul.post-nav li.next-post:hover { background-position: 0 -108px; } 
*/

ul.sidemeta {
  margin: 0;
  padding: 0;  
  }
  
ul.sidemeta li { 
  font-size: 18px; /* 14px */   
  line-height: 18px; /* 18px */   
  margin-top: 18px;   
  margin-bottom: 0;   
  margin: 0 0 18px 0; 
  color: #b8b8b8; 
  font: 14px "Lucida Sans","Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;  
  font-weight: 700;
  text-transform: uppercase;
  }

ul.sidemeta li.datelink a,
ul.sidemeta li.permalink a,
ul.sidemeta li.noteslink a,
ul.sidemeta li.commentlink a {
  display: block;
  outline:none;  
  overflow:hidden;  
  border: none;
  }

ul.sidemeta li a { 
  letter-spacing: 1px;
  color: #b8b8b8; 
  }
  
ul.sidemeta li a:hover { color: #427731;}

ul#weeklychart { 
  display:none; 
  width: 220px; 
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
  font-size: 11px; /* 11px */   
  line-height: 18px; /* 18px */   
  margin: 9px 0 9px 0;     
  }
  
ul#weeklychart li {  
  float: left;
  padding: 0 6px 6px 0 !important; 
  margin: 0;
  }

/*
ul#weeklychart li:first-child img {
  height: 208px;
  width: 208px;
  border: 1px solid #ccc; 
  }
*/

ul#weeklychart li img {
  height: 64px;
  width: 64px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);
	box-shadow: 0 0 4px rgba(0,0,0,0.4);  
  }


/* Notes
----------------------------------------------------------------------------------------------------*/  
.notes-container { 
  display: none; 
  }

ol.notes {
  padding: 0;
  margin: 0 0 18px 0;
  list-style-type: none;
  }

.smallcaps,
.notecount,
a.notes-button { 
  font-weight: 700;
  text-transform: uppercase;
  }

a.notes-button,
a.open {
	background: url('http://dl.dropbox.com/u/274980/hosted/images/notes-icon.png') 0 0 no-repeat;
  padding-left: 16px;
  vertical-align: bottom;
  }
  
a.open {
  background-position: 0 -18px;
  }
    
a.notes-button,
a.notes-hide { 
  border: none;
  }

a.notes-hide { 
/*  background: url('http://dl.dropbox.com/u/274980/hosted/images/close.gif') 0 2px no-repeat; */
  padding-left: 15px;
  }

ol.notes li.note {
  font-size: 12px; /* 11px */   
  line-height: 18px; /* 18px */   
  margin: 0;
  padding: 8px 0;  
  border-bottom: 1px solid #eeede7;
  }

ol.notes li:last-child {
  border-bottom: none;
  }
    
ol.notes li.note img.avatar {
  display: none;
  }

ol.notes li.note span.action {

  }

ol.notes li.note .answer_content {
  font-weight: normal;
  }

ol.notes li.note blockquote {
  border-color: #eeede7;
  margin: 0 0 0 18px;
  }

ol.notes li.note blockquote a {
  text-decoration: none;
  }

    
/* Misc
----------------------------------------------------------------------------------------------------*/
img {
  vertical-align: middle;
  border: 0;
  }

div.photo { 
  overflow:hidden;
  padding:0; 
  }

div.post img.img,
div.photo img {
  width: 500px;
  }
  
div.post img { background: url('http://dl.dropbox.com/u/274980/hosted/images/ajax-loader.gif') no-repeat; }  

a.lightbox {
  cursor: url('http://dl.dropbox.com/u/274980/hosted/images/zoomin.cur'), pointer;
  cursor: -webkit-zoom-in; 
  cursor: -moz-zoom-in;
  }

div.video_object object { width:100%; }

div.video_object  { 
  margin: 0 0 -3px 0 !important;
  padding: 0 !important;
  }
  
div.video_caption p,
div.caption p,
div.audio_caption p { 
  padding-top: 6px; 
  }
    
.captionbg { background: url('http://dl.dropbox.com/u/274980/hosted/images/photo_bg.png') center top no-repeat; }    
    
div.audio_caption,
div.quote div.caption { background: none; }

div.quote div.caption { float: right; }
    
.audioplayer { margin: 4px 0 5px 0; }

p.loading {
  background: url('http://dl.dropbox.com/u/274980/hosted/images/ajax-loader.gif') no-repeat;
  padding-left: 20px;
  }
  
.right { float: right; }

.left { float: left;  }

.center {
	text-align: center;
	margin: 0 auto;
	}

.center img { 
	display: block;
	margin: 0 auto;
  }

.img_left { 
  float: left;
  margin: 0 18px 18px 0;
  }
  
.img_right { 
  float: right;
  margin: 0 0 18px 18px;
  }
    
.audio_divider {
  height: 60px;
  clear: both;
  border-bottom: 0.08333em dotted #ccc;
  margin-bottom: 18px;
  padding-bottom: 18px;
  }    

.pagecount  { }  
  
.post_type {
  height: 54px;
  float: left;
  margin: 0 18px 18px 0;
  }  

.post_type a { border:none; }   
  
#footer #links_bar { 
  width:220px; 
  height:22px; 
  margin:0; 
  padding:0; 
  text-indent: -9000px;
  }

#footer #links_bar li { display:inline; }

#footer #links_bar li a { 
  display: block;
  float:left; 
  margin-right: 10px;  
  outline:none;  
  overflow:hidden;
  background:url('http://dl.dropbox.com/u/274980/hosted/images/links_bar.png') 0 0 no-repeat; 
  }
  
#footer #links_bar li a:hover { border: none;}

#footer #links_bar li.archive a { width: 96px; height: 22px; }
#footer #links_bar li.archive a { background-position: 0 0; }
#footer #links_bar li.archive a:hover { background-position: 0 -22px; }

#footer #links_bar li.rss a { width: 65px; height: 22px; }
#footer #links_bar li.rss a { background-position: -106px 0; }
#footer #links_bar li.rss a:hover { background-position: -106px -22px; }

#footer #links_bar li.about a { width: 28px; height: 22px; }
#footer #links_bar li.about a { background-position: -181px 0; }
#footer #links_bar li.about a:hover { background-position: -181px -22px; }
  
  
a.top {
  display: block;
  height: 18px;
  width: 125px;
  background: url('http://dl.dropbox.com/u/274980/hosted/images/top.png') no-repeat;
  text-indent: -9999px;
  border: none;  
  color: #1972b2;
  }
  
a.top:hover {
  
  text-indent: 20px;
  }  
  
div.pagination a {
  display: block;
  height: 18px;
  width: 75px;
  background: url('http://dl.dropbox.com/u/274980/hosted/images/pagination.png') no-repeat;
  text-indent: -9999px;
  border: none;
  }
  
div.pagination span.left a {
  background-position: 0px -18px;
  }

div.pagination span.right a {
  background-position: 0px 0px;
  }


/* Toggler
------------------------------------------------------------------*/
@media projection, screen {
.toggler {
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: 60px;
  height: 36px;
  text-indent: -9000px;
  position: relative;
  margin-top: 6px;
  margin-left: auto;
  margin-right: 10px;
  z-index: 100;
  }

.toggler-closed,
.toggler-closed:hover,
.toggler-opened,
.toggler-opened:hover {
  display: block;
  height: 36px;
  width: 60px; 
  border: none;
  }

a.toggler {
  background: url(http://dl.dropbox.com/u/274980/hosted/images/button.png) 0 0 no-repeat; 
  }
a.toggler:hover {
  border: none;
  background: url(http://dl.dropbox.com/u/274980/hosted/images/button.png) -60px 0 no-repeat;
  }
a.toggler-opened {
  background: url(http://dl.dropbox.com/u/274980/hosted/images/button.png) 0 -36px no-repeat; 
  }
a.toggler-opened:hover {
  border: none;
  background: url(http://dl.dropbox.com/u/274980/hosted/images/button.png) -60px -36px no-repeat;  
  }
}

@media print {
  .toggler { display: none; } 
  }