body {
font-size: 32px;
}

.small { font-size: 16px; }

a:link { color: #7a598a; text-decoration: none; font-weight: normal; font-size: 32px;}
a:visited { color: #7a598a; text-decoration: none; font-weight: normal; font-size: 32px;}
a:hover { color: #7a598a; text-decoration: underline; font-weight: normal; font-size: 32px;}

#boredomsolver {
width: 16px;
top: 145px;
left: 765px;
}

#wrapper {
width: 800px;
}

h1 {
font-size: 38px;
}

h2 {
font-size: 36px;
}

h3 {
font-size: 34px;
}

.dropcap { 
font-size: 44px;
}

.description {
width: 100%;
}

table {
font-size: 32px;
}

select, input { position: relative; top: 5px; }

input, select {height: 40px; width: 250px; font-size: 32px; position: relative; top: 20px;}

input.checkbox {
	width: 40px;
}

#phonenav { display: block; }
#compnav { display: none; }


/* SECTIONS */

#header {
top: 10px;
left: 100px;
width: 400px;
}

#nav { display: none; }
 
#content {
top: 165px;
left: 10px;
width: 800px;
}

#footer {
font-size: 16px;
}

#footer a:link { font-size: 16px;}
#footer a:visited { font-size: 16px;}
#footer a:hover { font-size: 16px;}

textarea {
width: 400px;
height: 200px;
font-size: 28px;
}







/* CORNERS */

ul.roundedCornerWrapper { 
	background-color: #ffffff;
	list-style: none;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}
			
ul.roundedCornerWrapper li.top, 
ul.roundedCornerWrapper li.top span, 
ul.roundedCornerWrapper li.bottom, 
ul.roundedCornerWrapper li.bottom span {
	background:  url(../../images/corners.png) no-repeat;
	font-size: 1px; /* Stop IE mucking up the height of the corners */ 
	line-height: 1px; /* Stop IE mucking up the height of the corners */ 
}

ul.roundedCornerWrapper li.top, 
ul.roundedCornerWrapper li.bottom {
	height: 20px; /* Height of corner */
	position: relative; /* Contains the span inside the list element */
}

ul.roundedCornerWrapper li.top {
	background-position: -20px -20px; /* Move corner image 20px up and to the left */
}

ul.roundedCornerWrapper li.bottom {
	background-position: -20px 0; /* Move corner image 20px to the left */
}

ul.roundedCornerWrapper li.top span, 
ul.roundedCornerWrapper li.bottom span {
	height: 20px; /* Height of corner */
	position: absolute; /* Removes the corner fromt the document flow */
	right: 0; /* Position the corner to the far right */
	width: 20px; /* Width of the corner */
}

ul.roundedCornerWrapper li.top span {
	background-position: 0 -20px; /* Move corner image 20px up */ 
}

ul.roundedCornerWrapper li.bottom span {
	background-position: 0 0; /* Don't move corner image */
}

ul.roundedCornerWrapper li.middle {
	margin: 0 20px; /* Left and right margin as wide as the corners */
}