/* Generated by Color Designer at nano.stevelt.com. */
.my-theme-page { color: #000000; background-color: #ffdaa4}
.my-theme-story { color: #000000; background-color: #fff2df}
.my-theme-normal { color: #000000; background-color: #c58566}
.my-theme-current { color: #ffffff; background-color: #e15b15}
.my-theme-hover:hover { color: #000000; background-color: #ffe9cc}
.my-theme-disable { color: #000000; background-color: #999999}

body.body
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h1, h2
{
	text-align: center;
}

.my-hover-transparent
{
	background-color: #c58566 !important;
	color: #000000 !important;
}

.my-hover-transparent:hover
{
	background-color: #c58566 !important;
	color: #000000 !important;
}

.footer 
{
	font-size: smaller;
	color: #999999;
	text-align: center;
}

.table
{
	margin: 5px auto;
	padding: 5px;
	width: 100%;
	border: none;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

@media not screen
{
	/* border-color: top right bottom left */
	div.story
	{
		margin: 10px auto;
		padding: 10px;
		width: 95%;
		border-width: 2px;
		border-style: solid;
		border-color: #999999;
		border-radius: 6px;
	}
}

@media only screen and (min-width: 601px)
{
	div.story
	{
		margin: 10px auto;
		padding: 10px;
		width: 95%;
		border-width: 2px;
		border-style: solid;
		border-color: #999999;
		border-radius: 6px;
	}
}

@media only screen and (max-width: 600px)
{
	div.story
	{
		margin: 5px auto;
		padding: 5px;
		width: 98%;
		border-width: 2px;
		border-style: solid;
		border-color: #999999;
		border-radius: 6px;
	}
}

/* this moved here from colordesigner.html to avoid W3 Markup Validator errors. */
table.large
{
	margin: 5px auto;
	padding: 5px;
	width: 100%;
	border: solid 1px black;
	border-collapse: collapse;
}

td.large
{
	margin: 5px auto;
	padding: 5px;
	width: 14%;
	border: solid 1px black;
}

table.small
{
	margin: 1px auto;
	padding: 1px;
	width: 100%;
	border: solid 1px black;
	border-collapse: collapse;
}

td.small
{
	margin: 1px auto;
	padding: 1px;
	/* width: 14%; */
	border: solid 1px black;
}

div.designer-page
{
	margin: 10px auto;
	padding: 10px;
	width: 95%;
	border-width: 2px;
	border-style: solid;
	border-color: #999999;
	border-radius: 6px;
}

div.designer-story
{
	margin: 10px auto;
	padding: 10px;
	width: 95%;
	border-width: 2px;
	border-style: solid;
	border-color: #999999;
	border-radius: 6px;
}