body {
font: 13px/20px "Lucida Grande", Verdana, sans-serif; padding: 20px;
background-color: #eee;
}

/* Headings
 * --------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #111; }

/* Text Elements
 * --------------------------------------------------------------------- */
a                 { color: #125AA7; }
a:hover           { color: #000; }
blockquote        { color: #666; }

pre {
  background: #eee;
  border:     1px solid #ddd;
}

hr {
  background: #B2CCFF;
  color:      #B2CCFF;
}

/* Tables
 * --------------------------------------------------------------------- */
table {
  border-top:     1px solid #ddd;
  border-left:    1px solid #ddd;
}
th,td {
  border-bottom:  1px solid #ddd;
  border-right:   1px solid #ddd;
}

/* Default Classes
 * --------------------------------------------------------------------- */
p.quiet { color: #666; }
.alt    { color: #666; }

p.title {
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2em;
  margin-bottom: 0.75em;
}
div.box { font-size: 11px;background-color: #FBEEC0;color:#444;}
div.box a { color: #222;}
#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
div.content { padding: 10px;}
span.loud {
	font-weight: bolder;
}
div.card {
	background-color: #fff;
	position: absolute;
	top: 10%;
	left: 35%;
	width: 500px;
	margin: auto auto;
	border: 1px solid #999;
	overflow: auto;
	padding: 5px;
}
div.card img {
float: left;
margin: 10px;
}
div.card div {
float:left;
}
/* EOF */