body { margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background-color: #242424; text-align: center; }


h1, h2, h3 { margin: 0 0 15px; padding: 0; font-weight: normal; }

h1, h2 { font-family: Georgia, Times, serif; }

h1 { font-size: 1.4em; }

h2 { font-size: 1em; font-style: italic; }

h3 { margin: 2em 0 .5em; border-top: 1px solid #333; padding: 1em 0 0; font-weight: bold; }

hr { margin: 2em auto; height: 1px; color: #7a7e7d; background-color: #7a7e7d;	border: none; }

small, .small {	font-size: 0.9em; }

a { text-decoration: none; color: #FFF; border-bottom: 1px #ccc solid; }

a img {	border: none; }

h1 a, h2 a, h3 a { border: none; }
h3 a { font: 1.5em Georgia, Times, serif; }

#site-name a { border: none; }


#container { width: 960px; margin: 10px auto 100px; text-align: left; }

#head {  }

#site-name { margin: 15px 0; font: 3em Georgia, Times, serif; }

#site-slogan { font: italic 1em Georgia, Times, serif; }

#content { margin: 0; padding-top: 30px; }

#content ul.tea { list-style: none; margin: 0 0 10px; padding: 0; overflow: hidden; }
#content ul.tea li { float: left; margin: 0 5px 0 0; }
#content ul.tea li a { border: 1px solid #eee; display: block; }

#content ul.tea img { width: 100px; height: 90px; }

.previous, .next { float: left; } 
.previous a, .next a { border: 0; float: left; border: 1px solid #444; padding: 5px 10px; margin: 5px 10px 5px 0; }
.previous a:hover, .next a:hover { background: #272727; }

.error-status { font: 1.3em Georgia, Times, serif; }

* html #content ul.tea,
* html #content ul.tea li { zoom:1; }