/**
 * Document
 */

body {
  font-size: 100%;
  font-family: Verdana;
}

.clear {
  clear: both;
}


/**
 * Layout blocks
 */

#wrapper {
  width: 700px;
  margin: 50px auto;
  font-family: Trebuchet;
}

#logo {
  text-indent: -9000px;
  width: 496px;
  height: 353px;
  background-image: url(images/logo.gif);
}

#about {
  text-indent: -9000px;
  float: right;
  width: 211px;
  height: 343px;
  margin-top: 50px;
  margin-right: 10px;
  background-image: url(images/text-no.gif);
}

#content {
  width: 450px;
  margin-top: 20px;
  text-align: left;
  font-family: "Trebuchet MS";
}


/**
 * Typography
 */

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}

h1 {
  font-size: 167%;
}

h2 {
  font-size: 152%;
}

h3 {
  font-size: 136%;
}

h4 {
  font-size: 122%;
}

h5 {
  font-size: 114%;
  font-weight: bold;
}

h6 {
  font-size: 107%;
  font-weight: bold;
}

.introduction {
  font-size: 100%;
}

.languages {
  float: right;
  font-size: 92%;
}

.section {
  font-size: 92%;
}

.news-item h4 {
  color: #FF9900;
  margin-bottom: 0.15em;
  font-size: 122%;
}

.news-date {
  float: right;
  margin-top: 0.25em;
  font-size: 92%;
  color: #0066FF;
}


/**
 * Links
 */

a {
  color: #0066FF;
}


/**
 * Content
 */

.section h3.section-header {
  margin: 1em 0 0.5em;
  padding-top: 1em;
  border-top: 1px solid #3366FF;
}

.section h3 {
  padding-top: 1em;
  margin-bottom: 0;
}

#portofolio ul {
  margin: 1em 0;
}

#portofolio li {
  float: left;
  height: 125px;
  margin: 4px;
  text-align: center;
}

#portofolio li img {
  border: 2px solid #3366FF;
}

#portofolio li a {
  font-size: 88%;
}