/** Scaffolding **/
/** Typography **/
body {
  background: white;
  color: #333333;
}

a,
.FlyoutMenu a {
  color: #0088cc;
}

a.TextColor, a .TextColor {
  color: #333333;
}

a:hover, a.TextColor:hover, a:hover .TextColor {
  color: #ff0084;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
  color: black;
  font-family: inherit;
}

.Tag, .TagCloud li {
  background: #0668d3;
  color: white;
}

.Tag a {
  color: white;
}

.Count {
  background: #0668d3;
  color: white;
}

.Active .Count {
  color: #0668d3;
  background: white;
}

.Item .AuthorInfo .MItem, .Item .CommentInfo .MItem,
.Item .AuthorInfo .MItem::before, .Item .CommentInfo .MItem::before,
.Gloss {
  color: #666666;
}

/** Navigation **/
.NavBar {
  background-color: #1d1d1d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232), color-stop(100%, #1d1d1d));
  background-image: -webkit-linear-gradient(top, #323232, #1d1d1d);
  background-image: -moz-linear-gradient(top, #323232, #1d1d1d);
  background-image: -o-linear-gradient(top, #323232, #1d1d1d);
  background-image: linear-gradient(top, #323232, #1d1d1d);
}

.SiteMenu a, .NavBar .Username, .NavBar .MeBox-SignIn a {
  color: #999999;
}

.NavBar .FlyoutButton:hover .Sprite16,
.NavBar .Open .MeMenu .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-ffffff.png");
}

.BreadcrumbsWrapper {
  background: #f2f2f2;
  border-bottom-color: #dedede;
}

/** DataLists **/
.DataList {
  border-color: #dddddd;
}

.DataList .Item, .DataList .Item {
  border-color: #dddddd;
}

.DataList .Item,
.DataTable .Item {
  background-color: white;
}

.Item.Read {
  background: #f2f2f2;
  color: #999999;
}

.Item.Read a {
  color: #999999;
}

.Item.Read a:hover {
  color: #ff0084;
}

.Item.Read .Tag, .Item.Read .Tag a {
  background: #999999 !important;
  color: #f2f2f2 !important;
}

.ItemDiscussion .Meta, .DataList .Meta {
  color: #666666;
}

.DataList.Discussions .MCount, .DataList.Discussions .HasNew {
  color: #333333;
}

.DataList.Discussions .HasNew {
  background: #0668d3;
  color: white;
}

.DataTable tbody td {
  border-color: #dddddd;
}

.Activities .DataList li {
  background: #f7f7f7;
}

/** Forms **/
.Button, .NavButton {
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  border-color: #cccccc;
  color: black;
}

.Button:hover, .NavButton:hover {
  background-color: #e6e6e6;
  color: black;
  border-color: #cccccc;
}

.NavButton.Handle .Sprite, .Button.Handle .Sprite {
  border-top-color: black;
}

.NavButton:hover, .NavButton {
  box-shadow: 0 1px 1px #e6e6e6;
}

.Button.Primary {
  background-color: #0668d3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1481f8), color-stop(100%, #0550a1));
  background-image: -webkit-linear-gradient(top, #1481f8, #0550a1);
  background-image: -moz-linear-gradient(top, #1481f8, #0550a1);
  background-image: -o-linear-gradient(top, #1481f8, #0550a1);
  background-image: linear-gradient(top, #1481f8, #0550a1);
  border-color: #0550a1 #0550a1 #033770;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.Button.Primary:hover {
  background-color: #0550a1;
  border-color: #033770;
}

.NavButton.Primary.Handle .Sprite, .Button.Primary.Handle .Sprite {
  border-top-color: white;
}

.ButtonGroup.Open .Button.Handle,
.ButtonGroup.Open .NavButton.Handle {
  background: #f2f2f2;
  background-image: none;
  border-color: #e6e6e6;
  box-shadow: 0 0px 14px #999999 inset;
}

.ButtonGroup.Open .Button.Primary.Handle {
  background: #055cba;
  background-image: none;
  border-color: #0550a1;
  box-shadow: 0 2px 12px #00060d inset;
}

.Open .Handle.Primary .Sprite {
  border-top-color: #fff;
}

.FormWrapper {
  background-color: accent();
}

/** Pagers **/
.Pager a, .Pager span {
  border-color: #dddddd;
  background-color: white;
}

.Pager a:hover, .Pager .Highlight {
  background-color: #cccccc;
}

.Pager .Highlight {
  color: gray;
}

.MiniPager {
  border-color: #dddddd;
}

.MiniPager a {
  border-color: #dddddd;
}

.MiniPager a:hover {
  background-color: #e6e6e6;
}

/** Sprites **/
.OptionsTitle, a.Bookmark, a.Bookmarked, a.Bookmarking {
  background-image: url("//vanillicon.com/sprites/ui_sprites-16c-333333.png");
}

.Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-555555.png");
}

a .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-0088cc.png");
}

a:hover .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14c-ff0084.png");
}

dl.About dt {
  background: url("//vanillicon.com/sprites/profile-sprites-666666.png") 0 0 no-repeat;
  color: #737373;
}

.Reactions a {
  color: #555555;
}

.Reactions a:hover {
  color: #ff0084;
}

/** Popups **/
div.Popup .Body {
  background-color: white;
}

div.Popup h1 {
  border-color: #dddddd;
}

div.Popup .Buttons {
  background-color: #e6e6e6;
  border-color: #dddddd;
  box-shadow: inset 0 1px 0 white;
}

a.Close {
  color: #333333;
}

/** Panel **/
.Box {
  border-color: #dddddd;
  background-color: white;
}

.Box h4 {
  background: #f2f2f2;
  border-color: #dddddd;
  box-shadow: 0 1px 1px white inset;
}

@media (min-width: 1101px) {
  .PhotoWrapLarge {
    border-color: #dddddd;
    background: white;
    box-shadow: 0 1px 1px white inset;
  }
}
.FilterMenu {
  background-color: #f2f2f2;
  border-color: #dddddd;
}

.FilterMenu li a:hover {
  background-color: #e6e6e6;
}

#Panel .PanelInfo li a:hover {
  background-color: #f2f2f2;
}

#Panel .PanelInfo li {
  border-color: #dddddd;
}

.Hero {
  background: #f2f2f2;
}

#Panel .FilterMenu .Active a, #Panel .FilterMenu .Active a:hover, .PanelInfo .Active {
  background: #0668d3;
  color: white;
}

#Panel .FilterMenu .Active a .Sprite,
#Panel .FilterMenu .Active a:hover .Sprite,
.PanelInfo .Active .Sprite {
  background-image: url("//vanillicon.com/sprites/sprites-14-ffffff.png");
}

#Content .FilterMenu li a:hover {
  background-color: #f2f2f2;
}

#Content .FilterMenu li.Active a {
  background: #0668d3;
  color: white;
}

/** Messages **/
.WarningMessage {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #dec89b;
}

.InfoMessage {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #89bad2;
}

.AlertMessage {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #d59493;
}

.CasualMessage {
  color: #666666;
  background-color: #f2f2f2;
  border-color: #acacac;
}

/** Misc **/
.ActivateSlider {
  background: #f2f2f2;
  box-shadow: 0 10px 30px #bfbfbf inset;
  border-color: #e6e6e6;
}

.Tile {
  background-color: white;
  border-color: #dddddd;
}
.Tile .AuthorWrap {
  background-color: #fafafa;
}

/** Me box **/
.NavBar .MeMenu .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-999999.png");
}

/** Reactions **/
.ReactSprite {
  background-image: url("//vanillicon.com/sprites/sprites-14-555555.png");
}

.Reactions a:hover .ReactSprite {
  background-image: url("//vanillicon.com/sprites/sprites-14c-ff0084.png");
}

/* Switch to the white icons when hovering over a menuitem sprite */
.Reactions .MenuItems a:hover .ReactSprite,
.MenuItems a:hover .Sprite {
  background-image: url("//vanillicon.com/sprites/sprites-14-ffffff.png");
}

.FilterMenu .ReactSprite {
  background-image: url("//vanillicon.com/sprites/sprites-14-0088cc.png");
}

.FilterMenu a:hover .ReactSprite {
  background-image: url("//vanillicon.com/sprites/sprites-14c-ff0084.png");
}

.FilterMenu .Active a .ReactSprite,
.FilterMenu .Active a:hover .ReactSprite {
  background-image: url("//vanillicon.com/sprites/sprites-14-ffffff.png");
}

/* Switch to bordered icons for user reaction overlays */
.UserReactionWrap .ReactSprite {
  background-image: url("//vanillicon.com/sprites/sprites-14-outline-000000.png");
}

.Sprite,
.Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-333333.png");
}

a .Sprite,
a .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-0088cc.png");
}

a.TextColor .Sprite,
a.TextColor .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-333333.png");
}

a:hover .Sprite,
a:hover .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14c-ff0084.png");
}

.Button .Sprite,
.NavButton .Sprite,
.Button .Sprite16,
.NavButton .Sprite16,
.Button:hover .Sprite,
.NavButton:hover .Sprite,
.Button:hover .Sprite16,
.NavButton:hover .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-000000.png");
}

.Button.Primary .Sprite,
.Button.Primary .Sprite16 {
  background-image: url("//vanillicon.com/sprites/sprites-14-ffffff.png");
}