@import url(http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css);

body {
    color:                  #333;
    background:             #fff;
    width:                  700px;
    padding:                0 75px;
    margin:                 0 auto;
    font-family:            'Baskerville', 
                            'Times New Roman', 
                            'Times', 
                            serif;
}
body * {
    line-height:            1.5;
}
p {
	margin-bottom:          1em;
}
em {
    font-weight:            bold;
}
h1 {
    font-weight:            bold;
    font-size:              2em;
}
h2 {
    font-weight:            bold;
    font-size:              1.25em;
}
h3 {
    font-weight:            bold;
}
a {
    text-decoration:        none;
    color:                  #33f;
    border-bottom:          1px solid #33f;
}
a:visited {
    color:                  #639;
    border-bottom:          1px dotted #639;
}
a:hover, 
a:focus {
    color:                  #fff;
    background:             #33f;
    border-bottom:          1px solid #33f;
}
blockquote {
    margin-left:            1em;
    padding-left:           1.25em;
    font-style:             italic;
    font-size:              1.05em;
    position:               relative;
}
blockquote:before {
    content:                '“';
    color:                  #33c;
    position:               absolute;
    top:                    0;
    left:                   0;
    margin-top:             -0.1em;
    font-size:              2em;
    line-height:            1;
}


#header {
    margin:                 0 -20px;
    padding:                0 20px 1em;
    border-bottom:          1px dotted #999;
    margin-bottom:          1em;
}
#header:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
#header h1 {
    padding-bottom:         0.4em;
    font-size:              4em;
    color:                  #000;
    font-family:            'Courier New',
                            'Courier',
                            monospace;
}


#navigation {
    clear:                  both;
    margin-top:             -0.5em;
}
#navigation ul {
    clear:                  left;
    display:                inline-block;
}
#navigation ul:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
#navigation ul {
    display:                block;
}
#navigation li {
    float:                  left;
}
#navigation a, 
#navigation span {
    padding:                0 5px;
}
#navigation span {
    font-style:            italic;
}
#navigation li:after {
    content:                '•';
}
#navigation li:last-child:after {
    content:                '';
}
#navigation:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
#navigation a {
    color:                  #33f;
    border-bottom:          none;
}
#navigation a:hover,
#navigation a:focus {
    color:                  #fff;
    background:             #33f;
}


#crest {
    padding-right:          350px;
    width:                  350px;
}
#crest:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
#crest div.image {
    width:                  240px;
    margin-right:           -350px;
    margin-top:             -3.57142em;
    float:                  right;
}
.homepage #crest div.image {
    margin-top:             0;
}
#crest p {
    font-size:              1.2em;
}
#crest h2 {
    margin-bottom:          1em;
    font-weight:            bold;
}


#article:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
#article h1 {
    margin-bottom:          1em;
}
#article ul,
#article ol {
    margin-left:            -0.25em;
    margin-bottom:          1em;
}
#article li {
    padding-left:           0.25em;
    list-style:             disc outside;
}
#article li p {
    margin-bottom:          0;
}
#article div.image.small {
    float:                  right;
    clear:                  right;
    width:                  240px;
    padding-top:            0.4375em;
    padding-bottom:         0.75em;
    padding-left:           2em;
}
#article div.image.small q {
    display:                block;
}
#article div.image.small a:hover q {
    color:                  #fff;
    background:             #33f;
}
#article div.image.medium {
    width:                  500px;
}
#article h2, 
#article h3 {
    clear:                  left;
}

#article-footnotes {
    margin-top:             2em;
}
#article-footnotes li {
    font-size:              0.8em;
}


div.image {
    margin-bottom:          1em;
    font-size:              0.875em;
}
div.image img {
    display:                block;
}
div.image q {
    font-weight:            bold;
    display:                block;
}
div.image.gravatar {
    width:                  100px;
    float:                  left;
    margin-bottom:          10px;
}
div.image.gravatar.large {
    width:                  140px;
}
div.image a {
    color:                  #999;
    border-bottom:          none;
}
div.image a:hover,
div.image a:focus {
    background:             #fff;
}
div.image q {
    color:                  #33f;
}
div.image a:hover q,
div.image a:focus q {
    background:             #33f;
    color:                  #fff;
}


div.wrapper {
    clear:                  both;
    margin-bottom:          1em;
    padding-top:            1em;
    margin-top:             1em;
}
div.wrapper:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}


#article #photo-list {
    width:                  246px;
    margin-right:           -6px;
    margin-left:            2em;
    float:                  right;
    clear:                  right;
}
#photo-list li {
    list-style:             none;
    float:                  left;
    padding:                0;
    margin:                 0;
}
#photo-list a {
}
#photo-list img {
    display:                block;
    margin-bottom:          7px;
    margin-right:           7px;
}


#alumni:after {
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
#alumni li {
    list-style:             none;
    float:                  left;
    width:                  168px;
    margin-right:           15px;
    padding-bottom:         1em;
    padding-left:           50px;
    font-size:              0.8em;
    min-height:             6em;
    color:                  #999;
}
#alumni img {
    display:                block;
    float:                  left;
    margin-left:            -50px;
    margin-top:             0.3em;
}
#alumni span {
    display:                block;
    font-size:              1.25em;
    color:                  #000;
}
#alumni span a {
    color:                  #33f;
    border-bottom:          none;
}
#alumni span a:hover,
#alumni span a:focus {
    color:                  #fff;
    background:             #33f;
}


.published {
    font-size:              0.8em;
    margin-bottom:          2.5em;
    color:                  #777;
}
#article .published {
    margin-top:             -3em;
}
.published span {
    position:               absolute;
    left:                   -999em;
    width:                  500em;
}
.published cite {
    font-weight:            bold;
}
.published cite:after {
    content:                " • ";
}




.index h2 {
    margin-bottom:          1em;
}
.index li {
    margin-bottom:          2em;
}
.index h3 {
    float:                  left;
    margin-right:           0.25em;
    font-size:              1.25em;
}
.index .published:before {
    content:                '•';
}
.index .published {
    padding-top:            0.6em;
    margin-bottom:          0;
}
.index .summary,
.index blockquote {
    clear:                  left;
}
#primary .index blockquote {
    margin-left:            0;
    border-left:            none;
}


#footer {
    margin:                 4em -20px 2em;
    padding:                1em 20px;

    border-top:             1px dotted #999;
    padding-top:            1em;
    color:                  #777;
}
#footer p {
    font-size:              0.8em;
    margin-bottom:          0;
}
#footer p.copy {
    padding-bottom:         30px;
    background:             transparent 
                            url(/static/avatar.png) 
                            no-repeat
                            top right;
}
#footer p.links {
    margin-top:             -30px;
}
#footer a {
    color:                  #33f;
    border-bottom:          1px dotted #33f;
}
#footer a:hover,
#footer a:focus {
    color:                  #fff;
}