/*!
YUI Reset + Fonts.  Don't leave home without it.

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt

Source:  http://yui.yahooapis.com/combo?2.8.0r4/build/reset-fonts/reset-fonts.css
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}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;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
    END RESET CODE
*/  
        a, a:visited {
            text-decoration:    none;
            letter-spacing:     1px;
            color:              #4281ba;
        }
        em {
            font-style:     italic;
        }
        strong {
            font-weight:    bold;
        }
        pre, code {
            font-family: Inconsolata,'Panic Sans',Monaco,'Courier',monospace;
        }
        
/*****************************************************************************
 *  HEADER
 */
        .header {
            width:          100%;
            background:     #000;
            font:           1.539em/1 Baskerville,Times,'Times New Roman',serif;
            font-variant:       small-caps;

            text-transform: lowercase;
            letter-spacing: 0.033em;
        }
            .header ul {
                overflow:       hidden;
                width:          37.987em;
                margin:         0 auto;
            }
                .header ul li:last-child a {
                    background:     url('../images/twitter.png') no-repeat right 6px;
                    padding-right:  35px;
                }
                    .header ul li:last-child a span {
                        left:       -999em;
                        position:   absolute;
                    }
            .header a {
                color:          #FFF;
                padding:        0.25em 0;
                display:        block;
                float:          right;
            }
                .header strong a {
                    text-transform: none;
                    float:          left;
                    font-weight:    normal;
                    letter-spacing: 0.25em;
                }

.content {
    padding:    2em 0 0;
    clear:      both;
}
    .content > div {
        width:  58.4615em;
        margin: 0 auto;
    }

/*****************************************************************************
 *  BIO
 */
        .bio {
            padding:        0 0 2em;
            text-align:     justify;
            border-bottom:  0.077em solid #666;
        }
            .bio img, .sidebar {
                border:     1px solid #AAA;
                background: #FFF;
                padding:    3px;
                margin:     0 10px 0 0;
                float:      left;
                -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
            }
            .bio h1 {
                font:           4.077em/0.85 Baskerville,Times,'Times New Roman',serif;
                display:        inline;
                margin-right:   0;
            }
                .bio h1 img {
                    width:  444px;
                }
                .bio h1 a {
                    color:          #000;
                    font-variant:   normal;
                }
            .bio p {
                display:    inline;
                font:       27px/1.35 Baskerville,Times,'Times New Roman',serif;
            }
                .bio p a {
                    font-variant:   small-caps;
                    font-size:      0.9655em;
                }

/*****************************************************************************
 *  DIVERSIONS
 */
        div.diversions {
            border-top: 0.154em solid #333;
            margin:     0.077em auto;
            padding:    0;
            overflow:   auto;
            clear:      both;
        }
            .diversions > div {
                float:  left;
                margin: 0 0 0 0;
            }
                .diversions > div:first-child {
                    margin-left: 0;
                }
                
                .diversions h2 {
                    font:           1.154em Baskerville,Times,'Times New Roman',serif;
                    font-variant:   small-caps;
                    margin:         1.5em 0;
                    color:          #444;
                    border-bottom:  0.077em solid #CCC;
                    letter-spacing: 0.1538em;
                }
                    .diversions h2 a {
                        color:  #000;
                    }
                .diversions li {
                    font:       1.077em/1.5 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
                    margin:     1em 0;
                    text-align: justify;
                }
    /*************************************************************************
     *  DIVERSIONS: RECENT POSTS
     */
                .recent-posts {
                    width: 34.769em;
                }
                    .recent-posts li a:first-child {
                        float:          left;
                        margin-bottom:  0.25em;
                        font:           1.143em/1.25 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
                        font-variant:   small-caps;
                        text-transform: capitalize;
                        width:          340px;
                        text-align:     left;
                    }
                    .recent-posts .meta {
                        float:          right;
                        text-align:     right;
                        font-style:     italic;
                        color:          #666;
                        font-size:      0.786em;
                    }
                        .recent-posts .meta span {
                            display:    block;
                        }
                    .recent-posts p,
                    .archive p {
                        clear:          both;
                    }
    /*************************************************************************
     *  DIVERSIONS: PHOTOS
     */   
                .diversions .photos {
                    width:          17em;
                    clear:          left;
                }
                    .diversions .photos li {
                        float:  left;
                        margin: 0 0 1em;
                    }
                        .diversions .photos li img {
                            width:          63px;
                            height:         63px;
                            background:     #FFF;
                            padding:        1px;
                            border:         1px solid #333;
                            margin-right:   10px;
                        }
                            .diversions .photos li:nth-child(3n) img {
                                margin-right:   0;
                            }
                    .photos a.flickr {
                        color:  #0063DC;
                    }
                        .photos a.flickr span {
                            color:  #FF0084;
                        }

    /*************************************************************************
     *  DIVERSIONS: TWITS
     */
                .diversions .twits {
                    width:          34.769em;
                    margin-left:    6.692em;
                }
                    .diversions .twits li {
                        font:           0.923em/1.5 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;                        
                    }
                    .diversions .twits .meta {
                        display:    inline;
                        float:      none;
                        font-style: italic;
                        color:      #666;
                        font-size:  0.917em;
                    }
                        .diversions .twits .meta:after {
                            content: " — ";
                        }
                    .diversions .twits p {
                        display:    inline;
                    }

    /*************************************************************************
     *  DIVERSIONS: LINKS
     */   
                .diversions .links {
                    width:          17em;
                    margin-left:    6.692em;
                }
                    .diversions .links li {
                        font:           0.923em/1.5 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;                        
                    }
                    .diversions .links li a:first-child {
                        text-align:     left;
                        display:        block;
                        margin-bottom:  0.5em;
                        font:           1.167em/1 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
                        font-variant:   small-caps;
                    }
                    
/*****************************************************************************
 *  ARTICLE
 */
    .article h1, .archive h1, .tag-cloud h1 {
        text-align: center;
        font:       2.692em/1.25 Baskerville,Times,'Times New Roman',serif;
    }
        .article p.published {
            font-size:  1.5em/1 Baskerville,Times,'Times New Roman',serif;
            width:      38em;
            margin-top: 0px;
            text-align:center;
            color:#999;
        }
    .article h2, .archive h2 {
        text-align:     left;
        border-bottom:  1px solid #CCC;
        margin:         1em 2em;
        font:           1.923em/1.25 Baskerville,Times,'Times New Roman',serif;
    }
    .article h3 {
        text-align: left;
        margin:     1em 3em;
        font:       1.923em/1.25 Baskerville,Times,'Times New Roman',serif;
    }
    .article p, .article ul, .article ol, .article blockquote {
        width:          37.875em;
        font:           1.231em/1.5 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
        /* text-align:     justify; */
        margin:         1em auto;
    }
        .article ul p, .article ol p {
            font-size:  1em;
            width:      36.875em;
        }
        .article ul, .article ol {
            padding-left:   1em;
            width:          36.875em;
        }
        .article ul li {
            list-style: disc outside;
        }
        .article ol li {
            list-style: decimal outside;
        }
    .article code {
        font:       0.846em/1.5 Inconsolata,'Panic Sans',Monaco,'Courier',monospace;
    }
        .article pre code {
            border:     0.091em solid #999;
            background: #EEF;
            display:    block;
            max-height: 25em;
            overflow:   auto;
            padding:    1em;
            width:      53em;
            margin:     0 auto;
        }
            .article li code {
                width:  auto;
            }
    .article sup {
        vertical-align: super;
    }
    
    .article .meta {
        margin:     0 auto;
        border-top: 0.077em dotted #BBB;
    }
        .article .meta .navigation {
            font-size:  1em;
            margin:     0.5em auto 1em;
            overflow:   hidden;
            padding:    0;
            width:      auto;
        }
            .article .meta .navigation li {
                list-style: none;
                padding:    0;
                width:      45%;
            }
            .article .meta .navigation span {
                left:       -999em;
                position:   absolute;
            }
            .article .meta .navigation a:before {
                content:    "“";
            }
            .article .meta .navigation a:after {
                content:    "”";
            }
            .article .meta .older {
                float:      left;
                text-align: left;
            }
                .article .meta .older:before {
                    content: "« ";
                }
            .article .meta .newer {
                float:      right;
                text-align: right;
            }
                .article .meta .newer:after {
                    content: " »";
                }
        .article .meta .published {
            font-style:     italic;
            font-weight:    bold;
        }
        .article .meta p {
            clear:      both;
            font-size:  1em;
            width:      auto;
            margin:     1em 11em;
        }
        .article .meta p span {
            font-weight:    700;
        }

    .article blockquote {
        font-style: italic;
        margin:     0 auto;
        width:      35.875em;
    }
    .article blockquote p {
        font-size:  1em;
        font-style: italic;
        width:      35.875em;
    }
    /*****************************************************************************
     *  Images in articles
     */
        .article .sidebar {
            float:  right;
            width:  auto;
            margin: 0 0 0 15px;
        }

				.article img {
					display:block;
					margin-left:auto;
					margin-right:auto;
				}
				
				.article embed {
					display:block;
					margin-left:auto;
					margin-right:auto;
				}
				
				.article .comments {
		        margin:     0 auto 80px auto;
		        border-top: 0.077em dotted #BBB;
		    }
		
				.article .comments img {
						display:inline;
						margin-left: 0;
						margin-right: 0;
		    }
		
				.article .comments embed {
						display:inline;
						margin-left: 0;
						margin-right: 0;
		    }
/*****************************************************************************
 *  AdHoc
 */
        /*  Nothing yet, but I'm sure I'll need this at some point. */

/*****************************************************************************
 *  Archive/Tag Pages
 */
    div.archive h2+p {
        width:      33.286em;
        padding:    1em;
        margin:     1em auto;
        border:     1px solid #999;
        background: #EEE;
    }
    div.archive ol {
        width:          43.286em;
        font:           1.077em/1.5 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
        text-align:     justify;
        margin:         1em auto;
    }
        .archive ol li {
            margin:     0 0 1.5em 0;
            clear:      both;
            overflow:   visible;
        }
.archive ol li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 
            .archive ol li a:first-child {
                float:          left;
                margin-bottom:  0.25em;
                margin-left:    -20px;
                font:           1.143em/1.25 Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
                font-variant:   small-caps;
                text-transform: capitalize;
                text-align:     left;
                width:          490px;
            }
            .archive ol li.internal a:first-child {
                font-size:      1.5em;
            }
            .archive ol li.external a:first-child {
                padding-left:   20px;
                background:     url(http://www.google.com/s2/favicons?domain=delicious.com) top left no-repeat;
            }
        .archive .meta {
            float:          right;
            text-align:     right;
            font-style:     italic;
            color:          #666;
            font-size:      0.786em;
        }
    .archive ol li.flickr {
        position:   relative;
        overflow:   hidden;
        min-height: 67px;
    }
        .archive ol li.flickr img {
            width:      63px;
            border:     1px solid #333;
            margin:     0pt 1em 1em 0pt;
            padding:    1px;
            position:   absolute;
            top:        0;
            left:       0;
        }
        .archive ol li.flickr p, .archive ol li.flickr a {
            margin-left:    77px;
        }
        .archive ol li.flickr a {
            width:  400px;
        }

/*****************************************************************************
 *  TAG CLOUD
 */
    .tag-cloud ol li {
        display:    inline;
    }
        .tag-cloud ol li a {
            padding:    0 0.5em;
        }
    .tag-cloud .not-popular     { font-size: 1em; }
    .tag-cloud .popular         { font-size: 1.5em; }
    .tag-cloud .very-popular    { font-size: 2em; }
    .tag-cloud .ultra-popular   { font-size: 2.5em; }

/*****************************************************************************
 *  FOOTER
 */
      .footer {
          background:   #000;
          padding:      0.5em 0 0;
          overflow:     hidden;
          border-top:   1px solid #999;
      }
        .footer p.bio {
            border:     0;
            color:      #FFF;
            font:       1.231em/1.35 Baskerville,Times,'Times New Roman',serif;
            margin:     0 auto 0.25em;
            padding:    0 19.25em 0 0;
            width:      28.25em;
        }
        .footer p.license, .footer address {
            margin:         0 auto 0.25em;
            width:          17em;
            padding-left:   41.457em;
            text-align:     justify;
            color:          #EEE;
            font:           1em/1.35 Baskerville,Times,'Times New Roman',serif;
            overflow:       auto;
        }
        .footer p a, .footer address a {
            color:              #CCC;
            text-decoration:    underline;
        }
            .footer p + address {
                text-align: right;
            }