/**
 * main.css
 *
 * A stylesheet by Antti-Jussi Kovalainen
 * for http://ajk.im/
 *
 */

 
/* Reset */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ul,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
fieldset,img,a img{border:0;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
ins{text-decoration:none;}
del{text-decoration:line-through;}


/** GENERAL
 ******************************************************************************/
body { background:#ede5d7 url('../img/body_bg.jpg') center top no-repeat; color:#111; font:15px/1.6 'Helvetica Neue', Helvetica, Arial, sans-serif; width:100%; }

h1 { font-size:2.4em; font-weight:400; line-height:1.2em; margin-bottom:1em }
h2 { font-size:1.6em; font-weight:400; margin:1.25em 0 0.5em }
h3 { font-size:1.4em; font-weight:400; margin-bottom:1.25em }
h4 { font-size:1.2em; font-weight:400; margin-bottom:1.25em }
h5, .related h3 { font-size:1.1em; font-weight:400; margin:1.5em 0 }
p { margin:0 0 1.5em; }
a { color:#a92e2e; text-decoration:none; }

/*li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 2em; }*/
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

blockquote { padding: 1.5em 1.5em 0px 3em; margin: 0 0 1.5em; border-left: outset 5px; display: inline-block; }
strong { font-weight:800 }
em, dfn { font-style:italic }
dfn { font-weight:bold; }
ins { display:block; padding:8px 10px; margin-left:-10px; }
del { color:#555; }

dl { margin:1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
sup, sub { line-height:0; }
abbr { font-size:0.9em; }
pre { margin:1.5em 0; }
code { padding:0 0.3em; }
pre, code { font:1em/1.5 Consolas, 'Andale mono', 'Lucida Console', Courier, monospace; }
.post pre, .post code { font-size:13px; }

input { font-size:1.0em; line-height:1.5em; }
textarea { line-height:1.4em; }
input, textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.about h1, .contact h1 { text-align:center }
.post h1 { font-size:190%; }
.fancy { font-size:1.9em; text-align:center; }
.intro { font-size:1.1em; }
    .intro strong { letter-spacing:0.07em; text-transform:uppercase; }
#footer, .fancy { font-family: Georgia, Times, 'Times New Roman', serif; }
.related h3 { color:#766; font-size:.75em; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
h2.intro, #main h1, .post h1, .related h3, #nav li a { color:#792323; }

#main, .wrapper { margin:0 auto; position:relative; width:960px; }

/* Faint HR */
#fromBlog li, #postlist .post .content, #commenting, .comment, .contact .fancy, .post .footMeta { background:transparent url('../img/faint_hr.gif') center bottom repeat-x; }


/** TOP
 ******************************************************************************/
#header { background:transparent url('../img/header_bg.gif') left bottom repeat-x; height:112px; margin:0 auto 30px; position:relative; width:1000px;}
#logo { border:0; display:inline-block; float:left; height:95px; margin:20px 0 0 30px; overflow:visible; position:relative; text-indent:-9999em; }
#logo a, #logo h1 { background:transparent url('../img/logo.png') no-repeat; display:block; height:100%; width:99px; }

/*		Nav		*/
#header #nav { display:inline-block; float:right; margin:40px 30px 0 0; padding:0; }
#nav li { display:inline-block; float:left; font-size:1.2em; margin:0 0 0 36px; }
#nav li a { display:block; -webkit-transition:none; }
#nav li a, #nav_1.act { padding:3px 0; }
#nav li a:hover { border-bottom:3px solid #792323; }
#nav li a:hover, #nav li.act a, #nav_1.act { color:#222; }
#nav li.act { font-weight:700; }
#nav .subscribe a { background:transparent url('../img/rss.png') no-repeat left center; height:16px; margin:8px 0 0; padding:0; text-indent:-9999em; width:16px; }
#nav .subscribe a:hover { border:0; opacity:0.6; }


/** HOME
 ******************************************************************************/
h2.intro { font:2.4em/1.1 'Helvetica Neue', Helvetica, 'Lucida Grande', Verdana, sans-serif; letter-spacing:-1px; margin:15px 0; }
    h2.intro em { font-weight:700; font-style:normal;}
.homeLeft, .homeRight { display:inline-block; margin:0 10px; }
.homeLeft {float:left; width:520px;}
.homeRight {float:right; width:400px;}
#fromBlog { margin:40px 0 0; }
    #fromBlog h5 { font-size:1.3em; letter-spacing:0.07em; text-transform: uppercase; }
    #fromBlog h5:after { content: '...'; }
    #fromBlog ul { list-style:none; padding:0; }
        #fromBlog li { margin:10px 0 0; padding:0 0 15px; position:relative; width:500px; }
            #fromBlog h3 { font-size:1.2em; margin:0 10px 2px 0; }
            #fromBlog p { color:#5e5e5e; margin:0; }
            #fromBlog a { font-weight:400; }
            #fromBlog .meta a { margin-left:2px; }


/** BLOG (GENERAL)
 ******************************************************************************/
#main.blog.list h1 { display:none; }
#main.blog.list.detail h1 { display:block; margin:40px 0; }
.blog .post, #postlist.empty p { display:block; overflow:hidden; padding-left:90px; position:relative; width:580px; }
.post .meta, #fromBlog p { font-size:12px; }
.post .meta, .date { color:#777;}
.meta { margin-bottom:20px; text-transform:uppercase; }
    .meta a { color:inherit }
    .meta a:hover { border-bottom:1px solid #757575; color:inherit }

    
/** BLOG POST LIST
 ******************************************************************************/
#postlist { display:inline-block; position:relative; float:left; width:710px; }
    #postlist .short { margin:0 0 3em; }
    #postlist .link { background:transparent url('../img/link-icon.png') no-repeat 60px 8px; }
    #postlist .post { margin-bottom:2em; }
        #postlist .title { font-size:1.2em; font-weight:700; margin:0; }
        #postlist .link .title { font-size:0.9em; }
            #postlist .title a { color:inherit; }
            .link .title a.permalink { border:0; color:#999; margin-left:0.5em; padding:1px 5px; }
            .link .title a.permalink:hover { background:#f13f3f; color:#f13f3f; color:#fff; }
        #postlist .post .meta { margin-bottom:10px; }
        #postlist .link .meta { display:none; }
        #postlist .link .content { color:#888; }
        #postlist .content { font-size:0.85em; margin-top:7px; }
            #postlist .content .intro { font-size:1.0em; }
            a.more-link:after, a.more:after { content:' →'; }  /* UTF-8 */ 
            a.more-link { font-size:1.0em; font-weight:400; line-height:1.5em; text-decoration:none; }
            a.visit { margin: 15px 0; }
    .listnav { display:block; margin:15px 0 15px 90px; text-align:center; }
        .listnav a { background:#706b65; color:#fff; padding:5px 12px; }
        .listnav a:hover { background:#a92e2e; color:#fff; }
    .list .fancy { margin:1em 0 0.5em 60px; padding:1em 0; }


/** THE ARCHIVES
 ******************************************************************************/
#archives { display:inline-block; float:left; margin:0 10px 0 90px; width:620px; }
    #archives ul { display:block; list-style:none; }
        #archives ul li { border-bottom:1px solid rgba(0,0,0, 0.08); line-height:2em; }
            #archives ul small { display:inline-block; float:right; }


/** SINGLE POST
 ******************************************************************************/
.blog.single .post { float:left; padding-left:190px; }
    #main.single .title { font-size:2.3em; font-weight:700; margin:15px 0 0; }
    #main.single .link .title { font-size:1.6em; }
    #main.single .title, #main.single .meta { text-align:center; }
    #main.single .meta { margin-top:15px; }
a.retweet { display:inline-block; float:right; margin:0; position:relative; bottom:-16px; }
.post .footMeta { clear:both; font-size:.7em; font-weight:700; overflow:hidden; padding:0 0 15px; text-transform:uppercase; }
    .footMeta p { margin:0 0 3px; }
        .footMeta a { font-weight:400; text-transform:capitalize; padding:2px; }
.postnav { margin:30px 0; padding:0; list-style:none; }
    .postnav li { font-size:1.2em; width:50%; }
    .postnav .older { float:left; }
    .postnav .newer { float:right; text-align:right; }
.post .cat a, .post .tags a { font-weight:400; }
.gotoBlog { clear:both; font-size:1.8em; margin:35px 0 5px 0; }
    .gotoBlog a { color:inherit; }


/** BLOG POST CONTENTS
 ******************************************************************************/
.content a { border-bottom:1px dotted #a92e2e; }
.content a:hover { border-bottom:1px solid #f13f3f; }
.content ul, .content ol, .footnotes ol { font-size:15px; margin:0 0 1.5em; }
.content ul, .footnotes ol { padding-left:3em; }
.attachment-post-thumbnail { border:1px solid #b3b3b3; margin:1em 0; }
.content img { background:#fff; padding:6px; }
.content img.nostyle { background:transparent; padding:0; }
.content img.wp-smiley { background:0; margin:0 !important; padding:0; vertical-align:middle; }
.content .download { overflow:hidden;}
    .content .download a { background:transparent url('../img/download.png') no-repeat left center; border:0; display:inline-block; padding-left:54px; text-decoration:none; }
    .content .download span { color:#555; font-size:0.8em; font-weight:400; }
    .content .download a:hover span { color:#888; }
.content blockquote { border-left:2px solid #999; font-style:italic; margin-left:1.2em; padding-left:2.5em; }
.content pre { overflow:auto; padding:1.5em 0 1.5em 2em; }
.note { background:#fff1aa; color:#000; padding:9px 15px; }
.note.death, .note.deathnote { background:#333; color:#ddd; }
.note.positive { background:#b9e981; color:#222; }
.note.negative { background:#ffebe8; border:1px solid #c00; color:#222; }
.content big { font-size:1.2em; line-height:1.5em; }
.content .full { margin-left:-180px; }
.tight p { margin:0 0 0.2em;}

/*		Footnotes		*/
.footnotes { margin-bottom:1.5em; }
.footnotes, .footnotes ol { font-size:0.85em; }
    .footnotes hr { height:1px; margin-bottom:1.5em; }
    .footnotes ol li { margin:0.5em 0; }

/*		Related Posts		*/
.related { margin:1.5em 0; }
    .related h3 { margin:1em 0 0.5em; }
    .related ul { font-size:0.85em; list-style:none; }
    .related li { margin:0.2em 0; }
    .related a { display:inline-block; }

/*		Edit -links */
a.post-edit-link, a.comment-edit-link { background:#dad0c5; border:0; padding:4px 8px; }
a.post-edit-link { position:absolute; margin-left:-140px; top:0;}
a.comment-edit-link { margin:0 0 0 1em; }
a.post-edit-link:hover, a.comment-edit-link:hover { background:#fff; }


/** COMMENTS
 ******************************************************************************/
#commenting { background-position:center top; clear:both; display:block; margin:15px 0 30px; overflow:hidden; padding:15px 0 0; width:960px; }
#commenting > h2 { display:inline-block; float:left; font-size:1.8em; margin:30px 0 15px; }
.gotoRespond { display:inline-block; position:relative; margin:42px 0 0 1em; }
.gotoRespond span { position:absolute; visibility:hidden; top:0; right:-14px; }
.gotoRespond:hover span { visibility:visible;}
.gotoRespond a { padding:4px 10px; }
.commentlist { clear:both; list-style:none; margin:0 80px 1.5em; padding:0; }
.children { list-style:none; }
.children .comment { background:transparent; }
.comment { margin:0; padding:2em 2em 1em; position:relative; }
.comment:last-child { background:transparent; border:0; }
    .comment .avatar, .profilePic img { padding:6px; }
    .comment .avatar { margin:0 15px 0 -8px; position:absolute; }
    .comment .avatar:hover { background:#f2ebe2; }
    .comment .author { display:block; margin:0; }
    .comment .content { clear:both; margin:0.5em 0.5em 1.5em; overflow:hidden; position:relative; }
    .comment .author, .comment .content, #commenting > h2 { margin-left:80px; }

.comment cite { font-size:1.2em; font-style:normal; font-weight:bold; margin:2px 2px 0 0; }
.comment .date { font-size:0.8em; font-weight:700; letter-spacing:0.09em; margin:0; padding:3px 0 0; text-transform:uppercase; }
.comment.bypostauthor { background-color:#f5f2ee; }
.vcard p { line-height:1.5em; margin:12px 0; }

/*      Respond form (comment form)      */
#respond { margin:15px 10px 0 }
#respond h2 { border-bottom:1px solid rgba(0,0,0, 0.15); color:#665f5c; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:15px auto 30px; padding:20px 0; text-align:center; }
#respond form { margin:1.5em 0; }
#respond p { color:#555; }
#respond label { display:block; padding:6px 0; position:absolute; text-align:right; width:165px; }
#respond small { margin-left:5px; }
#authorf, #emailf, #urlf, #commentText { padding:4px; }
#authorf, #emailf, #urlf, #commentText, #respond .go, #respond .notice { margin-left:180px; }
#commentText { font-size:1.0em; width:480px; }
#respond .go { padding:0 14px; }


/** SIDEBAR
 ******************************************************************************/
#sidebar { float:right; margin:0 50px 0 0; width:200px; }
    #sidebar h5 { font-size:12px; font-weight:700; margin:1.4em 0 0.5em; text-transform:uppercase; }
    #sidebar ul { list-style:none; padding:0; }
        #search label { display:none; }
        #search p { margin-bottom:0; }
        #s { background:#fff; border:1px solid #aaa; line-height:1em; margin:0 4px 6px 0; padding:6px 6px 5px; position:relative; width:100px; }
        #s.help { color:#959595; }
        #s, #search .go { font-size:1.0em; }
        #search .go { width:45px; }
        .categories ul, .wp-tag-cloud { display:block; margin:0 0 1.5em -4px; }
        #tagcloud li { text-transform:lowercase; }
        .cat-item, #tagcloud li { display:inline-block; float:left; font-size:.7em; margin:3px 2px; }
        .cat-item a, #tagcloud a { background:rgba(0,0,0, 0.5); color:#fff; padding: 3px 10px; position:relative; }
        .cat-item a:hover, #tagcloud a:hover { background:#a92e2e; }
        #flickr p { color:#555; font-size:.7em; margin:0 15px 0 0; text-align:right; }
        .flickrPic { background:#fff; border:1px solid #ccc; display:inline-block; margin:0 10px 10px 0; padding:5px; }


/** WORK
 ******************************************************************************/
.work h1 { margin:0 10px 15px; }
#workGallery { padding:0;}
    #workGallery li { display:inline-block; float:left; margin:0 20px 50px 0; }
        #workGallery li a { display:block; padding:10px 10px 15px; overflow:hidden; text-align:center; width:272px; }
            #workGallery li a:hover * { color:#222; }
    #workGallery img { border:1px solid #d4ccbc; }
    #workGallery h2 { color:#555; font-size:1.4em; font-weight:700; line-height:1.2em; margin:10px 0 0; text-shadow:none; }
        #workGallery h2 span { color:#999; display:block; font-size:0.8em; font-weight:400; margin:-2px 0 0; }

.worknav { clear:both; color:#555; display:block; margin:15px 0 25px; overflow:hidden; padding:0; list-style:none; }
.worknav.bottom { padding-top:30px; }
    .worknav p { margin:0; }
    .newer { float:left; }
    .older { float:right; }


/** WORK ITEM
 ******************************************************************************/
#main.work.single h1 { color:inherit; margin:0; position:relative; }
.work .header { display:inline-block; float:left; }
.work .date { margin:0; }
.work .header .big * { font-size:1.2em; line-height:1.45em; margin:1em 0; }
.work .header, .work .content { margin:0 0 0 10px; width:280px; }
.work .content > p:first-child { margin-top:0; }

.work .images { display:inline-block; float:right; position:relative; width:644px; }
.work .images > a { display:block; float:left; height:32px; margin:225px 0 0; width:32px; }
.work .images .next, .work .images .prev { outline:none; overflow:hidden; text-indent:-9999em; }
.work .images .next { background:transparent url('../img/work_images_next.png') no-repeat left top; margin-left:10px; }
.work .images .prev { background:transparent url('../img/work_images_prev.png') no-repeat right top; margin-right:10px; }
.work .images .next:hover { background-position:left bottom; }
.work .images .prev:hover { background-position:right bottom; }
.work .images > div { display:inline-block; float:left; min-height:690px; overflow:auto; position:relative; width:550px; }
.work .images ul { list-style:none; padding:0; position:absolute; width:9999px; }
.work .images li { display:inline-block; float:left; }
.work .images img { border:5px solid #fff; display:block; margin:10px; } /* width for image: 520px */
.gotoWork { font-size:1.2em; margin:35px 0 5px -21px; }


/** ABOUT
 ******************************************************************************/
#main.about { padding-left:10px; padding-right:10px; position:relative; width:780px; }
    .about p { line-height:1.6em; }
    .about .preface { width:620px; margin:0 auto; }
    .profilePic { float:left; margin:0 20px 10px -80px; }
        .profilePic p:first-child { display:block; overflow:hidden; margin:0; position:relative; }
        .leMustaeaesh { background:transparent url('../img/le_mustaeaesh.png') no-repeat center center; display:block; height:22px; position:absolute; left:132px; top:8px; width:59px; opacity:0;  }
#aboutSite { display:inline-block; float:left; margin:30px 0; width:380px; }
#aboutElsewhere { display:inline-block; float:left; margin:0 0 0 100px; position:relative; width:300px; }
    #aboutElsewhere ul { list-style:none; margin-left:15px; padding:0; }
        #aboutElsewhere li { margin:1em 0; }
            #aboutElsewhere li strong { font-size:1.1em; line-height:1.3em; }
            #aboutElsewhere a { color:#545659; }
            #aboutElsewhere a:hover { color:#000; margin-left:12px; }
            #bflickr, #blastfm, #btwitter, #byoutube { display:block; height:32px; padding:4px 0 7px 45px; }
            #bflickr { background:transparent url('../img/networks/flickr_32.png') left center no-repeat;  }
            #blastfm { background:transparent url('../img/networks/lastfm_32.png') left center no-repeat;  }
            #btwitter { background:transparent url('../img/networks/twitter_32.png') left center no-repeat;  }
            #byoutube { background:transparent url('../img/networks/youtube_32.png') left center no-repeat;  }
#motto { clear:both; font-size:1.4em; font-style:italic; text-align:center; }


/** CONTACT
 ******************************************************************************/
#main.contact { width:540px;}
.contact p.intro { font-size:1.2em; margin:1.5em auto 2em; width:540px; }
.contact ul { list-style:none; }
.contact form { margin:0 auto; width:460px;}
.contact legend { display:none; }
.contact label { display:block; font-size:.9em; margin:1.5em 0 0.5em; width:40%; }
.contact label:after { content:':'; }
.contact textarea { display:block; font-size:1.0em; height:120px; margin:0 0 15px; width:430px; }
.contact input, .contact textarea { padding:4px; }
#cname, #cemail { width:200px; }
.contact .go { padding:0 15px; }
.contact h2 { display:none; }
.contact .fancy { background-position:center top; margin:40px 0 0; padding:15px 0 0; }
.contact .warning { color:#a00; padding-left:0.5em; }
.contact .send { background:transparent url('../img/loading.gif') no-repeat left center; margin-left:1em; padding-left:20px; }
.contact .send.positive { background-image:none; padding-left:10px; }


/** 404
 ******************************************************************************/
#main.notFound { padding-top:70px; width:540px; }
.notFound > h2 { color:#ded2c5; font-size:9em; font-weight:700; margin:-100px 0 0 -75px; position:absolute; text-shadow:none; z-index:1; }
.notFound > div { position:relative; z-index:2; }
.notFound > div h2 { font-size:1.5em; font-weight:700; margin:3em 0 0; }
.notFound p { margin-top:0; }
.notFound label { display:none; }
.notFound .roundfield { height:24px; margin-right:5px; }
.notFound .go { padding:0 8px; }
.notFound .return { font-weight:700; margin:1.5em 0; }


/** FOOTER
 ******************************************************************************/
#footer { background:#2e2d2d; color:#808080; clear:both; font-size:0.85em; margin:30px 0 0; padding:50px 0 60px; position:relative; }
#footer a { color:#9c9c9c; }
#footer a:hover { color:#eaeaea !important; text-decoration:underline; }
#footNav { float:left; width:400px; }
#footNav { list-style:none; margin:0 10px; padding:0; }
#footNav li { border-right:1px solid #5d5245; display:inline-block; float:left; line-height:1.0em; margin:0 10px 0 0; padding-right:10px; }
#footNav li.last { border:none; }
.footLinks { float:right; margin:0 10px; }
.footLinks a { background:transparent url('../img/rss.png') no-repeat left center; display:inline-block; font-size:1.1em; line-height:16px; height:16px; margin:0 0 0 22px; padding:0 0 0 24px; }
.footLinks .twitter { background-image:url('../img/twitter_16.png'); }
.footLinks .flickr { background-image:url('../img/flickr_16.png'); }
#copyright { clear:both; margin:0 10px; position:relative; }
#copyright a { margin-left:3px; }
.gotoTop { position:absolute; margin:-80px 10px 0; right:0; }
#footer .gotoTop a:link { color:#666; }


/** MISC
 ******************************************************************************/
.caption { color:#372f26; font-size:0.85em; font-weight:700; margin:1.5em 0; text-align:center; }
.go { background:#f1f1f1 url('../img/36px-blended.png') repeat-x left top; border:1px solid #b5b5b5; border-bottom-color:#6f6f6f; color:#222; height:29px; }
.go:hover { background-color:#e7e7e7; }
.go:active { background:#d7d7d7; position:relative; top:1px;}
pre {
    white-space: pre-wrap;                 /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap;                /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;              /* Opera 7 and up */
    word-wrap: break-word;                 /* IE 5.5+ and up */
}
a:active { color:#d88; }
a:hover { color:#f13f3f; }


/** HELPERS
 ******************************************************************************/
.wrapper{margin-left:auto;margin-right:auto;width:940px;}
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
p img.left { margin: 0.5em 1.5em 1.5em 0 }
p img.right { margin: 0.5em 0 1.5em 1.5em }
.half{width:47%;}
.hide{visibility:hidden; width:0!important; height:0!important; line-height:0!important; padding:0!important; margin:0!important; }  /* hide stuff without resorting to display:none; */
.c{clear:both;}
.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Palatino Linotype', 'Book Antiqua', serif; font-style:italic; font-weight:400; }

/*		 Clearing		 */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
.clearfix:after, #aboutElsewhere:after, #main:after, .postnav:after, .listnav:after, #workGallery:after, #workGallery .last:after, #work.single .images ul:after, .work .images:after, .worknav:after, #footer .wrapper:after, .wp-tag-cloud:after, .categories ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;}


/** TESTING
 *************/
body { background:#efebe3; }
.post .footMeta { background:transparent; }
#fromBlog li, #postlist .post .content, #commenting, .comment, .contact .fancy {
    background:transparent;
    border-bottom:1px solid rgba(0,0,0, 0.08); }

#header { background:transparent; border-bottom:1px solid rgba(0,0,0, 0.08); }
h1 { letter-spacing:-1px; }
a { color:#f74b1 }
h2.intro, #main h1, .post h1, .related h3, #nav li a {
    color:#332f2c }