/*
	The style information here applies regardless of the selected style.
*/

#navButtons {
	margin:20px;
}

#pictureDiv img	{
	margin:auto;
	position:relative;
	height:400px;
	border:none;
}

#container {
	margin-top: 20px;
}

/*Top row menu items (Pictures, View ...Comments ......... Login Stuff on the right)*/
.menuItem {
	text-decoration: underline;
	cursor: pointer;
	font-size: 16pt;
	margin: 5px;
	display: inline;
}


/* Popup style */

#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #000000;  
	z-index:1;  
}  

#popupContact{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:400px;  
	width:408px;
	background-color: #ffffff;
	z-index: 2;
	text-align: center;
	padding: 5px;
	border: 5px solid #000000;
	overflow: auto;
}  















/*General*/
*	{
	font:"century gothic";
}

body	{
	text-align:center;
}

/*	Top section with Home | View All Comments | etc...						*/
/*	If there are unapproved comments, .newComments, else .noComments		*/
.newComments	{
	position:absolute; 
	top:0px; 
	left:0px;
}
.newComments a	{
	font-weight:bold;
}

.noComments	{
	position:absolute; 
	top:0px; 
	left:0px;
}

/*Login form in the upper right corner*/
#logout	{
	position:absolute;
	top:0px;
	right:10px;
}

/*The Title of the Page*/
h1	{
	font: 48pt century gothic;
}

/*Everything below the Title*/
#container	{
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: -25px;
	top: 25px;
	position: relative;
	width:70%;
	padding-bottom:50px;
	opacity:.98;
	filter: alpha(opacity=98);
}

/*Prev and Next buttons*/
.nav	{
	font: 20pt century gothic;
	margin:auto;
	margin:15px;
	padding:5px;
	width:200px;
}

/*The text inside the Prev and Next buttons*/
.nav a	{
	text-decoration:none;
}

/*Title of the Picture*/
h2	{
	font: 36pt century gothic;
	width:600px;
	margin:auto;
	margin-bottom:15px;
}


/*         A    DDDD   M   M  IIIII  N   N      PPPP     A     GGGG  EEEEE       */
/*        A A   D   D  MM MM    I    NN  N      P   P   A A   G      E           */
/*       AAAAA  D   D  M M M    I    N N N      PPPP   AAAAA  G  GG  EEEE        */
/*       A   A  D   D  M   M    I    N  NN      P      A   A  G   G  E           */
/*       A   A  DDDD   M   M  IIIII  N   N      P      A   A   GGG   EEEEE       */

/*Table Headers*/
/*Profile, Admin*/
th	{
	font-size:18pt;
}

/*Tables on the admin page*/
.adminTable	{
	width:80%;
	margin:auto;
	margin-bottom:5px;
}

/*OK and DELETE buttons for unapproved comments*/
.okbutton	{
	width:20px;
	height:20px;
	
}

/*Admin Table Input Boxes*/
.caption	{
	font-size:20pt;
	width:70%;		
}

/*Little pictures at the bottom of the admin page*/
.thumbnail	{
	width:175px;
}

#adminOptions, #adminContainer {
	
	background-color: white;
	color: black;
}

/*       PPPP   RRRR    OOO   FFFFFF IIIII  L      EEEEE       */
/*       P   P  R   R  O   O  F        I    L      E           */
/*       PPPP   RRRR   O   O  FFFF     I    L      EEEE        */
/*       P      R  R   O   O  F        I    L      E           */
/*       P      R   R   OOO   F      IIIII  LLLLL  EEEEE       */


/*User Name*/
.profileInfo	{
	font-size:18pt;
}

/*all text boxes*/
.profileInput	{
	width:80%;
	text-align:center;
	font-size:18pt;
}

/*       V   V  IIIII  EEEEE  W   W  EEEEE  RRRR        */
/*       V   V    I    E      W   W  E      R   R       */
/*       V   V    I    EEEE   W W W  EEEE   RRRR        */
/*        V V     I    E      W W W  E      R  R        */
/*         V    IIIII  EEEEE   W W   EEEEE  R   R       */

#centerPicture	{
	margin:auto;
	position:relative;
	width:600px;
	border:none;
}

.commentLabel	{
	font-weight: bold;
	font-size:16pt;
}
/*ADMIN ONLY*/
/*Enterable titles on the page*/
#titleInput	{
	width:500px;
	font:26pt century gothic;
	text-align:center;
}

/*Submit Button*/	
#titleSubmit	{
	font-size:20pt;
	
}

/*Comment form enclosure*/
#FRM_comment	{
	width:50%;
	text-align:left;
	margin:auto;
}

/*List of comments at the bottom of the screen*/
.comment	{
	width:75%;
	margin:auto;
	text-align:left;
	font-weight:bold;
	font:18pt century gothic;
	margin-bottom:15px;	
}

/*On a failed login, a different login page is displayed*/
/*This is the table containing the login form*/
#loginTable{
	margin:auto;
}

/*       N   N  EEEEE  W   W      U   U   SSS   EEEEE  RRRR       PPPP     A     GGGG  EEEEE       */
/*       NN  N  E      W   W      U   U  S      E      R   R      P   P   A A   G      E           */
/*       N N N  EEEE   W W W      U   U   SSS   EEEE   RRRR       PPPP   AAAAA  G  GG  EEEE        */
/*       N  NN  E      W W W      U   U      S  E      R  R       P      A   A  G   G  E           */
/*       N   N  EEEEE   W W        UUU    SSS   EEEEE  R   R      P      A   A   GGG   EEEEE       */

#newUserTable	{
	margin:auto;
	text-align:left;
	width:60%;
}

#newUserTable td	{
	width:50%;
}

#newUserTable td input	{
	width:100%;
}

/*        CCC    OOO   M   M  M   M  EEEEE  N   N  TTTTT      PPPP     A     GGGG  EEEEE       */
/*       C      O   O  MM MM  MM MM  E      NN  N    T        P   P   A A   G      E           */
/*       C      O   O  M M M  M M M  EEEE   N N N    T        PPPP   AAAAA  G  GG  EEEE        */
/*       C      O   O  M   M  M   M  E      N  NN    T        P      A   A  G   G  E           */
/*        CCC    OOO   M   M  M   M  EEEEE  N   N    T        P      A   A   GGG   EEEEE       */

/* The block the comment sits in*/
.commentList{
	text-align:left;
}

/*The text of the comment*/
.liComment{
	position:relative;
	margin-left:5px;
	list-style:none;
	font-size:20pt;
}

/*The commenters name (text)*/
.liName{
	position:relative;
	margin-left:100px;
	list-style:disc;
	font-size:16pt;
	font-style:italic;
}

/*Not sure this is used anymore
.liPic{
	position:relative;
	margin-left:200px;
	list-style:none;
	font-size:16pt;
	font-style:italic;	
	background-color:#ff0000;
}
*/

/*Not sure this is used anymore
.liPic img	{
	width:200px;
}
*/