/*************************************************/
/*                                               */
/* css styles for RexBibendi new home page       */
/*                                               */
/* A Fabrizio Ceccato production in 2007         */
/* fabrizio@ceccato.info                         */
/*                                               */
/*************************************************/

/* --------------------------------------------- */
/* - general ----------------------------------- */
/* --------------------------------------------- */

body
{
 font: 9pt Verdana, Tahoma, Arial, sans-serif;
 color: #000;
 background: #fff url(../gfx/gradient.jpg) repeat-x;
 margin: 0;
 padding: 0;
}

h1 { display: none; }
h2
{
 clear: both;
 font: bold 12pt Verdana, Tahoma, Arial, sans-serif;
 color: #000;
 margin: 28px 0 0 0;
 padding: 0;
}


h4 { display: none; }

a:link    { color: #000; }
a:visited { color: #000; }
a:active  { color: #000; }
a:hover   { color: #000; }

img  { float: left; margin: 8px; padding: 0; }

acronym { font-style: italic; border-bottom: dotted 1px #000; cursor: help; }

p
{
 font: normal 9pt Verdana, Tahoma, Arial, sans-serif;
 color: #000;
 text-align: justify;
 margin: 8px 0 0 0;
 padding: 0;
}

ul
{
 margin: 2px 0 0 45px;
 padding: 0;
}

li
{
 font: normal 8pt Verdana, Tahoma, Arial, sans-serif;
 color: #000;
 text-align: justify;
 text-transform: lowercase;
 margin: 0;
 padding: 0 6px 2px 0;
}


/* --------------------------------------------- */
/* - divs -------------------------------------- */
/* --------------------------------------------- */

#main
{
 margin: 8px 32px 8px 32px;
 padding: 0;
}


#header
{
 background: url(../gfx/logo_top.gif) no-repeat;
 width: 260px;
 height: 140px;
 margin: 0;
 padding: 0;
}

#header h2 { display: none; }

#menu ul
{
 position: absolute;
 top: 130px;
 left: 94px;
 height: 82px;
 margin: 0;
 padding: 0;
 list-style: none;
}

#menu li
{
 display: block;
 float: left;
 width: 64px;
 height: 24px;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#menu li a
{
 display: block;
 height: 100%;
 padding: 0;
 margin: 0;
}

#forum a { background: url(../gfx/forum_off.gif) no-repeat; }
#album a { background: url(../gfx/album_off.gif) no-repeat; }
#mappa a { background: url(../gfx/mappa_off.gif) no-repeat; }

#album a:hover { background: url(../gfx/album_on.gif) no-repeat; }
#forum a:hover { background: url(../gfx/forum_on.gif) no-repeat; }
#mappa a:hover { background: url(../gfx/mappa_on.gif) no-repeat; }

#sidebox
{
 position: absolute;
 top: 16px;
 right: 32px;
 background: #FFF url(../gfx/sidebox.gif) no-repeat;
 width: 140px;
 height: 500px;
 margin: 0;
 padding: 0;
}

#sidebox img
{
 border: none;
 margin: 8px;
 padding: 0;
}

#sidebox h2
{
 font: bold 12pt Verdana, Tahoma, Arial, sans-serif;
 color: #000;
 margin: 8px 0 20px 30px;
 padding: 0;
}

#footer
{
 clear: both;
 background: #FFF;
 margin: 4px;
 padding: 0;
 float: right;
}

#footer a:link, #footer a:visited
{
 font: normal 7pt Verdana, Tahoma, Arial, sans-serif;
 color: #903;
 margin: 0;
 padding: 0;
}


/* --------------------------------------------- */
/* - classes ----------------------------------- */
/* --------------------------------------------- */

.hidden { display: none; }
.center { text-align: center; }

.box
{
 display: block;
 background: #FFF url(../gfx/box.gif) no-repeat;
 width: 380px;
 height: 160px;
 margin: 8px 8px 0 0;
 padding: 0;
 float: left;
}

.star1
{
 position: absolute;
 top: 32px;
 left: 400px;
 background: url(../gfx/star.gif) no-repeat;
 width: 100px;
 height: 100px;
 margin: 0;
 padding: 0;
}

.star1 a:link, .star1 a:visited 
{
 display: block;
 width: 100px;
 height: 76px;
 font: bold 13pt Verdana, Tahoma, Arial, sans-serif;
 text-align: center;
 color: #000;
 margin: 0;
 padding: 24px 0 0 0;
}

.map
{
 position: absolute;
 top: 32px;
 left: 560px;
 background: url(../gfx/star.gif) no-repeat;
 width: 100px;
 height: 100px;
 margin: 0;
 padding: 0;
}

.map a:link, .map a:visited 
{
 display: block;
 width: 100px;
 height: 82px;
 font: bold 13pt Verdana, Tahoma, Arial, sans-serif;
 text-align: center;
 color: #000;
 margin: 0;
 padding: 18px 0 0 0;
}

.album
{
 display: block;
 background: #fff;
 margin: 2px;
 padding: 2px;
 border: 1px solid #666;
 float: left;
}

.liltitle
{
 font: bold 8pt Verdana, Tahoma, Arial, sans-serif;
 color: #000;
 text-align: justify;
 margin: 0 0 0 30px;
 padding: 6px 2px 2px 2px;
}

.votaefaivotare
{
 position: relative;
 top: 40px;
 background: #ee9;
 border: solid 4px #903;
 margin: 0 auto;
 padding: 8px;
 height: 100px;
 width: 300px;
}

.votaefaivotare img { border: solid 4px #999; margin: 8px; padding: 0; }

.votaefaivotare .slogan
{
 font: normal 16pt Verdana, Tahoma, Arial, sans-serif;
 text-align: justify;
 margin: 0;
 padding: 0;
}