body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6666;
  color: #222; }

a { text-decoration: none; }
  a:hover { text-decoration: underline; }

.small {
  font-size: 12px; }

#articles {
  margin-right: 210px; }

#navwrap {
  width: 20%;
  float: right;
  background-color: white;
  padding-left: 12px;
  padding-bottom: 24px; }

#nav {
  width: auto;
  padding: 2px 8px;
  background-color: #eee; }
  #nav ul.metas {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0; }
  #nav ul.planetarium {
    list-style-type: square;
    /*  margin-left: 0;
        padding-left: 0;  */ }
  #nav ul.subscriptions {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0; }

#opts {
  float: right;
  width: 200px;
  background-color: white;
  padding-left: 12px;
  font-size: 12px;
  color: grey; }
  #opts a {
    text-decoration: none;
    color: grey; }
    #opts a:hover {
      text-decoration: underline; }
  #opts #show-headlines,
  #opts #show-snippets {
    cursor: pointer; }

.new-date {
  border-bottom: 1px solid #9e9e9e;
  border-top: 1px solid #9e9e9e;
  padding-top: 3px;
  padding-bottom: 3px; }

hr.item-separator {
  border: none;
  background-color: #ccc;
  color: #ccc;
  height: 1px; }

.item {
  padding: 0px 5px 5px 5px; }
  .item .item-snippet {
    font-size: 14px;
    margin-top: 4px; }
  .item .item-snippet p {
    margin: 2px 0px 2px 0px;
    padding: 0; }
  .item .item-title {
    margin-top: 0;
    margin-bottom: 0; }
  .item .item-footer {
    font-size: 12px;
    color: grey; }
  .item .item-collapse,
  .item .item-close,
  .item .item-opened {
    color: grey;
    cursor: pointer; }
  .item .item-expand,
  .item .item-open,
  .item .item-closed {
    cursor: pointer;
    display: none; }

img {
  max-width: 100%;
}
