* {
  font-family: tahoma, sans-serif;
  margin: 0;
  padding: 0;
}

body {
  font-size: 11px;
}

img {
  border: 0;
}

#widget {
  /*height: 288px;*/
}

  #header {
    background: #fff url(/img/widget/header_bg.png) repeat-x;
    border: 1px solid #ccc;
    border-width: 1px;
    color: #fff;
    height: 34px;
    text-align: center;
  }
    #header h1 {
      margin: 0 5px;
      font-size: 12px;
      font-weight: bold;
      line-height: 24px;
    }
    #header h1 a {
      color: #fff;
      text-decoration: none;
    }

  #content {
    /*width: 178px;*/
    /*height: 204px;*/
    border: 1px solid #ccc;
    border-width: 0 1px;
    padding-top: 5px;
    background-color: #fff;
  }

  #footer {
    background-color: #e1f4fe;
    color: #fff;
    height: 30px;
    border: 1px solid #ccc;
    padding: 4px 10px 1px 10px;
  }
    #footer img {
      vertical-align: middle;
    }
    #footer a {
      text-decoration: none;
    }

a {
  color: #055fc0;
}

p.error {
  padding: 5px;
}

.event {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 5px 5px;
}

  .event h2, .event h3 {
    font-size: 11px;
    margin: 0 0 2px 0;
  }
    .event h2 img, .event h3 img {
      vertical-align: middle;
      margin-right: 5px;
    }

  .event .content {
    color: #333;
  }
  
    .event .content p {
      margin: 2px 0;
    }
    .event .content p.subTitle {
      font-weight: bold;
    }
    .event .subTitle a {
      font-weight: normal;
    }
    
    .event .photos {
      width: 100%;
    }
    .event .thumbnail {
      text-align: center;
    }
    
.photo {
  padding: 7px 0px 2px 12px; 
}

.subSection {
  font-size: 11px;
  margin: 0px 0px 5px 12px;
  width: 100px;
  overflow: hidden;
}

  .subSection label {
    color: #999;
  }
  
.eventSubSection {
  font-size: 11px;
  padding: 5px 0px 0px 0px;
}

  .eventSubSection label {
    color: #999;
    padding-left: 12px;
  }
  
.events {
  height: 150px;
  border: 1px solid #ccc;
  border-width: 1px 0px 0px 0px; 
  
  overflow: auto; /* for opera */
  overflow-y: auto;
  overflow-x: hidden;
}