﻿html {height:100%;margin-bottom:1px;}

body {background:#E6E6E6 url(/content/body_bg.gif);margin:0;padding:0;font-size:62.5%;font-family:Arial,Helvetica,sans-serif;height:100%;position:relative;}

a img {border:none;}

form, fieldset {margin:0;padding:0;border:none;display:inline;}
input, select, textarea {font:normal 1.1em Verdana,Geneva,sans-serif;color:#666;}
abbr {cursor:help;border:none;}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-family:Georgia,serif;font-size:inherit;}
p {margin:0;padding:0;}

div.left {background:transparent url(/content/body_shadow_l.png) repeat-y;min-height:100%;}
div.right {background:transparent url(/content/body_shadow_r.png) repeat-y right top;min-height:100%;}

.head {background-color:#261E1C;text-align:center;padding:20px 20px 18px 20px;}
.head ul {list-style:none;list-style-type:none;margin:0 auto;padding:0;text-align:left;width:745px;}
.head li {list-style:none;list-style-type:none;display:block;float:left;padding:0/* 22px 0 24px*/;background:transparent url(/content/nav_separator.gif) no-repeat;}
.head li a, .head li span {background-position:24px -45px;background-repeat:no-repeat;display:block;height:10px;padding:5px 22px 6px 24px;/*margin:5px 0 6px 0;*/}
.head li a:hover, .head li.selected a {background-position:24px 5px;}
.head li a span, .head li span span {display:none;}

.head li.first {background:none;padding-left:0;}
.head li.last {padding-right:0;}

#archive a, #archive span {background-image:url(/content/nav_archive.gif);width:52px;}
#journal a, #journal span {background-image:url(/content/nav_journal.gif);width:55px;}
#projects a, #projects span {background-image:url(/content/nav_projects.gif);width:62px;}
#about_contact a, #about_contact span {background-image:url(/content/nav_about-contact.gif);width:113px;}
#rss a {margin-top:1px;margin-bottom:10px;padding-top:0;padding-bottom:0;}

.head li input {display:block;float:left;margin-top:-1px;}
#searchtext {background:transparent url(/content/search_bg.gif) no-repeat left top;border:none;padding:5px;width:92px;}

.page {text-align:center;background:transparent url(/content/nav_shadow.png) repeat-x;}
.content {text-align:left;margin:0 auto;width:868px;background:transparent url(/content/content_bg.png) repeat-y;}
.content .main {background:transparent url(/content/nav_shadow.png) repeat-x;width:616px;float:left;margin-left:3px;}
.content .sidebar {float:left;margin-left:29px;margin-top:26px;width:217px;}

.main .content {background:none;margin:13px 30px;width:553px;}

#dialog {position:absolute;display:none;background:transparent url(/content/dialog_bg.gif) no-repeat right top;padding-top:12px;width:255px;}
#dialog .content {background-color:#F0F0F0;background-image:none;margin:0;padding:10px;border-left:solid 1px #B7B7B7;border-bottom:solid 3px #B7B7B7;border-right:solid 1px #B7B7B7;width:auto;}

.hrtop {background:transparent url(/content/hr_top.gif) no-repeat center bottom;padding-bottom:27px;}
.chronology .left, .chronology .right {padding-top:13px;}
.chronology .left {float:left;width:265px;background:transparent url(/content/preceding.gif) no-repeat right top;text-align:right;padding-right:10px;}
.chronology .left a {background:transparent url(/content/bullet_fleurs_left.gif) no-repeat left .3em;padding-left:15px;}
.chronology .right {float:right;width:265px;background:transparent url(/content/following.gif) no-repeat left top;text-align:left;padding-left:10px;}
.chronology .right a {background:transparent url(/content/bullet_fleurs_right.gif) no-repeat right .3em;padding-right:15px;}
.chronology a {font-size:1.2em;text-decoration:none;}
.chronology a span {color:#8B8A78;border-bottom:dotted 1px #8B8A78;}
.chronology a:hover span {color:#555;border-bottom:solid 1px #555;}

.articles .article {padding-bottom:20px;margin-bottom:30px;}
.articles .article h2 {background:transparent url(/content/header_bg.gif) no-repeat center top;padding-top:15px;}
.articles .first h2 {background:none;padding:0;}
.article .controls {display:block;text-align:center;clear:both;}
.article a.comments {font-size:1.4em;font-weight:bold;font-style:italic;font-family:Georgia,serif;color:#624036;text-decoration:none;background:transparent url(/content/quote.gif) no-repeat left .25em;padding:0 0 3px 16px;}
.article a.comments span {border-bottom:dotted 1px #8B8A78;}
.article a.comments:hover span {color:#42251D;border-bottom:solid 1px #42251D;}

.article h2 {color:#42251D;font-style:italic;font-weight:normal;font-size:2.4em;line-height:1.67em;letter-spacing:-.04em;text-align:center;margin-bottom:.625em;}
.article h2 i {font-style:normal;}
.article h2 a {text-decoration:none;color:#42251D;}
.article h2 a:hover {text-decoration:underline;}
.article h2 .amp {color:#744F3D;}
.article h3 {color:#624036;font-weight:normal;font-size:1.6em;line-height:1.25em;padding:.625em 0;letter-spacing:-.025em;}
.article p, .article ul {color:#292929;font-size:1.2em;line-height:1.67em;margin-bottom:1.67em;font-family:Verdana,Geneva,sans-serif;}
.article ul {padding-left:0;margin-left:0;}
.article ul, .article li {list-style:none;list-style-type:none;}
.article li {padding-left:38px;text-indent:-20px;margin-left:-5px;margin-bottom:.25em;color:#555;background:transparent url(/content/bullet_arrow_right.gif) no-repeat left .4em;}
.article p a, .article li a {color:#744F3D;border-bottom:dotted 1px #744F3D;text-decoration:none;}
.article p a:hover, .article li a:hover {color:#42251D;border-bottom:solid 1px #42251D;}
.article .date {float:left;line-height:2em;margin-right:.5em;}
.article .callout {float:right;margin:0 0 0 10px;padding:8px;border:solid 1px #CCC;background-color:#F7F7F7;width:232px;font-size:1.2em;}
.article img {padding:4px;border:solid 1px #CCC;background-color:#F7F7F7;}
.article img.left, img.article .right {background-image:none;min-height:inherit;}
.article .left {float:left;}
.article .right {float:right;}
.article img.left {margin-right:10px;width:auto;height:auto;}
.article img.right {margin-left:10px;width:auto;height:auto;}
.article a:hover img {background-color:#CCC;}
.article li ul {font-size:inherit;line-height:inherit;margin:0;padding:5px 0 5px 15px;}
.article li li {margin:0;background-image:none;}
.article li.alt {background-color:#EEEAE7;}
.article blockquote {background:transparent url(/content/blockquote.gif) no-repeat 3px top;border-left:3px solid #E4E2D4;padding:0 40px;margin-bottom:1.67em;min-height:23px;}
.article blockquote p {color:#777;padding:0;margin:0;font-size:1.2em;line-height:1.67em;font-family:Verdana,Geneva,sans-serif;}
.article pre {border:0;width:553px;max-height:600px;overflow:auto;background-color:#F5F5F5;font-size:1.5em;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;}
.article pre code {margin:12px;}

.searchresults h2 {color:#744F3D;font-style:italic;font-weight:normal;font-size:2em;line-height:2em;letter-spacing:-.04em;text-align:center;margin-bottom:1em;}
.searchresults .result {padding-bottom:16px;}
.searchresults .result span.date {text-align:right;display:block;line-height:3.2em;}
.searchresults .result h3 {color:#42251D;font-style:italic;font-weight:normal;font-size:2.2em;letter-spacing:-.04em;line-height:1em;}
.searchresults .result h3 a {text-decoration:none;color:#42251D;}
.searchresults .result h3 a:hover {text-decoration:underline;}
.searchresults .result p {color:#292929;font-size:1.1em;line-height:1.67em;margin-bottom:1.67em;margin-left:11em;font-family:Verdana,Geneva,sans-serif;}
.searchresults .result .left {float:left;background:none;margin-right:1.25em;width:11em;}
.searchresults .result a.comments {float:right;white-space:nowrap;font-size:1.2em;font-weight:bold;font-style:italic;font-family:Georgia,serif;color:#624036;text-decoration:none;background:transparent url(/content/quote.gif) no-repeat left .25em;padding:0 0 3px 16px;}
.searchresults .result a.comments span {border-bottom:dotted 1px #8B8A78;}
.searchresults .result a.comments:hover span {color:#42251D;border-bottom:solid 1px #42251D;}
.searchresults .result p a.info {white-space:nowrap;font-weight:bold;margin-left:.5em;font-style:italic;font-family:Georgia,serif;color:#624036;text-decoration:none;border-bottom:dotted 1px #8B8A78;}
.searchresults .result p a.info:hover {color:#42251D;border-bottom:solid 1px #42251D;}

.twocolumns {width:584px;background:transparent url(/content/twocolumns_bg.gif) no-repeat left top;margin:10px 0 20px -14px;padding:0;}
.twocolumns .content {background:transparent url(/content/twocolumns_cap.gif) no-repeat left bottom;margin:0;padding:18px 0;width:584px;min-height:235px;}
.twocolumns .content ul, .twocolumns .content li {list-style:none;list-style-type:none;margin:0;padding:0;font-size:1em;}
.twocolumns .content .left, .twocolumns .content .right {float:left;width:235px;background:none;}
.twocolumns .content .left {margin:0 30px;}
.twocolumns .content .right {margin:0 0 0 30px;}
.twocolumns .content span.title {font:normal bold 1em Georgia,serif;color:#744F3D;text-transform:uppercase;letter-spacing:.05em;display:block;text-align:center;padding-bottom:1em;}

.twocolumns .content li h4 {font-size:1em;}
.twocolumns .content li {margin:9px 0;background-image:none;text-indent:0;}
.twocolumns .content li a {font:normal 1.2em Helvetica,Arial,sans-serif;color:#333;border-bottom:dotted 1px #42251D;text-decoration:none;}
.twocolumns .content li a:hover {color:#42251D;border-bottom:solid 1px #42251D;}
.twocolumns .content li span.info {color:#777;display:block;margin-top:2px;font-size:1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;}
.twocolumns .content li span.info a {text-transform:none;}

.archive .content li a {font-size:1em;}

.archive .content .left li {float:left;}
.archive .content .left a.tag {margin-right:.75em;color:#624036;font-weight:bold;font-family:Georgia,sans-serif;letter-spacing:-.04em;line-height:1.1em;text-decoration:none;border-bottom:none;}
.archive .content .left a.tag:hover {text-decoration:underline;border-bottom:none;}
.archive .content .left a.tagweight1 {font-size:3em;line-height:.9333em;}
.archive .content .left a.tagweight2 {font-size:2.4em;line-height:1.667em;}
.archive .content .left a.tagweight3 {font-size:2em;line-height:1.4em;}
.archive .content .left a.tagweight4 {font-size:1.6em;line-height:1.75em;}
.archive .content .left a.tagweight5 {font-size:1.2em;line-height:2.333em;}

.archive .content ul.right {padding-left:22px;width:210px;}
.archive .content ul.right ul {padding:0 0 0 18px;margin:5px 0 25px 0;}
.archive .content .right h4 {margin:0;padding:0;}
.archive .content .right h4 a {color:#624036;font:bold 1.4em Georgia,sans-serif;text-decoration:none;border-bottom:none;}
.archive .content .right h4 a:hover {text-decoration:underline;border-bottom:none;}
.archive .content .right a {font-size:1em;text-decoration:none;border-bottom:none;}
.archive .content .right a:hover {border-bottom:none;}
.archive .content .right h5 {color:#75574E;font:bold 1.2em/1.5em Georgia,sans-serif;display:inline;}
.archive .content .right a:hover h5 {text-decoration:underline;}

.sidebar .logo {margin-bottom:25px;}
.sidebar div {margin-top:35px;margin-left:2px;width:207px;}
.sidebar span.title {font:normal bold 1.15em Georgia,serif;color:#744F3D;text-transform:uppercase;letter-spacing:.1em;background:transparent url(/content/sidebar_embellish.png) no-repeat right top;padding:0 60px 0.36em 0;margin-left:3px;}
.sidebar p {color:#777;margin:3px 10px 3px 4px;font-size:1.1em;line-height:1.45em;}

.sidebar .recent ul, .sidebar .recent li {list-style:none;list-style-type:none;margin:0;padding:0;}
.sidebar .recent h4 {font-size:1em;}
.sidebar .recent li {margin:6px 0;padding-left:17px;background:transparent url(/content/bullet_arrow_right.gif) no-repeat left .3em;}
.sidebar .recent li a {font:normal 1.2em Helvetica,Arial,sans-serif;color:#333;border-bottom:dotted 1px #42251D;text-decoration:none;}
.sidebar .recent li a:hover {color:#42251D;border-bottom:solid 1px #42251D;}
.sidebar .recent li span.date {color:#777;display:block;margin-top:2px;}
.sidebar .author p a {padding-left:.5em;font-size:.9em;color:#555;text-transform:uppercase;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;text-decoration:none;}
.sidebar .author p a:hover {text-decoration:underline;}

.subnav ul, .subnav li {margin:0;padding:0;list-style:none;list-style-type:none;}
.subnav a {display:block;padding:.35em 0;font:normal bold 1.1em Georgia,serif;color:#777;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;}
.subnav li {padding-left:17px;background:transparent url(/content/bullet_arrow_right.gif) no-repeat left center;}
.subnav li.selected {background-image:url(/content/bullet_arrow_left.gif);margin-left:-3px;padding-left:20px;}
.subnav a:hover, .subnav li.selected a {color:#744F3D;}
.subnav li.selected a span.amp {padding:0;background:none;}

div.comments {text-align:center;background:#FFF url(/content/foot_hr.gif) no-repeat center top;padding-top:20px;clear:both;}
div.comments .title {display:block;color:#42251D;font-style:italic;font-size:1.4em;font-weight:bold;font-family:Georgia,serif;line-height:1.43em;letter-spacing:-.05em;}
div.comment {display:block;text-align:left;background:transparent url(/content/comment_bg.gif) no-repeat;padding-top:10px;margin:10px auto 0 auto;width:435px;}
.comment .controls {float:right;}
.comment .content {background:transparent url(/content/comment_bg.gif) no-repeat left bottom;padding:0 12px 12px 12px;margin:0;width:auto;}
.comment .content a {display:inline;color:#624036;font-style:italic;font-weight:bold;font-size:1.2em;font-family:Georgia,serif;margin-right:.2em;}
.comment .content span.date {float:none;}
.comment .content p {clear:both;color:#333;margin-top:3px;padding-top:3px;font-family:Verdana,Geneva,sans-serif;font-size:1.2em;line-height:1.33em;}
.comment .content p code {background-color:#FFFFFF;border-top:solid 1px #CCCCCC;display:block;font-family:Lucida Console,Monaco,monospace;font-size:1em;margin-top:6px;padding:5px;}
.comment .content p em, .comment .content p i {font-style:italic;}
.comment .content p strong, .comment .content p b {font-weight:bold;}


.form {background:transparent url(/content/addcomment_bg.gif) no-repeat;padding-top:5px;margin:10px auto 0 auto;width:435px;}
.form .content {background:transparent url(/content/addcomment_bg.gif) no-repeat left bottom;padding:0 5px 5px 5px;margin:0;width:auto;}
.form .content input, .form .content textarea {border:none;margin:0;}
.form .content .textbox {background:transparent url(/content/input_bg.gif) no-repeat;margin-bottom:.5em;}
.form .content .textbox .content {background:transparent url(/content/input_cap.gif) no-repeat left bottom;padding:4px;}
.form .content .textbox .content input {width:157px;border-width:0;}
.form .content .textarea {background:transparent url(/content/textarea_bg.gif) no-repeat;margin-top:1em;}
.form .content .textarea .content {background:transparent url(/content/textarea_cap.gif) no-repeat left bottom;padding:4px;}
.form .content .textarea .content textarea {width:262px;border-width:0;}
.form .content label {font-size:1em;color:#555;text-transform:uppercase;margin-bottom:1em;}

fieldset.remember {float:right;border-left:solid 1px #CCC;padding:9px 18px;width:195px;}
fieldset.remember p {font-size:1.2em;line-height:1.33em;color:#555;margin-bottom:1em;}
fieldset.submit {clear:both;margin-top:8px;}
div.instructions {float:right;width:145px;margin-top:1em;}
div.instructions p {margin-bottom:.5em;color:#333;font-style:italic;}
div.instructions ul, div.instructions ul li {list-style:none;list-style-type:none;margin:0;padding:0;}
div.instructions li {font-size:1em;color:#555;text-transform:uppercase;}
div.instructions a {color:#744F3D;border-bottom:dotted 1px #744F3D;text-decoration:none;}
div.instructions a:hover {color:#42251D;border-bottom:solid 1px #42251D;}

.form fieldset.remember input {margin-left:1em;margin-right:.2em;float:left;}
.form fieldset.remember label {float:left;}

.form div.button {background:transparent url(/content/button_bg.gif) no-repeat left bottom;padding:0 0 1px 1px;margin-right:5px;float:left;display:inline;}
.form .button input {background:transparent url(/content/button_border.gif) no-repeat right top;padding:4px 8px 3px 7px;margin:0;border:none;width:auto;}

.requirements, .requirements li {list-style:none;list-style-type:none;}
.requirements li {background:transparent url(/content/statusok.gif) no-repeat 5px .5em;padding:4px 5px 3px 27px;}

.foot {font-size:1em;line-height:1.5em;color:#777;padding-bottom:20px;margin:20px 30px;width:553px;clear:both;}
.foot a {color:#8B8A78;text-decoration:none;border-bottom:dotted 1px #8B8A78;}
.foot a:hover {color:#777;border-bottom:solid 1px #777;background-color:#EFEFEF;}

div.hr {height:6px;width:100%;background:#FFF url(/content/hr.gif) no-repeat center top;margin:7px 0;}
.date {font-size:1em;color:#999;text-transform:uppercase;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;}
.date span.lower {text-transform:lowercase;}
.clear {clear:both;visibility:hidden;width:0px;height:0px;overflow:hidden;}
span.amp {font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-style:italic;font-size:1.2em;line-height:.833em;font-weight:normal;margin-left:.05em;padding:0;background:none;}
a.download {background:transparent url(/content/download.gif) no-repeat right top;padding:0 21px 3px 0;text-decoration:none;}
a.download span {border-bottom:dotted 1px #624036;color:#624036;}
a.download:hover span {border-bottom:solid 1px #42251D;color:#42251D;}
div.feedback {width:415px;padding:10px;margin:10px auto 0 auto;font:italic bold 1.2em Helvetica,Arial,sans-serif;letter-spacing:-.03em;color:#000;border-top:solid 3px #CCC; }

#twitter {font:italic normal 2em/.92 Georgia,serif;color:#666;margin-left:3px;}
#twitter .salutation, #twitter a {font-size:.7em;font-weight:bold;text-transform:uppercase;color:#999;}
#twitter a {text-decoration:none;border-bottom:dotted 1px #999;}
#twitter a:hover {border-bottom:solid 1px #999;}
#twitter .salutation a {font-size:1em;}
#twitter a.date {font-size:.5em;line-height:2.2em;font-style:normal;display:block;text-align:right;text-decoration:none;color:#888;border:none;}
#twitter a.date:hover span {text-decoration:underline;}

#flickr img {float:left;margin:5px;padding:4px;border:solid 1px #CCC;background-color:#F7F7F7;}
#flickr a:hover img {background-color:#E1DEC8;}