/* defaults */
body { margin: 0px; background: #ffffff; }
table { border-style: none; border-collapse: collapse; }
td, th { background: inherit; padding: 0; vertical-align: top; text-align: left; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
img { margin: 10px; border: 0; }
a, a:visited { color: #000080; }
a:hover { background: #ccccee; color: #000000; }
p { margin: 15px 0; }
hr { border-width: 0; height: 1px; background-color: #cccccc; color: #cccccc; }

/* the big picture */
table.main { width: 750px; }
td.left { width: 180px; padding: 5px 0 0 0; }
td.content { padding: 10px 20px 0 10px; width: 570px; border-left: 1px solid #cccccc; }

/* layout helper */
a.logo, a:link.logo, a:visited.logo { display: block; padding: 5px 5px 5px 12px; color: #333399; font-size: 26px; font-weight: normal; text-decoration: none;}
div.lang { padding: 10px; color: #333399; font-size: 11px; font-weight: normal; text-align: right; }
a.lang, a:visited.lang, a:hover.lang { color: #333399s; text-decoration: none; }
td.header { background-color: #ffffff; background-image: url('/images/header/shadow_img_white.jpg'); background-repeat: no-repeat; }
td.logo { background-color: #ffffff; background-image: url('/images/header/shadow_logo_white.jpg'); background-repeat: no-repeat; }
img.header { margin: 0 10px 10px 0; padding: 0; }
div.leftforce { margin: 0px; padding: 1px 90px; }
div.copyright { margin: 40px 0px 20px 0px; font-size: 12px; }
div.lastupdate { font-size: 10px; }

/* navigation */
a.nav, a:link.nav, a:visited.nav { display: block; width: auto; padding-right: 5px; text-decoration: none; white-space: nowrap; }
a.active { font-weight: bold; }
a.current { background: #dddddd; }
a.section, a:link.section, a:visited.section, div.section { margin: 0px 5px 5px 5px; background: #f8f8f8; border: 1px solid #dddddd; }

a:hover.section { background: #ccccee; }
a.level1 { padding: 3px 6px; font-size: 14px; }
a.level2 { margin: 2px 2px; padding-left: 25px; font-size: 13px; }
a.level3 { margin: 0px 2px; padding-left: 45px; font-size: 12px; }

/* content items */
h1 { margin-top: 0; font-size: 16px; clear: both; }
h2 { margin-top: 10px; font-size: 15px; color: #333333; clear: both; }
h3 { margin-top: 10px; font-size: 13px; color: #666666; }

table.infobox { width: 100%; }
td.infoboxheader { padding: 2px 5px 2px 5px; background: #eeeeee; border: solid 1px #cccccc; font-weight: bold; }
td.infoboxbody { padding: 5px; border: solid 1px #cccccc; font-family: monospace; }
div.noticeheader { padding: 2px 5px 2px 5px; background: #eeeeee; border: solid 1px #cccccc; font-weight: bold; }
div.noticebody { padding: 5px; border: solid 1px #cccccc; }

table.sheet { border: 1px solid #cccccc; clear: both; }
table.sheet th { padding: 2px 10px; background: #eeeeee; }
table.sheet td { padding: 2px 10px; border-top: 1px solid #cccccc; }

td.sideimages { padding-top: 0; }
td.picture { padding-top: 10px; } /* for text next to pictures */
img.sideimage { margin: 0 0 5px 15px; }
img.bigpicture { margin: 0; border: 0px; }

div.pager { margin: 5px 0; }

cite { font-style: italic; color: #333333; }
pre { border: 1px solid #cccccc; background: #eeeeee; padding: 10px; }
dl.faq dt { font-weight: bold; }
dl.faq dd { margin-bottom: 1em; }

div.commentheader { margin-top: 20px; padding: 5px; background: #eeeeee; border-top: 1px solid #cccccc; font-weight: bold; }
div.commententry { padding: 5px; margin: 5px 0; border: 1px solid #cccccc; }
div.commentfooter { padding: 5px; background: #eeeeee; border-bottom: 1px solid #cccccc; }

/* main page specific */
a.home, a:visited.home, a:hover.home { text-decoration: none; background: none; color: #000000; }
a:hover.home h2 { background: #ccccee; }
table.home { width: 560px; }
table.home td { width: 50%; }
h2.home { margin: 0 0 10px 0; }
table.home img { margin: 5px; }
table.home p { margin: 7px 0 0 0; color: #808080; }
#projects { padding: 0 10px 0 0; border-right: 1px solid #cccccc; }
#photographs { padding: 0 0 0 10px; }
#rss { margin: 0;  float: right; }

/* blog specific */
div.blog h2 { clear: left; }
div.blog img { margin: 0; clear: both; }
div.blog img.thumb { margin: 0 0 10px 10px; float: right; clear: right; }
div.blogdivider { margin: 10px 0 20px 0; border-bottom: 1px solid #cccccc; clear: both; }
span.blogcategory { font-size:10px; font-weight: normal; }