/**
* CBLU.NET
*
* @author 	Paolo Certo <paolocerto@cblu.net>
* @copyright	CBLU.NET X3, All Rights Reserved
* @link		{http://www.cblu.net}
* @name		public/screen.css
	
*/

html,body {
	width:	 100%;
	height:		100%;
	margin:		0;
	padding: 	0;
	background:	#000 url(../images/back0.gif);
	text-align:	center;
}

a, p, H1, H2, H3, H4, H5, H6, div, td, th, input, select, textarea, button {
	font-family: century gothic,verdana,arial;
	color:#999;
}

a {
	text-decoration: none;
}

a:hover {
	color:	#ddd;
}

img {
	border: 		2px solid #999;
	margin: 		0;
	padding:		0;
	vertical-align:	middle;
}

#page {
	position:		relative;
	width: 			620px;
	height:			98%;
	min-height:		98%;
	margin: 		0 auto;
	padding:		5px 0;
	background:		url(../images/bar2.gif) top left repeat-y;
	text-align:	left;
}

#index {
	margin: 		0 auto;
	padding-top: 	200px;
	text-align: 	center;
}

#header {
	position: 		relative;
	top:			15px;
	width: 			920px;
	height:			105px;
	margin: 		0 auto;
	margin-bottom:	20px;
	padding:		0;
	text-align:		right;
	background:		url(../images/aleseales.jpg) top right no-repeat;
}

#header h1 {
	margin:	0;
	padding-top:	5px;
	font-size:	3.1em;
	font-weight:	200;
	color: #777;
}

#header h1 span {
	font-size:	1.1em;
}

#header p {
	margin:	0;
	color:	#666;
	font-size:	0.9em;
}

#stripe {
	width: 			98%;
	margin:			10px auto;
	padding:		15px 0 10px 0;
	background:		#433 url(../images/back00.gif);
	text-align:		center;
}

#stripe table {
	width: 			620px;
	height:			170px;
	margin: 		0 auto;
	padding:		0;
	border:	none;
}

#stripe td {
	margin:			0;
	padding:		0;
	text-align:		center;
	vertical-align:	top;
}

#stripe td a {
	border:	none;
}

#stripe td p {
	margin:	1px 0 0 0;
	font-size:	0.75em;
}

#menu {
	width: 			920px;
	height:			110px;
	margin: 		0 auto;
	padding:		10px 0 0 20px;
	text-align:		left;
}

#menu ul {
	list-style:		none;
	width:			130px;
	margin:			0;
	padding:		0;
}

#menu li {
	margin:			0;
	padding:		0;
}

#menu li a {
	display:		block;
	padding: 		0;
	font-size:		0.8em;
	line-height:	1.5em;
}

#footer {
	margin: 		0 auto;
	width: 			920px;
}

.fleft {
	float:		left;
	width:		300px;
	margin:		30px 0 0 0;
	padding:	0;
	text-align:		left;
	font-size:	0.65em;
	color:	#666;
}

.fright {
	float:		right;
	width:		300px;
	margin:		30px 0 0 0;
	padding:	0;
	text-align:		right;
	font-size:	0.7em;
	color:	#666;
}

#mleft {
	float:		left;
	width:		130px;
	margin:		0;
	text-align:		left;
}

#name {
	width:		135px;
	margin:		5px;
	text-align: right;
	border-bottom:	1px solid #777;
}

#name p {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size:	0.9em;
}

#page ul {
	list-style:		none;
	width:			130px;
	margin:			0;
	padding:		10px 0 10px 15px;
}

#page li {
	margin:			0;
	padding:		0;
}

#page li a {
	display:		block;
	padding: 		0;
	font-size:		0.8em;
	line-height:	1.5em;
}

#mleft ul.nav {
	margin-top: 80px;
}

#mright {
	float:		right;
	width:		460px;
	margin:		40px 0 0 0;
	padding:	0;
	text-align:		center;
}

#mright p {
	font-size:	0.9em;
}

#form {
	width:	350px;
	margin:	0 auto;
	font-size:	0.9em;
	text-align:	left;
}

#form input, textarea {
	margin-bottom: 5px;
	font-size:	0.8em;
	border:	1px solid #999;
	background:	#444;
	color:	#eee;
	
}

div.cita {
	position:	relative;
	width:	300px;
	margin:	0 auto;
	padding-top:	10px;
	font-size: 0.9em;
	text-align:	center;
}

.sign {
	margin-right: 15px;
	font-size: 0.8em;
	text-align:	right;
}

div.nota {
	position:	relative;
	width:	400px;
	margin:	0 auto;
	padding-top: 20px;
	font-size: 0.75em;
	text-align:	left;
}

.fclear {
	clear:			both;
	height:			1px;
}

#mini {
	width:		550px;
	margin: 	15px 0;
	text-align:	center;
}

#mini img.minimg {
	width: 100px;
	height:	50px;
}

/* menu con miniature di album */
table.mini {
	width:	550px;
	margin-left:	20px;
	font-size:	0.85em;
}

td.tright {
	text-align:	right;
}

td.minileft {
	width:	100px;
	text-align:	center;
}

td.miniright {
	width:			400px;
	padding-left:	30px;
	text-align:		left;
}

td.miniright p {
	font-size:		0.9em;
}

.arrow {
	border: none;
	margin:	0 5px;
}

.arrow2 {
	border: none;
	margin:	0 1px;
}

/* menu con miniature di foto */

#mini2 {
	width:		100px;
	margin: 	15px 0;
	text-align:	center;
}

#mini2 img.minimg {
	width: 100px;
	height:	50px;
}

table.mini2 {
	width:	100px;
	margin-left:	20px;
}

td.mini2left {
	width:	130px;
	text-align:	center;
}

#nav2 {
	float:	right;
	width:	470px;
	margin:	0 0 10px 0;
	text-align:	right;
}