body
{
 text-align: center;
 background-color: #eec;
 margin: 0;
 padding: 0;
}

h1
{
 width: 25%;
 float: left;
 min-height: 100%;
 min-width: 151px;
 text-align: center;
 margin: 0 0 1em;
 padding:  0;
 line-height: 1;
/* overflow-x: auto;
 overflow: hidden; */

}

h1 small
{
 font-style: italic;
 font-size: 56%;
 max-width: 100%;
 line-height: .66;
}

h1 img
{
 margin: .5em auto;
 border: none;
 max-width: 100%;
 height: auto;
}

h1 img.logo:hover, h1 a:hover
{
 background-color: white;
}

div.thumb
{
 margin-left: 25%;
 margin-top: 3em;
 min-width: 300px;
}

div.thumb a
{
 display: inline-block;
 width: 150px;
 text-decoration: none;
 border: 1px solid black;
 padding: 1em;
 margin: 0 1em 1em;
 background-image: url(sp/wallcovering.gif);
 background-color: #ffd;
 color: black;
}

div.thumb a img
{
 border: 1px solid black;
}

div.thumb a:hover
{
 color: red;
}

.meta
{
 width: 25%;
 float: left;
 clear: left;

}

.meta a
{
 display: block;
/* background: #fff; */
}

.meta p
{
 text-align: center;
 text-indent: 0;
}

#all
{
 margin-left: 25%;
}


#intro
{
 padding: 2em;
 text-align: left;
 width: 60%;
 max-width: 37em;
 margin: 0 auto;
}

p
{
 line-height: 1.5;
 max-width: 37em;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 padding: 0 1em;
}

p+p
{
 text-indent: 2em;
 margin-top: .125em;
}

div.thumb p.a,
div.thumb p a
{
 text-align: center;
 border: none;
 padding: 0;
 margin: .75em auto;
 background: #eec;

}

div.thumb p a
{
 display: inline;
 text-decoration: underline;
}