/* A porra da fonte */
@font-face 
{
	font-family: "Tex Gyre Adventor"; 
	src: url("TeXGyreAdventor-Italic-subset.ttf"); 
	font-style: italic, oblique; 
}	

@font-face 
{
	font-family: "Tex Gyre Adventor"; 
	src: url("TeXGyreAdventor-BoldItalic-subset.ttf"); 
	font-weight: bold; 	
	font-style: italic, oblique; 
}	

@font-face 
{
	font-family: "Tex Gyre Adventor"; 
	src: url("TeXGyreAdventor-Regular-subset.ttf"); 
}

@font-face 
{
	font-family: "Tex Gyre Adventor"; 
	src: url("TeXGyreAdventor-Bold-subset.ttf"); 
	font-weight: bold; 
}

* 
{
	font-family: "TeX Gyre Adventor", "Trebuchet MS"; 
}


body
{
	background: url("images/rough_paper.png") repeat; 
}

.link
{
	list-style-image: url("icons/world2.png"); 
}

.link-cv
{
	list-style-image: url("icons/hand.right.png"); 
}

.link-pena
{
	list-style-image: url("icons/quill.png"); 
}

/* Fundações */
#container
{
	width: 800px; 
	display: flex; /* Verás que um filho teu não foge ao flex */ 
	justify-content: space-around; /* Dá um respiro interessante aos objetos */
	flex-wrap: wrap; /* Não espremer os negócios numa única linha, plox */
}

/* Coisas e coisas */
#topo /* Famigerado cabeçalho, onde fica o logo */
{
	width: 780px; 
	text-align: center; 
}

#rg /* Biografia e tal */
{
	min-width: 300px; 
	max-width: 390px; 
	display: flex; /* Precisei fazer isso, acho */
	justify-content: space-around; 
	padding: 1em; 
}

#rg div
{
	padding: 0 1em; 
}

.genericoisa /* Para conteúdos em geral */
{
	min-width: 300px; 
	max-width: 390px; 
	padding: 1em; 
}

.smaller /* Quando você quer textos um pouco menores */
{
	font-size: 10pt; 
}

#rodape
{
	width: 780px; 
	text-align: center; 
}