h1{
font:bold 33px Verdana;
color:#4b9fc6;
padding:15px 0 0 8px;
margin:0;
}

h2{
font:bold 10px Verdana;
color:#4b9fc6;
margin:0;
padding:0 0 0 8px;
}

h3{
font:bold 18px Verdana;
color:#4b9fc6;
margin:10px 0;
}

h4{
font:bold 18px Verdana;
color:#4b9fc6;
margin:10px 0;
}

p{
font:10px Verdana;
color:#f2f2f2;
margin:10px 0;
}

/************************* Classes *********************/ 

.name{
font:bold 10px Verdana;
color:#fff;
float:left;
padding:0px 0 0 5px;
}

.fecha{
font:bold 8px Verdana;
color:#fff;
float:left;
padding:0 0 0 5px;
}

.email{
background:url(../guestbook/images/email.gif) no-repeat left;
padding-left:16px;
font:12px Verdana;
color:#333;
}

.www{
background:url(../guestbook/images/www.gif) no-repeat left;
padding-left:16px;
font:12px Verdana;
color:#333;
}

.ip{
font:12px Verdana;
color:#333;
}

.textfield{
padding:4px;
background:#fff;
border:1px solid #ccc;
color:#64abd0;
font:10px Verdana;
margin:0 0 5px 0;
}

label{
font:bold 9px Verdana;
color:#666;
}

.submit{
background:#c7e5fc;
border:1px solid #4b9fc6;
font:10px Verdana;
color:#4b9fc6;
}

.paging a{
padding:2px;
font:bold 10px Verdana;
text-decoration:none;
background:#333e74;
border:1px solid #4b9fc6;
}

.paging a:visited{
padding:2px;
font:bold 10px Verdana;
text-decoration:none;
background:#333e74;
border:1px solid #4b9fc6;
}

.paging a:hover{
text-decoration:underline;
background:#c7e5fc;
}

.paging a:active{
text-decoration:underline
}

.paging .current{
padding:2px;
font:bold 10px Verdana;
text-decoration:none;
background:#333eae;
border:1px solid #4b9fc6;
color:#fff;
}

.nav span{
font:9px Verdana;
color:#333;
}

.reply span{
font:10px Verdana;
text-align:top;
}

.reply label{
font:11px Verdana;
color:#fff;
}

.reply a:link{
color:#fff;
text-decoration:underline;
}

.reply a:visited{
color:#fff;
text-decoration:underline;
}

.reply a:hover{
color:#4b9fc6;
text-decoration:none;
}

.reply a:active{
color:#4b9fc6;
text-decoration:none;
}


#login a{
color:#fff;
}

#login a:visited{
color:#fff;
}

#login p{
font:bold 10px Verdana;
color:#333;
}

/************************** Divs ***********************/

#container{
text-align:left;
margin:0 auto;
padding:0;
width:254px;
height:100%;
}

#content{
float:left;
width:274px;
background:#202020;
border:1px solid #212168;
}

#top{
background:#c7e5fc;
width:234px;
height:97px;
float:left;
margin:0 0 0 10px;
}

#menu{
background:#4b9fc6;
width:234px;
height:35px;
float:left;
margin:0 0 0 10px;
}

.messagec{
width:254px;
float:left;
margin:0 0 10px 10px;
}

.messagetop{
background:#333e74;
width:254px;
height:29px;
float:left;
}

.message{
width:232px;
height:60px;
border:1px solid #333e74;
background:#333eae;
float:left;
padding:0 10px 5px 10px;
}

.messagetopsur {
background:#333e74;
width:254px;
height:20px;
float:left;
font:bold 10px Verdana;
text-align:center;
margin: 5px 0 0 0;
}

.messagesur{
width:232px;
border:1px solid #333e74;
background:#333eae;
float:left;
padding:0 10px 5px 10px;
font:10px Verdana;
margin: 0 0 5px 0;
}

.messagetopresu {
background:#333e74;
width:252px;
height:20px;
float:left;
font:bold 10px Verdana;
text-align:center;
margin: 5px 0 0 0;
}

.messagesurres{
width:252px;
border:1px solid #333e74;
background:#333eae;
float:left;
padding:0 10px 5px 10px;
font:10px Verdana;
margin: 0 0 5px 0;
}

.reply{
width:245px;
background:#333eae;
float:left;
margin:10px 0 10px 10px;
padding:0 0 5px 10px;
border-top:1px solid #e5e5e5;
}

#footer{
width:254px;
float:left;
text-align:right;
font:11px Verdana;
color:#4b9fc6;
background:none;
padding:0 0 10px 0;
}

.paging{
float:left;
width:202px;
margin:5px 0 0 10px;
padding:5px 0 5px 0;
}

.nav{
float:left;
width:502px;
height:20px;
margin:15px 0 0 10px;
padding:0;
}

#login{
margin:30px auto;
width:170px;
height:100%;
background:#85bdda;
border:1px solid #4e93b7;
text-align:left;
padding-left:20px;
}

.admin{
width:514px;
float:left;
margin:0 0 15px 10px;
}

/************************* menu styles ***********************/

#menu ul{
font:bold 12px Verdana;
list-style:none;
margin:0;
padding:0;
float:left;
}

#menu li{
display:inline;
}

#menu li a{
color:#fff;
float:left;
padding:10px 10px 11px 10px;
text-decoration:none;
}

#menu li a:hover{
color:#4b9fc6;
text-decoration:none;
background:#fff;
}