/*
adamwilcox.org CSS
Copyright (c) 2011 adamwilcox.org All rights reserved.
http://log.adamwilcox.org
Last Update: 13 September 2011
*/

/* css reset v2.0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* log.adamwilcox.org CSS */

body {
color: #424242;
background-color: #FFFFFF;
position: relative;
width: 800px;
margin: auto;
max-width: 800px;
font: 11px/18px "Helvetica Neue", Helvetica, sans-serif;
-webkit-text-stroke: 1px transparent;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

/* Header */

header {
color: #777;
font-weight: bold;
font-size: 1.2em;
line-height: 2.0em;
display: block;
margin: 0 auto 40px;
width: 700px;
}

#description {display: none;}

a {text-decoration: none;}a:visited {text-decoration: none;}a:hover {text-decoration: none;-webkit-transition: color .25s}

header h1 {
font-weight: bold;
margin: 10px 0 5px;
font-size: 2.0em;
letter-spacing: -1px !important;
}
header h2 {display: block;margin-top: -25px;font-size: 1.0em;}

a#sitename {color: #797979;}a:visited#sitename {color: #797979;}a:hover#sitename {color: #a9a9a9;}

a#projects {color: #1188dd;}a:visited#projects {color: #1188dd;}a:hover#projects {color: #0055aa;}
a#pod {color: #c9813a;}a:visited#pod {color: #c9813a;}a:hover#pod {color: #bc5000;}
a#web {color: #99cc00;}a:visited#web {color: #99cc00;}a:hover#web {color: #558800;}
a#me {color: #dd88cc;}a:visited#me {color: #dd88cc;}a:hover#me {color: #aa5599;}

article a {color: #797979;font-weight: bold;}article a:visited {color: #797979;}article a:hover {color: #a9a9a9;}

footer a {color: #a9a9a9;}footer a:visited {color: #a9a9a9;}footer a:hover {color: #797979;}

/* Articles */

a.link {
font-weight: bold;
font-size: 0.8em;
margin: 10px 0 5px;
}
h2 {
font-weight: bold;
font-size: 1.4em;
padding: 15px 0 0;
}
p {margin-top: 1em;}em {font-style: italic;}strong {font-weight: bold;}
article {
font-size: 9.0pt;
display: block;
line-height: 1.8em;
border-bottom: 1px solid rgba(153,153,153,0.35);
padding: 0 0 20px;
width: 550px;
margin: 0 0 60px 50px;
}
article h1 {
font-weight: bold;
font-size: 1.9em;
margin: 10px 0 5px;
}
article blockquote {
width: 420px;
margin: 15px 0 15px 20px;
padding: 0 0 0 5px;
font: italic 13px/20px Georgia, serif;
}
article footer {
text-align: right;
font-size: 0.8em;
margin: 15px 0 -15px;
}
article footer a:link, a:visited {
text-decoration: none;
color: rgba(121,121,121,0.5);
}
time {color: #c0c0c0;}
article ol,ul li {
list-style-type: decimal;
padding: 4px 0;
margin: 3px 0 0 3em;
}
article ul li {list-style-type: square;}
hr {visibility: hidden;margin: 1.5em 0;}
img, object, audio {
display: block;
padding: 3px;
border: 1px solid #ccc;
margin: 5px auto;
}
#webdesign {float: right;margin: -5px 0 20px 15px;}
pre {
background-color: #d5d5d5;
display: inline-block;
overflow: auto;
font-family: Menlo, monospace;
padding: 1px 5px;
margin: 10px 0;
}
div.footnotes {
font-size: 10px;
line-height: 18px;
width: 480px;
text-align: justify;
}
form#search {
display: block;
font-size: 1.0em;
line-height: 2.0em;
clear: both;
padding: 0 20px 80px 10px;
margin: -25px 0 0 40px;
}
.quote {
font: italic 13px/20px Georgia, serif;
text-align: left;
margin-bottom: 10px;
width: 470px;
margin-top: -20px;
}
.source {
width: 450px;
margin: 10px auto;
}
section#update {
background-color: rgba(255,0,0,0.2);
padding: 10px;
font-size: 0.9em;
line-height: 1.5em;
font-weight: bold;
margin: 10px 0;
display: block;
}
section#update h1 {
line-height: 1.5em;
font-weight: bold;
font-size: 1.3em;
margin: 0 0 -5px;
}
img#about {
float: right;
margin: -20px 0 0 20px;
}

/* Old Content */

div#archive {
padding: 10px;
background-color: maroon;
color: white;
margin: 0 0 30px;
text-align: center;
font-weight: bold;
font-size: 1.1em;
line-height: 1.5em;
}
div#archive a:link, a:visited {text-decoration: none; color: #a9a9a9;}

/* With permission from waffle.wootest.net */

#breaker {height: 50px;}
footer {
color: #999;
display: block;
font-weight: bold;
/* position: absolute; */
bottom: 0;
z-index: 0;
margin: 0 0 10px 200px;
}
a#future, a#past {
display: block;
background-color: #aaa;
color: #fcffff;
width: 90px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
a#future:hover, a#past:hover {background-color: #5c6ea1;}
a#past {position: absolute;bottom: 0;}
nav {
position: absolute;
left: 0;
bottom: 0;
width: 100px;
background-color: #d5d5d5;
font-size: 12px;
z-index: 1;
height: 45px;
margin: 0 0 0 50px;
}

/* The best goodbyes are short. Adieu. */