*		{margin: 0; 
		padding: 0; }

body		{font-family: Georgia, "Times New Roman", serif; 
		font-weight: normal; 
		background-color: #fff; 
		color: #000; 
		font-size: small; }

h1		{font-family: "Times New Roman", serif; 
		background-color: #fff; 
		font-weight: bold; 
		font-size: 450%; 
		color: #000; 
		font-variant: small-caps; 
		text-align: center; }

/* layers */


#body		{position: absolute; 
		background-color: #fff; 
		color: #000; 
		width: 740px; 
		padding-left: 20%; 
		padding-right: 20%; }


#head		{width: 642px; 
		margin-right: 49px;
		margin-left: 49px; 
		text-align: right; }

#head p		{text-align: right; 
		font-family: Frutiger55Roman, Helvetica, Arial, sans-serif; 
		font-size: 110%; }


#wrap		{width: 740px; 
		margin: 0em 0em 3em 0em; }

#comic		{width: 740px; }

#strip		{width: 740px; 
		background: #c00000 url(../img/bg.png) top left repeat-y; 
		color: #000; }


#controls		{width: 740px; 
		text-align: center; 
		padding-top: 0.5em; 
		padding-bottom: 1.0em; 
		background-color: #fff; 
		color: #000; 
		border-bottom: 1px solid #c00; }

#comment	{width: 738px; 
		text-indent: 0.2em; 
		font-family: Helvetica, Arial, sans-serif; 
		font-size: 90%; 
		background-color: #fff; 
		border-left: 1px dotted #c00000; 
		border-right: 1px dotted #c00000; 
		color: #000; }

#david_comment	{width: 44%; 
		float: left; 
		border-right: 1px dashed #c00000; }

#stu_comment	{width: 44%; 
		float: right; 
		padding-right: 0; 
		margin-right: 0; 
		border-left: 1px dashed #c00000; }

#foot		{width: 100%; 
		clear: both;  }

/* strip styles */

#strip img		{text-align: center; 
		border: 2px solid #fff; 
		margin: 1em 6% 0 6%; }

/* comment styles */

#comment h2	{font-family: Georgia, "Times New Roman", serif; 
		font-weight: bold; 
		font-size: 120%; 
		text-indent: 0; 
		padding: 1em 0 0.2em 0; 
		margin-left: 36%; 
		border-bottom: 1px dashed #c00000; }

#comment img	{float: left; 
		padding: 5px 5px 2px 0; }

#comment p	{font-family: Helvetica, Arial, sans-serif; 
		font-size: 100%; 
		text-indent: 0.5em; 
		line-height: 1.5em; 
		padding: 0.8em 0.5em; }

#comment a	{font-family: Helvetica, Arial, sans-serif; 
		font-size: 100%; 
		text-decoration: none; 
		background-color: #fff; 
		color: #c00000; }

#comment a:visited
		{font-family: Helvetica, Arial, sans-serif; 
		font-size: 100%; 
		text-decoration: none; 
		background-color: #fff; 
		color: #c00000; }

#comment a:hover
		{font-family: Helvetica, Arial, sans-serif; 
		font-size: 100%; 
		text-decoration: underline; 
		background-color: #fff; 
		color: #f00; }

#comment a:active
		{font-family: Helvetica, Arial, sans-serif; 
		font-size: 100%; 
		text-decoration: underline; 
		background-color: #fff; 
		color: #f00; }

/* controls styles */

#controls ul	{padding: 0 20% 0 20%; 
		margin: 0.1em 0 .2em 0; 
		width: 60%; }

#controls ul li	{display: inline; }

#controls ul li a	{background-color: #f00000; 
		padding: .3em 5%; 
		margin: 0 1%; 
		font-family: Frutiger55Roman, Helvetica, Arial, sans-serif; 
		font-weight: bold; 
		font-size: 90%; 
		color: #fff; 
		text-decoration: none; }

#controls ul li a:hover
		{background-color: #fff; 
		padding: .3em 5%; 
		margin: 0 1%; 
		font-family: Frutiger55Roman, Helvetica, Arial, sans-serif; 
		font-weight: bold; 
		font-size: 90%; 
		color: #c00000; 
		text-decoration: none; 
		border-top: 2px solid #c00000; 
		border-bottom: 2px solid #c00000; }

#controls ul li a.first
		{background: #f00000 url('../img/first.png') 5% 50% no-repeat; 
		color: #fff; 
		padding: .5em 1.5em .5em 30px; }

#controls ul li a.first:hover
		{background: #fff url('../img/first_hover.png') 5% 50% no-repeat; 
		color: #c00000; 
		padding: .5em 30px .5em 1.5em; }

#controls ul li a.prev
		{background: #f00000 url('../img/prev.png') 5% 50% no-repeat; 
		color: #fff; 
		padding: .5em 1.5em .5em 30px; }

#controls ul li a.prev:hover
		{background: #fff url('../img/prev_hover.png') 5% 50% no-repeat; 
		color: #c00000; }

#controls ul li a.next
		{background: #f00000 url('../img/next.png') 95% 50% no-repeat; 
		color: #fff; 
		padding: .5em 30px .5em 1.5em; }

#controls ul li a.next:hover
		{background: #fff url('../img/next_hover.png') 95% 50% no-repeat; 
		color: #c00000; 
		padding: .5em 30px .5em 1.5em; }

#controls ul li a.last
		{background: #f00000 url('../img/last.png') 95% 50% no-repeat; 
		color: #fff; 
		padding: .5em 30px .5em 1.5em; }

#controls ul li a.last:hover
		{background: #fff url('../img/last_hover.png') 95% 50% no-repeat; 
		color: #c00000; 
		padding: .5em 30px .5em 1.5em; }

.inactive		{background-color: #e00000; 
		color: #f09090; 
		padding: .5em 5%; 
		margin: 0 1%; 
		font-family: Frutiger55Roman, Helvetica, Arial, sans-serif; 
		font-weight: bold; 
		font-size: 90%; 
		text-decoration: none; }

/* foot styles */

#foot p		{font-size: 80%; 
		font-family: Helvetica, Arial, sans-serif; 
		text-indent: 0; 
		text-align: center; 
		color: #808080; 
		background-color: #fff; 
		border-top: 1px dashed #c00000; 
		border-bottom: 1px dotted #c00000; }

/* Forms */

fieldset		{width: 100%; 
		border: 0; }

.element		{display: block; 
		margin: 5px 0; 
		width: 50%; }

label		{text-align: right; 
		font-family: Frutiger55Roman, Arial, Helvetica, sans-serif;
		float: left;
		width: 40%; 
		margin-right: 10px; 
		border-bottom: 1px dashed #fdd; }

input		{width: 40%; 
		font-family: Frutiger55Roman, Arial, Helvetica, sans-serif;
		padding: 2px; 
		display: inline; 
		border-top: 1px solid red; 
		border-left: 1px solid red; 
		border-bottom: 1px solid #fdd; 
		border-right: 1px solid #fdd; }

textarea		{width: 50%; 
		font-family: Frutiger55Roman, Arial, Helvetica, sans-serif;
		padding: 2px; 
		display: inline; 
		height: 10em; 
		border-top: 1px solid red; 
		border-left: 1px solid red; 
		border-bottom: 1px solid #fdd; 
		border-right: 1px solid #fdd; }