/************************************
  http://publicculture.org
  home.css v1.0
  craig zheng
*************************************
  CONTENTS
    1. LAYOUT
    2. TYPOGRAPHY
    3. COLORS
*************************************
    1. LAYOUT
*************************************/

#featured-covers, #featured-covers li {
  display: inline;
}

#featured-covers li {
  float: left;
  margin: 0 10px;
}

  #featured-covers li.current {width: 475px;}

  #featured-covers li a.cover {float:left;}

  #featured-covers li h3, ul#featured-covers li p, ul#featured-covers li h4 {
    float: left;
    text-align: left;
    display: none;
    width: 325px;
    margin: 0 5px 0 15px;
  }

  #featured-covers li.current h3, #featured-covers li.current p, #featured-covers li.current h4 {
    display: block;
    float:left;
  }

  ul#featured-covers li h3 {
    font-size: 2em;
    margin-top: .2em;
    margin-bottom: .4em;
  }

  ul#featured-covers h3 a {
    display: block;
  }
    
  ul#featured-covers li h4 {
    margin-bottom: .4em;
  }

  ul#featured-covers li p {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #eee;
  }

.highlights {
  width: 100%;
  float: left;
  padding: 0 0 2em;
  border-bottom: 1px solid #ddd;
}

.hasnext {
  border-bottom: 1px dotted #e4e4e4;
}

  .highlights .header {
    text-align: right;
    margin: 0 1em 0 0;
    color: #999;
  }

    .highlights .header dt {
      font-family: helvetica, arial, sans-serif;
      text-transform: uppercase;
      margin: 0;
      border: none;
      font-size: 1.15em;
      color: #555;
      padding: 0;
    }

    .highlights .header dt a, .highlights .header dt a:visited {
      color: #555;
    }

    #page .highlights .header dt a:hover {
      border-bottom: none;
      color: #000;
    }

    .highlights .header dd {margin-top: -.2em;}
    .highlights .header .more-link {margin-top:1em;}

  .doxa .teaser h3, #collection .teaser h3, .articles .teaser h3 {
    font-family: georgia,"times new roman",serif;
    font-size: 1.75em;
    line-height: 1em;
    margin-bottom: .2em;
    font-weight: normal;
  }

  .doxa .teaser img, .collection .teaser img {
    height: 75px;
    float: right;
    margin: .2em 0 1em 1em;
  }

  .highlights ul.images-list li {display:inline; border: none;}

/*************************************
    2. TYPOGRAPHY
*************************************/

#featured-covers li h4 {
  text-transform: uppercase;
}

/*************************************
    3. COLORS
*************************************/

#featured-covers li a:hover {border-bottom:none;}

#featured-covers li a img {
  padding: 4px;
  border: 1px solid #888;
  background: #f9f9f9;
}
  
#featured-covers li img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

#featured-covers li.current img {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

#featured-covers li p {color: #eee;}
#featured-covers li h4 {color:#999;}