body {font-family: arial,sans-serif;font-size:12px}
body a{font-family:arial,sans-serif;font-size:12px;text-decoration:none;}
body h4{font-size:12px;font-weight:bold;}
body h3{font-size:14px;font-weight:bold;}
body h2{font-size:18px;font-weight:bold;}
a:link{color:#ccc;text-align:center;}
a:visited{color:#ccc;text-align:center;}
a:hover{color:#449;text-align:center;}
a:active{color:#fff;text-align:center;}
#scrabble a
{
    font-size:16px;
    font-weight:bold
}
#scrabble a:link{color:#222;}
#scrabble a:visited{color:#222}
#scrabble a:hover{color:#99c}
#scrabble a:active{color:#fff}

#scrab a:link{color:#222;}
#scrab a:visited{color:#222}
#scrab a:hover{color:#99c}
#scrab a:active{color:#fff}


#warning{color:#c00;font-size:16px}

/* navigation squares */

#credit {
position:absolute;top:576px;left:20px;font-size:9px;color:#999;float:left}
#web {
position:absolute;top:550px;left:20px;font-size:9px;color:#999;float:left}

#fst{position:absolute;top:6px;left:6px;width:62px;height:62px;z-index:10}
#snd{position:absolute;top:20px;left:20px;width:72px;height:72px;z-index:11}
#trd{position:absolute;top:36px;left:36px;width:82px;height:82px;z-index:12}
#fth{position:absolute;top:53px;left:53px;width:92px;height:92px;z-index:13}
#fst a{display:block;padding:1px 0px 51px 0px;font-size:10px}
#snd a{display:block;padding:1px 0px 60px 0px;font-size:10px}
#trd a{display:block;padding:1px 0px 68px 0px;font-size:10px}
#fth a{display:block;padding:1px 0px 77px 0px;font-size:10px}
#hist a{display:block;padding:1px 0px 15px 0px;font-size:10px}

/*           */

#cent a{ 
display: block; 
text-align: center; 
font:  12px sans-serif; 
padding: 2px 5px 51px 5px; margin: 0 0 1px; 
border-width: 0; 
text-decoration: none; 
}

#big {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
padding: 20px;
z-index: 10;}

/* style for guillem vertical letters */

#cont{position:absolute;left:15px;top:10px}
#sylvie{position:absolute;top:0px;left:0px;font-size:77px;line-height:62px}
#syls{position:absolute;top:150px;left:0px}
#syly{position:absolute;top:212px;left:0px}
#syll{position:absolute;top:274px;left:0px}
#sylv{position:absolute;top:336px;left:0px}
#syli{position:absolute;top:398px;left:15px}
#syle{position:absolute;top:460px;left:0px}
#guillem{position:absolute;top:0px;left:30px;font-size:66px;line-height:50px}
#guig{position:absolute;top:158px;left:0px}
#guiu{position:absolute;top:209px;left:2px}
#guii{position:absolute;top:260px;left:17px}
#guil{position:absolute;top:311px;left:6px}
#guill{position:absolute;top:362px;left:6px}
#guie{position:absolute;top:413px;left:4px}
#guim{position:absolute;top:463px;left:0px}

/* main box is the standard square used in most pages*/

#mainboxns{
position:absolute;top:51px;left:50%;
margin-left:-208px;
width:384px;  
height:384px;
background:#999;
text-align:justify;
font-family:arial,sans-serif; 
font-size:11px;
line-height:120%;
z-index:20;
padding:15px;
color:#333}

#mainbox{
position: absolute; top: 51px; left: 50%;
margin-left: -208px;
width: 384px;  
height: 384px;
background-color: #999;
text-align: justify;
font-family:  arial, sans-serif; 
font-size: 11px;
line-height: 120%;
padding: 15px;
overflow: auto;
z-index: 20;
padding: 15px;
color: #333 }

#signature{
position:absolute;top:280px;left:50%;
margin-left:-205px;
height:100px;
z-index:30;
padding:0px;
}
	
#menulist{
position:absolute;top:46px;right:80px;
width:200px;
text-align:right;
line-height:10px
}
#menulist a {font-size:10px}
#menulist ul {list-style:none}

#composermenu{
position:absolute;top:35px;right:80px;
width:200px;
text-align:right;
line-height:10px
}
#composermenu a {line-height:10px; font-size:10px}
#composermenu ul {list-style:none}

#rightmenulist{
position:absolute;top:46px;right:80px;
width:200px;
text-align:right;
line-height:10px
}
#rightmenulist a {font-size:10px}
#rightmenulist ul {list-style:none}

.name {font-size:120%;}	
#namelist a {font-size:12px}
#namelist ul {list-style:none}
/*style for ten blisters */

#bigt{position:absolute;top:180px;left:240px;font-size:40px;color:#ccc} 
#tblurb {
position:absolute;top:50px;left:580px;
width:110px;height:250px; background: #999; 
font-size:11px;
text-align:justify;
padding:7px;
color:#333}	
#blis {
position:absolute;top:400px;left:150px;width:600px;height:165px; background:#000;color:#ccc;overflow:auto}
/* chatroom */

#joinchat{
position: absolute;
top:54px;
right: 25px;
width: 160px;
height: 220px;
padding: 10px;
overflow: auto;
font-family: arial, sans-serif;
font-size: 12px;
color: #333;
}

/*  */
#title{
position: absolute; top: 96px;left: 50%;
width: 320px; text-align: center;
margin-left: -160px;
font-family: Arial, sans-serif;
font-size: 20px;
color:#333;
}
#click{
position: absolute; top: 390px;left: 50%;
width: 320px; text-align: center;
margin-left: -160px;
font-family: Arial, sans-serif;
font-size: 12px;
color:#999;
}
/* whitebook page*/
#tert {
position: absolute; top: 45px; left: 210px;
width: 380px;  background-color: #999;
margin: 0px;
text-align: justify;
font-size: 12px;
padding: 15px;
color: #000 }
#tert2 {
position: absolute; top: 290px; left: 210px;
width: 380px;  background-color: #999;
margin: 0px;
text-align: justify;
font-size: 12px;
padding: 15px;
color: #000 }
/* special messages */
#special {
position:absolute; top:10px; left: 50%;
width: 516px;
margin-left: -258px;
text-align: center;
}
#specialbot { position:absolute; top:490px; left: 50%;
width: 516px;
margin-left: -258px;
text-align: center;
}
#specialbott { position:absolute; top:455px; left: 50%;
width: 384px;
margin-left: -208px;
text-align: center;
}
#history {
position:absolute; top:15px; left:0px;
text-align:center;
}
#histbox
{
position:absolute; top:490px; right: 20px;
width: 80px;
height:80px;
text-align:right;
color:#333;
font-size:11px
}
#histbox a {font-size:10px}
#place1
{
	position: absolute;
	top:60px;
	left:60px;
	width:20px;
	height:20px;
	background:#000;
}
#place2
{
	position: absolute;
	top:60px;
	left:40px;
	width:20px;
	height:20px;
	background:#00f;
}

#place3
{
	position: absolute;
	top:40px;
	left:60px;
	width:20px;
	height:20px;
	background:#0f0;
}

#place4
{
	position: absolute;
	top:40px;
	left:40px;
	width:20px;
	height:20px;
	background:#f00;
}
#place5
{
	position: absolute;
	top:60px;
	left:20px;
	width:20px;
	height:20px;
	background:#f00;
}
#place6
{
	position: absolute;
	top:40px;
	left:20px;
	width:20px;
	height:20px;
	background:#f00;
}
#place7
{
	position: absolute;
	top:20px;
	left:20px;
	width:20px;
	height:20px;
	background:#f00;
}
#place8
{
	position: absolute;
	top:20px;
	left:40px;
	width:20px;
	height:20px;
	background:#f00;
}
#place9
{
	position: absolute;
	top:20px;
	left:60px;
	width:20px;
	height:20px;
	background:#f00;
}
#place10
{
	position: absolute;
	top:0px;
	left:60px;
	width:20px;
	height:20px;
	background:#f00;
}
#place11
{
	position: absolute;
	top:0px;
	left:40px;
	width:20px;
	height:20px;
	background:#f00;
}
#place12
{
	position: absolute;
	top:0px;
	left:20px;
	width:20px;
	height:20px;
	background:#f00;
}
#place13
{
	position: absolute;
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	background:#f00;
}
#place14
{
	position: absolute;
	top:20px;
	left:00px;
	width:20px;
	height:20px;
	background:#f00;
}
#place15
{
	position: absolute;
	top:40px;
	left:0px;
	width:20px;
	height:20px;
	background:#f00;
}
#place16
{
	position: absolute;
	top:60px;
	left:0px;
	width:20px;
	height:20px;
	background:#f00;
}

#image1
{
	position: absolute;
	top:60px;
	left:50%;
	margin-left: -205px;
	width:200px;
	height:200px;
	background:#868;
	text-align:center;
}
#image2
{
	position: absolute;
	top:60px;
	left:50%;
	margin-left: 5px;
	width:200px;
	height:200px;
	background:#363;
	text-align:center;
}
#image3
{
	position: absolute;
	top:270px;
	left:50%;
	margin-left: -205px;
	width:200px;
	height:200px;
	background:#336;
	text-align:center;
}
#image4
{
	position:absolute;
	top:270px;
	left:50%;
	margin-left: 5px;
	width:200px;
	height:200px;
	background:#366;
	text-align:center;
}

#worda
{
	position:absolute;
	top:60px;
	left:50%;
	margin-left: -205px;
	width:200px;
	height:200px;
	background:#aa0;
	text-align:center;
}
#wordb
{
	position:absolute;
	top:60px;
	left:50%;
	margin-left: 5px;
	width:200px;
	height:200px;
	background:#e06090;
	text-align:center;
}
#wordc
{
	position:absolute;
	top:270px;
	left:50%;
	margin-left:-205px;
	width:200px;
	height:200px;
	background:#230;
	text-align:center;
}
		
#wordd
{
	position: absolute;
	top:270px;
	left:50%;
	margin-left:5px;
	width:200px;
	height:200px;
	background:#260;
	text-align:center;
}

/* guestbook */
a.post{color: #ccc;font-size:12px}
a.s4:hover{font-size:18px;color:#333}
p.c3{font-size:80%}
.s4{font-size: 18px;}
span.c3{color: #c00;font-size:10px}
span.c2{color: #000;font-size:10px}

#mainboxtitle
{
	position:absolute;
	top:10px;
	left:10px;
	width:364px;
	font-size:14px;
	color:#fff;
}
#mainboxsub
{
	position:absolute;
	top:50px;
	left:20px;
	width:394px;
	height:364px;
	overflow:auto;
}

#contesttitle
{
	position:absolute;
	top:61px;
	left:50%;
	margin-left: -198px;
	width:374px;
	height:40px;
	font-size:13px;
	color:#fff;
	background-color: #999;
}
#contestsub
{
	position:absolute;
	top:101px;
	left:50%;
	margin-left: -198px;
	width:374px;
	height:334px;
	overflow:auto;
	background-color: #999;
	color: #333;
	font-family:  arial, sans-serif; 
	font-size: 13px;
	line-height: 120%;
}
#cheater
{
	position: absolute;
	top:51px;
	left:50%;
	margin-left: -208px;
	width:10px;
	height:384px;
	background-color: #999

}
#topcheater
{
	position: absolute;
	top:51px;
	left:50%;
	margin-left: -208px;
	width:384px;
	height:10px;
	background-color: #999

}
div#like {
position: absolute; 
top: 54px; 
left: 50%;
margin-left: -190px; 
width: 380px;
height: 380px; 
font-size: 18px; 
text-align: justify; 
z-index: 20;}

div#like a {
font-size: 18px;
font-weight: bold; 
border-width: 0;
text-align: justify;
text-decoration: none; 
color: #444;
}
div#like a:hover {color: #ccc} 
div#msg {
position: absolute; 
top: 54px; 
left: 50%;
margin-left:220px; 
width: 150px; 
height: 150px;
}