@import url("reset.css");
html{ overflow: auto; }
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */
	font-family: arial, verdana, sans-serif;
	font-size: small;
	voice-family: inherit;
}
body {
	margin: 0 auto;
}
br { clear: both; }
p { line-height: 140%; padding: 4px 0 14px 0; }
h1, h2 {
	color: #333;
	font-family: "trebuchet ms",sans-serif;
	font-weight: bold;
}
h1 { font-size: 180%; }
h2 {
	font-size: 140%;
}
h3 { font-size: 120%; padding: 0 0 4px; }
dl { padding: 10px 0 0; }
dl dt { font-weight: bold; }
.add-colons dt:after { content: ":"; }
.thumbimgs a img{ border: 2px solid; height: 192px; width: 256px; margin: 0 8px 16px; visibility: visible; }
.style-img-link{
	margin-bottom: 32px;
	text-align: center;
}
.style-img-link a{ visibility: hidden; }
.style-img-link h3{ text-align: left; }
.fullimg {
	display: block;
	margin: 13px auto 0;
	text-align: center;
	width: 700px;
}
.style-imgnav { margin-bottom: -15px; padding-top: 15px; }
.invalid-link { color: #666 }
#footer img {
	border: 0;
	margin: 5px 0 5px 5px;
	vertical-align: middle;
}
.error-img {
	background: transparent url("../images/warn.png") no-repeat center left;
	padding: 3px 0 3px 25px;
	margin: 10px 0 -3px;
}
.error-img span {
	background: transparent url("../images/warn.png") no-repeat center right;
	padding: 3px 25px 3px 0;
}
/*.style-img-link a {
	float: left;
	margin: 0 1.44em 2.81em;
}*/
.prev, .prevd { float: left; margin: -3px 0; padding: 3px 0; text-align: left; width: 33%; }
.prev a, .prevd span { margin: -3px 0; padding: 3px 0 3px 25px; }
.prevd span { background: transparent url("../images/go-previous-disabled.png") no-repeat center left; }
.back { float: left; margin-top: -22px; padding-top: 22px; text-align: center; width: 34%; }
.next, .nextd { float: left; margin: -3px 0; padding: 3px 0; text-align: right; width: 33%; }
.next a, .nextd span { margin: -3px 0; padding: 3px 25px 3px 0; }
.nextd span { background: transparent url("../images/go-next-disabled.png") no-repeat center right; }
.dl-link-pad { margin-bottom: 28px; }
li ul { list-style-type: disc; }
.table-style {
	border-collapse: collapse;
	margin-bottom: 15px;
	text-align: left;
}
.table-style th, .table-style td {
	border: #666 solid 1px;
	padding: 5px;
}
.table-style td { background: transparent; }
code, pre { font-size: 12px; }
#banner h1 { display: none; }
.none{ display: none; }
#changes-style { width: 100%; height: 400px; }
#src { margin: -3px 0; padding: 3px 0 3px 25px; background: transparent url("../images/c-src.png") no-repeat center left; }
#lin { margin: -3px 0; padding: 3px 0 3px 25px; background: transparent url("../images/tux.png") no-repeat center left; }
#win { margin: -3px 0; padding: 3px 0 3px 25px; background: transparent url("../images/win.png") no-repeat center left; }
#mac { margin: -3px 0; padding: 3px 0 3px 25px; background: transparent url("../images/finder.png") no-repeat center left; }
#desura { margin: -3px 0; padding: 3px 0 3px 25px; background: transparent url("../images/desura.png") no-repeat center left; }

/* CSS image over code */
div.shot{
  position: relative;
  overflow: hidden;
}
div.shot a{ line-height: 0; margin: 0; padding: 0; }
div.shot img{ border: none; }
div.controls a{
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background: transparent url("../images/bg-next.gif") no-repeat center center;
  opacity: 0;
}

div.controls a span{ display: none; }
div.controls a.previous{
  left: 0;
  background: transparent url("../images/bg-prev.gif") no-repeat center center;
}
div.controls a.thumb{
	height: 40%;
	left: 40%;
	width: 20%;
	background: transparent url("../images/bg-up.gif") no-repeat center center;
}
div.controls a:hover{ opacity: 0.50; }