/*   @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Ovo|Ubuntu); */

.antisocial {
 display: block;
}
.antisocial .item {
 position: relative;
 top: 1px;
}
.antisocial .item .count {
 position: relative;
 top: -1px;
 margin-right: 8px;
}


.category {
 font-size: 28px; line-height: 32px; margin: 0;
}

blockquote {
 font-style: italic;
}
.h {
 display: none;
}
.span-17 {
 width: 630px;
}
img {
 border: 0;
}
* { -moz-box-sizing: border-box; box-sizing: border-box; }

   a {
    text-decoration: underline; font-weight:bold; 
    color: #7b1d1d;
   }
   a:hover, a:visited {
    text-decoration: underline; font-weight:bold;
    color: #960b0b;
   }
   h1.standalone {
    margin: 5px 0 10px 0;
    padding: 0 0 15px 0;
    border-bottom: solid 1px #ccc;
    color: #222;
   }

   .social {
      height: 20px;
   }
   .social .badge {
    float: right;
   }
   .social .badge.su {
       position: relative; top: 1px;
   }
   .social .badge.twitter {
    width: 92px;
    margin-left: 16px;
   }
   .social .badge.reddit {
    margin: 1px 8px 0 0;
   }
   .social .badge.comments {
    margin: 1px 0 0 14px;
    width: 24px;
    height: 20px;
    background: url(/imgs/cmnt_back.png);
   }
   .social .badge.comments .count {
     position: relative;
     width: 24px;
     text-align: center;
     font-size: 11px;
    }
   .social a .badge.comments {
     text-decoration: none;
     color: #000;
    }
   .social a:hover .badge.comments {
     x-text-decoration: underline;
    }


   #hold {
    background-color: #FFF;
    margin: 0 auto;
    width: 980px;
    padding: 10px;
   }
   body {
    background-color: #000;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: Helvetica,Arial,Verdana,sans-serif; /* "Ovo",serif; */
    font-size: 12px;
    color: #3E4849;
    line-height: 16px;
   }
   hr {
    color: #884;
    background: #884;
   }
   h1 {
   }

   #head {
    margin: 0 auto;
    width: 980px;
   }
   #head .back {
    width: 980px;
    height: 220px;
    overflow: hidden;
    background-color: #888;
    background-position: 0 -30px;
   }
   #head .logo {
    margin: 125px 0 10px 10px;
   }
   #head .logo a img {
    width: 300px;
   }
   #head .name {
    float: right;
    color: #FFF;
    background-color: #000;
    font-size: 14px;
    padding: 4px 8px;
    font-weight: 400;
    position: relative;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Ubuntu",sans-serif;*/
    bottom: -196px;
    opacity: 0.75;
   }

   #head .navi-top-2,#head .navi-top-3 {
    background: #888;
    width: 980px;
    height: 25px;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Ubuntu",sans-serif;*/
    font-weight: 400;
   }
   #head .navi-top-2 .search input,#head .navi-top-3 .search input {
    height: 17px;
    margin: 4px 4px 4px 0;
    border-radius: 3px;
    float: left;
    border: none;
    background-color: #ddd;
    line-height: 0;
    padding: 0 4px 0 4px;
   }
   #head .navi-top-2 .search input+input,#head .navi-top-3 .search input+input {
    cursor: pointer;
    height: 17px;
    background-color: #ccc;
    margin: 4px 2px 4px 0;
    line-height: 0;
    font-size: 10px;
   }
   #head .navi-top-2 .item, #head .navi-top-3 .item {
    float: left;
    padding: 6px 10px 5px 10px;
    margin: 0 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    color: #222;
   }
   #head .navi-top-2 a.item.selected {
    background-color: #444;
    color: #DDD;
    font-weight: bold;
   }
   #head .navi-top-3 a.item.selected {
    background-color: #444; /* XXXX: #666 */
    color: #DDD;
    font-weight: bold;
   }
   #head .navi-top-2 a.item:hover, #head .navi-top-3 a.item:hover {
    color: #FFF;
   }

   #head .navi-bot {
    width: 980px;
    height: 25px;
    background-color: #444;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Ubuntu",sans-serif;*/
    font-weight: 200;
   }
   #head .navi-bot .item {
    float: left;
    padding: 6px 10px 5px 10px;
    margin: 0 0 0 10px;
    text-decoration: none;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
   }
   #head .navi-bot a.item.selected {
    color: #DDD;
    font-weight: bold;
   }
   #head .navi-bot a.item:hover {
    color: #FFF;
   }

   #head .navi-mid {
    width: 980px;
    height: 26px;
    background-color: #444;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Ubuntu",sans-serif;*/
    font-weight: 200;
    border-bottom: solid 1px #888;
   }
   #head .navi-mid .item {
    float: left;
    padding: 6px 10px 5px 10px;
    margin: 0 0 0 10px;
    text-decoration: none;
    color: #aaa;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
   }
   #head .navi-mid a.item.selected {
    color: #ddd;
    background-color: #444;
    font-weight: bold;
   }
   #head .navi-mid a.item:hover {
    color: #fff;
   }

   #body {
    display: inline-block;
   }
   #body .well {
    width: 640px;
    background-color: #FFF;
    padding: 0 9px 0 0;
    border-right: solid 1px #ccc;
    float: left;
    font-size: 14px;
    line-height: 18px;
   }
   #body .well .story {
    margin: 10px 0 0 0;
    border-top: solid 1px #ccc;
    padding-top: 9px;
    clear: both;
   }
   #body .well .story .pic {
    float: left;
    width: 200px;
    margin: 0 10px 8px 0;
   }
   
   #body .well .story .pic .image {
    width: 200px;
    height: 140px;
    overflow: hidden;
   }
   #body .well .story .pic .image img {
    width: 200px;
    height: 200px;
    position: relative;
    top: -20px;
   }



   #body .well .story .text {
    padding: 0 0 0 210px;
   }

   #body .well .story .text .headlink {
    text-decoration: none;
   }
   #body .well .story .text .headline,
  .sidebar .item .headline,
  .sidebar .item .item-label {
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Open Sans",sans-serif;*/
    position: relative;
    top: -4px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    font-weight: 600;
    color: #222;
   }
  .sidebar .item .item-label {
    font-size: 15px;
    text-transform: uppercase;
   }
   #body .well .story .text .headline {
    width: 380px;
    color: #222;
   }
   .sidebar .item .headline {
    margin-top: 8px;
   }
   .sidebar .item .headline a {
    text-decoration: none;
   }

   #body .well .story .text .headline:hover, .sidebar .item .headline:hover {
    text-decoration: underline;
   }



   #body .well .story .featured {
    background-color: #EEE;
    position: relative;
    left: -10px;
    width: 560px;
    margin-top: 10px;
    padding: 10px;
    x-border-radius: 3px;
   }


   #body .well .lines {
    height: 16px;
    font-size: 11px;
    margin: 4px 0 0 0;
    x-margin-bottom: 4px;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Ubuntu",sans-serif;*/
    font-weight: normal;
   }
   #body .well .lines .line {
    float: left;
    padding: 0px 4px;
    margin: 0 0 0 0px;
    text-transform: uppercase;
    color: #FFF;
    x-border-radius: 3px;
    background-color: #4D0300;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
   }
   #body .well .lines .line.commentline        { background-color: #fff; color: #4D0300;}
   #body .well .lines .line.byline             { float: right;                       }
   #body .well .lines .line.byline a           { text-decoration: none; color: #fff; }
   #body .well .lines .line.byline a:hover     { text-decoration: none; color: #ddd; }

   #body .sidebar {
    margin: 0 0 0 10px;
    width: 310px;
    background-color: #FFF;
    float: left;
   }
   #body .sidebar .item {
    margin-bottom: 20px;
    padding-bottom: 19px;
    border-bottom: solid 1px #ccc;
   }
   #body .sidebar .item .facebook {
    background-color: #ddd;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
   }
   #body .sidebar li.dsq-widget-item {
    margin: 10px 0 0 0;
   }
   #hat {
    margin: 4px auto 0 auto;
    width: 980px;
    min-height: 98px;
   }
   #hat .feather {
    float: right;
    width: 244px;
    height: 90px;
    background-color: #ccc;
   }
   #hat .ad-728-90 {
    width: 728px;
    height: 90px;
    overflow: hidden;
   }
   #x-hat .ad-728-90 iframe {
    x-width: 736px;
    x-height: 98px;
    x-position: relative;
    x-top: -8px;
    x-left: -8px;
   }

   #shoe {
    margin: 6px auto 0 auto;
    width: 980px;
    height: 96px;
   }
   #shoe .sock {
    float: right;
    width: 244px;
    height: 90px;
    background-color: #ccc;
    padding: 8px 10px 10px 10px;
   }
   #shoe .sock a {
    color: #000;
    text-decoration: none;
   }
   #shoe .ad-728-90 {
    width: 728px;
    height: 90px;
    overflow: hidden;
   }
   #x-shoe .ad-728-90 iframe {
    x-width: 736px;
    x-height: 98px;
    x-position: relative;
    x-top: -8px;
    x-left: -8px;
   }

   #body .sidebar .ad-300x250_600x250 {
    width: 310px;
    min-height: 260px;
    overflow: hidden;
    padding: 4px;
    border: 1px solid #ccc;
   }
   #body .sidebar .ad-300x250 {
    width: 310px;
    height: 260px;
    position: relative;
    overflow: hidden;
    padding: 4px;
    border: 1px solid #ccc;
   }
   a.morelink {
    x-background-color: #4D0300;
    x-color: #fff;
    color: #4D0300;
    x-border-radius: 4px;
    x-height: 12px;
    x-display: inline-block;
    x-padding: 0 4px;
    text-decoration: none;
    font-size: 10px;
    white-space: nowrap;
   }
   a.morelink:hover {
    text-decoration: underline;
    x-color: #ddd;
   }
   .more {
    x-position: relative;
    x-top: -1px;
    x-font-size: 10px;
    x-font-weight: bold;
    x-background-color: #4D0300;
    text-content: "More »"
   }

   #body .well .breaking {
    width: 580px;
    margin: 20px 0 0 0;
    background-color: #DDD;
    padding: 10px;
    x-border-radius: 3px;
   }
   #body .well .breaking a {
    text-decoration: none;
   }
   #body .well .breaking a h1 {
    margin-bottom: 0px;
    color: #A22;
    font-weight: bold;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Open Sans",sans-serif;*/
    font-size: 20px;
   }

   #body .well .carousel {
    width: 560px;
    height: 248px;
    background-color: #888;
    margin-top: 20px;
    border: solid 1px black;
   }
   #body .well .carousel+div div {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   }
  
   #body .well .carousel .carousel-control.previous.carousel-previous,
   #body .well .carousel .carousel-control.next.carousel-next {
    display: none;
   }
   #body .well .carousel ul {
    width: 560px;
    height: 248px;
    list-style-type: none;
    padding: 0;
    margin: 0;
   }
   #body .well .carousel ul li {
    float: left;
    width: 598px;
    height: 248px;
   }
   #body .well .carousel ul li div {
    padding: 10px;
    font-size: 20px;
    line-height: 22px;
    background: rgba(0,0,0,0.75);
    cursor: pointer;
   }
   #body .well .carousel ul li a {
    color: #FFF;
    text-decoration: none;
    position: relative;
   }
   #body .well .carousel ul li a .caption {
    position: absolute; bottom: -209px; width: 578px; z-index: 2; text-align: right;
   }
   #body .well .carousel ul li a img {
    position: absolute;
    width: 598px;
    height: 209px;
   }


   #hair {
    display: block;
    height: 28px;
    padding: 0;
    margin: 4px 0 0 0;
    font-family: Helvetica,Arial,Verdana,sans-serif; /*"Open Sans",sans-serif;*/
    font-size: 18px;
   }
   #hair a {
    color: #ddd;
    text-decoration: none;
   }
   #hair.high a {
    color: #D88;
   }
   #hair .navi {
    float: right;
   }
   #hair .navi .butn {
    margin-top: 8px;
    margin-left: 8px;
    height: 13px;
    width: 13px;
    overflow: hidden;
    position: relative;
    background-image: url(/imgs/hair.png);
    float: right;
    cursor: pointer;
}





 .hero {
  height: 260px;
  overflow: hidden;
 }
 .hero .imag {
  position: absolute;
  width: 450px;
  height: 260px;
  overflow: hidden;
  border: solid 1px black;
 }
 .hero a img {
  min-width: 450px;
  min-height: 258px;
 }
 .hero .navi {
  float: right;
 }
 .hero .navi .item {
  width: 179px;
  height: 86px;
  margin: 0 0 1px 0;
  padding: 4px 8px 4px 8px;
  background-color: #ddd;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  display: block;
  text-decoration: none;
  color: #444;
 }



.entry h1 {
font-size: 30px;
line-height: 34px;
margin: 0;
font-weight: bold;
color: #222;
}
.entry .author {
float: left;
font-size: 14px;
line-height: 21px;
}
.entry .date {
color: #4D0300;
float: left;
font-size: 14px;
line-height: 21px;
}
.entry .meta {
clear: both;
border-top: 1px solid #ccc;
border-bottom:1px solid #ccc;
padding: 4px 0 4px 0;
margin:8px 0 8px 0;
}
.entry .image {
 float: left;
 margin: 3px 10px 10px 0;
}
.entry .image .big {
 margin: 0 0 10px 0;
}
.entry .text {
 font-size: 14px;
 line-height: 18px;
}
.entry .text img {
 max-width: 630px;
}


.related {
 padding: 10px 10px 0 10px; /* LINKED WITHIN: padding: 0px 20px 0px 20px; */
 background-color: #eee;
}
.related .morefrom {
 padding-bottom: 10px;
}
.related .morefrom-entries {
 padding-bottom: 1px;
}
.related .morefrom-entries-heading {
 font-weight: bold;
 margin-bottom: 4px;
}
.related .morefrom-entries-list {
 margin: 0;
 padding: 0;
}
.related .morefrom-entries-link {
 margin-left:20px;
 text-indent:-15px;
 list-style-type: none;
 line-height: 18px;
}
.related .morefrom-entries-link a {
 font-size: 12px;
 text-decoration: none;
 color: #4D0300;
}
.related .tags {
 padding-bottom: 10px;
}
.related .tags-entries {
 padding-bottom: 1px;
}
.related .tags-entries-heading {
 font-weight: bold;
 margin-bottom: 4px;
}
.related .tags-entries-list {
 margin-left: 5px;
 line-height: 18px;
}
.related a.tags-entries-link {
 font-size: 12px;
 text-decoration: none;
 color: #4D0300;
 display: inline-block;
 padding-right: 15px;
}
.related .links {
 padding-bottom: 10px;
}
.related .links-entries {
 padding-bottom: 1px;
}
.related .links-entries-heading {
 font-weight: bold;
 margin-bottom: 4px;
}
.related .links-entries-list {
 margin: 0; /* LINKED WITHIN: margin-left: 0; */
 padding: 0;
}
.related .links-entries-link {
 margin-left:20px;
 text-indent:-15px;
 list-style-type: none;
}
.related .links-entries-link a, .related .links-entries a {
 font-size: 12px;
 text-decoration: none;
 color: #4D0300;
}

.amazon {
 margin: 10px 0 0 0;
}
.amazon table {
 margin: 0;
}

.disqus {
 margin: 10px 0 0 0;
}

.disqus #disqus_thread {
 padding: 10px;
 background-color: #eee;
}

#gallery {
 width: 630px;
 height: 300px;
 margin-bottom: 10px;
}

.dvd .dvd-entries {
 margin-top: 10px;
 padding-bottom: 1px;
}
.dvd .dvd-entries-heading {
 font-weight: bold;
 margin-bottom: 4px;
}
.dvd .dvd-entries-list {
 margin: 0; /* LINKED WITHIN: margin-left: 0; */
 padding: 0;
}
.dvd .dvd-entries-text {
 margin-left:20px;
 text-indent: 5px;
 list-style-type: none;
}
.related .links-entries-text a {
 font-size: 12px;
 text-decoration: none;
 color: #222;
}



.ui-tabs .ui-tabs-panel {
 padding: 8px 8px 0 8px;
 border: solid 1px #aaa;
}
.ui-widget-content {
 border: none;
 background: none;
}
.ui-widget-header {
 border: none;
 background: none;
}
.ui-widget {
 font-family: inherit;
 font-size: inherit;
}
.ui-tabs {
 padding: 0;
}
.list .text {
 margin: 0px 10px 8px 20px;
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
}
.list .sort {
 width: 15px;
 float: left;
 text-align: right;
 color: #91615B; font-size: 10px; font-weight: bold; text-transform: uppercase;
}
#feat .asset-body { width: 290px; }
#feat a.entryTitle,#feat a.authorName, #feat .readmore { color: #4D0300; }
#feat .summary { width: 290px; margin-bottom: 4px; }


ul.leaders {
 padding: 0;
 overflow-x: hidden;
 list-style: none;
 margin: 0 0 10px 0;
}
ul.leaders li:before {
 float: left;
 width: 0;
 white-space: nowrap;
 content:
  ". . . . . . . . . . . . . . . . . . . . "
  ". . . . . . . . . . . . . . . . . . . . "
  ". . . . . . . . . . . . . . . . . . . . "
  ". . . . . . . . . . . . . . . . . . . . "
  ". . . . . . . . . . . . . . . . . . . . "
  ". . . . . . . . . . . . . . . . . . . . "
  ". . . . . . . . . . . . . . . . . . . . "
}
ul.leaders span:first-child {
 padding-right: 0.33em;
 background: white}
ul.leaders span + span {
 float: right;
 padding-left: 0.33em;
 background: white}


#head_mobile, #zerg_mobile, #crowdignite_mobile {
 display: none;
}
.zergentity { max-width: 96px; }


@media (max-width: 480px) {

#hat {
 display: none;
}
#head {
 display: none;
}
#head_mobile {
 display: block;
 width: 320px;
 background-color: #ccc;
 margin: -10px -10px 0 -10px;
}
#head_mobile img {
 width: 300px;
 height: 90px;
 margin-left: 10px;
}
#hold {
 width: 320px;
}
#body .well {
 width: 310px;
 padding: 0 10px 0 0;
 border-right: 0;
}
.hero {
 display: none;
}
#body .well .story .text {
 padding: 0;
 clear: both;
}
#body .well .story .text .headline {
 width: 300px;
}
#body .well .lines {
 font-size: 14px;
}
#body .well .lines > div:first-child + div {
 float: none;
}
#body .well .lines .date {
 float: right;
}
.story .antisocial {
 display: none;
}
.antisocial.disqus, .antisocial.reddit, .antisocial.googleplusone {
 display: none;
}
.antisocial.facebook .item .count {
 margin-right: 0;
}
#body .sidebar {
 display: none;
}
#foot {
 display: none;
}
#body .well .story .pic .image img {
 width: 300px;
 height: 300px;
 top: -70px;
}
#body .well .story .pic .image {
 width: 300px;
}
#body .well .story .pic {
 width: 300px;
 margin: 0 0 10px 0;
}

blockquote blockquote {
 margin: 0;
}

.entry .image {
 float: none;
 margin: 0 0 10px 0;
 width: 300px;
}
.entry .image.big {
 margin: 0 0 10px 0;
 width: 300px;
}
.entry .image.big img {
 width: 300px;
}

#image-holder #image {
 width: 300px;
}

#zerg_desktop,#crowdignite_desktop {
 display: none;
}
#zerg_mobile,#crowdignite_mobile {
 display: inline;
}
.zergentity { max-width: 140px; }


}