body { text-align: left; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4;}

body, textarea, input { font-family: Georgia, "Times New Roman", Times, serif; }
body { font-size: .8em; }

a { color: black; text-decoration: none; border-bottom: .2em solid red; }
a:visited { border-bottom: .1em dotted #333;}


#leaf { margin: 6em 6em 9em 9em; }
#works { margin-left: -2em; margin-top: 2em; }
#works div { width: 17em; height: 17em; float: left;  }
#works div img {  }

#works a {border:0;}

em { font-style: italic; }
.clear { clear: both; }

.header, .footer { width: 520px; font-size: 100%; }
.footer { margin-top: 3em; color: #5d5d5d; }

h1 {font-size: 300%;}
h2 {font-size: 200%;}


.back {float:left; margin-left: -8em; margin-top: .5em; }
.forward {float: right; margin-right: 2em; margin-top: .5em;}
.back a, .forward a {text-decoration: none; padding: .1em .2em .2em .2em; color: black; border: none;}
.back a:hover, .forward a:hover { color: red; }

.work-item { margin-top: 3em;  width: 900px; clear: both; text-align: left; background-color: white; background-image: url(/img/bg-line-lite.png);  background-repeat: repeat-x; }
.work-item.notext { background-color: white; text-align: center; }
.work-item .text { padding: 2em 3em 2em 0; float: left;  text-align: left; font-style: italic;  background-image: url(/img/bg-line.png); background-repeat: no-repeat;}
.work-item .text p { width: 160px; }
.work-item .image {  margin: 2em 0 3em 0em;  }

.lang { float: right; font-size: 100%; font-weight: bold; padding: 1.5em 1em; text-align: center; line-height: 2; background-color: black; color: white; }
.lang a { padding: .2em; color: white; }
.lang a:visited { border-bottom-color:white; }

#connect-form { background: url(/img/connect-bg.gif) no-repeat; width: 300px; height: 300px; position: absolute; top: 0; left: 0; display: none;}

a#connect.clicked { background-color: black; color: white; border: 0; padding: .3em .3em; }

#connect-form div { margin-top: 82px; margin-left: 25px; }
#connect-form div form { width: 247px; height: 160px; text-align: center;}
#connect-form input, #connect-form textarea { margin-bottom: 10px; padding: 2px;}
#connect-form input.text, #connect-form textarea { border: 0; border-bottom: 2px solid white; background-color: black; color: white; width: 100%; font-style: italic; }
#connect-form input.focus, #connect-form textarea.focus { background-color: #424242; }

#connect-form h2 { color: white; }
#connect-form a { color: red; }