/* global
--------------------------------------------- */

body {
	font-family: Georgia;
	color: #333;
	}

/* links */

a {
	color: #7c2250;
	text-decoration: none;
	}
a:hover {
	color: #190045;
	}


/* layout
--------------------------------------------- */

div.header, h2 {
  text-align: center;
  }
div#content {
  margin: 0 auto;
  width: 600px;
  }
div.section {
  margin-bottom: 30px;
  }
img.illo {
  margin-top: -9px;
  margin-bottom: 21px;
  margin-left: -110px;
  }
img.icon {
  margin: 24px 0 30px 274px;
  }


/* header
--------------------------------------------- */

div.header {
  position: relative;
  }
div.header p a.tagline {
  display: block;
  margin: 33px auto 18px;
  width: 403px;
  height: 23px;
  text-indent: -9999px;
	background: url(/issue3/stuff/tagline.png) no-repeat;
  }
div.header h1 {
  display: block;
  margin: 0 auto;
  width: 318px;
  height: 31px;
  text-indent: -9999px;
	background: url(/issue3/stuff/title.png) no-repeat;
  }
div.header p a.badge {
  display: block;
  position: absolute;
  top: -15px;
  right: -125px;
  width: 141px;
  height: 142px;
  text-indent: -9999px;
	background: url(/issue3/stuff/badge.png) no-repeat;
  }

/* section
--------------------------------------------- */

/* first */

div.section.first {
  margin-bottom: 30px;
  }
div.section.first p {
  font-size: 18px;
  line-height: 27px;
  }

/* video */

div.section.video p {
  margin-top: 9px;
  color: #666;
  font-size: 12px;
  text-align: right;
  }

/* contents */

div.section.contents h2 {
  display: block;
  margin: 0 auto 15px;
  width: 100px;
  height: 18px;
  text-indent: -9999px;
	background: url(/issue3/stuff/contents.png) no-repeat;
  }
div.section.contents dl {
  float: left;
  margin-right: 20px;
  width: 180px;
  font-size: 12px;
  line-height: 15px;
  }
div.section.contents dl.last {
  margin-right: 0;
  }
div.section.contents dl dt {
  margin-top: 12px;
  }
div.section.contents dl dd {
  color: #666;
  }

/* intro */

div.section.intro h2 {
  display: block;
  margin: 0 auto 24px;
  width: 140px;
  height: 19px;
  text-indent: -9999px;
	background: url(/issue3/stuff/introduction.png) no-repeat;
  }
div.section.intro div.column {
  float: left;
  margin-right: 32px;
  width: 284px;
  }
div.section.intro div.column.last {
  margin-right: 0;
  }
div.section.intro p {
  font-size: 14px;
  line-height: 18px;
  text-indent: 20px;
  }
div.section.intro p.byline {
  text-align: right;
  }

/* credits */

div.section.credits h2 {
  display: block;
  margin: 0 auto 15px;
  width: 82px;
  height: 22px;
  text-indent: -9999px;
	background: url(/issue3/stuff/credits.png) no-repeat;
  }
div.section.credits {
  clear: both; /* because IE was being weird */
  position: relative;
  }
div.section.credits dl {
  float: left;
  margin-right: 23px;
  width: 134px;
  font-size: 13px;
  line-height: 18px;
  }
div.section.credits dl.last {
  margin-right: 0;
  width: 284px;
  }
div.section.credits dl dt {
  margin-top: 12px;
  }
div#ad {
  clear: both;
  position: absolute;
  top: 191px;
	border: 1px solid #999;
	padding: 10px 10px 8px;
	width: 262px;
	color: #5c564d;
	background-color: #fff; 
	}
div#ad a {
  float: left;
  }
div#ad p {
  float: right;
	width: 132px;
	font-size: 12px;
	line-height: 15px;
	}
div#ad p.via {
  margin-top: 6px;
  }
div#ad p.via a {
	color: #888;
	}


/* footer
--------------------------------------------- */

div#footer {
	padding-bottom: 51px;
	color: #666;
	text-align: center;
	background-color: #ffffff;
	}
div#footer form {
	padding: 12px;
	color: #fff;
	font-size: 14px;
	background-color: #190045;
	}
div#footer form p {
	display: inline;
	}
div#footer form input.text {
	margin: 0 3px 0 10px;
	padding-left: 2px;
	color: #666;
	font-size: 12px;
	}
div#footer ul {
	margin-top: 36px;
	margin-bottom: 21px;
	font-size: 16px;
	}
div#footer ul li {
	display: inline;
	margin: 0 10px;
	font-weight: bold;
	}
div#footer p {
	font-size: 14px;
	line-height: 18px;
	}

/* hosting link */

div#footer p.hosting a {
	display: block;
	margin: 24px auto 0;
	width: 205px;
	height: 16px;
	text-indent: -9999px;
	background: url(/issue3/stuff/hosting.gif) no-repeat;
	}


/* self-clearing
--------------------------------------------- */

.group:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }