html, body { background: #fffdee }
body { margin: 0 }
a:link { color: #00c }

div.top { 
   background: #fffdee; /* url(/trove/gradient) 0 100% repeat-x; */
   padding: 0 0 50px 0; font: 1em/1.5em Georgia
}

div.body { 
   font: 16px Georgia, serif; 
   margin: 0 auto; max-width: 800px; 
   background: url(/trove/garden) no-repeat 15px 0
}

h1 { 
   margin: 0; padding: 0; 
   padding-top: 30px; 
   padding-bottom: 15px; 
   text-align: center
}

div.translucent { 
   background-color: #fff; filter: alpha(opacity=80); 
   -moz-opacity: 0.8; opacity: 0.8; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px; 
   margin: 0 auto; max-width: 625px; 
   margin-bottom: 25px; 
}

div.summary { 
   color: #222; filter: alpha(opacity=100); 
   -moz-opacity: 1.0; opacity: 1.0; 
   font: 1.35em Georgia; 
   padding: 1em 0.5em; 
   text-align: center
}

td { width: 50%; vertical-align: top }

td div.blob { 
   color: #222; padding: 1em 2em; 
   background-color: #fffefe; 
   -moz-border-radius: 15px; 
   -webkit-border-radius: 15px; 
   border-radius: 15px
}

td.left div.blob { margin: 0 0.5em 0.8em 0 }
td.right div.blob { margin: 0 0 0.8em 0.5em }

td.a div.blob { border: 2px solid #d0e0e0 }
td.b div.blob { border: 2px solid #e0d0d0 }
td.c div.blob { border: 2px solid #e0d0e0 }
td.d div.blob { border: 2px solid #d0e0d0 }
td.e div.blob { border: 2px solid #d0e0e0 }
td.f div.blob { border: 2px solid #e0d0d0 }

div.blob h2 { 
   font-size: 1.35em; font-weight: normal; 
   margin: 0; padding: 0
}

div.blob p { margin: 0.8em 0 0 0; padding: 0 }

div.blob p.icon { 
   float: left; margin: 0 1.2em 0 0; 
   padding: 0.9em 0 0 0
}

div.hack { clear: left }

div.bottom { 
   font: 1em/1.5em Georgia; 
   background-color: #fffdee
}

div.bottom p { margin: 0 0 1.5em 0 }

div.bottom h2 { 
   font: 1.3em/1.4em Georgia; 
   background-color: #f5f3e5; 
   font-variant: small-caps; 
   letter-spacing: 0.1ex
}

div.content { 
   max-width: 750px !important; 
   margin: 0 auto
}

div.content table { 
   text-align: center; margin-top: -45px
}

div.content td.left { padding: 0 1.8em 0 0 }
div.content td.right { padding: 0 0 0 1.8em }

div.content table.menu a { 
   font-size: 1.1em
}

div.content h2 { margin: 2em 0 1.2em 0 }
h2.a { color: #d61d00 }
h2.b { color: #008000 }
h2.c { color: #0061a6 }
h2.d { color: #8f1ab6 }
h2.e { color: #ad532f }

.noddwyr { 
   color: #555; 
   border-top: 2px solid #eee; 
   border-bottom: 2px solid #eee; 
   margin: 1.5em 0; 
   text-align: center; 
   padding: 1.5em
}

.noddwyr a { 
   color: #5555f0; 
   text-transform: capitalize
}

.first { display: inline; }
.noddwyr .first table:before { 
   content: "Sponsored links: "; 
   margin-right: 0.3em; 
}

.noddwyr table, .noddwyr tbody, .noddwyr tr, .noddwyr td {
   display: inline; 
   margin: 0em; padding: 0em; 
   vertical-align: bottom; 
}

.noddwyr td:before { 
   content: "\002022 "; 
   margin-right: 0.3em; 
}

.noddwyr td { 
   margin-right: 0.5em; 
}

address { 
   background-color: #fffefb; 
   border: 1px solid #eee; 
   color: #222; min-height: 16px; 
   text-align: center; font-style: normal; 
   margin: 1.3em 0 3em 0; padding: 0.25em 0; 
   letter-spacing: 0.05ex; word-spacing: 0.1ex
}

address img { 
   vertical-align: middle; 
   padding-bottom: 2px; 
   border: 0 solid #fff
}

