/* **********************************
    Network Bar
   ******************************* */

/* This is the black bar that is fixed at the top of the viewport across all properties */

.network-bar, .bottom-bar{
  background:#333536;
  color:white;
  width:100%; 
  padding:0 10px;
  }
.network-bar{
  height:36px;
  left:0;
  position:fixed;
  top:0;
  z-index: 500;
  }

.network-nav{
  background: black;
  width: 200px;
  position: fixed;
  top: 36px;
  right: 10px;
  display: none;
  }
.network-nav a:link, 
.network-nav a:active, 
.network-nav a:hover, 
.network-nav a:visited{ 
  color: #fff; 
  vertical-align: middle;
  font-size:14px; 
  font-weight:500;
  width:100%;
  display: block;
  padding: 6px 5px;
  }
.network-nav .icon{ 
  display: inline-block; 
   *display: inline;
  width: 24px; 
  height:24px; 
  border-radius: 50%; 
  vertical-align: middle;
  border-radius:50%;
  margin-right:8px;
  }
.network-toggle .icon{ 
  display: inline-block; 
   *display: inline;
  width: 36px; 
  height:36px; 
  vertical-align: middle;
  }
.network-nav li{ 
  height:36px; 
  }
.network-toggle{ 
  width: 36px; 
  height:36px; 
  display:block;
  position:absolute;
  top:0;
  right: 10px;
  cursor: pointer;
  }





/* controls the background color for the icon and the menu hover state */

.icon-mail, .mail:hover{ background-color:#1FB880;}
.icon-entertainment, .entertainment:hover{ background-color:#54364A;}
.icon-news, .news:hover{ background-color:#1B3B69;}
.icon-shopping, .shopping:hover{ background-color:#70893F;}
.icon-games, .games:hover{ background-color:#006838;}
.icon-weather, .weather:hover{ background-color:#3F92AB;}
.icon-domains, .domains:hover{ background-color:#484C4C;}
.icon-video, .video:hover{ background-color:#343637;}
.icon-deals, .deals:hover{ background-color:#EB4741;}
.icon-angelfire, .angelfire:hover{ background-color:#D21F26;}
.icon-gamesville, .gamesville:hover{ background-color:#BD171B;}
.icon-hotbot, .hotbot:hover{ background-color:#C5000C;}
.icon-tripod, .tripod:hover{ background-color:#53ADDA;}
.icon-weatherzombie, .weatherzombie:hover{ background-color:#53B847;}
.icon-whowhere, .whowhere:hover{ background-color:#7BA527;}


/* **********************************
      Top Bar
   ******************************* */

/*  This is the top bar for the specific property. It is situated below the network bar and 
    the topmost 728x90 ad and contains the property logo and search bar. */

.top-bar{ 
  border-bottom:1px solid black;
  padding:10px 0;
  z-index:400;
  background: rgb(241, 241, 241) url("../images/paper-alt2b.jpg");
  margin:0;
  position:relative;
  }
.search, .search .col-flex--interior { height: 100%; }
.prop-logo{ position: relative;}
.prop-logo img{ max-width:100%; display:block; margin:0 auto;}
.prop-nav{
  position: absolute;
  bottom: -20px;
  margin-bottom: -100%;
  left: 10px;
  position: absolute;
  top: 100%;
  margin-top: 20px;
  width: 160px;
  }
.stuck{ 
  position: fixed;
  top: 36px;
  width: calc(100% - 20px)!important; /* will need to do this differently because of IE - it can't handle calc() */
  }



 /* **********************************
        Search Boxes
    ******************************* */

/* general search styles */

.search-input{
    display:block;
    height:100%;
    float:left;
    width:100%;
    font-size: 1.15em;
    color: rgba(0, 0, 0, 0.53);
    font-style: italic;
    }

/* top bar search styles */

.search--cont__top-bar{
  display:table;
  width:100%;
  }
.search--input__top-bar input{
  height:40px;
  }
.search--row__top-bar{
  display:table-row;
  width:100%;
  }
.search--input__top-bar{ 
  padding:0;
  width:100%;
  }
.search--input__top-bar,
.search--buttons__top-bar{
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  }

.search-site{ margin-left:-5px;}
.search-site:before, .search-web:before{
  display:inline-block;
   *display: inline;
  vertical-align: middle;
  content: " ";
  background:url("../images/icon-search.png") no-repeat top left;
  width:16px;
  height:16px;
  margin:-4px 7px 0 0;
  }

  /* Network  Search Box */

.network-search-bar{ padding:5px; }
.network-search{
  background:white;
  border-radius:12px;
  height:24px;
  width:100%;
  position: relative;
  }
.button-network-search{
  width: 24px;
  height:24px;
  background-color:#4A92FD;
  border-radius:50%;
  position: absolute;
  top: 0;
  left: 0;
  }
.network-search-input{
  width: 150px;
  height:24px;
  background: transparent;
  position:absolute;
  top:0px;
  left: 30px;
  font-size:15px;
  border:0;
  }
.network-search-input:focus{ outline: 0;}

  /* Category Search Box */

.category-search-bar{ 
  padding:0 0 0 5px; 
  float:right; 
  width:100%;}
.category-search{
  background:white;
  border:1px solid black;
  height:30px;
  position: relative;
  width:100%;
  }
.button-category-search{
  width: 30px;
  height:30px;
  background-color:black;
  background-position: -154px -83px;
  cursor: pointer;
  position: absolute;
  top: -1px;
  right: 0;
  }
.category-search-input{
  width: 150px;
  height:30px;
  background: transparent;
  position:absolute;
  top:0px;
  left: 10px;
  font-size:15px;
  border:0;
  }
.category-search-input:focus{ outline: 0;}


 /* **********************************
        Content Modules
    ******************************* */


/* excerpt */
.excerpt--thumb img{ width: 100%;}
.excerpt--date,
.excerpt--byline{ font-size:.8em;}
.excerpt--article{ margin:10px 0;}
.excerpt--more{
  text-transform: uppercase;
  }

/* Full Article */

.article .full-article{ 
  font-size:2.5em;
  font-weight:600;
  margin-bottom:15px;
  }
.article .byline, .article .date{
  width:100%;
  display:block;
  }
.article .date{
  margin-bottom:15px;
  }
.feature-image{
  background:white;
  border: 1px solid rgb(218, 218, 218);
  padding:10px;
  max-width:470px;
  width:auto;
  margin:0 auto 15px auto;
  }
.feature-image img{ 
  display:block; 
  margin:0 auto;
  width: 100%;
  }
.article p{
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.7;
  margin: 0 auto 1em auto;
  }
.article-meta{ float:left; }
.article-body{ clear:both; max-width:60em; margin: 0 auto;}
.tags{ 
  color: #e7ac23; 
  font-weight:500;    
  text-transform: uppercase;
  }
.tags a{ 
    margin-left:6px;
    font-weight: 300;
    }


/* Article Sharing */

.sharing-large{ margin: 35px auto; text-align:center;}
.sharing-small{ float:right;}
.sharing-vertical li{ 
    display:inline-block; 
     *display: inline;
    width:24px; 
    height:24px;
    }
.sharing-vertical li{ display: block; margin-bottom:4px;}
.sharing-large li{ 
  display:inline-block;  
   *display: inline;
  height:24px;
  width: auto;
  border-radius:12px;
  background: white;
  margin-left: 15px;
  padding:0 15px 0 30px;
  position: relative;
  }
.icon-share{ 
  display: inline-block;
   *display: inline;
  width:24px;
  height:24px;
  border-radius:50%;
  vertical-align: middle;
  }
.sharing-large .icon-share{ 
  display: inline-block;
   *display: inline;
  width:24px;
  height:24px;
  background:gray;
  border-radius:50%;
  padding: 0 19px 0 0;
  vertical-align: middle;
  margin-right: 8px;
  top: -1px;
  position: absolute;
  left: -1px;
  }
.sharing .label{ vertical-align: middle;}
.sharing-large .tweet{ border: 1px solid #37ace0;}
  .sharing .tweet .icon{ background-color: #37ace0;}
  .sharing .tweet a{ color: #37ace0;}
.sharing-large .share{ border: 1px solid #3e5e9b;}
  .sharing .share .icon{ background-color: #3e5e9b;}
  .sharing .share a{ color: #3e5e9b;}
.sharing-large .email{ border: 1px solid #9999af;}
  .sharing .email .icon{ background-color: #9999af;}
  .sharing .email a{ color: #9999af;}
.sharing-large .print{ border: 1px solid #828295;}
  .sharing .print .icon{ background-color: #828295;}
  .sharing .print a{ color: #828295;}


/* Excerpt C and E */

.excerpt--c .excerpt--title, 
.excerpt--e{
  font-size: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 5px 0;
  }
.excerpt--c .excerpt--title:last-child{
  border-bottom: 0;
  }
.excerpt--e{ padding:10px 0;}
.excerpt--e .search-excerpt{ margin:5px 0 10px 0;}
.excerpt--e .search-date{ font-size: .8em;}
.excerpt--e.first .h3{ font-size: 1.5em; margin-bottom:15px;}

/* Excerpt C2 */

.excerpt--c__2 li{
  font-size: 1em;
  padding:0 10px;
  display: inline-block;
   *display: inline;
  width:24%;
  border-bottom:0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  height:50px;
  vertical-align: top;
  } 

.excerpt--c__2 li:last-child{
  border-right: 0;
  } 

.excerpt--c__2 a{ vertical-align: top;}



/* Carousel */

.carousel{ position: relative; visibility: hidden; }
.carousel--controls{ 
    width: 100%;
	clear: both;
	position: relative;
	margin-top: 10px;
  }
.carousel--slide{
  overflow: hidden;
  height: 300px;
}
.carousel--slide .excerpt {
    display: inline;
    float: left;
    position: absolute;
}
.carousel--slide .excerpt img {
    position: relative;
    margin: auto auto;
    width: auto;
    right: 0px;
    max-width: 100%;
    max-height: 300px;
}
.controls{
  border-top: 1px solid black;
  border-bottom: 2px solid black;
  text-align: center;
  height: 100%;
  padding:5px 0;
  }
.controls .icon{
  display:inline-block;
   *display: inline; 
  margin:0 5px;
  cursor: pointer;
  }

/* Video Slider */

.slider-container{ position: relative; padding: 0 30px;}
.slider{ width:100%; overflow: hidden; height: 201px;}
.slider .controls { width:0; height:0; padding:0;}
.slides{ width: auto; position: relative; left: 0px; }
.slider .excerpt--text{ white-space: nowrap;}
.slider .excerpt--title{ white-space: pre-wrap;}
.slider .controls .back, .slider .controls .forward{
  width:30px;
  height:100%;
  position: absolute;
  top: 0;
  }
.slider .controls .back{ left: 0; cursor: pointer;}
.slider .controls .forward{ right: 0; cursor: pointer;}
.slider li img{ max-width: 100%;}

/* Excerpt D - Vertical Video List */

.excerpt--d .col__left{ padding: 0;}
.excerpt--d li{
  display:block; 
  overflow:hidden;
  padding:5px 0;
  }
.excerpt--first__d .excerpt--thumb, 
.excerpt--first__d .excerpt--text{
  width:100%;
  padding:0;
  }

/* Excerpt D2 - Horizontal Video List */

.excerpt--d2 li{ 
  display: inline-block;
   *display: inline;
  width:160px;
  padding:10px;
  vertical-align: top;
  }
.excerpt--d2 .excerpt--title{
  line-height:1;
  font-size:.9em;
  }
.excerpt--d2 .excerpt--thumb{ width: 160px; height:auto; max-width:100%;}

.excerpt--d3{ text-align: center; }

/* Secondary Content Modules */

/* Search + More Section on Article Listing */

.more-articles{ display:table; margin-top:20px; width:100%;}
  .more-articles .row{ display:table-row;}
    .more-articles .column{ display: table-cell; white-space: nowrap; padding:0;}
    .more-articles .col-search{ width:100%;}


/* pagination */

.pagination{
  width:100%;
  margin-top:20px;
  text-align:center;
  position: relative;
  font-size:1.1em;
  }
.prev{ float:left; position:absolute; left:0; top:0;}
.next{ float:right; position:absolute; right:0; top:0;}
.prev, .next{ text-transform: uppercase;}
.numbers{ margin:0 auto;}
.numbers a{ padding:0 10px;}
.numbers a.active{ color:gray;}

/* Trending and Sponsored Lists. */

.sponsored, .trending{ padding:5px 0 0 5px;}
.sponsored li, .trending li{ list-style: decimal; list-style-position: inside; padding-left:0;}
.trending-topics{ margin-top:50px; font-size:.8em;}
.trending li{ list-style-position: outside; margin-left:1em;}
.trending-topics a.more{ font-style: italic; font-size: .95em; margin-left: 1.5em;}


/* Video Page Slider Module */

.video-slideshow{
  background: black;
  color: #fff;
  }
  .video-slideshow a{ color: #fff;}

  .vss-current{
    width:90%;
    margin: 0 auto;
    padding:20px 0 0 0;
    }
  .vss-current h1{
    font-weight: 400;
    font-size:1.3em;
    padding:0 0 5px 0;
    }
  .vss-current .text{ padding:10px 40px 10px 0; position: relative; min-height: 100px;}
  .vss-video div { width: 100%;}
  .vss-video img{ width: 100%;}
  .vss-video p{}
  .vss-video object { outline: 0; }

  .vss-current .sharing-vertical-box{
    position: absolute;
    top:10px;
    right:0;
    }

  .video-slideshow .excerpt--text{
    font-size: 0;
    }

.video-slideshow .excerpt--text li{
    background: #464646; /* Old browsers inc. IE6-9 */
    background: url(../images/newsVideoTexure-1.png);
    /* background: -moz-linear-gradient(top, #464646 0%, #111111 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top, #464646 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top, #464646 0%,#111111 100%); /* Opera 11.10+ */
    /* background: -ms-linear-gradient(top, #464646 0%,#111111 100%); /* IE10+ */
    /* background: linear-gradient(to bottom, #464646 0%,#111111 100%); /* W3C */
    border-left: 1px solid #666666;
    border-right: 1px solid #000000;
    font-size:14px;
    height: 201px;
    }

.video-slideshow .controls .back, .video-slideshow .controls .forward{
  background: #000000;
  border-top: 1px solid #666666;
  height:201px;
  }

  .excerpt--d3 .li{
    text-align:justify;
    }
.video-tiles .excerpt--text{ text-align: justify; }
.video-tiles .excerpt--text li{ text-align: center; }

.video-tiles .spacer-tile{ 
  width: 160px;
  min-height: 10px;
  }

#main-video{ margin: 0 auto;}

.excerpt li {
    position: relative;
}

.icon-playVideo {
    position: absolute;
    top: 69px;
    left: 10px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
}


.excerpt--thumb .icon-playVideo {
    top: 38px;
    left: 0px;
}

.excerpt--first__d .icon-playVideo {
    top: 152px;
    left: 0px;
}
.excerpt--title:hover .icon-playVideo,
.excerpt--thumb:hover .icon-playVideo {
    opacity: 1.0;
}