﻿/* RFdude.css - J. Barenys 2008 */

body {
	font-family: "trebuchet ms", sans-serif;
	background-color: #ffffff;
	color: #00ff00;
}

A:link {
	FONT-WEIGHT: bold;
	COLOR: #009000;
	TEXT-DECORATION: none
}

a:visited {
	FONT-WEIGHT: bold;
	COLOR: #009000;
	TEXT-DECORATION: none
}

a:active {
	FONT-WEIGHT: bold;
	COLOR: #009000;
	TEXT-DECORATION: none
}

a:hover {
	FONT-WEIGHT: bold;
	COLOR: #009000;
	TEXT-DECORATION: underline
}

hr	{
	width: 95%;
	background-color: #004000;
	height: 1px;
	border: none;
}


img.gallery {
	BORDER-RIGHT: #000000 4px solid;
	BORDER-TOP: #000000 4px solid;
	BORDER-LEFT: #000000 4px solid;
	BORDER-BOTTOM: #000000 4px solid;
}

#image {
	text-align: center;
	}

#header {
	margin-top: 0em;
	margin-left: 2em;
	background: #ffffff url('images/rfdude-logo.png') top left;
	height: 130px;
	width: 600px;
}

#header.wide {
	margin-top: 0em;
	margin-left: 2em;
	background: #ffffff url('images/rfdude-logo-wide.png') top left;
	height: 130px;
	width: 800px;
}


#header img.right {
	margin-top: 2em;
	margin-right: 1em;
	float: right;
}

#header p {
	padding-top: 0.5em;
	padding-left: 2em;
}

#toc ul {
	font-size: 125%;
	color: #ffffff;
	list-style: none;
}


#toc a:link {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}

#toc a:visited {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}


#toc a:active {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}

#toc a:hover {
	FONT-WEIGHT: bold;
	COLOR: #e3e600;
	TEXT-DECORATION: none;
}


#main {
	border-width: 5px;
	border-style: solid;
	border-color: #004000;
	width: 588px;
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 0em;
}

#main.red {
	border-color: #AA0000;
}

#main.wide {
	border-width: 5px;
	border-style: solid;
	border-color: #004000;
	width: 788px;
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 0em;
}


#main p {
	font-size: 100%;
	color: #404040;
	padding-left: 15px;
	padding-right: 15px;
}     

#main p.announce {
	font-size: 100%;
	font-weight: bold;
	color: #D00000;
	padding-left: 15px;
	padding-right: 15px;
}     

#main p.note {
	font-size: 80%;
	font-weight: bold;
	color: #404040;
	padding-left: 15px;
	padding-right: 15px;
}     

#main p.indent {
	font-size: 100%;
	color: #404040;
	padding-left: 55px;
	padding-right: 15px;
}     


#main ul {
	font-size: 100%;
	color: #404040;

}     

#main ul li {
	padding-bottom: 0.5em;
}


#main ol {
	font-size: 100%;
	color: #404040;
}     

#main ol li {
	padding-bottom: 0.5em;
}

#main h1 {
	font-size: 200%;
	color: #004000;
	padding-left: 15px;
	padding-right: 15px;
}

#main h2 {
	font-size: 150%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
}

#main h3 {
	font-size: 125%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
}

#main h3.center {
	font-size: 125%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}



#main h3.red {
	color: #AA0000;
}

#main h1.stack {
	font-size: 200%;
	color: #004000;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0em;
	margin-bottom: 0em;
	text-align: center;
}


#main h2.stack {
	font-size: 150%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0em;
	margin-bottom: 0em;
	text-align: center;
}

#main h3.stack {
	font-size: 125%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0em;
	margin-bottom: 0em;
	text-align: center;
}

#main p.stack {
	font-size: 75%;
	color: #404040;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0em;
	margin-bottom: 0em;
	text-align: center;
}     

#main h3.tight {
	font-size: 125%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 1em;
	margin-bottom: 0em;
}

#main h3.tight2 {
	font-size: 125%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0em;
	margin-bottom: 0em;
}

#main p.tight {
	font-size: 100%;
	color: #404040;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0em;
	margin-bottom: 1em;
}     

#main p.caption {
	FONT-SIZE: 90%;
	MARGIN: 0em 0em 0em;
	COLOR: #000000;
	LINE-HEIGHT: 100%;
	FONT-WEIGHT: bold
}

#main p.captionlg {
	FONT-SIZE: 110%;
	MARGIN: 0em 0em 0em;
	COLOR: #000000;
	LINE-HEIGHT: 100%;
	FONT-WEIGHT: bold
}

#main p.captionsm {
	FONT-SIZE: 60%;
	MARGIN: 0em 0em 0em;
	COLOR: #000000;
	LINE-HEIGHT: 100%;
	FONT-WEIGHT: bold
}


#intro p {
	font-size: 100%;
	color: #404040;
	padding-left: 15px;
	padding-right: 15px;
}     

#intro h1 {
	font-size: 200%;
	color: #004000;
	padding-left: 15px;
	padding-right: 15px;
}

#intro h2 {
	font-size: 150%;
	color: #007000;
	padding-left: 15px;
	padding-right: 15px;
}


#box {
	border-width: 2px;
	border-style: solid;
	border-color: #004000;
	width: 550px;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}

#box.wide {
	border-width: 2px;
	border-style: solid;
	border-color: #004000;
	width: 750px;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}

#box p {
	font-size: 100%;
	color: #404040;
	padding-left: 15px;
	padding-right: 15px;
}     

#main table.tools {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-style: ridge;
	border-width: 4px;
	border-color: #004000;
	border-collapse: collapse;
	font-size: 100%;
	color: #404040;
}

#main table.tools td {
	border-style: solid;
	border-color: #004000;
	border-width: 1px;
	padding-left: 7px;
}

#main table.tools tr.invert {
	border-style: solid;
	border-color: #004000;
	border-width: 1px;
	color: #ffffff;
	background-color: #004000;
	text-align: center;
}

#sitebox {
	border-width: 1px;
	border-style: solid;
	border-color: #004000;
	width: 596px;
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 0em;
	padding-top: 0em;
}


#footer {
	width: 600px;
}

#footer p {
	font-size: 60%;
	color: #004000;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 0em;
}

