body {
  background-color: #303030; 
  margin: 0; padding: 0;
}

#obfusKate {
  background-color: #000; 
  color: #fff;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 11px;
  margin: 0; padding: 0;
  width: 580px;
  background-image: url("obfusKateHeader3.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}
h1 { 
  position: relative;
  top: 0; left: 0;
  float: left;
  width: 30px; height: 175px; 
  margin:0;
}
a h1 {
  display: block;
  width: 30px; height: 175px; 
}
h1 span { display: none; }

#intro {
	position: relative;
	padding-top: 80px;
	padding-left: 140px;
	width: 300px;
}
#input, #copy, #preview {
	position: relative;
	padding-top: 20px;
	padding-left: 80px;
	width: 360px;
}
textarea {
	width: 100%;
	height: 8em;
	margin:0;
}
#copy_button {
	position: relative;
	float: right;
	border: 3px dotted white;
	margin: 0;
	padding: 4px;
}

#preview_text {
	font-size: 2em;
	font-weight: bold;
}

label {
	padding: 4px 0 0 4px;
	border: 3px dotted white;
	border-right: 0;
	border-bottom: 0;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
}

#copy {
	/* display: none; */
}

#ad {
  position:absolute;
  left: 600px;	
  top: 80px;
}