/*		IMPORTS		*/
@import url( 'reset.css' );
@import url( 'grid.css' );


/*		BASIC		*/
html {
	margin-bottom: 1px;
	height: 100%;
	cursor: default;
  font-size: 14px;
  color: #887; 
  background: #fff;
	font-family: Georgia,Constantia,Times,'Times New Roman',serif;
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
img { 
	margin: 0; padding: 0;
	-ms-interpolation-mode: bicubic;
}
h4 {
	margin: 0; padding: 0;
	border-top: 3px solid #887;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 6px;
	margin-top: 18px;
	letter-spacing: 0.15em;
}
h5 {
	margin: 0; padding: 0;
	border-top: 3px double #887;
	font-size: 13px;
	padding-top: 6px;
	margin: 12px 0;
}
h6 {
	font-weight: bold;
	text-indent: -28px;
	margin: 24px 0 0 28px;
	font-style: italic;
}
p {
	margin: 6px 0;
}
ul {
	margin: 6px 0;
	list-style-type: none; 
}
em { font-style: italic; }
sup { vertical-align: baseline; }

/*		LINKS		*/
a:focus, 
a:hover         { color: #fff; text-shadow: 0px 0px 6px #fff; }
a               { color: #ccc; text-decoration: none; }
a:visited       { color: #bcd; }
a:visited:hover { color: #a6c0fc; text-shadow: 0px 0px 6px #acf; }


/*		STRUCTURE		*/

#topper {
	background: url( ../m/tstr.gif ) #221 top center;
	height: 48px;
}
#header {
	background-image: url( ../m/3156015518_b3a02eff4a_o.jpg.jpeg );
	background-position: center -320px;
	height: 280px;
}
#page {
	background: url( ../m/tstr.gif ) #221 top center;
	padding: 12px 0;
	min-height: 400px;
	padding-bottom: 48px;
}
#footer {
	background: url( ../m/bg.gif ) #432 top center;
	padding: 18px 0 48px 0;
	min-height: 280px;
}

/*		NAVIGATION		*/
ul#navigation {
	background: transparent;
	height: 26px;
	margin-top: -32px;
	line-height: 32px;
	margin-bottom: 0px;
	text-align: right;
}
ul#navigation li {
	display:  inline;
	margin: 0;
	padding: 0;
}
ul#navigation li a {
	margin: 0;
	display:  inline;
	background: none;
	font-weight: 400;
	text-transform: uppercase;
	padding: 6px 18px;
	border: 0;
	color: #eeeee8;
	color: rgb(204, 204, 221);
	margin-left: -3px;
	letter-spacing: 0.15em;
	text-shadow: rgba( 0,0,0,0.01) 0 0 0;
	opacity: 0.999;
}
ul#navigation li a:hover {
	color: #fff;
	text-shadow: 0px 0px 6px #fff;
}
ul#navigation li a.selected {
	background: url( ../m/tstr.gif ) #221 top center;
	color: #fff;
	text-shadow: rgba( 0,0,0,0.01) 0 0 0;
	opacity: 0.999;
}

/*		OPENER		*/
div.opener {
	height: 440px !important;
}
.opener h1 {
	padding: 18px 36px;
	text-align: center;
	font-family: baskerville,georgia,times,'times new roman',serif;
	font-weight: 300;
	font-size: 48px;
	color: #ccd;
	text-shadow: 0px 1px 1px #000;
	width: 960px;
	margin: 0 auto;
	opacity: 0.999;
	line-height: 42px;
}
.opener h1 a {
	color: #eef;
	font-weight: normal;
}
.opener h1 a:visited {
	color: #aab;
}

/*		TOPPER		*/
#topper p.container {
	color: rgb(204, 204, 221);
	font-family: baskerville,Georgia,Times,'Times New Roman',serif;
	font-size: 24px;
	line-height: 52px;
	text-shadow: rgb(136, 136, 136) 0px 0px 1px;
}

/*		MAILCHIMP		*/
p#mc {
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size: 12px;
}
div#mc_embed_signup input#mce-EMAIL {
	width: 218px;
	color: #888;
	padding: 2px;
	font-size: 13px;
}
input#mc-embedded-subscribe {
	margin: 6px 0;
	cursor: pointer;
}

/*		RSS		*/
ul.rss li a {
	border: none;
	background: url( ../m/rss_off.png ) no-repeat 1px 3px;
	font-weight: normal;
	padding-left: 20px;
}
ul.rss li a:hover {
	background: url( ../m/rss_on.png ) no-repeat 1px 3px #98937d;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #445;
	padding: 0 8px 1px 20px;
}
/*		TWITTER		*/
p#twitter img {
	float: left;
	margin-right: 4px;
	padding-top: 4px;
}

/*		READS		*/
.reads .container .span-2 h4,
.reads .container .span-2 h5 { text-indent: 82px; }
.reads .container .aboutreads h4,
.reads .container .aboutreads h5 { text-indent: 0px; }
.reads .container .aboutreads h5 { font-size: 16px; 	letter-spacing: 0;}

/*		STORIES		*/
ul#stories div {
	color: #888;
}
ul#stories div a {
	color: #ddd;
}
ul#stories li {
	border-bottom: dotted 1px #888;
	padding-bottom: 4px; 
}
ul#stories li div.storylist {
	width: 390px;
	float: left;
}
ul#stories li div.last {
	text-indent: 12px;
}
ul#stories li div.number {
	float: left;
	text-align: right;
	font-size: 50px;
	width: 70px;
	position: relative;
	height: 96px;
}
ul#stories li span.toggle {
	line-height: 24px;
	padding-top: 24px;
	display: block;
}
ul#stories li span.toggle a {
	font-size: 18px;
	padding: 0;
	font-weight: normal;
	color: #aaa;
}
ul#stories li span.meta a {
	font-size: 14px;
	white-space: nowrap;
}
ul#stories li span.meta a:hover,
ul#stories li span.toggle a:hover {
	background: none;
	color: #fff !important;
	text-shadow: 0px 0px 6px #fff;
}
ul#stories li span.toggle span.hidden {
	line-height: 12px;
	margin-top: 0px;
	display: block;
	padding-bottom: 2px;
	font-size: 13px;
	text-indent: 0px;
	padding-left: 12px;
}
ul#stories li span.toggle:hover span.hidden {
	visibility: visible;
}
ul#stories li i {
	text-transform: uppercase;
	font-style: normal;
	font-size: 9px;
}
ul#stories .symbols {
	font-size: 24px;
	line-height: 12px;
	color: #444;	
	vertical-align: text-top;
}
ul#stories .symbols b {
	font-weight: normal;
	color:#888;
}

/*		ABOUT READS		*/
div.aboutreads div.intro p:first-line {
	font-variant:small-caps
}

/*		RECENT		*/
div.recent p.journal-date {
	font-size: 11px;
}
div.recent h3.journal-title {
	border-bottom: 2px solid #543;
	line-height: 12px;
	padding-bottom: 8px;
}
div.recent h3.journal-title a {
	font-size:16px;
}
div.recent h3.journal-title a:visited {
	color: #bcd;
}

/*		ENTRY PAGE		*/

/*		COVER		*/
a#cover {
	height: 88px;
	width: 80px;
	display: block;
	float: right;
	margin: 0 4px 12px 8px;
	border: 1px solid #221;
	background: url( ../m/top.gif );
	padding: 42px 4px 4px 4px;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	text-align: center;
	opacity: 0.5;
}
a#cover:hover {
	opacity: 1;
}

/*		ABOUT PHOTO		*/
p.caption {
	font-size: 11px;
	color: #998;
	background: #443 url( ../m/tstr.gif );
	padding: 4px 6px;
}
p.caption img {
	width: 100%;
}


/*		STORY		*/
p#story-meta {
	border-bottom: 3px double #887;
	padding-bottom: 4px;
}
p#story-meta i {
	text-transform: uppercase;
	font-style: normal;
	font-size: 11px;
}
p#story-meta .symbols {
	font-size: 24px;
	line-height: 12px;
	color: #444;	
	vertical-align: text-top;
}
p#story-meta .symbols b {
	font-weight: normal;
	color:#888;
}

#story .entry h3.story-title {
	font-size: 21px;
	margin: 18px 0;
}
#story .entry .story-introduction {
	font-size: 16px;
}
#story .entry .story-introduction p {
	text-indent: 24px;
	padding: 0;
	margin: 0
}
#story .entry .story-introduction h4 {
	border: none;
	margin-bottom: 12px;
}
#story .entry .story-introduction blockquote {
	padding: 12px 24px;
	font-family: 'helvetica neue',arial,helvetica,sans-serif;
	font-size: 14px;
}
#story .entry .story-introduction blockquote p {
	text-indent: 0;
}
#story .entry .story-body {
	font-style: italic;
	padding-top: 18px;
	margin-top: 18px;
	border-top: 1px solid #887;
}
#story .entry .story-body p a img {
	display: block;
	padding-top: 18px;
	vertical-align: baseline;
}
#story .entry .journal-date {
	margin: 12px 0;
}
#story .entry p.journal-date { font-size: 11px; }
#story .entry p.journal-date span { text-transform: uppercase; font-size: 10px;}
div.journal-meta { border-top: 1px solid #887; border-bottom: 3px solid #887; margin-top: 13px; }

/*		STORY EXTRACT		*/
.home .extract p#story-meta {
	border-bottom: 3px double #887;
	padding-bottom: 4px;
}
.home .extract p#story-meta i {
	text-transform: uppercase;
	font-style: normal;
	font-size: 11px;
}
.home .extract p#story-meta .symbols {
	font-size: 24px;
	line-height: 12px;
	color: #444;	
	vertical-align: text-top;
}
.home .extract p#story-meta .symbols b {
	font-weight: normal;
	color:#888;
}
.home .extract h3.story-title {
	font-size: 21px;
	margin: 18px 0;
}
.home .extract .story-introduction {
	font-size: 16px;
}
.home .extract .story-introduction p {
	text-indent: 24px;
	padding: 0;
	margin: 0
}
.home .extract .story-introduction h4 {
	border: none;
	margin-bottom: 12px;
}
.home .extract .story-introduction blockquote {
	padding: 12px 24px;
	font-family: 'helvetica neue',arial,helvetica,sans-serif;
	font-size: 14px;
}
.home .extract .story-introduction blockquote p {
	text-indent: 0;
}
.home .extract .story-link {
	font-size: 16px;
	text-align: right;
}

/*		JOURNAL EXTRACT		*/
#footer .extract h3.journal-title {
	font-size: 21px;
	margin-top: 8px;
}
#footer .extract h3.journal-sub {
	margin:0;
}
#footer .extract p {
	font-size: 16px;
}
#footer .extract p.journal-date span {
	text-transform: uppercase;
	font-size: 11px;
}
#footer .extract p.journal-lede {
}
#footer .extract p.journal-link {
	text-align: right;
}

/*		COMMENTS		*/
p.dsq-login-message {
	text-indent: 0 !important;
	margin: 0;
	padding: 0;
	font-size: 13px !important;
}
div#dsq-login {
	text-indent: 0;
	margin: 0;
	padding: 0;
}
.dsq-reaction-header,
.dsq-reaction-message {
	color: #887;
}

/*		LABELS		*/
.label,
a.label,
a.label:visited {
	text-decoration: none;
	font-size: 9px;
	font-weight: 700;
	background: #bbb;
	background: -webkit-gradient( linear, left top, left bottom, from(#ddd), to(#aaa));
	color: #222;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	padding: 2px 4px;
	line-height: 18px;
	vertical-align: top;
	font-family: GillSans,'Gill Sans',Calibri,Trebuchet,sans-serif;
	margin: 0 2px;
}
.label:hover,
a.label:hover,
a.label:visited:hover {
	background: #bbb;
	background: -webkit-gradient( linear, left top, left bottom, from(#aaa), to(#ddd));
	color: #eee;
}

/*		FAQ		*/
#faq h5 {
	font-size: 22px;
	letter-spacing: normal;
}

/*		COLOPHON		*/
.colophon h5 {
	clear: both;
	font-size: 22px;
	letter-spacing: normal;
}
.colophon p.caption {
	width: 188px;
	float: right;
	margin-left: 4px;
}
.colophon a img {
	margin-bottom: 18px;
}
.colophon .entry p img {
	float: left;
	padding-right: 22px;
}
.colophon .meta {
	border-top: 1px solid #887;
	border-bottom: 3px solid #887;
	margin-top: 13px;
}

/*		CONTACT		*/
.contact h4 {
	margin-bottom: 18px;
}
.contact label {
	display: block;
	margin:12px 0;
	text-transform: uppercase;
	font-size: 12px;
}
.contact label span.info {
	text-transform: none;
	font-size: 13px;
	font-style: italic;
}
.contact .fld {
	width: 440px;
}
.contact textarea {
	height: 96px;
}
.contact input#submit {
	margin: 6px 0;
	cursor: pointer;
}

/*		ELSEWHERE		*/
#elsewhere { margin-top: 2px; }
#elsewhere ul {
	padding-left: 14px;
	list-style-type: disc;
}

/*		JOURNAL		*/
.journal .entry p.journal-date { 
	margin: 12px 0;
	font-size: 11px;
	text-indent: 0;
}
.journal .entry p.journal-date span {
	text-transform: uppercase; 
	font-size: 10px;
}
.journal .entry h3.journal-title {
	font-size: 21px; 
	margin-top: 18px;
}
.journal .entry div.journal-meta {
	border-top: 1px solid #887;
	border-bottom: 3px solid #887;
	margin-top: 13px;
}
.journal .entry p {
	font-size: 16px;
	text-indent: 24px;
	padding: 0;
	margin: 0
}
.journal .entry h6.journal-sub {
	margin: 12px 0;
	text-indent: 0;
	font-style: normal;
	text-transform: uppercase;
}

/*		TWEETS		*/
ul.tweets li { 
	border-bottom: 1px solid #888;
	margin-bottom: 4px;
}
ul.tweets li span.tweet-date {
	font-size: 11px;
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
}

/*		GENERIC		*/
.amp {
	font-family: baskerville,'hoefler text',palatino,'book antiqua','palatino linotype',constantia ;
	font-weight: 500;
	font-size: inherit;
	font-style: italic;
}
.sc {
	font-size: 84%;
	text-transform: uppercase;
}
.hidden {
	visibility: hidden;
	display: none;
}
.fld {
	color: #ddd;
	background: #432;
	border: 0;
	font-size: 13px;
	padding: 4px;
	background-color: #432;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: #432 solid 2px;
}
.fld:focus {
	outline: none;
}
.about {
	font-style: italic;
}
.blurb {
	font-size: 11px;
}
.div {
	display: block;
	margin: 18px 0;
	padding: 0;
}
.alert {
	padding: 8px;
	background-color: #ccff99;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 14px;
	color: #000;
}