* { /* zera algumas coisas */
	margin:0;
	padding:0;
	list-style:none;
}

html {
	text-align: center; /* para o IE */
	background: #fff url(bg_shadow_pattern.jpg) repeat-Y center center;
}

body {
	background: url(bg_grad.jpg) repeat-X left top;
	font-family: Verdana, 'Trebuchet Ms', Arial, Serif;
	text-align: left; /* correcao devido ao IE */
}

p, a, h1, h2, h3 { color: #000; }
a:hover { color: #004080; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet Ms', Verdana, Arial, Serif;
	text-transform: uppercase;
	font-size: small;
}

/* estruturar todo o site */
body > div#geral { width: 720px; }
div#geral {
	margin: 0 auto; /* centraliza o documento */
	padding: 0 20px;
	width: 720px; /* IE hacks */
	background: url(bg_shadow.jpg) no-repeat center top;
}

/* ajudando a expandir o webstandards */
#firefox {
	text-indent: -5000px;
	margin-top: 15px;
	width: 120px;
	height: 41px;
	display: block;
	background: transparent url(get_ff120_ie.jpg) no-repeat center center;
}

/*********************************************
 CABECALHO, aqui vai o logo
*********************************************/
div#head { margin-bottom: 10px; }
div#head h1 {
	text-indent: -5000px;
	height: 95px;
	background: transparent url("http://www.gix.blogger.com.br/gixdatabase.jpg") no-repeat left top;
	overflow: hidden;
	width: 100%;
}

div#head a {
	display: block;
	height: 95px;
}

/* um segundo body */
div#body { width: 100%; }

/*********************************************
 NAVEGACAO
*********************************************/
div#nav { float: left; width: 150px; font-size: x-small; }

div#nav ul { margin-bottom: 20px; }
div#nav li {
	height: 16px;
	border: 1px solid #fff;
}

div#nav li a {
	text-decoration: none;
	font-size: 10px;
	padding-left: 20px;
	line-height: 16px;
	display: block;
	text-transform: lowercase;
	background: transparent url(seta_up_ie.jpg) no-repeat left center;
}

/* frescuradas de link */
div#nav li a:hover {
	color: #004080;
	background: transparent url(seta_down_ie.jpg) no-repeat left center;
}
div#nav li:hover { border-color: #ccc; } /* nao funciona no IE */

div#nav p {	margin: 5px 0 5px 10px; }
div#nav p a { color: #004080; text-decoration: none; }
div#nav p a:hover { text-decoration: underline; }

/*********************************************
 CONTEUDO
*********************************************/
div#content { float: right; width: 550px; padding: 0 10px; font-size: x-small; }

p.quote {
	margin: 10px 0 10px 0;
	border: 1px solid #333;
	background-color: #f5f5f5;
	padding: 10px;
}

p.comentario a, p.quote a { color: #004080; }

/*---[ POSTAGENS ]--------------------------*/
div.post p { line-height: 150%; }
div.post h1, div.post p.comentario {
	text-align: right;
	width: 100%;
	height: 25px;
	display: block;
	line-height: 25px;
}

div.post h1 {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc; 
}

p.comentario a {
	padding-left: 15px;
	background: transparent url(comments.gif) no-repeat left center;
}


/*---[ LISTA DE FOTOS ]---------------------*/
div#navfotos ul { border-bottom: 1px solid #000; position: absolute; width: 540px; clear: left; }
div#navfotos li {
	float: left;
	padding: 0 10px 0 15px;
	background: transparent url(diamond-black.gif) no-repeat left center;
	font: bold medium 'Trebuchet MS', Verdana, Arial, Serif;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
}

div#navfotos li.first { background: none; padding-left: 0; }
div#navfotos li a { text-decoration: none; }

/* o IE nao entende isso */
div#navfotos li:hover { border-color: #004080; }

#eventos, #encontros, #gixers, #etc, #viagens { clear: both; padding-top: 70px; }
#encontros, #gixers, #etc, #viagens { display: none; }

#eventos a, #encontros a, #gixers a, #etc a, #contato a, #viagens a {
	height: 18px;
	line-height: 18px;
	padding-left: 15px;
	background: transparent url(dot_down_ie.jpg) no-repeat left center;
	display: block;
	text-transform: uppercase;
}

#eventos a:hover, #encontros a:hover, #gixers a:hover, #etc a:hover, #contato a:hover, #viagens a:hover {
	height: 18px;
	line-height: 18px;
	padding-left: 15px;
	background: transparent url(dot_up_ie.jpg) no-repeat left center;
	color: #004080 !important;
}

/* lista de tres colunas! */
ul.wrap { width: 540px; }
ul.wrap li { float: left; width: 180px; }

/*---[ GALERIA DE FOTOS ]-------------------*/
table#fotos {
	margin: 5px auto;
	clear: right;
	border-width: 1px 0 1px 0;
	border-style: solid;
	background-color: #f5f5f5;
}

table#fotos td {
	padding: 7px;
	width: 160px;
	height: 160px;
	vertical-align: middle;
	border: 1px solid #f5f5f5;
	text-align: center;
}

table#fotos td:hover {
	background: #f5f5f5;
	border: 1px solid #333;
}

table#fotos img {
	border: 1px solid #000;
	background: #fff url(carregando.jpg) no-repeat center center;
}

table#fotos td.nothing:hover {
	background: none;
	border: 1px solid #f5f5f5;
}

/* paginacao */
div.paginacao {	float: right;  height: 20px; line-height: 20px; }

/* o IE nao aceita isso ň.ó, let's go change the code again
div.paginacao:before { content: "[ página(s): "; }
div.paginacao:after { content: " ]"; }
*/
div.paginacao a, div#paginacao span { margin: 3px; }
div.paginacao span { font-weight: bold; }
div.paginacao a { color: #004080; }

/*---[ AGRADECIMENTOS / CONTATO]------------*/
p.agrad { border-bottom: 1px solid #f5f5f5; }
ul.contato li, p.agrad {
	background: transparent url(dot_down_ie.jpg) no-repeat 0 3px;
	text-indent: 15px;
	line-height: 15px;
	margin: 5px 0 5px 0;
}

ul.contato li:hover, p.agrad:hover { background: transparent url(dot_up_ie.jpg) no-repeat 0 3px; }
p.agrad:hover { border-color: #ccc; cursor: default; }


/*********************************************
 RODAPE
*********************************************/
div#footer {
	clear: both;
	font-size: x-small;
	text-align: center;
	padding: 30px;
}

/*
#body { background: yellow; }
#nav { background: red; }
#content { background: orange; }
#footer { background: green;}
*/