/*

	Helveti.ca layout by Dave Kellam
    Last updated 2010.08.12

*/

html { background-color: #fff; height: 100%; margin-bottom: 1px; }
body { font: 12pt/18pt 'Helvetica Neue', Arial, Helvetica, sans-serif; background-color: #fff; color: #444; }

a { text-decoration: none; }

#body { background-color: #fff; }

#wrap { margin-left: auto; margin-right: auto; width: 840px; }
#header { margin: 0 15px; }
#content { float: left; width: 500px; margin: 0 auto; margin-left: 15px; }

#sidebar { width: 285px; float: left; margin-left: 25px; margin-right: 15px; }

h1 { font-size: 3em; line-height:1; padding: 2em 0 2em; }
h1 a { color: #000; font-weight: bold; }

h2, h3 { line-height: 18pt; }
p, pre, ul, ol, blockquote, form { margin: 9pt 0 18pt; line-height: 18pt; }
blockquote { padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid #bbb; }

#posts { margin: 0; }
.post { margin-bottom: 4.5em;}
.post img { max-width: 100%; }

.post-body h3 { position: relative; }
.post-body a { font-weight: bold; color: #000; border-bottom: 1px solid transparent; }
.post-body a:hover { color: #444; border-bottom-color: #bbb; }
.post-body .image a { border-width: 0; }
.post-body ul ul, .post-body ul ol, .post-body ol ol, .post-body ol ul,
  .post-body blockquote ul, .post-body blockquote ol { margin-left: 1.5em; }

.permalink { color: #bbb; font-size: 11pt; }
.permalink a { color: #bbb; padding: 0 0 4.5pt 0; }
.permalink a:hover { color: #444; }

.caption, .cite { font-size: 12pt; margin-top: 9pt; }
.caption p { margin-top: 18pt; }

.text-post { position: relative; top: -2pt; }
.text-post h3 { margin-bottom: 9pt; }

.link-post { position: relative; top: -2pt; }
.link-post h3 { display: inline; padding-right:9pt; }
.link-post a { color: #444;}
.link-post a:hover { color: #888; }
.link-post a.link { color: #000; }
.link-post a.link:hover {color: #444; }

.quote-post { position: relative; top: -4.5pt; }
.quote-post blockquote.quote
  { font-size: 18pt; line-height: 24pt; text-indent: -7pt;
   margin: 0; padding: 0; border-width: 0; }
.quote-post .quote:before { content: '“'; }
.quote-post .quote:after { content: '”'; }
.quote-post .quote a { color: #444; }
.quote-post .quote a:hover { color: #888; }
.quote-post .cite { color: #888; margin-left: 1.5em; text-indent: -1.5em; }

.chat-post li { list-style: none; margin-left: 2em; text-indent: -2em; }
.chat-post b { font-weight: bold; padding-right: 4.5pt;}

.audio-post .audio { opacity: 0.75; }

#notes { margin-top: 18pt; }
.notes { color: #bbb; margin-top: 18pt; font-size: 11pt; }
.notes li { list-style: none; margin-bottom: 13pt; }
.notes img, .notes .clear { }
.notes .photo_container img { display: block !important; }
.notes a { color: #888; }
.notes a:hover { color: #444; }

.footnotes a[rev="footnote"] { color: #888; }
.footnotes hr { margin: 34pt 0 18pt; }

#paging { margin: 2em 0 4.5em; text-align: center; }
#paging ul li { display: inline; }
#paging ul li a { border: none; }
#paging ul li a img { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
#paging ul li a:hover img, #paging ul li a:focus img { opacity: .7; }
#paging li#newer { padding-right: 15px; }

#sidebar a { color: #000; font-weight: bold; border-bottom: 1px solid transparent; }
#sidebar a:hover { color: #444; border-bottom-color: #bbb; }

#sidebar ul li { display: inline; }
#sidebar ul li a { border: none; }
#sidebar ul li img { width: 65px; }
#sidebar ul li a img { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
#sidebar ul li a:hover img, #sidebar ul li a:focus img { opacity: .7; }

#footer { clear: both; margin: 4.5em 15px 2em; padding-bottom: 2em; }