/*******************************************
  * USED COLORS
  *******************************************/
/* viola ??? :       #363682 */
/* pale blue banner: #E4E4F4 */
/* blue text:        #0F0F5A */
/* brown Spartacus:  #543943 */
/* dark rose:        #D0877C */
/* pale rose:        #DFB0B2 */

/*******************************************
  * GENERAL SETTINGS
  *******************************************/

html,body {font-size: 85%; margin: 0px auto; padding: 0px; font-family: arial, tahoma, verdana, sans-serif;
background-color: #E6E8FA;text-align:center;color:#543943;}

body { height:100% }

/*********************************************************************
  * PAGE COMPOSITION
  * 
  *      #container:
  *      ---------------------------------------------------
  *      |                     #banner                     |
  *      ---------------------------------------------------
  *      |                                                 |
  *      |                                                 |
  *      |                     #content                    |
  *      |                                                 |
  *      |                                                 |
  *      ---------------------------------------------------
  *      |                     #footer                     |
  *      ---------------------------------------------------
  *      
  *      #content:
  *      ---------------------------------------------------
  *      |       |                                         |
  *      |       |                                         |
  *      | #left |          #right                         |
  *      |       |                                         |
  *      |       |                                         |
  *      ---------------------------------------------------
  *      
  ********************************************************************/

/* main container */
#container {
	width: 1000px; margin: 0px auto; padding: 0px; 
	border-left: solid 1px rgb(125,125,125); 
	border-right: solid 1px rgb(125,125,125); 
	border-bottom: solid 1px rgb(125,125,125); 
	background-color: #E4E4F4;
	position: relative;
	text-align:left;
}

/* top banner */
#banner {
	position: relative;
	float: top;
	height: 130px;
	width: 100%;
	margin:0px;padding:0px;
	background: url(../img/banner4.gif) no-repeat #E4E4F4;
}

/* top banner international */
#banner-intl {
	position: relative;
	float: top;
	height: 130px;
	width: 100%;
	margin:0px;padding:0px;
	background: url(../img/banner4-intl.jpg) no-repeat #E4E4F4;
}

/* page content */
#content { 
	font-size:100%; 
	width: 100%;
}

/* footer */
#footer{
 clear:both;
 width:100%;
 color: #414165;
 background: #C4C4E2;  
 position : relative;
 float: bottom;
 border-top: 1px solid white;
 text-align:center;
 padding: 10px 0px 10px 0px;
}

div#footer p
{
  padding: 0px; 
  margin: 0px; 
}

/* left column */
#left{
	float: left;
    height: auto !important;  /* per i browser moderni */
    height: 450px;      /* per IE5.x e IE6 */
    min-height: 450px;  /* per i browser moderni */ 
	width: 200px;
	padding: 0px;
	margin: 0px auto;
	padding-top: 30px;
	background: url(../img/left1.gif) no-repeat;
}

/* left column x photos */
#left-photos{
	float: left;
    height: auto !important;  /* per i browser moderni */
    height: 450px;      /* per IE5.x e IE6 */
    min-height: 450px;  /* per i browser moderni */ 
	width: 200px;
	padding: 0px;
	margin: 0px auto;
	padding-top: 30px;
	background: url(../img/left-photos.jpg) no-repeat;
}

/* left column x material */
#left-material{
	float: left;
    height: auto !important;  /* per i browser moderni */
    height: 450px;      /* per IE5.x e IE6 */
    min-height: 450px;  /* per i browser moderni */ 
	width: 200px;
	padding: 0px;
	margin: 0px auto;
	padding-top: 30px;
	background: url(../img/left-material.jpg) no-repeat;
}

/* right column (page body) */
div#right {
	float: left;
	width: 756px;
	padding: 20px;
	margin: 0px auto;
}

.left-image  {
    display: block; 
	margin-right: 20px; 
	padding-bottom: 20px; 
}

/*******************************************
  * CONTENT
  *******************************************/

.content-title-left, .content-title-right {
	border-top: 1px dotted #D0877C;
	border-bottom: 1px dotted #D0877C; 
	padding: 3px 0px 3px 0px;
}

.content-title-left {
	text-align: left;
	width: 70%;
}

.content-title-right {
	text-align: right;
	white-space: nowrap;
}

/*******************************************
  * MENU 
  *******************************************/

div.menu {
}

/*******************************************
  * LOGIN 
  *******************************************/

div.left-username {
	text-align: center;
}

div.left-login-logout {
	text-align: right;
}

/*******************************************
  * CONTENT
  *******************************************/

div.content-title {
	font-size: 100%;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	color: #543943;
}

div.content {
	margin-bottom: 20px;
	text-align:justify;
}

ul.content {
	list-style: none; 
	margin: 0 0 0 0; 
	padding-left: 0px;
}

li.content, li.fastLink {
	margin: 0 0 .6em 20px; 
	padding: 0 0 0 26px; 
	background: url('../img/list2.gif') no-repeat 0px 3px; 
	margin-bottom: .6em;
}

a.content, li.fastLink a {font-family:Tahoma,Arial,Helvetica; text-decoration:none; border-bottom:1px dotted;}
a.content:link, a.content:visited, li.fastLink a:link, li.fastLink a:visited { color:#543943}
a.content:hover, a.content:active, li.fastLink a:hover, li.fastLink a:active { color:#D0877C;}

span.content-hl, td.updates-date {
	font-weight: bold;
	/*color: #D0877C;*/
}

td.updates-date, td.last-updates-date {
	margin: 0 20px 0 10px; 
	padding: 7px 3px 10px 3px;
	margin-bottom: .6em;
	vertical-align:top;
	width: 100px;
	white-space: nowrap;
	font-weight: bold;
}
td.updates-content, td.last-updates-content {
	padding: 7px 3px 10px 3px;
	text-align: justify;
}

td.last-updates-date, td.last-updates-content {
	padding: 3px;
}

/*
td.updates-date {
	margin: 0 20px 0 10px; padding: 0 30px 0 26px; background: url('../img/list2.gif') no-repeat 0px 3px; margin-bottom: .6em;
	vertical-align:top;
}
td.updates-content {
	padding-bottom: 20px;
}
*/


div.content-separator {
	height: 40px; margin:0px; padding: 0px;
	background: url('../img/separator1.gif') no-repeat; 
	background-position:center; 
}

/*******************************************
  * CREDITS
  *******************************************/

div.credits-list {
	margin: 0 0 .6em 10px; 
	padding: 0 0 0 26px; 
	background: url('../img/list2.gif') no-repeat 0px 3px; 
	margin-bottom: .6em;
	text-align: justify;
}

span.credits-hl {
	font-weight: bold;
	/*color: #D0877C;*/
}

div.credits-separator {
	height: 40px; margin:0px; padding: 0px;
	background: url('../img/separator1.gif') no-repeat; 
	background-position:center; 
}

div.credits-disclaimer {
	font-style: italic;
	text-align: justify;
}

/*******************************************
  * BOXES UNDER THE MENU
  *******************************************/
div.box
{
	margin: 40px 10px 20px 10px;
	color: #543943;
}

div.box-title
{
	font-weight:bold; 
	text-align: left;
	padding-left: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../img/list3.gif);
	background-repeat:no-repeat;
	height:20px;
}

div.box-content {
	padding: 0px;
}

/*******************************************
  * RESULTS
  *******************************************/
/*
div.results-title {
	font-size: 100%;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	color: #543943;
}

div.results-content {
	margin-bottom: 20px;
	text-align:justify;
}
*/

table.results {
	border-collapse: collapse;
	border: 1px dotted #D0877C;
	width: 100%;
}

table.results th {
	font-size: 90%;
	font-weight: bold;
	background: #D0877C;
}

table.results td {
	margin:  1px;
	padding: 3px;
	text-align: center;
}

table.results td.gold {
	background-color: gold;
}

table.results td.silver {
	background-color: silver;
}

table.results td.bronze {
	background-color: #cc9966;
}

table.results tr.odd {
}

table.results tr.even {
	background: #F5F5FA;
}

/*******************************************
  * LINKS
  *******************************************/

div.links-title {
	font-size: 100%;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	color: #543943;
}

/*******************************************
  * GUESTBOOK
  *******************************************/
#gb-intro {
	padding: 20px 0 20px 0;
	font-size: 100%;
	font-weight: bold;
	text-align: justify;
}

.gb-entry {
	border:1px dotted #543943;
	padding:5px;
	background:#FFFFFF;
}

.gb-title {
	/*font-style: italic;*/
	font-size: 100%;
	font-weight: bold;
	padding: 3px 0px 10px 0px;
	text-align: justify;
}

.gb-title a {
	color:#543943;
}

.gb-message {
	text-align: justify;
	padding: 3px 0px 7px 20px;
}

.gb-answer {
	text-align: justify;
	padding: 3px 0px 7px 20px;
}

.gb-oksana {
	font-weight: bold;
	color: #A30431;
}

.gb-admin {
	font-weight: bold;
	color: #A30431;
}

/*******************************************
  * FAN-ART
  *******************************************/
.fanart-entry-title,.fanart-entry-author,.fanart-entry  {
text-align:center;margin-top:20px;
}
.fanart-entry-title {
font-weight:bold;font-size:120%;
}
.fanart-entry-author{
font-style:italic;font-size:90%;
}
  
/*******************************************
  * DATE (now hidden)
  *******************************************/
div#date {
	position:absolute;
	top:100px;
	left:500px;
	color:#0F0F5A;
	font-style:italic;
	visibility: hidden;
}

/*******************************************
  * LOGIN (now hidden)
  *******************************************/
div#hortoolbar { 
	position:absolute;
	top: 125px;
	left: 400px;
	font-size:90%; 
	text-align: right;
	padding-left: 50px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../img/list3.gif);
	background-repeat:no-repeat;
	height:40px;
	float:right;
	color: #543943;
	visibility: hidden;
}

/*******************************************************************
 * ridefinizione stili
 ******************************************************************/
.photoActive { border-color: #D0877C !important;}


.left-photo {
    margin-right:10px;
    float:left;
    margin-bottom:10px;
    overflow:hidden;
}

.left-photo div.img img {display:block;}

.left-photo div.label {}

.left-photo .label {
    padding: 7px 10px 8px 10px;
    font-size: 10px;
}

.fastLinks {
	padding: 0 0 20px 0;
}