/************************************
  http://publicculture.org
  journal.css v1.0
  craig zheng
*************************************
  CONTENTS
    1. IMPORTS
    2. GLOBAL
    3. NAMEPLATE & MENUS
    4. FEATURE AREA
    5. LINKS
    6. HEADINGS
    7. PARAGRAPHS
    8. LISTS
    9. FORMS
    10. MISC
*************************************
    1. IMPORTS
*************************************/

@import url("reset.css");
@import url("layout.css");
@import url("typography.css");
@import url("launch.css");

/************************************
          2. GLOBAL
*************************************/

html { background: #000;}

body { background: #f4f4f4 url(../images/site_bkgnd.png) repeat-x top left; }

a:link { color:#c29; }
a:visited { color:#a07; }
a:hover {}
a:active {}

/************************************
    3. NAMEPLATE & MENUS
*************************************/

#navigation {
  border-top: 1px solid #e6e6e6;
  border-bottom: 3px solid #ccc;
  background: #eee;
}

#navigation li a {
  color: #29c;
  background: #f4f4f4;
}

#navigation li a:hover {
  background: #f4f4f4 url(../images/menu_hover.png) repeat-x bottom left;
}

#navigation a.active, #navigation a.active:hover {
  background: #f4f4f4 url(../images/menu_active.png) repeat-x bottom left;
  color: #fff;
}

#navigation li.search { color: #888; }

/************************************
    4. FEATURE AREA
*************************************/

.pagehead {
  background: #000 url(../images/feature.png) no-repeat bottom left;
}

.content p.pagehead .status, ul#featured-covers, ul#featured-covers a {
  color: #fff;
}

.content p.pagehead {
  color: #eee;
}

.content p.pagehead a {
  color: #4be;
}

ul#featured-covers a:hover, ul#featured-covers li p a {
  color: #be4;
}

/************************************
    5. LINKS
*************************************/

#navigation a.last-item { border-right: 1px solid #ddd; }

#page a:hover, #site-info a:hover, .pagehead a:hover { border-bottom: 1px dotted; }

#page a.image-link, #page a.image-link:hover, #secondary-content .book-list a:hover, #page a.edit-link:hover, #page .images-list a:hover, #page .footnote:hover { border-bottom: none; }

.secondary-links a, .entry-meta a, .entry-tools a, p.notice a, .entry-list li p a, .single-entry a { color: #690; }
.secondary-links a:hover, .entry-meta a:hover { color: #470; }

.primary-links a, .primary-links a:visited, .collection dt a { color: #c29; }

.primary-links li a:hover { color: #a07; }

#page .section li.more-link a, #page .section li.more-link a:hover, #page .section .attribution a, #page .section .descriptor a, #page .section .descriptor a:hover, #page .section .attribution a:hover, ul.sitemap li li a { color: #888; }

ul.pagination-list a.active { color: #ccc; }

#site-info a { color: #9c2; }

.submenu a.current { color: #666; }

#page .submenu a.active { color: #000; }
#page .submenu a.active:hover { border-bottom: none; }

ul.sitemap li a { color: #29c; }
a.footnote { background: #aaa; color: #fff; }

#page a.edit-link {
  background:#eaeaea;
  color:#999;
}

#page a.edit-link:hover {
  background:#29c;
  color:#fff;
}

/************************************
    6. HEADINGS
*************************************/

.entry-list h3 a {
  color: #c29;
}

.single-entry h2 {
  color: #222;
}

.issue h4 { color: #888; }

/************************************
    7. PARAGRAPHS
*************************************/

.descriptor, .notice, .attribution, .date, #tagline, .placeholder { color:#888; }
.vcard #download { background: url('../images/vcard.png') no-repeat center left; }
.link-list #download { background: url('../images/calendar.png') no-repeat center left; }
p.success { color: #4F8A10; background-color: #DFF2BF; }
p.error { color: #9F6000; background-color: #FEEFB3; }

/************************************
    8. LISTS
*************************************/

.entry-meta dd, .entry-tools dd {
  color: #666;
}

ul.pagination-list li, ul.pagination-list a { color: #888; }

#site-info {
  background: #000;
  border-top: 3px solid #ccc;
  color: #fff;
}

ul li.audio {
  background: url('../images/music.png') no-repeat center left; height: 100%;
}

ul li.feed {
  background: url('../images/feed.png') no-repeat center left;
}

ul li.twitter {
  background: url('../images/twitter.png') no-repeat center left;
}

ul li.facebook {
  background: url('../images/facebook.png') no-repeat center left;
}

ul li.linkedin {
  background: url('../images/linkedin.png') no-repeat center left;
}

ul.browse-list { border-bottom: 1px solid #ddd; background: url('../images/browse_back.png') repeat-x bottom left;}
ul.browse-list li.active { font-weight: bold; background: url(../images/browse.png) no-repeat top center; }
ul.browse-list li a { color: #888;}
#page ul.browse-list li a:hover { color:#000; }

/************************************
    9. FORMS
*************************************/

#searchform input {
  background: #fafafa;
  color: #444;
  border: 1px solid #ddd;
}

#page form input, #page form textarea {
  background: #fff;
  color: #666;
  border: 1px solid #ddd;
}

#page #buttons input {
  background: #eee;
}

#searchform input:focus {
  background: #fff;
  border: 1px solid #29c;
}

/************************************
    10. MISC
*************************************/

.single-entry blockquote.epigraph { color: #666; }

.newsletter h3#toc {margin-bottom:.6em;}
.newsletter h4 {color:#888; margin:.5em 0; font-weight: normal;}
.newsletter dl {margin: .6em 0 1.2em;}
.newsletter dd {margin-bottom: .6em;}