/* Theme Name: Windows Vista
Theme URI: http://gugutz.com
Description: Alguns efeitos visuais do vista
Version: 0.1
Author: gugutz
Author URI: http://gugutz.com/
*/


body {
background: transparent url(img/backgroundgraident.gif) repeat;
	}


/* Div Site. Esta div é usada apenas para englobar todo o site em uma grande div-mãe que tem como propriedade de largura 100%. Isto faz com que os valores de pixels sejam relativos a resolução do usuário.
Isto faz o site ser compatível com qualquer resolução de tela. */
#site {
	width: 98%;
	margin: 0 auto;
	text-align: left;
	}
	
/* =========================================== */
/* TOPBAR										*/
/* =========================================== */

/* A barrinha que contém o botão Iniciar do Windows Vista e os links principais do site */
#navbar {
	color: white;
	background-image: url(img/topbar.png);
	height: 30px;
	}
#topbar a {
	text-decoration: none;
	margin-top: 5px;
	}
/* Esta class é a que carrega a imagem logo da topbar e define o comportamento deste logo apenas */
.toplogo {
	background-image: url(img/toplogo.png);
	float: left;
	margin-left: 8px;
	height: 38px;
	width: 44px;

	}

/* =========================================== */
/* HEADER										*/
/* =========================================== */


/* Cabeçalho. Geralmente contém o logo do site e um ads. A maior parte das configurações aqui eh ajustada na class .headerlogo */
#header {
	border-bottom:0.5px solid black;
	background-image: url(img/header_bg22.png);
	width: 100%;
	}
/* Esta class é a que carrega o logo do site e a fonte do que estiver escrito nele */
.headerlogo {
	color: #333333;
	left: 0px;
	padding-top: 24px;
	height: 80px;
	font-size: 3.6em;
	text-align: left;
	}

/* =========================================== */
/* MENU PRINCIPAL								*/
/* =========================================== */

#mainmenu {
	/* Estrutura */
	width: 17%;
	/* Posição */
	float: left;
	margin-top:10px;
	border-right:0.5px solid black;
	}
	
/* Configurações das sessões do menu principal */
.menu {
	padding:5px;
	margin-bottom: 7px;
	color: white;
	background: inherit;
	}
.menu a.menulink {
	color: white;
	display: block;
	text-decoration: none;
	width: 170px;
	height: 22px;
	padding-left: 10px;
	}
.menu a:hover.menulink {
	font-weight: bold;
	background: url(img/menu_hover.jpg) repeat;
	cursor:pointer;
	}

/* =========================================== */
/* SIDEBAR			  							*/
/* =========================================== */

#sidebar {
	float: right;
	position: relative;
	margin-top: 10px;
	right: 5px;
	height: 100%;
	padding-left: 4px;
	padding-right:4px;
	text-align: center;
	width: 15%;
	}

/*  Sidebar sections */
.sidebar-sec {
	padding:5px;
	margin-bottom: 7px;
	color: white;
	list-style-type:none;
	/* Padding no topo e embaixo, pras imagens não passarem das bordas arredondadas */
	padding-top:7px;
	padding-bottom:7px;
	}


/* =========================================== */
/* CONTENT										*/
/* =========================================== */


	/* Esta div serve apenas para agrupar as noticias em uma unica coluna comun. Desta forma, eu posso incluir um arquivo que contem varias noticias usando apenas uma div (divs so podem ter uma por pagina) */
#content {
	float: left;
	position: relative;
	margin-top: 10px;
	height: 100%;
	margin-left: 15px;
	margin-bottom: 20px;
	padding: 4px;
	width: 60%;
	}



/* =========================================== */
/* FOOTER										*/
/* =========================================== */
#footer {
	color: #FFFFFF;
	background-image: url(img/footer_back.jpg);
	text-align: center;
	clear: both;
	height: 85px;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 0.8em;
	}

/* =========================================== */
/* ADVERTIING PART OF THE SITE					*/
/* =========================================== */

#adsblock {
	margin: 15px;
	text-align: center;
	width: 96%;
	}
	
#adstop {
	width: 460px;
	height: 80px;
	position: absolute;
	top: 38px;
	right: 17px;
	float: right;
	}

/* Classe para caixinha com botões digg, etc... */
.promote	{
	height: 80%;
	}
.callout-box {
	float: right;
	font-size: 9px;
	border: solid black 1px;
	text-align: left;
	width: 200px;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	color: white;
	background: url(img/menu_bg.png);
	}