/* i loathe and suck at styling – if it looks offendingly screwy in something standards-compliant, then i'll humbly take comments, preferably with suggestions */

html {
  margin-left: 1em; margin-right: 1em;
  margin-top: 0.5em; margin-bottom: 0;
  border: thick solid #fdf1ff;
  background-color: #c1b3b8;
}

.noggin {
  text-align: center;
}

.noggin h1 {
  letter-spacing: 0.5em;
  text-transform: lowercase;
}

.noggin h2 {
  font-style: italic;
  font-weight: lighter;
}

img.blam /* cheap advertising, you're lyin' … */  {
}

.dash {
  clear: both;
}

ul.dash {
  list-style-type: none;
  list-style-position: inside;
}

/* this doesn't quite create the safely centered list I'm looking for – can't figure exactly where the side margins are coming from */
.dash.two-col .panel {
	width: 47%;
}

.dash .panel {
	/* border: thin solid red;*/ /* debug */
  float: left;
  padding: 0.3em;
}

.panel h3 {
  text-transform: lowercase;
  text-align: center;
}

/* an idea…
.panel h3 a:link {
  text-decoration: none;
}
*/

/* temporary while they're empty to make validator happy */
.panel ul.stub {
  display: none;
}

hr.crack {
  margin-left: 15%;
  margin-right: 15%;
  clear: both;
}

.arse {
  font-size: smaller;
  padding-top: 2em;
}

ul.meta {
	list-style-type: none;
  text-align: right;
}