/* 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, b, u, i, center, 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; vertical-align: baseline; background: transparent;}
body { }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* CLEARFIX */
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
body {font-size:62.5%; font-family:times,Times New Roman,times-roman,georgia,serif;background:#fff;background-image:none; background-position:0 0; background-repeat:repeat; color:#000;}
#page {background-color:white;margin:0;padding:0;border:1px solid #959596; background-color:white;border:1px solid #959596;text-align:left}
#content {width:855px;margin:0 auto 20px auto;word-spacing:0.1em;overflow:hidden; }
.narrowcolumn {padding:0 0 20px 0;margin:0;width:755px}
.widecolumn {margin:0; padding:0 0 20px 0; width:755px; }
hr {display:none}
a img {border:none}
#header #headerimg { z-index:50; }
div.navigation div.alignleft a { z-index:10; }
div.navigation div.alignright a { z-index:10; }
#header { width:100%; height:40px; background:#000; }
#header #headerimg { width:800px; margin:0 auto; position:relative; background-image:url(images/bg-headerimg.png); background-position:50% 0; background-repeat:no-repeat;}
#header h1 { letter-spacing:-1px; font-weight:bold; margin-left:70px; }
#header h1 span { }
#header h1 a { font-size:2.1em; width:317px; height:40px; background-image:url(images/jeremy-gillies.gif); background-position:0 0; background-repeat:no-repeat; display:block; text-decoration:none; }
#header h1 a span { margin-left:-9999px; }
#header h1 a:link { color:#fff; }
#header h1 a:visited { color:#fff; }
#header h1 a:focus { color:#fff; }
#header h1 a:active { color:#fff; }
#header h1 a:hover { color:#fff; background-position:0 -40px;}
h1 {font-size:4.8em; letter-spacing:-3px; }
h2 {font-size:2.4em; letter-spacing:0.1em;}
h2.pagetitle {font-style:italic;font-weight:normal;line-height:1.3em;margin:10px 0 5px 95px;text-transform:uppercase;}
#sidebar h2 {}
h3 {font-size:2.4em}
h4 {font-size:2.4em}
p {font-size:1.8em;}
li {font-size:1.8em;}
small {font-size:1.2em;}
span.cufon {margin:1px 0 }
div.description {display:none;}
a:link { color:#000; text-decoration:underline; }
a:visited { color:#000; text-decoration:underline; }
a:focus { color:#000; text-decoration:underline; }
a:active { color:#1963A4; text-decoration:underline; }
a:hover { color:#1963A4; text-decoration:underline; }
h1 a:link { text-decoration:none !important; }
h1 a:visited { text-decoration:none !important; }
h1 a:active { text-decoration:underline; background:none;}
h1 a:hover { text-decoration:underline; background:none;}
h2 a:link { text-decoration:none !important; }
h2 a:visited { text-decoration:none !important; }
h2 a:active { text-decoration:underline; background:none;}
h2 a:hover { text-decoration:underline; background:none;}
#content ol.commentlist a:link { color:#777; text-decoration:underline; }
#content ol.commentlist a:visited { color:#777; text-decoration:underline; }
#content ol.commentlist a:focus { color:#777; text-decoration:underline; }
#content ol.commentlist a:active { color:#1963A4; text-decoration:underline; }
#content ol.commentlist a:hover { color:#1963A4; text-decoration:underline; }
#content blockquote a:link { color:#777; text-decoration:underline; }
#content blockquote a:visited { color:#777; text-decoration:underline; }
#content blockquote a:focus { color:#777; text-decoration:underline; }
#content blockquote a:active { color:#1963A4; text-decoration:underline; }
#content blockquote a:hover { color:#1963A4; text-decoration:underline; }
div.navigation { float:left; width:100%; overflow:hidden;}
div.navigation div { color:#fff; }
div.navigation div.alignleft { display:inline; }
div.navigation div.alignright { display:inline; }
div.navigation div.alignleft a { display:block; margin-left:5px; padding-left:10px; left:0; top:0; line-height:40px; position:absolute; background-color:#000; background-image:url(images/bg-arrow-left-white.gif); background-position:0 16px; background-repeat:no-repeat; }
div.navigation div.alignright a { display:block; margin-right:5px; padding-right:10px; right:0; top:0; line-height:40px; position:absolute; background-color:#000; background-image:url(images/bg-arrow-right-white.gif); background-position:100% 16px; background-repeat:no-repeat; }
div.navigation a { font-size:1.4em; font-style:italic; vertical-align:middle; color:#fff; text-decoration:none }
div.navigation a:link { color:#fff; }
div.navigation a:visited { color:#fff; }
div.navigation a:focus { color:#fff; }
div.navigation a:active { color:#1963A4; }
div.navigation a:hover { color:#1963A4; }
#content div.post { position:relative; width:755px; float:left; padding-left:95px; padding-bottom:10px; margin-bottom:30px; background-repeat:no-repeat;background-position:60px 10px }
#content div.post h2 { font-style:italic;font-weight:normal;line-height:1.3em;text-transform:uppercase;margin:10px 0 5px 0;}
#content div.post p { line-height:1.37em; margin-bottom:15px;}
#content div.post div.entry h2 { display:block; }
#content div.post img { max-width:755px; }
#content div.post p.wp-caption-text { font-size:1.4em;font-style:italic;margin-top:10px;text-align:center; }
#content p.postmetadata { display:none }
#content div.date { position:relative; width:755px; float:left;height:44px; margin:0 0 0 95px; border-bottom:3px double #000000;background-image:none);background-repeat:no-repeat;background-position:50% 50%; background-color:transparent; }
#content div.date p { position:absolute; top:22px; padding-right:5px; background:#fff; font-size:1.4em;font-variant:small-caps;line-height:44px;letter-spacing:0.25em;}
#content div.time { }
#content div.time p { font-family:times,Times New Roman,times-roman,georgia,serif !important; letter-spacing:0.25em; font-size:1.4em !important; font-variant:small-caps; position:absolute; top:-12px; background:#fff; padding-left:5px; right:0; font-style:normal !important; }
#content div.category-tweets {float:left; min-height:40px; background-image:url(images/bg-post-twitter.gif);}
#content div.category-tweets p { font-style:italic; display:inline; }
#content div.category-tweets p.postmetadata { display:none; }
#content div.category-tweets h2 { display:none }
#content div.category-tweets div.entry { padding-top:10px; margin:0; }
#content div.category-video { min-height:40px; background-image:url(images/bg-post-video.gif);}
#content div.category-image { min-height:40px; background-image:url(images/bg-post-image.gif);}
#content div.category-image h2 a { display:none; }
#content div.category-food { min-height:40px; background-image:url(images/bg-post-food-drink.gif);}
#content div.category-data-visualisation { min-height:40px; background-image:url(images/bg-post-data-visualisation.gif);}
#content div.category-user-experience { min-height:40px; background-image:url(images/bg-post-user-experience.gif);}
#content div.category-quote { position:relative; min-height:40px; background-image:url(images/bg-post-quote.gif);}
#content div.category-quote h2 a { display:none; }
h3#comments { display:none; }
#content ol.commentlist { float:left; margin:25px 0;padding:10px 0 0 0; color:#777; width:755px; padding-left:95px; min-height:40px; background-image:url(images/bg-post-quote.gif);background-repeat:no-repeat;background-position:0 25px; }
#content ol.commentlist p { font-size:1em; font-family:times,Times New Roman,times-roman,georgia,serif;font-style:italic; }
#content ol.commentlist div.comment-meta { display:none; padding-left:5px;background:#FFFFFF none repeat scroll 0 0;font-size:1em;margin:0;position:absolute;right:0;text-align:right;top:-11px;}
#content ol.commentlist div.comment-author { width:45%; font-size:1em; }
#content ol.commentlist div.comment-author span.says { display:none; }
#content ol.commentlist li.comment { position:relative; border-top:1px solid #ccc;}
blockquote {margin:15px 0;padding:10px 0 0 0; color:#777; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-style:italic}
blockquote cite {margin:5px 0 0;display:block}
#respond { width:500px; padding-left:95px; float:left;}
#respond textarea { width:500px; }
#respond h3 { text-transform:uppercase; font-weight:normal; font-size:1.8em}
body#single div.post { margin-bottom:5px; }
body#page.test-page-one { width:100%; color:#fff; background-color:#699F48; background-image:url(images/grass.jpg); background-repeat:repeat;}
body#page.test-page-one div.entry { text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); }
#respond { margin-left:-95px; overflow:hidden; width:850px; }
#respond h3 { margin-left:95px; border-top:3px double #000000; padding-top:25px; }
form#commentform { float:left; width:540px; }
form#commentform p { float:left; }
form#commentform p small { display:block; font-size:1em; text-align:right; }
form#commentform p small span { display:none; }
form#commentform label { float:left; display:block; width:90px; margin:5px 5px 5px 0;}
form#commentform input { border:1px solid #CCCCCC; background:#fff; float:left; margin:5px 5px 5px 0;}
form#commentform input#author { float:right; width:200px; }
form#commentform input#email { float:right; width:250px; }
form#commentform input#url { float:right; width:250px; }
form#commentform input#submit { margin-left:95px;}
form#commentform textarea#comment { border:1px solid #CCCCCC; background:#fff; float:left; width:400px; margin:5px 5px 5px 95px;}
#sidebar { width:100%;float:left; background-color:#aeaeae; padding:10px 0px 30px 0px; border-top:1px solid #efefef; overflow:hidden;}
#sidebar a { font-size:1.6em; font-style:italic }
#sidebar a:link { color:#000; background:#aeaeae; text-decoration:none; }
#sidebar a:visited { color:#000; background:#aeaeae; text-decoration:none; }
#sidebar a:focus { color:#000; background:#aeaeae; text-decoration:none; }
#sidebar a:active { color:#1963A4; background:#dedede; text-decoration:none; }
#sidebar a:hover { color:#1963A4; background:#dedede; text-decoration:none; }
#sidebar {display:none;}
#sidebar #categories { float:left; width:600px; }
#sidebar #categories ul li { float:left; width:200px; }
#sidebar #categories ul li a { display:block; width:190px; padding:10px 5px; }
#sidebar #archives { float:right; width:225px; }
#sidebar #archives ul li { float:left; width:75px; }
#sidebar #archives ul li a { display:block; width:65px; padding:10px 5px; }
#footer { display:none; width:100%;float:left; background-color:#aeaeae; padding:10px 0px 30px 0px; border-top:1px solid #efefef; overflow:hidden;}
#footer ul.delicious {margin:20px;padding-left:90px;overflow:hidden;}
#footer ul.delicious li {background:#CCCCCC none repeat scroll 0 0;border:6px solid #999999;float:left;height:60px;margin:5px;padding:5px 10px;width:150px;}
#footer ul.delicious li span.delicious-timestamp { display:block; }
#footer #recent-tracks {margin:20px;padding-left:90px;overflow:hidden;}
#footer #recent-tracks a.featuredAlbum {float:left;margin:1px;}
#footer #recent-tracks a span.albumCover {cursor:pointer; }
#footer #recent-tracks span.coverSmall {height:36px;width:37px;}
#footer #recent-tracks span.albumCover {display:block;position:relative;}
#footer #recent-tracks span.coverSmall span.art {height:34px;left:3px;overflow:hidden;top:1px;width:34px;}
#footer #recent-tracks span.albumCover span.art {display:block;position:absolute;}
#footer #recent-tracks img {margin-bottom:3px;vertical-align:middle;display:block;border:0 none;}
#footer #recent-tracks span.coverSmall span.jewelcase {background-image:url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_small.png);height:36px;width:37px;}
#footer #recent-tracks span.albumCover span.jewelcase {background-position:left top;background-repeat:no-repeat;display:block;left:0;position:absolute;top:0;}