body { min-width: 760px; max-width: 1024px; margin: 0; padding: 0; color: #000000; background: #cfefff; font-size: 13px; }

div.top { padding: 0; margin: 0; }

p { margin: 0.4em 0; text-align: justify; }
p + p { text-indent: 1.5em; }
p.large { text-indent: 0;  margin: 1.4em 0em; }
a { text-decoration: none; }

.header { padding: 0; margin: 0; color: #000000; background: transparent; }
.header td { padding: 0; margin: 0; }
.logo { padding: 0; margin: 0; color: #000000; background: #a8866d url("/logo/matelijalogo-iso.jpg") no-repeat; }
.logo img { margin: 0; padding: 0; border: 0; }

.shortmenu { margin: 0.1em 0.2em; text-align: center; color: #000000; background: #bcc8cb url("./palkki.png") repeat; }
.shortmenu a:link { color: #000000; background: inherit; }
.shortmenu a:visited { color: #000000; background: inherit; }
.shortmenu a.active { color: #000000; background: inherit; }
.shortmenu a:hover { color: #590f05; background: inherit; }
.line { height: 10px; color: #000000; background: #775e3e url("./viiva.png") repeat; }

.menuframe td { padding: 0; }
.menu { color: #000000; background: #ffffff; }
.menu th { padding: 0.05em 0.6em; text-align: center; color: #000000; background: #cfcfcf; }
.menu td { padding: 0; }
.menu a { padding: 0.05em 0.6em; display: block; }
.menu a:link { color: #000000; background: #ffffff; }
.menu a:visited { color: #000000; background: #ffffff; }
.menu a.active { color: #000000; background: #f0f0f0; }
.menu a:hover { color: #003f77; background: #f0f0f0; }
.menu img { border: 0; }
.menu i {  padding: 0.05em 0.6em; display: block; font-style: normal; color: #888888; background: #ffffff; }
.menu em {  padding: 0.05em 0.6em; display: block; font-style: normal; color: #000000; background: #e0e0e0; }

.addvert { color: #000000; background: #ffffff; }
.addvert th { padding: 0.05em 0.6em; text-align: center; color: #000000; background: #cfcfcf; }
.addvert td { padding: 0; }
.addvert a { color: #000000; background: #ffffff; padding: 0; display: block; }
.addvert img { border: 0; }

table.contents { color: #000000; background: #ffffff; }
table.contents td { padding: 0; }

div.content a { font-weight: bold; }
div.content a:link { color: #003f77; background: #ffffff; }
div.content a:visited { color: #002f67; background: #ffffff; }
div.content a:active { color: #00b7ee; background: #ffffff; }
div.content a:hover { color: #205fc7; background: #f0f0f0; }
div.author { clear: both; }

table.list { padding: 0.1em 0; }
table.list td { padding: 0; }
table.list a { font-weight: normal; }

table.food { padding: 0.1em 0; }
table.food td { text-align: center; }


td.none { 
  border: 2px outset black; 
  font: small monospace; white-space: pre;
  text-align: center; color: #000000; background: #cccccc;
}
td.bad  { 
  border: 2px outset red; 
  font: small monospace; white-space: pre;
  text-align: center; color: #000000; background: #ffbbbb;
}
td.mode { 
  border: 2px outset yellow; 
  font: small monospace; white-space: pre;
  text-align: center; color: #000000; background: #ffff88;
}
td.good { 
  border: 2px outset green; 
  font: small monospace; white-space: pre;
  text-align: center; color: #000000; background: #bbffbb;
}

table.msg { padding: 0.1em 0; }
table.msg td { padding: 0; }
a.msghdr img { color: #000000; background: #eeeeee; }

.clear { clear: both; }
img.shortcut { float: left; }
table.album td { clear: both; vertical-align: top; }
.photo720 { width: 722px; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; }
.photo640 { width: 642px; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; }
.photo360 { width: 362px; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; }
.photo320 { width: 322px; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; }
.photo180 { width: 182px; margin: 0; padding: 0.1em 0.1em 0.1em 0.1em; }
.photo160 { text-align: center; width: 182px; margin: 0; padding: 0.1em 0.1em 0.1em 0.1em; }

.photo480 { width: 482px; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; }
.photo240 { width: 242px; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; }
.photo120 { width: 122px; margin: 0; padding: 0.1em 0.1em 0.1em 0.1em; }

.thumb360 { clear: both; float: right; width: 362px; margin: 0 0 0.2em 0.8em; padding: 0; }
.thumb320 { clear: both; float: right; width: 322px; margin: 0 0 0.2em 0.8em; padding: 0; }
.thumb240 { clear: both; float: right; width: 242px; margin: 0 0 0.2em 0.8em; padding: 0; }
div.caption { font-style: italic; font-size: smaller; margin: 0; padding: 0; text-indent: 0; text-align: center; }

li { padding: 0.3em 0; }

h1 { clear: both; color: #111b22; background: #cfcfcf; margin: 0; padding: 0.3em 0.5em; }
h2 { clear: both; color: #111b22; background: #efefef; margin: 1em 0; padding: 0.1em 0.1em; }
h3 { clear: both; color: #111b22; background: #ffffff; margin: 1em 0; padding: 0.1em 0; }

p:hover a {
text-decoration: underline;
}