/* Stylings based on submission to css zen garden by http://www.badboy.ro/ */
/* Heavily edited though... */

/* You are welcome to use my contributions to this file under a creative
    commons bc-nc-sa/3.0 licence. However, you might also need permission
    from http://www.badboy.ro/ for some uses */

* {
	margin:0;
	padding:0;
}
body {
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:1.4em;
	font-size:89%;
	letter-spacing: 0.02em; /* tiny bit more space, helps the eye */
	text-align:right;
}
h1 {
	font-weight:normal;
	font-size:3.0em;
	padding-top:.4em;
	padding-bottom:.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-weight:normal;
	font-size:2.5em;
	padding-top:.25em;
	padding-bottom:.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-weight:normal;
	font-size:2em;
	padding-top:.25em;
	padding-bottom:.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
p {
	padding-bottom:1em;
}
hr {
	margin-bottom: 0.5em;
}
div.listing {
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
a {
	color:#E54B17;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	background:#FFF;
}
acronym {
	cursor:help;
	border:0px solid dashed;
	border-bottom-width:1px;
}

.heading {
              text-align: center;
}

#container {
	text-align:left;
	position:absolute;
	left:15px;
	top:0;
	padding-bottom:15px;
}
#pageHeader {
	height:269px;
	/* background:url(/wormhole-small.jpg) no-repeat right top; */
}
#pageHeader span {
	display:none;
}
#pageHeader h1 {
	width:190px;
	height:50px;
	margin-left:10px;
}
#pageHeader h2 {
	width:200px;
	height:200px;
	margin-left:10px;
}
#supportingText {
	background:#191912;
	border:1px solid #999;
	border-right-width:0px;
	position:relative;
	right:0;
	top:0;
	padding-bottom:20px;
}

#linkList {
	/* In case browser doesn't support fixed */
	position: absolute; 
	left:15px;
	top:100px;
	width:175px;
	background:#2E2E29;
	border:1px solid #A3A3A0;
	padding:10px;
	z-index:10;
	height:21em; /* Need relative so scales */
	font-size:.9em;
}
#container>#linkList {
	/* Overrides 'absolute' above, and get the size right */
	/* Must only be enabled in things other than IE */
	/* Luckily, we can fake that with the extra inheritance */
	position: fixed;
	/* Mozilla/Opera also needs it 15px further in */
	left:30px;
}

/* * html #linkList {
	top:420px;
} */
#linkList h3 {
	font-size:1.1em;
	font-variant:small-caps;
	font-weight:bold;
	padding-bottom:.1em;
}
#linkList ul {
	list-style-position:outside;
	/* list-style-image:url(images/bullet.gif); */
	padding-bottom:1em;
	padding-left:14px;
}
#linkList li {
	padding-bottom:.3em;
}
#main {
	margin-left:230px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:20px;
}
#footer {
	border:0px solid #999;
	border-top-width:1px;
	font-size:.9em;
	margin-left:230px;
	margin-right:50px;
	margin-top:20px;
}
#quickSummary {
	position:absolute;
	right:550px;
	top:250px;
	width:180px;
	background:#2E2E29;
	border:1px solid #A3A3A0;
	padding:10px;
	z-index:10;
	height:130px;
	font-size:.9em;
}
#preamble {
	/* background:#50504F url(wormhole-small.jpg) no-repeat right top; */
	position:relative;
	right:0;
	top:0;
	border:1px solid #999;
	border-right-width:0px;
	border-bottom-width:0px;
	z-index:2;
}
#preamble h3, #preamble p {
	margin-left:280px; /* A bit more than the text, otherwise looks odd */
	margin-right:50px;
	margin-top:20px;
}
#preamble p {
	margin-top:0;
	font-size:.9em;
}

/*selector for nice browsers*/
#linkList2>#lselect {
	margin-bottom:10px;
}
#lselect>h3 {
	width:103px;
	height:21px;
	/* background:url(images/select.gif) no-repeat left top; */
	padding:0;
	cursor:pointer;
}
#lselect>h3:hover {
	background-position:left bottom;
}
#lselect>h3>span {
	display:none;
}
#lselect>ul {
	display:none;
	z-index:20;
	border:1px solid #FFF;
	background:#2E2E29;
	position:absolute;
	margin-left:94px;
	margin-top:-12px;
	width:200px;
	padding:6px 10px 6px 20px;
}
#lselect>ul>li {
	border:0px solid #4D4D44;
	border-bottom-width:1px;
}
#lselect:hover>ul {
	display:block;
}

li { margin-left: 12px; }