/*
   post.css
   Spectives
   
   Created by John van Dijk on 2009-11-09.
   Copyright 2009 Ruby Libre. All rights reserved.
*/

/* @group main */
#main {
/*  padding-top: 3em;*/
}
/* @end */

/* @group titlebar */
#titlebar h1 {
/*  font-family: Tahoma,Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;*/
}
/* @end */

/* @group columns */
.span-20-with-gutter {
/*  width: 840px;*/
}
/* @end */


/* borders
======================================================================== */
/* @group borders */
.corners {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.bottom-corners {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.top-left-corner {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
}
.bottom-left-corner {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
}
.bottom-right-corner {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
/* @end */


/* post-box
======================================================================== */

/* @group post-box global */
.post-box {
  background: #fff url('../images/uiv2/bg_post_box.png') no-repeat -100px 0px;
  position: relative;
  margin-bottom: 1em;
  z-index: 50;
}
.post-box .post {
  background: #fff;
  border: 1px solid #eee;
  padding: 4px;
  position: relative;
  *position: static;
}
.post-box-hover {
  z-index: 60;
}
.post-box-hover-abandoned {
  z-index: 70;
}
.post-box-hover .post {
  border-color: #ccc;
  border: 1px solid #ccc;
  border-color: #ccc #aaa #888 #ccc;
}
.post-box-with-pulldown-visible {
  background-position: left bottom;
}

/* @end */

/* @group post-box header */
.post-box h3 {
  /*background: #000;*/
  border-left: 4px solid #000;
/*  font-size: 1.2em;*/
  font-size: 1.1em;
/*  height: 3.75em;*/
/*  line-height: 1.25;*/
  line-height: 1.5;
  position: absolute;
  top: 12.5em;
  width: 190px;
  z-index: 30;
}
.post-box h3.calculated {
  background: transparent;
  overflow: visible;
  height: auto;
  width: 10px;
}
.post-box h3 a {
  color: #fff;
  text-decoration: none;
}
.post-box h3 span {
  background: #000;
  color: #fff; /*ie6*/
  cursor: pointer; /*ie6*/
  display: block;
  float: left;
  padding-right: 0.25em;
  white-space: nowrap;
}
.post-box h3 span.extra {
  display: none;
}
.post-box h3.hovered span.abbr {
  display: none;
}
.post-box h3.hovered span.extra {
  display: block;
}
/* @end */

/* @group post-box content */
.post-box .content img {
  margin-bottom: 2.92em;
  *margin-bottom: 2.67em; /* ie6/7 */
}
.post-box .content p {
  display: none;
}
/* @end */

/* @group post-box foot */
.post-box .foot {
  text-align: right;
}
.post-box .foot * {
  color: #9f7e63;
}
.post-box .foot .feed {
  height: 1.5em;
  overflow: hidden;
  margin: 0 20px;
  width: 154px;
}
.post-box .foot .feed span {
  white-space: nowrap;
}
/* @end */

/* @group post-box starring */
.post-box a.star {
  background: #fff url('../images/uiv2/sprite_star.png') 0 0;
  bottom: 5px;
  height: 16px;
  left: 5px;
  overflow: hidden;
  position: absolute;
  text-indent: 100em;
  width: 16px;
  z-index: 10;
}
.post-box a.starred {
  background-position: 0 -16px;
}
/* @end */

/* @group post-box pulldown-trigger */
.post-box .pulldown-trigger {
  background: #fff url('../images/uiv2/sprite_pulldown_trigger.png') no-repeat 2px -17px;
  border: 1px solid #eee;
  bottom: 0;
  display: block;
  height: 19px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 100em;
  width: 19px;
  z-index: 15;
}
* html .post-box .pulldown-trigger { /* ie6 */
  bottom: -1px;
}
.post-box-hover .pulldown-trigger {
  background-color: #eee;
  background-position: 3px -16px;
  border-color: #888 #ccc #ccc #aaa;
}
.post-box-with-pulldown-visible .pulldown-trigger {
  background: #eee;
  border-color: #888 #aaa #eee #aaa;
}
/* @end */

/* @group post-box video */
.post-box .video {
  background: #000;
  color: #ff9;
  padding: 0 4px;
  position: absolute;
  top: 13.6em; /* .1em extra because of border */
  left: 5px;
}
/* @end */

/* @group post-box advertisement */
.post-box p.advertisement {
  background: #000;
  color: #ff9;
  padding: 0 4px;
  position: absolute;
  /* top: 13.6em; .1em extra because of border */
  top: 12.3em;
  left: 5px;
}
/* @end */

/* @group post-box sharing-options */
.post-box .sharing-options {
  background: #fff;
  margin: 0;
  padding: 0 0 3px 3px;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 20;
}
.post-box .sharing-options li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.post-box .sharing-options li {
  float: left;
}
.post-box .sharing-options li a {
  background: #fff url('../images/uiv2/sprite_social.png');
  display: block;
  height: 16px;
  overflow: hidden;
  text-indent: -100em;
  width: 16px;
}
.post-box .sharing-options li a.facebook {
  background-position: 0 0;
  margin-right: 3px;
}
.post-box .sharing-options li a.twitter {
  background-position: -16px 0;
}
/* @end */

/* @group post-box pulldown*/
.post-box .pulldown {
  background: #eee;
  border: 1px solid #ccc;
  border-color: #ccc #aaa #888 #ccc;
  border-top: 0;
  padding: 1.12em 8px 4px;
  position: absolute;
  width: 186px;
  z-index: 29;
}
.post-box .pulldown .loading {
  margin-bottom: 0.75em;
}
.post-box .pulldown .loading img {
  margin-right: 4px;
  vertical-align: bottom;
}
.post-box .pulldown ul,
.post-box .pulldown li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-box .pulldown ul.collections {
  background: #fefeff;
  overflow: auto;
  margin-bottom: 1.38em;
  *margin-bottom: 1.33em;
  max-height: 12em;
  border: 1px solid #858585;
  border-color: #858585 #C1C1C1 #E1E1E1;
}
* html .post-box .pulldown .collections li {
  display: inline;
}
.post-box .pulldown .collections li a {
  background: transparent url('../images/uiv2/icon_arrow.png') no-repeat left top;
  color: #333;
  display: block;
  padding-left: 16px;
  text-decoration: none;
}
.post-box .pulldown .collections li a:hover {
  background-color: #eee;
}
.post-box .pulldown a.remove {
  background: transparent url('../images/uiv2/icon_delete_eee.png') no-repeat 0 2px;
  color: #333;
  display: block;
  margin-bottom: 0.75em;
  padding-left: 19px;
}
.post-box .pulldown a.trigger {
  background: transparent url('../images/uiv2/sprite_pulldown_trigger.png') no-repeat;
  bottom: 0;
  display: block;
  height: 16px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 100em;
  width: 16px;
}
/* @end */


/* advertisement-box
======================================================================== */

/* @group advertisement-box foot */
.advertisement-box .foot .price {
  text-align: left;
  padding-top: 1.5em;
}
.advertisement-box .foot .cta {
  bottom: 4px;
  height: 22px;
  position: absolute;
  right: 4px;
  width: 78px;
}
.advertisement-box .foot .cta a {
  background: transparent url('../images/uiv2/buy_now_at_amazon.gif') no-repeat;
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: 100em;
  width: 100%;
}
/* @end */

/* tooltip
======================================================================== */

/* @group modules */
#tooltip {
  overflow: hidden;
  position: absolute;
  text-align: left;
  width: 260px;
  z-index: 500;
}
#tooltip .nn {
  background: transparent url('../images/uiv2/bg_tooltip_24bit.png') left top;
  height: 5px;
  overflow: hidden; /* ie6 */
}
#tooltip .ss {
  background: transparent url('../images/uiv2/bg_tooltip_24bit.png') left bottom;
  padding-bottom: 5px;
}
* html #tooltip .nn,
* html #tooltip .ss {
  background: #25140D;
}
#tooltip .main {
  background: #E7DAC7;
  max-height: 12em;
  margin: 0 5px;
  padding: .15em 5px;
  overflow: hidden;
}
#tooltip .hide-hidden .hidden {
  display: none;
}
#tooltip .bottom-1 {
  margin-bottom: 0;
}
/* @end */

/* adjustments
======================================================================== */
.span-5 {
  width: 212px;
}
#widecolumn .post-box .foot .feed {
  margin: 0 20px;
}
.post-box h3 {
  width: 198px;
}
.post-box .foot .feed {
  width: 162px;
}
.post-box .pulldown {
  width: 194px;
}
#sidebar {
  padding: 8px 0 0;
}
div.pagination {
  margin-right: 4px;
}
#favorites li {
  height: 14px;
  padding: 0 5px 5px;
}

#tooltip-content p {
  color: #222;
}

#showfeedlist {
  margin-left: -17px;
  margin-top: 20px;
  
  *margin-left: -21px;
  *margin-top: 18px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Add your Safari-specific styles here. */
  #showfeedlist {
    margin-left: -21px;
    margin-top: 20px;
  }
}

/* IE8 Standards-Mode Only */
#showfeedlist { margin-left /*\**/: -21px\9 }