/* @group general elements */

* {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	background: #000 url(bg.gif) top repeat-x fixed;
	color: #fff;
	font-size: 76%;
	font-weight: 100;
	line-height: 1.8em;
	font-family: trebuchet ms, tahoma, sans-serif;
}

a:link, a:visited {
	text-decoration: underline;
	color: #7bccff;
}

a:hover, a:active {
	text-decoration: none;
	color: #27abff;
}

a img {
	border: 0;
}

h1 {
	font-weight: 900;
	font-size: 2em;
	margin: 1em 0 .5em 0;
}

h2 {
	font-weight: 900;
	font-size: 1.5em;
	margin: 1em 0;
}

p, ol, ul, table {
	margin-bottom: 1.5em;
}

ol, ul {
	padding-left: 1.5em;
}

/* @end */

/* @group specific elements */

.submenu {
	font-size: .8em;
	text-align: right;
}

.submenu a:link, .submenu a:visited {
	text-decoration: none;
	padding: 4px 7px;
	margin-left: 3px;
	background: none;
	color: #fff;
}

.submenu a:hover, .submenu a:active {
	color: #7bccff;
	background: #1b396c;
}

.inline-image {
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
}

#container {
	background: #0a0c16;
	text-align: left;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
}

#contents {
	padding: 15px;
}

#template-changer {
	text-align: center;
}

#nav-bottom {
	clear: both;
	text-align: center;
	font-size: .8em;
}

.ecadiv {
	float: left;
	margin: 2px;
	text-align: center;
}

.ecadiv a {
	text-decoration: none;
}

/* @end */