/* These CSS definitions are part of the flatPHPbook script (c) 2003 by Thomas Hettenhausen */

body	{
	/*background-image: url(/imgs/bg-guestbook.png);
	background-position: 650 8;
	background-attachment: fixed;
	background-repeat: no-repeat;*/
	background-color: #770000;
	margin:		8px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* styles the headline part of the page which initially reads " PHP Simple Guestbook Test Page" */
h1	{
	color:		#CCCCCC;
	font-size: 22px;
	text-align: center;
	/*background-color: #c0c0e0;*/
	border:		1px solid #CCCCCC;
	margin-bottom: 20px;
	//padding: 10px;
}

h2	{
	font-size: 16px;
}

/* for some reason, this is not inherited from the body tag */
td	{
	font-size: 12px;
}

a {
        color:          #FFFFFF;
        text-decoration: underline
}


a.adminmode	{
	color: f00;
}


/* styles the top part, where the welcomeMessage and the input forms etc. are at  */
div.gbinputarea	{
	/*background-color: #f8f8f8;*/
	border: 0px;
	//margin-top: 25px;
	//margin-bottom: 25px;
	margin:	0px;
	padding: 0
}

/* styles the input part, where the textarea etc. is at  */
div.gbinput	{
	//border-style: none;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	//margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px
}

/* styles the table holding the entries, the border-collapse is important or you will get double lines between the table cells */
table.gbdisplay	{
	padding: 0px;
	border-collapse: collapse;
	width: 100%
}

/* styles the left (nickname) part of the entries */
td.posttopleft	{
	background-color: #775555;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 130;
	padding: 5px;
}

/* styles the right (date, time) part of the entries */
td.posttopright	{
	background-color: #775555;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: auto;
	padding: 5px;
}

/* styles the left (homepage, email) part of the entries */
td.postbottomleft	{
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 130;
	height: auto;
	padding: 5px;
	padding-top: 10px;
}

/* styles the right (message) part of the entries */
td.postbottomright	{
	font-size: 12px;
	border:	1px solid #CCCCCC;
	width: auto;
	height: auto;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
}

td.posttop	{
	background-color: #c0c0e0;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
	height: auto;
	padding: 5px;
}

td.postbottom	{
	background-color: #f8f8f8;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-top-width: 1px;
	border-color: #FFFFFF;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
}

span.forgotten	{
	color: #ff0000;
}

span.nickname	{
	font-weight: bold;
}

span.dateandtime	{
	color: #000;
	font-weight: bold;
}

span.simpleDateandtime	{
	color: #606060;
	font-weight: bold;
}

/* the div which contains the link to the admin mode at the end of the script */
div.adminlink	{
	font-size: 9px;
	text-align: center;
	margin-top: 8px;
}

div.jsHelpLine	{
	color: #CCCCCC;
	font-size: 12px
}

div.pageNavigation	{
	text-align: center;
	width: 100%;
	font-weight: bold;
	margin-bottom: 0px;
}

div.htmlFooter	{
	text-align: center;
	font-size: 9px;
	margin-top: 10px;
}

#editConfigLink	{
	background-color: #fff;
	color: #f00;
	border-style: solid;
	border-width: 1px;
	border-color: #ff0000;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0px
}

#totalNumber	{
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0px;
}

/* this gives the buttons and the other input fields their stylish flat look - disabled if unwanted */
input, textarea	{
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	padding: 1px;
}

img	{
	border-style: none;
	border-width: 0px;
}

.deleteButton	{
	color: #f00;
	background-color: #fff;
	border-color: #f00;
	margin: 5px;
}

/* Added for cyberpork.org --- the main menu*/
div#main {
	padding:	0;
	width:		640px
}

div#upbox {
        border:         1px solid #CCCCCC;
	background-image: url(/imgs/bg-upbox.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
        color:          #EEEEEE;
	margin-bottom:	35px;
        position:       relative;
        height:         95px;
}

.title-row {
        font-size:      xx-large;
        position:       absolute;
        top:            10%;
        left:           3%
}

.menu-row {
        color:          #BBBBBB;
        font-size:	13pt;
        position:       absolute;
        bottom:         5%;
        left:           3%
}

div.menu-row a {
        text-decoration:        none;
        color:                  #BBBBBB
}