/* 
Sunday Times 2014
Version: 0.1
Description: News site design
Author: Robin Pietersen
Author URI: http://www.grenadeco.com
Copyright: (c) 2014 Grenade Technologies. 
*/

/* Defaults ==================================== */
	body {
	    background:#fff;
	    color:#666;
	    font-weight:300;
	    font-family:'Roboto',Helvetica,sans-serif;
	    padding:0;
	    margin:0;
	    font-size:14px
	}
	
	body.loaded .gallery,body.loaded .flexslider-slideshow,body.loaded .flexslider-editorial {
	    visibility:visible
	}
	
	body.loaded .loading {
	    display:none
	}

/* Typography ==================================== */
	h1,h2,h3,h4,h5,h6 {
	    margin:0 0 5px;
	    padding:0;
	    font-family:'Droid Serif',serif;
	    font-weight:400;
	    color:#000
	}
	
	h1 {
	    font-size:2em;
	    line-height:1.2em;
	    margin:0 0 .8em
	}
	
	h2 {
	    font-size:1.7em;
	    line-height:1.2em;
	    margin:0 0.3em .8em
	}
	
	h3 {
	    font-size:1.3em;
	    line-height:1.2em;
	    margin:0 0 .8em
	}
	
	h4 {
	    font-size:1.2em;
	    line-height:1.2em;
	    margin:0 0 .8em
	}
	
	h5 {
	    font-size:1em;
	    line-height:1.2em;
	    margin:0 0 .8em
	}
	
	h6 {
	    font-size:.9em;
	    line-height:1.2em;
	    margin:0 0 .8em
	}
	
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	    text-decoration:none;
	    color:#000
	}
	
	p {
	    padding:0;
	    margin:0 0.3em 1em
	}
	
	a {
	    color:#000
	}
	
	img {
	    border:0;
	  
	}
	
	strong {
	    font-weight:700;
	    color:#222
	}
	
	blockquote {
	    color:#666;
	    font-size:1.2em;
	    line-height:1.4em;
	    background:url(../images/quote_start.png) no-repeat top left;
	    padding:0 0 0 50px
	}

/* Odds and ends ==================================== */
	h2.label {
	    font-family:'Roboto',Helvetica,sans-serif;
	    text-transform:uppercase
	}
	
	h2.label-center {
	    text-align:center
	}
	
	h2.label-large {
	    margin-bottom:1em
	}
	
	h2.label-large span {
	    color:#e40d00
	}
	
	h2.label-large span.alt {
	    color:#999;
	    font-weight:300
	}
	
	h2.label-small {
	    font-size:.9em;
	    margin:0 0 .3em;
	    font-weight:400
	}
	
	h2.label-small a {
	    color:#777
	}
	
	h2.label-med {
	    font-weight:700;
	    font-size:1.1em
	}
	
	.mega {
	    font-size:2em;
	    padding:1em .5em;
	    color:#555
	}
	
	.adpromo {
	    padding:1em 0;
	    margin:0;
	    text-align:center
	}
	
	.adpromo a {
	    text-decoration:underline
	}
	
	ul.list {
	    list-style:none;
	    padding:0;
	    margin:0;
	    border-top:solid 1px #f1f1f1
	}
	
	ul.list li {
	    list-style:none;
	    padding:.8em 0;
	    margin:0;
	    border-bottom:solid 1px #f1f1f1;
	    font-family:'Droid Serif',serif;
	    font-weight:500;
	    font-size:.9em
	}
	
	ul.list li a {
	    text-decoration:none;
	    padding:0;
	    margin:0;
	    color:#000
	}
	
	.advert {
	    text-align:center;
	    margin:0.3em 0 1.5em
	}
	
	.advert img {
	    display:block;
	    max-width:100%;
	    height:auto;
	    margin:0 auto
	}

/* Forms ==================================== */
	textarea,input.text,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
	    background-color:#fff;
	    border:1px solid #d8d8d8;
	    width:96%;
	    -webkit-box-shadow:none;
	    -webkit-transition:none;
	    padding:10px 2%;
	    margin:.5em 0
	}
	
	html:text{
	
	  background-color:#fff;
	    border:1px solid #d8d8d8;
	    width:96%;
	    -webkit-box-shadow:none;
	    -webkit-transition:none;
	    padding:10px 2%;
	    margin:.5em 0
	}
	
	input.text-short {
	    width:56%
	}
	
	input[type="submit"] {
	    cursor:hand
	}
	
	input.btn {
	    background:#e40d00;
	    border:solid 1px #dd0c00;
	    color:#fff;
	    font-family:'Roboto',Helvetica,sans-serif;
	    border:0;
	    padding:.8em 1em;
	    font-size:.9em;
	    font-family:'Roboto',Helvetica,sans-serif;
	    text-transform:uppercase;
	    margin:0 0 1em;
	    line-height:1em;
	    cursor:pointer;
	}
	
	input.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
	    color:#FFF;
	    background-color:#dd0c00;
	    *background-color:#dd0c00
	}
	
	label {
	    font-weight:500;
	    font-family:'Roboto',Helvetica,sans-serif
	}
	
	fieldset {
	    background:#fff;
	    border:solid 1px #d8d8d8;
	    margin-bottom:1em;
	    margin-top:1em
	}
	
	legend {
	    font-size:.8em;
	    text-transform:uppercase;
	    margin:0 0 1em;
	    line-height:2.6em;
	    background:#fff;
	    border:solid 1px #d8d8d8;
	    padding:.3em .5em .2em;
	    line-height:2em;
	    font-weight:500;
	    font-family:'Roboto',Helvetica,sans-serif
	}
	
	.form-row {
	    margin-bottom:1em
	}

/* Structure and containers ==================================== */
	.container {
	    margin:0 auto;
	    min-width:50em;
	/* 300px @ 16px */
	    max-width:75em
	/* 1140px @ 16px */
	}
	
	.container_inner {
	    padding:0 2em;
	    background-color:#fff;
	}
	
	.container_inner_zero {
	    padding:0
	}

	.inner {
	    margin:0 1.5em 1.5em 0
	}
	
	#wrapper {
	    margin:1.5em 0 1.5em 1.5em
	}
	
	.row {
	    clear:both;
	    margin:0;
	    padding:0
	}
	
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
	    float:left
	}
	
	.span12 {
	    width:100%
	}
	
	.span11 {
	    width:91.6666666667%
	}
	
	.span10 {
	    width:83.3333333333%
	}
	
	.span9 {
	    width:75%
	}
	
	.span8 {
	    width:66.6666666667%
	}
	
	.span7 {
	    width:58.3333333333%
	}
	
	.span6 {
	    width:50%
	}
	
	.span5 {
	    width:41.6666666667%
	}
	
	.span4 {
	    width:33.3333333333%
	}
	
	.span3 {
	    width:25%
	}
	
	.span2 {
	    width:16.6666666667%
	}
	
	.span1 {
	    width:8.33333333333%
	}
	
	.clearfix {
	    clear:both
	}

/* network ==================================== */
	#network {
	    background:#f2f2f2;
	    border-bottom:solid 1px #d8d8d8;
	    padding:0;
	    height:2.857em;
	    position:fixed;
	    top:0;
	    left:0;
	    right:0;
	    z-index:9995
	}
	
	#network .container {
	    position:relative
	}
	
	#network ul {
	    list-style:none;
	    padding:0;
	    margin:0;
	    float:left
	}
	
	#network ul li {
	    list-style:none;
	    padding:0;
	    margin:0;
	    float:left;
	    line-height:2.7em
	}
	
	#network ul li a {
	    text-decoration:none;
	    padding:1.2em 0 .9em 1.2em;
	    text-transform:uppercase;
	    font-size:.9em;
	    font-weight:400;
	    color:#555
	}
	
	#network ul li a:hover {
	    color:#222
	}
	
	#network ul.right {
	    float:right;
	    margin-right:1em
	}
	
	#network ul li.timeslive {
	    height:40px;
	    width:41px;
	    text-indent:-999999px;
	    overflow:hidden;
	    display:inline
	}
	
	#network ul li.timeslive a {
	    background:#e60e00 url(../images/sprite.png) no-repeat 0 0;
	    height:40px;
	    width:41px;
	    text-indent:-999999px;
	    overflow:hidden;
	    display:block;
	    float:left
	}
	
	#network ul li.timeslive a:hover {
	    background-position:-41px 0
	}

/* header ==================================== */
	#header {
	    background:#fff;
	    box-shadow:0 4px 5px rgba(0,0,0,.02);
	    border-bottom:solid 1px #d8d8d8;
	    padding:1em;
	    height:3.714em;
	    position:fixed;
	    top:2.957em;
	    left:0;
	    right:0;
	    z-index:800
	}
	
	@media screen and (max-width:60em) {
	#header {
	    background:#fff;
	    box-shadow:0 4px 5px rgba(0,0,0,.02);
	    border-bottom:solid 1px #d8d8d8;
	    padding:0;
	    padding-left:5px;
	    height:3.714em;
	    position:fixed;
	    top:2.957em;
	    left:0;
	    right:0;
	    z-index:800
	}
	
}
	
	#header .container .inner {
	    padding:0;
	    margin:0
	}
	
	#header h1 {
	    float:none;
	    display:block;
	    width:300px;
	    height:45px;
	    border:0;
	    padding:0;
	    margin:0 auto
	}
	
	#header h1 a {
	    display:block;
	    width:300px;
	    height:55px;
	    background:url(../images/logo.png) center center no-repeat;
	    background-size:100% auto;
	    overflow:hidden;
	    text-indent:-1000px;
	    border:0;
	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png',sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png',sizingMethod='scale')";
	}
	
	#header ul {
	    list-style:none;
	    padding:0;
	    margin:-3.1em 0 0;
	    float:left
	}
	
	#header ul li {
	    list-style:none;
	    padding:0;
	    margin:0;
	    float:left;
	    height:40px;
	    width:41px;
	    margin:.2em 1em 0 0
	}
	
	#header ul li a {
	    flaot:left;
	    display:block;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	    border:solid 1px #d8d8d8;
	    height:40px;
	    width:41px;
	    text-indent:-999999px;
	    overflow:hidden;
	    color:#555;
	    background:#fff;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	#header ul li a:hover {
	    background-color:#f5f5f5!important
	}
	
	#header ul.right {
	    float:right
	}
	
	#header ul.right li {
	    margin:.2em 0 0 1em
	}
	
	#header ul li.icon a {
	    background:#fff url(../images/sprite.png) no-repeat;
	    background-position:0 -50px
	}
	
	#header ul li.menu a {
	    background-color:#e40d00;
	    border-color:#dd0c00
	}
	
	#header ul li.menu a:hover,#header ul li.menu.selected a {
	    background-color:#cf0a00!important
	}
	
	#header ul li.home a {
	    background-position:0 -90px
	}
	
	#header ul li.search a {
	    background-position:0 -130px
	}
	
	#header ul li.facebook a {
	    background-position:0 -170px
	}
	
	#header ul li.twitter a {
	    background-position:0 -210px
	}
	
	#header ul li.mobile a {
	    background-position:0 -250px
	}
	
	#header ul li.settings a {
	    background-position:0 -290px
	}
	
	#header ul li.text {
	    height:40px;
	    width:inherit
	}
	
	#header ul li.text a {
	    height:27px;
	    width:inherit;
	    overflow:none;
	    text-indent:0;
	    padding:1em 1em 0;
	    text-decoration:none;
	    text-transform:uppercase;
	    font-size:.9em;
	    cursor:pointer;
	}
	
	#search {
	    position:absolute;
	    top:5.724em;
	    left:0;
	    right:0;
	    background:#fff;
	    padding:1.5em 0;
	    border-bottom:solid 1px #d8d8d8;
	    box-shadow:0 5px 5px rgba(0,0,0,.02);
	    text-align:center;
	 	display: none
	}
	
	#search .inner {
	    margin:0;
	    padding:0 1.5em
	}
	
	#search .container-search {
	    max-width:50em;
	    padding:.5em;
	    margin:0 auto;
	    border: solid 1px #ddd;
	    background:#f9f9f9
	}
	
	#search input.text {
	    background:transparent;
	    border:0;
	    margin:0;
	    padding:.5em;
	    display:block;
	    float:left;
	    font-family:'Roboto',Helvetica,sans-serif;
	    font-size:1em;
	    font-weight:300;
	    width:50%;
	}
	
	#search input.btn {
	    background:#e40d00;
	    color:#fff;
	    font-family:'Roboto',Helvetica,sans-serif;
	    border:0;
	    margin:0; 
	    display:block;
	    float:right
	}
	
	#search .close {
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    width:3em; 
	    height:2.4em; 
	    background: url(../images/close_button.png) no-repeat center center;
	    border:0;
	    margin:0 0 0 .3em;
	    padding:0;
	    display:block;
	    float:right
	}

/* Side Menu ==================================== */
	#side_menu {
	    position:fixed;
	    height:100%;
	    z-index:9994;
	    width:200px;
	    overflow:visible;
	    display:none;
	    top:3.957em
	}
	
	#side_menu ul.main-side-menu {
	    display:block;
	    list-style:none;
	    position:absolute;
	    top:0;
	    left:0;
	    height:100%;
	    width:100%;
	    background-color:#FFF;
	    border-right:solid 1px #d8d8d8;
	    margin:0;
	    padding:0;
	    box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -moz-box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -webkit-box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -khtml-box-shadow:0 0 1.5em rgba(0,0,0,0.2)
	}
	
	#side_menu li a {
	    display:block;
	    color:#000;
	    padding:.5em 50px .5em 1em;
	    text-decoration:none
	}
	
	#side_menu li a.parent-link {
	    background-image:url(../images/leadin-arrow.png);
	    background-repeat:no-repeat;
	    background-position:center right
	}
	#side_menu li a.nav-link {
	  
	}
	
	#side_menu ul.main-side-menu li a:hover,#side_menu ul.main-side-menu li a.selected {
	    background-color:#f1f1f1
	}
	
	#side_menu li a.parent-linknon {
	    background-image:url(../images/leadin-arrow.png);
	    background-repeat:no-repeat;
	    background-position:center right
	}
	
	
	
	#side_menu li a.submenu-home-link,#side_menu li a.first-close-menu-link {
	    font-weight:700;
	    border-bottom:1px solid #d8d8d8;
	    padding:1em 50px 1em 1em;
	    text-transform:uppercase
	}
	
	#side_menu li a.first-close-menu-link {
	    background-color:transparent!important;
	    background-image:url(../images/close_button.png);
	    background-repeat:no-repeat;
	    background-position:90% center
	}
	
	#side_menu div.side-submenu {
	    position:absolute;
	    top:0;
	    width:100%;
	    left:0;
	    height:100%;
	    background-color:#fafafa;
	    color:#fff;
	    display:none;
	    border-right:solid 1px #d8d8d8;
	    box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -moz-box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -webkit-box-shadow:0 0 1.5em rgba(0,0,0,0.2);
	    -khtml-box-shadow:0 0 1.5em rgba(0,0,0,0.2)
	}
	
	#side_menu div.side-submenu ul {
	    padding:0;
	    margin:0
	}
	
	#side_menu div.side-submenu a {
	}
	
	#side_menu div.side-submenu a:hover {
	    background-color:#f1f1f1
	}
	
	#side_menu li a.search,#side_menu li a.home,#side_menu li a.facebook,#side_menu li a.twitter,#side_menu li a.mobile,#side_menu li a.settings {
	    padding-left:2.5em;
	    background:#fff url(../images/menu_sprite.png) no-repeat;
	    background-position:0 0
	}
	
	#side_menu li a.search {
	    background-position:0 -40px
	}
	
	#side_menu li a.facebook {
	    background-position:0 -80px
	}
	
	#side_menu li a.twitter {
	    background-position:0 -120px
	}
	
	#side_menu li a.mobile {
	    background-position:0 -160px
	}
	
	#side_menu li a.settings {
	    background-position:0 -200px
	}

/* menu ==================================== */
	#menu {
	    padding:0 50px;
	    margin-top:3.370em;
	    text-align:center
	}
	
	#menu .container .inner-container {
	    border:solid 1px #d8d8d8;
	    border-top:0;
	    padding-top:2em;
	    padding-bottom:1em;
	    margin-bottom:0
	}
	
	#menu span {
	    list-style:none;
	    padding:0;
	    margin:0 1.2em
	}
	
	#menu a {
	    text-decoration:none;
	    text-transform:uppercase;
	    font-weight:700;
	    color:#000;
	    font-size:1.0em
	}
	
	#menu a:hover {
	    color:#555
	}
	
	#menu span.current a {
	    color:#e40d00
	}
	
	

/* editorial ==================================== */
	.flexslider-editorial {
	    visibility:hidden;
	}
	
	#editorial {
	    padding:0 50px;   
	}
	
	#editorial .slides { 
	    height:110px;
	    overflow: hidden;
	}
	
	#editorial .container .inner {
	    position:relative;
	    border-top:0;
	    height:110px;
	    padding:0;
	    margin:0;
	    /*border:solid 1px #d8d8d8;*/
	    border-bottom:solid 1px #d8d8d8;
	    border-right:solid 1px #d8d8d8;
	    border-left:solid 1px #d8d8d8;
	    -webkit-border-bottom-right-radius:5px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-right-radius:5px;
	    border-bottom-left-radius:5px
	}
	
	#editorial ul.content {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#editorial ul.content li {
	    list-style:none;
	    padding:1.5em;
	    margin:0 .1em 0 0;
	    float:left;
	   
	}
	
	#editorial ul.content li img {
	    float:left;
	    margin:0 1em 0 0
	}
	
	#editorial ul.content li h3 {
	    margin:0;
	    padding:0;
	    font-size:1em
	}
	
	#editorial ul.content li p {
	    padding:0;
	    margin:0;
	    font-size:.85em
	}
	
	#editorial ul.flex-direction-nav {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#editorial ul.flex-direction-nav li {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#editorial ul.flex-direction-nav li a {
	    position:absolute;
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    top:12px;
	    height:70px;
	    width:35px;
	    background:#fafafa;
	    border:solid 1px #d8d8d8;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	#editorial ul.flex-direction-nav li a.flex-prev {
	    left:-37px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    background:#E0DFDF url(../images/arrows.png) no-repeat -22px -5px
	}
	
	#editorial ul.flex-direction-nav li a.flex-next {
	    right:-37px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    background:#E0DFDF url(../images/arrows.png) no-repeat -102px -5px
	}
	
	#editorial ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}

/* inline-carousel ==================================== */
	#editorial .loading {
	    padding:3.8em 0 0
	}
	
	#inline-carousel {
	    padding:0;
	    margin:0 0 1em
	}
	
	#inline-carousel .inner {
	    position:relative;
	    border:solid 1px #d8d8d8;
	    padding:1.5em .5em;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px
	}
	
	#inline-carousel .slides { 
	    overflow: hidden;	
	}
	
	#inline-carousel ul.content {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#inline-carousel ul.content li {
	    list-style:none;
	    padding:0 .7em;
	    margin:0;
	    float:left;
	    text-align:center
	}
	
	#inline-carousel ul.content li img {
	    float:none;
	    margin:0 0 1em;
	    width:100%;
	    height:auto;
	    display:block
	}
	
	#inline-carousel ul.content li h3 {
	    margin:0;
	    padding:0;
	    font-size:1em
	}
	
	#inline-carousel ul.content li p {
	    padding:0;
	    margin:0;
	    font-size:.85em
	}
	
	#inline-carousel ul.flex-direction-nav {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#inline-carousel ul.flex-direction-nav li {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#inline-carousel ul.flex-direction-nav li a {
	    position:absolute;
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    top:30%;
	    height:70px;
	    width:35px;
	    background:#fafafa;
	    border:solid 1px #d8d8d8;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	#inline-carousel ul.flex-direction-nav li a.flex-prev {
	    left:-37px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    background:#E0DFDF url(../images/arrows.png) no-repeat -22px -5px
	}
	
	#inline-carousel ul.flex-direction-nav li a.flex-next {
	    right:-37px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    background:#E0DFDF url(../images/arrows.png) no-repeat -102px -5px
	}
	
	#inline-carousel ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}

/* article slider ==================================== */
	.loading {
	    text-align:center;
	    text-transform:uppercase;
	    color:#bbb;
	    font-size:.9em
	}
	
	.loading-gallery {
	    margin-top:3em
	}
	
	.loading span {
	}
	
	.gallery {
	    position:relative;
	    visibility:hidden
	}
	
	.gallery img {
		padding:0;
		float:none;
	}

/* carousel-article */
	#controlbar {
	    border:solid 1px #d8d8d8;
	    padding:0
	}
	
	#controlbar .count {
	    float:left;
	    height:3em;
	    line-height:3em;
	    padding:0 1em;
	    color:#222;
	    text-transform:uppercase;
	    font-weight:700
	}
	
	#controlbar .icon {
	    background:#fff;
	    height:3em;
	    width:3em;
	    float:right;
	    overflow:hidden;
	    text-indent:-1000px;
	    display:block;
	    border-left:solid 1px #d8d8d8
	}
	
	#controlbar .next {
	    background:#fff url(../images/arrows.png) no-repeat -100px -20px
	}
	
	#controlbar .prev {
	    background:#fff url(../images/arrows.png) no-repeat -20px -20px
	}
	
	#controlbar .toggle-carousel {
	    border:0;
	    border-right:solid 1px #d8d8d8;
	    float:left;
	    background:#fff url(../images/keypad-1.png) no-repeat 5px 3px;
	    background-size:80%
	}
	
	#controlbar .toggle-carousel-close {
	    background:#fff url(../images/carousel_toggle.png) no-repeat -4px -4px
	}
	
	#carousel-article {
	}
	
	#carousel-article-container {
	    padding:0 3em;
	    z-index:9
	}
	
	#carousel-article {
	}
	
	#carousel-article ul.flex-direction-nav li a {
	    position:absolute;
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    top:3.1em;
	    height:87px;
	    width:3em;
	    background:#fafafa;
	    border:solid 1px #d8d8d8
	}
	
	#carousel-article ul.flex-direction-nav li a.flex-prev {
	    left:0;
	    background:#fafafa url(../images/arrows.png) no-repeat -22px 3px;
	    border-right:0
	}
	
	#carousel-article ul.flex-direction-nav li a.flex-next {
	    right:0;
	    background:#fafafa url(../images/arrows.png) no-repeat -100px 3px;
	    border-left:0
	}
	
	#carousel-article ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}
	
	#carousel-article .slides img {
	    width:100%;
	    height:auto;
	    display:block;
	    margin:0
	}
	
	#carousel-article .slides img {
	    cursor:pointer;
	    cursor:hand
	}

/* slider-article */
	#slider-article {
	    z-index:9998
	}
	
	#slider-article ul {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#slider-article ul li {
	    list-style:none;
	    padding:0;
	    margin:0;
	    background:#f2f2f2
	}
	
	#slider-article ul li img {
	    max-width:100%;
	    display:block;
	    margin:0 auto;
	    padding:0
	}
	
	#slider-article ul.flex-direction-nav li {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	#slider-article ul.flex-direction-nav li a {
	    position:absolute;
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    top:53%;
	    height:70px;
	    width:35px;
	    background:#fafafa;
	    border:solid 1px #d8d8d8
	}
	
	#slider-article ul.flex-direction-nav li a.flex-prev {
	    left:-36px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -22px -5px;
	    border-right:0
	}
	
	#slider-article ul.flex-direction-nav li a.flex-next {
	    right:-36px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -102px -5px;
	    border-left:0
	}
	
	#slider-article ul.flex-direction-nav li a:hover {
	    background-color:#E0DFDF!important
	}
	
	#slider-article .slider-caption {
	    background:#fff;
	    padding:1.5em 0;
	    margin:0 0 -1em
	}
	
	#slider-article .slider-caption p {
	    padding:0;
	    margin:0 0 1em
	}
	
	#slider-article .videoWrapper {
	    clear:both;
	    position:relative;
	    padding-bottom:56.25%;
	/* 16:9 */
	    padding-top:25px;
	    height:0
	}
	
	#slider-article .videoWrapper iframe {
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%
	}

/* footer ==================================== */
	#footer {
	}
	
	#footer .inner {
	    background:url(../images/tile.png) repeat-x top left;
	    padding:2em 0;
	    margin:0 2em
	}
	
	#footer p.top {
	    margin:0;
	    padding:.7em 0 .2em
	}
	
	#footer p.bottom {
	    margin:0
	}
	
	#footer h2.tmg {
	    display:block;
	    width:122px;
	    height:55px;
	    border:0;
	    padding:0;
	    margin:0 1em 0 0;
	    float:left
	}
	
	#footer h2.tmg a {
	    display:block;
	    width:122px;
	    height:55px;
	    background:url(../images/logo_tmg.png) top center no-repeat;
	    background-size:100% 100%;
	    overflow:hidden;
	    text-indent:-1000px;
	    border:0
	}

/* Slider ==================================== */
	.flexslider-slideshow {
	    padding:0;
	    margin:0;
	    position:relative;
	    visibility:hidden
	}
	
	.flexslider-slideshow li .slide-inner {
	    position:relative
	}
	
	.flexslider-slideshow li .slide-inner-left {
	    margin-right:.7em
	}
	
	.flexslider-slideshow li .slide-inner-right {
	    margin-left:.8em
	}
	
	.flexslider-slideshow li .info {
	    position:absolute;
	    left:0;
	    right:0;
	    top:40%;
	    text-align:center
	}
	
	.flexslider-slideshow li .info h2 {
	    text-transform:uppercase;
	    font-size:1em;
	    line-height:.9em
	}
	
	.flexslider-slideshow li .info h2 a {
	    background:#e60e00;
	    color:#fff;
	    padding:.6em .8em;
	    margin:0
	}
	
	.flexslider-slideshow li .info h3 {
	    font-size:1.4em;
	    line-height:2.5em
	}
	
	.flexslider-slideshow li .info h3 a {
		background:#000;
	    background:rgba(0,0,0,.7);
	    border:solid 1px #fff;
		color:#fff;
	    padding:.6em .8em;
	    margin:0
	}
	
	.flexslider-slideshow li .info h3 .box
	{	
		background:#000;
	    background:rgba(0,0,0,.7);
	    border:solid 1px #fff;
    }
	
	.flexslider-slideshow img {
	    display:block;
	    width:100%;
	    height:auto
	}
	
	.flexslider-slideshow p {
	    margin:1em 10%;
	    text-align:center
	}
	
	.flexslider-slideshow ul.flex-direction-nav li {
	    list-style:none;
	    padding:0;
	    margin:0
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a {
	    position:absolute;
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    top:40%;
	    height:70px;
	    width:35px;
	    background:#fafafa;
	    border:solid 1px #d8d8d8
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a.flex-prev {
	    left:-36px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    background:#E0DFDF url(../images/arrows.png) no-repeat -22px -5px;
	    border-right:0
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a.flex-next {
	    right:-36px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    background:#E0DFDF url(../images/arrows.png) no-repeat -102px -5px;
	    border-left:0
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}

/* Blurbs ==================================== */
	.blurb {
	}
	
	.blurb img {
	    margin-bottom:1em;
	    width:100%;
	    height:auto;
	    display:block;
	    padding:0;
	    float:none;
	}
	@media screen and (max-width:60em) {
	.blurb a{
		text-align:center;
	
	}
	.blurb img {
		margin-bottom:1em;
	    height:auto;
	    display:block;
	    padding:0;
	    float:left;
	    width:auto;
		
		}
	}
	
	iframe {
		padding:0;
	
	}
	
	#theAdvert{
		padding-bottom:20px;
	}
	
	.blurb .overlay-box {
	    position:relative;
	    z-index:600
	}
	
	.blurb span.overlay { 
	    background:rgba(0,0,0,.5) url(../images/overlay_play.png) no-repeat center center;
	    top:0;
	    left:0;
	    right:0;
	    bottom:0;
	    position:absolute;
	    height:auto;
	    width:auto;
	    -webkit-transition:top 1s;
	    -o-transition:.5s;
	    -ms-transition:.5s;
	    -moz-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s
	}
	
	.blurb span.overlay-picture {
	    background:rgba(0,0,0,.5) url(../images/overlay_picture.png) no-repeat center center
	}
	
	.blurb span.overlay:hover {
	    background-color:rgba(0,0,0,.1)
	}

/* Solo Lead ==================================== */
	.lead-solo {
	    padding:1.5em 0.5em 1em;
	    margin:0 0 1.5em;
	    border:solid 1px #999;
	    
	}
	
	.lead-solo h2 {
	    text-transform:uppercase;
	    font-size:1em;
	    line-height:.9em;
	    margin:0 0 2em;
	    text-align:center;
	    
	}
	
	.lead-solo h2 a {
	    background:#e60e00;
	    color:#fff;
	    padding:.6em .8em
	}
	
	.lead-solo h3 {
	    font-size:2em;
	    line-height:1em
	}
	
	.lead-solo p {
	    margin:0;
	    padding:0
	}
	
	.lead-soloNa {
	    padding:1.5em 0.5em 1em;
	    margin:0 0 1.5em;
	    border:solid 1px #999;
	    
	}
	
	.lead-soloNa h2 {
	    text-transform:uppercase;
	    font-size:1em;
	    line-height:.9em;
	    margin:0 0 2em;
	    text-align:center;
	    
	}
	
	.lead-soloNa h2 a {
	    background:#fff;
	    color:#333;
	    padding:.6em .8em
	}
	
	
	
	.lead-soloNa h3 {
	    font-size:2em;
	    line-height:1em
	}
	
	.lead-soloNa p {
	    margin:0;
	    padding:0
	}

/* article ==================================== */
/* article header */
	.article-header {
	    text-align:center;
	    margin-top:1em;
	}
	
	.article-header .inner {
	    margin-right:1.5em
	}
	
	.article-header .meta {
	    margin-bottom:.3em;
	    text-transform:uppercase
	}
	
	.article-header .meta a {
	    color:#e40d00;
	    font-weight:700;
	    text-decoration:none
	}
	
	.article-header h1 {
	    margin-bottom:.5em;
	    padding:0
	}
	
	.article-header .intro {
	    padding:0;
	    margin:0 0 1.5em
	}

/* article content */
	.article-content {
	   /* border-top:solid 1px #e3e3e3;*/
	    padding:1.5em 8%;
	    font-family:'Droid Serif',serif;
	    font-weight:400;
	    color:#222;
	    line-height:1.5em
	}
	
	.article-content .inline-advert {
	    float:right;
	    margin:0 0 0.5em 1.3em
	}
	
	.article-content .inline-advert img {
	    display:block;
	    max-width:100%;
	    height:auto;
	    margin:0 auto 1em
	}
	
	.article-content h2.intro {
	    font-size:1.3em
	}
	
	.article-content .upper-first::first-letter {
	    float:left;
	    font-size:3.9em;
	    line-height:1em;
	    padding:0;
	    margin:0 .2em 0 0;
	    font-weight:300
	}
	
	.article-content .note {
	    font-family:'Roboto',Helvetica,sans-serif;
	    color:#777;
	    font-weight:300;
	    font-size:1em
	}
	
	.article-content .note a {
	    text-decoration:underline;
	    font-weight:300
	}
	
	.article-content .leadin {
	    font-family:'Roboto',Helvetica,sans-serif;
	    text-decoration:none;
	    display:block;
	    padding:1.5em;
	    margin:0 0 1.5em;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	    border:solid 1px #d8d8d8;
	    background:#fafafa url(../images/leadin-arrow.png) no-repeat right center;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	.article-content .leadin:hover {
	    background-color:#f1f1f1
	}
	
	.article-content .leadin span {
	    display:block
	}
	
	.article-content .leadin span strong {
	    color:#e40d00;
	    text-transform:uppercase
	}
	
	.article-content .videoWrapper {
	    clear:both;
	    position:relative;
	    padding-bottom:56.25%;
	/* 16:9 */
	    padding-top:25px;
	    margin-bottom:1.5em;
	    height:0
	}
	
	.article-content .videoWrapper iframe {
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%
	}
	
	.article-content .label-article {
	    text-transform:uppercase;
	    font-family:'Droid Serif',serif;
	    /*background:url(../images/line.png) repeat-x center left*/
	    border-bottom:solid 2px #000;
	}
	
	.article-content .label-article-center {
	    text-align:center
	}
	
	.article-content .label-article span {
	    background:#fff;
	    padding:0 .2em 0 0
	}
	
	.article-content .notes {
	    list-style:none;
	    padding:0;
	    margin:0;
	    font-family:'Roboto',Helvetica,sans-serif
	}
	
	.article-content .notes li {
	    list-style:none;
	    padding:0 0 .2em;
	    margin:0;
	    font-size:.95em;
	    color:#666
	}
	
	.article-content .border-right {
	    border-right:solid 1px #e3e3e3;
	    padding-right:1.5em
	}
	
	.article-content .border-right-blank {
	    padding-right:1.5em
	}
	
	.article-content .inner img {
	    float:left;
	    width:100%;
	    height:auto;
	    display:block;
	    margin-bottom:1em
	}
	
	.article-comments {
	    padding:1.5em 8%
	}
	
	.article-comments ul.comments {
	    list-style:none;
	    padding:0;
	    margin:0;
	    border-top:solid 1px #d8d8d8
	}
	
	.article-comments ul.comments li {
	    list-style:none;
	    padding:1.5em 0;
	    margin:0;
	    border-bottom:solid 1px #d8d8d8
	}
	
	.article-comments ul.comments li img.avatar {
	    float:left;
	    height:50px;
	    width:50px;
	    margin:0 1em 1em 0
	}
	
	.article-comments ul.comments li h2 {
	    font-family:'Roboto',Helvetica,sans-serif;
	    font-size:1.4em;
	    margin:0;
	    padding:0
	}
	
	.article-comments ul.comments li .meta {
	    color:#999;
	    margin-bottom:0;
	    font-size:1em
	}
	
	.article-comments ul.comments li .meta a {
	    font-weight:700;
	    text-decoration:none
	}
	
	.article-comments ul.comments li .meta span a {
	    color:#e40d00
	}

/* Article cover */
	.cover {
	    position:relative;
	    margin:0;
	    padding:0
	}
	
	.cover img {
	    max-width:100%;
	    height:auto;
	    display:block;
	    margin:0 auto 1em
	}
	
	.cover .info {
	    position:absolute;
	    left:2em;
	    right:2em;
	    top:42%;
	    text-align:center
	}
	
	.cover .info h2 {
	    text-transform:uppercase;
	    font-size:1em;
	    line-height:.9em
	}
	
	.cover .info h2 a {
	    background:#e60e00;
	    color:#fff;
	    padding:.6em .8em;
	    margin:0
	}
	
	.cover .info h3 {
	    font-size:2.2em;
	    line-height:1.2em;
	    color:#fff;
	    margin:.5em 0;
	    padding:0
	}
	
	.cover .info h3 a {
	    color:#fff
	}
	
	.cover .info .meta {
	    color:#fff;
	    text-transform:uppercase
	}
	
	.cover p {
	    margin:1em 10%;
	    text-align:center
	}

/* Article elements */
	.floating-box {
	    float:left;
	    margin:0 1.5em 1.5em -8%;
	    padding:1.5em 0;
	    width:12em;
	    border:solid 1px #e3e3e3;
	    border-left:0;
	    border-right:0
	}
	
	.floating-right {
	    float:right;
	    margin:0 -8% 1.5em 1.5em
	}
	
	.floating-box h3 {
	    font-size:1.2em;
	    margin:0 0 .3em
	}
	
	.floating-box blockquote {
	    padding:0;
	    margin:0;
	    font-size:1.1em;
	    line-height:1.3em;
	    background:url(../images/quote_end.png) no-repeat bottom right
	}
	
	.floating-box .byline {
	    display:block;
	    margin-top:.8em;
	    color:#888;
	    font-size:.9em;
	    font-family:'Roboto',Helvetica,sans-serif
	}
	
	.readmore {
	    font-family:'Roboto',Helvetica,sans-serif;
	    font-size:1em;
	    text-decoration:none;
	}
	
	.inline-image {
	    float:left;
	    width:300px;
	    margin:0 1.5em 0 0
	}
	
	.inline-image img {
	    float:left;
	    width:100%;
	    height:auto;
	    display:block;
	    margin-bottom:1em;
	    padding-left:10px;
	}
	
	.inline-image p.captiontext {
	    margin:0 0 1em;
	    padding:0;
	    font-size:.9em;
	    line-height:1.4em;
	    color:#666;
	    font-family:'Roboto',Helvetica,sans-serif;
	    padding-left:10px;
		text-align: center;
	}
	
	.float-right {
	    float:right;
	    margin:0 0 0 1.5em
	}

/* Tabs ==================================== */
	.tab-container {
	    margin-bottom:1.5em
	}
	
	ul.tabs {
	    margin:1em 0 0;
	    padding:0;
	    list-style:none;
	    width:20%;
	    float:left;
	    display:block;
	    background:#fafafa;
	    border-bottom:solid 1px #e3e3e3
	}
	
	ul.tabs li {
	    background:none;
	    display:block;
	    margin:0;
	    padding:1em;
	    cursor:pointer;
	    clear:left;
	    text-transform:uppercase;
	    border:solid 1px #e3e3e3;
	    border-bottom:0;
	    border-right:0;
	    display:block;
	    font-family:'Roboto',Helvetica,sans-serif;
	    font-weight:700
	}
	
	ul.tabs li.current {
	    background:#222;
	    border-color:#222;
	    color:#fff
	}
	
	.tab-content {
	    display:none;
	    float:right;
	    width:80%
	}
	
	.tab-content .tab-inner {
	    background:#fff;
	    border:solid 1px #e3e3e3;
	    padding:2em;
	    margin-bottom:1.5em
	}
	
	.tab-content .float-left {
	    float:left;
	    margin:0 1.5em 1.5em 0
	}
	
	.tab-content.current {
	    display:inherit
	}

/* Share links ==================================== */
/* share top */
	.share-top {
	    position:fixed;
	    top:40%;
	    left:0;
	    z-index:999
	}
	
	.share-top ul {
	    list-syle:none;
	    padding:0;
	    margin:0
	}
	
	.share-top li {
	    float:none;
	    display:block;
	    width:40px;
	    height:40px;
	    border:0;
	    padding:0;
	    margin:0 auto
	}
	
	.share-top li a {
	    display:block;
	    width:40px;
	    height:40px;
	    background-size:100% 100%;
	    overflow:hidden;
	    text-indent:-1000px;
	    background:url(../images/sprite.png) no-repeat 0 0;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	.share-top li.facebook a {
	    background-color:#3e5aa6;
	    background-position:-114px 0;
	    border:solid 1px #3e5aa6;
	    border-left:0;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px
	}
	
	.share-top li.facebook a:hover {
	    background-color:#4766b9
	}
	
	.share-top li.twitter a {
	    background-color:#32c4ff;
	    background-position:-114px -40px;
	    border:solid 1px #32c4ff;
	    border-left:0
	}
	
	.share-top li.twitter a:hover {
	    background-color:#56ccfc
	}
	
	.share-top li.print a {
	    background-color:#fff;
	    background-position:-114px -80px;
	    border:solid 1px #d8d8d8;
	    border-left:0;
	    border-bottom:0;
	    border-top:0
	}
	
	.share-top li.email a {
	    background-color:#fff;
	    background-position:-114px -120px;
	    border:solid 1px #d8d8d8;
	    border-left:0;
	    border-bottom:0
	}
	
	.share-top li.comments a {
	    background-color:#fff;
	    background-position:-113px -160px;
	    border:solid 1px #d8d8d8;
	    border-left:0;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px
	}
	
	.share-top li.print a:hover,.share-top li.email a:hover,.share-top li.comments a:hover {
	    background-color:#f5f5f5
	}

/* share bottom */
	.share-bottom {
	    float:right
	}
	
	.share-bottom ul {
	    list-syle:none;
	    padding:0;
	    margin:0;
	    float:right
	}
	
	.share-bottom li {
	    float:left;
	    display:block;
	    width:40px;
	    height:40px;
	    border:0;
	    padding:0;
	    margin:0 auto
	}
	
	.share-bottom li a {
	    display:block;
	    width:40px;
	    height:40px;
	    background-size:100% 100%;
	    overflow:hidden;
	    text-indent:-1000px;
	    background:url(../images/sprite.png) no-repeat 0 0;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	.share-bottom li.facebook a {
	    background-color:#3e5aa6;
	    background-position:-114px 0;
	    border:solid 1px #3e5aa6;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px
	}
	
	.share-bottom li.facebook a:hover {
	    background-color:#4766b9
	}
	
	.share-bottom li.twitter a {
	    background-color:#32c4ff;
	    background-position:-114px -40px;
	    border:solid 1px #32c4ff
	}
	
	.share-bottom li.twitter a:hover {
	    background-color:#56ccfc
	}
	
	.share-bottom li.print a {
	    background-color:#fff;
	    background-position:-114px -80px;
	    border:solid 1px #d8d8d8;
	    border-left:0
	}
	
	.share-bottom li.email a {
	    background-color:#fff;
	    background-position:-114px -120px;
	    border:solid 1px #d8d8d8
	}
	
	.share-bottom li.comments a {
	    background-color:#fff;
	    background-position:-113px -160px;
	    border:solid 1px #d8d8d8;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px
	}
	
	.share-bottom li.print a:hover,.share-bottom li.email a:hover,.share-bottom li.comments a:hover {
	    background-color:#f5f5f5
	}

/* Responsive options ==================================== */
@media screen and (max-width:62em) {
	/* menu */
	#menu span {
	    margin:0 .3em
	}
}

@media screen and (max-width:57em) {
	/* header */
	#header .container .inner {
	    padding:0
	}
	
	#header ul {
	    margin:0;
	    padding:0;
	    float:right
	}
	
	#header ul li,#header ul.right li {
	    display:inline;
	    float:left;
	    margin:.3em .1em 0 .5em
	}
	
	#header h1 {
	    float:left;
	    display:block;
	    width:210px;
	    height:42px;
	    margin:.2em 0 0
	}
	
	#header h1 a {
	    display:block;
	    width:210px;
	    height:42px
	}
	
	#editorial {
	    margin-left:1em
	}
	
	#menu {
	    margin-left:1em
	}
}

@media screen and (max-width:50em) {
	.container {
	    min-width:100%;
	    max-width:100%
	}
	
	.container_inner {
	    padding:0
	}
	
	/* network bar */
	#network ul li {
	    display:none
	}
	
	#network ul li.timeslive {
	    display:inline
	}
	
	#network ul li.menu {
	    display:inline
	}
	
	#network ul.right li {
	    display:inline
	}
	
	/* header */
	#header ul li.facebook,#header ul li.text,#header ul li.twitter {
	    display:none
	}
	
	/* menu */
	#menu {
	    display:none
	}
	
	/* editorial */
	#editorial {
	    margin:8.671em 0 0!important;
	    padding:0
	}
	
	#editorial .container {
	    margin:0;
	    padding:0
	}
	
	#editorial .slides { 
	 
	}
	
	#editorial .container .inner {
	    margin:0;
	    paddiong:0;
	    border-left:0;
	    border-right:0;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	    border-radius:0
	}
	
	#editorial ul.content li {
	    padding:1em;
	    padding-right:50px
	}
	
	#editorial ul.content li p {
	}
	
	#editorial ul.flex-direction-nav li a {
	    top:1em;
	    height:35px;
	    width:33px
	}
	
	#editorial ul.flex-direction-nav li a.flex-prev {
	    left:inherit;
	    top:50px;
	    height:35px;
	    right:1em;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	    border-radius:0;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -25px -25px
	}
	
	#editorial ul.flex-direction-nav li a.flex-next {
	    right:1em;
	    height:35px;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	    border-radius:0;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -103px -25px
	}
	
	#editorial ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}
	
	/* inline-carouse */
	#inline-carousel {
	    margin:0 -1em 2em
	}
	
	#inline-carousel {
	    margin:0;
	    padding:0
	}
	
	#inline-carousel .inner {
	    margin:0 1em;
	    padding:0;
	    padding:1em 1em 0 0;
	    border-left:0;
	    border-right:0;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	    border-radius:0
	}
	
	#inline-carousel ul.content li {
	    padding:0 1em 1em;
	    padding-right:0
	}
	
	#inline-carousel ul.content li p {
	}
	
	#inline-carousel ul.flex-direction-nav li a {
	    bottom:-2em;
	    height:35px;
	    width:33px
	}
	
	#inline-carousel ul.flex-direction-nav li a.flex-prev {
	    left:inherit;
	    top:inherit;
	    height:35px;
	    right:51%;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -25px -25px
	}
	
	#inline-carousel ul.flex-direction-nav li a.flex-next {
	    left:51%;
	    top:inherit;
	    height:35px;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -103px -25px
	}
	
	#inline-carousel ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}
	
	/* Slider */
	.flexslider-slideshow ul.flex-direction-nav li a,#slider-article ul.flex-direction-nav li a {
	    top:inherit;
	    bottom:40%;
	    height:35px;
	    width:35px;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a.flex-prev,#slider-article ul.flex-direction-nav li a.flex-prev {
	    left:0;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	    border-radius:0;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -23px -22px;
	    box-shadow:4px 4px 4px rgba(0,0,0,.1);
	    border-right:0
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a.flex-next,#slider-article ul.flex-direction-nav li a.flex-next {
	    right:0;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	    border-radius:0;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    background:#fafafa url(../images/arrows.png) no-repeat -102px -22px;
	    box-shadow:-4px 4px 4px rgba(0,0,0,.1);
	    border-left:0
	}
	
	.flexslider-slideshow ul.flex-direction-nav li a:hover,#slider-article ul.flex-direction-nav li a:hover {
	    background-color:#f1f1f1!important
	}
	
	.flexslider-slideshow p {
	    font-size:.9em;
	    margin:0;
	    padding:0
	}
	
	.flexslider-slideshow li .info {
	    position:relative;
	    left:inherit;
	    right:inherit;
	    top:inherit;
	    text-align:center;
	    margin-top:1em
	}
	
	.flexslider-slideshow li .info h2 {
	    text-transform:uppercase;
	    font-size:1em;
	    line-height:.9em;
	    margin:0 0 .5em
	}
	
	.flexslider-slideshow li .info h2 a {
	    background:transparent;
	    color:#555;
	    padding:inherit;
	    margin:0
	}
	
	.flexslider-slideshow li .info h3 {
	    font-size:1.4em;
	    line-height:1em;
	    margin:0 0 .5em;
	    padding:0
	}
	
	.flexslider-slideshow li .info h3 a {
	    background:transparent;
	    border:0;
	    color:inherit;
	    padding:inherit;
	    margin:0
	}
	
	/* slider-article */
	#slider-article ul.flex-direction-nav li a {
	}
	
	#slider-article ul.flex-direction-nav li a.flex-prev {
	}
	
	#slider-article ul.flex-direction-nav li a.flex-next {
	}
	
	#slider-article ul.flex-direction-nav li a:hover {
	}
	
	/* footer */
	#footer .inner {
	    padding:1.5em 1em;
	    margin:0
	}
	
	/* Lead Solo */
	.lead-solo {
	    padding:4em 3em 3em
	}
	
	/* article */
	.article-content {
	    padding:1.5em 0
	}
	
	.article-comments {
	    padding:1.5em 1.5em 1.5em 0
	}
	
	/* share bottom */
	.share-bottom {
	    float:left;
	    clear:both;
	    margin-bottom:1em
	}
	
	.clearsmall {
	    clear:both
	}
	
	/* Article elements */
	.floating-box {
	    margin-left:0
	}
	
	.floating-right {
	    margin-right:0
	}
	
	/* share top */
	.share-top {
	    float:left;
	    position:relative;
	    top:inherit;
	    bottom:inherit;
	    left:inherit;
	    right:inherit;
	    height:40px;
	    margin-bottom:1.5em;
	    clear:both
	}
	
	.share-top ul {
	    list-syle:none;
	    padding:0;
	    margin:0;
	    float:right
	}
	
	.share-top li {
	    float:left;
	    display:block;
	    width:40px;
	    height:40px;
	    border:0;
	    padding:0;
	    margin:0 auto
	}
	
	.share-top li a {
	    display:block;
	    width:40px;
	    height:40px;
	    background-size:100% 100%;
	    overflow:hidden;
	    text-indent:-1000px;
	    background:url(../images/sprite.png) no-repeat 0 0;
	    -webkit-transition:top .2s;
	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s
	}
	
	.share-top li.facebook a {
	    background-color:#3e5aa6;
	    background-position:-114px 0;
	    border:solid 1px #3e5aa6;
	    -webkit-border-top-left-radius:5px;
	    -moz-border-radius-topleft:5px;
	    border-top-left-radius:5px;
	    -webkit-border-bottom-left-radius:5px;
	    -moz-border-radius-bottomleft:5px;
	    border-bottom-left-radius:5px
	}
	
	.share-top li.facebook a:hover {
	    background-color:#4766b9
	}
	
	.share-top li.twitter a {
	    background-color:#32c4ff;
	    background-position:-114px -40px;
	    border:solid 1px #32c4ff
	}
	
	.share-top li.twitter a:hover {
	    background-color:#56ccfc
	}
	
	.share-top li.print a {
	    background-color:#fff;
	    background-position:-114px -80px;
	    border:solid 1px #d8d8d8;
	    border-left:0
	}
	
	.share-top li.email a {
	    background-color:#fff;
	    background-position:-114px -120px;
	    border:solid 1px #d8d8d8
	}
	
	.share-top li.comments a {
	    background-color:#fff;
	    background-position:-113px -160px;
	    border:solid 1px #d8d8d8;
	    -webkit-border-top-right-radius:5px;
	    -moz-border-radius-topright:5px;
	    border-top-right-radius:5px;
	    -webkit-border-bottom-right-radius:5px;
	    -moz-border-radius-bottomright:5px;
	    border-bottom-right-radius:5px
	}
	
	.share-top li.print a:hover,.share-top li.email a:hover,.share-top li.comments a:hover {
	    background-color:#f5f5f5
	}
}

@media screen and (max-width:40em) {
	/* General */
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
	    width:100%
	}
	
	.inner {
	    margin:0 0.3em 1.5em
	}
	
	#wrapper {
	    margin:1.5em;
	    padding:0
	}
	
	#wrapper .inner {
	    margin:0 0 1.5em
	}
	
	#header ul li.home,#header ul li.search,#header ul li.mobile,#header ul li.settings {
	    display:none
	}
	
	.cover {
	    margin:0
	}
	
	.cover .info {
	    top:20%
	}
	
	.cover .info h3 {
	    font-size:1.5em;
	    margin:1em 0 .5em
	}
	
	.cover .info .meta {
	    font-size:.9em
	}
		
	#side_menu {
	    width:50%
	}
	
	.article-content {
	}
	
	.article-content .border-right,.article-content .border-right-blank {
	    border:0;
	    padding:0
	}
	
	/* Article elements */
	.floating-box {
	    margin:0 0 1.5em;
	    padding:1.5em 0;
	    width:100%
	}
	
	.floating-right {
	    margin:0 0 1.5em
	}
	
	/* tabs */
	ul.tabs {
	    margin:1em 0 0;
	    padding:0;
	    width:100%;
	    float:left;
	    border-bottom:0
	}
	
	ul.tabs li {
	    text-transform:uppercase;
	    border:solid 1px #e3e3e3;
	    border-bottom:0
	}
	
	ul.tabs li.current {
	    background:#222;
	    border-color:#222;
	    color:#fff
	}
	
	.tab-content {
	    float:none;
	    clear:both;
	    width:100%
	}
	
	.inline-image,.float-left {
	    float:left;
	    width:100%;
	    margin:0
	}
	
	.gallery {
	}
	
	.inline-advert {
	    clear:both;
	    float:none;
	    text-align:left;
	    width:100%
	}
}


/* Login & Signup Box */

.popuphead {
	text-transform: uppercase;
	font-weight: 400;
	font-size:1rem;
	color:#000;
	margin:0 0 0.2rem 0;
}

a.selected {
  color:white;
  z-index:100;
}


.messagepop {
  background-color:#FFFFFF;
  border:1px solid #d8d8d8;
  cursor:default;
  display:none;
  margin-top: 35px;
  position:absolute;
  text-align:left;
  max-width:340px;
  z-index:50;
  padding: 1em;
  top:5em;
  right:49%;
  width: 30%;
}


.messagepopclose {
	    display:block;
	    float:left;
	    overflow:hidden;
	    text-indent:-1000px;
	    width:3em; 
	    height:2.4em; 
	    background: url(../images/close_button.png) no-repeat center center;
	    border:0;
	    margin:0 0 0 .3em;
	    padding:0;
	    display:block;
	    float:right;
	    cursor: pointer;
}

@media screen and (max-width:60em) {
  .messagepop {
	  padding: 1em;
	  top:1em;
	  width: 90%;
	  left:10px;
	}
}
	    
 
.messagepop,
.messagepop.div {
	margin: 0;
	padding-bottom: 0;
	color:#d8d8d8;
	text-transform: capitalize;
}
  
.popstyle {
	color:#d8d8d8;
	text-transform: uppercase;
	font-size:0.85rem;
  }
  
.btnlog, .btnlog a { 
	background: none repeat scroll 0 0 #e40d00;
    border: 0 none;
    color: #fff;
    font-family: "Roboto",Helvetica,sans-serif;
    font-size: 0.85em;
    line-height: 1em;
    margin: 0.4rem 0 1em;
    padding: 0.4em 1.4em;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btnlog a:hover {
	background: none repeat scroll 0 0 #AA0000;
}
 
 .linkslog {
	margin:0 1rem;
	color:#b8b8b8;
}

.linkslog a {
	text-decoration: none;
	color:#b8b8b8;
	    font-size: 0.85em;
		text-transform: uppercase;
}

.linkslog a:hover {
	color:#d8d8d8;
}


/* Login & Signup Box End */





/* Forgot Password Box */

.forgotpopuphead {
	text-transform: uppercase;
	font-weight: 400;
	font-size:1rem;
	color:#000;
	margin:0 0 0.2rem 0;
}

a.selected {
  color:white;
  z-index:100;
}

.forgotpop {
  background-color:#FFFFFF;
  border:1px solid #d8d8d8;
  cursor:default;
  display:none;
  margin-top: 35px;
  position:absolute;
  text-align:left;
  max-width:340px;
  z-index:50;
  padding: 1rem;
  top:0;
  right:0;
}


/* registration content */
.registration-content {
	border-top:solid 1px #e3e3e3;
	padding:1.5em 0%;
	font-family:'Droid Serif',serif;
	font-weight:400;
	color:#222;
	line-height:1.5em
}

label a {
	color:#00337D;
	text-decoration: none;
}


.registration-info {
	border-top:solid 1px #e3e3e3;
	padding:1.5em 0% 1.5em 1.5em;
	font-family:'Roboto',serif;
	font-weight:400;
	font-size: 0.8rem;
	line-height:0.9rem
	}
	

	
	.registration-info ul {
		padding:0;
		margin:0;
	}


.registration-info li { 
 list-style: square;
 list-style-position: inside;
 margin:0.2rem 0;
}


	

.registration-info h2 {
	padding:0.75rem;
	color:#222;
	background: #f2f2f2;
	text-transform:uppercase;
	border:1px solid #d8d8d8;
	line-height:1.8rem;
	margin:0.5rem 0 1rem 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}

.btnreg, .btnreg a { 
	background: none repeat scroll 0 0 #e40d00;
    border: 0 none;
    color: #fff;
    font-family: "Roboto",Helvetica,sans-serif;
    font-size: 0.85em;
    line-height: 1em;
    margin: 0.4rem 0 1em;
    padding: 0.4em 2em;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: 0.075rem;
	font-weight: 400;
}

.article-content .messageroad,
.messageroad.div {
	margin: 0;
	color:#d8d8d8;
	text-transform: capitalize;
}
  
.roadstyle {
	color:#d8d8d8;
	text-transform: uppercase;
	font-size:0.85rem;
  }
  
.btnroad, .btnroad a { 
	background: none repeat scroll 0 0 #e40d00;
    border: 0 none;
    color: #fff;
    font-family: "Roboto",Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.2em;
   margin: 0 0 0 0;
    padding: 0.6em 4em;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}

.btnroad a:hover {
	background: none repeat scroll 0 0 #AA0000;
}


 
 .linksroad {
 color: #b8b8b8;
    float:left;
    margin: 0;
    padding: 1em 0 1.6em;
}

.linksroad a {
	text-decoration: none;
	color:#b8b8b8;
	    font-size: 0.85em;
		text-transform: uppercase;
		
}

.linksroad a:hover {
	color:#d8d8d8;
}

.messageroad h1 {
	color:#E40D00;
	margin:1rem auto 0.5rem;
	font-size:2.6rem;
	line-height: 2.4rem;
	font-weight: 700;
	width:80%;
	
}

.messageroad h2 {
	
    text-transform:capitalize;
	
	margin:1rem 0;
	padding-bottom: 1rem;
	font-size:1.1rem;
}

.messageroad h3 {
	border-bottom: 1px solid #d8d8d8;
		font-family: "Roboto",Helvetica,sans-serif;
    text-transform: uppercase;
	 font-size: 1.1em;
    font-weight: 700;
	text-align: left;
	margin:1rem 0 0 0;
}


.subsroad { 
	background: none repeat scroll 0 0 #e40d00;
    border: 0 none;
  
    font-family: "Roboto",Helvetica,sans-serif;
    font-size: 1em;
	 line-height: 1.2em;
    line-height: 1em;
   margin: 0.6rem 0.1rem 0 0;
    padding: 0.7rem 2rem 0.7rem 2rem;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:center;
	text-decoration: none;
}

.subsroad a {
	text-decoration: none;
	  color: #fff;
}

/* sub-menu ==================================== */
	.sub-menu {
	    padding:0 50px;
	    margin-top:7.371em;
	    text-align:center
	}
	
	.sub-menu .container .inner-container {
	    border:solid 1px #d8d8d8;
	    border-top:0;
	    padding-top:2em;
	    padding-bottom:1em;
	    margin-bottom:0
	}
	
	.sub-menu span {
	    list-style:none;
	    padding:0;
	    margin:0 1.2em
	}
	
	.sub-menu a {
	    text-decoration:none;
	    text-transform:uppercase;
	    font-weight:700;
	    color:#777;
	    font-size:1.0em
	}
	
	.sub-menu a:hover {
	    color:#999
	}
	
	.sub-menu span.current a {
	    color:#e40d00
	}
	/* registration content end */
	
 
 

/* Forgot Box End */

/*fix for big images*/

#TheArticleIs .basic-width{
	max-width: 200px;
}