@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
{
	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;
}

td.inputtablecontent
{
	font-size: 8pt; 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-transform: lowercase;}

td.inputtableconfirm
{
	vertical-align: middle;
	text-align: center;
}

input.submitbutton
{
	text-transform: lowercase;}

table.inputtablecontent td
{
	font-size: 8pt; 
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	text-transform: lowercase;	vertical-align: middle;
}

tr.inputtableseparator
{
	border-top: 1px solid white;
}



/***************************** 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: 7pt; 
	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: 7pt; 
}

/* format of links for this class is defined in the general section at the beginning */ 
div.cmt_desc_detail
{
	text-align: justify;
	font-size: 7pt; 
}

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; 
}