/* GERAL */


body {
   background-color: #fff;
   font-family: Helvetica, Arial, Serif;
   padding: 0;
   margin: 0;
   }

img {
   border: none;
   }

h1 {
   font-family: Helvetica, Arial, Serif;
   color: #ccc;
   font-size: 18px;
   font-weight: normal;
   }

a:visited {
   text-decoration: none;
   }

#main {
   width: 790px;
   height: 100%;
   margin: 0px auto;
   }

#header {
   width: 790px;
   height: 50px;  
   background: url("http://www.verbeat.org/atmosfera/header.jpg") no-repeat;
   }

#header img {
   margin: 10px 0 0 10px;   
   float: left;
   }
   
#menu {
   width: 790px;
   height: 25px;
   margin: 0;
   }

#menu ul {
   display: inline;
   }


#menu li {
   display: inline;
   list-style: none;
   float: right;
   margin: 5px 0 5px 5px;
   }

#menu select {
   font-size: 10px;
   color: #999;
   }

#menu a {
   text-decoration: underline;
   font-size: 10px;
   color: #999;
   }

#footer {
   background-color: #fff;
   margin: 0px 0;
   width: 790px;
   height: 40px;
   float: left;
   }

#footer p {
   color: #999;
   font-size: 9px;
   }

#footer a {
   color: #666;
   text-decoration: underline;
   }

/* CAPA */

#boardcities {
   background-color: #ccc;
   margin: 15px 0 0 0;
   padding: 10px 15px 10px 15px;
   width: 760px;
   float: left;
   }

.city {
   background-color: #ccc;
   margin: 15px 20px 0 0;
   padding: 5px 5px 5px 5px;
   width: 223px;
   height: 90px;
   float: left;
   }

.imagecity {
   width: 90px;
   height: 90px;
   float: left;
   }

#boardcities #labels {
   width: 760px;
   margin: 0;
   height: 40px;
   float: left;
   font-size: 30px;
   color: #999;
   font-weight: normal;
   letter-spacing: -1.0px;
   }  
   
#boardcities a,
#boardcities a:visited,
#boardcities a:hover {
   text-decoration: none;
   color: #666;
   }
   
#boardcities .nomecidade {
   width: 130px;
   height: 90px;
   font-size: 25px;
   color: #666;
   font-weight: bold;
   letter-spacing: -1.0px;
   float:left;
   }
   
/* PÁGINA DAS CIDADES */


#messages {
   background-color: #ccc;
   margin: 15px 0 0 0;
   padding: 10px 15px 10px 15px;
   width: 760px;
   float: left;
   height: 100%;
   }

#infocity {
   width: 300px;
   margin: 0;
   height: 100%;
   float: left;
   }

#labels {
   width: 300px;
   margin: 0;
   height: 100%;
   float: left;
   }

#citylinks {
   width: 300px;
   margin: 0;
   height: 100%;
   float: left;
   margin: 15px 0 0 0;
   }
   
#citylinks a {
   font-size: 11px;
   color: #666;
   }

#toshare {
   width: 250px;
   height: 330px;
   float: left;
   padding: 0px 10px 0 0px;
   margin: 15px 20px 0 0;
   /* background-color: #708090; */
   }

.instrucoes {
   width: 270px;
   height: 45px;
   float: left;
   }

.instrucoesnumero {
   width: 15px;
   height: 100%;
   float: left;
   color: #fff;
   font-size: 24px;
   font-weight: bold;
   }

.instrucoestexto {
   width: 220px;
   height: 100%;
   float: left;
   color: #999;
   font-size: 13px;
   font-weight: normal;
   line-height: 1.0em;
   margin-left: 10px;
   }

.instrucoestexto a,
.instrucoestexto a:visited,
.instrucoestexto a:hover {
   text-decoration: none;
   color: #999;
   font-size: 13px;
   font-weight: bold;
   }

#toshare p {
   font-size: 15px;
   color: #999;
   line-height: 1.0em;
   }

#messages h2 {
   width: 300px;
   font-size: 22px;
   color: #999;
   font-weight: normal;
   letter-spacing: -0.5px;
   line-height: 1.0em;
   } 

.nomecidade {
   font-size: 46px;
   color: #666;
   font-weight: bold;
   letter-spacing: -1.0px;
   }

#thread {
   width: 420px;
   margin: 25px 0 0 10px;
   height: 100%;
   float: left;
   display: block;
   }

#inner {
   width: 420px;
   }

#sender-image {
   width: 50px;
   height: 50px;
   float: left;
   }

#sender {
   margin-left: 10px;
   width: 80px;
   height: 20px;
   float: left;
   margin-top: 10px;
   }

#message {
   width: 280px;
   height: 70px;
   float: left;
   }    

#messages .gettwit_text {
   font-size: 18px;
   color: #4682B4;
   font-weight: normal;
   line-height: .9em;
   letter-spacing: -0.5px;
   font-family: Georgia, Arial;
   font-style: italic;
   }

#messages .gettwit_name a {
   font-size: 13px;
   color: #999;
   font-weight: normal;
   line-height: 1.2em;
   letter-spacing: -0.5px;
   text-decoration: underline;
   }

#messages .gettwit_created_at {
   font-size: 9px;
   color: #999;
   line-height: 1.2em;
   letter-spacing: -0.5px;
   }