/**
 * 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:#2e2d2d; color:#222; font:15px/1.6 'Helvetica Neue', Helvetica, Arial, sans-serif; width:100%; }

h1 { font-size:36px; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:0 0 30px; }
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:#07b; }

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 { font-style:italic }
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 { color:#555; 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; }


#main, .wrapper { margin:0 auto; position:relative; width:960px; }
#wrap { background:#fafafa; padding-bottom:30px; }

#main > h1 { text-align:center }
.fancy { font-size:1.9em; text-align:center; }
#footer, .fancy { font-family: Georgia, Times, 'Times New Roman', serif; }

#fromBlog li, #commenting, .comment, .contact .fancy {
    background:transparent;
    border-bottom:1px solid rgba(0,0,0, 0.08); }



/* Top
 ******************************************************************************/
#toprow { background:#c020a0; border-bottom:1px solid #fefcfc; display:block; height:8px; width:100%; }
#header { background:transparent url('../img/header_border.png') no-repeat center bottom; 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 #menu { display:inline-block; float:right; margin:40px 30px 0 0; padding:0; }
    #menu li { display:inline-block; float:left; font-size:17px; font-weight:700; margin:0 0 0 15px; }
        #menu li a { display:block; text-decoration:none; }
        .menuitem a, #homelink.act { color:#111; padding:2px 12px 3px; }
        .menuitem a:hover, .act a, #homelink.act {  }
        #menu .subscribe a { background:transparent url('../img/rss.png') no-repeat left center; height:16px; margin:6px 0 0; padding:0; text-indent:-9999em; width:16px; }
        #menu .subscribe a:hover { border:0; opacity:0.6; }


/* Home
 ******************************************************************************/
#homeLeft, #homeRight { display:inline-block; margin:0 10px; }
#homeRight { float:right; width:400px; }
#homeLeft { float:left; width:520px; }
    #homeLeft .intro { background:transparent url('../img/intro.png') no-repeat left top; height:213px; margin:0 0 23px; text-indent:-9999em; width:583px; }
    .moreintro { color:#444; font-size:19px; line-height:1.6em; margin-bottom:15px; }
    #fromBlog { margin:40px 0 0; }
/*        #homeLeft h5 { font-family:'Arial Narrow', sans-serif; font-weight:700; font-size:1.2em; letter-spacing:0.07em; margin:0; text-transform: uppercase; } */
        #homeLeft h5 { font-size:20px; font-weight:700; }
        #homeLeft h5:after { content: '...'; }
        #homeLeft ul { list-style:none; padding:0; }
            #homeLeft .post:last-child { border:0; padding:0 0 10px; }
            #homeLeft .post { margin:14px 0 0; padding:0 0 15px; position:relative; }
                #homeLeft .title { height:24px; font-size:1.2em; margin:0; }
                    #homeLeft .title a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
                #homeLeft .meta { margin:0; }
                #homeLeft .meta a { margin-left:2px; }


/* Blog (general)
 ******************************************************************************/
.blog.list.detail h1 { font-size:2.0em; font-weight:400; display:block; }
.blog.list.detail h1 strong { font-weight:700; }
.blog .post, #postlist.empty p { display:block; overflow:hidden; position:relative; }
.post.link { background:transparent url('../img/link-icon.png') no-repeat 140px 6px; margin-bottom:15px; }
    .post .title { font-weight:700; line-height:1.2em; margin:0 0 10px -60px; }
    .post .title a { text-decoration:none; }
    .post .title a:hover {  }
    .post.link .title .permalink { border:0; color:#999; margin-left:0.5em; padding:1px 5px; }
    .post.link .title .permalink:hover { background:#f13f3f; color:#f13f3f; color:#fff; }
    .post .meta { color:#666; font-size:0.8em; font-weight:700; }
        .meta a:hover { text-decoration:underline; }
    .link .meta { display:none; }
    .post.link .content { color:#807c74; font-size:0.85em; padding:0; }


/* Blog, post list
 ******************************************************************************/
#postlist { display:inline-block; position:relative; float:left; width:auto; }
    #postlist .short { margin:0 0 3em; }
    #postlist .post.link { margin-bottom:15px; overflow:visible; }
    #postlist .post { margin-bottom:30px; padding-left:170px; width:620px; }
        #postlist .title { font-size:1.6em; letter-spacing:-1px; margin:0 0 10px -1px; }
        #postlist .link .title, .link .title { font-size:0.9em; font-weight:700; letter-spacing:0px; margin:0 0 5px 0; text-transform:none; }
        #postlist .post .meta { margin:-5px 0 15px; }
        #postlist .link .content { border:0; }
        #postlist .content { padding-bottom:10px; }
            #postlist .content .intro { font-size:1.0em; }
            /* .more-link:after, .more:after { content:' →'; } */  /* UTF-8 */ 
            .more-link { font-size:1.0em; font-weight:400; line-height:1.5em; text-decoration:none; }
    .listnav { display:block; margin:30px auto 15px; text-align:center; padding-left:170px; width:400px; }
        .listnav a { background:#e7e7e7; color:#111; display:inline-block; font-size:1.1em; font-weight:700; margin:0 20px; padding:2px 16px; text-decoration:none; }
        .listnav a:hover { background:#07b; color:#fff; }
        /*
        .listnav a { color:#666; display:inline-block; font-size:1.3em; font-weight:700; line-height:32px; margin:0 20px; text-decoration:none; }
        .listnav a:hover { color:#666; }
        .listnav .arrow { background:rgba(0,0,0,0.2); display:inline-block; height:32px; text-indent:-9999em; width:36px; }
        .listnav .arrow.older { background:url('../img/work_images_prev.png') no-repeat center top; }
        .listnav .arrow.newer { background:url('../img/work_images_next.png') no-repeat center top; }
        .listnav a:hover .arrow { background-position:center bottom; }
        */
    .list .fancy { border-top:1px solid rgba(0,0,0,0.12); margin:40px 0 30px 170px;  padding-top:20px; width:620px; }


/* Archives
 ******************************************************************************/
#main.blog.archives { margin:0 auto; width:900px; }
#archives { display:inline-block; float:left; margin:0 10px 0 0; 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; width:125px; text-align:center; }


/* Single post
 ******************************************************************************/
.blog.single .post { float:left; padding-left:170px; width:620px; }
    .single .title { letter-spacing:-1px; margin:0 0 5px; }
/*    .single .meta, .single .title { text-align:center; }*/
    .single .meta { margin:0 0 20px; }
    .single .link .title { font-weight:700; text-align:left; margin-bottom:5px; }
    .single .link .meta { text-align:left; }
    .single .content { margin-bottom:30px; }
    .single .meta.bottom { clear:both; font-size:.7em; overflow:hidden; padding:0 0 15px; margin:0; text-align:left; }
        .single .meta.bottom p { margin:0 0 3px; }
            .single .meta.bottom a { text-transform:capitalize; padding:2px 0; }
    .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 contents
 ******************************************************************************/
.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; }
.post .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; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:0 !important; }
.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;}
.intro { font-size:1.1em; }
    .intro strong { letter-spacing:1px; text-transform:uppercase; }

/*		Footnotes		*/
.footnotes { margin-bottom:1.5em; }
.footnotes, .footnotes ol { font-size:0.85em; }
    .footnotes ol li { margin:1.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 */
.post-edit-link, .comment-edit-link { border:0; font-size:12px; padding:4px 8px; }
.post-edit-link { position:absolute; margin-left:-140px; top:0;}
.comment-edit-link { margin:0 0 0 1em; }
.post-edit-link:hover, .comment-edit-link:hover { background:#fff; }


/* Comments
 **********************************************************/
#commenting { background-position:center top; clear:both; display:block; margin:0 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; }
    .nocomments { clear:both; margin-left:100px; }
    .commentlist { clear:both; list-style:none; margin:0 80px 1.5em; padding:0; }
        .children { list-style:none; }
            .children .comment { background:transparent; }
        .comment:last-child { background:transparent; border:0; }
        .comment { margin:0; padding:2em 2em 1em; position:relative; }
            .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 { clear:both; margin:0 10px; overflow:hidden; }
    #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 10px; width:200px; }
    #sidebar h5 { background:url('../img/.png') no-repeat left center; color:#444; font-size:13px; font-weight:bold; margin:15px 0 15px -24px; padding:0 0 2px 24px;}
    #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 15px 0; }
        .wp-tag-cloud li { text-transform:lowercase; }
        .cat-item, .wp-tag-cloud li { display:inline-block; float:left; font-size:.7em; margin:3px 2px; }
        .cat-item a, .wp-tag-cloud a { background:#a29f99; background:rgba(0,0,0, 0.32); color:#fff; padding: 3px 10px; position:relative; text-decoration:none; }
        .cat-item a:hover, .wp-tag-cloud a:hover { background:#a92e2e; color:#fff; }
        #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
 **********************************************************/
#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; text-decoration:none; width:272px; }
    #workGallery li a:hover, #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; }
    .worknav .newer { float:left; }
    .worknav .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; }


/* Photos
 ******************************************************************************/
.photo { margin:0 10px; }
    .photo .title, .photo .meta { display:inline-block; float:left; margin:0; padding:0; }
    .photo .title { margin-bottom:30px; }
    .photo .meta { color:#888; margin:5px 0 0 8px; }
    .photo .content { clear:both; }
        .pic { margin-bottom:15px; overflow:hidden; position:relative; width:940px; }
            .pic a { background:#d5d5d5; display:block; margin:0 0 5px; overflow:hidden; text-align:center; width:100%; }
                .pic img { max-width:940px; }
            .pic h3 { font-family:'Arial Narrow','Lucida Grande','Lucida Sans Unicode',sans-serif; font-size:24px; font-weight:bold; letter-spacing:1px; text-align:left; text-transform:uppercase; }
            .pic h3, .pic .date { display:inline-block; float:left; }
            .pic .date { color:#555; font-size:13px; margin:6px 0 0 10px; }

/* About
 ******************************************************************************/
#main.about { padding-left:10px; padding-right:10px; position:relative; width:780px; }
    .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; text-decoration:none; }
            #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; }
#main.about #contact { clear:both; margin:0 0 60px 80px; }

/** 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 { /* border-top:1px solid rgba(255,255,255,0.5); */ color:#808080; clear:both; font-size:0.85em; padding:50px 0 60px; position:relative; }
    #footer .wrapper { width:960px; }
    #footer a { color:#9c9c9c; text-decoration:none; }
    #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:#2af; }


/* Helpers
 ******************************************************************************/
.wrapper{margin-left:auto;margin-right:auto;width:940px;}
.aligncenter{display:block;margin:0 auto;}
.aligncenter,.center{text-align:center;}
.alignleft,.left{float:left;}
.alignright,.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: 'Goudy Old Style', Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', serif; font-style:italic; }

/*		 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;}