/*
Theme Name: Damn it, Marvin!
Theme URI: http://marvintam.com/
Description: Holy fuck this looks <em>good</em>. I want to lick my page off the screen. ❤
Version: 1.0
Author: Marvin Tam
Author URI: http://marvintam.com/
Tags: simple, awesome, orange, whitespace
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/* Upgrade your IE, bitches. This is the only place where IE hacks pollute my shit. */
#nagbar { background-color:#ffc; border-bottom:1px solid #ff0; padding:8px 0; zoom:1; }
#nagbar div.cls { width:794px; margin:0 auto; }
#nagbar h2 { font-weight:bold; margin-bottom:2px; }
#nagbar p { font-size:13px; float:left; width:600px; }
#nagbar ul { float:right; }
#nagbar ul li { float:left; margin-right:5px; }
#nagbar ul li a { display:block; text-indent:-999em; width:32px; height:32px; background:url(images/browsers.png) no-repeat 0 0; overflow:hidden; }
#nagbar ul li.chrome a { background-position: -32px 0; }
#nagbar ul li.safari a { background-position: -64px 0; }
#nagbar ul li.opera  a { background-position: -96px 0; }


body { background-color:#fffaf3; color:#333; font-family:georgia,serif; }
code, pre { font-family:Consolas,Inconsolata,Monaco,Menlo,"Lucida Console",monospace !important; color:#000; }
pre { font-size:14px; }
a, a code { color:#f73; text-decoration:none; }
a:visited, a:visited code { color:#fa6; }
a:hover { text-decoration:underline; }
blockquote { padding-left:25px; border-left:5px solid #eee; text-indent:-0.3em; }
blockquote cite { display:block; text-align:right; margin-top:5px }

.cls:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.box-shadow { -moz-box-shadow:4px 4px 15px #666; -webkit-box-shadow:4px 4px 15px #666; box-shadow:4px 4px 15px #666; }

#wrapper { width:794px; margin:0 auto; }

/* Header logo and Nav */
#header { margin:20px 0 60px; position:relative; }
#header .logo { font:normal 56px/1 helvetica,sans-serif; letter-spacing:-3px; float:left; text-shadow:0px 1px 0 #fff, 0 -1px 0 rgba(0,0,0,0.3); }
#header .logo, #header .logo a { color:#0096ff; text-decoration:none; }
#header .logo a { display:block; }

#header .nav { position:absolute; bottom:6px; right:0; }
#header .nav li { float:left; margin-left:12px; font-size:20px; font-family:helvetica,sans-serif; }
#header .nav li:first-child { margin-left:0; }
#header .nav li:before { content:'/'; font-size:20px; color:#aaa; margin-right:12px; }
#header .nav li:first-child:before { content:''; margin-right:0; }
#header .nav li a:visited { color:#f73; }
#header .nav li a.rss { margin-left:3px; }
#header .nav li.current_page_item a,
#header .nav li.current_page_parent a,
#header .nav li.current_page_item a:visited,
#header .nav li.current_page_parent a:visited { color:#e11; }

/* Blog post content */
#content { margin-bottom:50px; }

#content .hentry p, #content .hentry ol, #content .hentry ul { margin-bottom:1em; }

#content .hentry p,
#content .hentry ol li,
#content .hentry ul li { line-height:1.5; font-size:16px; }
#content .hentry ol li,
#content .hentry ul li { margin-left:1.5em; }
#content .hentry ol li { list-style-type:decimal;  }
#content .hentry ul li { list-style-type:disc;  }
#content .hentry pre { padding:1em; margin:1em 0; }
#content .hentry .reply { font-size:14px; }

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 { margin:1.5em 0 0.5em; font-family: helvetica,sans-serif; }
#content h1 { font-size:24px; }
#content h2 { font-size:20px; }
#content h3 { font-size:18px; }

#content .navigation { font-family: helvetica,sans-serif; }
#content .navigation .prev { float:left; }
#content .navigation .next { float:right; }

#content .hentry { margin:25px 0 50px; position:relative; padding-left:225px; }
#content .hentry .entry { margin-bottom:15px; }
#content .hentry .entry p img { border:5px solid #f0f0f0; }
#content .hentry .entry .metadata { position:absolute; top:3em; left:0; width:190px; }
#content .hentry .entry .metadata p { color:#777; font-size:14px; }
#content .hentry .entry .metadata p.actions { font-size:12px; }

#content .comments > h3, #content .comments .respond { margin-left:225px; }
#content .comments ol li { position:relative; padding-left:225px; margin-bottom:35px; font-size:14px; }
#content .comments ol li .avatar { position:absolute; left:158px; top:0; }
#content .comments ol li .comment-meta { font-size:12px; margin-bottom:1em; }
#content .comments ol li .comment-meta a { color:#777; text-decoration:none; }

#content .comments .respond p { margin-bottom:15px; font-size:13px; }
#content .comments .respond textarea,
#content .comments .respond input[type="text"] { border:1px solid #ddd; padding:2px; }
#content .comments .respond textarea { width:560px; }
#content .comments .respond input[type="text"] { width:300px; }
#content .comments .respond label { display:block; color:#777; margin-bottom:2px; }

#content .comments .comment-body p { margin-bottom:1em; }

/* Footer, duh */
#footer { margin-top:50px; padding:10px 0; border-top:1px dotted #ccc; clear:both; font-size:12px; }
#footer .external { float:left; }
#footer .external li { display:inline-block; margin-right:5px; }
#footer .external li a { background:url(images/logos.png) no-repeat; display:block; height:16px; width:16px; text-indent:-999px; overflow:hidden; }
#footer .external li a[href*=linkedin] { background-position:0 0; }
#footer .external li a[href*=facebook] { background-position:0 -16px; }
#footer .external li a[href*=twitter] { background-position:0 -32px; }
#footer .external li a[href*=flickr] { background-position:0 -48px; }
#footer cite { float:right; }

/* Post images */
.alignright { float:right; margin:0 0 1em 1em; }
.alignleft { float:left; margin:0 1em 1em 0; }
.aligncenter { display:block; margin:0 auto; }
.alignleft img, .alignright img { display:block; }

#content .wp-caption { background-color:#f0f0f0; }
#content .wp-caption a { display:block; margin:5px; }
#content .wp-caption .wp-caption-text { font-size:12px; color:#555; margin:10px 5px; }

/* Home page */
#home #wrapper { padding-top:100px; }
#home #wrapper { width:600px; }
#home #header .logo { float:none; }
#home #header .nav { position:static; margin-top:25px; }
#home #header .nav li, #home #header .nav li:before { font-size:24px; }

#home ul.contact { position:absolute; top:0; right:0; }
#home ul.contact li { margin-bottom:20px; }

#home #footer { border:none; }
#home #footer cite { display:none; }

/* Blog home page */
.index .hentry .date { position:absolute; left:80px; top:0; width:85px; color:#aaa; text-align:center; font-family:helvetica,sans-serif; -moz-box-shadow:1px 1px 5px #ccc; -webkit-box-shadow:1px 1px 5px #ccc; box-shadow:1px 1px 5px #ccc; background-color:#fff; background-color:rgba(255,255,255,0.6); }
.index .hentry .date .day-of-week { display:block; background-color:#f1f1f1; line-height:1.8; font-size:14px; margin-bottom:5px; }
.index .hentry .date .month-year { display:inline-block; vertical-align:top; margin:3px 2px 0 0; font-size:11px; text-transform:uppercase; text-align:right; width:25px; }
.index .hentry .date .day { font-weight:bold; font-size:36px; letter-spacing:-1px; color:#ddd; text-shadow:0 -1px 0 #bbb; display:inline-block; }
.index .hentry .date:hover { background-color:#fff; }
.index .hentry .date:hover .day-of-week { background-color:#eee; color:#999; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .index .hentry .date .day-of-week { margin-bottom:0; }
    .index .hentry .date .month-year { margin-top:6px; }
}

/* Generic nav arrows */
button.arrow { background:url(images/arrows.png) no-repeat 0 0; border:none; text-indent:-999em; cursor:pointer; }
button.arrow[disabled] { cursor:default; visibility:hidden; }
button.arrow.up, button.arrow.down { width:38px; height:45px; }
button.arrow.up { background-position:0 0; }
button.arrow.down { background-position:0 -50px; }
button.arrow.up:hover { background-position:-38px 0; }
button.arrow.down:hover { background-position:-38px -50px; }
button.arrow.left, button.arrow.right { width:45px; height:38px; }
button.arrow.left { background-position:-100px 0; }
button.arrow.right { background-position:-150px 0; }
button.arrow.left:hover { background-position:-100px -37px; }
button.arrow.right:hover { background-position:-150px -37px; }

/* Portfolio pages */
.work h1 a { font-size:60%; margin-left:15px; }

.work .nav { margin-top:25px; }
.work .nav li { width:100px; float:left; margin-left:15px; }
.work .nav li:first-child { margin-left:0; }
.work .nav li a { position:relative; display:block; text-decoration:none; }
.work .nav li a .title { display:block; font-size:85%; margin:5px 2px; }
.work .nav li a .border { position:absolute; top:0; left:0; border:1px solid #ccc; width:98px; height:98px; }
.work .nav li a:hover .border,
.work .nav li.selected a .border { border:5px solid #ccc; width:90px; height:90px; opacity:0.8; }

#content.work .hentry { padding-left:0; margin:0; }

.work #gallery .images p { margin-bottom:25px; }
.work #gallery .images p img { display:block; border:1px solid #ccc; }

.js .work #gallery { margin:25px auto; width:744px; position:relative; }
.js .work #gallery .images { overflow:hidden; height:400px; }
.js .work #gallery .images p img { margin:0 auto; border:none; }
.js .work #gallery .images > div { position:relative; overflow:hidden; }
.js .work #gallery .hentry { margin:50px 0 0; width:550px; }
.js .work #gallery .controls { position:relative; top:-30px; float:right; width:60px; text-align:center; }
.js .work #gallery .controls > .num,
.js .work #gallery .controls > .arrow { display:inline-block; }
.js .work #gallery .controls .num { margin:5px 0 3px; font-weight:bold; font-family:helvetica,sans-serif; }

/* About page */
#about #content .hentry { float:right; width:570px; padding-left:0; margin-top:-25px; }
#about #content .more-info { float:left; margin-top:45px; }

#about #content .portrait { position:relative; z-index:2; }
#about #content .portrait .images { width:180px; overflow:hidden; }
#about #content .portrait .images > div { position:relative; }
#about #content .portrait .images img {  float:left; }
#about #content .portrait .controls { float:right; margin:15px 0; }
#about #content .portrait .controls button.left { margin-right:10px; }
#about #content .portrait .caption { position:absolute; top:0; left:0; padding:5px; background-color:rgba(200,200,200,0.3); width:170px; font-size:77%; visibility:hidden; }
#about #content .portrait:hover .caption { visibility:visible; }

#about #content ul.contact { margin-top:75px; float:right; }
#about #content ul.contact li { list-style-type:none; margin-bottom:35px; float:right; clear:right; }


/* GeSHi */
.wp_syntax pre { background-color:#272822; color:#A6E22E; }
.wp_syntax pre .co1 { color:#75715E; }
.wp_syntax pre .kw1,
.wp_syntax pre .kw2,
.wp_syntax pre .kw3 { color:#66D9EF; }
.wp_syntax pre .nu0,
.wp_syntax pre .kw4 { color:#AE81FF; }
.wp_syntax pre .br0,
.wp_syntax pre .re0,
.wp_syntax pre .me1,
.wp_syntax pre .sy1 { color:#F8F8F2; }
.wp_syntax pre .re1,
.wp_syntax pre .re2,
.wp_syntax pre .sy0 { color:#F92672; }
.wp_syntax pre .sc2,
.wp_syntax pre .st0,
.wp_syntax pre .st_h { color:#E6DB74; }

.wp_syntax pre.xml { color:#F8F8F2; }
.wp_syntax pre.xml .re0 { color:#A6E22E; }