@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700,900);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
/* -------------------------------------------------------------- 
  
   OrangeSprocket User Interface Development Kit
   https://www.orangesprocket.com
   
-------------------------------------------------------------- */
/* --------------------------------------------------------------
	
	Table of Contents
	
-------------------------------------------------------------- */
/* 

	1. 		Imported Stylesheets 
	2. 		Shared Styles
		2.1		Header
		2.2		Search Bar
		2.3		Settings
		2.4		Content Wrapper
		2.5		Footer
		2.6		Pre-loader
	3.		Homepage
		3.1		Top Stories
		3.2		Headlines
		3.3		Photos & Videos
	4.		Article
		4.1		Title Bar
		4.2		Article
		4.3		Aside
		4.4		Article Controls
	5.		Category
		5.1		Business
		5.2		Entertainment
		5.3		Opinion
	6.		Mobile Settings
		6.1		Profile Settings
		6.2		Publications
		6.3		Categories
	7.		Newsroom
		7.1		Newsroom Modal
		7.2		Mobile Newsroom
	8.		Sharing
		8.1		Comments
			8.1.1	Discussions
			8.1.2	Community
		8.2		Social Sharing
			8.2.1	Email Sharing
	9.		Today's Paper
	10.		Sub Category
	11.		Search
	12.		Pagination
	13.		Reporter
	14.		Alerts
	15.		Columns
	16.		Help / Tips


*/
/* --------------------------------------------------------------

   1.   Imported Stylesheets

 -------------------------------------------------------------- */
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
body {
  line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
table,
td,
th {
  vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
  border: none;
}
/*** CLEARFIX ***/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
  font-size: 100.01%;
  overflow-x: hidden;
}
body {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #222;
  background: #f8f9fa;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  word-wrap: break-word;
}
/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  color: #111;
}
h1 {
  margin-bottom: 10px;
  font-size: 30px;
}
h2 {
  margin-bottom: 10px;
  font-size: 26px;
}
h3 {
  margin-bottom: 10px;
  font-size: 24px;
}
h4 {
  margin-bottom: 10px;
  font-size: 22px;
}
h5 {
  margin-bottom: 10px;
  font-size: 20px;
}
h6 {
  margin-bottom: 10px;
  font-size: 18px;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
  margin: 0 0 1.5em;
}
p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
a:focus,
a:hover {
  color: #000;
}
a {
  color: #009;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup,
sub {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */
table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
}
thead th {
  background: #c3d9ff;
}
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}
tr.even td {
  background: #e5ecf9;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */
label {
  font-weight: bold;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
legend {
  font-weight: bold;
  font-size: 1.2em;
}
/* Form fields
-------------------------------------------------------------- */
input,
textarea,
select {
  padding: 5px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #bbb;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #666;
  outline: none;
}
textarea {
  width: 390px;
  height: 250px;
}
input.checkbox,
input.radio {
  position: relative;
  top: .25em;
}
form.inline {
  line-height: 3;
}
form.inline p {
  margin-bottom: 0;
}
/* --------------------------------------------------------------

   fonts.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */
/* --------------------------------------------------------------
	
	Table of Contents
	
-------------------------------------------------------------- */
/*

	1. hand_of_seanregular
	2.

*//* --------------------------------------------------------------
	
	1. hand_of_seanregular
	
-------------------------------------------------------------- */
/* @font-face {
    font-family: 'hand_of_seanregular';
    src: url('../../fonts/handsean-webfont.eot');
    src: url('../../fonts/handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/handsean-webfont.woff') format('woff'),
         url('../../fonts/handsean-webfont.ttf') format('truetype'),
         url('../../fonts/handsean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;

} *//* -------------------------------------------------------------- 
  
   OrangeSprocket User Interface Development Kit
   https://www.orangesprocket.com
   
-------------------------------------------------------------- */
/* --------------------------------------------------------------
	
	Table of Contents
	
-------------------------------------------------------------- */
/*

	1. 	General Styling
	2. 	Sprites
	3.	Site Colour Definitions
	4.	Font Mixins

*//* --------------------------------------------------------------
	
	1. 	General Styling
	
-------------------------------------------------------------- */
/* transition */
/* general rounded corners */
/* specific rounded corners *//* border-color */
/* box shadow */
/* opacity */
/* gradient */
/* --------------------------------------------------------------
	
	2. 	Sprites
	
-------------------------------------------------------------- */
/* --------------------------------------------------------------
	
	3. 	Site Colour Definitions
	
-------------------------------------------------------------- */
/* --------------------------------------------------------------
	
	4. 	Font Mixins
	
-------------------------------------------------------------- */
/*
 * jQuery FlexSlider v2.0
 * https://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * https://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}
.flex-direction-nav .flex-prev {
  left: -36px;
}
.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}
.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
/*
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
*/
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
/* --------------------------------------------------------------
		
		2.1 	Header
		
	-------------------------------------------------------------- */
header,
#search-bar,
#settings,
#related,
#comments,
footer,
.loader {
  display: none;
}
/* --------------------------------------------------------------
	
	3. 	Homepage
	
-------------------------------------------------------------- */
/* --------------------------------------------------------------
		
		3.1 	Main Section
		
	-------------------------------------------------------------- */
/*** BANNER ***/
#banner {
  float: left;
  position: relative;
  width: 100%;
  border-bottom: 3px solid #000;
  /* logos */

}
#banner .old-tj {
  position: absolute;
  bottom: 20px;
  left: 0;
  color: #000;
  text-decoration: none;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
}
#banner .old-tj:hover {
  text-decoration: underline;
}
.sj #banner {
  height: 77px;
}
.sj #banner .logo {
  width: 317px;
  height: 77px;
  display: block;
  margin: -38px 0 0 -158px;
}
.tt #banner {
  height: 51px;
}
.tt #banner .logo {
  width: 380px;
  height: 51px;
  display: block;
  margin: -26px 0 0 -190px;
}
.tg #banner {
  height: 72px;
}
.tg #banner .logo {
  width: 400px;
  height: 72px;
  display: block;
  margin: -36px 0 0 -200px;
}
.vs #banner {
  height: 85px;
}
.vs #banner .logo {
  width: 147px;
  height: 85px;
  display: block;
  margin: -42px 0 0 -73px;
}
.tr #banner {
  height: 57px;
}
.tr #banner .logo {
  width: 275px;
  height: 57px;
  display: block;
  margin: -28px 0 0 -137px;
}
.tj #banner {
  height: 55px;
}
.tj #banner .logo {
  width: 424px;
  height: 55px;
  display: block;
  margin: -23px 0 0 -212px;
}
.nl #banner {
  height: 55px;
}
.nl #banner .logo {
  width: 389px;
  height: 55px;
  display: block;
  margin: -27px 0 0 -194px;
}
.ml #banner {
  height: 55px;
}
.ml #banner .logo {
  width: 425px;
  height: 55px;
  display: block;
  margin: -27px 0 0 -212px;
}
.lm #banner {
  height: 55px;
}
.lm #banner .logo {
  width: 305px;
  height: 55px;
  display: block;
  margin: -27px 0 0 -151px;
}
.kc #banner {
  height: 55px;
}
.kc #banner .logo {
  width: 371px;
  height: 55px;
  display: block;
  margin: -27px 0 0 -185px;
}
.bo #banner {
  height: 55px;
}
.bo #banner .logo {
  width: 399px;
  height: 55px;
  display: block;
  margin: -27px 0 0 -200px;
}
.dg #banner {
  height: 55px;
}
.dg #banner .logo {
  width: 406px;
  height: 55px;
  display: block;
  margin: -27px 0 0 -203px;
}
.le #banner {
  height: 61px;
}
.le #banner .logo {
  width: 65px;
  height: 61px;
  display: block;
  margin: -32px 0 0 -30px;
}
#banner .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
#banner .eedition {
  width: 120px;
  height: 93px;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 26px;
  padding: 0 0 0 120px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 22px;
  text-decoration: none;
}
#banner .eedition .paper-cont {
  width: 100px;
  height: 82px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#banner .eedition .paper-cont .paper-fold {
  position: absolute;
  top: 0;
  right: 0;
}
#banner .eedition .paper-cont .paper {
  width: 100px;
}
#banner .eedition span {
  color: #808080;
  font-style: italic;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 300;
}
#banner .eedition:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#main {
  float: left;
  width: 100%;
  border-bottom: 2px solid #000;
  /*** LEFT COL ***/

  /*** CENTRE-COL ***/

  /* right-col */

}
#main .timestamp {
  color: #999;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  margin: 0;
  padding: 0 0 10px 0;
}
#main .left-col {
  float: left;
}
#main .left-col h3 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 13px;
  height: 14px;
  line-height: 14px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
#main .left-col h3 i {
  float: left;
  margin: 0 5px 0 0;
  width: 14px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px 0px;
}
.svg #main .left-col h3 i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px 0px;
}
#main .left-col ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main .left-col ul li {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}
#main .left-col ul li .scale-image {
  float: left;
  width: 100%;
  margin: 0 0 12px 0;
  background: #000;
}
#main .left-col ul li .scale-image img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: hidden;
}
#main .left-col ul li .scale-image img:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
#main .left-col ul li h2 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 300;
  margin: 0 0 10px 0;
}
#main .left-col ul li h2 a {
  color: #000;
  font-size: 28px;
  line-height: 28px;
  text-decoration: none;
  font-family: 'Whitman Display', 'Times New Roman', serif;
}
#main .left-col ul li h2 a:hover {
  text-decoration: underline;
}
#main .left-col ul li .meta {
  font-size: 11px;
  color: #666;
  font-family: 'Roboto', Arial, sans-serif;
  margin: 0;
}
#main .left-col ul li .meta a {
  color: #666;
  text-decoration: none;
}
#main .left-col ul li .meta a:hover {
  text-decoration: underline;
}
#main .left-col ul li .meta span {
  color: #999;
}
#main .centre-col {
  float: left;
  /* homepage-slider */

  /* top-stories */

}
#main .centre-col #homepage-slider {
  float: left;
  position: relative;
  display: block;
  /* slides */

  /* control nav */

}
#main .centre-col #homepage-slider * {
  text-decoration: none;
}
#main .centre-col #homepage-slider .slides {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}
#main .centre-col #homepage-slider .slides li {
  width: 100%;
  position: relative;
  font-size: 13px;
  color: #444;
  font-family: Arial, serif;
  z-index: 1;
  visibility: hidden;
  /* video icon */

  /* headline image */

}
#main .centre-col #homepage-slider .slides li:hover .img img {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
#main .centre-col #homepage-slider .slides li i {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px -90px;
  z-index: 100;
}
.svg #main .centre-col #homepage-slider .slides li i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px -90px;
}
#main .centre-col #homepage-slider .slides li .img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 50px 0;
  display: block;
  z-index: 1;
  overflow: hidden;
  background: #000;
  /* image */

  /*** overlay ***/

  /* meta */

}
#main .centre-col #homepage-slider .slides li .img div.slide-title {
  position: absolute;
  bottom: 55px;
  left: 15px;
  z-index: 900;
  /* title */

  /* type */

}
#main .centre-col #homepage-slider .slides li .img div.slide-title h2 {
  width: 100%;
  float: left;
  padding: 0 18px 0 0;
  color: #fff;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  margin: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#main .centre-col #homepage-slider .slides li .img div.slide-title h2:hover {
  text-decoration: underline;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure {
  float: left;
  padding: 0 20px 0 15px;
  min-width: 20px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-family: 'Roboto Condensed', 'Arial' sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.news,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1000,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1007 {
  background: url(/img/type-news.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.news:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1000:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1007:hover {
  background: url(/img/type-news.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.business,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1001,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1008 {
  background: url(/img/type-business.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.business:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1001:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1008:hover {
  background: url(/img/type-business.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.sports,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1002,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1009 {
  background: url(/img/type-sports.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.sports:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1002:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1009:hover {
  background: url(/img/type-sports.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.opinion,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1003,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1010 {
  background: url(/img/type-opinion.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.opinion:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1003:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1010:hover {
  background: url(/img/type-opinion.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.entertainment,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1004,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1011 {
  background: url(/img/type-entertainment.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.entertainment:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1004:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1011:hover {
  background: url(/img/type-entertainment.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.life,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1005 {
  background: url(/img/type-life.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.life:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1005:hover {
  background: url(/img/type-life.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.arts,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1006 {
  background: url(/img/type-arts.png) top right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.arts:hover,
#main .centre-col #homepage-slider .slides li .img div.slide-title figure.cat1006:hover {
  background: url(/img/type-arts.png) bottom right no-repeat;
}
#main .centre-col #homepage-slider .slides li .img img {
  position: absolute;
  display: block;
  z-index: 1;
}
#main .centre-col #homepage-slider .slides li .img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 50;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.65) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.65) 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
#main .centre-col #homepage-slider .slides li .img .meta {
  position: absolute;
  font-size: 11px;
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#main .centre-col #homepage-slider .slides li .img .meta span {
  border-right: 1px solid #fff;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
}
#main .centre-col #homepage-slider .flex-control-nav,
#main .centre-col #homepage-slider .flex-control-paging {
  float: left;
  width: 100%;
  height: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  margin: -8px 0 0 0;
  z-index: 5000;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#main .centre-col #homepage-slider .flex-control-nav li,
#main .centre-col #homepage-slider .flex-control-paging li {
  float: left;
  width: 25%;
  margin: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#main .centre-col #homepage-slider .flex-control-nav li.last a,
#main .centre-col #homepage-slider .flex-control-paging li.last a {
  background-image: none;
}
#main .centre-col #homepage-slider .flex-control-nav li a,
#main .centre-col #homepage-slider .flex-control-paging li a {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 8px;
  display: block;
  background: url(/img/bg-homepage-slider-identifier.jpg) top right repeat-y #000000;
  text-indent: 9999px;
  cursor: pointer;
  overflow: hidden;
}
#main .centre-col #homepage-slider .flex-control-nav li a:hover,
#main .centre-col #homepage-slider .flex-control-paging li a:hover {
  background-color: #9dd4ff;
}
#main .centre-col #homepage-slider .flex-control-nav li a.flex-active,
#main .centre-col #homepage-slider .flex-control-paging li a.flex-active {
  background-color: #5db8ff;
  cursor: default;
}
#main .centre-col #top-stories {
  float: left;
  list-style: none;
}
#main .centre-col #top-stories h3 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 13px;
  line-height: 13px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
#main .centre-col #top-stories h3 i {
  float: left;
  margin: 0 5px 0 0;
  width: 12px;
  height: 13px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -120px 0px;
}
.svg #main .centre-col #top-stories h3 i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -120px 0px;
}
#main .centre-col #top-stories li {
  float: left;
  display: block;
}
#main .centre-col #top-stories li .scale-image {
  margin: 0 0 20px 0;
  background: #000;
}
#main .centre-col #top-stories li .scale-image img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: hidden;
}
#main .centre-col #top-stories li .scale-image img:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
#main .centre-col #top-stories li h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #000;
  font-size: 22px;
  line-height: 20px;
  margin: 0 0 15px 0;
}
#main .centre-col #top-stories li h4 a {
  color: #000;
  text-decoration: none;
}
#main .centre-col #top-stories li h4 a:hover {
  text-decoration: underline;
}
#main .right-col h3 {
  height: 17px;
  line-height: 17px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 13px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
#main .right-col h3 i {
  float: left;
  margin: 0 5px 0 0;
  width: 14px;
  height: 17px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -90px 0px;
}
.svg #main .right-col h3 i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -90px 0px;
}
#main .right-col ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main .right-col ul li {
  float: left;
}
#main .right-col ul li .content {
  float: left;
}
#main .right-col ul li .content h4 {
  margin-top: -3px;
  font-size: 20px;
  line-height: 20px;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #000;
}
#main .right-col ul li .content h4 a {
  color: #000;
  text-decoration: none;
}
#main .right-col ul li .content h4 a:hover {
  text-decoration: underline;
}
#main .right-col ul li .content p {
  color: #999;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  margin: 0;
}
#main .right-col ul li .scale-image {
  background: #000;
}
#main .right-col ul li .scale-image img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: hidden;
}
#main .right-col ul li .scale-image img:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
#main .right-col #subscribe-box {
  width: 100%;
  margin-bottom: 20px;
  float: left;
  border: 1px solid #e5e5e6;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
#main .right-col #subscribe-box img {
  float: left;
}
#main .right-col #subscribe-box h4 {
  text-transform: uppercase;
}
#main .right-col #subscribe-box h4 span {
  font-weight: 900;
}
#main .right-col #subscribe-box p {
  color: #808080;
  text-align: center;
}
#main .right-col #subscribe-box a {
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #5db8ff;
  display: block;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 900;
}
#main .right-col #subscribe-box a:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#main .right-col #subscribe-box #subscribe-init {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
}
#main .right-col #subscribe-box #subscribe-thanks {
  width: 100%;
  height: 100%;
  padding: 20px 0 0 0;
  position: absolute;
  top: 0;
  left: 100%;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#main .right-col #subscribe-box #subscribe-thanks h5 {
  color: #FFF;
  font-size: 34px;
  line-height: 34px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
#main .right-col #subscribe-box #subscribe-thanks h5 strong {
  font-size: 38px;
  font-weight: 900;
}
#main .right-col #subscribe-box #subscribe-thanks h6 {
  width: 155px;
  margin: 0 auto;
  color: #FFF;
  font-style: italic;
  text-transform: none;
  font-size: 26px;
  line-height: 34px;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  background: url(/img/textline-bg.jpg) center left repeat-x;
  text-align: center;
}
#main .right-col #subscribe-box #subscribe-thanks h6 span {
  background: #000;
  padding: 0 10px;
}
#main .right-col #subscribe-box #subscribe-thanks p {
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  float: left;
  margin-top: 30px;
}
/* --------------------------------------------------------------
		
		3.2 	Headlines
		
	-------------------------------------------------------------- */
#headlines {
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
  /* main title */

  /* category */

}
#headlines h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 30px 0;
  color: #000;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
}
#headlines .category {
  float: left;
  width: 100%;
  padding: 0 0 40px 0;
  margin: 0 0 20px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  /* heading */

  /* more-news */

  /* list */

}
#headlines .category h3 {
  width: 128px;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 12px;
  margin: 0 0 10px 0;
  display: block;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
#headlines .category h3.news,
#headlines .category h3.cat1000,
#headlines .category h3.cat1007 {
  background: url(/img/type-news.png) top right no-repeat;
}
#headlines .category h3.news:hover,
#headlines .category h3.cat1000:hover,
#headlines .category h3.cat1007:hover {
  background: url(/img/type-news.png) bottom right no-repeat;
}
#headlines .category h3.business,
#headlines .category h3.cat1001,
#headlines .category h3.cat1008 {
  background: url(/img/type-business.png) top right no-repeat;
}
#headlines .category h3.business:hover,
#headlines .category h3.cat1001:hover,
#headlines .category h3.cat1008:hover {
  background: url(/img/type-business.png) bottom right no-repeat;
}
#headlines .category h3.sports,
#headlines .category h3.cat1002,
#headlines .category h3.cat1009 {
  background: url(/img/type-sports.png) top right no-repeat;
}
#headlines .category h3.sports:hover,
#headlines .category h3.cat1002:hover,
#headlines .category h3.cat1009:hover {
  background: url(/img/type-sports.png) bottom right no-repeat;
}
#headlines .category h3.opinion,
#headlines .category h3.cat1003,
#headlines .category h3.cat1010 {
  background: url(/img/type-opinion.png) top right no-repeat;
}
#headlines .category h3.opinion:hover,
#headlines .category h3.cat1003:hover,
#headlines .category h3.cat1010:hover {
  background: url(/img/type-opinion.png) bottom right no-repeat;
}
#headlines .category h3.entertainment,
#headlines .category h3.cat1004,
#headlines .category h3.cat1011 {
  background: url(/img/type-entertainment.png) top right no-repeat;
}
#headlines .category h3.entertainment:hover,
#headlines .category h3.cat1004:hover,
#headlines .category h3.cat1011:hover {
  background: url(/img/type-entertainment.png) bottom right no-repeat;
}
#headlines .category h3.life,
#headlines .category h3.cat1005 {
  background: url(/img/type-life.png) top right no-repeat;
}
#headlines .category h3.life:hover,
#headlines .category h3.cat1005:hover {
  background: url(/img/type-life.png) bottom right no-repeat;
}
#headlines .category h3.arts,
#headlines .category h3.cat1006 {
  background: url(/img/type-arts.png) top right no-repeat;
}
#headlines .category h3.arts:hover,
#headlines .category h3.cat1006:hover {
  background: url(/img/type-arts.png) bottom right no-repeat;
}
#headlines .category .more-news {
  float: right;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #222;
  text-decoration: none;
}
#headlines .category .more-news:hover {
  text-decoration: underline;
}
#headlines .category .list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  /* featured */

  /* li.featured h4 {
					font-weight: 500 !important;
				} */

  /* other */

}
#headlines .category .list li.featured,
#headlines .category .list li.m320 {
  float: left;
  /* img */

  /* body */

}
#headlines .category .list li.featured .img,
#headlines .category .list li.m320 .img {
  float: left;
}
#headlines .category .list li.featured .body,
#headlines .category .list li.m320 .body {
  float: right;
  font-size: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  color: #444;
  /* heading */

  /* meta */

}
#headlines .category .list li.featured .body p,
#headlines .category .list li.m320 .body p {
  margin: 0;
}
#headlines .category .list li.featured .body h4,
#headlines .category .list li.m320 .body h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 600;
  text-align: left;
}
#headlines .category .list li.featured .body h4 a,
#headlines .category .list li.m320 .body h4 a {
  color: #222;
  text-decoration: none;
}
#headlines .category .list li.featured .body h4 a:hover,
#headlines .category .list li.m320 .body h4 a:hover {
  text-decoration: underline;
}
#headlines .category .list li.featured .body .meta,
#headlines .category .list li.m320 .body .meta {
  float: left;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  height: 14px;
  line-height: 14px;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  color: #999;
}
#headlines .category .list li.featured .body .meta li,
#headlines .category .list li.m320 .body .meta li {
  float: left;
  background: url(/img/bg-meta-li.png) center right no-repeat;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}
#headlines .category .list li.featured .body .meta li.time,
#headlines .category .list li.m320 .body .meta li.time {
  background: none;
}
#headlines .category .list li.featured .body .meta li.comments,
#headlines .category .list li.m320 .body .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
}
.svg #headlines .category .list li.featured .body .meta li.comments,
.svg #headlines .category .list li.m320 .body .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
#headlines .category .list li.m320 .body {
  float: left;
}
#headlines .category .list li.other {
  float: right;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
}
#headlines .category .list li.other h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  font-weight: 600;
  text-align: left;
}
#headlines .category .list li.other h4 a {
  color: #222;
  text-decoration: none;
}
#headlines .category .list li.other h4 a:hover {
  text-decoration: underline;
}
/* --------------------------------------------------------------
		
		3.3		Photos & Videos
		
	-------------------------------------------------------------- */
#photo-video {
  float: left;
  position: relative;
  width: 100%;
  background: #1e1e1e;
  border-top: 1px solid #848484;
  border-bottom: 1px solid #848484;
  /* .cat1000 & 			{ background: @col-life; } */

  /* .cat1000 & 			{ background: @col-arts; } */

}
.news #photo-video {
  background: #000000;
}
.cat1000 #photo-video {
  background: #000000;
}
.cat1007 #photo-video {
  background: #000000;
}
.business #photo-video {
  background: #423b81;
}
.cat1001 #photo-video {
  background: #423b81;
}
.cat1008 #photo-video {
  background: #423b81;
}
.sports #photo-video {
  background: #e41714;
}
.cat1002 #photo-video {
  background: #e41714;
}
.cat1009 #photo-video {
  background: #e41714;
}
.opinion #photo-video {
  background: #2571ab;
}
.cat1003 #photo-video {
  background: #2571ab;
}
.cat1010 #photo-video {
  background: #2571ab;
}
.entertainment #photo-video {
  background: #f60055;
}
.cat1004 #photo-video {
  background: #f60055;
}
.cat1011 #photo-video {
  background: #f60055;
}
.life #photo-video {
  background: #3ab451;
}
.cat1005 #photo-video {
  background: #3ab451;
}
.arts #photo-video {
  background: #fd9b00;
}
.cat1006 #photo-video {
  background: #fd9b00;
}
#photo-video .carousel-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  height: 245px;
  display: block;
  margin-top: -107px;
  z-index: 1;
  /* heading */

  /* more videos */

  /* direction nav */

  /* control nav */

  /* list */

}
#photo-video .carousel-wrapper h3 {
  position: absolute;
  top: -40px;
  left: 0;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}
#photo-video .carousel-wrapper .more-videos {
  position: absolute;
  bottom: 0px;
  right: 0;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
#photo-video .carousel-wrapper .more-videos:hover {
  text-decoration: underline;
}
#photo-video .carousel-wrapper .flex-direction-nav {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  display: block;
  background: red;
}
#photo-video .carousel-wrapper .flex-direction-nav li {
  position: absolute;
  top: 107px;
  left: 0;
  width: 100%;
  height: 0;
  display: block;
}
#photo-video .carousel-wrapper .flex-direction-nav li a {
  position: absolute;
  top: 0;
  margin: -21px 0 0 0;
  width: 42px;
  height: 42px;
  display: block;
}
#photo-video .carousel-wrapper .flex-direction-nav li a.flex-prev {
  left: -21px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -60px;
}
.svg #photo-video .carousel-wrapper .flex-direction-nav li a.flex-prev {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -60px;
}
#photo-video .carousel-wrapper .flex-direction-nav li a.flex-prev.flex-disabled {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -120px;
}
.svg #photo-video .carousel-wrapper .flex-direction-nav li a.flex-prev.flex-disabled {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -120px;
}
#photo-video .carousel-wrapper .flex-direction-nav li a.flex-next {
  right: -21px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px -60px;
}
.svg #photo-video .carousel-wrapper .flex-direction-nav li a.flex-next {
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px -60px;
}
#photo-video .carousel-wrapper .flex-direction-nav li a.flex-next.flex-disabled {
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px -120px;
}
.svg #photo-video .carousel-wrapper .flex-direction-nav li a.flex-next.flex-disabled {
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px -120px;
}
#photo-video .carousel-wrapper .flex-direction-nav li a.flex-disabled {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#photo-video .carousel-wrapper .flex-control-nav {
  float: left;
  z-index: 1000;
  margin: 15px 0 0 0;
}
#photo-video .carousel-wrapper .flex-control-nav li {
  float: left;
  width: 20px;
  height: 5px;
  margin: 0 2px 0 0;
  display: block;
  overflow: hidden;
}
#photo-video .carousel-wrapper .flex-control-nav li a {
  width: 20px;
  height: 5px;
  display: block;
  background: #fff;
  text-indent: -9999px;
}
#photo-video .carousel-wrapper .flex-control-nav li a.flex-active {
  background: #5db8ff;
}
#photo-video .carousel-wrapper .slides {
  float: left;
  padding: 0;
  margin: 0 auto;
  height: 224px;
  display: block;
  overflow: hidden;
  z-index: 1;
}
#photo-video .carousel-wrapper .slides li {
  width: 236px;
  height: 224px;
  display: block;
  margin: 0 5px 0 0;
}
#photo-video .carousel-wrapper .slides li a {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  /* overlay */

  /* img */

}
#photo-video .carousel-wrapper .slides li a .scale-image {
  position: relative;
  width: 236px;
  height: 224px;
  display: block;
}
#photo-video .carousel-wrapper .slides li a .scale-image img {
  visibility: hidden;
}
#photo-video .carousel-wrapper .slides li a .overlay {
  position: absolute;
  bottom: -61px;
  /* 40 + border + padding */

  left: 0;
  padding: 10px 0;
  width: 100%;
  height: 40px;
  display: block;
  z-index: 100;
  background: #000;
  border-top: 1px solid #474747;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#photo-video .carousel-wrapper .slides li a .overlay h4 {
  font-family: Arial, serif;
  color: #999;
  font-size: 12px;
  line-height: 12px;
  padding: 0 10px;
  margin: 0;
}
#photo-video .carousel-wrapper .slides li a .overlay h5 {
  padding: 0 10px;
  margin: 0 0 5px 0;
  font-family: 'Roboto', Arial, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
}
#photo-video .carousel-wrapper .slides li a:hover .overlay {
  bottom: 0;
}
#photo-video .carousel-wrapper .slides li a img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}
/* -------------------------------------------------------------- 

	4. 	Article
	
-------------------------------------------------------------- */
article {
  /* --------------------------------------------------------------
			
			4.1		Title Bar
			
		-------------------------------------------------------------- */

  /* --------------------------------------------------------------
			
			4.2		Article
			
		-------------------------------------------------------------- */

  /* --------------------------------------------------------------
			
			4.3		Aside
			
		-------------------------------------------------------------- */

}
article #title-bar {
  text-align: center;
  width: 90%;
  max-width: 700px;
  /* heading */

  /* heading */
  /* meta */

}
article #title-bar h1 {
  width: 100%;
  max-width: 700px;
  color: #000;
  font-size: 54px;
  line-height: 52px;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  padding: 0 0 18px 0;
  margin: 20px 0 10px;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
article #title-bar h6 {
  margin: 30px 0 0;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}
article #title-bar h6.news,
article #title-bar h6.cat1000,
article #title-bar h6.cat1007 {
  color: #000000;
}
article #title-bar h6.business,
article #title-bar h6.cat1001,
article #title-bar h6.cat1008 {
  color: #423b81;
}
article #title-bar h6.sports,
article #title-bar h6.cat1002,
article #title-bar h6.cat1009 {
  color: #e41714;
}
article #title-bar h6.opinion,
article #title-bar h6.cat1003,
article #title-bar h6.cat1010 {
  color: #2571ab;
}
article #title-bar h6.life,
article #title-bar h6.cat1005 {
  color: #3ab451;
}
article #title-bar h6.entertainment,
article #title-bar h6.cat1004,
article #title-bar h6.cat1011 {
  color: #f60055;
}
article #title-bar h6.arts,
article #title-bar h6.cat1006 {
  color: #fd9b00;
}
article #title-bar .meta {
  float: left;
  width: 100%;
  margin: 10px 0 40px 0;
  height: 30px;
  /* avatar */

  /* text */

}
article #title-bar .meta .avatar {
  float: left;
  width: 30px;
  height: 30px;
  display: block;
  background: #000;
  margin: 0 10px 0 0;
}
article #title-bar .meta .avatar img {
  width: 30px;
  height: 30px;
  display: block;
}
article #title-bar .meta .avatar img:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
article #title-bar .meta p {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #000;
}
article #title-bar .meta p a {
  color: #000;
  text-decoration: none;
  font-weight: 700;
}
article #title-bar .meta p a:hover {
  text-decoration: underline;
}
article #title-bar .meta p span {
  background: url(/img/bg-dotted-vert.png) top left repeat-y;
  padding: 0 0 0 10px;
  margin: 0 0 0 8px;
}
article #title-bar .meta p time {
  font-size: 11px;
  color: #999;
}
article .article {
  float: left;
  font-size: 14px;
  color: #444;
  line-height: 19px;
  padding: 0 0 54px 0;
  /* content */

  /* main banner */

  /* article-modal */

  /* article gallery */

}
article .article.has-sidebar {
  border-right: none;
}
article .article .content {
  float: right;
}
article .article .content img.portrait {
  float: left;
  margin: 0 30px 20px 0;
  width: 415px !important;
  height: auto !important;
}
article .article .content blockquote {
  float: left;
  border-left: 3px solid #000;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-style: normal;
}
article .article .content blockquote p {
  margin: 0 0 15px 0;
}
article .article .content blockquote .author {
  margin: 0;
}
article .article .content blockquote .author span {
  color: #999;
  font-size: 12px;
  position: relative;
  font-family: Arial, sans-serif;
  font-weight: normal;
}
article .article .content blockquote .author span i {
  position: absolute;
  display: block;
}
article .article .content blockquote.news,
article .article .content blockquote.cat1000,
article .article .content blockquote.cat1007 {
  border-color: #000000;
}
article .article .content blockquote.business,
article .article .content blockquote.cat1001,
article .article .content blockquote.cat1008 {
  border-color: #423b81;
}
article .article .content blockquote.sports,
article .article .content blockquote.cat1002,
article .article .content blockquote.cat1009 {
  border-color: #e41714;
}
article .article .content blockquote.opinion,
article .article .content blockquote.cat1003,
article .article .content blockquote.cat1010 {
  border-color: #2571ab;
}
article .article .content blockquote.life,
article .article .content blockquote.cat1005 {
  border-color: #3ab451;
}
article .article .content blockquote.entertainment,
article .article .content blockquote.cat1004,
article .article .content blockquote.cat1011 {
  border-color: #f60055;
}
article .article .content blockquote.arts,
article .article .content blockquote.cat1006 {
  border-color: #fd9b00;
}
article .article .main-banner {
  float: left;
  width: 100%;
  height: 520px;
  margin: 0 0 40px 0;
}
article .article .main-banner .scale-image {
  float: left;
  width: 100%;
  width: 750px;
  height: 495px;
  margin: 0 0 10px 0;
  display: block;
}
article .article .main-banner .scale-image img {
  visibility: hidden;
}
article .article .main-banner img {
  width: 100%;
}
article .article .main-banner figcaption {
  float: left;
  margin: 2px 0 0 0;
  font-size: 11px;
  line-height: 15px;
  color: #5c5c5c;
}
article .article #article-modal-wrap {
  position: relative;
  top: 0;
  left: -99999px;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: -1000;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
article .article #article-modal-wrap #article-modal-close {
  width: 43px;
  height: 43px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -450px;
  z-index: 900;
}
.svg article .article #article-modal-wrap #article-modal-close {
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -450px;
}
article .article #article-modal-wrap #article-modal-close:hover {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px -450px;
}
.svg article .article #article-modal-wrap #article-modal-close:hover {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px -450px;
}
article .article #article-modal-wrap.open {
  position: fixed;
  left: 0;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 6000;
}
article .article #article-modal-wrap #article-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #000;
  /* direction nav */

}
article .article #article-modal-wrap #article-modal .slides {
  float: left;
  width: 100%;
  height: 100%;
  display: block;
}
article .article #article-modal-wrap #article-modal .slides li {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}
article .article #article-modal-wrap #article-modal .slides li img {
  width: 100%;
  height: 100%;
  display: block;
}
article .article #article-modal-wrap #article-modal .slides li p.flex-caption {
  position: absolute;
  padding: 50px 20px 20px 20px;
  margin: 0;
  bottom: 0;
  left: 0;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #CCC;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999;
}
article .article #article-modal-wrap #article-modal .slides li p.flex-caption a.caption-toggle {
  display: block;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 20px;
  padding: 20px 0 0 20px;
  text-decoration: none;
  z-index: 999999999;
}
article .article #article-modal-wrap #article-modal .slides li p.flex-caption a.caption-toggle i {
  display: block;
  position: absolute;
  top: 26px;
  left: 0;
  width: 12px;
  height: 12px;
}
article .article #article-modal-wrap #article-modal .slides li p.flex-caption a.caption-toggle.show i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -270px;
}
.svg article .article #article-modal-wrap #article-modal .slides li p.flex-caption a.caption-toggle.show i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -270px;
}
article .article #article-modal-wrap #article-modal .slides li p.flex-caption a.caption-toggle.hide i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -240px;
}
.svg article .article #article-modal-wrap #article-modal .slides li p.flex-caption a.caption-toggle.hide i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -240px;
}
article .article #article-modal-wrap #article-modal .flex-direction-nav {
  position: absolute;
  top: 50%;
  margin: -26px 0 0 0;
  height: 52px;
  width: 100%;
  display: block;
  overflow: hidden;
  z-index: 2000;
}
article .article #article-modal-wrap #article-modal .flex-direction-nav li a {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 0;
  padding: 0;
  width: 52px;
  height: 52px;
  display: block;
  -moz-opacity: 0.43;
  -khtml-opacity: 0.43;
  -webkit-opacity: 0.43;
  opacity: 0.43;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=43);
  filter: alpha(opacity=43);
}
article .article #article-modal-wrap #article-modal .flex-direction-nav li a:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
article .article #article-modal-wrap #article-modal .flex-direction-nav li a.flex-prev {
  left: -52px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px 0px;
}
.svg article .article #article-modal-wrap #article-modal .flex-direction-nav li a.flex-prev {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px 0px;
}
article .article #article-modal-wrap #article-modal .flex-direction-nav li a.flex-next {
  right: -52px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px 0px;
}
.svg article .article #article-modal-wrap #article-modal .flex-direction-nav li a.flex-next {
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px 0px;
}
article .article #article-modal-wrap #article-modal:hover .flex-direction-nav li a.flex-prev {
  left: 18px;
}
article .article #article-modal-wrap #article-modal:hover .flex-direction-nav li a.flex-next {
  right: 18px;
}
article .article #article-gallery {
  float: left;
  position: relative;
  width: 100%;
  max-height: 604px;
  height: 604px;
  display: none;
  margin: 14px 0 120px 0;
  z-index: 1;
  /* slides */

  /* controls */

}
article .article #article-gallery .slides {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 1;
}
article .article #article-gallery .slides li {
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
  background: #000;
  position: relative;
}
article .article #article-gallery .slides li img {
  margin: 0 auto;
  display: block;
}
article .article #article-gallery .slides li p.flex-caption {
  position: absolute;
  padding: 50px 20px 20px 20px;
  margin: 0;
  bottom: 0;
  left: 0;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #CCC;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999;
}
article .article #article-gallery .slides li p.flex-caption a.caption-toggle {
  display: block;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 20px;
  padding: 20px 0 0 20px;
  text-decoration: none;
  z-index: 999999999;
}
article .article #article-gallery .slides li p.flex-caption a.caption-toggle i {
  display: block;
  position: absolute;
  top: 26px;
  left: 0;
  width: 12px;
  height: 12px;
}
article .article #article-gallery .slides li p.flex-caption a.caption-toggle.show i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -270px;
}
.svg article .article #article-gallery .slides li p.flex-caption a.caption-toggle.show i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -270px;
}
article .article #article-gallery .slides li p.flex-caption a.caption-toggle.hide i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -240px;
}
.svg article .article #article-gallery .slides li p.flex-caption a.caption-toggle.hide i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -240px;
}
article .article #article-gallery:hover #controls .flex-direction-nav li a.flex-prev {
  left: 18px;
}
article .article #article-gallery:hover #controls .flex-direction-nav li a.flex-next {
  right: 18px;
}
article .article #article-gallery #controls {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 90px;
  display: block;
  z-index: 1000;
  /* modal trigger */

  /* direction nav */

  /* thumb-controls */

}
article .article #article-gallery #controls figure {
  position: absolute;
  right: 8px;
  width: 33px;
  height: 33px;
  display: block;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
article .article #article-gallery #controls figure i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 13px;
  display: block;
  margin: -7px 0 0 -8px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -210px -90px;
}
.svg article .article #article-gallery #controls figure i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -210px -90px;
}
article .article #article-gallery #controls figure:hover {
  background: #000000;
}
article .article #article-gallery #controls .flex-direction-nav {
  position: absolute;
  height: 52px;
  width: 100%;
  display: block;
  overflow: hidden;
  z-index: 2000;
}
article .article #article-gallery #controls .flex-direction-nav li a {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 0;
  padding: 0;
  width: 52px;
  height: 52px;
  display: block;
  -moz-opacity: 0.43;
  -khtml-opacity: 0.43;
  -webkit-opacity: 0.43;
  opacity: 0.43;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=43);
  filter: alpha(opacity=43);
}
article .article #article-gallery #controls .flex-direction-nav li a:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
article .article #article-gallery #controls .flex-direction-nav li a.flex-prev {
  left: -52px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px 0px;
}
.svg article .article #article-gallery #controls .flex-direction-nav li a.flex-prev {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px 0px;
}
article .article #article-gallery #controls .flex-direction-nav li a.flex-next {
  right: -52px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px 0px;
}
.svg article .article #article-gallery #controls .flex-direction-nav li a.flex-next {
  background: url(/img/sprite.png) no-repeat;
  background-position: -540px 0px;
}
article .article #article-gallery #controls #thumb-controls {
  position: absolute;
  bottom: -90px;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 1000;
}
article .article #article-gallery #controls #thumb-controls a {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin: 0;
  width: 30px;
  height: 90px;
  display: block;
  background: #3b3b3b;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article .article #article-gallery #controls #thumb-controls a:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
article .article #article-gallery #controls #thumb-controls a i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 18px;
  display: block;
  margin: -9px 0 0 -5px;
}
article .article #article-gallery #controls #thumb-controls a.prev {
  left: 0;
}
article .article #article-gallery #controls #thumb-controls a.prev i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -30px;
}
.svg article .article #article-gallery #controls #thumb-controls a.prev i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -30px;
}
article .article #article-gallery #controls #thumb-controls a.next {
  left: 100%;
  margin-left: -30px;
}
article .article #article-gallery #controls #thumb-controls a.next i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px 0px;
}
.svg article .article #article-gallery #controls #thumb-controls a.next i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px 0px;
}
article .article #article-gallery #controls .controls-container {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: -92px 0 0 0;
  height: 90px;
  display: block;
  overflow: hidden;
  /* control nav */

}
article .article #article-gallery #controls .controls-container .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 90px;
  display: block;
  overflow: hidden;
  border: 1px solid #000;
  border-right: none;
  background: #000;
  z-index: 500;
}
article .article #article-gallery #controls .controls-container .controls li {
  float: left;
  width: 140px;
  height: 90px;
  display: block;
  border-right: 1px solid #000;
  overflow: hidden;
}
article .article #article-gallery #controls .controls-container .controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
article .article #article-gallery #controls .controls-container .controls li a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
article .article #article-gallery #controls .controls-container .controls li a figure {
  position: absolute;
  top: 85px;
  left: 0;
  z-index: 1000;
  width: 140px;
  height: 5px;
  background: #5db8ff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
article .article #article-gallery #controls .controls-container .controls li a.flex-active figure {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
article aside {
  float: right;
  display: none;
}
article aside div {
  float: left;
  /* heading */

  /* stories */

}
article aside div h5 {
  font-size: 20px;
  line-height: 20px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 15px 0;
}
article aside div ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
article aside div ul li {
  float: left;
}
article aside div ul li .content {
  float: left;
}
article aside div ul li .content h4 {
  font-size: 17px;
  line-height: 21px;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #000;
}
article aside div ul li .content h4 a {
  color: #000;
  text-decoration: none;
}
article aside div ul li .content h4 a:hover {
  text-decoration: underline;
}
article aside div ul li .content p {
  color: #999;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  margin: 0;
}
article aside div ul li .scale-image {
  background: #000;
}
article aside div ul li .scale-image img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: hidden;
}
article aside div ul li .scale-image img:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
/* --------------------------------------------------------------
		
		4.4		Article Controls
		
	-------------------------------------------------------------- */
#article-controls {
  float: left;
  width: 100%;
  height: 80px;
  display: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff;
}
#article-controls .control {
  float: left;
  width: 50%;
  height: 80px;
  display: block;
  text-decoration: none;
  /* next */

  /* prev */

  /* span */

}
#article-controls .control:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #000;
}
#article-controls .control.next {
  background-image: url(/img/000.jpg);
  background-position: top left;
  background-repeat: repeat-y;
}
#article-controls .control.next span {
  float: left;
}
#article-controls .control.next span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px 0px;
}
.svg #article-controls .control.next span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px 0px;
}
#article-controls .control.next span:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px -30px;
}
.svg #article-controls .control.next span:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px -30px;
}
#article-controls .control.prev span {
  float: right;
}
#article-controls .control.prev span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -270px 0px;
}
.svg #article-controls .control.prev span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -270px 0px;
}
#article-controls .control.prev span:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -270px -30px;
}
.svg #article-controls .control.prev span:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -270px -30px;
}
#article-controls .control span {
  height: 80px;
  display: block;
  /* icon */

  /* h3 */

  /* h6 */

}
#article-controls .control span i {
  position: absolute;
  top: 50%;
  width: 13px;
  height: 19px;
  margin: -10px 0 0 0;
  display: block;
}
#article-controls .control span:hover h6 {
  color: #fff;
}
#article-controls .control span h3 {
  font-size: 18px;
  line-height: 18px;
  color: #999;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 700;
}
#article-controls .control span h6 {
  margin: 20px 0 10px 0;
  font-size: 11px;
  line-height: 11px;
  color: #000;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', Arial, sans-serif;
}
/* --------------------------------------------------------------
	
	5. 	Category
	
-------------------------------------------------------------- */.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  z-index: 5000;
}
.modal-video .video {
  position: absolute;
  top: 50%;
  left: 50%;
}
.modal-video .video .modal-close {
  position: absolute;
  top: -45px;
  right: -25px;
  color: #fff;
  font-size: 40px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
}
#content-wrapper.category {
  /* hgroup */

  /* --------------------------------------------------------------
			
			5.1 	Business
			
		-------------------------------------------------------------- */
  /* --------------------------------------------------------------
			
			5.2 	Entertainment
			
		-------------------------------------------------------------- */
  /* --------------------------------------------------------------
			
			5.3 	Opinion
			
		-------------------------------------------------------------- */
}
#content-wrapper.category.alt {
  margin: 20px 0;
}
#content-wrapper.category hgroup {
  float: left;
  width: 100%;
  display: block;
  text-align: center;
}
#content-wrapper.category hgroup h1 {
  margin: 10px 0 0 0;
  padding: 0 0 9px 0;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  width: 100%;
  background: url(/img/bg-category-h1.png) center center repeat-x;
  position: relative;
  /* .cat1000 & 			{ color: @col-life; } */

  /* .cat1000 & 			{ color: @col-arts; } */

}
.news #content-wrapper.category hgroup h1 {
  color: #000000;
}
.cat1000 #content-wrapper.category hgroup h1 {
  color: #000000;
}
.cat1007 #content-wrapper.category hgroup h1 {
  color: #000000;
}
.business #content-wrapper.category hgroup h1 {
  color: #423b81;
}
.cat1001 #content-wrapper.category hgroup h1 {
  color: #423b81;
}
.cat1008 #content-wrapper.category hgroup h1 {
  color: #423b81;
}
.sports #content-wrapper.category hgroup h1 {
  color: #e41714;
}
.cat1002 #content-wrapper.category hgroup h1 {
  color: #e41714;
}
.cat1009 #content-wrapper.category hgroup h1 {
  color: #e41714;
}
.opinion #content-wrapper.category hgroup h1 {
  color: #2571ab;
}
.cat1003 #content-wrapper.category hgroup h1 {
  color: #2571ab;
}
.cat1010 #content-wrapper.category hgroup h1 {
  color: #2571ab;
}
.entertainment #content-wrapper.category hgroup h1 {
  color: #f60055;
}
.cat1004 #content-wrapper.category hgroup h1 {
  color: #f60055;
}
.cat1011 #content-wrapper.category hgroup h1 {
  color: #f60055;
}
.life #content-wrapper.category hgroup h1 {
  color: #3ab451;
}
.cat1005 #content-wrapper.category hgroup h1 {
  color: #3ab451;
}
.arts #content-wrapper.category hgroup h1 {
  color: #fd9b00;
}
.cat1006 #content-wrapper.category hgroup h1 {
  color: #fd9b00;
}
#content-wrapper.category hgroup h1 span {
  padding: 0 5px;
  background: #f8f9fa;
}
#content-wrapper.category hgroup h6 {
  margin: 30px auto 0;
  text-align: center;
  color: #adadad;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
#content-wrapper.category #category-container {
  float: left;
  width: 100%;
  /* headline */

  /* recent */

}
#content-wrapper.category #category-container .headline {
  float: left;
  /* title */
  /* meta */

}
#content-wrapper.category #category-container .headline figure {
  float: left;
  position: relative;
  display: block;
  height: 426px;
  overflow: hidden;
}
#content-wrapper.category #category-container .headline figure img {
  position: absolute;
  display: block;
}
#content-wrapper.category #category-container .headline h2 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 900;
}
#content-wrapper.category #category-container .headline h2 a {
  color: #222;
  text-decoration: none;
}
#content-wrapper.category #category-container .headline h2 a:hover {
  text-decoration: underline;
}
#content-wrapper.category #category-container .headline .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#content-wrapper.category #category-container .headline .meta li {
  float: left;
  padding: 0 14px 0 0;
  margin: 0 14px 0 0;
  border-right: 1px solid #e3e3e3;
}
#content-wrapper.category #category-container .headline .meta li.last {
  margin: 0;
  padding: 0;
  border: none;
}
#content-wrapper.category #category-container .recent {
  float: right;
  /* articles */

}
#content-wrapper.category #category-container .recent h6 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #989898;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#content-wrapper.category #category-container .recent .articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.category #category-container .recent .articles li.article {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  /* title */

  /* meta */

}
#content-wrapper.category #category-container .recent .articles li.article .img {
  float: right;
  position: relative;
  display: block;
  overflow: hidden;
}
#content-wrapper.category #category-container .recent .articles li.article .img img {
  display: block;
  position: absolute;
}
#content-wrapper.category #category-container .recent .articles li.article h3 {
  float: left;
  width: 100%;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 900;
}
#content-wrapper.category #category-container .recent .articles li.article h3 a {
  color: #222;
  text-decoration: none;
}
#content-wrapper.category #category-container .recent .articles li.article h3 a:hover {
  text-decoration: underline;
}
#content-wrapper.category #category-container .recent .articles li.article p {
  float: left;
  width: 100%;
  margin: 0;
}
#content-wrapper.category #category-container .recent .articles li.article .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#content-wrapper.category #category-container .recent .articles li.article .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #e3e3e3;
}
#content-wrapper.category #category-container .recent .articles li.article .meta li.time {
  border: none;
}
#content-wrapper.category #category-container .recent .articles li.article .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  border: none;
}
.svg #content-wrapper.category #category-container .recent .articles li.article .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
#content-wrapper.category #category-container .recent .more-stories {
  float: right;
  text-align: right;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  text-decoration: none;
  margin: 0 0 20px 0;
}
#content-wrapper.category #category-container .recent .more-stories:hover {
  text-decoration: underline;
}
#content-wrapper.category #entertainment {
  float: left;
  position: relative;
  width: 100%;
  margin: 0 0 40px 0;
  display: block;
  /* left col */

  /* centre col */

  /* right col */

}
#content-wrapper.category #entertainment .left-col {
  float: left;
  display: block;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* slides */

  /* control nav */

}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides {
  float: left;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  visibility: hidden;
  /* image */

  /* title */

}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .scale {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .scale img {
  position: absolute;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: #000;
  z-index: 1000;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .title h2 {
  color: #fff;
  text-decoration: none;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 20px;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .title h2 a {
  color: #fff;
  text-decoration: none;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .title h2 a:hover {
  text-decoration: underline;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .title h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #e41714;
  font-size: 10px;
  line-height: 10px;
  margin: 20px 20px 10px 20px;
  text-transform: uppercase;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .slides li .title i {
  cursor: pointer;
  display: block;
  position: absolute;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-nav,
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-paging {
  position: absolute;
  bottom: 148px;
  left: 0;
  width: 400px;
  height: 6px;
  display: block;
  z-index: 5000;
  list-style: none;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-nav li,
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-paging li {
  float: left;
  margin: 6px 1px 0 0;
  height: 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #999;
  overflow: hidden;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-nav li a,
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-paging li a {
  float: left;
  width: 99px;
  height: 6px;
  display: block;
  background: #999;
  cursor: pointer;
}
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-nav li a.flex-active,
#content-wrapper.category #entertainment .left-col #entertainment-slider .flex-control-paging li a.flex-active {
  background-color: #e41714;
  cursor: default;
}
#content-wrapper.category #entertainment .centre-col {
  float: left;
}
#content-wrapper.category #entertainment .centre-col .articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.category #entertainment .centre-col .articles li {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}
#content-wrapper.category #entertainment .centre-col .articles li.last {
  padding: 0;
  margin: 0;
  background: none;
}
#content-wrapper.category #entertainment .centre-col .articles li a {
  text-decoration: none;
  color: #444;
}
#content-wrapper.category #entertainment .centre-col .articles li a:hover h2 {
  text-decoration: underline;
}
#content-wrapper.category #entertainment .centre-col .articles li a figure {
  float: left;
  display: block;
  background-position: center center;
}
#content-wrapper.category #entertainment .centre-col .articles li a h2 {
  font-weight: 700;
  color: #222;
  font-family: 'Whitman Display', 'Times New Roman', serif;
}
#content-wrapper.category #entertainment .centre-col .articles li a p {
  margin: 0;
}
#content-wrapper.category #entertainment .right-col {
  float: right;
  display: block;
  position: relative;
  /* articles */
  /* base */

}
#content-wrapper.category #entertainment .right-col h3 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
}
#content-wrapper.category #entertainment .right-col .articles {
  float: left;
  width: 282px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.category #entertainment .right-col .articles li {
  float: left;
  width: 100%;
  padding: 0 0 12px 0;
  margin: 0 0 12px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
#content-wrapper.category #entertainment .right-col .articles li.last {
  padding: 0;
  margin: 0;
  background: none;
}
#content-wrapper.category #entertainment .right-col .articles li h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #222;
  font-weight: 700;
  margin: 0;
}
#content-wrapper.category #entertainment .right-col .articles li a {
  color: #222;
  text-decoration: none;
}
#content-wrapper.category #entertainment .right-col .articles li a:hover {
  text-decoration: underline;
}
#content-wrapper.category #entertainment .right-col .base {
  position: absolute;
  bottom: 0;
  left: 0;
}
#content-wrapper.category #entertainment .right-col .base img {
  position: absolute;
  right: 0;
}
#content-wrapper.category #entertainment .right-col .base .frame {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: url(/img/bg-entertainment-frame.png) top left no-repeat #ffffff;
}
#content-wrapper.category #entertainment .right-col .base .frame h2 {
  font-weight: 700;
  color: #222;
  font-family: 'Whitman Display', 'Times New Roman', serif;
}
#content-wrapper.category #entertainment .right-col .base .frame h2 a {
  text-decoration: none;
  color: #222;
}
#content-wrapper.category #entertainment .right-col .base .frame h2 a:hover {
  text-decoration: underline;
}
#content-wrapper.category #opinion {
  float: left;
  position: relative;
  width: 100%;
  display: block;
  /* left col */

  /* centre col */

  /* right col */

}
#content-wrapper.category #opinion .left-col {
  float: left;
  display: block;
  /* articles */

}
#content-wrapper.category #opinion .left-col h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  color: #000;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#content-wrapper.category #opinion .left-col .articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.category #opinion .left-col .articles li.article {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  /* title */

  /* meta */

}
#content-wrapper.category #opinion .left-col .articles li.article .img {
  float: right;
  position: relative;
  display: block;
  overflow: hidden;
}
#content-wrapper.category #opinion .left-col .articles li.article .img img {
  display: block;
  position: absolute;
}
#content-wrapper.category #opinion .left-col .articles li.article h3 {
  float: left;
  width: 100%;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 4px;
}
#content-wrapper.category #opinion .left-col .articles li.article h3 a {
  color: #222;
  text-decoration: none;
}
#content-wrapper.category #opinion .left-col .articles li.article h3 a:hover {
  text-decoration: underline;
}
#content-wrapper.category #opinion .left-col .articles li.article p {
  float: left;
  width: 100%;
  margin: 0;
}
#content-wrapper.category #opinion .left-col .articles li.article .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#content-wrapper.category #opinion .left-col .articles li.article .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #e3e3e3;
  background: none;
}
#content-wrapper.category #opinion .left-col .articles li.article .meta li.time {
  border: none;
}
#content-wrapper.category #opinion .left-col .articles li.article .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  border: none;
}
.svg #content-wrapper.category #opinion .left-col .articles li.article .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
#content-wrapper.category #opinion .left-col .more-stories {
  float: right;
  text-align: right;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  text-decoration: none;
  margin: 0 0 20px 0;
}
#content-wrapper.category #opinion .left-col .more-stories:hover {
  text-decoration: underline;
}
#content-wrapper.category #opinion .centre-col {
  float: left;
}
#content-wrapper.category #opinion .centre-col img {
  width: 100%;
}
#content-wrapper.category #opinion .right-col {
  float: left;
}
#content-wrapper.category #opinion .right-col h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  color: #000;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#content-wrapper.category #opinion .right-col ul.articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.category #opinion .right-col ul.articles li {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
#content-wrapper.category #opinion .right-col ul.articles li.last {
  margin: 0 0 10px 0;
}
#content-wrapper.category #opinion .right-col ul.articles li a {
  text-decoration: none;
  color: #444;
  /* meta */

}
#content-wrapper.category #opinion .right-col ul.articles li a:hover h2 {
  text-decoration: underline;
}
#content-wrapper.category #opinion .right-col ul.articles li a figure {
  float: left;
  display: block;
  background-position: center center;
}
#content-wrapper.category #opinion .right-col ul.articles li a h2 {
  font-weight: 700;
  color: #222;
  font-family: 'Whitman Display', 'Times New Roman', serif;
}
#content-wrapper.category #opinion .right-col ul.articles li a .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#content-wrapper.category #opinion .right-col ul.articles li a .meta li {
  float: left;
  width: auto;
  padding: 0 10px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #e3e3e3;
  background: none;
}
#content-wrapper.category #opinion .right-col ul.articles li a .meta li.time {
  border: none;
}
#content-wrapper.category #opinion .right-col ul.articles li a .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  border: none;
}
.svg #content-wrapper.category #opinion .right-col ul.articles li a .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
#content-wrapper.category #opinion .right-col .more-stories {
  float: right;
  text-align: right;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  text-decoration: none;
  margin: 0 0 20px 0;
}
#content-wrapper.category #opinion .right-col .more-stories:hover {
  text-decoration: underline;
}
/*** MID ARTICLES ***/
#mid-articles {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
}
#mid-articles .centre {
  padding: 40px 0;
  background: url(/img/divider-opinion.jpg) top left repeat-x;
}
#mid-articles .centre .left-col {
  padding-bottom: 30px;
  float: left;
  /* articles */

}
#mid-articles .centre .left-col h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #000;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
#mid-articles .centre .left-col .articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mid-articles .centre .left-col .articles li.article {
  float: left;
  width: 230px;
  padding: 0 0 10px 30px;
  margin: 0 0 10px 0;
  border-right: 1px solid #e3e3e3;
  /* title */

  /* meta */

}
#mid-articles .centre .left-col .articles li.article.first {
  padding-left: 0;
}
#mid-articles .centre .left-col .articles li.article.last {
  border: none;
}
#mid-articles .centre .left-col .articles li.article .img {
  float: right;
  position: relative;
  display: block;
  overflow: hidden;
}
#mid-articles .centre .left-col .articles li.article .img img {
  display: block;
  position: absolute;
}
#mid-articles .centre .left-col .articles li.article h3 {
  float: left;
  width: 100%;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 4px;
}
#mid-articles .centre .left-col .articles li.article h3 a {
  color: #222;
  text-decoration: none;
}
#mid-articles .centre .left-col .articles li.article h3 a:hover {
  text-decoration: underline;
}
#mid-articles .centre .left-col .articles li.article p {
  float: left;
  width: 100%;
  margin: 0;
}
#mid-articles .centre .left-col .articles li.article .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#mid-articles .centre .left-col .articles li.article .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #e3e3e3;
  background: none;
}
#mid-articles .centre .left-col .articles li.article .meta li.date {
  border: none;
}
#mid-articles .centre .left-col .submit {
  float: left;
  text-align: left;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #FFF;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  background: #000;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 20px 0;
}
#mid-articles .centre .left-col .more-stories {
  float: right;
  text-align: right;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  text-decoration: none;
  margin: 0 0 20px 0;
  padding: 5px 0 0 0;
}
#mid-articles .centre .left-col .more-stories:hover {
  text-decoration: underline;
}
#mid-articles .centre .right-col {
  float: left;
}
#mid-articles .centre .right-col .poll-wrap {
  float: left;
  padding: 20px;
  background: #FFF;
}
#mid-articles .centre .right-col .poll {
  float: left;
  width: 100%;
}
#mid-articles .centre .right-col .poll h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #000;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
#mid-articles .centre .right-col .poll p {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #222;
}
#mid-articles .centre .right-col .poll .poll-options {
  float: left;
  font-weight: 700;
}
#mid-articles .centre .right-col .poll .poll-options input[type="radio"] {
  display: none;
}
#mid-articles .centre .right-col .poll .poll-options input[type="radio"] + label {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -1px 15px 0 15px;
  vertical-align: right;
  background: url(/img/radio.png) left top no-repeat;
  cursor: pointer;
}
#mid-articles .centre .right-col .poll .poll-options input[type="radio"]:checked + label {
  background: url(/img/radio.png) -14px top no-repeat;
}
#mid-articles .centre .right-col .poll .poll-options label span {
  margin-left: 20px;
}
#mid-articles .centre .right-col .poll .poll-options span {
  float: left;
  margin-right: 30px;
}
#mid-articles .centre .right-col .poll .submit {
  float: right;
  text-align: right;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #FFF;
  padding: 5px 15px;
  background: #000;
  text-transform: uppercase;
  text-decoration: none;
}
#mid-articles .centre .right-col .poll .submit:hover {
  background: #1d1d1d;
}
/*** CATEGORY ARTICLES ***/
#category-articles {
  float: left;
  width: 100%;
  background: #fff;
  /* sub-categories */

  /* articles */

}
#category-articles .list-container span {
  display: none;
}
#category-articles .sub-categories {
  float: left;
  width: 100%;
  height: 60px;
  display: block;
  border-bottom: 1px solid #f2f2f2;
}
#category-articles .sub-categories ul {
  float: left;
  width: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 12px 0 0 0;
  min-height: 48px;
}
#category-articles .sub-categories ul li {
  float: left;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  position: relative;
}
#category-articles .sub-categories ul li.active,
#category-articles .sub-categories ul li:hover {
  color: #fff;
  /* .cat1000 & 			{ background: @col-life; } */

  /* .cat1000 & 			{ background: @col-arts; } */
}
.news #category-articles .sub-categories ul li.active,
.news #category-articles .sub-categories ul li:hover {
  background: #000000;
}
.cat1000 #category-articles .sub-categories ul li.active,
.cat1000 #category-articles .sub-categories ul li:hover {
  background: #000000;
}
.cat1007 #category-articles .sub-categories ul li.active,
.cat1007 #category-articles .sub-categories ul li:hover {
  background: #000000;
}
.business #category-articles .sub-categories ul li.active,
.business #category-articles .sub-categories ul li:hover {
  background: #423b81;
}
.cat1001 #category-articles .sub-categories ul li.active,
.cat1001 #category-articles .sub-categories ul li:hover {
  background: #423b81;
}
.cat1008 #category-articles .sub-categories ul li.active,
.cat1008 #category-articles .sub-categories ul li:hover {
  background: #423b81;
}
.sports #category-articles .sub-categories ul li.active,
.sports #category-articles .sub-categories ul li:hover {
  background: #e41714;
}
.cat1002 #category-articles .sub-categories ul li.active,
.cat1002 #category-articles .sub-categories ul li:hover {
  background: #e41714;
}
.cat1009 #category-articles .sub-categories ul li.active,
.cat1009 #category-articles .sub-categories ul li:hover {
  background: #e41714;
}
.opinion #category-articles .sub-categories ul li.active,
.opinion #category-articles .sub-categories ul li:hover {
  background: #2571ab;
}
.cat1003 #category-articles .sub-categories ul li.active,
.cat1003 #category-articles .sub-categories ul li:hover {
  background: #2571ab;
}
.cat1010 #category-articles .sub-categories ul li.active,
.cat1010 #category-articles .sub-categories ul li:hover {
  background: #2571ab;
}
.entertainment #category-articles .sub-categories ul li.active,
.entertainment #category-articles .sub-categories ul li:hover {
  background: #f60055;
}
.cat1004 #category-articles .sub-categories ul li.active,
.cat1004 #category-articles .sub-categories ul li:hover {
  background: #f60055;
}
.cat1011 #category-articles .sub-categories ul li.active,
.cat1011 #category-articles .sub-categories ul li:hover {
  background: #f60055;
}
.life #category-articles .sub-categories ul li.active,
.life #category-articles .sub-categories ul li:hover {
  background: #3ab451;
}
.cat1005 #category-articles .sub-categories ul li.active,
.cat1005 #category-articles .sub-categories ul li:hover {
  background: #3ab451;
}
.arts #category-articles .sub-categories ul li.active,
.arts #category-articles .sub-categories ul li:hover {
  background: #fd9b00;
}
.cat1006 #category-articles .sub-categories ul li.active,
.cat1006 #category-articles .sub-categories ul li:hover {
  background: #fd9b00;
}
#category-articles .sub-categories ul li.active:after,
#category-articles .sub-categories ul li:hover:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.news #category-articles .sub-categories ul li.active:after,
.news #category-articles .sub-categories ul li:hover:after {
  border-top-color: #000000;
}
.cat1000 #category-articles .sub-categories ul li.active:after,
.cat1000 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #000000;
}
.cat1007 #category-articles .sub-categories ul li.active:after,
.cat1007 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #000000;
}
.business #category-articles .sub-categories ul li.active:after,
.business #category-articles .sub-categories ul li:hover:after {
  border-top-color: #423b81;
}
.cat1001 #category-articles .sub-categories ul li.active:after,
.cat1001 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #423b81;
}
.cat1008 #category-articles .sub-categories ul li.active:after,
.cat1008 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #423b81;
}
.sports #category-articles .sub-categories ul li.active:after,
.sports #category-articles .sub-categories ul li:hover:after {
  border-top-color: #e41714;
}
.cat1002 #category-articles .sub-categories ul li.active:after,
.cat1002 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #e41714;
}
.cat1009 #category-articles .sub-categories ul li.active:after,
.cat1009 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #e41714;
}
.opinion #category-articles .sub-categories ul li.active:after,
.opinion #category-articles .sub-categories ul li:hover:after {
  border-top-color: #2571ab;
}
.cat1003 #category-articles .sub-categories ul li.active:after,
.cat1003 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #2571ab;
}
.cat1010 #category-articles .sub-categories ul li.active:after,
.cat1010 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #2571ab;
}
.entertainment #category-articles .sub-categories ul li.active:after,
.entertainment #category-articles .sub-categories ul li:hover:after {
  border-top-color: #f60055;
}
.cat1004 #category-articles .sub-categories ul li.active:after,
.cat1004 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #f60055;
}
.life #category-articles .sub-categories ul li.active:after,
.life #category-articles .sub-categories ul li:hover:after {
  border-top-color: #3ab451;
}
.cat1005 #category-articles .sub-categories ul li.active:after,
.cat1005 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #3ab451;
}
.cat1011 #category-articles .sub-categories ul li.active:after,
.cat1011 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #3ab451;
}
.arts #category-articles .sub-categories ul li.active:after,
.arts #category-articles .sub-categories ul li:hover:after {
  border-top-color: #fd9b00;
}
.cat1006 #category-articles .sub-categories ul li.active:after,
.cat1006 #category-articles .sub-categories ul li:hover:after {
  border-top-color: #fd9b00;
}
#category-articles .articles {
  float: left;
  width: 100%;
}
#category-articles .articles h3 {
  margin: 0 0 47px 0;
  padding-top: 20px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
}
.news #category-articles .articles h3 {
  color: #000000;
}
.cat1000 #category-articles .articles h3 {
  color: #000000;
}
.cat1007 #category-articles .articles h3 {
  color: #000000;
}
.business #category-articles .articles h3 {
  color: #423b81;
}
.cat1001 #category-articles .articles h3 {
  color: #423b81;
}
.cat1008 #category-articles .articles h3 {
  color: #423b81;
}
.sports #category-articles .articles h3 {
  color: #e41714;
}
.cat1002 #category-articles .articles h3 {
  color: #e41714;
}
.cat1009 #category-articles .articles h3 {
  color: #e41714;
}
.opinion #category-articles .articles h3 {
  color: #2571ab;
}
.cat1003 #category-articles .articles h3 {
  color: #2571ab;
}
.cat1010 #category-articles .articles h3 {
  color: #2571ab;
}
.entertainment #category-articles .articles h3 {
  color: #f60055;
}
.cat1004 #category-articles .articles h3 {
  color: #f60055;
}
.life #category-articles .articles h3 {
  color: #3ab451;
}
.cat1005 #category-articles .articles h3 {
  color: #3ab451;
}
.cat1011 #category-articles .articles h3 {
  color: #3ab451;
}
.arts #category-articles .articles h3 {
  color: #fd9b00;
}
.cat1006 #category-articles .articles h3 {
  color: #fd9b00;
}
#category-articles .articles .section {
  float: left;
  width: 100%;
  position: relative;
  /* item */

}
#category-articles .articles .section .item {
  float: left;
  width: 100%;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  /* img */

  /* title */
  /* meta */

}
#category-articles .articles .section .item img {
  float: left;
  display: block;
}
#category-articles .articles .section .item h2 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 900;
}
#category-articles .articles .section .item h2 a {
  color: #222;
  text-decoration: none;
}
#category-articles .articles .section .item h2 a:hover {
  text-decoration: underline;
}
#category-articles .articles .section .item .meta {
  float: left;
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#category-articles .articles .section .item .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #e3e3e3;
}
#category-articles .articles .section .item .meta li.time {
  border: none;
}
#category-articles .articles .section .item .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  border: none;
}
.svg #category-articles .articles .section .item .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
#category-articles .articles .section .item p {
  float: left;
}
/* --------------------------------------------------------------
	
	6. 	Mobile Settings
	
-------------------------------------------------------------- */
body.mobile-settings {
  background: #f2f2f2;
}
#mobile-settings {
  float: left;
  margin: 0 20px;
  /* closed after 6.2 */

}
#mobile-settings form {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  /* --------------------------------------------------------------
		
		6.1 	Profile Settings
		
	-------------------------------------------------------------- */

  /* --------------------------------------------------------------
		
		6.2 	Publications / Categories
		
	-------------------------------------------------------------- */

  /* buttons */
}
#mobile-settings form .message-mobile {
  width: 170px;
  font-size: 16px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: #454545;
  position: absolute;
  display: none;
  bottom: -10px;
  left: 0px;
}
#mobile-settings form label {
  float: left;
  margin: 12px 0 0 0;
  color: #454545;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}
#mobile-settings form input {
  float: right;
  width: 238px;
  padding: 10px 20px;
  border: 1px solid #edecec;
  background: #fff;
  color: #808080;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}
#mobile-settings form input.read-only {
  background: #e5e4e5;
}
#mobile-settings form input.error {
  border: 1px solid #e41714;
}
#mobile-settings form label.error {
  width: 100%;
  font-family: 'Arial', sans-serif;
  font-size: 11px;
  text-align: left;
  margin: -2px 0 0 0;
  color: #e41714;
}
#mobile-settings form .switches {
  float: left;
  width: 100%;
  margin: 20px 0 30px;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
#mobile-settings form .switches .row {
  float: left;
  width: 300px;
  margin: 0 0 20px;
}
#mobile-settings form .switches .row.last {
  margin: 0;
}
#mobile-settings form .switches .row label {
  float: left;
  margin: 0;
  width: 120px;
  color: #454545;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}
#mobile-settings form .switches .row input {
  display: none;
}
#mobile-settings form .switches .row .toggle {
  float: right;
  width: 100px;
  height: 35px;
  display: block;
}
#mobile-settings form .switches .row .toggle a {
  float: left;
  width: 50px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: block;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  background: #fff;
}
#mobile-settings form .switches .row .toggle a.active {
  background: #000;
  color: #fff;
}
#mobile-settings form .options {
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
#mobile-settings form .options li {
  float: left;
  position: relative;
  margin: 0 0 7px 0;
  width: 100%;
  height: 60px;
  display: block;
  background: #fff;
  cursor: pointer;
}
#mobile-settings form .options li input {
  display: none;
}
#mobile-settings form .options li.right {
  margin-right: 0;
}
#mobile-settings form .options li img {
  position: absolute;
  top: 50%;
  left: 15px;
}
#mobile-settings form .options li h3 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  color: #949494;
  margin: 0;
}
@media all and (min-width: 769px) {
  #mobile-settings form .options li h3 {
    font-size: 12px;
  }
}
@media all and (max-width: 768px) and (min-width: 481px) {
  #mobile-settings form .options li h3 {
    font-size: 12px;
  }
}
@media all and (max-width: 480px) and (min-width: 321px) {
  #mobile-settings form .options li h3 {
    font-size: 16px;
    font-weight: 400;
  }
}
@media all and (max-width: 320px) {
  #mobile-settings form .options li h3 {
    font-size: 16px;
    font-weight: 400;
  }
}
#mobile-settings form .options li i {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -11px 0 0 0;
  width: 23px;
  height: 23px;
  display: block;
  background: url(/img/sprite_settings.png) no-repeat;
  background-position: 0px 0px;
}
.svg #mobile-settings form .options li i {
  background: url(/img/sprite_settings.svg) no-repeat;
  background-position: 0px 0px;
}
#mobile-settings form .options li:hover i {
  background: url(/img/sprite_settings.png) no-repeat;
  background-position: -23px 0px;
}
.svg #mobile-settings form .options li:hover i {
  background: url(/img/sprite_settings.svg) no-repeat;
  background-position: -23px 0px;
}
#mobile-settings form .options li.checked i {
  background: url(/img/sprite_settings.png) no-repeat;
  background-position: -46px 0px;
}
.svg #mobile-settings form .options li.checked i {
  background: url(/img/sprite_settings.svg) no-repeat;
  background-position: -46px 0px;
}
#mobile-settings form .options li.letoile img {
  top: 50%;
  margin: -25px 0 0 0;
}
#mobile-settings form .options li.letoile h3 {
  top: 50%;
  left: 83px;
  margin: -7px 0 0 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
}
#mobile-settings form .options li.category {
  border-left: 5px solid #ccc;
  height: 60px;
}
#mobile-settings form .options li.category.news,
#mobile-settings form .options li.category.cat1000,
#mobile-settings form .options li.category.cat1007 {
  border-color: #000000;
}
#mobile-settings form .options li.category.business,
#mobile-settings form .options li.category.cat1001,
#mobile-settings form .options li.category.cat1008 {
  border-color: #423b81;
}
#mobile-settings form .options li.category.sports,
#mobile-settings form .options li.category.cat1002,
#mobile-settings form .options li.category.cat1009 {
  border-color: #e41714;
}
#mobile-settings form .options li.category.opinion,
#mobile-settings form .options li.category.cat1003,
#mobile-settings form .options li.category.cat1010 {
  border-color: #2571ab;
}
#mobile-settings form .options li.category.life,
#mobile-settings form .options li.category.cat1005,
#mobile-settings form .options li.category.cat1011 {
  border-color: #3ab451;
}
#mobile-settings form .options li.category.entertainment,
#mobile-settings form .options li.category.cat1004 {
  border-color: #f60055;
}
#mobile-settings form .options li.category.arts,
#mobile-settings form .options li.category.cat1006 {
  border-color: #fd9b00;
}
#mobile-settings form .options li.category img {
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  display: block;
}
#mobile-settings form .options li.category h3 {
  top: 50%;
  left: 90px;
  margin: -9px 0 0 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
}
#mobile-settings form .buttons {
  position: absolute;
  bottom: 0;
  right: 0;
}
#mobile-settings form .buttons button {
  float: left;
  margin: 0 0 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  background: #fff;
  color: #999;
}
#mobile-settings form .buttons button:hover {
  background: #e6e4e4;
}
#mobile-settings form .buttons button.submit {
  background: #5db8ff;
  color: #fff;
}
#mobile-settings form .buttons button.submit:hover {
  background: #49aaf5;
}
/* --------------------------------------------------------------
	
	7. 	Newsroom
	
-------------------------------------------------------------- */
#newsroom {
  position: fixed;
  right: 0;
  float: left;
  width: 300px;
  height: 100%;
  display: none;
  background: #232324;
  z-index: 3000;
  /*** NEWSROOM LIST ***/

  /* load more button */

  /* newsroom-list */

}
#newsroom.closed {
  bottom: 0;
  width: 208px;
  height: 40px;
  display: block;
  overflow: hidden;
}
#newsroom .bar {
  float: left;
  position: relative;
  width: 300px;
  height: 37px;
  display: block;
  border-top: 2px solid #da0000;
  border-bottom: 1px solid #2a2a2b;
  /* newsroom */

  /* close */

  /* full-screen */

}
#newsroom .bar .newsroom {
  float: left;
  position: relative;
  width: 163px;
  padding: 0 0 0 45px;
  height: 37px;
  line-height: 37px;
  display: block;
  cursor: pointer;
  color: #fff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
#newsroom .bar .newsroom i {
  position: absolute;
  top: 50%;
  left: 20px;
  margin: -8px 0 0 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -390px -120px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.svg #newsroom .bar .newsroom i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -390px -120px;
}
#newsroom .bar .newsroom:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#newsroom .bar .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 37px;
  display: block;
  cursor: pointer;
}
#newsroom .bar .close i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -120px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.svg #newsroom .bar .close i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -120px;
}
#newsroom .bar .close:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#newsroom .bar .full-screen {
  position: absolute;
  top: 0;
  right: 42px;
  width: 47px;
  height: 37px;
  display: block;
  cursor: pointer;
  border-right: 1px solid #2a2a2b;
  border-left: 1px solid #2a2a2b;
}
#newsroom .bar .full-screen i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 17px;
  height: 13px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -120px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.svg #newsroom .bar .full-screen i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -120px;
}
#newsroom .bar .full-screen:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#newsroom #newsroom-scrollbar {
  float: left;
  width: 260px;
  clear: both;
  margin: 20px;
}
#newsroom #newsroom-scrollbar .viewport {
  width: 240px;
  overflow: hidden;
  position: relative;
}
#newsroom #newsroom-scrollbar .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}
#newsroom #newsroom-scrollbar .thumb .end,
#newsroom #newsroom-scrollbar .thumb {
  background-color: #19191a;
}
#newsroom #newsroom-scrollbar .scrollbar {
  position: relative;
  float: right;
  width: 6px;
}
#newsroom #newsroom-scrollbar .track {
  background-color: #323233;
  height: 100%;
  width: 6px;
  position: relative;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#newsroom #newsroom-scrollbar .thumb {
  height: 20px;
  width: 6px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#newsroom #newsroom-scrollbar .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 6px;
}
#newsroom #newsroom-scrollbar .disable {
  display: none;
}
#newsroom .noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
#newsroom .load-more {
  float: left;
  text-align: center;
  width: 240px;
  height: 30px;
  display: block;
  color: #999;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
#newsroom .load-more span {
  position: relative;
  margin: 0 auto;
  width: 70px;
  height: 30px;
  display: block;
  text-align: left;
}
#newsroom .load-more span i {
  position: absolute;
  top: 6px;
  right: 0;
  width: 8px;
  height: 5px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -60px;
}
.svg #newsroom .load-more span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -60px;
}
#newsroom .newsroom-list {
  float: left;
  width: 240px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#newsroom .newsroom-list li.item {
  float: left;
  width: 240px;
  padding: 0 0 23px 0;
  margin: 0 0 23px 0;
  border-bottom: 1px solid #2a2a2b;
  /* image */

  /* title */

  /* meta */

}
#newsroom .newsroom-list li.item .scale-image {
  float: left;
  position: relative;
  width: 240px;
  height: 160px;
  display: block;
  margin: 0 0 10px 0;
  z-index: 1;
}
#newsroom .newsroom-list li.item .scale-image i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px -90px;
  z-index: 100;
}
.svg #newsroom .newsroom-list li.item .scale-image i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px -90px;
}
#newsroom .newsroom-list li.item .scale-image img {
  cursor: pointer;
  visibility: hidden;
  z-index: 1;
}
#newsroom .newsroom-list li.item h2 {
  font-family: 'Roboto', Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
#newsroom .newsroom-list li.item h2 a {
  color: #fff;
  text-decoration: none;
}
#newsroom .newsroom-list li.item h2 a:hover {
  text-decoration: underline;
}
#newsroom .newsroom-list li.item .meta {
  float: left;
  width: 260px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#newsroom .newsroom-list li.item .meta li {
  float: left;
  color: #999;
  font-size: 11px;
  font-family: Arial, sans-serif;
}
#newsroom .newsroom-list li.item .meta li.reporter {
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
  border-right: 1px solid #2a2a2b;
}
/* --------------------------------------------------------------
		
		7.1 	Newsroom Modal
		
	-------------------------------------------------------------- */
#newsroom-modal-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 5000;
}
#newsroom-modal-wrap #newsroom-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -322px 0 0 -410px;
  width: 820px;
  height: 644px;
  display: block;
  /* background: #232324; */

  background: #000;
  /* title */

  /* meta */

  /* image */

}
#newsroom-modal-wrap #newsroom-modal.audio {
  width: 200px;
  height: 320px;
  padding: 20px;
  display: block;
  background: #000;
  margin: -160px 0 0 -100px;
}
#newsroom-modal-wrap #newsroom-modal.audio figure {
  background: #000;
}
#newsroom-modal-wrap #newsroom-modal.audio .meta {
  float: left;
  width: 100%;
  border-bottom: 1px solid #333;
  color: #808080;
  font-size: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  padding: 20px 0;
  margin: 0;
}
#newsroom-modal-wrap #newsroom-modal.audio .meta p {
  margin: 0;
}
#newsroom-modal-wrap #newsroom-modal.audio .meta .left {
  float: left;
}
#newsroom-modal-wrap #newsroom-modal.audio .meta .right {
  float: right;
  text-align: right;
}
#newsroom-modal-wrap #newsroom-modal.audio .cp-container {
  float: left;
}
#newsroom-modal-wrap #newsroom-modal.audio h2 {
  float: left;
  width: 100%;
  font-family: 'Roboto', Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0;
}
#newsroom-modal-wrap #newsroom-modal figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: block;
  background: #232324;
  z-index: 100;
  cursor: pointer;
}
#newsroom-modal-wrap #newsroom-modal figure i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 15px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px -90px;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.svg #newsroom-modal-wrap #newsroom-modal figure i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px -90px;
}
#newsroom-modal-wrap #newsroom-modal figure:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#newsroom-modal-wrap #newsroom-modal h2 {
  float: left;
  width: 780px;
  font-family: 'Roboto', Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0 10px 20px;
}
#newsroom-modal-wrap #newsroom-modal h2 a {
  color: #fff;
  text-decoration: none;
}
#newsroom-modal-wrap #newsroom-modal h2 a:hover {
  text-decoration: underline;
}
#newsroom-modal-wrap #newsroom-modal .meta {
  float: left;
  width: 260px;
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
}
#newsroom-modal-wrap #newsroom-modal .meta li {
  float: left;
  color: #999;
  font-size: 11px;
  font-family: Arial, sans-serif;
}
#newsroom-modal-wrap #newsroom-modal .meta li.paper {
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
  border-right: 1px solid #2a2a2b;
}
#newsroom-modal-wrap #newsroom-modal .scale {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px;
  width: 800px;
  height: 548px;
  display: block;
  z-index: 1;
}
#newsroom-modal-wrap #newsroom-modal .scale img {
  position: absolute;
  display: block;
}
/* --------------------------------------------------------------
		
		7.2 	Mobile Newsroom
		
	-------------------------------------------------------------- */
body.mobile-newsroom {
  background: #232324 !important;
}
body.mobile-newsroom #header {
  float: left;
  position: relative;
  width: 100%;
  height: 37px;
  display: block;
  border-top: 2px solid #da0000;
  border-bottom: 1px solid #2a2a2b;
  background: #232324;
  /* newsroom */

  /* close */

}
body.mobile-newsroom #header .newsroom {
  float: left;
  position: relative;
  width: 163px;
  padding: 0 0 0 45px;
  height: 37px;
  line-height: 37px;
  display: block;
  cursor: pointer;
  color: #fff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
body.mobile-newsroom #header .newsroom i {
  position: absolute;
  top: 50%;
  left: 20px;
  margin: -8px 0 0 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -390px -120px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.svg body.mobile-newsroom #header .newsroom i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -390px -120px;
}
body.mobile-newsroom #header .newsroom:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
body.mobile-newsroom #header .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 37px;
  display: block;
  cursor: pointer;
}
body.mobile-newsroom #header .close i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -120px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.svg body.mobile-newsroom #header .close i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -120px;
}
body.mobile-newsroom #header .close:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
body.mobile-newsroom #mobile-newsroom .newsroom-list {
  float: left;
  margin: 0;
  padding: 0 30px;
  list-style: none;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item {
  float: left;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #2a2a2b;
  /* image */

  /* title */

  /* meta */

}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .scale-image {
  float: left;
  position: relative;
  width: 140px;
  height: 80px;
  display: block;
  margin: 0 30px 0 0;
  z-index: 1;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .scale-image i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px -90px;
  z-index: 100;
}
.svg body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .scale-image i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px -90px;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .scale-image img {
  cursor: pointer;
  visibility: hidden;
  z-index: 1;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item h2 {
  font-family: 'Roboto', Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item h2 a {
  color: #fff;
  text-decoration: none;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item h2 a:hover {
  text-decoration: underline;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .meta {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .meta li {
  float: right;
  color: #999;
  font-size: 11px;
  font-family: Arial, sans-serif;
}
body.mobile-newsroom #mobile-newsroom .newsroom-list li.item .meta li.reporter {
  float: left;
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
}
#mobile-newsroom-modal-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 5000;
}
#mobile-newsroom-modal-wrap #newsroom-modal {
  position: absolute;
  float: left;
  top: 50%;
  left: 50%;
  display: block;
  background: #232324;
  /* image */

}
#mobile-newsroom-modal-wrap #newsroom-modal figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: block;
  background: #232324;
  z-index: 100;
  cursor: pointer;
}
#mobile-newsroom-modal-wrap #newsroom-modal figure i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 15px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px -90px;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
}
.svg #mobile-newsroom-modal-wrap #newsroom-modal figure i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -300px -90px;
}
#mobile-newsroom-modal-wrap #newsroom-modal figure:hover i {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#mobile-newsroom-modal-wrap #newsroom-modal .scale {
  position: relative;
  float: left;
  overflow: hidden;
  display: block;
  z-index: 1;
}
#mobile-newsroom-modal-wrap #newsroom-modal .scale img {
  position: absolute;
  display: block;
}
/* -------------------------------------------------------------- 

	8. 	Sharing
	
-------------------------------------------------------------- */
/* #sharing is on the individual sizes */
/* -------------------------------------------------------------- 
	
		8.1 	Comments
		
	-------------------------------------------------------------- */
#comments {
  position: fixed;
  top: 0;
  right: -505px;
  float: left;
  width: 460px;
  padding: 0 20px;
  height: 100%;
  display: none;
  background: #fff;
  background: rgba(255, 255, 255, 0.97);
  z-index: 4000;
  -webkit-box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.2);
  /* bar */

  /* sorting */

  /* form */

  /* -------------------------------------------------------------- 
		
			8.1.1 	Discussions
			
		-------------------------------------------------------------- */

  /*** REPLIES ***/

  /* -------------------------------------------------------------- 
		
			8.1.2 	Community
			
		-------------------------------------------------------------- */

  /* left col */

  /* right col */

}
#comments #discussion-scrollbar {
  float: left;
  width: 460px;
  clear: both;
}
#comments #discussion-scrollbar .viewport {
  width: 440px;
  overflow: hidden;
  position: relative;
}
#comments #discussion-scrollbar .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}
#comments #discussion-scrollbar .thumb .end,
#comments #discussion-scrollbar .thumb {
  background-color: #000;
}
#comments #discussion-scrollbar .scrollbar {
  position: relative;
  float: right;
  width: 6px;
}
#comments #discussion-scrollbar .track {
  background-color: #d9d9d9;
  height: 100%;
  width: 6px;
  position: relative;
  padding: 0;
}
#comments #discussion-scrollbar .thumb {
  height: 20px;
  width: 6px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}
#comments #discussion-scrollbar .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 6px;
}
#comments #discussion-scrollbar .disable {
  display: none;
}
#comments #community-scrollbar {
  float: left;
  width: 460px;
  clear: both;
}
#comments #community-scrollbar .viewport {
  width: 440px;
  overflow: hidden;
  position: relative;
}
#comments #community-scrollbar .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}
#comments #community-scrollbar .thumb .end,
#comments #community-scrollbar .thumb {
  background-color: #000;
}
#comments #community-scrollbar .scrollbar {
  position: relative;
  float: right;
  width: 6px;
}
#comments #community-scrollbar .track {
  background-color: #d9d9d9;
  height: 100%;
  width: 6px;
  position: relative;
  padding: 0;
}
#comments #community-scrollbar .thumb {
  height: 20px;
  width: 6px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}
#comments #community-scrollbar .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 6px;
}
#comments #community-scrollbar .disable {
  display: none;
}
#comments .noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
#comments .bar {
  float: left;
  position: relative;
  width: 460px;
  height: 54px;
  display: block;
  line-height: 54px;
}
#comments .bar h3 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 20px;
  margin: 0;
}
#comments .bar .close {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -17px 0 0 0;
  width: 34px;
  height: 34px;
  display: block;
  cursor: pointer;
}
#comments .bar .close:hover {
  background: #efefef;
}
#comments .bar .close i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -90px;
}
.svg #comments .bar .close i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -90px;
}
#comments #sorting {
  float: left;
  width: 100%;
  height: 38px;
  border-bottom: 2px solid #d9d9d9;
  margin: 6px 0 40px;
}
#comments #sorting ul {
  float: left;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments #sorting ul li {
  float: left;
  height: 38px;
  line-height: 38px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #666;
  margin: 0 20px 0 0;
  cursor: pointer;
}
#comments #sorting ul li.active {
  color: #000;
  border-bottom: 2px solid #000;
}
#comments form {
  float: left;
  display: block;
  z-index: 1;
}
#comments form textarea {
  float: left;
  margin: 20px 0;
  height: 108px;
  padding: 20px;
  resize: none;
  border: none;
  background: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ccc;
  -webkit-box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
}
#comments form#post-reply textarea {
  margin: 0;
  height: 14px;
}
#comments form#post-reply textarea.tall {
  color: #000;
  margin: 0 0 10px 0;
}
#comments form#post-reply button {
  display: none;
}
#comments form button {
  float: right;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #5db8ff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  cursor: pointer;
}
#comments form button:hover {
  background: #4fa7eb;
}
#comments #replies {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments #replies.level_01 li.level_01 ul.level_02 {
  margin: 20px 0 0 0;
}
#comments #replies.level_01 li.level_01 ul.level_02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 15px;
  display: block;
  background: #d9d9d9;
}
#comments #replies.level_01 li.level_01 ul.level_02 li.level_02 ul.level_03 {
  margin: 20px 0 0 0;
}
#comments #replies.level_01 li.level_01 ul.level_02 li.level_02 ul.level_03:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 15px;
  display: block;
  background: #d9d9d9;
}
#comments #replies li {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
#comments #replies li .reply {
  float: left;
  width: 100%;
  /* meta */

  /* content */

  /* cta */

}
#comments #replies li .reply .meta {
  float: left;
  position: relative;
  width: 100%;
  height: 30px;
  margin: 0 0 16px 0;
  display: block;
  /* img */

  /* p */
  /* voting */

}
#comments #replies li .reply .meta img {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 20px 0 0;
}
#comments #replies li .reply .meta p {
  float: left;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
}
#comments #replies li .reply .meta p span {
  border-left: 1px solid #e8e8e8;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  font-family: 'Roboto', Arial, sans-serif;
  text-transform: lowercase;
  font-size: 11px;
  color: #999;
}
#comments #replies li .reply .meta .voting {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -7px 0 0 0;
  width: 85px;
  height: 15px;
  display: block;
  padding: 0;
}
#comments #replies li .reply .meta .voting figure {
  position: absolute;
  top: 0;
}
#comments #replies li .reply .meta .voting figure.rating {
  left: 0;
  text-align: right;
  width: 30px;
}
#comments #replies li .reply .meta .voting figure.div {
  right: 22px;
  width: 1px;
  height: 15px;
  display: block;
  background: #e8e8e8;
}
#comments #replies li .reply .meta .voting figure.up {
  right: 34px;
  width: 13px;
  height: 15px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -180px;
  cursor: pointer;
}
.svg #comments #replies li .reply .meta .voting figure.up {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -180px;
}
#comments #replies li .reply .meta .voting figure.up:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#comments #replies li .reply .meta .voting figure.up.active {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -210px;
}
.svg #comments #replies li .reply .meta .voting figure.up.active {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -210px;
}
#comments #replies li .reply .meta .voting figure.down {
  right: 0;
  width: 13px;
  height: 15px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -180px;
  cursor: pointer;
}
.svg #comments #replies li .reply .meta .voting figure.down {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -180px;
}
#comments #replies li .reply .meta .voting figure.down:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#comments #replies li .reply .meta .voting figure.down.active {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -210px;
}
.svg #comments #replies li .reply .meta .voting figure.down.active {
  background: url(/img/sprite.png) no-repeat;
  background-position: -480px -210px;
}
#comments #replies li .reply .content {
  float: left;
  padding: 0 0 0 50px;
}
#comments #replies li .reply .content .last {
  margin: 0;
}
#comments #replies li .reply .cta {
  float: left;
  width: 100%;
  height: 14px;
  margin: 20px 0 0 0;
  display: block;
  text-align: right;
}
#comments #replies li .reply .cta span {
  position: relative;
  float: right;
  width: 55px;
  height: 14px;
  line-height: 14px;
  display: block;
  color: #737373;
  font-size: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  cursor: pointer;
}
#comments #replies li .reply .cta span:hover {
  color: #6b6a6a;
}
#comments #replies li .reply .cta span:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -210px;
}
.svg #comments #replies li .reply .cta span:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -210px;
}
#comments #replies li .reply .cta span i {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -180px;
}
.svg #comments #replies li .reply .cta span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -180px;
}
#comments #replies li ul {
  float: left;
  position: relative;
  list-style: none;
  border-left: 1px solid #d9d9d9;
  padding: 0 0 0 18px;
  margin: 0;
}
#comments h6 {
  font-size: 12px;
  font-weight: 700;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: #999;
  text-transform: uppercase;
}
#comments .left-col {
  float: left;
  width: 260px;
}
#comments .left-col .discussions {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments .left-col .discussions li {
  margin: 0 0 18px 0;
  padding: 0 0 18px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
#comments .left-col .discussions li h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #222;
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
}
#comments .left-col .discussions li h4 a {
  color: #222;
  text-decoration: none;
}
#comments .left-col .discussions li h4 a:hover {
  text-decoration: underline;
}
#comments .left-col .discussions li .meta {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
#comments .left-col .discussions li .meta li {
  float: left;
  font-family: 'Roboto', Arial, sans-serif;
  color: #999;
  font-size: 11px;
  background: none;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #e8e8e8;
}
#comments .left-col .discussions li .meta li.time {
  border: none;
}
#comments .left-col .discussions li p {
  margin: 0;
}
#comments .right-col {
  float: right;
  width: 150px;
}
#comments .right-col .commenters {
  float: left;
  width: 100%;
  padding: 0;
  list-style: none;
}
#comments .right-col .commenters li {
  float: left;
  width: 100%;
  margin: 0 0 18px 0;
  padding: 0 0 18px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
#comments .right-col .commenters li img {
  float: left;
  width: 30px;
  margin: 0 10px 0 0;
}
#comments .right-col .commenters li h5 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 5px 0;
}
#comments .right-col .commenters li p {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  color: #999;
  margin: 0;
}
/* -------------------------------------------------------------- 
	
		8.2 	Social Sharing
		
	-------------------------------------------------------------- *//* #social-sharing is on the individual page sizes */
/* -------------------------------------------------------------- 
		
			8.2.1 	Email Sharing
			
		-------------------------------------------------------------- */
#email-sharing-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
#email-sharing-modal #email-sharing {
  position: fixed;
  display: block;
  background: #fff;
  border-top: 3px solid #000;
  /* heading */

  /* message */

  /* preview */

  /* form */

}
#email-sharing-modal #email-sharing h2 {
  position: relative;
  padding: 0 0 0 20px;
  height: 54px;
  line-height: 54px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  margin: 0;
}
#email-sharing-modal #email-sharing h2 i {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  display: block;
  margin: -7px 0 0 0;
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -90px;
  cursor: pointer;
}
.svg #email-sharing-modal #email-sharing h2 i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -450px -90px;
}
#email-sharing-modal #email-sharing #message {
  float: left;
  padding: 30px;
  display: none;
}
#email-sharing-modal #email-sharing #message .smiley {
  float: left;
  width: 50px;
  height: 51px;
  display: block;
  background: url(/img/smiley.png);
}
#email-sharing-modal #email-sharing #message h3 {
  float: left;
  margin: 0 0 0 30px;
  font-size: 34px;
  line-height: 38px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #000;
}
#email-sharing-modal #email-sharing #message .buttons {
  float: left;
  cursor: pointer;
  margin: 30px 0 0 0;
}
#email-sharing-modal #email-sharing #message .buttons figure {
  float: right;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px;
  border: none;
  font-size: 14px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 0 10px;
}
#email-sharing-modal #email-sharing #message .buttons figure.share {
  background: #5db8ff;
}
#email-sharing-modal #email-sharing #message .buttons figure.close {
  background: #333;
}
#email-sharing-modal #email-sharing .preview {
  float: left;
  padding: 30px;
}
#email-sharing-modal #email-sharing .preview .scale-image {
  float: left;
  width: 60px;
  height: 60px;
  display: block;
}
#email-sharing-modal #email-sharing .preview .scale-image img {
  visibility: hidden;
}
#email-sharing-modal #email-sharing .preview .body {
  float: right;
  font-size: 11px;
  color: #444;
}
#email-sharing-modal #email-sharing .preview .body h3 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
#email-sharing-modal #email-sharing .preview .body p {
  margin: 0;
}
#email-sharing-modal #email-sharing form {
  float: left;
  padding: 0 30px;
}
#email-sharing-modal #email-sharing form input {
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 18px 20px;
  border: 1px solid #d9d9d9;
  background: #fbfbfb;
  margin: 0 0 10px 0;
}
#email-sharing-modal #email-sharing form input.error {
  border-color: red;
}
#email-sharing-modal #email-sharing form label.error {
  float: left;
  padding: 0 0 0 30px;
  margin: 0 0 10px 0;
  height: 20px;
  font-weight: 300;
  background: url(/img/error-label.png) center left no-repeat;
}
#email-sharing-modal #email-sharing form textarea {
  float: left;
  height: 68px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 18px 20px;
  border: 1px solid #d9d9d9;
  background: #fbfbfb;
  margin: 0 0 10px 0;
  resize: none;
}
#email-sharing-modal #email-sharing form textarea.error {
  border-color: red;
}
#email-sharing-modal #email-sharing form .buttons {
  float: left;
  cursor: pointer;
  margin: 0 0 15px 0;
}
#email-sharing-modal #email-sharing form .buttons button {
  float: right;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px;
  border: none;
  font-size: 14px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
}
#email-sharing-modal #email-sharing form .buttons button.submit {
  background: #5db8ff;
}
#email-sharing-modal #email-sharing form .buttons button.reset {
  background: #333;
}
/* --------------------------------------------------------------
	
	9. 	Today's Paper
	
-------------------------------------------------------------- */
#todays-paper {
  position: fixed;
  bottom: -459px;
  left: 0;
  width: 100%;
  height: 459px;
  display: block;
  background: url(/img/bg-todays-paper.jpg);
  z-index: 4000;
  /* close */

  /* title */

  /* todays paper slider */

}
#todays-paper .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 59px;
  height: 59px;
  display: block;
  border-left: 1px solid #2a2a2b;
  cursor: pointer;
}
#todays-paper .close:hover {
  background: #181819;
}
#todays-paper .close i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 17px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -150px;
}
.svg #todays-paper .close i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -420px -150px;
}
#todays-paper h3 {
  width: 100%;
  height: 59px;
  line-height: 59px;
  display: block;
  background: #232324;
  border-bottom: 1px solid #2a2a2b;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  margin: 0;
}
#todays-paper h3 span {
  margin: 0 0 0 20px;
}
#todays-paper #todays-paper-slider {
  float: left;
  position: relative;
  height: 399px;
  display: block;
  z-index: 1;
  /* flex direction nav */

  /* slides */

}
#todays-paper #todays-paper-slider .flex-direction-nav {
  position: absolute;
  top: 0;
  left: -56px;
  height: 399px;
  display: block;
  z-index: 1;
}
#todays-paper #todays-paper-slider .flex-direction-nav a {
  position: absolute;
  top: 0;
  width: 56px;
  height: 399px;
  display: block;
}
#todays-paper #todays-paper-slider .flex-direction-nav a.flex-prev {
  left: 0;
  background: url(/img/todays-paper-prev.png) center center no-repeat;
}
#todays-paper #todays-paper-slider .flex-direction-nav a.flex-next {
  right: 0;
  background: url(/img/todays-paper-next.png) center center no-repeat;
}
#todays-paper #todays-paper-slider .slides {
  float: left;
  position: relative;
  height: 399px;
  display: block;
  z-index: 100;
}
#todays-paper #todays-paper-slider .slides li {
  float: left;
  width: 219px;
  height: 399px;
  display: none;
  border-right: 1px solid #2a2a2b;
}
#todays-paper #todays-paper-slider .slides li a {
  float: left;
  padding: 20px;
  width: 179px;
  height: 359px;
  display: block;
  text-decoration: none;
}
#todays-paper #todays-paper-slider .slides li a:hover {
  background: #059fd3;
}
#todays-paper #todays-paper-slider .slides li a img {
  float: left;
  width: 179px;
  height: 324px;
  margin: 0 0 10px 0;
  display: block;
}
#todays-paper #todays-paper-slider .slides li a h6 {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-size: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
}
/* --------------------------------------------------------------
	
	10. 	Sub-Category
	
-------------------------------------------------------------- */#content-wrapper.sub-category {
  margin: 0 0 20px 0;
  /* hgroup */

}
#content-wrapper.sub-category.alt {
  margin: 20px 0;
}
#content-wrapper.sub-category.alt h3.page-title {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.news #content-wrapper.sub-category.alt h3.page-title {
  color: #000000;
}
.cat1000 #content-wrapper.sub-category.alt h3.page-title {
  color: #000000;
}
.cat1007 #content-wrapper.sub-category.alt h3.page-title {
  color: #000000;
}
.business #content-wrapper.sub-category.alt h3.page-title {
  color: #423b81;
}
.cat1001 #content-wrapper.sub-category.alt h3.page-title {
  color: #423b81;
}
.cat1008 #content-wrapper.sub-category.alt h3.page-title {
  color: #423b81;
}
.sports #content-wrapper.sub-category.alt h3.page-title {
  color: #e41714;
}
.cat1002 #content-wrapper.sub-category.alt h3.page-title {
  color: #e41714;
}
.cat1009 #content-wrapper.sub-category.alt h3.page-title {
  color: #e41714;
}
.opinion #content-wrapper.sub-category.alt h3.page-title {
  color: #2571ab;
}
.cat1003 #content-wrapper.sub-category.alt h3.page-title {
  color: #2571ab;
}
.cat1010 #content-wrapper.sub-category.alt h3.page-title {
  color: #2571ab;
}
.entertainment #content-wrapper.sub-category.alt h3.page-title {
  color: #f60055;
}
.cat1004 #content-wrapper.sub-category.alt h3.page-title {
  color: #f60055;
}
.life #content-wrapper.sub-category.alt h3.page-title {
  color: #3ab451;
}
.cat1005 #content-wrapper.sub-category.alt h3.page-title {
  color: #3ab451;
}
.cat1011 #content-wrapper.sub-category.alt h3.page-title {
  color: #3ab451;
}
.arts #content-wrapper.sub-category.alt h3.page-title {
  color: #fd9b00;
}
.cat1006 #content-wrapper.sub-category.alt h3.page-title {
  color: #fd9b00;
}
#content-wrapper.sub-category hgroup {
  float: left;
  width: 100%;
  display: block;
  text-align: center;
}
#content-wrapper.sub-category hgroup h1 {
  margin: 10px 0 0 0;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  width: 100%;
  background: url(/img/bg-category-h1.png) center center repeat-x;
  position: relative;
}
.news #content-wrapper.sub-category hgroup h1 {
  color: #000000;
}
.cat1000 #content-wrapper.sub-category hgroup h1 {
  color: #000000;
}
.cat1007 #content-wrapper.sub-category hgroup h1 {
  color: #000000;
}
.business #content-wrapper.sub-category hgroup h1 {
  color: #423b81;
}
.cat1001 #content-wrapper.sub-category hgroup h1 {
  color: #423b81;
}
.cat1008 #content-wrapper.sub-category hgroup h1 {
  color: #423b81;
}
.sports #content-wrapper.sub-category hgroup h1 {
  color: #e41714;
}
.cat1002 #content-wrapper.sub-category hgroup h1 {
  color: #e41714;
}
.cat1009 #content-wrapper.sub-category hgroup h1 {
  color: #e41714;
}
.opinion #content-wrapper.sub-category hgroup h1 {
  color: #2571ab;
}
.cat1003 #content-wrapper.sub-category hgroup h1 {
  color: #2571ab;
}
.cat1010 #content-wrapper.sub-category hgroup h1 {
  color: #2571ab;
}
.entertainment #content-wrapper.sub-category hgroup h1 {
  color: #f60055;
}
.cat1004 #content-wrapper.sub-category hgroup h1 {
  color: #f60055;
}
.life #content-wrapper.sub-category hgroup h1 {
  color: #3ab451;
}
.cat1005 #content-wrapper.sub-category hgroup h1 {
  color: #3ab451;
}
.cat1011 #content-wrapper.sub-category hgroup h1 {
  color: #3ab451;
}
.arts #content-wrapper.sub-category hgroup h1 {
  color: #fd9b00;
}
.cat1006 #content-wrapper.sub-category hgroup h1 {
  color: #fd9b00;
}
#content-wrapper.sub-category hgroup h1 span {
  padding: 0 5px;
  background: #f8f9fa;
}
#content-wrapper.sub-category hgroup h1 i {
  font-style: normal;
  color: #ccc;
}
#content-wrapper.sub-category hgroup h6 {
  margin: 30px auto 0;
  text-align: center;
  color: #adadad;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
#content-wrapper.sub-category #category-container {
  float: left;
  width: 100%;
  /* headline */

  /* recent */

}
#content-wrapper.sub-category #category-container .headline {
  float: left;
  /* title */
  /* meta */

}
#content-wrapper.sub-category #category-container .headline figure {
  float: left;
  position: relative;
  display: block;
  height: 396px;
  overflow: hidden;
}
#content-wrapper.sub-category #category-container .headline figure img {
  position: absolute;
  display: block;
}
#content-wrapper.sub-category #category-container .headline h2 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 900;
}
#content-wrapper.sub-category #category-container .headline h2 a {
  color: #222;
  text-decoration: none;
}
#content-wrapper.sub-category #category-container .headline h2 a:hover {
  text-decoration: underline;
}
#content-wrapper.sub-category #category-container .headline .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#content-wrapper.sub-category #category-container .headline .meta li {
  float: left;
  padding: 0 14px 0 0;
  margin: 0 14px 0 0;
  border-right: 1px solid #e3e3e3;
}
#content-wrapper.sub-category #category-container .headline .meta li.last {
  margin: 0;
  padding: 0;
  border: none;
}
#content-wrapper.sub-category #category-container .recent {
  float: left;
  margin: 0 0 0 30px;
  /* articles */

}
#content-wrapper.sub-category #category-container .recent h6 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #989898;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#content-wrapper.sub-category #category-container .recent .articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.sub-category #category-container .recent .articles li.article {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  /* title */

  /* meta */

}
#content-wrapper.sub-category #category-container .recent .articles li.article .img {
  float: right;
  position: relative;
  display: block;
  overflow: hidden;
}
#content-wrapper.sub-category #category-container .recent .articles li.article .img img {
  display: block;
  position: absolute;
}
#content-wrapper.sub-category #category-container .recent .articles li.article h3 {
  float: left;
  width: 100%;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 900;
}
#content-wrapper.sub-category #category-container .recent .articles li.article h3 a {
  color: #222;
  text-decoration: none;
}
#content-wrapper.sub-category #category-container .recent .articles li.article h3 a:hover {
  text-decoration: underline;
}
#content-wrapper.sub-category #category-container .recent .articles li.article p {
  float: left;
  width: 100%;
  margin: 0;
}
#content-wrapper.sub-category #category-container .recent .articles li.article .meta {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#content-wrapper.sub-category #category-container .recent .articles li.article .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #e3e3e3;
}
#content-wrapper.sub-category #category-container .recent .articles li.article .meta li.time {
  border: none;
}
#content-wrapper.sub-category #category-container .recent .articles li.article .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  border: none;
}
.svg #content-wrapper.sub-category #category-container .recent .articles li.article .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
/*** CATEGORY ARTICLES ***/
#sub-category-articles {
  float: left;
  width: 100%;
  padding: 40px 0;
  background: #fff;
  /* item */

}
#sub-category-articles article {
  float: left;
  width: 100%;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  /* img */

  /* title */
  /* meta */

}
#sub-category-articles article img {
  float: left;
  display: block;
}
#sub-category-articles article h2 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 900;
}
#sub-category-articles article h2 a {
  color: #222;
  text-decoration: none;
}
#sub-category-articles article h2 a:hover {
  text-decoration: underline;
}
#sub-category-articles article .meta {
  float: left;
  font-size: 10px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}
#sub-category-articles article .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #e3e3e3;
}
#sub-category-articles article .meta li.time {
  border: none;
}
#sub-category-articles article .meta li.comments {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 14px;
  line-height: 12px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
  text-align: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  border: none;
}
.svg #sub-category-articles article .meta li.comments {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px 0px;
}
#sub-category-articles article p {
  float: left;
}
/* -------------------------------------------------------------- 

	11. 	Search
	
-------------------------------------------------------------- */
#content-wrapper.search {
  background: #f8f8f8;
  border-top: 1px solid #f0f0f0;
  /* title */

  /* no results */

  /* top results */

  /* results */

}
#content-wrapper.search h6 {
  font-family: 'Roboto', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  color: #222;
  font-weight: 700;
  margin: 20px 0;
}
#content-wrapper.search .no-results {
  margin: 50px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  color: #000;
}
#content-wrapper.search .no-results h4 {
  margin: 0 0 30px 0;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 37px;
  line-height: 37px;
  font-weight: 700;
}
#content-wrapper.search .no-results h4 span {
  font-weight: 300;
}
#content-wrapper.search .no-results p {
  margin: 0;
}
#content-wrapper.search .top-results {
  float: left;
}
#content-wrapper.search .top-results h6 {
  margin: 0 0 50px 0;
}
#content-wrapper.search .top-results #top-results {
  float: left;
  width: 570px;
  margin: 0 0 80px 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.search .top-results #top-results li {
  float: left;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 17px;
  font-weight: 300;
}
#content-wrapper.search .top-results #top-results li.third {
  margin-right: 0;
}
#content-wrapper.search .top-results #top-results li a {
  color: #000;
  text-decoration: none;
}
#content-wrapper.search .top-results #top-results li a:hover {
  color: #5db8ff;
}
#content-wrapper.search #results {
  margin: 0 0 80px 0;
  padding: 0;
  list-style: none;
}
#content-wrapper.search #results li {
  position: relative;
  background: url(/img/bg-dotted.png) bottom repeat-x;
  margin: 0 0 15px 0;
}
#content-wrapper.search #results li .meta {
  color: #999;
  font-size: 11px;
}
#content-wrapper.search #results li h3 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-size: 23px;
  font-weight: 700;
  border-left: 1px solid #e3e3e3;
}
#content-wrapper.search #results li h3 a {
  text-decoration: none;
  color: #000;
}
#content-wrapper.search #results li h3 a:hover {
  color: #5db8ff;
}
/* -------------------------------------------------------------- 

	12. 	Pagination
	
-------------------------------------------------------------- */
/* pagination */
#pagination {
  float: left;
  width: 100%;
  height: 60px;
  display: block;
  border-top: 1px solid #e9e9e9;
  text-align: center;
}
#pagination a {
  position: relative;
  height: 60px;
  width: 60px;
  margin: 0;
  padding: 0;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  border-right: 1px solid #e9e9e9;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #222;
  text-decoration: none;
}
#pagination a.first {
  border-left: 1px solid #e9e9e9;
  background: url(/img/bg-pagination-active.jpg) bottom repeat-x;
}
/* -------------------------------------------------------------- 

	13. 	Reporter
	
-------------------------------------------------------------- */
#content-wrapper.reporter {
  /* left col */

  /* right col */

}
#content-wrapper.reporter .left-col {
  /* profile */

  /* name bar */

}
#content-wrapper.reporter .left-col .profile {
  position: relative;
  display: block;
  z-index: 1;
  /* social */

  /* img */

}
#content-wrapper.reporter .left-col .profile .social {
  position: absolute;
  bottom: 1px;
  right: 1px;
  height: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 100;
}
#content-wrapper.reporter .left-col .profile .social li {
  float: left;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 0 0 1px;
}
#content-wrapper.reporter .left-col .profile .social li a {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  background: #fff;
  /* twitter */
  /* email */

}
#content-wrapper.reporter .left-col .profile .social li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
#content-wrapper.reporter .left-col .profile .social li a.twitter i {
  width: 21px;
  height: 18px;
  margin: -10px 0 0 -9px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -180px;
}
.svg #content-wrapper.reporter .left-col .profile .social li a.twitter i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -180px;
}
#content-wrapper.reporter .left-col .profile .social li a.twitter:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -270px;
}
.svg #content-wrapper.reporter .left-col .profile .social li a.twitter:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -270px;
}
#content-wrapper.reporter .left-col .profile .social li a.email i {
  width: 19px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -180px;
}
.svg #content-wrapper.reporter .left-col .profile .social li a.email i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -180px;
}
#content-wrapper.reporter .left-col .profile .social li a.email:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -270px;
}
.svg #content-wrapper.reporter .left-col .profile .social li a.email:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -270px;
}
#content-wrapper.reporter .left-col .profile .scale-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}
#content-wrapper.reporter .left-col .profile .scale-image img {
  visibility: hidden;
}
#content-wrapper.reporter .left-col .name-bar {
  position: relative;
  width: 100%;
}
#content-wrapper.reporter .left-col .name-bar h1 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  color: #000;
}
#content-wrapper.reporter .left-col .name-bar h2 {
  color: #999;
  font-family: 'Whitman Display', 'Times New Roman', serif;
  margin: 0;
}
#content-wrapper.reporter .left-col .name-bar .follow {
  position: absolute;
  top: 0;
  background: #5db8ff;
  color: #fff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}
#content-wrapper.reporter .left-col .name-bar .follow:hover {
  background: #6baad7;
}
#content-wrapper.reporter .left-col .name-bar .follow.following {
  background: #0eb800;
}
#content-wrapper.reporter .left-col .name-bar .follow.following:hover {
  background: #d52726;
}
#content-wrapper.reporter .right-col {
  /*heading */

  /* article */

}
#content-wrapper.reporter .right-col h3 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
}
#content-wrapper.reporter .right-col article h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #000;
  font-weight: 700;
}
#content-wrapper.reporter .right-col article h4 a {
  color: #000;
  text-decoration: none;
}
#content-wrapper.reporter .right-col article h4 a:hover {
  text-decoration: underline;
}
#content-wrapper.reporter .right-col article .meta {
  width: 100%;
  font-size: 12px;
  color: #808080;
}
#content-wrapper.reporter .right-col article .meta span {
  color: #4c4c4c;
  border-right: 1px solid #e3e3e3;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
}
/* -------------------------------------------------------------- 

	14. 	Alerts
	
-------------------------------------------------------------- */
#alerts {
  float: left;
  width: 100%;
  padding: 20px 0;
  display: none;
  /* developing */

  /* breaking */

  /* website */

  /* new */

  /* features */

}
#alerts .icon {
  position: absolute;
  top: 50%;
}
#alerts h2 {
  padding: 0 60px 0 50px;
  margin: 0;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  font-weight: 700;
}
#alerts h2 a {
  text-decoration: none;
}
#alerts h2 a:hover {
  text-decoration: underline;
}
#alerts h2 a.list {
  border-left: 1px solid #fff;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  font-size: 12px;
}
#alerts h3 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 19px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
}
#alerts figure {
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  right: 10px;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
}
#alerts figure i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -360px;
}
.svg #alerts figure i {
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -360px;
}
#alerts figure:hover {
  background: #000;
  background: rgba(0, 0, 0, 0.1);
}
#alerts.developing {
  background: #5db8ff;
}
#alerts.developing:hover {
  background: #6ab0e6;
}
#alerts.developing .icon {
  left: 5px;
  margin: -20px 0 0 0;
  width: 23px;
  height: 40px;
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -300px;
}
.svg #alerts.developing .icon {
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -300px;
}
#alerts.developing h2 {
  padding-left: 50px;
}
#alerts.developing h2 a {
  color: #fff;
}
#alerts.developing h3 {
  padding: 0 0 0 50px;
  color: #376f99;
}
#alerts.breaking {
  background: #cd0000;
}
#alerts.breaking:hover {
  background: #b30000;
}
#alerts.breaking .icon {
  left: 10px;
  margin: -20px 0 0 0;
  width: 40px;
  height: 40px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -30px -300px;
}
.svg #alerts.breaking .icon {
  background: url(/img/sprite.png) no-repeat;
  background-position: -30px -300px;
}
#alerts.breaking h2 {
  padding-left: 60px;
}
#alerts.breaking h2 a {
  color: #fff;
}
#alerts.breaking h3 {
  padding: 0 0 0 60px;
  color: #660000;
}
#alerts.website {
  background: #ffc600;
}
#alerts.website:hover {
  background: #e6b400;
}
#alerts.website .icon {
  left: 10px;
  margin: -25px 0 0 0;
  width: 51px;
  height: 51px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -90px -300px;
}
.svg #alerts.website .icon {
  background: url(/img/sprite.png) no-repeat;
  background-position: -90px -300px;
}
#alerts.website h2 {
  padding-left: 70px;
}
#alerts.website h2 a {
  color: #000;
}
#alerts.website h3 {
  padding: 0 0 0 70px;
  color: #806400;
}
#alerts.website figure i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -30px -360px;
}
.svg #alerts.website figure i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -30px -360px;
}
#alerts.new {
  background: #6295fa;
}
#alerts.new:hover {
  background: #4d80e5;
}
#alerts.new .icon {
  left: 10px;
  margin: -20px 0 0 0;
  width: 51px;
  height: 51px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -210px -300px;
}
.svg #alerts.new .icon {
  background: url(/img/sprite.png) no-repeat;
  background-position: -210px -300px;
}
#alerts.new h2 {
  padding-left: 70px;
}
#alerts.new h2 a {
  color: #FFF;
}
#alerts.new h3 {
  padding: 0 0 0 70px;
  color: #3d5c99;
}
#alerts.features {
  background: #49cc65;
}
#alerts.features:hover {
  background: #40b359;
}
#alerts.features .icon {
  left: 13px;
  margin: -18px 0 0 0;
  width: 42px;
  height: 37px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px -300px;
}
.svg #alerts.features .icon {
  background: url(/img/sprite.png) no-repeat;
  background-position: -150px -300px;
}
#alerts.features h2 {
  padding-left: 75px;
}
#alerts.features h2 a {
  color: #fff;
}
#alerts.features h3 {
  padding: 0 0 0 75px;
  color: #256633;
}
/* --------------------------------------------------------------
	
	15. 	Columns
	
-------------------------------------------------------------- */
#content-wrapper.column {
  /* heading */
  /* left-col */

  /* right-col */

}
#content-wrapper.column h6 {
  margin: 30px 0;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}
#content-wrapper.column h6.news {
  color: #000000;
}
#content-wrapper.column h6.cat1000 {
  color: #000000;
}
#content-wrapper.column h6.cat1007 {
  color: #000000;
}
#content-wrapper.column h6.business {
  color: #423b81;
}
#content-wrapper.column h6.cat1001 {
  color: #423b81;
}
#content-wrapper.column h6.cat1008 {
  color: #423b81;
}
#content-wrapper.column h6.sports {
  color: #e41714;
}
#content-wrapper.column h6.cat1002 {
  color: #e41714;
}
#content-wrapper.column h6.cat1009 {
  color: #e41714;
}
#content-wrapper.column h6.opinion {
  color: #2571ab;
}
#content-wrapper.column h6.cat1003 {
  color: #2571ab;
}
#content-wrapper.column h6.cat1010 {
  color: #2571ab;
}
#content-wrapper.column h6.entertainment {
  color: #f60055;
}
#content-wrapper.column h6.cat1004 {
  color: #f60055;
}
#content-wrapper.column h6.life {
  color: #3ab451;
}
#content-wrapper.column h6.cat1005 {
  color: #3ab451;
}
#content-wrapper.column h6.cat1011 {
  color: #3ab451;
}
#content-wrapper.column h6.arts {
  color: #fd9b00;
}
#content-wrapper.column h6.cat1006 {
  color: #fd9b00;
}
#content-wrapper.column .left-col {
  /* profile */

  /* related columns */

}
#content-wrapper.column .left-col .profile {
  float: left;
  position: relative;
  display: block;
  z-index: 1;
  /* social */

  /* img */

}
#content-wrapper.column .left-col .profile .social {
  position: absolute;
  bottom: 1px;
  right: 1px;
  height: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 100;
}
#content-wrapper.column .left-col .profile .social li {
  float: left;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 0 0 1px;
}
#content-wrapper.column .left-col .profile .social li a {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  background: #fff;
  /* twitter */
  /* email */

}
#content-wrapper.column .left-col .profile .social li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
#content-wrapper.column .left-col .profile .social li a.twitter i {
  width: 21px;
  height: 18px;
  margin: -10px 0 0 -9px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -180px;
}
.svg #content-wrapper.column .left-col .profile .social li a.twitter i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -180px;
}
#content-wrapper.column .left-col .profile .social li a.twitter:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -270px;
}
.svg #content-wrapper.column .left-col .profile .social li a.twitter:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -510px -270px;
}
#content-wrapper.column .left-col .profile .social li a.email i {
  width: 19px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -180px;
}
.svg #content-wrapper.column .left-col .profile .social li a.email i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -180px;
}
#content-wrapper.column .left-col .profile .social li a.email:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -270px;
}
.svg #content-wrapper.column .left-col .profile .social li a.email:hover i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -570px -270px;
}
#content-wrapper.column .left-col .profile .scale-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}
#content-wrapper.column .left-col .profile .scale-image img {
  visibility: hidden;
}
#content-wrapper.column .left-col h5 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: #000;
  font-weight: 700;
}
#content-wrapper.column .left-col .related-columns {
  padding: 0;
  list-style: none;
}
#content-wrapper.column .left-col .related-columns li {
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  background: url(/img/bg-dotted.png) top repeat-x;
}
#content-wrapper.column .left-col .related-columns li h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
}
#content-wrapper.column .left-col .related-columns li h4 a {
  color: #000;
  text-decoration: none;
}
#content-wrapper.column .left-col .related-columns li h4 a:hover {
  text-decoration: underline;
}
#content-wrapper.column article {
  /* meta */

  /* blockquote */
}
#content-wrapper.column article h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #000;
  font-weight: 700;
  margin: 0 0 5px 0;
}
#content-wrapper.column article h5 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  margin: 0 0 15px 0;
}
#content-wrapper.column article h5.news {
  color: #000000;
}
#content-wrapper.column article h5.cat1000 {
  color: #000000;
}
#content-wrapper.column article h5.cat1007 {
  color: #000000;
}
#content-wrapper.column article h5.business {
  color: #423b81;
}
#content-wrapper.column article h5.cat1001 {
  color: #423b81;
}
#content-wrapper.column article h5.cat1008 {
  color: #423b81;
}
#content-wrapper.column article h5.sports {
  color: #e41714;
}
#content-wrapper.column article h5.cat1002 {
  color: #e41714;
}
#content-wrapper.column article h5.cat1009 {
  color: #e41714;
}
#content-wrapper.column article h5.opinion {
  color: #2571ab;
}
#content-wrapper.column article h5.cat1003 {
  color: #2571ab;
}
#content-wrapper.column article h5.cat1010 {
  color: #2571ab;
}
#content-wrapper.column article h5.entertainment {
  color: #f60055;
}
#content-wrapper.column article h5.cat1004 {
  color: #f60055;
}
#content-wrapper.column article h5.life {
  color: #3ab451;
}
#content-wrapper.column article h5.cat1005 {
  color: #3ab451;
}
#content-wrapper.column article h5.cat1011 {
  color: #3ab451;
}
#content-wrapper.column article h5.arts {
  color: #fd9b00;
}
#content-wrapper.column article h5.cat1006 {
  color: #fd9b00;
}
#content-wrapper.column article h1 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  color: #000;
  font-weight: 700;
}
#content-wrapper.column article .meta {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  list-style: none;
  background: url(/img/bg-dotted.png) bottom repeat-x;
}
#content-wrapper.column article .meta li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #cecdcd;
  font-size: 12px;
  color: #9f9f9f;
}
#content-wrapper.column article .meta li.last {
  border: none;
}
#content-wrapper.column article .meta li a {
  color: #9f9f9f;
  text-decoration: none;
}
#content-wrapper.column article .meta li a:hover {
  text-decoration: underline;
}
#content-wrapper.column article blockquote {
  float: right;
  border-left: 3px solid #000;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-style: normal;
}
#content-wrapper.column article blockquote p {
  margin: 0 0 15px 0;
}
#content-wrapper.column article blockquote .author {
  margin: 0;
}
#content-wrapper.column article blockquote .author span {
  color: #999;
  font-size: 12px;
  position: relative;
  font-family: Arial, sans-serif;
  font-weight: normal;
}
#content-wrapper.column article blockquote .author span i {
  position: absolute;
  display: block;
  top: -17px;
  right: -40px;
  width: 25px;
  height: 17px;
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px 0px;
}
.svg #content-wrapper.column article blockquote .author span i {
  background: url(/img/sprite.png) no-repeat;
  background-position: -240px 0px;
}
#content-wrapper.column article blockquote.news {
  border-color: #000000;
}
#content-wrapper.column article blockquote.cat1000 {
  border-color: #000000;
}
#content-wrapper.column article blockquote.cat1007 {
  border-color: #000000;
}
#content-wrapper.column article blockquote.business {
  border-color: #423b81;
}
#content-wrapper.column article blockquote.cat1001 {
  border-color: #423b81;
}
#content-wrapper.column article blockquote.cat1008 {
  border-color: #423b81;
}
#content-wrapper.column article blockquote.sports {
  border-color: #e41714;
}
#content-wrapper.column article blockquote.cat1002 {
  border-color: #e41714;
}
#content-wrapper.column article blockquote.cat1009 {
  border-color: #e41714;
}
#content-wrapper.column article blockquote.opinion {
  border-color: #2571ab;
}
#content-wrapper.column article blockquote.cat1003 {
  border-color: #2571ab;
}
#content-wrapper.column article blockquote.cat1010 {
  border-color: #2571ab;
}
#content-wrapper.column article blockquote.entertainment {
  border-color: #f60055;
}
#content-wrapper.column article blockquote.cat1004 {
  border-color: #f60055;
}
#content-wrapper.column article blockquote.life {
  border-color: #3ab451;
}
#content-wrapper.column article blockquote.cat1005 {
  border-color: #3ab451;
}
#content-wrapper.column article blockquote.cat1011 {
  border-color: #3ab451;
}
#content-wrapper.column article blockquote.arts {
  border-color: #fd9b00;
}
#content-wrapper.column article blockquote.cat1006 {
  border-color: #fd9b00;
}
#content-wrapper.column #related-mobile {
  border-top: 2px solid #000;
  margin: 30px 0 0 0;
  padding: 15px 10px 0 10px;
}
#content-wrapper.column #related-mobile h5 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: #000;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
}
#content-wrapper.column #related-mobile .related-columns {
  float: left;
  width: 100%;
  padding: 0;
  list-style: none;
}
#content-wrapper.column #related-mobile .related-columns li {
  padding: 15px 0 0 0;
  margin: 15px 0 0 0;
  background: url(/img/bg-dotted.png) top repeat-x;
}
#content-wrapper.column #related-mobile .related-columns li h4 {
  font-family: 'Whitman Display', 'Times New Roman', serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
}
#content-wrapper.column #related-mobile .related-columns li h4 a {
  color: #000;
  text-decoration: none;
}
#content-wrapper.column #related-mobile .related-columns li h4 a:hover {
  text-decoration: underline;
}
/* --------------------------------------------------------------
	
	16. 	Help / Tips
	
-------------------------------------------------------------- */
#help {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  z-index: 8000;
  /*** DESKTOP VERSION ***/

  /*** MOBILE VERSION ***/

}
#help h6 {
  position: absolute;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: 'hand_of_seanregular';
  font-weight: normal;
}
#help figure {
  position: absolute;
  display: block;
}
#help i {
  position: absolute;
  display: block;
}
#help.desktop {
  /* close */

  /* close */

  /* home */

  /* avatar */

  /* newsroom */

  /* search */

}
#help.desktop.mobile-only {
  display: none;
}
#help.desktop .help-close {
  position: absolute;
  bottom: 20px;
  width: 164px;
  padding: 10px 0;
  margin-right: 0;
  text-align: center;
  color: #fff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  background: #5db8ff;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#help.desktop .help-close:hover {
  background: #47a1e7;
}
#help.desktop .help-x {
  position: absolute;
  bottom: 20px;
  width: 44px;
  height: 44px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -390px;
}
.svg #help.desktop .help-x {
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -390px;
}
#help.desktop .help-x:hover {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px -390px;
}
.svg #help.desktop .help-x:hover {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px -390px;
}
#help.desktop .help-home {
  position: absolute;
  width: 220px;
  height: 105px;
  display: block;
}
#help.desktop .help-home h6 {
  bottom: 0;
  right: 0;
  text-align: right;
}
#help.desktop .help-home figure {
  top: -1px;
  left: -1px;
  width: 70px;
  height: 45px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -100px -250px;
}
.svg #help.desktop .help-home figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -100px -250px;
}
#help.desktop .help-home i {
  top: 48px;
  left: 14px;
  width: 30px;
  height: 40px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -50px 0px;
}
.svg #help.desktop .help-home i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -50px 0px;
}
#help.desktop .help-avatar {
  position: absolute;
  width: 130px;
  height: 170px;
  display: block;
  margin: 0 0 0 -90px;
}
#help.desktop .help-avatar h6 {
  bottom: 0;
  left: 0;
  text-align: right;
}
#help.desktop .help-avatar figure {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: block;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -100px 0px;
}
.svg #help.desktop .help-avatar figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -100px 0px;
}
#help.desktop .help-avatar i {
  top: 50px;
  right: 10px;
  width: 13px;
  height: 67px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -150px 0px;
}
.svg #help.desktop .help-avatar i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -150px 0px;
}
#help.desktop .help-newsroom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 330px;
  height: 125px;
  display: block;
}
#help.desktop .help-newsroom h6 {
  top: 0;
  left: 0;
}
#help.desktop .help-newsroom figure {
  bottom: 0;
  right: 0;
  width: 208px;
  height: 40px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -200px 0px;
}
.svg #help.desktop .help-newsroom figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -200px 0px;
}
#help.desktop .help-newsroom i {
  top: 28px;
  left: 119px;
  width: 49px;
  height: 50px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -450px 0px;
}
.svg #help.desktop .help-newsroom i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -450px 0px;
}
#help.desktop .help-search {
  position: absolute;
  width: 170px;
  height: 150px;
  display: block;
  margin: 0 0 0 -154px;
}
#help.desktop .help-search h6 {
  bottom: 0;
  left: 0;
}
#help.desktop .help-search figure {
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: 0px -50px;
}
.svg #help.desktop .help-search figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: 0px -50px;
}
#help.desktop .help-search i {
  top: 20px;
  left: 70px;
  width: 84px;
  height: 117px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -50px -50px;
}
.svg #help.desktop .help-search i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -50px -50px;
}
#help.mobile {
  /* close */

  /* close */

  /* menu */

  /* newsroom */

  /* search */

  /* indicator */

}
#help.mobile.desktop-only {
  display: none;
}
#help.mobile .help-close {
  position: absolute;
  bottom: 20px;
  right: 10px;
  width: 164px;
  padding: 10px 0;
  margin: 0 20px;
  text-align: center;
  color: #fff;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  background: #5db8ff;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#help.mobile .help-close:hover {
  background: #47a1e7;
}
#help.mobile .help-x {
  position: absolute;
  left: 10px;
  bottom: 20px;
  width: 44px;
  height: 44px;
  display: block;
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -390px;
}
.svg #help.mobile .help-x {
  background: url(/img/sprite.png) no-repeat;
  background-position: 0px -390px;
}
#help.mobile .help-x:hover {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px -390px;
}
.svg #help.mobile .help-x:hover {
  background: url(/img/sprite.png) no-repeat;
  background-position: -60px -390px;
}
#help.mobile .help-menu {
  position: absolute;
  width: 142px;
  height: 42px;
  display: block;
}
#help.mobile .help-menu h6 {
  bottom: 10px;
  right: 0;
  text-align: right;
}
#help.mobile .help-menu figure {
  top: -5px;
  left: -19px;
  width: 64px;
  height: 50px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: 0px -250px;
}
.svg #help.mobile .help-menu figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: 0px -250px;
}
#help.mobile .help-menu i {
  top: 14px;
  left: 51px;
  width: 36px;
  height: 15px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -50px -200px;
}
.svg #help.mobile .help-menu i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -50px -200px;
}
#help.mobile .help-newsroom {
  position: absolute;
  width: 160px;
  height: 92px;
  display: block;
  margin: 0 0 0 -140px;
}
#help.mobile .help-newsroom h6 {
  bottom: 0;
  left: 0;
  text-align: left;
}
#help.mobile .help-newsroom figure {
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -100px -200px;
}
.svg #help.mobile .help-newsroom figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -100px -200px;
}
#help.mobile .help-newsroom i {
  top: 27px;
  right: 6px;
  width: 31px;
  height: 38px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -150px -200px;
}
.svg #help.mobile .help-newsroom i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -150px -200px;
}
#help.mobile .help-search {
  position: absolute;
  width: 73px;
  height: 96px;
  display: block;
  margin: 0 0 0 -53px;
}
#help.mobile .help-search h6 {
  bottom: 0;
  left: 0;
  text-align: left;
}
#help.mobile .help-search figure {
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -200px -200px;
}
.svg #help.mobile .help-search figure {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -200px -200px;
}
#help.mobile .help-search i {
  top: 27px;
  right: 6px;
  width: 17px;
  height: 46px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -250px -200px;
}
.svg #help.mobile .help-search i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -250px -200px;
}
#help.mobile .help-indicator {
  position: absolute;
  left: 50%;
  width: 147px;
  height: 64px;
  display: block;
  margin: -64px 0 0 -73px;
}
#help.mobile .help-indicator h6 {
  top: 0;
  right: 0;
  text-align: left;
}
#help.mobile .help-indicator i {
  bottom: 0;
  left: 0;
  width: 21px;
  height: 37px;
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -300px -200px;
}
.svg #help.mobile .help-indicator i {
  background: url(/img/sprite_help.png) no-repeat;
  background-position: -300px -200px;
}