/*
Name: Jonny Campbell Stylesheet
URI: http://jonnycampbell.com
Description: Stylesheet thing for making things look nice. I miss tables.
Version: 1.0
Author: Jonny Campbell
Author URI: http://jonnycampbell.com
*/

body { background:#fff; font-family:Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; text-rendering: optimizeLegibility;}
#container { width:960px; margin:0 auto 25px; padding-top:31px; overflow:hidden; }
#container-page { height:200px; width:960px; margin:0 auto 25px; padding-top:31px; overflow:hidden; height:100%; }
#content-wrapper { width:500px; margin:0 auto; }
#content { width:500px; float:left; }
#content h1 { font:normal normal normal 0.9em/1.3em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; margin-bottom:3px; text-align:left; margin-left:-220px; width:200px; }
section.interviews h1 {width: 140px !important;}
#content h1 a:hover {color: #31901E;}
#content h1 a:active { top:1px; position:relative; -webkit-transition-duration:0!important; }
.h1-hr { width:720px; border-bottom:1px solid rgb(204,204,204); display:block; margin-left:-220px; }
#content img { background:#DDD; margin:0 0 -8px; padding:5px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease-in-out; opacity:1; }
.img-start { margin:0 0 10px; }
.img-lrg {margin-left:-220px !important;}
#content img:hover { background:#BBB; opacity:1; }
#content ul,#content ol { margin-top:15px; margin-bottom:15px; font-size: 15px;}
#content ul li { line-height:1.6em; padding:0 0 5px 0px; list-style:disc; }
/*#content ul li { background:url(../img/li-icon.png) no-repeat; background-position-y:9px; line-height:1.5em; padding:0 0 5px 15px; margin-left:-15px; }*/
#content ol li { line-height:1.4em; list-style-type:decimal; margin-left:0; padding:0 0 5px; }
#content blockquote ol li { margin-left:15px; }
header { margin-left: 780px ;margin-top: 122px; padding-left: 1px; position: absolute; width: 180px; }
nav { width:180px; font: normal normal normal 0.8em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; }
nav ul { width:180px; padding-top: 3px; }
nav li { height:25px; position:relative; font-size: 0.9em; }
nav ul li a {color:#333;}
nav h4 {border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;color: #333;font-family: Baskerville, Garamond, Palatino, 'Palatino Linotype', 'Hoefler Text', 'Times New Roman', serif;font-variant: small-caps;
font-size: 1em;letter-spacing: 0.2em;margin-bottom: 10px;margin-top: 10px;padding-bottom: 1px;padding-top: 2px;}
h4.top-nav-header {border-top: 2px solid rgb(9,9,9);}
nav ul li a:hover {color:#31901E !important;}
ul#elsewhere a.dribbble:hover {color:#EA4C88 !important;}
ul#elsewhere a.flickr:hover {color:#0063DC !important;}
ul#elsewhere a.flickr:hover span {color:#FE63BB !important;}
ul#elsewhere a.instagram:hover {color:#BD4A39 !important;}
ul#elsewhere a.lastfm:hover {color:#D51007 !important;}
ul#elsewhere a.twitter:hover {color:#2276BB !important;}
ul#elsewhere a.rss:hover {color:#f6832a !important;}
nav a,nav a:hover { border:0; display:block; }
nav a:active { top:1px; position:relative; -webkit-transition-duration:0!important; }
#searchform { margin-top:-5px; }
.hidden { display:none; }
#s { font-family:Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; font-size:13px; border:1px solid rgb(204,204,204); padding:4px 4px 4px 6px; width:143px; margin-top:10px; height:15px; outline:none; outline-offset:-2px; -webkit-border-top-left-radius:.7em; -webkit-border-bottom-left-radius:.7em; -moz-border-radius-topleft:.7em; -moz-border-radius-bottomleft:.7em; border-top-left-radius:.7em; border-bottom-left-radius:.7em; }
#s:hover { border:1px solid rgb(194,194,194); }
#s:focus { border:1px solid rgb(184,184,184); }
#searchsubmit { background:#fff url(../img/search-icon.png); border:1px solid rgb(204,204,204); height:25px; left:154px; margin-top:10px; position:absolute; width:26px; cursor:pointer; -webkit-border-top-right-radius:.7em; -webkit-border-bottom-right-radius:.7em; -moz-border-radius-topright:.7em; -moz-border-radius-bottomright:.7em; border-top-right-radius:.7em; border-bottom-right-radius:.7em;}
.search-time { font-size:12px; }
.search-title { border:0!important; color:rgb(9,9,9); font:normal normal normal 2.2em/1.3em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:16px; font-weight:normal; margin-top:0!important; margin-bottom:0; padding:15px 0 5px!important; }
h1.logo a {background: url(http://jonnycampbell.com/journal/wp-content/themes/jonnycampbell/img/j-logo.png) no-repeat 50% 0px;border: 0px;display: block;height: 60px;left: 0px;margin: auto;padding: 0px;position: absolute;text-indent: -9999px;top: -73px;width: 180px; -webkit-transition-duration:0; }
h1.logo a:active { background:url(../img/j-logo.png) no-repeat 50% 1px; height:61px; }
p { line-height:1.6; margin-bottom:20px; margin-top:5px; }
.entry p { z-index:50; font-size: 15px; }
.date,.comments,p.date{ display:block; color:#aaa; float:left; font-size:11px; width:180px; margin-top:0; margin-left:-220px; padding-top: 4px; }
.date { border-bottom:1px dotted rgb(204,204,204); padding-bottom:1px; }
.comments { padding:6px 0 2px; margin-top:18px; border-bottom:1px dotted rgb(204,204,204); width:180px; font-style:italic; }
.left-col-aside {margin-left: -220px;position: absolute;width:190px;}

.post-content p:nth-child(5):first-letter { font-size:330%; line-height:.75em; margin-bottom:-.1em; margin-right:.13em; margin-top:.14em; font-weight:normal; float:left; }
.post-content p:nth-child(5):first-line { font-variant:small-caps; font-weight:600; }
.excerpt-post {margin: 0px 0px 60px !important;}
.excerpt-text p:nth-child(1):first-letter, .about-page p:nth-child(2):first-letter { font-size:330%; line-height:.75em; margin-bottom:-.1em; margin-right:.13em; margin-top:.10em; font-weight:normal; float:left; }
.excerpt-text p:nth-child(1):first-line, .about-page p:nth-child(2):first-line { font-variant:small-caps; font-weight:600; }

cite {font-size:13px; font-style: italic; text-align:right; display: block;}
strong {font-weight: 600;}

a { text-decoration:none; color:#090909; border-bottom:1px dashed #bbb; padding-bottom:1px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease-in-out; }
a span { -webkit-transition-timing-function:ease-in-out; }
a:hover { color:#31901e; border-bottom:1px dashed #31901e; }
a:active { border-bottom:1px solid #31901e; }
a.no-border,a.no-border:hover { border:0; }
a:active,a:focus { outline:0; }
.read-more { background-color:#090909; color:#fff; float:right; font-size:.9em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:3px 10px; margin-top:50px; cursor:pointer; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease-in-out; }
.read-more:hover { background-color:#31901e; }
.read-more:active { -webkit-transition-duration:0; padding-bottom:2px; padding-top:4px; }
a.read-more-link { color:#fff; border:0; }
a.read-more-link:hover { border:0; color:#fff; }
.next-entries { background:url(../img/btn-previous-entry.png) no-repeat!important; text-indent:-9999px; display:block; margin-left:0!important; padding:0!important; width:50px; height:23px; float:left; list-style-type:none; }
.previous-entries { background:url(../img/btn-next-entry.png) no-repeat!important; text-indent:-9999px; display:block; margin-left:0!important; padding:0!important; width:50px; height:23px; float:right; }
.previous-entries a,.next-entries a { display:block; border:0; }
.previous-entries:active { position:relative; left:1px; }
.next-entries:active { position:relative; right:1px; }
.hidden-entries { background:none!important; text-indent:-9999px; display:none; margin-left:0!important; padding:0!important; width:50px; height:23px; float:right; margin-top:-80px; list-style-type:none; }
.post-nav { display:block; height:10px; margin:30px 0!important; padding-top:30px; }
ul.post-nav { list-style-type:none; }
li.hidden-list { list-style-type:none!important; }
section { display:block; }
.entry { margin:2px 0 140px; }
.entry-title { display:block; padding-bottom:15px; }
.entry-title a {border:0;}
.entry a { color: rgb(49, 144, 30); }
.entry-title h1 a {color: rgb(9, 9, 9);}
h2 { border-bottom:1px solid rgb(51,51,51); color:rgb(9,9,9); font:normal normal normal 2.2em/1.3em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:18px; margin-bottom:20px; padding:15px 0 5px; }
h2.header em { font-size:0.8em; }
h3 {color:rgb(9,9,9); font:normal normal normal 2.2em/1.3em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:18px; font-weight:normal; margin: 30px 0 15px 0; }
h4 { border-bottom:1px solid #CCC; color:rgb(9,9,9); font:normal normal normal 2.2em/1.3em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:14px; font-weight:normal; margin-bottom:15px; padding:15px 0 5px; }
h2.header { border-bottom:2px solid rgb(9,9,9); font:normal normal normal 1.2em/.7em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; padding-bottom:11px; line-height:0.8; }
.superscript { font-size:xx-small; vertical-align:top; }
blockquote { margin:1em 0; color:#090909; border-left:5px solid #DDD; padding-left:1em; line-height:1.6em; text-align:left; }
.quotes h1 { display:none; }
.quote p { font-size:1.6em; line-height:1.3em; margin-left:45px; width:455px; text-align:left; }
.quote big { color:#ddd; float:left; font:normal normal bold 4.5em/1px Georgia, serif; margin-top:.5em; margin-right:5px; }
p.reference { line-height:1; color:rgb(170,170,170); padding-top:5px; border-top:1px solid rgb(204,204,204); }
cite.reference { font-size:11px; text-align:left; }
.italic { font-style:italic; }
dfn {font-style:italic; cursor:help;}

.archive-meta {font-size: 0.8em !important; margin-bottom:5px !important;}
#archives a { display:block; margin-top:10px; padding-bottom: 3px; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease-in-out; }
#archives a:hover { background:; }
#archives li {margin-bottom:15px;}
.archive-date {color: rgb(170, 170, 170);display: block;float: left;font-size: 12px;margin-left: -220px;margin-top: 1px; width: 220px; border-bottom:1px dotted rgb(204,204,204); padding-bottom:2px;}
hr { border-bottom:.07em solid #bbb; border-top:0; border-right:0; border-left:0; margin:50px 0 46px; }
.column-hr { clear:both; display:block; margin:0; width:500px; }
.right { float:right; }
.left { float:left; }
.comment-form { background:rgb(241,241,241); border:1px dashed rgb(204,204,204); display:block; padding:55px 0 35px; -webkit-transition-duration:.4s; -webkit-transition-timing-function:ease-in-out; }
.comment-form:hover { background:#fff; border:1px dashed #fff; }
.comment-form p { padding:0 10px; text-align:center; }
footer { border-top:2px solid rgb(9,9,9); display:block; margin-top:120px; clear:both; }
footer span.italic {font-size:11px;}
.column { display:block; width:240px; float:left; padding-right:20px; font-size:13px; }
.column ul { list-style:none !important; }
.column ul li { margin-left:0!important; background:none!important; list-style:none !important; padding:0 0 15px!important; }
.last-col { padding:0; }
.column h4 { font-weight:normal; font-variant:small-caps; font-size:13px; letter-spacing:.2em; border-top:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); padding:3px 0 1px; }
.italic { font-variant:normal!important; font-style:italic!important; }
.no-border-top { border-top:0!important; }
.footnotes { display:block; clear:both; padding-top:10px; }
.footnotes p { border-top:1px solid rgb(204,204,204); color:rgb(153,153,153); font-size:12px; font-variant:small-caps; font-weight:600; padding-top:5px; margin-bottom:11px!important; }
.footnotes a { color:rgb(153,153,153)!important; }
.footnotes a:hover { color:#31901e!important; border-bottom:1px dashed #31901e; }
.footnotes a:active { border-bottom:1px solid #31901e; }
.single { margin-top:82px; }
.sociable {display:none !important; margin:22px 0 0 -215px !important; position:absolute;}
.sociable img{padding:0 !important;}
.sociable ul li {background:none !important; margin-left: -5px !important; padding: 0px 10px 5px 0px !important;}
img.sociable-hovers {opacity:0.4 !important;}
img.sociable-hovers:hover {opacity:1 !important;}
.twitter-share-button {position:absolute; margin-left: -220px; margin-top: 30px;}
.facebook-button {position:absolute; margin-left: -220px; margin-top: 62px;}

.work a:nth-child(2n+1) {margin: 0px 36px 35px 0px !important;}
.work img {margin-bottom:35px !important;}
.bcards {margin-right: 35px;}
.work a {border:none;}

.wp-smiley {background:#fff !important;}

img#wpstats{display:none !important;}
#tweet-box-container {font-family: Baskerville, Garamond, Palatino, 'Palatino Linotype', 'Hoefler Text', 'Times New Roman', serif !important;}

p.more-links {margin: -10px 0 0 0;}

#comment-list {margin-bottom:50px !important;}
h3#comments {border-top: 2px solid #333; padding: 5px 0px; margin-top: 105px;}
h3#respond {border-top: 2px solid #333; padding: 5px 0px;}
textarea#comment {border:1px solid #ccc; font-family: Baskerville, Garamond, Palatino, 'Palatino Linotype', 'Hoefler Text', 'Times New Roman', serif; font-size:1.1em;
padding: 5px 4px 5px 6px;margin-top:5px; width:488px;}
input#author, input#email, input#url {border: 1px solid #CCC;
display: block;font-family: Baskerville, Garamond, Palatino, 'Palatino Linotype', 'Hoefler Text', 'Times New Roman', serif; font-size:0.9em;padding: 0px 4px 0px 6px;height: 28px;margin: 5px 0px 15px;width: 250px;}
form#commentform {font-size:0.9em;}
input#submit {margin-top:15px;}

ul.similar-posts li {list-style-type: none !important; line-height: 2em !important;}
.similar-title {margin-top: 60px;}

.post-meta {color:#aaa; font-size:12px; display:block; float:left; width:180px; margin-top:19px; margin-left:-220px; padding-top:3px; padding-bottom:0px; border-bottom: 1px dotted #CCC; line-height: 1.5;}
.post-meta a {color:#333; font-style:italic; font-size:11px;}

.avatar {margin: 30px 0 0 -220px !important; position: absolute;}
.comment-date, .comment-edit-link {color:#aaa; font-size:0.6em;}

ol#comment-list li {list-style-type: none;}
#content ol li:nth-child(1n+2) {border: none; padding-top: 5px;}
#content ol li cite {font-style:normal; font: normal normal normal 1em/1.3em Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; margin-bottom: 3px;margin-left: -220px;text-align: left;width: 200px;}
#content ol li cite a {border:none;}
#content ol li .h1-hr {padding-top:1px;}
#content ol li p.date {width: 184px;}
.comment-text {display: block; margin-top: 28px;}
.post-tags {font-size:0.8em; margin-top: 60px;}

iframe {margin-top:5px;}