/* --------------------------------------------------------------------------
Eric Meyer's CSS Reset
----------------------------------------------------------------------------- */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* --------------------------------------------------------------------------
End of CSS Reset
----------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
Global Styling
----------------------------------------------------------------------------- */
body
{
    font-size: 16px; /* 14 */
    font-weight: lighter;
    font-family: Helvetica, Arial, sans-serif;
}
blockquote
{
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 8px 0 8px 15px;
    border-left: 2px solid #cacaca;
    background-color: #efefef;
    color: #444;
}
ul
{
    list-style-type: disc;
    list-style-position: outside;
    margin: 15px 0 15px 17px;
}
ul ul
{
    list-style-type: circle;
    padding: 5px 0 5px 15px;
}
ol
{
    list-style-type: decimal;
    list-style-position: outside;
    margin: 15px 0 15px 20px;
}
ol ol
{
    list-style-type: lower-roman;
    padding: 5px 0 5px 15px;
}
a
{
    color: #888;
}
a:hover
{
    color: #4183c4;
}
strong
{
    font-weight: 500;
}
em
{
    font-style: italic;
}
/* --------------------------------------------------------------------------
End of Global Styling
----------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
IDs
----------------------------------------------------------------------------- */
#page-wrap
{
    width: 640px;
    margin-left: 40px;
}
h1#blog-title
{
    font-size: 94px; /* 82 */
    font-family: Georgia, serif;
    text-align: center;
    margin: 20px 0 40px;
}
#main-content
{
    border-bottom: 1px solid #cacaca;
    margin-bottom: 10px;
}
#footer
{
    font-family: Verdana, sans-serif;
    margin-bottom: 20px;
    position: relative;
}
/* --------------------------------------------------------------------------
End of IDs
----------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
Header
----------------------------------------------------------------------------- */
h1#blog-title a,
h1#blog-title a:hover
{
    color: #000;
    text-decoration: none;
}
h1#blog-title a:hover span
{
    color: #fc0;
}
/* --------------------------------------------------------------------------
End of Header
----------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
Post List
----------------------------------------------------------------------------- */
ul.post-list
{
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 40px;
}
ul.post-list li
{
    padding: 5px 0;
}
ul.post-list li:first-child
{
    padding-top: 0;
}
ul.post-list li:last-child
{
    padding-bottom: 0;
}
ul.post-list li span.date
{
    color: #acacac;
    text-align: right;
}
ul.post-list li a
{
    color: #000;
    text-decoration: none;
}
ul.post-list li a:hover
{
    color: #c00;
}
ul.post-list li span:first-child
{
    position: relative;
}
ul.post-list li span.pointer
{
    display: none;
    position: absolute;
    left: 0;
    margin-left: -10px;
}
ul.post-list li span:first-child:hover span.pointer
{
    display: inline;
}
/* --------------------------------------------------------------------------
End of Post List
----------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
Single Post
----------------------------------------------------------------------------- */
.post
{
    margin-bottom: 40px;
}
.post h2.title
{
    font-size: 28px; /* 24 */
    font-family: Georgia;
    color: #c00;
    margin-bottom: 2px;
}
.post .date
{
    font-size: 15px; /* 13 */
    font-family: Verdana;
    color: #cacaca;
    margin-bottom: 10px;
}
.post .content
{
    line-height: 1.2;
}
.post .content h3
{
    font-size: 18px; /* 16 */
    font-weight: bold;
    padding: 10px 0 5px;
}
.post .content h3 + ul
{
    margin-top: 5px;
}
.post .content p
{
    margin-bottom: 15px;
}
.post .content p:last-child
{
    margin-bottom: 0;
}
.post .content p > code
{
    font-family: 'Courier New',Courier,monospace;
    color: #888;
    background-color: #eeeeff;
    border: 1px solid #ccc;
    padding: 0 2px;
    word-wrap: break-word;
}
.post .content blockquote code
{
    background-color: #fff;
}
/* --------------------------------------------------------------------------
End of Single Post
----------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------- */
#footer p a
{
    color: #acacac;
    text-decoration: none;
}
#footer p a:hover
{
    color: #000;
}
#footer p:last-child
{
    position: absolute;
    right: 0;
    top: 0;
}
#footer p:last-child a
{
    font-size: 13px; /* 12 */
}
#footer p:first-child a:hover span
{
    color: #fc0;
}
#footer p.go-up
{
    font-family: 'Courier New',Courier,monospace;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -30px;
}
#footer ul
{
    list-style-type: none;
    margin: 10px 0 0 0;
}
#footer ul li
{
    font-size: 13px; /* 12 */
    padding: 5px 0;
}
#footer ul li a
{
    color: #9f9f9f;
}
#footer ul li a:hover
{
    color: #000;
}
/* --------------------------------------------------------------------------
End of Footer
----------------------------------------------------------------------------- */

@media print
{
    #page-wrap      { font-size: 90%; }
    h1#blog-title   { display:none;   }
    #footer         { display:none;   }
    
    .post .content a:link:after,
    .post .content a:visited:after
    {
        content: " (" attr(href) ") ";
        font-size: 90%;
    }
}