/* Background and foreground colours. */
body						{color: #3D0A0D; background: #F2F0C9}
/* Links show up as red text which are underlined when the mouse is over them. */
a							{color:  #99000A;}
a:link,a:active,a:visited	{text-decoration: none;}
a:hover						{text-decoration: underline;}
/* Headers are all centered. */
h1, h2, h3, h4, h5, h6		{font-family: "Arial Black", "Arial", sans-serif;}

/* Definition list. */
dl							{font-family: "Arial", sans-serif;}
dt							{font-weight: bold;}
dd							{font-weight: normal;}
/* No link borders for images. */
img {border: 0;}

/* Image types have sizes and styles specified. */
img.drWallpaper				{width: 200px; height: 150px;}
img.drAvatar				{width: 100px; height: 100px;}
img.drLargeHorizontalBanner	{width: 356px; height:  68px;}
img.drLargeVerticalBanner	{width:  68px; height: 356px;}
img.drMediumBanner			{width: 256px; height:  41px;}
img.drSmallBanner			{width:  88px; height:  31px;}
img.drNavigation			{width:  24px; height:  24px;}
img.drIcon					{width:  14px; height:  14px;}
img.drFeedIcon				{width:  14px; height:  14px; vertical-align: -10%;}
img.drOutlined				{							   border: solid black 2px; padding: 2px;}
img.drBioLeft				{width: 200px; height: 200px;  border: solid black 2px; padding: 2px; margin-right: 10px; float: left;}
img.drBioRight				{width: 200px; height: 200px;  border: solid black 2px; padding: 2px; margin-left:  10px; float: right;}
img.drIllustrationLeft		{							   border: solid black 2px; padding: 2px; margin: 10px; margin-left: 0; float: left;}
img.drIllustrationRight		{							   border: solid black 2px; padding: 2px; margin: 10px; margin-right: 0; float: right;}
img.drAbout					{width: 185px;				   border: solid black 2px; padding: 2px; margin: 0 10px 10px 10px;}
img.drComic					{width: 800px; height: 1200px; border: solid black 1px;}
img.drBonus					{							   border: solid black 1px;}
img.drThumbnail				{							   border: solid black 1px;}
img.drSelectedThumbnail		{							   border: solid #99000A 2px;}
img.drButton				{width:  88px; height:  31px;										  margin: 9px 0;}
img.drLinkButton			{width:  88px; height:  31px;  border: solid black 1px;				  margin: 9px 0;}

/* Text classes have styles specified. */
div.drTitle		{font-family: "Arial", sans-serif;		text-align: inherit; font-size: 150%; font-weight: normal; margin: 0;}
div.drBlurb		{font-family: "Comic Sans MS", cursive; text-align: justify;}
div.drStory		{font-family: "Arial", sans-serif;		text-align: justify; font-size: 105%;}
div.drNews p	{font-family: "Comic Sans MS", cursive;	text-align: center;  font-size: 80%;}
div.drChoice	{font-family: "Arial", sans-serif;		text-align: center;  font-size: 80%;}
div.drFooter	{font-family: "Arial", sans-serif;		text-align: center;  font-size: 80%; margin-top: 5em; clear: both;}
div.drScript	{font-family: "Courier New", monospace;	text-align: left;}
div.drCharacter	{font-family: "Arial", sans-serif;		text-align: justify; font-size: 105%;}
.drAuthor		{font-family: "Arial", sans-serif;		text-align: justify;}
.drQuote		{width: 90%; font-style: italic;		text-align: justify; margin-left: auto; margin-right: auto;}
.drAttribute	{text-align: right;}
.drName			{text-transform: uppercase; font-weight: bold;}
.drAbout		{font-family: "Arial", sans-serif;		text-align: justify;}
/* Scripts have additional paragraph styles specified. */
p.drPage		{font-size: 110%; font-weight: bold; margin-bottom: 0;}
p.drPanel		{font-weight: bold; margin-bottom: 0;}
p.drTextbox, p.drSpeech, p.drSpecialEffect, p.drTextChat, p.drStageDirection, p.drDescription, p.drPoem
				{margin-left: 1em; margin-right: 1em;}
p.drTextbox, p.drSpeech, p.drSpecialEffect, p.drTextChat, p.drStageDirection, p.drDescription
				{margin-top: 0; margin-bottom: 0;}
/* Characters have additional styling specified. */
div.drCharacter > div
				{margin-bottom: 3em;}

/* Tables for organising data. */
table.drAlbum		{width: 100%; text-align: center; table-layout: fixed;}
table.drAlbum img	{margin: 10px;}
table.drAdmin		{width: 100%; text-align: left; white-space: nowrap;}
table.drCast		{margin: 0 10%; width:  80%; text-align: left;   table-layout: fixed;}
table.drIssue		{margin: 0 10%; width:  80%; text-align: left; font-family: "Arial", sans-serif; font-size: 110%; margin-top: 1em;}
table.drCenter		{margin: 0 auto 0 auto;}
table.drAbout		{}
table.drAbout td	{vertical-align: top;}
/* Headers are all centered. */
h1, h2, h3, h4, h5, h6		{text-align: center;}