/*
Theme Name: M0D
Description: oooooooooooooOoo
Version: 2.2
Author: David Carroll
Author URI: http://davidxc.com/
Tags: Work It, Make It, Do It, Makes Us, Harder, Better, Faster, Stronger, More Than, Hour, Our, Never, Ever, After, Work is, Over
*/

@import url("reset.css");

body { min-width: 660px; font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; background: url(images/bg-robot.jpg) no-repeat top right fixed; }

header, nav, section, article { display: block; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* home thumbs */
section#home { clear: both; position: relative; }
ol#post-thumbs { padding-right: 130px; }
ol#post-thumbs li { width: 300px; margin: 0 0 20px 20px; overflow: hidden; }
ol#post-thumbs li img { width: 300px; }
ol#post-thumbs li a { font-size: 14px; color: #333; }
ol#post-thumbs li a:hover { color: #000; background: #fff; }
ol#post-thumbs li h1 { line-height: -1.3em; }
ol#post-thumbs li p { margin: 10px 0 0; line-height: 1.3em; }

/* nav */
nav { padding: 30px 0 0 30px; }

nav { height: 50px; }
nav ul li { width: 120px; float: left; }

nav ul li a, #three ul li a, #blog .post h1 a, #home .thumb h1 a, #blog .post h2 a, #home #nextprev p a, #blog #nextprev p a { color: #b2b2b2; }
nav ul li a:hover, #three ul li a:hover, #home .thumb h1 a:hover, #blog .post h1 a:hover, #blog .post h2 a:hover, #home #nextprev p a:hover, #blog #nextprev p a:hover { color: #333; }
nav ul li a:active, #three ul li a:active, #blog .post h1 a:active, #home .thumb h1 a:active, #blog .post h2 a:active, #home #nextprev p a:active, #blog #nextprev p a:active { color: #666; }

#main, #home, #blog, #archive { padding: 30px; }

#three { height: 220px; margin-bottom: 30px; }
#three ul li { margin-left: 30px; float: left; }

#home li.thumb h1, #blog .post h2 { display: inline-block; margin: 0 10px 10px 0; color: #ccc; }
#home li.thumb h1, #blog #nextprev p { font-size: 30px; }
#home li.thumb p { margin-bottom: 10px; font-weight: 300; letter-spacing: 0; line-height: 20px; color: #666; }
#home li.thumb p a, #home #comments ol.comment li a { font-weight: 600; color: #333; }
#home li.thumb p a:hover, #home #comments ol.comment li a:hover { color: #666; }
#home li.thumb p a:active, #home #comments ol.comment li a:active { color: #444; }

#home li.thumb-bg { width: 280px; padding-left: 20px; border-left: 2px solid #ccc; }

#blog .post { max-width: 700px; margin-bottom: 60px; }
#blog .post h1 { display: inline-block; margin: 0 10px 10px 0; color: #ccc; }
#blog .post h1, #home #nextprev p, #blog #nextprev p { font-size: 30px; }
#blog .post p { margin-bottom: 10px; font-weight: 300; letter-spacing: 0; line-height: 20px; color: #666; }
#blog .post p a, #blog #comments ol.comment li a, #archive p a, #archive h1 a { font-weight: 600; color: #333; }
#blog .post p a:hover, #blog #comments ol.comment li a:hover, #archive p a:hover, #archive h1 a:hover { color: #666; }
#blog .post p a:active, #blog #comments ol.comment li a:active, #archive p a:active, #archive h1 a:active { color: #444; }

#home #nextprev p.absolute, #blog #nextprev p.absolute { font-size: 50px; position: fixed; bottom: 30px; right: 30px; z-index: 10; }

#blog #comments { max-width: 700px; }
#blog #comments hr { height: 5px; margin-bottom: 30px; background: #b2b2b2; border: 0; }
#blog #comments h3 { margin-bottom: 30px; font-size: 30px; color: #b2b2b2; }
#blog #comments p { color: #999; }
#blog #comments p.left { margin-top: 10px; }
#blog #comments p.right { margin-top: -10px; }
#blog #comments ol.comment li { margin-bottom: 30px; }
#blog #comments input, #blog #comments textarea { margin-bottom: 10px; padding: 5px; font: normal 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
#blog #comments #submit { font-size: 30px; }

#blog .post p .flickr-caption { font-size: 12px; font-style: italic; }

#archive select, #archive ul li, #archive input { margin-bottom: 10px; }

#archive .left { width: 500px; }
#archive h1, #archive p { margin-bottom: 10px; }
#archive h1 { font-size: 14px; }
#archive p { font-size: 14px; color: #999; }
#archive p a { font-size: 20px; }

h4.pagetitle { font-size: 50px; margin-bottom: 30px; color: #333; }