/* =================== jamestindall.info css */
body
{
background:#fff;
color:#000;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16pt;
margin: 0;
padding: 0;
min-width: 560px;
overflow-x:hidden;
overflow-y:scroll;
-webkit-text-size-adjust:none;
}
/*
#tumblr_controls,*/
.anchor,
.hidden
{
display:none;
visibility:hidden;
}
/*
#tumblr_controls,*/
.anchor,
.hidden
{
width:0;
height:0;
padding:0;
margin:0;
border:0;
}

.clear
{
clear:both;
}

ol
{
padding:0 0 0 1.35em;
}

ol li
{
padding:.25em 0 .25em .5em;
}

abbr
{
border:0;
}

blockquote
{
margin:1em 0;
padding:0 0 0 1.3em;
background-image:url(../images/quote.gif);
background-repeat:no-repeat;
font-style:italic;
}

blockquote, q
{
quotes:none;
content:normal;
}

ol li
{
font-size:.8em;
}

/*
remove quotes thanks to paul chaplin : http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
/*
CSS 2; used to remove quotes in case "none" fails below.
*/
content:"";
/*
CSS 2.1; will remove quotes if supported, and override the above.
User-agents that don't understand "none" should ignore it, and
keep the above value. This is here for future compatibility,
though I'm not 100% convinced that it's a good idea...
*/
content:none;
}

/* =================== MAIN LAYOUT */

#header,
#subheader
{
background:#fff;
position:fixed;
width:100%;
/*border-bottom:1px dashed #ddd;*/
z-index:4;
}

#subheader
{
top:2.95em;
padding:1em 0;
}

#content
{
background:#fff;
padding-top:11em;
overflow:hidden;
z-index:2;
/*border-top:2px solid #f8f8f8;
border-bottom:1px solid #ccc;*/
}

#content .noise
{
margin-top:-.9em;
}

.wrap
{
min-width:550px;
max-width:880px;
margin:0 auto;
padding:0 5.5em 0 9.5em;
color:#000;
overflow:visible;
}

#subheader .noise,
#main
{
min-width:550px;
max-width:780px;
}


#subheader .noise
{
position:relative;
}

.curved
{
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(../js/border-radius.htc);
}

.curved-right
{
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
-webkit-border-radius-bottomright:5px;
behavior:url(../js/border-radius-right.htc);
}

.curved-left
{
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-bottomleft:5px;
behavior:url(../js/border-radius-left.htc);
}

/* =================== FOOTER */
#footer
{
/*border-top:2px solid #eee;
background-image:url(../images/pages.jpg);
background-repeat:repeat;*/
overflow:hidden;
background-color:#fff;
}

#footer .legals
{
color:#999;
max-width:700px;
padding:1em 0;
font-size:0.6em;
margin:1em 0 3em 0;
background-color:#f4f4f4;
text-align:center;
}

/* =================== LINKS */

a:link,
a:visited,
a:focus,
a:hover,
a:active
{
color:#0000ff;
}

.anchor
{
display:block;
width:0px;
height:0px;
margin:0;
padding:0;
line-height:0;
}

#footer a:link,
#footer a:visited
{
color:#939ae5;
text-decoration:none;
}

#footer a:focus,
#footer a:hover,
#footer a:active
{
color:#0000ff;
text-decoration:underline;
}

a img
{
border:0;
}



/* =================== SITE NAV */

#sitenav
{
max-width:780px;
white-space:nowrap;
padding:.8em 0 1em 0;
margin:0;
position:relative;
}

#sitenav a
{
text-decoration:none;
}

#sitenav a.url
{
margin-right:1.7em;
font-size:.9em;
}

#sitenav a:hover
{
color:#000;
}

a.current,
#sitenav a.current:focus,
#sitenav a.current:hover,
#sitenav a.current:active,
a.feed
{
color:#000;
text-decoration:none;
}

#date-nav
{

}

#sitenav .permatime
{
position:absolute;
padding:.8em 0 0 0;
width:140px;
left:-15.7em;
margin:0;
text-align:right;
font-size:.5em;
}

.current-time a:link,
.current-time a:visited,
a.permatime:link,
a.permatime:visited
{
color:#939ae5;
text-decoration:none;
}

.current-time a:focus,
.current-time a:hover,
.current-time a:active,
#sitenav a.permatime:focus,
#sitenav a.permatime:hover,
#sitenav a.permatime:active
{
color:#0000ff;
text-decoration:underline;
}

/* =================== HEADER (MAIN) VCARD */

#sitenav .vcard
{
float:right;
height:1em;
padding:0;
margin:0;
}

#sitenav .vcard img
{
margin:-11px 66px 0 0;
}
/* =================== SUBSCRIPTION */

.subscription,
.pagination
{
display:block;
color:#939ae5;
position:fixed;
padding:11px;
white-space:nowrap;
overflow:visible;
overflow-x:hidden;
background-color:#f5f5f5;
z-index:7;
text-align:right;
width:33px;
}

.subscription
{
left:0;
top:6.3em;
padding:6px 11px 9px 11px;
}

/* =================== PAGINATION */

.pagination
{
left:0;
top:10.5em;
}

.pagination .arrow
{
font-size:1em;
display:block;
color:#939ae5;
}

.pagination div:first-child .arrow
{
padding:0 0 .15em 0;
}

.pagination-button
{
font-size:.5em;
display:block;
width:3em;
}

.pagination div
{
text-align:center;
width:33px;
padding:0 0 .25em 0;
}

.pagination div:first-child
{
border-bottom:2px solid #fff;
margin:0 0 .25em 0;
}

.pagination a:link,
.pagination a:visited
{
color:#939ae5;
text-decoration:none;
}

.pagination a:focus,
.pagination a:hover,
.pagination a:active
{
color:#0000ff;
text-decoration:underline;
}

span.pagination-button
{
color:#bbb;
}

/* =================== FILTERS */

.filters
{
font-size:.6em;
margin:0 0 0 0;
padding-bottom:.8em;
}

a#current-filter
{
z-index:7;
/*font-size:2.4em;
line-height:.5em;
vertical-align:text-bottom;*/
}

.filters li a,
.author a:link,
.author a:visited,
a#current-filter:link,
a#current-filter:visited
{
text-decoration:none;
}
.author a:focus,
.author a:hover,
.author a:active
{
text-decoration:underline;
}


.filters ul
{
padding:0;
list-style:none;
margin:0 0 0 -20px;
display:inline;
}

.filters li
{
margin:0;
padding:0;
}

.filters p,
.filters span
{
color:#999;
margin:0;
padding:0 0 .8em 0;
}

.filters li
{
display:inline;
margin:0 .15em 0 0;
}

.filters li a img,
.filters li img
{
vertical-align:bottom;
}

a.icon
{
padding-right:3px;
}

/* =================== TAGS */

.tags
{
list-style:none;
margin:0;
padding:0;
line-height:1.4em;
max-width:470px;
font-size:0.7em;
}

.info .tags
{
margin:0;
padding:3em 0 0;
}

.tags dt
{
color:#aaa;
}

.tags dd
{
display:inline;
margin:0;
padding:0;
}

/* =================== 404 */

.hentry a[href=""]
{
display:block;
font-size:2em;
line-height:1.1em;
letter-spacing:-0.05em;
margin:0;
padding:.55em 0 .5em 0;
color:#000;
text-decoration:none;
font-weight:bold;
}

/* =================== SEARCH */

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

#searchform
{
padding:0 0 .5em 0;
margin:0;
font-size:1em;
width:100%;
}

#searchform button
{
vertical-align:middle;
}

#searchform INPUT[type="text"]
{
padding:.2em .25em;
vertical-align:middle;
width:210px;
border:0;
background-color:#f5f5f5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
/*background-image:url(../images/search.gif);
background-repeat:no-repeat;
background-position:0 1px;*/
}

#searchform INPUT[type="text"]:focus
{
color:#0000ff;
}

button
{
background-color:#fff;
border:0;

font-family:Helvetica,Arial,sans-serif;
font-size:.6em;
text-decoration:none;

color:#888;
cursor:pointer;
padding:0; /* Links */
}
button
{
width:auto;
overflow:visible;
}
button:hover
{
color:#bbb;
}
button img
{
vertical-align:bottom;
}


/*==================== CURRENTIME  */

.current-time
{
display:block;
color:#939ae5;
position:absolute;
left:-156px;
bottom:0;
top:auto;
padding:10px 0 0 10px;
text-align:right;
width:120px;
white-space:nowrap;
overflow:visible;
overflow-x:hidden;
font-size:.5em;
background:#fff;
}


/* =================== INFO */

.info
{
position:relative;
padding:0;
margin:5em 0 4em 0;
background:#fff;
}

.blog-title
{
padding:0;
margin:0;
display:inline;
font-size:.9em;
font-weight:normal;
line-height:1.55em;
}

.blog-title a:focus,
.blog-title a:hover
{
color:#0000ff;
}

a.feed img
{
border:0;
}

#top-of-page-button
{
position:absolute;
top:.4em;
right:80px;
font-size:.6em;
}


/* ======================= PAGE TITLE */

h2.subtitle
{
position:relative;
font-size:.6em;
color:#aaa;
padding:0;
margin:0;
font-weight:normal;
}

.subtitle-label
{
color:#939ae5;
}

.page,
.hcard-export
{
position:absolute;
right:80px;
bottom:0;
}

.page
{
font-size:.85em;
}

.subtitle .tag,
.subtitle .query,
.subtitle .date
{
color:#0000ff;
}

/* =================== HFEED */

.hfeed
{
padding:0;
margin:0;
}

.hentry
{
position:relative;
margin:0;
padding:0 0 3em 0;
clear:both;
}
/*blog hentry*/
.text
{
padding-bottom:5em;
}

.noise .hentry
{
padding-bottom:1em;
}

.service
{
position:absolute;
top:.25em;
left:-23px;
font-size:.7em;
}

.service .url
{
vertical-align:top;
}

.service a.url:link,
.service a.url:visited
{
text-decoration:none;
}

.service a.url:focus,
.service a.url:hover,
.service a.url:active
{
text-decoration:underline;
}

h1.entry-title,
h2.entry-title,
h3.entry-title
{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:2em;
line-height:1.2em;
letter-spacing:-0.055em;
margin:0 0 0 -.08em;
padding:0 0 .3em 0;
max-width:700px;
padding:0 80px 0 0;
overflow:hidden;
}

.noise .hentry .entry-title
{
margin-bottom:0;
}

.noise h1.entry-title,
.noise h2.entry-title
{
padding-top:.45em;
}

.entry-title a
{
color:#000;
text-decoration:none;
}

.entry-title a.link-in-title,
a.twitter-link
{
font-weight:normal;
color:#0000ff;
line-height:14pt;
margin:0;
padding:0;
width:inherit;
}

.entry-title a.link-in-title:focus,
.entry-title a.link-in-title:hover,
.entry-title a.link-in-title:active
{
text-decoration:underline;
}

cite.entry-title a,
.entry-title a:hover
{
color:#0000ff;
}

.hentry .date
{
display:block;
position:absolute;
width:130px;
top:.7em;
left:-166px;
padding:2em 0 2em 10px;
white-space:nowrap;
font-size:.5em;
text-align:right;
text-decoration:none;
}

.noise .hentry .date
{
top:2.45em;
}

.noise .hentry .date .published
{

}

.hentry a.date:link,
.hentry a.date:visited
{
color:#939ae5;
}

a.twitter-link:link
{
font-weight:normal;
}

.entry-content
{
max-width:470px;
margin:0;
padding:.8em 0 0 0;
line-height:1.1em;
font-family:Helvetica,Arial,sans-serif;
font-weight:lighter;
}

.haudio .entry-content
{
padding-top:0;
}

.disqus-entry-content
{

}

.entry-content p
{
margin:0 0 1em 0;
font-size:0.8em;
}

.entry-content p:first-child
{
margin-top:1em;
}

a.blip-link,
a.fairtilizer-link,
a.hypemachine-link,
a.lastfm-link
{
color:#0000ff;
/*font-weight:normal;
white-space:nowrap;
font-size:2em;
line-height:1.2em;
letter-spacing:-0.055em;*/
text-decoration:none;
}

a.twitter-link
{
white-space:nowrap;
}

.hentry a.date:focus,
.hentry a.date:hover,
.hentry a.date:active,
a.hypemachine-link:focus,
a.hypemachine-link:active,
a.hypemachine-link:hover,
a.lastfm-link:focus,
a.lastfm-link:hover,
a.lastfm-link:active,
a.fairtilizer-link:focus,
a.fairtilizer-link:hover,
a.fairtilizer-link:active,
a.blip-link:focus,
a.blip-link:hover,
a.blip-link:active,
a.twitter-link:focus,
a.twitter-link:hover,
a.twitter-link:active
{
text-decoration:underline;
color:#0000ff;
}

.requirements dt
{
font-weight:bold;
padding:1em 0 0 0;
margin:0;
font-size:.8em;
}

.requirements dd
{
margin:0;
font-size:.7em;
}

.entry-content ul.links
{
margin:1em 0 3em 0;
padding:0 0 0 23px;
list-style-image:url(../images/external.gif);
font-size:.8em;
}

.entry-info
{

}

.author a
{
white-space:nowrap;
}

img.blog-image,
.work-entry-content img
{
border:5px solid #efefef;
padding:0;
margin:.8em 0 0 0;
width:460px;
height:auto;
}

.work-entry-content .thumbnail
{
width:513px;
height:129px;
}

.noise .thumbnail
{
max-width:470px;
}

.quote-mark
{
font-size:3em;
}

/* =================== COMMENTS */

.comments,
.likes
{
/*position:relative;*/
}

.noise .comments,
.noise .likes
{
padding-top:.8em;
}

.noise .has-comments
{
padding:.5em 0 .8em 0;
}

a.comment-link
{
position:absolute;
top:2em;
right:0;
font-size:.6em;
line-height:1.4em;
}

.noise a.comment-link
{
top:3.5em;
}

a.comment-link:link,
a.comment-link:visited
{
color:#939ae5;
text-decoration:none;
}

a.comment-link:focus,
a.comment-link:active,
a.comment-link:hover
{
color:#0000ff;
text-decoration:underline;
}

/*author*/
.noise .comments .author
{
line-height:1.4em;
font-size:.95em;
}

.comments .comment,
.entry-content .comment,
.likes .like
{
padding:0 0 .5em 20px;
font-size:.8em;
color:#555;
font-weight:lighter;
}

.comments .comment:last-child,
.comment:last-child,
.likes .like:last-child
{
padding-bottom:0;
}

.likes + .comments
{
padding-top:.5em;
}

.hentry .comments .comment-date,
.hentry .entrycontent .comment-date,
.hentry .likes .like-date
{
font-size:8pt;
padding-top:0.6em;
top:0;
}

.comment
{
background:url(../images/comment.gif) no-repeat !important;
padding-bottom:1em;
}

.noise .comment
{
max-width:450px;
}

.comment q
{
line-height:1.4em;
}

.like
{
background:url(../images/liked.gif) no-repeat;
}

/* =================== disqus (outside of iframe) */

#dsq-comments
{
padding-top:2em !important;
}

#dsq-auth
{
max-width:580px;
position:relative;
}

#dsq-options
{
display:none;
visibility:hidden;
width:0;
height:0;
padding:0;
margin:0;
}

#dsq-auth .dsq-by img
{
padding:0 0 0 6px;
}

#dsq-content #dsq-auth .dsq-by
{
position:absolute;
bottom:0;
right:0;
float:none !important;
}

#dsq-post-add,
#disqus_thread #dsq-content iframe,
#disqus_thread #dsq-content #dsq-post-add-iframe
{
min-height:460px;
height:auto;
overflow:visible;
overflow-x:hidden;
overflow-y:visible;
}

#dsq-content #dsq-extra-links li
{
display:inline !important;
padding:0 2em 0 0 !important;
}

#dsq-options .dsq-extra-meta
{
background:transparent !important;
}

#dsq-comments-count,
.dsq-header-avatar,
.dsq-header-points
{
display:none !important;
visibility:hidden !important;
width:0 !important;
height:0 !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}

#dsq-content #dsq-comments .dsq-comment
{
padding:0 0 1em 0 !important;
margin:0 !important;
position:relative !important;
background:transparent !important;
}

.dsq-comment-body
{
background:url(../images/comment.gif) no-repeat !important;
}

.dsq-comment-message
{
padding-left:20px !important;
font-size:1.1em !important;
color:#555;
}

#dsq-content #dsq-comments .dsq-comment-header
{
height:auto !important;
line-height: normal;
}

#dsq-content #dsq-comments .dsq-comment-header cite
{
margin:0 !important;
float:none;
position:absolute;
right:23px;
}

.dsq-header-time
{
position:absolute !important;
left:-166px;
color:#939ae5 !important;
text-transform:lowercase;
text-align:right;
width:130px;
display:block;
}

#dsq-content #dsq-comments .dsq-comment-rate
{
position:absolute !important;
float:none !important;
right:0;
top:0;
}


/* =================== PROFILE */
#content .profile
{
padding:0 !important;
margin:0 !important;
}

.profile dl
{
margin:0 0 1em 0;
}

.profile dd
{
margin:0;
padding:0;
}
.profile dt
{
font-size:0.8em;
padding:1em 0 0 0;
margin:0 0 0 0;
color:#ccc;
}

.profile .rev
{
color:#ccc;
font-size:0.8em;
}

.profile a,
.nickname,
.n
{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:2em;
font-weight:bold;
line-height:1.1em;
letter-spacing:-0.05em;
text-decoration:none;
text-transform:lowercase;
}

.profile a:link,
.profile a:visited
{
color:#000;
}

.profile .note,
.profile .note a:link,
.profile .note a:visited,
.profile .note a:focus,
.profile .note a:hover,
.profile .note a:active
{
text-decoration:underline;
color:#0000ff;
max-width:600px;
font-family:Helvetica,Arial,sans-serif;
font-size:13pt !important;
font-weight:normal !important;
letter-spacing:normal !important;
line-height:1.4em;
}

.profile .note
{
text-decoration:none;
color:#222;
}

.profile .longitude
{
padding-left:.25em;
}

.profile a:focus,
.profile a:hover,
.profile a:active,
#export-options a:focus,
#export-options a:active,
#export-options a:hover
{
color:#0000ff;
}

#export-options
{
color:#ccc;
font-size:0.8em;
padding:2em 0;
}

#export-options a
{
text-decoration:none;
color:#ccc !important;
}

#alias
{
position:absolute;
}