@CHARSET "UTF-8";

body 
{ 
	background-color: #282828;
	color: white;
	margin: 0px;
	overflow: auto;
}

body.comments
{
    padding: 10px;
}

table.bodytable
{
	width: 100%;
	height: 100%;
}

form
{
	padding: 0px; margin: 0px;
}

table
{
	border-collapse: collapse;
}



/************************* Input Table ***************************/ 

table.inputtable
{
	border: 1px solid white;
}

th.inputtableheader
{
	padding: 10px;
	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
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

table.inputtablecontent_comments
{
	width: 490px;
}

td.inputtablecaptcha
{
	padding: 15px;
}

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


/* cells of the content table within the main input box table */
table.inputtablecontent td
{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	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 multiple edit page */
table.inputtablecontent img
{
	border: 1px solid white;
}


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



/***************************** Edit Or Upload *****************************/ 


/* The thumbnails displayed on the edit/upload page */
table.inputtable img
{
	border: 1px solid white;
    margin-top: 5px;
    margin-bottom: 15px;
}

table.inputtable div.thumb_container
{
    text-align: center;
}

table.inputtable div.menu
{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}


/***************************** About *****************************/ 




table.aboutimg
{
	margin-top: 0px;
	margin-bottom: 0px;
}

table.aboutimg img
{
	border: 1px solid white; 
	height: 275px;
	width: 412px;
}

td.aboutimgcopyright
{
	text-align: right;
}


/************************* Thumbnail View ************************/ 

img.thumbnail
{
	border: 1px solid white;
}

a:hover img.thumbnail
{
	border: 1px solid #808080;
}

td.thumbnail 
{ 
	padding: 22px; 
}


img.thumbnailempty 
{ 
	border: 1px solid #282828; 
}


/*************************** Main Table **************************/ 

td.mainmenutop
{
	padding-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	height: 30px;
	background-color: #050505;
}

td.mainmenubottom
{
	padding-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	height: 30px;
	background-color: #050505;
}

td.maincontent
{
	padding-top: 15px;
	padding-bottom: 15px;
}



td.maincontent h1
{
	margin-top: 40px;
	margin-bottom: 0px;
}

td.maincontent p
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 600px;
}

td.maincontent p.narrow
{
	width: 320px;
}

td.maincontent p.centered
{
	text-align: center;
}

td.maincontent p.error
{
	color: red;
	margin-bottom: 20px;
	text-align: center;
}

td.maincontent ul
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 300px;
	text-align: left;
}

td.maincontent ul li
{
	margin-top: 8px;
}


/************************* Embedded Table *************************/ 


table.embeddedtable
{
	width: 750;
}

/* 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
{
	height: 50px;
}



/* 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
{
	margin-left: 30px;			/* spacing between the menu entries */
}


/************************ Navigation Menu ************************/ 

td.navmenuspacer
{
	width: 35px;				/* spacing between the menu entries */
}

td.navmenuentry
{
	width: 100px;
}



/**************************** Picture ****************************/ 



td#pic_cell
{
	padding-top: 5px;
}

/* This is used for the picture displaye mode that displays
 * a loading picture 
 */
div#pic_loader
{
    background: url(themes/the-ninth.com/images/loader.gif) no-repeat center center;
}

img#pic_main
{
	border: 1px solid white;
}

td.pic_title
{
	padding-top: 20px;
	text-align: center;
}

td.pic_desc
{
	text-align: center;
	padding-bottom: 20px;
}

td.pic_menu
{
	text-align: center;
	padding: 0px;
}


/**************************** Comments ****************************/ 


/* Spacing between the main elements */
div.error, div.cmt_thumb, div.cmt_heading, div.cmt_success
{
	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;
}


/* Thumbnail and Title */
div.cmt_thumb
{
	text-align: center;
}

img.cmt_thumb
{
	border: 1px solid white; 
}

/* 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: 0px;
	border: 0px; 
}

div.cmt_title
{
	padding-top: 20px;
	text-align: center;
}

div.cmt_desc, div.cmt_desc_detail
{
	padding-top: 16px;
	padding-left: 7px;
	padding-right: 7px;
}

div.cmt_desc
{
	text-align: center;
}


div.cmt_exif
{
	text-align: center;
	padding-top: 25px;
}


/* Heading of sections */

div.cmt_heading
{
	border: 1px solid white; 
	background-color: #050505;
	padding: 10px;
	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, div.cmt_comments_del
{
	padding-left: 7px;
	padding-right: 7px;
}

/* 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_del
{
	padding-top: 20px;
}

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

table.cmt_addcmt td.cmt_fielddescs
{
    width: 95px;
}


table.cmt_addcmt td.cmt_savefield
{
	padding-top: 8px;
}

table.cmt_addcmt td.cmt_cmtfielddesc, 
table.cmt_addcmt td.inputtablecaptcha
{
	padding-top: 13px;
}


/**************************** Login ****************************/ 

input.login
{
    width: 200px;
}