@CHARSET "ISO-8859-1";

body 
{ 
	background-color: #282828;
	color: white;
	font-family: Verdana, "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	font-size: 8pt;
	margin: 0px;
	overflow: auto;
}

table.bodytable
{
	width: 100%;
	height: 100%;
}


/* The standard link format is the format of the links in the top main menu */
a
{
	font-size: 8pt; 
	text-transform: lowercase; letter-spacing: 2px;	color: white;
	text-decoration: none;
}


/* This link format is used for links within the content */
td.maincontent a, div.cmt_comments_head a, div.cmt_comments_text a, div.cmt_desc_detail a, td.inputtablecaptcha a
{
	font-size: 8pt; 
	font-variant: normal;
	text-decoration: underline;
	letter-spacing: 0px;
	text-transform: lowercase;}


a img 
{
	border: 1px solid white;
}

a:hover
{
	color: #808080;
}

a:hover img
{
	border: 1px solid #808080;
}





form
{
	padding: 0px; margin: 0px;
}

table
{
	border-collapse: collapse;
}


/************************* Input Table ***************************/ 

table.inputtable
{
	border: 1px solid white;
}

th.inputtableheader
{
	padding: 10px;
	font-weight: normal;
	font-size: 8pt; 
	text-transform: lowercase; letter-spacing: 2px;	border-bottom: 1px solid white;
	background-color: #050505;
	height: 1px;
}

/* an input table consists of a table with a header and one cell below that contains the content
   This is the cell of the main table that contains the content, as opposed to the 
   table class with the same name lower. The table class with the same name is used
   for content tables that are stored within this cell.*/ 
td.inputtablecontent
{
	font-size: 40pt; 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-transform: lowercase;}

/* The link format within this table cell is defined at the beginning of this file */
td.inputtablecaptcha
{
	padding: 15px;
}

td.inputtableconfirm
{
	vertical-align: middle;
	text-align: center;
}



input.submitbutton
{
	text-transform: lowercase;}

/* cells of the content table within the main input box table */
table.inputtablecontent td
{
	font-size: 8pt; 
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	text-transform: lowercase;	vertical-align: middle;
}

/* Used for descriptions of input fields that have multiple lines (ie text areas). For 
   those the description will be vertically aligned to the top. */
table.inputtablecontent td.multilinedesc
{
	padding-top: 9px;
	vertical-align: top;
}

/* Used for descriptions of input fields that have multiple lines (ie text areas). For 
   those the description will be vertically aligned to the top. */
table.inputtablecontent td.multilinedesc
{
	padding-top: 9px;
	vertical-align: top;
}

/* The thumbnails displayed on the edit page */
table.inputtablecontent img
{
	border: 1px solid white;
}


tr.inputtableseparator
{
	border-top: 1px solid white;
	padding: 3px;
}



/***************************** About *****************************/ 




table.aboutimg
{
	margin-top: 0px;
	margin-bottom: 0px;
}

table.aboutimg img
{
	border: 1px solid white; 
	height: 275px;
	width: 412px;
}

td.aboutimgcopyright
{
	font-size: 6pt; 
	text-align: right;
}


/************************* Thumbnail View ************************/ 


td.thumbnail 
{ 
	padding: 22px; 
}


img.thumbnailempty 
{ 
	border: 1px solid #282828; 
}


/*************************** Main Table **************************/ 

td.mainmenutop
{
	text-transform: lowercase; letter-spacing: 2px;	font-size: 8pt; 
	padding-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	height: 30px;
	background-color: #050505;
}

td.mainmenubottom
{
	text-transform: lowercase; letter-spacing: 2px;	padding-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	height: 30px;
	background-color: #050505;

	letter-spacing: 1px; 
	font-size: 7pt;
}


td.mainmenubottom a
{
	letter-spacing: 1px; 
	font-size: 7pt;
}

td.maincontent
{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 8pt; 
    text-transform: lowercase;}



td.maincontent h1
{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 8pt; 
	font-weight: normal;
	text-transform: lowercase; letter-spacing: 2px;}


td.maincontent p
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 660px;
}


td.maincontent p.error
{
	color: red;
	margin-bottom: 20px;
}

td.maincontent p.long
{
	width: 660px;
	text-align: justify;
}


div.adminmenu
{
	font-size: 8pt;
	letter-spacing: 1px; 
}

div.adminmenu a
{
	font-size: 8pt;
	letter-spacing: 1px; 
}

/************************* Embedded Table *************************/ 


table.embeddedtable
{
	width: 750px;
}

/* Defines height of table cell that holds the menu in the bottom of the thumbnail grid/picture.
   This is necessary to keep the height the same, even if there are no menu entries at all */
td.embeddedmenu
{
	text-transform: lowercase; letter-spacing: 2px;	font-size: 8pt; 
	height: 50px;
}

td.embeddedmenu a
{
	font-size: 8pt; 
	text-transform: lowercase; letter-spacing: 2px;	text-decoration: none;
}


/* Format of link in the embedded menu on top of the thumbnail grid/picture. */
a.embeddedmenutop
{
	margin-left: 30px;			/* spacing between the menu entries */
}

/* Format of drop down boxes in the embedded menu on top of the thumbnail grid/picture. */
select.embeddedmenutop
{
	text-transform: lowercase; letter-spacing: 1px;	font-size: 8pt; 
	margin-left: 30px;			/* spacing between the menu entries */
}


/************************ Navigation Menu ************************/ 

td.navmenuspacer
{
	width: 35px;				/* spacing between the menu entries */
}

td.navmenuindex
{
	font-size: 8pt; 
}

td.navmenuentry
{
	width: 100px;
}

td.navmenuentry a
{
	font-size: 8pt; 
	text-transform: lowercase; letter-spacing: 2px;	text-decoration: none;
}


/**************************** Picture ****************************/ 



img.picture 
{ 
	/* Height and Width are defined directly in the HTML element since these values come out of the database */
	border: 1px solid white; 
	margin-top: 5px;
}

a.picture:hover
{
	color: white;
}

a.picture:hover img
{
	border: 1px solid white;
}

td.title
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 8pt; 
	text-transform: lowercase; letter-spacing: 2px; 
	text-align: center;
}

td.description
{
	font-size: 7pt; 
	text-transform: lowercase;	text-align: center;
	padding-bottom: 20px;
}

td.comment
{
	font-size: 7pt; 
	text-transform: lowercase;	text-align: center;
	padding: 0px;
}


/**************************** Comments ****************************/ 


/* Spacing between the main elements */
div.error, div.cmt_thumb, div.cmt_heading 
{
	margin-top: 30px;
}


/* Display of errors when saving the comment */
div.error
{
	color: red;
}

/* Top menu of the comment window */

div.cmt_menu
{
	text-align: right;
}

div.cmt_menu a
{
	font-size: 8pt; 
	text-transform: lowercase; letter-spacing: 2px;	color: white;
	text-decoration: none;
	letter-spacing: 1px;
}


/* Thumbnail and Title */

div.cmt_thumb
{
	text-align: center;
}

img.cmt_thumb
{
	border: 1px solid white; 
}

/* Limits the width for the display of all comments in the main window */
div.cmt_frame
{
	width: 490px;
	text-align: left;
	border: 1px solid white;
	padding: 20px; 
}

/* For the thumbs embedded left from the text in the mode that displays all comments */
div.cmt_thumb_embedded
{
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	border: 1px solid white; 
}

div.cmt_title
{
	text-transform: lowercase;	text-align: center;
	padding-top: 20px;
	font-size: 8pt; 
	font-weight: bold;
}

div.cmt_desc, div.cmt_desc_detail
{
	text-transform: lowercase;	padding-top: 16px;
	padding-left: 7px;
	padding-right: 7px;
}

div.cmt_desc
{
	text-align: center;
	font-size: 8pt; 
}

/* format of links for this class is defined in the general section at the beginning */ 
div.cmt_desc_detail
{
	text-align: justify;
	font-size: 8pt; 
}

div.cmt_exif
{
	text-align: center;
	font-size: 6pt; 
	padding-top: 25px;
}


/* Heading of sections */

div.cmt_heading
{
	border: 1px solid white; 
	background-color: #050505;
	padding: 10px;
	text-transform: lowercase; letter-spacing: 2px;	font-size: 8pt; 
	text-align: center;
	margin-bottom: 5px;
}

/* Comment entries */

div.cmt_comments_head, div.cmt_comments_text, div.cmt_comments_date, table.cmt_addcmt td, div.cmt_comments_sep
{
	padding-left: 7px;
	padding-right: 7px;
	text-transform: lowercase;}

/* Note that a format for the links within the head is defined at the beginning of this file
   with the link format definitions */
div.cmt_comments_head
{
	padding-top: 7px;
}

/* Note that a format for the links within the text is defined at the beginning of this file
   with the link format definitions */
div.cmt_comments_text
{
	padding-top: 12px;
	padding-bottom: 12px;
}

div.cmt_comments_date
{
	font-size: 6pt; 
}

div.cmt_comments_sep
{
	margin-top: 14px;
	border-top: 1px solid white;
	padding-bottom: 7px;
	clear: left;
}

/* Table for adding a new comment */

table.cmt_addcmt
{
}

table.cmt_addcmt td
{
	padding-top: 7px;
	font-size: 8pt; 
}
