/* ===============================================================================================================
 * Filename: defaut.css
 * Template: Belém Te Vi
 * Author: Luciano Santa Brígida
 * Author's URL: www.sbvirtual.com.br
 * Date created: 25/05/2009
 * Media: Screen
 * --------
 * This CSS Template is copyrighted to its author. Therefore, you must seek the author's
 * permission in order to reuse it. Thanks.
 */

body {
	background: #3556b3 url(../img/bg.jpg);
	color: #fff;
}

#wrapper {
	margin-top:0;
	background-color: transparent;
	/*background-image: url(../img/background.jpg);*/
	background-repeat: no-repeat;
	background-position: center bottom;
}

a {
	text-decoration:none;
	color:#3B5998;
}

a:hover, a:visited:hover{
	text-decoration:none;
	color:#803300;
}

a:visited {
	text-decoration:none;
	color:#FF5F5F;
}

li {
	list-style-type:disc;
}

/* ================= Barra de Anúncios ========================= */

#adbar {
	padding-top: 10px;
	background: transparent;
	height: 120px;
}
.ad {
	height: 40px;
	width: 40px;
	background-color: transparent;
	background-position: center;
}

/* ================ Elementos do Header ======================= */

#header {
	height: 120px;
}

#logo {
	background-image: url(../img/bemtevi-fofo-text.png);
	background-repeat: no-repeat;
	width: 312px;
	height: 120px;
	text-indent: -99999px;
	margin-right:0;
	margin-bottom:0;
}

#headerimg {
	float:right;
	background: transparent url(../img/header.png) no-repeat;
	height: 110px;
	width: 700px;
	margin: 5px 0 5px 0;
}

#tweet-box-header label, #tweet-box-container label{
	color: #fff !important;
}

/* ================ Conteúdo Principal ========================= */

#tweetsfrom, #tweetsabout, #tweetsfeira, #about, #version, #feedback {
	background: #fff;
	color: #000;
	min-height: 400px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px 12px;
	-webkit-border-bottom-right-radius: 12px 12px;
	-webkit-border-bottom-left-radius: 12px 12px;
}

#content {margin-top:60px;}

#about, #version, #feedback {
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}

#hiddenData, #hiddentweets, #hiddenFeira{
	display:none;
}

.item {
	border: 1px #333 dotted ;
	margin: 10px;
	/*min-height: 95px;*/
}

.more a{
	display:block;
	height: 38px;
	width: 700px;
	text-indent: -99999px;
	background-image: url(../img/more.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.more a:hover {
	display:block;
	height: 38px;
	width: 700px;
	text-indent: -99999px;
	background-image: url(../img/more.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
}

/* ==========
 * Individual Tweets
 * ========== */

.item img {
	float: left;
	width: 48px;
	height: 48px;
	margin-left: 5px;
	margin-right: 5px;
}

.item #interaction {
	float: right;
}

.item .details {
	font-size: smaller;
	color: #666;
	text-align:right;
} 

/*.item .interact {
	float: right;
	margin-top: -80px;
}*/

/* ================= Sidebar, Widgets =========================== */

.widget {
	background-color: #ddd;
	color: #000;
	border: solid #fff 4px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px 12px;
	-webkit-border-top-left-radius: 12px 12px;
	-webkit-border-bottom-right-radius: 12px 12px;
	-webkit-border-bottom-left-radius: 12px 12px;
	margin-bottom: 10px;
}

.widget h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#login-twitter {
	text-align: center;
}

#menu, #login, #dicas, #anuncios {
	padding-left:10px;
	padding-bottom: 1px;
	margin-right:5px;
}

#menu ul { margin-left: -30px; }
#menu li{
	font-weight:bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;
	list-style: none;
}
/* ================= Footer, Rodapé =========================== */

#footer {
	text-align:center;
}

/* ==================== Facebox ============================== */
#facebox { 
 
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* standard decorations */ 
    width:400px; 
    background-color:#fff; 
    border:10px solid #666; 
 
    /* for modern browsers use semi-transparent color on the border. nice! */ 
    border:10px solid rgba(82, 82, 82, 0.698); 
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
} 
 
#facebox div { 
    padding:10px; 
    border:1px solid #3B5998; 
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif 
} 
 
#facebox h2 { 
    margin:-11px; 
    margin-bottom:0px; 
    color:#fff; 
    background-color:#FF5F5F; 
    padding:5px 10px; 
    border:1px solid #3B5998; 
    font-size:20px; 
}

#facebox p {
	font-size:12px;
	color:#000;
}