* {
	margin: 0px;
	padding: 0px;
}

body { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

h3 { /*comment name*/
	font-size: 18px;
}

form {	
	margin: 40px;
}

ul {
	list-style: none;
}

li { /*postbox values and comment fields*/
	margin-top: 5px;
	margin-left: 30px;
}

#atii {	/*logo image*/
	margin-top: 40px;
	margin-left: 30px;
	margin-bottom: 0px;
	float: left;
	border-style: none;
}

.copyright {	
	position: relative;
	padding-top: 40px;
	margin-left: 0px;
	width: 300px;
	font-size: 10px;
	color: gray;
	padding-bottom: 20px;
}





/*index page only
-----------------*/

#main { /*container index*/
	position: absolute;
	top: 120px;
	margin: 0px auto 0px auto;
	height: 800px;
	width: 1100px;
}

#postbox { /*container for letterinput*/
	width: 600px;
	height: 700px;
	margin-left: 30px;
	margin-right: -100px;
	float: left;
	background-color: white;
}


.letterbox {
	width: 120px;
	font-family: Helvetica;
	font-size: 100px;
	text-align: center;
	margin-bottom: 30px;
}

.dropbox { /*the x and y dropboxes*/	
	position: relative;
	z-index: 2;
	left: 130px;
	top: -65px;	
}

#buttons {	/*index button*/
	margin-top: 40px;
	margin-left: 120px;	
}

#submit {
	position: relative;
	top: 637px;
}

#preview { /*container for the entirity of each post*/
	width: 500px;
	height: 570px;
	left: 0px;
	padding-left: 40px;
	top: 40px;
	float: left;
	background-color: white;
	position: relative;
	border-left-style: solid;
	border-width: 1px;
	z-index: 1;
	text-align: middle;
}

#title { /*title of post on index page*/
	height: 60px;
	width: 400px;
	margin-bottom: 20px;
	margin-left: -40px;
	padding-left: 40px;
	padding-bottom: 50px;
	background-color: white;
	z-index: 2;
}

.date { /*date of post in index*/
	margin-top: -95px;
	background-color: white;
	padding-bottom: 80px;
	width: 400px;
	margin-left: -40px;
	padding-left: 40px;
}

#content { /*container for each post in index*/
	
}

#centerbox { /*index position of drawn letters*/
	position: absolute;
	width: 10px;
	height: 10px;
	left: 100px;
	top: 50px;
	z-index: -1;
/*	background-color: red;*/	
}

#instructions {
	width: 500px;
	height: 570px;
	left: 0px;
	padding-left: 40px;
	top: 40px;
	float: left;
	font-size: 12px;
	background-color: white;
	position: relative;
	border-left-style: solid;
	border-width: 1px;
	z-index: 1;
}

#instructions p {
	padding-top: 225px;
}

.letter {
	position: absolute;
	font-size: 250px;
}

#answers {
	position: absolute;
	top: 260px;
	width: 80px;
	left: -100px;
	color: #A8A8A8;
	text-align: center;
	z-index: 5;
}

.datachunk {
	margin-bottom: 10px;
	background-color: white;	
}

.letterdisplay { /*letters in the answers column*/
	font-size: 30px;
	margin-top: 0px;
}

.numbers {	/*numbers in the answers column*/
	margin-top: 5px;
	font-size: 10px;
}

.status {
	position: relative;
	color: red;
	font-weight: bold;
	top: 400px;
	width: 400px;
}





/*Link Styles
-----------------*/

a {text-decoration: none;}
a:link {color:#000000;}      /* unvisited link */
a:visited {color:#000000;}  /* visited link */
a:hover {color:#000000;}  /* mouse over link */
a:active {color:#000000;}  /* selected link */