html {background-color: #333;}

html {font-family: "Corbel", "Candara", calibri, tahoma, verdana, sans-serif; font-size: 100%; line-height: 120%; 
	background-image: url(../images/tex_07.jpg); }

body {background-color: transparent; color: #eee; width: 90%; min-width: 600px; margin: 16px auto;}

div#wrapper {width: 1000px; float: left; background-color: transparent; }

/*body div*/
.rounded {
	background-color: #222;
	border: 1px solid #444;
	padding: 4px;
	margin: 6px;
  	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
  	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;	
}

a {color: white; text-decoration: underline; }
a:hover {color: lime; text-decoration: underline; }

p {margin: 2px; margin-top: 6px; padding: 2px;}

h1 {margin: 0; padding: 0;}
h2 {font-size: 200%; font-style: normal; margin: 4px 0 8px; padding-bottom: 8px; color: #eee; text-shadow: 1px 1px 2px #aaa; }

.stripy {background-image: url(../images/stripes2.png); }
.glossy {background-image: url(../images/blackgloss3.jpg); }
.shadowed {
	-moz-box-shadow: 3px 3px 6px #666;
	box-shadow: 3px 3px 6px #666;
	-webkit-box-shadow: 3px 3px 6px #666;
}


div#header {width: 100%; min-height: 90px; float: left;}

span#subdomain {float: left; display: inline-block; font-size: 62pt; margin-top: -10px; margin-left: 40px; line-height: 1.2em;
			text-shadow: 3px 3px 4px #999; color: #ddd;
}
span#domain {float: left; display: inline-block; font-size: 62pt; margin-top: -10px; margin-left: 10px; line-height: 1.2em;
			text-shadow: 3px 3px 4px #999; color: #ddd;
}


div#main {width:100%; min-height: 200px; height: auto; float: left; padding-bottom: 16px;}

div#content {float: left;
	position: relative;
	width: 90%;
	min-width: 500px;
	min-height: 100px; 
	padding: 16px;
	margin: 16px 7% 0px 3%;
	font-style: italic;
	}

div#lightning {position: absolute; width: 200px; height: 300px;
	background-color: transparent;
	right: 32px; top: 0px; overflow: hidden;
	z-index: 10;
	/*border: 1px solid red;*/
	}
div#lightning img {z-index: 10;}

span#play_hangman {/*display: inline-block;*/ display: none;
	float: right;
	cursor: pointer;
	color: white;
	background-color: #333;
	border: 1px solid #999;
	border-style: outset;
	border-color: silver black black silver;
	padding: 4px 8px;
	margin: 2px;
	margin-top: 4px;
	}
	
div#game {display: none;
	float: left;
	position: relative;
	width: 90%;
	min-width: 500px;
	min-height: 32px;
	margin: 4px 0;
	margin: 16px 7% 0px 3%;
	padding: 16px;
	/*border: 1px solid red;*/

	font-family: "Tempus Sans ITC", "Kristen ITC", "Comic Sans MS", Corbel, Tahoma, sans-serif;
	font-weight: 900;
	font-size: 16pt;
	line-height: 20pt;
	color: #ddd;
	}

span#gamename {display: block; position:relative; 
	margin: 0;
	top: -10px; left: 0;
	font-size: 10pt; 
	}

#gameword {border: 1px dotted red;
	display: none; 
	position:relative;
	top: 100px; left: 0;
	color: red;
	font-size: 10pt; 	
	}

div#gameimage { float: left;
	width: 32px; height: 64px;
	margin: 2px;
	margin-left: 16px;
	margin-right: 16px;
	/*border: 1px solid cyan;*/
	background: url(../images/hangman.png) 0px 0px no-repeat;
	}

div#gameinput { float: left;
	height: 24px;
	margin: 4px;
	letter-spacing: 4px;
	/*border: 1px solid lime;*/
	}
	
div#gameinput a{ color: #666; text-decoration: none;}
div#gameinput a:hover{ color: #fff; }

div#gameinput .letterfound {text-decoration: underline; }
div#gameinput .letternotfound {text-decoration: line-through; }


div#gameoutput { float: left; 
	width: 256px;
	height: 24px;
	margin-top: 10px;
	/*border: 1px solid red;*/
	letter-spacing: 8px;
	}

div#gamecontrols {float:left;
	height: 24px;
	margin: 8px;
	margin-top: 2px;	
	
	/*border: 1px solid orange;*/
	}
	
span#new_game {
	cursor: pointer;
	color: white;
	background-color: #333;
	border: 1px solid #999;
	border-style: outset;
	border-color: silver black black silver;
	padding: 4px 8px;
	margin: 2px;
	letter-spacing: normal;
	font-family: tahoma, verdana, sans-serif; font-size: 10pt; line-height: 100%; 
	font-style: normal;
	}

span#new_game:hover {
	color: white;
	background-color: #222;
	border-style: outset;
	border-color: white grey grey white;
	}
	
div#sitelist { float: left; 
	width: 90%;
	margin: 16px 7% 0px 3%;
	padding: 0 16px 16px;
	min-width: 500px;
	min-height: 100px; 
	font-style: italic;
	}
div#sitelist div {display: inline; float: left;
	width: 240px;
	margin: 16px; margin-right: auto;
	background-color: transparent;}
	
div#footer {width: 100%;  float: left; height: 32px; padding-top: 16px;}

div.website {border: 1px solid #111; float: left; }

div.website img {
  	/*-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
  	-moz-border-radius: 6px;
	border-radius: 6px;*/
	border: 1px solid #999;
	display: block;
	margin: 4px;
	/*margin-left: auto; margin-right: auto;*/ }
.webaddress {font-family: consolas, "courier new", sans-serif; font-size: 80%; font-style: normal;}
.website a {text-decoration: none; color: white;}

div#copyright {display: inline-block; width: 180px; margin-left: 3%; font-size: 75%; color: #999; padding: 0 16px; }
span.links {display: inline-block; margin-left: 16px; font-size: 75%; }
span.links a {color: #fff; margin-left: 32px;}