/* Layout ******************/

html {
  height:100%;
}

body {
  padding:0;
  width:810px; margin:0 auto;
  min-height:100%;
  position:relative;
}

* html body {
  height:100%;
}

#title {
    height:100px;
}

#copyright {
  padding:2 0 2 0; 
}

#text {
  padding:5 5; 
}

#text .autor {
float: right;
width: 60%;
padding: 10 10;
margin: 10 10;
}

#text .autor-foto {
float: right;
width: 80%;
padding: 10 10;
margin: 10 10;
}


h1 {
  margin:0; padding:20px;
}


/* Fonts *******************/

body {
  font:10pt Comic Sans MS, sans-serif;;
}

#title .link{
  font-size:70%;
  font-weight:bold;
  padding:15 10 0 10;
}

#title a {
font-size:70%;
    font-weight:bold;
	 padding:15 10 0 10; 
}

h1 {
  font-size:180%;
  letter-spacing:1px;
}

h2 {
  font-size:120%;
  letter-spacing:1px;
  padding:5 30;
}

#text {
  font-size:90%;
  font-weight:bold;
  line-height:200%;
  text-align: center;
}

#text h2 {
  font-size:150%;
}

#text .translated{
text-align: right;
font-size:70%;
}

#text .small {
font-size:80%;
}

#text .autor {
text-align: justify;
font-size:80%;
line-height:100%;
}

#text .autor-foto {
text-align: justify;
font-size:80%;
line-height:100%;
}

#copyright {
  font-size:70%;
}

/* Colors ******************/

html {
  background: #CFCBFE;
}

body {
  background: #CFCBFE left top repeat-y;
  color:373584;
}

#title {
  background-image:url(../images/logo-full-lilac.gif);
    color:#57029D;
}

#title a {
    color:#0000A0;
}

#copyright {
  background:#5B1E99;
  color:#FFF;
} 
#copyright a {
  color:#DCF;
}

#text {
  color:#373584;
}

#text  a {
  color:#A25C51;
}

#text h2 {
  color:#373584;
}

#text .picture {
  border-color:#373584;
}


h1 {
  background:url(logo.png) left top no-repeat;
  padding-left:60px;
}

#text .translated {
color: #5C3485;
}

#text .autor {
background-color: #FFFFFF;
color: #373584;
}

#text .autor-foto {
background-color: #FFFFFF;
color: #373584;
}

/* Misc ********************/

* html h1 {
  height:1%;
}

#text h2,
#text p {
  margin-left:15px;
  margin-right:15px;
}

#text h2 {
  margin-top:20px; margin-bottom:10px;
}

#text .picture {
  float:left; 
  padding:5px; 
  border-style:dotted; border-width:2px;
  margin:0 10px 10px 0;
}

#right-column .picture {
  float:left; 
  padding:5px; 
  margin:0 10px 10px 0;
}

#copyright p {
  margin:5px;
}