/* style reset */
* {margin:0;padding:0;border:none;text-decoration:none;}

body {
	margin:3.6em 0;
	text-align:center;
	font-size:10px;
	background:#C6C7C2 url(images/textPatt.png) repeat top center;
	background-size:599px 328px;
	color:#3B414F;
	font-family: Tahoma, Geneva, sans-serif;
	}
/* size everything in ems base 10, 18px grid
	some colors from http://www.colorhunter.com/palette/482094 */
	
#Content {
	width:50em;
	margin:0 auto;
	text-align:left;
	padding:0.9em;
/*	border:0.1em dashed #25C1DF;*/
	background:#ECFFF9 /*url(grid-18.gif) repeat top left*/;
	}
#title {
	background:#907A9D;
	color:#fff;
	margin:-2.1em -0.9em 0 -0.9em;
	}
	#title h1 {
		font-size:4em;
		line-height:1.5em;
		margin:0.25em auto 0.125em auto;
		padding:0.375em;
		background:url(images/terrymakes.png) no-repeat top 55% left 5%;
		background-size:6em;
		text-indent:-500em;
		}
	#title a {
		text-decoration:none;
		background:#907A9D;
		color:#fff;
		padding:0;	
		}
	
p {
	font-size:1.4em;
	line-height:1.2857em;
	margin:1.2857em auto;
	}
	
a:link {
	color:#3B414F;
	background:#C6C7C2;
	padding:0.1em;
	}
a:visited { color:#3B414F; background:#eeefef; text-decoration:underline; }
a:active { color:#907A9D; text-decoration:underline; }
a:hover { color:#ECFFF9; background:#3B414F; text-decoration:underline; }
a img, a:link img, a:visited img, a:active img, a:hover img {background:#ECFFF9;}

abbr {
	border-bottom:1px dashed #907A9D;
 	}
	
h1 {
	font-size:2.4em;
	line-height:1.5em;
	margin:0.5em auto 0.25em auto;
	}
h2 {
	font-size:2.1em;
	line-height:1.7143em;
	margin:0.5em auto 0.3571em auto;
	}
h3 {
	font-size:1.6em;
	line-height:1em;
	margin:0.75em auto 0.5em auto;
	}
	
.email {
	border-bottom: 0.1em dotted #3B414F;
	}
	
form.webcolor {
	font-size:1.4em; text-align:center;
	width:auto; height:1.2857em;
	margin: auto; padding: 0.6428em;
	border: 0.1em solid #907A9D;
	}
.webcolor	input[type="button"] {
	/*	-webkit-appearance: push-button;*/
		padding:2px 6px 3px 6px;
		background-color: buttonface;
		border: 2px outset buttonface;
	/*	vertical-align:text-bottom;*/
		}
.webcolor	input[type="text"] {
		border:1px solid #907A9D;
		font-size:1em;}
		
.credits {font-size:1em;}
.hilite {background-color:#efe;padding:0.5em 2em 0.5em 2em;margin:1.5em;border:1px #907A9D dashed;}
.rule {border-bottom:1px dashed #3B414F;padding-bottom:1em;}

.eshop {font-size:1.4em;}
.eshop dt {font-size:1.1em; font-weight:bold;}
.eshop dd {line-height:1.3em;margin-top:0.8em;}
.desc {}
.instr {}
.net {}
.il {font-size:0.8em;}

#Footer {
	width: 50em;
	margin:0 auto;
	padding: 1em;
	background:#907A9D;
	}
	#Footer a {
		text-decoration:none;
		background:#907A9D;
		color:#fff;
		}
	#Footer abbr {
		border-bottom:1px dashed #ECFFF9;
 		}
 	#Footer p {
 		color:#fff;
 		font-size:1.2em;
 		}
	
	
	
	
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	padding-left: 0.8em;
}
.fltlft { 
	float: left;
	padding-right: 0.8em;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 0.1em;
	line-height: 0;
}	


/* @group unnecessary */

#unnecessary {
	margin: 0;
}

#unnecessary li {
	position: fixed;
	list-style: none;
	margin: 0;
	background-color: rgb(236, 255, 249); 
	background-color: rgba(236, 255, 249, .6);
	z-index: 75;
}

li#top {
	height: 10px;
	left: 0;
	right: 0;
	top: 0;
}

li#right {
	width: 10px;
	bottom: 10px;
	right: 0;
	top: 10px;
}

li#bottom {
	height: 10px;
	left: 0;
	right: 0;
	bottom: 0;
}

li#left {
	width: 10px;
	bottom: 10px;
	left: 0;
	top: 10px;
}

/* @end */