body {
  background: #fff;
  color: #222;
}

a {
  color: #2e9edb;
}
a:hover {
  color: #2787BB;
}

#site-header {
  background: #ccc;
  color: #444;
}
#site-header a {
  color: #444;
}
#site-footer {
  background: #fff;
  color: #444;
}
#site-footer a {
  color: #444;
}

ul#nav-top-menu > li.held-open {
  background: #ddd;
}
ul#nav-top-menu > li.held-open > a {
  color: #000;

  -moz-text-shadow: 0 1px 0px #eee;
  -webkit-text-shadow: 0 1px 0px #eee;
  text-shadow: 0 1px 0px #eee;
}
ul#nav-top-menu > li > .nav-flyout {
  background: #ddd;

  -moz-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.20);
  -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.20);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.20);
}
ul#nav-top-menu .nav-flyout ul.nav-flyout-submenu {
  background: #fff;
}
ul#nav-top-menu .nav-flyout ul.nav-flyout-submenu > li > a {
  color: #000;
}
ul#nav-top-menu .nav-flyout ul.nav-flyout-submenu > li.active > a:after,
ul#nav-top-menu .nav-flyout ul.nav-flyout-submenu > li > a:hover:after
{
  color: #aaa;
}
ul#nav-top-menu .nav-flyout ul.nav-flyout-submenu > li.active > a
{
  background: #ddd;
  color: #333;

  -moz-text-shadow: 0 1px 0px #eee;
  -webkit-text-shadow: 0 1px 0px #eee;
  text-shadow: 0 1px 0px #eee;
}

ul#nav-top-menu li#nav-watch .nav-flyout ul.nav-flyout-thumbs {
}
ul#nav-top-menu li#nav-watch .nav-flyout ul.nav-flyout-thumbs > li {
  background: #fff;
}
ul#nav-top-menu li#nav-watch .nav-flyout ul.nav-flyout-thumbs > li .star-1 {
  background: url("/vs5/dark/images/ico-star1.png");/* dark is intentional */
}
ul#nav-top-menu li#nav-watch .nav-flyout ul.nav-flyout-thumbs > li > a:hover {
  opacity: 0.8;
}
ul#nav-top-menu li#nav-watch .nav-flyout ul.nav-flyout-thumbs > li > a > span {
  background: #000;
  background: rgba(0, 0, 0, 0.5);

  color: #fff;

  -moz-text-shadow: 0 1px 0 #000;
  -webkit-text-shadow: 0 1px 0 #000;
  text-shadow: 0 1px 0 #000;
}

ul#nav-top-menu li#nav-discuss .nav-flyout ul.nav-flyout-thumbs > li > a:nth-child(1) {
  color: #2e9edb;
}

ul#nav-top-menu li#nav-discuss .nav-flyout ul.nav-flyout-thumbs > li {
  color: #aaa;
}
ul#nav-top-menu li#nav-discuss .nav-flyout ul.nav-flyout-thumbs > li > .quote {
  color: #444;
}

ul#nav-top-menu li#nav-about .nav-flyout ul.nav-flyout-thumbs > li a {
  color: #2e9edb;
}

ul#nav-top-menu .nav-flyout ul.nav-flyout-thumbs iframe {
  border-color: #aaa;
}

ul#nav-top-menu li#nav-member li.curpage-tools ul.button-links li a {
  background: #eee;
  border-color: #aaa;
}

/******************************************************************************/

section.side-by-side {
  background: #eee;
  color: #222;
}

#backup-instruct {
  background: #eee;
}

section.side-by-side ul.suggested-videos li .poster {
  outline: 1px solid #ccc;
}
section.side-by-side ul.suggested-videos li.quality .poster {
  outline: 3px solid;
}

/******************************************************************************/

.arrow.up { border-bottom-color: #ddd; }
a.arrow.up { border-bottom-color: #bbb; }
a.arrow.up:hover { border-bottom-color: #888; }
a.arrow.up.active { border-bottom-color: #2787BB; }

.arrow.right { border-left-color: #ddd; }
a.arrow.right { border-left-color: #bbb; }
a.arrow.right:hover { border-left-color: #888; }
a.arrow.right.active { border-left-color: #2787BB; }

.arrow.down { border-top-color: #ddd; }
a.arrow.down { border-top-color: #bbb; }
a.arrow.down:hover { border-top-color: #888; }
a.arrow.down.active { border-top-color: #2787BB; }

.arrow.left { border-right-color: #ddd; }
a.arrow.left { border-right-color: #bbb; }
a.arrow.left:hover { border-right-color: #888; }
a.arrow.left.active { border-right-color: #2787BB; }

.video-vote-count.active {
  color: #2787BB;
}

/******************************************************************************/
/* COMMENTS */
/******************************************************************************/

.comments-block .text-block > .arrow {
  border-right-color: #fff;
}
.comments-block .answer-post .text-block > .arrow {
  border-right-color: #eee;
}

.comments-block .answer-post .text-block {
  background: #eee;
  color: #777;
  border-color: #d9d9d9;
}
.comments-block .answer-post .arrow{
  left: -17px;
}

.comment-invocations .comment-invo-list {
  background: #eee;
  border: 1px solid #bbb;
  -moz-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.1);
  -webkit-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.1);
  box-shadow: 0 2px 2px rgba(100, 100, 100, 0.1);
}
.comment-invocations .comment-invo-list abbr:hover {
  color: #444;
  border-bottom: 1px dashed;
}
.comment-invocations span.disabled {
  color: #b4b4b4;
}

.comments-block .quote-block textarea:hover {
  border-color: #aaa;
}
.comments-block .quote-block .content textarea.comment-body,
.comments-block.post-single .quote-block .content textarea.comment-body
{
  background: #fff;
  color: #000;
}
.comments-block .answer-post .text-block {
  background: #eee;
  border-color: #d9d9d9;
  color: #000;
}
.comments-block .answer-post textarea {
  background: transparent;
}
textarea.comment-edit-body,
form.edit textarea.quotebody-editing
{
  background: #fff;
  color: #000;
  border-color: #a9a9a9;
}

.tools-panel a,
.r-swoosh-arrow
{
  background-image: url(../media/sprite.png);
}

.tools-panel .delete { background-position:-111px -321px; }
.tools-panel .edit { background-position:-126px -321px; }
.tools-panel .quote { background-position:-141px -321px; }
.tools-panel .history { background-position: -173px -322px; }
.tools-panel .copy { background-position:-157px -321px; }
.tools-panel .delete:hover { background-position:-111px -338px; }
.tools-panel .edit:hover { background-position:-126px -338px; }
.tools-panel .quote:hover { background-position:-141px -338px; }
.tools-panel .copy:hover { background-position:-157px -338px; }
.tools-panel .history:hover { background-position: -173px -339px; }

.links-list h2,
.quote-block h2,
.comments-block h2,
.video-block h2,
.videos-details h2
{
  color: #484848;
  text-shadow: 0 1px 0 #fff;
}

.comments-block .photo,
.quote-block .photo
{
  border-color: #fff;
}

.comments-block .text-block,
.quote-block .text-block
{
  background: #fff;
}

.comments-block .comment .content .text p.thumbed-up {
  color: #000;
}

.comments-block .user {
  color: #acacac;
}

.comments-block .details {
  text-shadow: 0 1px 0 #fff;
}

.comments-block .details a {
  color: #acacac;
}
.comments-block .details a:hover {
  color: #555;
}

.comments-block .thumb-count {
  color: #acacac;
}
article.comment a.link-top,
article.comment .link-top
{
  border-bottom-color: #acacac;
}
article.comment .link-top.voted,
article.comment a.link-top:hover
{
  border-bottom-color: #555;
}
article.comment a.link-bottom,
article.comment .link-bottom
{
  border-top-color: #acacac;
}
article.comment a.link-bottom.voted,
article.comment a.link-bottom:hover
{
  border-top-color: #555;
}

.comment-star {
  color: #2e9edb;
}