/* CSS Document for ekonugroho.or.id */

body {
  margin: 0px;
  text-align: center;
  padding: 0px;
  font-family: 'trebuchet ms', tahoma, sans-serif;
}
img { border: 0px; padding: 0px; margin: 0px; }
td { vertical-align: top;}
#wrap {
  margin: 10px auto;
  width: 768px;
}
#wrap2 {
  margin: 20px auto;
  width: 600px;
}
#right {
  width: 120px;
  float: right;
}
  #right a {
    text-decoration: none;
    font-family: 'trebuchet ms';
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
  }
  #right a:hover {
    color: #666666;
  }
  a.menu {
    display: block;
    width: 120px;
    height: 63px;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: 'trebuchet ms';
    color: #000000;
    text-indent: 80px;
    line-height: 400%;
  }
  a.menu:hover {
    background-position: bottom left;
    color: #333333;
  }
  .art {
    background-image: url('../img/home-art.jpg');
  }
  .agd {
    background-image: url('../img/home-agenda.jpg');
  }
  .cv {
    background-image: url('../img/home-cv.jpg');
  }
  .con {
    background-image: url('../img/home-contact.jpg');
  }
  .lnk {
    background-image: url('../img/home-link.jpg');
  }
  .dgt {
    background-image: url('../img/home-dgtmb.jpg');
  }
#left {
  float: left;
}

#menu {
  width: 768px;
  margin: 0px auto;
}
  #menu a {
    text-decoration: none;
    font-family: 'trebuchet ms';
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
  }
  #menu a:hover {
    color: #666666;
  }

  a.menut {
    display: block;
    float: left;
    height: 46px;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: 'trebuchet ms';
    color: #000000;
    text-indent: 30px;
    line-height: 400%;
  }
  a.menut:hover {
    background-position: bottom left;
    color: #333333;
  }
  .art2 {
    background-image: url('../img/in-artwork.jpg');
    width: 140px;
  }
  .agd2 {
    background-image: url('../img/in-agenda.jpg');
    width: 130px;
  }
  .cv2 {
    background-image: url('../img/in-cv.jpg');
    width: 98px;
  }
  .con2 {
    background-image: url('../img/in-contact.jpg');
    width: 140px;
  }
  .lnk2 {
    background-image: url('../img/in-link.jpg');
    width: 120px;
  }
  .dgt2 {
    background-image: url('../img/in-dgtmb.jpg');
    width: 130px;
  }
#menu2 {
  width: 120px;
  float: left;
  padding-top: 0px;
  text-align: left;
}
  #menu2 a {
    text-decoration: none;
    font-family: 'trebuchet ms';
    font-size: 10px;
    color: #000000;
    text-transform: uppercase;
  }
  #menu2 a:hover {
    color: #666666;
  }
  
  a.menuh {
    display: block;
    width: 90px;
    height: 14px;
    text-indent: 15px;
    background: url('../img/icon2.jpg') no-repeat top left;
    float: left;
  }
  a.menuh:hover {
    background-position: bottom left;
  }
#content {
  width: 768px;
  clear: both;
  text-align: left;
  margin-top: 20px;
  font-size: 11px;
}
#footer {
  clear: both;
}

.num {
  color: #dddddd;
  font-size: 68px;
  text-align: right;
  margin-right: 570px;
}
.evnt {
  float: right;
  width: 560px;
  text-align: left;
  padding-left: 10px;
  font-size: 12px;
}
  .tgl { 
    color: #666666;
    font-size: 14px;
  }
  .jdl {
    color: #000000;
    font-weight: bold;
  }
  .jdle {
    font-size: 16px;
  }
  .ket {
    color: #000000;
  }
  .ket2 {
    font-style: italic;
  }
  .ket a {
    text-decoration: none;
    color: #333333;
  }
  .ket a:hover {
    color: #cccccc;
  }

.bigtext {
  margin-top: 15px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.conceptus {
  background: url('../img/quote.jpg') no-repeat top left;
  font-style: italic;
  font-size: 12px;
  color: #666666;
}

li.lap {
  list-style: outside url('../img/arrow.jpg')
}
a.more { color: #565656;}
a.more:hover { color: #000000; }

.listimage {
  width: 760px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
}
a.linkimage {
  text-decoration: none;
  color: #333333; 
}
a.linkimage:hover {
  color: #dddddd;
}

.imagesl {
  float: left;
  margin: 0px 10px 10px 0px;
}
.kets {
  float: left;
  line-height: 127%;
}
.capt {
  text-align: center;
}
#largeImageCaption table {
  width: 250px;
  margin: 0px auto;
}

#largeImageCaption td {
  text-align: left;
  font-style: normal;
}

#location {
  text-align: left;
  color: #c2c2c2;
  font-size: 14px;
  margin-top: -9px;
  text-transform: uppercase;
}
a.linkart {
  text-decoration: none;
  color: #c2c2c2;
  font-weight: bold;
}
a.linkart:hover {
  color: #eeeeee;
}