html, body { margin: 0; padding: 0; color: #262626; font-family: Georgia, serif; line-height: 1.5em }
#header { padding-left: 5%; background: #efefef url(/images/map.png) no-repeat top left; font-family: Skia, "Trebuchet MS", sans-serif; border-bottom: 3px solid #bbb }
#body { margin: 2em 8% 0 8%; height: 100% }
#footer { clear: both; font-family: Skia, "Trebuchet MS", sans-serif; padding: .5em; font-size: smaller; text-align: center }
#menu { display: inline; list-style: none }
#menu li { display: inline; padding-left: 1.5%; padding-right: 1.5%; text-transform: lowercase; _font-weight: bolder }
li#selected { background: #bf3a14 url(/images/menu_arrow.gif) no-repeat center bottom; color: white; padding: .5em .35em 1.7em .35em }
#header a { text-decoration: none; color: #262626; border-width: 0 }
#header a:hover { text-decoration: none; color: #449fd8 }
#degrees { color: #777; width: 100%; float: right; text-align: right; margin: -50px 2% 0 0; border-width: 0 }
h1 { display: inline }
h1 span { display: none; }
h2 { clear: both; color: #bf3a14; font-size: 1.2em; font-family: "Cambria", Georgia; font-weight: lighter; background: transparent url(../images/border_top.gif) repeat-x top left; margin-top: 0; padding-top: 10px; border-bottom: 1px dotted white; margin-bottom: 0.2em }
h2 a { border-width: 0; color: #bf3a14 }
h3 { color: #bf3a14; font-size: 1em }
dd { margin: 1em; }
ul { margin-left: 0 }
a { color: #449fd8; text-decoration: none }
a:hover { color: #bf3a14 }
a.more { font-size: 1.1em }
a img { border-width: 0 }
p { text-align: justify }
abbr { cursor: help; border-bottom-color: #ddd }
samp { background-color: #ffffcc; font-family: Courier; font-size: 95% }
hr { margin: 0; margin-top: 3px; border-width: 0; border-bottom: 3px solid #bbb; clear: both; width: 100% }
input, textarea { border: 2px solid #ccc; padding: 0.2em; color: #449fd8; background: transparent url(/images/drop.png) no-repeat 0 0; font-family: Monaco, sans-serif; font-size: .7em }
table { border-spacing: 0; margin: .5em 0 .5em 0 }
th { color: #bf3a14; text-align: left;font-weight: normal }
th a { color: #bf3a14 }
td.xsmall { width: 1.6em }
td.small { width: 2.8em }
td.middle { width: 4.7em }
table#archive td { border-top: 1px solid #bbb }
.button { background-image: none; background: #efefef url(/images/button_bg.gif) repeat-x top left; font: .9em Skia, "Trebuchet MS", sans-serif }
.button:hover { color: #2987C2; background: url(/images/button_bg_hover.gif) }
.counter { margin-right: .3em }
.meta { font-size: smaller; color: #777; margin: 0 }
table.data td { padding-right: .5em; border-bottom: 1px dotted #bbb; }
table.data em { color: gray; }
td.meta { text-align: right }
.spam_comment { color: #ca2025 }
.label { color: #777; font-size: smaller; font-family: Skia, "Trebuchet MS", sans-serif }
.edit { font-size: smaller; color: #449fd8 }
.ext { background: url(/images/ext.gif) no-repeat right center; padding-right: 11px; }
.tags { color: #bbb; display: block; font-size: smaller }
.highlight { background-color: #ffffcc }
.center { text-align: center }
.error404 { background-color: #ffffcc; font-family: Courier; text-align: left; display: inline; padding: .2em }
.cloud1 { font-size: .8em }
.cloud2 { font-size: 1em }
.cloud3 { font-size: 1.2em }
.cloud4 { font-size: 1.4em }
.cloud5 { font-size: 1.6em }
div.comment { font-size: .8em; line-height: 1.2em; clear: both; margin-bottom: 1em }
div.comment img { float: left; margin: .2em .5em 0 .1em }
.me { background-color: #ffffdd }
h3.author { margin: 0 0 .2em 0; color: #262626; width: 100%; overflow: hidden; display: block }
a.comment .url { display: none; color: #777; font-weight: normal }
a.comment:hover .url { display: inline }
p.comment { text-align: left; margin: 0 }
.reaction_time { clear: both; margin: 0; text-align: right; color: #777 }
#column1, #column2, #column3, #column4, #column5, #column6 { border-left: 2px solid #ccc; border-right: 2px solid #ccc; margin-left: -2px; float: left; width: 29%; padding: 0 2%; height: 100%; margin-bottom: 1em }
#column1 { border-left-width: 0 }
#column3 { border-right-width: 0 }
#column4 { border-left-width: 0; width: 58% }
#column5 { border-left-width: 0; width: 46% }
#column6 { border-right-width: 0; width: 46% }
img#cup { float: right; margin-top: .8em; margin-left: .7em }
#search { background-image: url(/images/loupe.png); border-width: 0; width: 20px; height: 21px; cursor: pointer }
#search span { display: none }
div#me { display: none }
#footer a { color: gray }
#footer p#cc { margin: 0; padding-left: 14px; background: transparent url(/images/cc.gif) no-repeat center left }
ul.inline { padding: 0; } 
ul.inline li { line-height: 1.8em; display: inline; list-style: none; margin-right: .2em; }
ul.social_graph { list-style-type: none; margin: 0; padding: 0; }
ul.social_graph li img { vertical-align: -10%; }
span.social_graph { color: #bf3a14; font-size: smaller; font-family: Skia, "Trebuchet MS", sans-serif; }
ul#icons { list-style-type: none; margin: 0 }
ul#icons li { margin: 0 0.5em; _display: inline }
ul#icons a { height: 11px; width: 16px; display: block; overflow: hidden; background-position: top left; border-width: 0; background-repeat: no-repeat; float: right }
ul#icons a:hover { background-position: 0 -11px }
ul#icons span { display: none }
ul#meta { list-style-type: none; padding: 0 }
ul#meta span.label { color: gray; font-family: Skia, "Trebuchet MS", sans-serif }
a.rss { background-image: url(/images/rss.gif) }
a.xml { background-image: url(/images/xml.gif) }
a.json { background-image: url(/images/json.gif) }
a.delicious { background-image: url(/images/delicious.gif) }
div#flash { text-align: center; margin-top: 1.7em; }
div#flash p { font-family: Skia, "Trebuchet MS", sans-serif; font-size: smaller; display: inline; -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; padding: .5em }
div#flash p.notice { background-color: #fad163 }
div#flash p.error { background-color: #bf3a14; color: white }
div.photo { margin: .6em; background: transparent url('/images/frame_photo.png') no-repeat left top; width: 96px; height: 112px; float: left }
div.album { margin: .6em .6em 1.8em .6em; background: transparent url('/images/frame_album.png') no-repeat left top; width: 100px; height: 104px; float: left }
div.photo img, div.album img { position: relative; top: 10px; left: 9px; border-width: 0; width: 75px; height: 75px }
p.title { font: .8em Skia, "Trebuchet MS", sans-serif; margin-top: 2em; text-align: center }
table#archive { table-layout: fixed; width: 100%; border-bottom: 1px solid #bbb; }
td.expand { white-space: nowrap; overflow: hidden; empty-cells: show; width: 70%; border-top: 1px solid #3d3d3d; color: #b6bfbf; font-size: 1em }
td#archive_link { background-color: #efefef;  text-align: center; }
td#archive_link a { color: #bf3a14; }
.float_image { float: left; margin: 1em .4em 0 0 }
table.post th { padding: .2em .6em .2em .6em; border-bottom: .2em solid #bbb }
table.post td { padding: .2em .6em .2em .6em }
tr.footer td { background-color: #efefef; border-top: 2px solid #bbb }
.hidden { display: none; }
table.photo_stats { font-size: smaller; margin-bottom: 1em; }
table.photo_stats th { color: #262626; border-right: 2px solid #ccc; padding-right: .3em; }
table.photo_stats td { padding-left: .3em; }
#fblogin { position: relative; top: 5px; }
img.blog_left { float: left; border: 1px solid #dfdfdf; padding: 5px; margin-right: .5em; }
