@import 'html5reset.css';

body {
	background:url(../img/carbonfibre.png);
	font-family: 'Dosis', sans-serif;
	font-weight:500;
}
hr {
	background:url(../img/pqhr2.gif) no-repeat;
	border:none;
	height:50px;
	width:470px;
	margin:12px auto 20px auto;
}
h1 {
	font-weight:800;
	font-size:72px;
	margin-bottom:20px;
	text-align:center;
}
h2 {
	font-weight:800;
	font-size:48px;
	text-align:center;
	margin:20px 0;
	width:100%;
}
h3 {
	font-size:36px;
	margin:12px 0;
}
h4 {
	font-size:28px;
	margin:8px 0;
}
img {
	margin-right:12px;
}
.screenshots img {
	margin:0;
}
.screenshots h4 {
	text-align:center;
}
.screenshots figure {
	margin:30px;
	text-align:center;
}
figcaption {
	font-size:110%;
}

ul, ol {
	list-style-position:inside;
	margin:12px;
}
ul.square {
	list-style:square;
}
ul.disc {
	list-style:disc;
}

li {
	margin:8px 0;
}
.tShadow {
	text-shadow:2px 2px 2px #816A3C;
}
a {
	color:#2F5081; 
/*	color:inherit; */
	text-decoration:none;
}
a:hover {
	text-shadow:2px 2px 2px #816A3C;
	color:white;
}

ul.downloads {
	list-style:none;
}
ul.downloads li {
	min-height:46px;
	padding-left:60px;
	margin-bottom:30px;
	border-bottom:1px dotted #2F5081;
	padding-bottom:12px;	
}
li.exe {
	background:url(../img/exe.gif) no-repeat;
}
li.so {
	background:url(../img/so.gif) no-repeat;
}
li.dll {
	background:url(../img/dll.gif) no-repeat;
}
ul.demos li, 
li.dm2 {
	background:url(../img/dm2.gif) no-repeat;
}
li.bsp {
	background:url(../img/bsp.gif) no-repeat;
}

p {
	margin-bottom:12px;
}

.main {
	width:1080px;
	padding:20px 20px 40px 20px;
	margin:12px auto;
	border-radius:12px;

	background:#ceb074 url(../img/bg.jpg) top center no-repeat;

	-moz-box-shadow:    inset 0 0 20px #000000;
  -webkit-box-shadow: inset 0 0 20px #000000;
  box-shadow:         inset 0 0 20px #000000;
}
header {
	background:url(../img/lavacam.png) no-repeat;
	background-position:60px 0;
	border-bottom:4px solid #2F5081;
	width:96%;
	margin:0 auto;
	height:160px;
	position:relative;
}
header > h1 {
	position:absolute;
	clip:rect(0,0,0,0);
}
header > img {
	margin-top:90px;
	margin-left:900px; 
}
.main > section {
	display:inline-block;
	vertical-align:top;
	width:850px;
	padding-left:20px;
}
nav.menu {
	width:190px;
	display:inline-block;
	margin-top:12px;
	margin-right:8px;
}
nav.menu ul {
	padding:12px;
	margin:12px 8px; 
	font-size:18px;
	background-color:#CB9865;
	border:3px solid #926E49;
	border-radius:6px;
}
nav.menu li {
	padding-left:38px;
	height:24px;
	background:url(../img/leds.png) no-repeat 0 -4px;
	margin-bottom:4px;
	border-bottom:1px dotted #2F5081;
}
nav.menu li.on,
nav.menu li:hover {
	background:url(../img/leds.png) no-repeat 0 -38px;
}
ul.info li {
	list-style-image:url(../img/info.gif);
	height:24px;
}
ul.info a {
	display:inline-block;
	vertical-align:top;
	height:24px;
}
img.i640 {
	width:640px;
	margin:12px auto;
	display:block;
}