/* global style settings */

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 10px 150px;
	font-family: sans-serif;
	font-size: smaller;
	color: #eeeeee;
	background-color: #001122;
}

h1 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-size: 130%;
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
}

h2 {
	margin-top: 40px;
	margin-bottom: 20px;	
	font-size: 120%;
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
    color: #99ccff;
	background-color: #001122;
}

h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 110%;
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
}

.tagline {
	margin-bottom: 40px;
	margin-left: 40px;
	font-size: 100%;
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;"
}

p {
	margin-bottom: 10px;
}

ol {
	margin: 0 20px 20px 20px;
}

ol.links {
	margin: 0 20px 40px 20px;
}

ul {
	margin: 0 20px 20px 20px;
}

ul.links {
	margin: 0 20px 40px 20px;
}

li {
	margin-bottom: 10px;
}

dt {
    margin-bottom: 10px;
    font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
}

dd {
    margin-bottom: 15px;
}

dl.ui dt {
	font-family: "fixedsys";
    color: #99ccff;
	background-color: #001122;
}

dl.ui dd {
	margin-left: 20px;
}

td {
  padding: 10px;
}

.progress_heading {
 color: #9999ff;
 background-color: #001122;
 font-weight: bold;
}

.progress {
  color: #ffffff;
  background-color: #112255;
}

.nested {
	margin-top: 10px;
}

img {
    margin: 20px 0;
}

/* header styles */

div#header {
	margin-top: 40px;
	margin-bottom: 20px;
}

p#logo {
	margin-bottom: 20px;
	border-bottom: dashed 1px #ffffff;
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
	font-size: 120%;
}

p.navbar {
	text-align: right;
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
}

/* breadcrumb styles */

div#breadcrumb {
	margin-bottom: 20px;
	font-size: 70%;
}

/* main content styles */

div#content {
	float: left;
	width: 80%;
	margin-bottom: 40px;
}

div#data {
	float: left;
	margin-bottom: 40px;
}

/* footer styles */

div#footer {
	clear: both;
	margin-bottom: 40px;
}

/* link styles */

a:link.subtle {
	text-decoration: none;
	color: #ffffff;
	background-color: #001122;
}

a:visited.subtle {
	text-decoration: none;
	color: #ffffff;
	background-color: #001122;
}

a:focus.subtle {
	text-decoration: none;
	color: #66aaff;
	background-color: #001122;
}

a:hover.subtle {
	text-decoration: none;
	color: #66aaff;
	background-color: #001122;
}

a:active.subtle {
	text-decoration: none;
	color: #ff0000;
	background-color: #001122;
}

a:link {
	text-decoration: none;
	color: #3388ff;
	background-color: #001122;
}

a:visited {
	text-decoration: none;
	color: #66aaff;
	background-color: #001122;
}

a:focus {
	text-decoration: underline;
	color: #3388ff;
	background-color: #001122;
}

a:hover {
	text-decoration: underline;
	color: #3388ff;
	background-color: #001122;
}

a:active {
	text-decoration: none;
	color: #ff0000;
	background-color: #001122;
}

p.note a:link {
	text-decoration: none;
	color: #6699ff;
	background-color: #113355;
}

p.note a:visited {
	text-decoration: none;
	color: #6699ff;
	background-color: #113355;
}

p.note a:focus {
	text-decoration: underline;
	color: #99ccff;
	background-color: #113355;
}

p.note a:hover {
	text-decoration: underline;
	color: #99ccff;
	background-color: #113355;
}

p.note a:active {
	text-decoration: none;
	color: #ff0000;
	background-color: #113355;
}

p.warning a:link {
	text-decoration: none;
	color: #ff9933;
	background-color: #cc6633;
}

p.warning a:visited {
	text-decoration: none;
	color: #ff9933;
	background-color: #cc6633;
}

p.warning a:focus {
	text-decoration: underline;
	color: #ffdd77;
	background-color: #cc6633;
}

p.warning a:hover {
	text-decoration: underline;
	color: #ffdd77;
	background-color: #cc6633;
}

p.warning a:active {
	text-decoration: none;
	color: #ff0000;
	background-color: #cc6633;
}

/* generic formatting styles */

p.note {
	margin: 20px 0;
	padding: 5px;
	font-family: sans-serif;
	color: #ffffff;
	background-color: #113355;
}

p.warning {
	margin: 20px 0;
	padding: 5px;
	font-family: sans-serif;
	color: #ffffff;
	background-color: #cc6633;
}

p.error {
    font-weight: bold;
    color: #eeeeee;
	background-color: #001122;
}

p.solution {
    color: #ffff99;
	background-color: #001122;
}

p.quotation {
	margin: 20px 0;
	padding: 10px;
	font-style: italic;
	color: #ffffff;
	background-color: #227766;
}

div.preview {
    margin: 20px 0 40px 0;
    padding: 5px;
    font-family: sans-serif;
    color: #ffffff;
    background-color: #002244;
}

div.tut_header {
    margin: 20px 0 40px 0;
    padding: 5px;
    font-family: sans-serif;
    color: #ffffff;
    background-color: #002244;
}

span.tut_header_cat {
    color: #aaaaff;
    background-color: #002244;
}

.hot {
    color: #ff9999;
	background-color: #001122;
}

.wip {
	color: #ff9955;
	background-color: #111111;
}

.hl {
    color: #99ccff;
	background-color: #001122;
}

.hl1 {
    color: #77aaee;
	background-color: #001122;
}

.hl2 {
    color: #99ccff;
	background-color: #113355;
}

.hl3 {
    color: #ffcc66;
	background-color: #cc6633;
}

p.tip {
	margin-bottom: 20px;
	margin-right: 400px;
	padding: 5px;
	font-family: sans-serif;
	color: #000000;
	background-color: #ffffcc;
}

code {
	color: #aa77ff;
	background-color: #001122;
}

code.note {
    color: #cc77ff;
	background-color: #113355;
}

.center {
	text-align: center;
}

.float_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.float_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

.current {
	color: #334455;
	background-color: #001122;
}

.myId {
	color: #996666;
	background-color: #001122;
}

.myfont {
	font-family: "My type of font", "Addicted to Type", "Another Typewriter",
"Times New Roman", serif;
}

/* Data tables */
table.data_table {
	margin-top: 10px;
	margin-bottom: 40px;
	border: 1px solid #ffffff
}

summary.data_table_summary {
	font-weight: bold;
}

table.data_table tr.hl_on {
	color: #ffffff;
	background-color: #112233;
}

table.data_table tr.hl_off {
	color: #ffffff;
	background-color: #001122;
}

table.data_table td {
	text-align: center;
}

/* MaPZone node list table */
table#node_list {
	margin: 40px 0px;
}

table#node_list td {
	padding: 0;
}

table#node_list td img {
	margin: 0;
}

/* google-specific touch-ups */

div#google {
	float: right;
}

div#google img {
	margin: 0;
}

div#google table {
	margin-bottom: 20px;
	color: #000000;
	background-color: #001122;
}

/* hostgator touch-ups */
p#hostref {
	margin-bottom: 20px;
}