/************
* Title: CSS Reset, based on Eric Meyer's Reset
************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
body { line-height:1;color:black;background:white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate;border-spacing:0; }
caption,th,td { text-align:left;font-weight:normal; }
blockquote:before,blockquote:after,
q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
/* include margin and padding in the width calculation of input and textarea - from Wordpress */
input[type="text"],
input[type="password"],
textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; /* ie8 only */
box-sizing: border-box;
}
/* avoid line height problems when sup and sub's exist... can throw off consistent line height */
sup, sub { line-height: 0px; }
/************
* Author: Kevin Holesh - me@kevinholesh.com
************/
@font-face {
font-family: 'ChunkFiveRegular';
src: url('/images/chunkfive.eot');
src: local('ChunkFive Regular'), local('ChunkFive'), url('/images/chunkfive.woff') format('woff'), url('/images/chunkfive.otf') format('opentype'), url('/images/chunkfive.svg#ChunkFive') format('svg');
}
body { background-color: #eee; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; font-size: 17px; }
#container { margin: 0 auto; width: 800px; }
header, footer, aside, nav, article { display: block; }
em { font-style: italic; }
strong { font-weight: bold; }
code, pre { font-family: monospace; }
.clear { clear: both; height: 0px; }
a:link, a:visited { color: #5386AD; text-decoration: none; }
a:hover, a:active { background-color: #5386AD; color: white; }
p, ol, ul { line-height: 22px; margin: 0 0 22px 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h2 { font-size: 32px; line-height: 34px; margin: 0 0 12px 0; }
header h1 { font-family: ChunkFiveRegular, 'Rockwell Extra Bold', 'Arial Black', Arial, sans-serif; font-size: 80px; font-weight: bold; }
header h1 a:link, header h1 a:visited { color: #282828; text-shadow: white 1px 1px 0px; }
header h1 a:hover, header h1 a:active { background-color: transparent; opacity: 0.8; }
header p.description { color: #5A5A5A; font-size: 15px; line-height: 22px; margin: 0; }
header nav ul { line-height: 22px; list-style: none; margin: 44px 0 6px 0; }
header nav ul li { float: left; }
header nav ul li.bull { font-size: 20px; margin: 0 3px; opacity: 0.2; }
#search-form { position: relative; top: -2px; }
#search-box { background-color: #F6F6F6; border: 1px solid transparent; color: #999; padding: 3px 25px 3px 8px; height: 22px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px; }
#search-box:focus { background-color: white; color: #333; }
#search-submit { position: absolute; right: 8px; top: 4px; }
h2.page-title { font-weight: normal; margin: 22px 0 22px 0; text-shadow: white 1px 1px 0px; }
p.entry-date { background: url('/images/divider.png') repeat-x; margin: 44px 0 22px 0; }
p.entry-date span { background-color: #eee; font-weight: bold; }
p.entry-date span.month { padding: 0 6px 0 0; }
p.entry-2010-02-17 span.day { padding: 0 8px 0 0; }
article { background: #FEF7EE url('/images/paper.jpg') repeat; color: #001A2B; font-family: Constantia, Cambria, Palatino, 'Palatino Linotype', Georgia, serif; margin: 22px 0; padding: 34px; position: relative; text-shadow: white 1px 1px 0; overflow: hidden; }
article, div#pagination a { box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3); } /* .boxshadow article, .boxshadow div#pagination a, */
.no-boxshadow article, .no-boxshadow div#pagination a { border-right: 3px solid #bbb; border-bottom: 3px solid #bbb; }
article a:link, article a:visited { border-bottom: 1px solid #bbb; }
article a:hover, article a:active { text-shadow: rgba(0,0,0,0.5) 1px 1px 0; }
article p.entry-meta { font-size: 13px; margin: 0; }
article p.entry-meta a { border: 0; color: #777; margin: 0 10px 0 0; }
article p.entry-meta a:hover, article p.entry-meta a:active { text-shadow: white 1px 1px 0; }
article p.entry-meta a:hover { background-color: #ddd; }
article p.entry-meta span.tags a { line-height: 22px; opacity: 0.5; }
article p.entry-meta span.tags a:hover { opacity: 1; }
article p.entry-meta span.tags a strong { color: #333; font-weight: normal; }
article ol, article ul { list-style-position: inside; margin: 0 0 22px 20px; }
article h2, article p.entry-meta { font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; }
article.regular h2 { color: #3F5403; }
article.link h2 a { border-bottom: 1px solid transparent; color: #CF741E; border: 0; }
article.link h2 a:hover { background-color: transparent; border-bottom: 1px dashed #999; text-shadow: white 1px 1px 0; }
article.link h2 a span.arrow { color: #666; display: none; margin: 0 0 0 8px; }
article.link h2 a:hover span.arrow { display: inline; }
article.photo p.image a { border: 0; }
article.photo p.image a img { border: 1px solid #DBD5D0; padding: 7px; }
article.photo p.image a:hover { background-color: transparent; }
article.photo p.image a:hover img { border-color: #B3AFAA; }
article.quote blockquote { border: 0; padding: 0; }
article.quote blockquote div.words { font-size: 24px; line-height: 44px; margin: 0 0 22px 0; }
article.quote blockquote div.words:first-line { font-size: 34px; font-variant: small-caps; }
article.quote.long blockquote div.words { font-size: 19px; line-height: 24px; }
article.quote.long blockquote div.words:first-line { margin: 0 0 11px 0; }
article.quote div.source { font-style: italic; margin: 0 0 22px 0; }
article.conversation ul, article.conversation ol { list-style: none; margin: 0 0 22px 0; }
article.conversation li.user_1 { background-color: #E2DEE0; }
blockquote { border-left: 4px solid #bbb; padding: 0 0 0 15px; }
blockquote blockquote { opacity: 0.8; }
div.audio-player, div.video { margin: 0 0 22px 0; }
/* Pagination */
div#pagination { margin: 44px; }
div#pagination a:link, div#pagination a:visited { background: #FEF7EE url('/images/paper.jpg') repeat; display: block; padding: 22px; }
div#pagination a:hover, div#pagination a:active { background: #5386AD; }
div.previous { float: left; }
div.next { float: right; }
div.page { clear: both; color: #666; font-style: italic; text-align: center; }
div.page strong { font-style: normal; }
/* Notes */
ol.notes { margin: 22px 44px 44px 44px; }
ol.notes li.note { border-top: 1px solid white; border-bottom: 2px solid #CFCFCF; list-style: none; padding: 11px 0 11px 0; }
ol.notes li:first-child { border-top: none; }
ol.notes li:last-child { border-bottom: none; }
ol.notes li.note blockquote { margin: 11px 0 0 22px; }
/* Footer
------------------------------ */
footer { clear: both; color: #999; padding: 0 0 22px 0; text-align: center; }
/* self-clear floats */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .group { /* for IE6 */ height: 1%; }
*:first-child+html .group { /* for IE7 */ min-height: 1%; }
Jeff is currently an MFA candidate in Creative Writing at the University of British Columbia, and
is the Fiction Editor of PRISM international, Western
Canada's oldest literary magazine.
His work has appeared most recently in Event,
the Vancouver Review, and the
Machine of Death anthology.
His short story "Significant Other" was the winner of the Vancouver Review's Short Schrift
Contest in 2010.
His play "Blood Ties" was workshopped and performed in March 2003 at the Seaver Theatre in Claremont,
California, and was selected as a winner of the "Shorts!" One-Act Play Competition.
He is the recipient of a 2010 Joseph Armand Bobardier SSHRC scholarship, and was the recipient of a
2009 BC Arts Council Scholarship in Creative Writing. In 2005, he was awarded a Fishtrap Fellowship,
and he is a former writer in residence at the Montana Artists' Refuge.
He's also Director of Mobile at HootSuite.com, the professional
social media dashboard.
Publications and Awards
- Machine of Death anthology, "Loss of Blood" (October 2010)
- Vancouver Review, "Significant Other" (Fall 2010)
- Event, "Asymptote" (Fall 2010)
- Awarded Joseph Armand Bombardier SSHRC scholarship (May 2010)
- Awarded BC Arts Council Fellowship (Sept 2009)
- The First Line, "Transgressions" (Spring 2007)
- The First Line, "The Split Up" (Winter 2006)
- Fishtrap Writing Fellowship (July 2005)
- Writer-in-residence at Montana Artists Refuge (June 2005)
- "Blood Ties" winner of "Shorts!" One-Act Play Competition (Feb 2003)
- Passwords, "Don't Hold Your Breath" (Spring 2002)
- Passwords, "Cranes" (Fall 2001)
Other Things I Do
- Fiction Editor of PRISM International, Western Canada's oldest literary magazine
- MFA Candidate in Creative Writing at the University of British Columbia
- Director of Mobile, HootSuite.com -- the Professional Social Media Dashboard
- Homebrewer and beer geek
- Runner of marathons, half-marathons, and other longish races