/*==================================================
                         body    
/*==================================================*/ 
html, body{
	margin:0;
	padding:0;}
body{
	background:#634152 url(../img/bg.jpg) repeat-y top left;
	font:12px/130% Georgia, "Times New Roman", Times, serif;
	color:#333333;}
	/*==================================================
                         layout    
/*==================================================*/ 

div#header{}
#header h1 {
	background: url(../img/logo.png) no-repeat;
	height:45px;
	margin: 0;
	padding: 0;
}
/*per nn visualizzare testo in h1*/
span.blind {
	display: none;
}

div#wrapper{}	
div#content_one{
	float:right;
	width: 800px;
	margin-bottom: 10px;
}	
#extra {
	float: left;
	margin-top: 310px;
	
}
div#footer{
	background: #ffffff url(../img/logo.png) no-repeat top right;
	width: 100%;
	clear: both;
	height: 64px;
	line-height: 37px;
	margin:0;
}

#container_guestbook{
	margin:17px 0 0 17px;
	padding:17px 13px 0px 17px;
	position:absolute;
	border:2px dotted #cccccc;
	width:900px;
	background-color:#FFFFFF;}
/*==================================================
                navigazione primaria    
/*==================================================*/      
div#navigation{
	width: 72%;
	float: right;
	text-align:right;
}
#navlist{
	list-style: none;
	padding: 0;
	margin: 17px 0 0 0;
	text-align:right;
}

#navlist li{
	display: inline;
	padding: 0;
	margin: 0;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li{
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }
/*==================================================
                navigazioni lingua    
/*==================================================*/ 
div#flag {
	float: left;
	width: 40px;
}
ul#navflag {
	margin: 20px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
ul#navflag img{border:0px solid;}
/*==================================================
                navigazioni secondarie    
/*==================================================*/  
#subnavigation{
	float:right;
	clear:right;
	width:207px;
	background:#ffffff url(../img/flowers.jpg) no-repeat;}
#subnavlist{
	text-align:right;
	padding-right:40px;
	list-style: none;
	margin-top: 0px;
	background: #ffffff url(../img/button.jpg) no-repeat right top;
	line-height: 29px;
}
#subnavigation h3{margin-top:50px;text-align:right}
subnavigation #subnavlist li {
}


address {
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	color: #666666;
	padding-top: 7px;
}
#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul li{/*display:inline;*/
	float:left;
}
li#mail {
	background: #ffffff url(../img/at.jpg) no-repeat center left;	
	}
li#tel {
	background: #ffffff url(../img/tel.jpg) no-repeat center left;	
	padding:0px 10px 0 20px;
	font-size:11px;
/*		line-height:22px;*/
}
/*==================================================
                         link    
/*==================================================*/  
a{
	text-decoration: none;
	color:#666666;
}
a:hover{text-decoration:underline;}

#subnavlist a {
	text-transform: uppercase;
	font-style: italic;
	font-size: 11px;
}

a#subcurrent, a#current {
	font-weight: bold;
	text-decoration: none;
}
#active a, #subactive a {
	font-weight: bold;
}
#content p a/*, #content ul a*/ {
	text-decoration: underline;
}
#content ol a {
	text-decoration: underline;
}
#footer li a{
	padding:0px 10px 0 30px;
}
table th a{color:#990000;}
/*==================================================
                         content    
/*==================================================*/

#container_home #content p {
	width: 195px;
	padding-top: 5px;
}
#container_home #content h2 {
	margin-top: 5px;
}
#container_home #content img {
	border: 1px solid #cccccc;
	margin: 10px 0 0 60px;
}
#content h2 {
	font-size: 1.5em;
	line-height: 120%;
}
#content p{margin-top:10px;}

table {
	width: 98%;
	border: 2px dotted #cccccc;
	clear: left;
	margin-bottom: 20px;
}
table td {
	border: 1px solid #efefef;
	padding: 3px 5px;
	font-size: 11px;
}

/*==================================================
                   guestbook   
/*==================================================*/
table input, table textarea{border: 1px solid #cccccc;}
table td input.button{background-color:#ffffff;padding: 5px;}
table th{
	border: 2px solid #efefef;
	padding: 5px;
	font-size: 12px;
	text-align:center;
}
div.htmlFooter	{
 font-size: 8px;
 margin-top: 10px;
}
div.gbinput table {text-align:center}
div.gbinput table td table td {text-align:left}

table.gbdisplay img {border:0px solid;}

h1{font-size: 1.5em;
	line-height: 120%;}

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

/*body	{
	background-color: #ffffff;
	color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 10px;
}
*//* styles the headline part of the page which initially reads " PHP Simple Guestbook Test Page" 
h1	{
	background-color: #f0f0f0;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	border-style: dotted;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #c0c0c0;
	margin: 0px;
	margin-bottom: 30px;
	padding: 20px;
}

h2	{
	font-size: 16px;
	border-style: dotted;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #c0c0c0;
	width: 50%;
}*/

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

a {
	color: #6060c0;
	text-decoration: none;
}

a:visited {
	color: #a060a0;
}

a:active {
	color: #6060b0;
}

a.adminmode	{
	color: ff0000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* styles the top part, where the welcomeMessage and the input forms etc. are at  */
/*div.gbinputarea	{
	background-color: #fff;
	border-style: none;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
}

/* styles the input part, where the textarea etc. is at  */
/*div.gbinput	{
	background-color: #f0f0f0;
	border-style: dotted;
	border-width: 1px;
	border-color: #c0c0c0;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 25px;
	margin-bottom: 25px;
	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	{
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0px;
	width: 80%;
}

/* styles the left (nickname) part of the entries */
/*td.posttopleft	{
	background-color: #f0f0f0;
	font-size: 12px;
	font-weight: bold;
	border-style: dotted;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #c0c0c0;
	width: 20%;
	padding: 5px;
}

/* styles the right (date, time) part of the entries */
/*td.posttopright	{
	background-color: #f0f0f0;
	font-size: 12px;
	border-style: dotted;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #c0c0c0;
	width: auto;
	padding: 5px;
}

/* styles the left (homepage, email) part of the entries */
/*td.postbottomleft	{
	background-color: #fff;
	font-size: 12px;
	border-style: dotted;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #c0c0c0;
	width: 20%;
	height: auto;
	padding: 5px;
	padding-top: 10px;
}

/* styles the right (message) part of the entries */
/*td.postbottomright	{
	background-color: #fff;
	font-size: 12px;
	border-style: dotted;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #c0c0c0;
	width: auto;
	height: auto;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 25px;
}

td.posttop
{
	background-color: #f0f0f0;
	font-size: 12px;
	border-style: dotted;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #c0c0c0;
	width: auto;
	padding: 5px;
}


td.postbottom
{
	background-color: #fff;
	font-size: 12px;
	border-style: dotted;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #c0c0c0;
	width: auto;
	height: auto;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
}

span.forgotten	{
	color: #ff0000;
}

span.nickname	{
	font-weight: bold;
}

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

span.simpleDateandtime	{
	color: #606060;
	font-weight: normal;
	font-size: 11px;
}

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

div.pageNavigation	{
	text-align: center;
	width: 100%;
	font-weight: bold;
}
*/

/*
#editConfigLink	{
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ff0000;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0px;
}

#totalNumber	{
	font-weight: bold;
	text-align: left;
	background-color: #fff;
	border-style: dotted;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #c0c0c0;
	margin-left: 10%;
	margin-right: 10%;
	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	{
	color: #606060;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	padding: 1px;
}

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

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