/*   
Theme Name: Spiralwalk
Theme URI: http://shrewdbravado.com
Description: Randomly generated spirals, cornu curvature.
Author: Joseph Abrahamson
Author URI: http://shrewdbravado.com
.
Copyright 2009 Joseph Abrahamson
.
Clearly influenced by Jason Santa Maria, Edward Tufte, 
Dean Allen, and maybe a few others.
.
Those curly things are embarassingly easy to make, by the way.
*/

body {
    background: #fff url(i/sidebar.gif) left top repeat-y;
    /* body font selection */
    colour: #222;
    font-size: 15px;
    font-family: "Gotham HTF", Corbel, "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* baseline grid: 18px */
    line-height: 1.2em;
}

#head {
    z-index: -1;
    height: 400px;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    background: transparent url(i/headbg.png) top 665px no-repeat;
}

#head h1 a {
    z-index: 2;
    position: absolute;
    left: 827px;
    top: 0;
    height: 130px;
    width: 65px;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent url(i/banner.png) top left no-repeat;
}

#head *:hover > a:link, 
#head *:hover > a:visited {
    background: transparent;
}

#head a:hover,
#head a:active {
    background: transparent url(i/banner.png) top left no-repeat !important;
}

#upper {
    margin-top: 6.8em;
    margin-bottom: 1.2em;
    padding-bottom: 6em;
}

#lower {
    height: 200px;
    margin: 0 0 9.6em 100px;
}

a {
    color: inherit;
    text-decoration: inherit;
}

a:link, 
a:visited {
    display: inline;
    padding: 2px 2px;
    color: #666;
    text-decoration: none;
}

*:hover > a:link,
*:hover > a:visited {
    background: #eef;
}

a:hover,
a:active {
    background: #acacfe !important;
    color: #fff;
}

a.img:link, 
a.img:visited {
    padding: 0;
    display: block;
}

*:hover > a.img:link,
*:hover > a.img:visited {
    background: transparent;
}

a.img:hover,
a.img:active {
    background: transparent !important;
}

/* Dealing with content */

.wrap {
    margin-left: 100px;
    margin-bottom: 2.4em;
    width: 790px;
}

.content {
    position: relative;
}

.content h2 {
    width: 520px;
    font-size: 1.4em;
    color: #444;
    line-height: 36px;
    margin-bottom: .85em;
    list-style: bullet;
}

.content p {
    margin-bottom: 1.2em;
    width: 520px;
}

.content img {
    width: 790px;
    border: 4px solid #ddd;
    border-width: 4.5px 0;
    min-height: 6em;
}

.content em { font-style: italic; }
.content em em { font-style: normal; }
.content strong { font-weight: bold; }
.content cite {
    color: #444;
    font-style: italic;
}
.content code { font-family: Consolas, "Courier New", monospace; }
.content blockquote {
    font-style: italic;
    font-size: 1.2em;
    line-height: 1em;
    color: #444;
    margin-left: 10px;
    padding-left: 10px;
}
.content ul, .content ol { margin-bottom: 1.2em; width: 520px; }
.content ul li { list-style: outside circle; }
.content ol li { list-style: outside decimal; }

.content sup.footnote {
    font-size: .5em;
    vertical-align: super;
}

.content p.footnote {
    display: block;
    position: absolute;
    right: 1px;
    margin-right: 80px;
    font-size: .8em;
    width: 120px;
    text-indent: -8px;
}

/* Dealing with meta nonsense */

.details {
    margin-top: 3em;
    font-size: .8em;
    width: 790px;
    overflow: hidden;
}

.details:hover > a:link,
.details:hover > a:visited {
    background: #eef;
}

.details div {
    display: inline;
    margin-left: 2em;
    padding-left: 2em;
    height: 1.5em;
    float: right;
}

.details div.stepper {
    float: left;
    margin-left: 0;
    padding-left: 0;
    margin-right: 2em;
    padding-right: 2em;
}

.details div.stepper .left {padding-right: 2em;}
.details div.stepper .right {padding-left: 2em;}

.details .date {
    border-left: thin solid #848482;
}

/* Handling the meta */

#lower > ul > li {
    display: block;
    width: 250px;
    margin-right: 20px;
    float: left;
    min-height: 6em;
    font-size: .8em;
    line-height: 1.5em;

}

#lower > ul > li h3 {
    display: block;
    font-size: 1.25em !important;
    line-height: 1.2em;
    height: 1.2em;
    letter-spacing: 4px;
    text-transform: uppercase;
    background: transparent url(i/stripes_horiz.gif) bottom left repeat-x;
    margin-bottom: 1em;
}

#photography {
    width: 520px !important;
}

#about {
    width: 520px !important;
}

#recent {
    clear: both;
    padding-top: 1.5em;
    margin-bottom: 1.5em;
}

#recent li {
    margin-bottom: 1.5em;
}

#lower p {
    margin-bottom: 1.5em;
}

#photography img {
    width: 520px;
    border: 4px solid #ddd;
    border-width: 4.5px 0;
    min-height: 6em;
}

#photography p {
    font-style: italic;
}

#lower dl {
    margin-bottom: 1.5em;
}

#lower dt {
    display: inline;
    font-style: italic;
}

#lower dt:after {
    margin-left: 4px;
    content: "\2022"
}

#lower dd {
    display: inline;
    margin-left: 1px;
}