/* 
.menu	 - The black area on the left
.banner  - The strip across the top
.content - The main area for text
*/

body 
{ 
	margin: 0px 0px 0px 0px; 
	border: 0px 0px 0px 0px;
	color:black;
	font-family: georgia, sans-serif;
	background-color: #eBeBeB;	
}


/* Anchors */

a:link { color: #800090; }
a:visited { color: #800090; }

.menu a:visited, .menu a:link, .admin_menu a:visited, .admin_menu a:link  {color: #ba8cff;}
.menu a:hover, .admin_menu a:hover { color: white; }

.menu a
{
	white-space: nowrap; 
	text-decoration: none;
}

/* Page */

table.main { width:96%; }
table.list tr td { padding: 2px 10px 2px 20px; }

td.banner
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(purple.jpg);
	text-align: right;
	vertical-align: middle;
	background-repeat:repeat-x;
}

td.admin_menu
{
	color:white;
	background:black;
	font-family: verdana, sans-serif;
	font-size: 120%;
	padding: 10px 20px 10px 30px;
	vertical-align: top;	
}

td.menu
{
	color:white;
	background:black;
	font-family: verdana, sans-serif;
	font-size: 150%;
	padding: 25px 30px 25px 30px;
	vertical-align: top;
}

td.content
{
	width: 80%;
	vertical-align: top;
	padding: 25px 0px 25px 30px;
	margin: 0px 30px 0px 0px;
	font-size: 100%;
	height: 550px;	
}

.content td.product
{
	background: #dfdfdf;
	vertical-align: top;
	width:50%;
}

.content table.gallery
{
	vertical-align: middle;
	text-align: center;	
}


/* Headers */

h1, h2, h3
{
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.content h1 { font-size: 150%; letter-spacing: 2px; margin: 0px 0px 0.25em 0px; }
.content h2 { font-size: 135%; letter-spacing: 1px; }
.content h3	{ font-size: 120%; letter-spacing: 1px; }

.product h1 { font-size: 130%; letter-spacing: 1px;	margin: 0px 0px 0.5em 0px; }
.product h2 { font-size: 120%; letter-spacing: 0px; }
.product h3 { font-size: 100%; font-weight: bold; letter-spacing: 0px; }


/* Sections */
div.section
{
	margin-bottom: 1.5em;	
}

div.note
{
	margin-bottom: 1em;	
}

div.debug
{
	background: white;
	border: 1px solid black;
	padding: 1px 2px 1px 2px;
	margin: 2px 2px 2px 2px;
}

div.error { margin: 0px 0px 1em 0px; }
.error { font-weight: bold; }
.error { color: #A11;}


/* Images */

div.product_image
{
	float: left;
}

img.product
{
	margin: 0px 10px 1px 0px;
	border: 1px solid black;
}

div.float_right
{
	clear: both;	
	float: right;
	margin: 0px 0px 10px 10px;
}

div.float_right img.float_right
{
	border: 1px solid black;
}

/* Forms */

table.form th
{
	text-align:left;
	padding-right: 8px;	
}

input.number
{
	padding: 1px 2px 1px 2px;
	border: solid 1px black;
	width: 5em;
}

input.checkbox
{
	padding-left: 0px;
	margin-left: 0px;
}

input.radio
{
	padding-left: 0px;
	margin-left: 0px;
}

input.file
{
	border: 1px solid black;	
	width:30em;
}

input.text, input.password
{
	padding: 1px 2px 1px 2px;
	border: solid 1px black;
	width: 20em;
}

textarea.note
{
	padding: 1px 2px 1px 2px;
	border: solid 1px black;
	width: 40em;
	height: 25em;
}

textarea.description
{
	padding: 1px 5px 1px 2px;
	border: solid 1px black;
	width: 40em;
	height: 15em;
}

select
{
	border: solid 1px black;
	width: 20em;		
}

input.submit
{
	margin: 0px 2px 0px 0px;
}


/* HTML Fixes */

/* Prevent <form> from affecting page layout. */
form { display: inline; }

/* Blank space below <p>, not above. */
p { margin: 0px 0px 0.75em 0px; }

/* Prevent <ul> & <ol> from affecting page layout. */
ul, ol
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Use the values below to make IE and Firefox use the same level of indentation.
ul, ol
{
	padding-left: 0px;
	margin-left: 40px;
}
*/