/* ========= main structure ========= */
body {
  background: rgb(255,255,255);
  color: rgb(45,45,48);
  font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
  font-size: 10pt;
  margin: 0px 0px;
  padding: 0px 0px;
  width: 100%;
}

#main-container {
  margin: 0px 0px;
  padding: 0px 0px;
  width: 100%;
}

#head-container {
  width: auto;
  padding: 8px 0px;
  margin: 0px 0px;
}

#head-left {
  text-align: left;
  padding: 0px 0px 0px 0px;
  border-bottom: 4px solid rgb(10,10,10);
}
#head-left h1 {
  padding: 18px 0px 0px 10px;
}
#head-left h1 img {
  vertical-align: bottom;
}

#nav-container {
  margin: 0px;
  padding: 0px 10px 0px 0px;
  text-align: left;
  background: rgb(10,10,10);
  /* TODO */
  /*
  background-image: -moz-linear-gradient(rgb(10,10,10), rgb(50,50,50));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(10,10,10)), to(#rgb(50,50,50)));
  background-image: -webkit-linear-gradient(rgb(10,10,10), rgb(50,50,50));
  background-image: -o-linear-gradient(#rgb(10,10,10), rgb(50,50,50));
  */
}

#content-wrapper {
  padding: 0px 8px;
  margin: 0px 10px;
}

#content-container {
  padding: 5px 20px;
  margin-top: 15px;
  margin-bottom: 0px;
  text-align: left;
  clear: both;
  width: 780px;
}

#footer {
  width: 100%;
  height: 15px;
  font-size: 8pt;
  color: rgb(125,125,120);
  padding: 40px 30px;
  clear: both;
}
/* ==== base link style ======== */
a {
  color: rgb(0,90,160);
  text-decoration: none;
}
a:hover {
  color: rgb(0,30,230);
  text-decoration: underline;
}


/* ========= content / substructure  ========= */
h1.title{
  display: inline;
  margin: 0px;
  padding-left: 4px;
  font-size: 28pt;
  font-weight: normal;
}
a.title-style:link, a.title-style:visited, a.title-style:hover {
  font-size: 28pt;
  color: rgb(50,55,55);
  white-space: nowrap;
  text-decoration: none;
  background: transparent;
  font-family: Courier New, Courier, Monospace;
}

#context {
  padding: 2px 0px 2px 4px;
  text-align: left;
  font-size: 10pt;
  text-transform: uppercase;
  background: rgb(195,205,185);
  color: rgb(0,78,120);
}

#main-content-centered {
  margin: 5px auto;
  text-align: center;
}

/* ======= general ========== */
.center {
  margin-left: auto;
  margin-right: auto;
}
.clear {
  clear: both;
}
.single {
  display: block;
}
img {
  border: none;
}
img.vcard-dl {
  margin-right: 2px;
}
ul.plain {
  padding: 0px;
  margin: 0px;
}
ul.plain li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* ===== main nav =========== */
ul.main-nav {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 10px 5px;
  width: 100%;
  list-style-type: none;
  white-space: nowrap;
}
ul.main-nav li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
#nav-list a {
  color: rgb(205,205,205);
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin-right: -4px;
  padding: 5px 16px 11px 16px;
  border-right: 1px solid rgb(74,74,74);
}
#nav-list a:hover, #nav-list a.selected-nav {
  color: rgb(0,64,175);
  background: rgb(255,255,255);
  padding: 5px 16px 12px 16px;
}

/* ======= sub navs ============= */
#work-nav-container {
  padding: 0px 5px;
  width: 150px;
  float: left;
  display: block;
}

ul#work-navlist-1 {
  list-style-type: none;
  white-space: nowrap;
  margin: 0px 0px;
  padding: 0px 4px;
}
ul#work-navlist-1 li {
  padding: 5px 4px;
  font-size: 10pt;
}

.work-nav-selected {
  background: rgb(0,0,0);
}
.work-nav-selected a {
  color: rgb(255,255,255);
}
/* ======= gallery ============== */

#work-set-container {
  display: inline;
  float: left;
  width: 560px;
}

.thumbnail {
  display: inline;
}

.thumbnail img {
  margin: 0px 15px 15px 0px;
}

.gallery-tip {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: rgb(145,155,155);
}

.work-category-header {
  margin: 3px 0px;
  font-size: 12pt;
  color: rgb(30,30,30);
}
.work-category-container {
  margin: 5px 0px;
}


/* ======= gallery index ========= */
#work-index-side-container {
  padding: 0px 5px;
  width: 100px;
  float: left;
  display: block;
}
#work-index-container {
  display: inline;
  float: left;
  width: 560px;
}
.index-thumbnail {
  display: block;
  float: left;
  width: 260px;
  margin: 0px 0px 25px 0px;
}
.index-thumbnail-wide {
  display: block;
  float: left;
  width: 490px;
  margin: 0px 0px 25px 0px;
}
.index-thumbnail img {
  margin: 0px 25px 0px 0px;
}
.work-index-lable {
  display: block;
  width: 223px;
  text-align: center;
}
.work-index-lable-wide {
  display: block;
  width: 453px;
  text-align: center;
}
.work-index-lable a, .work-index-lable-wide a {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 150px;
  color: rgb(45,55,70);
}
.work-index-lable a:hover, .work-index-lable-wide a:hover {
  text-decoration: none;
}

/* =============================== */
.content-header {
  margin: 0px;
  font-size: 14pt;
  color: rgb(0,0,0);
}
.super-set-item-header {
  color: rgb(98,95,105);
  background: rgb(232,231,235);
  padding: 4px;
  margin-bottom: 3px;
  font-size: 13pt;
}
.set-item-header {
  color: rgb(0,35,155);
  margin-bottom: 3px;
  font-size: 12pt;
}
.set-item-body {
  margin: 0px 0px 15px 0px;
  padding: 5px;
  border: 1px solid rgb(225,225,225);
  background: rgb(250,250,250);
  font-size: 10pt;
}

/*=========  about-bio  =========== */
.sub-item {
  font-size: 10pt;
}
.resume-item {
  margin: 0px 0px 3px 0px;
  clear: both;
}
.resume-item-date {
  display: block;
  width: 50px;
  float: left;
  margin: 0px 15px 0px 0px;
  font-weight: bold;
  color: rgb(50,50,50);
}
.resume-item-detail {
  display: block;
  float: left;
  width: 690px;
  margin-bottom: 5px;
}
.resume-item em {
  font-style: italic;
  color: rgb(0,0,0);
}
/*=========  news  =========== */
.news-header {
  font-size: 10pt;
  color: rgb(0,0,0);
  font-weight: bold;
}

.small-announce {
    width: 360px;
    margin: 10px 8px;
    padding: 0px;
    float: left;
    border: 1px solid rgb(235,235,235);
    background: rgb(255,255,255);
    color: rgb(0,0,35);
}
.announce-text {
    width: 180px;
    float: left;
    padding: 8px 8px;
}
.announce-img {
    width: 150px;
    float: right;
}
.work-announce {
    margin: 8px;
}

.work-meta ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.work-meta ul li {
    padding: 0px;
    margin: 0px;
    font-size: 11px;   
    font-weight: bold;
}
/*=========  =========== */
.org-header {
    font-weight: bold;
    font-size: 16px;
}