/* -------------------------------------------------- */
/* GLOBALS ------------------------------------------ */
/* -------------------------------------------------- */

body {
	font-family: "Open Sans", sans-serif;
	font-weight: 14px;
	line-height: 21px;
	font-weight: normal;
	color: #666;
	background: #e8e8e8; }
	
body.topic #content-wrap {
	padding-top: 80px; }
	
body svg g {
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
	image-rendering: -moz-crisp-edges;          /* Firefox */
	image-rendering:   -o-crisp-edges;          /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges; }
	
body.page-messages #main {
	padding-top: 80px; }
	
.in {
	width: 1200px;
	margin: 0px auto;
	padding: 0px 10px; }
	
a {
	text-decoration: none;
	color: #1b1b1b;
    outline: none;
    border: none;
    cursor: pointer; }

#account-links iframe {
	border: none; }
    
a:focus { outline:none; }
	
body a:active {
  outline: none; }
	
body a:hover {
	color: black; }
	
body .divider, body.story #main-content article.post hr {
	border: 0px;
	background: #6cb0c0 url("../images/divider-slash.svg") center center / 20px no-repeat;
	height: 10px;
	margin: 36px 0px 30px; }
	
body #content-wrap .in {
	padding-top: 20px; }
	
body.story #content-wrap .in {
	padding-top: 0px; }
	
#content-wrap #main-content .content-selector {
	display: block;
	background: white;
	color: black;
	text-transform: uppercase;
	margin: 0px;
	margin-bottom: 50px;
	border-top: 1px solid #ccc;
	border-bottom: 5px solid #ccc; }
	
#content-wrap #main-content .content-selector h2 {
	float: left;
	width: 200px;
	padding: 0px;
	padding: 11px 10px 6px 30px;
	text-shadow: 0px 2px 0px #ccc;
	font-size: 18px;
	margin: 0px;
	letter-spacing: 1px;
	margin-left: 10px;
	background: url("../images/icon-read.svg") 0% 50% no-repeat;
	background-size: 20px; }
	
#content-wrap #main-content .content-selector ul {
	float: right;
	width: 500px;
	padding: 0px;
	margin: 0px;
	padding-right: 10px;
	list-style: none;
	text-align: right;
	font-size: 12px; }
	
#content-wrap #main-content .content-selector ul li {
	display: inline-block;
	text-align: right;
	margin-left: 10px; }
	
#content-wrap #main-content .content-selector ul li a {
	color: grey;
	display: inline-block;
	padding: 6px 4px;
	border-top: 3px solid white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#content-wrap #main-content .content-selector ul li a:hover {
	border-top: 3px solid #ccc;
	color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#content-wrap #main-content .content-selector ul li a.selected {
	font-weight: bold;
	color: black;
	border-top: 3px solid black; }
	
body .back-purple, .text-purple.selected, a.hero-item .text-purple { background-color: #6a607f; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }
body .back-blue, .text-blue.selected, a.hero-item .text-blue { background-color: #6cb0c0; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }
body .back-red, .text-red.selected, a.hero-item .text-red { background-color: #ab473a; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }
body .back-green, .text-green.selected, a.hero-item .text-green { background-color: #bdcb9e; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }
body .back-yellow, .text-yellow.selected, a.hero-item .text-yellow { background-color: #ffcc66; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }
body .back-orange, a.text-orange.selected, a.hero-item .text-orange { background-color: #ee814a; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }
body .back-black, .text-black.selected, a.hero-item .text-black { background-color: #333; color: white; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); }

body .text-purple, a.text-purple { color: #6a607f; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }
body .text-blue, a.text-blue { color: #6cb0c0; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }
body .text-red, a.text-red { color: #ab473a; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }
body .text-green, a.text-green { color: #abb593; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }
body .text-yellow, a.text-yellow { color: #ffcc66; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }
body .text-orange, a.text-orange { color: #ee814a; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }
body .text-black, a.text-black { color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75); }

.grad-blue {
	background: #6CB0C0; }

.wide-advertisement {
	text-align: center;
	padding: 20px 0px 0px;
	margin: 0 auto;
	width: 728px;
	max-height: 90px; }
	
.box-advertisement {
	margin-bottom: 50px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.25);
    padding: 48px;
    border-radius: 3px;
    border: 1px solid black; }
    
body .box-advertisement {
	margin-bottom: 20px;
	background: white;
	border-color: #ccc; }
	
#main-content {
	width: 780px;
	float: left; }
	
#content-wrap { }

body.top #content-wrap {
	padding-top: 80px; }
	
#sidebar {
	width: 400px;
	float: right; }
	
#sidebar h2 {
	margin: 0px;
	border-radius: 3px 3px 0px 0px; }
	
h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif; }
	
div.related {
	min-width: 1220px; }

/* -------------------------------------------------- */
/* GLOBALS ------------------------------------------ */
/* -------------------------------------------------- */

div.cpotm {
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc; }

div.cpotm h2 {
	background: #4e4560 url("../images/icon-cpotm-white.svg") 10px 10px / 20px no-repeat;
	border-bottom: 5px solid rgba(0, 0, 0, .1);
	text-align: left;
	color: white;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .25);
	font-size: 18px;
	padding: 12px 10px 6px 40px;
	text-transform: uppercase; }

div.cpotm .text {
	background: #5c5070;
	padding: 20px 20px 28px;
	color: white;
	display: block;
	border-radius: 0px 0px 3px 3px; }
	
div.cpotm .text:hover {
	color: #e8e8e8; }
	
div.cpotm .text .quote {
	font-size: 24px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-family: tinos, serif; }

div.cpotm .emblem {
	background: white url("../images/cpotm.svg") 15px -1px / 30px auto no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	padding: 18px 0px 18px 60px; }
	
div.cpotm .emblem a {
	color: grey; }
	
div.cpotm .emblem a:hover {
	color: black; }

/* -------------------------------------------------- */
/* ACCOUNT BOX -------------------------------------- */
/* -------------------------------------------------- */

.callout .box {
	position: absolute;
	text-align: left;
	margin-left: -145px;
	z-index: -100;
	height: 0px;
	overflow: hidden; }

.callout .shadow-box {
	overflow: hidden;
	color: white;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
	overflow: hidden; 
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
.callout .box .arrow {
	height: 5px;
	background: url("../images/callout-arrow-up.svg") 95% 0px / 10px no-repeat; }
	
.signup-callout.show .box, .login-callout.show .box {
	height: auto;
	margin-top: 5px;
	z-index: 9999;
	overflow: visible;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
.callout .shadow-box .content {
	background: #303030;
	border-radius: 3px 3px 0px 0px;
	width: 190px;
	cursor: default;
	color: white;
	text-transform: none;
	font-weight: normal;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
	
.callout .shadow-box .extra a {
	display: block;
	padding: 10px;
	background: black;
	text-align: center;
	border-bottom: 1px solid #303030;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

.callout .shadow-box .extra a:hover {
	background: rgb(33,126,173);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body .callout .shadow-box a {
	color: white; }
	
.callout .shadow-box .content input {
	display: block;
	text-align: left;
	width: 170px;
	margin-bottom: 10px;
	padding: 5px;
	border: none;
	border-radius: 2px; }
	
.callout .shadow-box .content .extraneous {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed rgba(255, 255, 255, .2); }
	
.callout .box label a:hover {
	text-decoration: underline; }


/* -------------------------------------------------- */
/* Header ------------------------------------------- */
/* -------------------------------------------------- */

header {
	background: rgb(238,238,238);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
	position: fixed;
	height: 80px;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,.5);
	width: 100%;
	z-index: 9999;
	border-bottom: 0px solid white; }
	
header .social {
	margin: 0px;
	padding: 0px;
	float: left; }
	
header .social li {
	list-style: none;
	display: inline-block; }

header .social li a.twitter { background-image: url('../images/icon-twitter-black.svg'); }
header .social li a.facebook { background-image: url('../images/icon-facebook-black.svg'); }
header .social li a.youtube { background-image: url('../images/icon-youtube-black.svg'); }
header .social li a.rss { background-image: url('../images/icon-rss-black.svg'); }
	
header .social li a {
	display: block;
	background-size: 14px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 4px;
	border-radius: 3px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
header .social li a:hover {
	background-color: white;
	background-size: 16px;
	border-color: black;
	border: 1px solid rgba(0, 0, 0, 0.5);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#header-left {
	width: 320px;
	float: left; }
	
#header-right {
	width: 880px;
	float: right; }
	
header #logo {
	background: url("../images/final-logo.svg") center center;
	background-repeat: no-repeat;
	background-size: 280px;
	height: 68px;
	background-color: white;
	overflow: hidden;
	padding-top: 12px;
    -webkit-transform: translate3d(1,1,1);
	cursor: pointer;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

header #logo:hover {
	background-color: rgb(238,238,238);
	background-size: 100%;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
header .line-1 {
	font-size: 12px;
	padding: 9px 0px 0px;
	height: 31px; }
	
header .line-1 .links {
	float: right;
	width: 300px; }
		
header .line-1 .links .social {
	width: 50%; }
	
header .line-1 .links #account-links {
	width: 50%; }

header .line-2 { 
	height: 40px; }	
	
header #ticker {
	width: 580px;
	float: left; }

header #ticker h3 {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 100;
	margin: 0px;
	padding: 0px;
	margin-left: 23px; }
	
header #ticker a {
	text-decoration: none;
	color: #666; }
	
header #account-links {
	width: 140px;
	float: right;
	text-align: right;
	text-transform: lowercase; }
	
header #account-links .callout {
	float: right; }
	
header #account-links a.button {
	display: inline-block;
	text-decoration: none;
	margin-left: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	cursor: pointer;
	background: white;
	border-radius: 2px;
	padding: 1px 5px;
	color: inherit;
	font-weight: normal;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;  }
	
header #account-links a.button.on {
	color: #AB473A }
	
header #account-links a.button:hover {
	color: black;
	border: 1px solid rgba(0, 0, 0, 0.5);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;  }
	
header #account-links a.button:active {
	background: #6cb0c0;
	color: white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;  }
	
header #header-right nav {
	width: 575px;
	display: block;
	float: left; }

header nav ul {
	padding: 0px;
	margin: 0px; }
	
header nav ul li {
	display: inline-block;
	margin-right: -4px; }	
	
header nav ul li a {
	display: inline-block;
	position: relative;
	color: black;
	font-weight: bold;
	padding: 10px 23px 9px 23px;
	border-bottom: 5px solid transparent;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	cursor: pointer;
	background: url("../images/nav-grad.svg") bottom right / 1px 60px no-repeat;
	text-shadow: 0px 1px 1px white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;  }
	
header nav ul li a:hover {
	color: black;
	border-bottom: 5px solid #353535;
	padding-bottom: 4px;
	text-shadow: 0px 0px 10px white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
header #top-search {
	width: 300px;
	float: right; }
	
header #top-search input.search-area {
	width: 242px;
	background: white url("../images/icon-input-search.svg") 274px 6px / 16px no-repeat;
	font-family: "Open Sans", sans-serif;
	border: none;
	padding: 7px 49px 6px 7px;
	border-radius: 2px;
	color: black;
	font-size: 12px;
	border: 1px solid rgba(0, 0, 0, 0.1); }
	
header #top-search input.search-send {
	display: none;
	width: 40px;
	height: 39px;
	position: relative;
	margin-left: -4px;
	top: 13px;
	font-family: "Open Sans", sans-serif;
	border: 1px #ccc solid;
	border-left: none;
	padding: 0px;
	color: #666;
	font-size: 14px;}
	
body.results article.post.mini {
	width: 750px;
	margin-bottom: 25px; }

/* -------------------------------------------------- */
/* Schedule ----------------------------------------- */
/* -------------------------------------------------- */

body.home #schedule {
	background: #333;
	width: 1210px;
	padding: 10px 5px;
	margin: 0 auto;
	border-radius: 0px 0px 3px 3px;
	border-bottom: 1px solid black; }
	
#schedule .schedule-item {
	position: relative;
	width: 232px;
	margin: 0px 5px;
	height: 30px;
	border-radius: 3px;
	border-bottom: 1px solid black;
	float: left;
	cursor: pointer;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#schedule .schedule-item:hover {
	border-radius: 0px 0px 2px 2px;
	border: none;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

#schedule .schedule-item a.show {
	display: block; }
	
#schedule .schedule-item .opac {
	position: absolute;
	width: 230px;
	height: 30px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

#schedule .schedule-item:hover .opac {
	height: 230px;
	width: 230px;
	border: 1px solid black;
	border-top: none;
	border-radius: 0px 0px 2px 2px;
	background-position: 0px 30px;
	box-shadow: 0px 0px 25px rgba(0,0,0,.5);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; 
	transition: background-position 3s ease;
	-o-transition: background-position 3s ease;
	-moz-transition: background-position 3s ease;
	-webkit-transition: background-position 3s ease; }

#schedule .schedule-item .info {
	color: black;
	margin-left: 30px;
	background: #e8e8e8; }
	
#schedule .schedule-item .info .title {
	overflow: hidden; }
	
#schedule .schedule-item .info h3 {
	width: 220px;
	position: relative;
	font-size: 12px;
	line-height: 16px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -500px;}
	
#schedule .schedule-item:hover .info h3 {
	padding: 10px 10px 9px;
	height: auto;
	text-indent: 0px;
	display: block;
	color: #6a607f;
	background: white; }
	
#schedule .schedule-item .meta {
	font-size: 12px;
	color: black;
	font-weight: 500; }

#schedule .schedule-item .meta .date {
	float: left;
	width: 35%;
	padding: 5px 0px 3px 8px;
	background: url("../images/icon-calendar.svg") -70px 50% / 14px no-repeat; }
	
#schedule .schedule-item:hover .meta .date {
	padding-left: 30px;
	background-position: 7px 50%; }
	
#schedule .schedule-item .meta .time {
	float: right;
	font-weight: bold;
	padding: 5px 9px 4px 10px;
	width: 40%;
	text-align: right; }
	
#schedule .schedule-item .meta .time.live {
	background: url("../images/twitch-red.svg") 7px 50% / 16px no-repeat;
	color: #ab473a;
	width: 75px;
	padding-right: 10px;
	text-align: right; }
	
#schedule .schedule-item:hover .info {
	opacity: 10;
	display: block;
	margin-left: 0px;
	background: rgba(255,255,255, .8);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .25); }
	
#schedule .schedule-item:hover .meta {
	opacity: 10;}

/* -------------------------------------------------- */
/* Hero --------------------------------------------- */
/* -------------------------------------------------- */

#feature-wrap {
	background: #333333 url("../images/checker.svg") center 101% / 125% no-repeat;
	min-width: 1220px;
	padding: 80px 0px 0px; }
	
#feature-hero {
	background: rgba(0, 0, 0, 1);
	padding: 10px; }
	
a.hero-item {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	border-radius: 0px;
	overflow: hidden;
	transition: all .75s linear;
	-o-transition: all .75s linear;
	-moz-transition: all .75s linear;
	-webkit-transition: all .75s linear; }
	
a.hero-item ul.tags {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: none;
	padding: 10px 5px 10px 10px; }
	
a.hero-item ul.tags li {
	display: inline-block;
	list-style: none;
	display: inline-block;
	margin-right: 5px;
	border-radius: 2px;
	padding: 0px 6px;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5); }
	
a.hero-item:hover {
	box-shadow: inset 1px 1px 50px 10px rgba(0,0,0,.5);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
a.hero-item h2 {
	background: rgba(0, 0, 0, 0.7);
	border-bottom: 0px solid transparent;
	color: white;
	top: auto;
	padding: 5px 10px;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
	z-index: 500;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

a.hero-item:hover h2 {
	background: #6cb0c0;
	border-bottom: 5px solid #519096;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
	cursor: pointer; }
	
a.hero-item:hover h2 {
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
div.hero-right {
	width: 400px;
	float: right; }

a.hero-a {
	display: block;
	width: 790px;
	height: 435px;
	color: white;
	overflow: hidden;
	float: left; }
	
a.hero-b {
	display: block;
	width: 400px;
	height: 225px;
	color: white;
	margin-bottom: 10px;
	overflow: hidden; }

a.hero-a h2 {
	font-size: 24px;
	line-height: 36px;
	padding: 7px 13px 2px; }
	
a.hero-b h2 {
	font-size: 16px;
	line-height: 24px;
	padding: 9px 10px 7px; }

a.hero-a .hero-bgs {
	width: 790px;
	height: 435px;
	overflow: hidden; }
	
a.hero-b .hero-bgs {
	width: 400px;
	height: 225px;
	overflow: hidden; }
	
a.hero-c .hero-bgs, a.hero-d .hero-bgs {
	width: 200px;
	height: 200px; }

/*
a.hero-c, a.hero-c .hero-bg { border-radius: 2px 0px 0px 2px; }
a.hero-d, a.hero-d .hero-bg { border-radius: 0px 2px 2px 0px; }
*/
	
a.hero-a .hero-bg {
	width: 790px;
	height: 435px;
	background-size: cover; }	
	
a.hero-b .hero-bg {
	width: 400px;
	height: 225px; }
	
a.hero-c .hero-bg, a.hero-d .hero-bg {
	width: 200px;
	height: 200px; }

a.hero-c, a.hero-d {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	color: white;
	float: left;
	font-size: 14px;
	line-height: 21px; }

a.hero-c h2, a.hero-d h2 {
	font-size: 14px;
	max-width: 180px;
	padding: 7px 10px 5px; }
	
.hero-bg {
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1);
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	opacity: 1; }
		
a.hero-item:hover .hero-bg {
	opacity: .5;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }	
	
/* -------------------------------------------------- */
/* Home Page Post ----------------------------------- */
/* -------------------------------------------------- */

body.home article.post {
	width: 780px;
	margin-bottom: 50px; }

body article.post .meta {
	padding-bottom: 3px; }

body article.post .meta .author {
	width: 330px;
	float: left;
	font-size: 12px;
	color: #666; }
	
body article.post .meta ul.tags {
	width: 450px;
	float: right;
	text-align: right;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px; }
	
body article.post .meta ul.tags li {
	display: inline-block; }
	
body article.post .meta ul.tags li a {
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px; }
	
body article.post a.post-pic {
	display: block;
	float: left;
	border-top: 5px solid black;
	width: 400px;
	height: 225px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body article.post .play-button {
	height: 225px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body article.post .play-button.on {
	background: url("../images/play-button.svg") center center / 50px no-repeat; }
	
body article.post.mini a.post-pic {
	display: none;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

body article.post a.post-pic:hover {
	opacity: .9; }
	
body article.post a.post-pic:hover .play-button.on {
	background-size: 54px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

body article.post .comment-count {
	background: url("../images/chat-bubble.svg") 2px 2px / 32px 32px no-repeat;
	height: 36px;
	width: 36px;
	text-align: center;
	overflow: hidden;
	color: black;
	text-decoration: none;
	font-size: 12px;
	padding-top: 4px;
	position: relative;
	font-weight: bold;
	top: 180px;
	left: 8px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body article.post a.post-pic:hover .comment-count {
	color: #5D5171;
	border-bottom: none;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body article.post .content {
	background: white;
	width: 380px;
	float: left;
	border-top: 5px solid #ccc;
	border-bottom: 1px solid #dedede; }

body.home article.post.mini .content {
	width: 780px;
	min-height: intrinsic; }
	
body.results article.post.mini .content {
	width: 750px;
	min-height: intrinsic; }
	
body article.post.mini .content h3 {
	padding: 0px 12px; }
	
body.home article.post .content .top-comment-container .comment-count {
	display: none; }
	
body article.post.mini .content .top-comment-container .comment-count {
	background-image: url("../images/chat-bubble-grey.svg");
	background-size: 24px;
	display: block;
	position: static;
	color: black;
	padding: 2px;
	margin: 7px 0px 0px 7px;
	float: left;
	height: 30px;
	width: 26px; }
	
body article.post.mini .content .blurb {
	display: none; }

body article.post.mini .content .top-comment {
	background: none;
	width: 720px;
	padding: 10px; }
	
body article.post .content h3 {
	font-size: 20px;
	line-height: 30px;
	color: #330066;
	padding: 0px 20px;
	margin: 20px 0px 10px;
	text-transform: capitalize; }
	
body article.post.mini .content h3 {
	margin: 12px 0px 10px; }

body article.post .content h3 a {
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body article.post .content h3 a:hover {
	color:  #5C5070;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body article.post .content .blurb {
	font-size: 14px;
	line-height: 21px;
	color: #666;
	padding: 0px 20px 4px; }
	
body article.post .content .top-comment-container {
	border-top: 1px solid #e7e7e7; }	
	
body article.post .content .top-comment {
	background: url("../images/icon-comment-black.svg") 15px 13px / 10px no-repeat;
	float: left;
	padding: 9px 20px 10px 40px;
	line-height: 18px;
	font-size: 12px;
	font-style: italic;
	color: #333; }

body article.post .content .comment-author {
	font-weight: bold;
	display: inline;
	font-style: normal; }
	
/* -------------------------------------------------- */
/* Footer ------------------------------------------- */
/* -------------------------------------------------- */

footer {
	background: rgba(0,0,0,.85);
	border-top: 5px solid black;
	min-width: 1220px;
	font-size: 12px;
	font-weight: 100;
	color: white; }
	
footer .copy {
	color: grey; }
	
footer .in {
	background: none;
	padding: 10px 0px 15px; }
	
footer .foot-left {
	float: left;
	width: 270px;
	background: url("../images/emblem-light.svg") 0px 50% no-repeat;
	background-size: 20px;
	padding-left: 30px; }
	
footer .foot-right {
	float: right;
	width: 800px;
	padding: 0px;
	margin: 0px;
	text-align: right; }
	
footer .foot-right {
	list-style: none; }
	
footer .foot-right li {
	display: inline-block;
	border-left: 1px solid #4a4a4a;
	margin-left: 15px;
	padding-left: 15px;
	line-height: 12px; }
	
footer .foot-right li a {
	color: white; }
	
footer .foot-right li a:hover {
	color: #6cb0c0; }

/* -------------------------------------------------------- */
/* Hot Stories Widget ------------------------------------- */
/* -------------------------------------------------------- */

#hot-stories {
	margin-bottom: 20px; }

#hot-stories h2, .widget.stories h3 {
	background: #ab473a url("../images/icon-trending.svg") 10px 50% no-repeat;
	background-size: 20px;
	font-size: 18px;
	letter-spacing: 1px;
	text-shadow: 0px 2px 0px #963932;
	border-bottom: 5px solid #963932;
	padding: 12px 10px 6px 40px;
	color: white;
	text-transform: uppercase;
	margin-bottom: 0px; }

ol.hot-stories-content {
	background: rgba(255, 255, 255, 1);
	padding: 9px 9px 1px;
	border: 1px solid #dbdbdb;
	border-bottom-color: #ccc;
	margin: 0px; }
	
li.hot-story {
	list-style: none;
	overflow: hidden;
	color: white;
	padding: 0px;
	margin: 0px;	
	font-size: 20px;
	margin-bottom: 10px; }
	
li.hot-story .meta {
	border-bottom: 1px solid white;
	background: #e8e8e8;
	overflow: hidden; }

li.hot-story.number-one {
	background-repeat: no-repeat; }
	
li.hot-story.number-one img {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	margin-top: 2px;
	margin-right: 10px; }
	
li.hot-story.number-one .meta {
	margin-top: 189px;
	overflow: hidden;
	background-image: none;
	text-shadow: 0px 1px 0px black;
	background: rgba(171, 71, 58, 0.9);
	transition: all .25s linear;
	-o-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear; }
	
li.hot-story.number-one .meta:hover {
	background: rgba(171, 71, 58, 1);
	transition: all .25s linear;
	-o-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear; }
	
ol.hot-stories-content li.hot-story .count, ol.hot-stories-content li.hot-story .read-more {
	font-size: 12px;
	display: block;
	padding: 8px 12px 6px;
	width: 143px;
	font-weight: bold; }

ol.hot-stories-content li.hot-story .rank {
	background: #ab473a;
	color: white;
	padding-top: 8px;
	text-align: center;
	width: 38px;
	height: 28px;
	font-size: 14px;
	overflow: hidden;
	font-weight: bold; }

ol.hot-stories-content li.hot-story.number-one .count {
	color: white; }

ol.hot-stories-content li.hot-story .count, ol.hot-stories-content li.hot-story .rank  {
	float: left; }
	
ol.hot-stories-content li.hot-story .read-more {
	float: right;
	padding-right: 7px;
	color: rgba(0, 0, 0, 0.5);
	text-align: right;
	overflow: hidden;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
li.hot-story .read-more .read-button {
	background: url("../images/icon-read-red.svg") 100% 50% / 20px no-repeat;
	padding: 10px 5px; }

li.hot-story.number-one .read-more .read-button {
	background: url("../images/icon-read-white.svg") 100% 50% / 20px no-repeat;
	padding: 10px 5px; }
		
li.hot-story .read-more .read-text {
	display: none;
	padding-right: 20px;
	background: url("../images/chevron-right-black.svg") 100% 50% / 12px no-repeat; }
	
li.hot-story.number-one .read-more .read-text {
	background: none; }
	
li.hot-story .read-more:hover .read-button {
	display: none; }
	
li.hot-story .read-more:hover .read-text {
	display: block; }

ol.hot-stories-content li.hot-story .read-more:hover {
	width: 122px;
	color: black;
	padding-right: 10px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }	

ol.hot-stories-content li.hot-story.number-one .read-more {
	color: white;
	background: url("../images/chevron-right-white.svg") 110% 50% / 12px no-repeat; }

ol.hot-stories-content li.hot-story.number-one .read-more:hover {
	background-position: 95% 50%; }
	
li.hot-story h3 {
	padding: 0px;
	margin: 0px; }	
	 
li.hot-story h3 a {
	display: block;
	font-size: 14px;
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(226,226,226) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(226,226,226)));
	background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	background: linear-gradient(to bottom,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 );
	text-transform: capitalize;
	color: #ab473a;
	margin: 0px;
	padding: 10px 10px 7px;
	border: 1px solid #e8e8e8;
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0px 0px 3px 3px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

li.hot-story h3 a:hover {
	color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }	
	
/* -------------------------------------------------- */
/* Top Comments Widget ------------------------------ */
/* -------------------------------------------------- */

#top-comments h2 {
	background: #6cb0c0 url("../images/icon-quote.svg") 10px 50% no-repeat;
	background-size: 20px;
	font-size: 18px;
	letter-spacing: 1px;
	text-shadow: 0px 2px 0px #519096;
	border-bottom: 5px solid #519096;
	padding: 12px 10px 6px 40px;
	color: white;
	text-transform: uppercase;
	margin-bottom: 0px; }

ol.top-comments-content {
	list-style: none;
	background: white;
	margin: 0px;
	padding: 10px;
	padding-bottom: 4px;
	border: 1px solid #ccc;
	border-top: none; }

ol.top-comments-content li {
	background: white;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border-radius: 0px 0px 2px 2px; }
	
ol.top-comments-content li .meta {
	background: #e8e8e8; }

ol.top-comments-content a.author {
	float: left;
	font-size: 12px;
	width: 190px;
	color: #519096;
	font-weight: bold;
	padding: 10px 0px 8px 10px;
	padding-right: 0px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.static ol.top-comments-content a.author {
	width: 143px; }
	
ol.top-comments-content a.author:hover {
	color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
ol.top-comments-content a.count {
	float: right;
	width: 165px;
	font-size: 14px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: black;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
	margin: 1px 1px 0px 0px;
	word-spacing: 0px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
ol.top-comments-content a.count .comment-count {
	display: inline-block;
	padding: 4px 3px 6px;
	margin-right: 5px;
	color: white;
	text-align: center;
	min-width: 20px;
	background: url("../images/chat-bubble-blue.svg") center center / 100% 26px no-repeat; }
	
ol.top-comments-content a.count:hover {
	background-position: 100% 50%;
	padding: 5px 7px 5px 2px;
	color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
ol.top-comments-content a.count .reveal {
	padding: 5px 20px 5px 0px;
	background: url("../images/chevron-right-black.svg") 100% 50% / 12px no-repeat;
	display: none; }
	
ol.top-comments-content a.count:hover .reveal {
	display: block; }
	
ol.top-comments-content a.count:hover .comment-count {
	display: none; }
	
ol.top-comments-content p.quote {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(226,226,226) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(226,226,226)));
	background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	background: linear-gradient(to bottom,  rgb(238,238,238) 0%,rgb(226,226,226) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 );
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	margin-top: 1px;
	padding: 8px 10px;
	color: black; }
	
a.chatty-link {
	display: block;
	font-size: 14px;
	padding: 10px;
	color: white;
	background: #6cb0c0;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	border-bottom: 5px solid #519096;
	position: relative;
	top: 0px;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear; }
	
a.chatty-link:hover {
	color: white;
	background: #519096;
	top: 3px;
	margin-bottom: 23px;
	border-bottom: 2px solid #335557;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
/* -------------------------------------------------- */
/* Pagination --------------------------------------- */
/* -------------------------------------------------- */

#pagination-container {
	background: #e8e8e8;
	margin-bottom: 50px; }

#pagination {
	background: white; }

#pagination .previous {
	float: left;
	width: 270px;
	padding: 10px 10px 10px 50px;
	background: white url("../images/arrow-left.svg") 0px 50% / 40px no-repeat;
	border-left: 5px solid white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

#pagination .previous:hover {
	border-color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#pagination .next {
	float: right;
	width: 260px;
	padding: 10px 50px 10px 10px;
	text-align: right;
	border-right: 5px solid white;
	background: white url("../images/arrow-right.svg") 100% 50% / 40px no-repeat;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;}
	
#pagination .next:hover {
	border-color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#pagination .back-to-top {
	width: 100px;
	float: left;
	color: white;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #b2bf94;
	text-align: center;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear; }
	
#pagination .back-to-top:hover {
	background: #a2af7d;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
/* -------------------------------------------------- */
/* Story Page --------------------------------------- */
/* -------------------------------------------------- */

body.story {
	background-color: white; }
	
body iframe {
	width: 100%; }
	
body.story .box-advertisement {
	background: rgba(0, 0, 0, .25);
	border-color: black;
	border-radius: 3px 3px 0px 0px;
	margin-bottom: 50px;
	min-height: 17px;
	max-height: 250px; }
	
body.story .wide-advertisement {
	background: url("../images/story.png") top center repeat-x;
	padding-bottom: 0px;
	display: none; }

body.story #content-wrap {
	padding-top: 50px; }

body.story #main-content {
	width: 750px;
	padding-bottom: 50px; }
	
body.story .story-title-bg {
	position: absolute;
	min-width: 1220px;
	height: 392px;
	width: 100%;
	z-index: -1;
	overflow: hidden;
	border-top: 10px solid black;
	background: #494949; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #494949 0%, #282828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#494949), color-stop(100%,#282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #494949 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #494949 0%,#282828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #494949 0%,#282828 100%); /* IE10+ */
	background: linear-gradient(135deg,  #494949 0%,#282828 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#282828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
	
body.story #main-content .story-title {
	min-height: 143px;
	margin: 0px 0px 24px 0px; }
	
body.story #main-content .story-title h1 {
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
	font-size: 48px;
	line-height: 66px;
	letter-spacing: -2px;
	padding: 0px;
	margin: 0px; }

body.story .story-banner {
	padding-top: 0px;
	height: 620px;
	width: 100%;
	min-width: 1220px;
	perspective: 1px;
	overflow: hidden;
	/* -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); filter: blur(7px); */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: -1; }
	
body.story .story-banner .opac {
	background: rgba(0, 0, 0, .5);
	height: 100%; }
	
body.story .story-image {
	display: block;
	height: 500px;
	width: 100%;
	min-width: 1200px;
	float: left;
	margin-top: 80px;
	background-position: center center;
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden; }
	
body.story .story-image .banner-play {
	background: rgba(255, 255, 255, .75) url("../images/banner-play.svg") center center / 80px no-repeat;
	height: 50px;
	width: 100px;
	margin: 225px auto;
	opacity: .75;
	border-radius: 5px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .story-image .banner-play:hover {
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	border-radius: 0px;
	background-size: 86px;
	cursor: pointer;
	opacity: 1;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story #main-content article.post .articleImage, body.static #main-content .articleImage {
	background: black;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 2px; }
	
body.story #main-content article.post ul, body.static #main-content ul {
	margin: 0px;
	padding: 0px 24px 12px 24px; }
	
body.story #main-content article.post ul p, body.static #main-content ul p {
	margin: 0px;
	padding: 0px; }

body.story #main-content article.post em, body.static #main-content em {
	padding: 0px 24px;
	font-weight: 100;
	border-left: 10px solid #ccc;
	display: block; }
	
body.story #main-content article.post p em, body.static #main-content p em {
	display: inline;
	padding: 0px;
	border: none; }
	
body.story #main-content article.post p a, body.static #main-content p a {
	color: #5D5171; }
	
body.story #main-content article.post p a:hover, body.static #main-content p a:hover {
	color: black;
	text-decoration: underline; }
	
body.story #main-content article.post ul li, body.static #main-content ul li {
	list-style: none;
	padding: 0px 250px 0px 10px;
	border-left: 10px solid #e8e8e8;
	color: #4f4f4f;
	background-size: 8px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 7px;
	font-weight: normal; }
	
body.story #main-content article.post ul li:nth-child(even), body.static #main-content ul li:nth-child(even) {
	border-color: #dbdbdb; }
	
body.story #main-content article.post ul li a, body.static #main-content ul li a {
	color: #333; }

body.story #main-content article.post h2, body.story #main-content article.post h3, body.story #main-content article.post h4, body.static #main-content h2, body.static #main-content h3, body.static #main-content h4 {
	margin: 24px 0px 12px;
	font-family: abril-fatface, serif;
	font-weight: normal;
	color: #333;
	font-size: 36px;
	line-height: 48px; }  

body.story #main-content article.post .articleImage {
	width: 750px;
	margin: 24px 0px; }

body.story #main-content article.post .articleImage img {
	height: 100%;
	width: 750px; }
	
body.story .trending-comments {
	height: 450px;
	padding-top: 150px; }	
	
body.story .trending-comments h4 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	text-transform: uppercase;
	text-shadow: 0px 1px 2px white;
	margin-bottom: 10px; }

body.story .trending-comments .comments {
	width: 380px;
	height: 390px;
	float: right;
	padding: 10px 10px 0px 10px;
	background: rgba(255, 2552, 255, .5);
	border-radius: 3px; }

body.story .trending-comments .comment {
	background: rgba(255, 2552, 255, .75);
	font-size: 14px;
	font-weight: normal;
	color: black;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .25);
	margin-bottom: 10px; }
	
body.story .trending-comments .comment .author {
	color: #6cb0c0;
	display: block;
	font-weight: bold;
	padding-bottom: 10px; }
	
body.story .trending-comments .comment .quote {
	font-size: 12px; }
	
body.story .story-meta {
	background: white;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 36px;
	border-top: 10px solid black; }
	
body.story .story-meta .meta-box {
	overflow: hidden;
	width: 165px;
	height: 165px;
	color: white;
	box-shadow: inset 0px 0px 0px 1px black;
	float: left;
	border-radius: 2px; }

body.story .story-meta .meta-box .date {
	padding: 10px; }
	
body.story .story-meta .meta-box .date .day {
	float: left;
	width: 65px;
	height: 43px;
	overflow: hidden;
	text-align: center;
	padding-top: 22px;
	font-size: 24px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 2px; }
	
body.story .story-meta .meta-box .date .rest {
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
	float: left;
	width: 65px;
	font-size: 12px;
	margin-left: 12px; }

body.story .story-meta .meta-box .social {
	padding: 0px 10px; }
	
body.story .story-meta .meta-box .social a {
	float: left;
	height: 30px;
	width: 67px;
	opacity: .5;
	border-radius: 2px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .story-meta .meta-box .social a:hover {
	opacity: 1;
	background-size: 90px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .story-meta .meta-box .social a.twitter {
	background: url("../images/icon-meta-twitter.svg") center center / 90px no-repeat; }
	
body.story .story-meta .meta-box .social a.twitter:hover {
	background-size: 80px; }
	
body.story .story-meta .meta-box .social a.facebook {
	background: url("../images/icon-meta-facebook.svg") center center / 90px no-repeat;
	margin-left: 10px; }
	
body.story .story-meta .meta-box .social a.facebook:hover {
	background-size: 80px; }	
	
body.story .story-meta .meta-box a.chatty {
	background: rgba(0, 0, 0, .5);
	color: #60A0AE;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 10px;
	padding: 3px;
	text-transform: uppercase;
	border-radius: 2px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .story-meta .meta-box a.chatty:hover {
	background: rgba(0, 0, 0, 1);
	color: white;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .story-meta .blurb-box {
	float: right;
	background: #e8e8e8;
	min-height: 163px;
	width: 553px;
	border: 1px solid #ccc;
	border-radius: 2px; }
	
body.story .story-meta .blurb-box p.blurb {
	font-weight: normal;
	font-family: tinos, serif;
	color: #333;
	font-style: italic;
	padding: 12px 24px;
	margin: 0px;
	font-size: 16px;
	line-height: 28px;}
	
body.story .story-meta .blurb-box .meta-info {
	background: #e8e8e8;
	padding: 8px 8px 10px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid white;
	color: #333;
	margin: 2px;
	box-shadow: 0px 0px 100px rgba(255, 255, 255, .1); }
	
body.story .story-meta .blurb-box .meta-info .author {
	background: url("../images/icon-author.svg") 0px 50% no-repeat;
	background-size: 20px;
	color: 333;
	padding-left: 30px;
	width: 30%;
	float: left; }
	
body.story .story-meta .blurb-box .meta-info .tags {
	width: 60%;
	float: right;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	list-style: none;
	text-align: right;
	text-transform: uppercase; }
	
body.story .story-meta .blurb-box .meta-info .tags li {
	display: inline-block;
	margin-left: 6px; }
	

body.story .story-meta .blurb-box .meta-info .tags li a {
	background: #fff;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 3px;
	border-bottom: 1px solid black;
	position: relative;
	box-shadow: inset 0px 0px 1px black; }	
	
body.story .story-meta .blurb-box .meta-info .tags li a:hover {
	color: black;
	background: white;
	border-bottom: none;
	box-shadow: inset 0px 0px 1px black; }
	
body.story article.post {
	border-top: 10px solid #6cb0c0;
	border: none; }
	
body.story .story-meta .blurb-box .gradient {}

.review-box {
	background: white;
	margin-bottom: 50px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

.review-box .review-top {
	overflow: hidden;
	border-radius: 3px 3px 0 0; }
	
.review-box .pro-cons {
	margin: 0px 0px;
	background: #e8e8e8;
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px 10px 0px 10px;
	border-radius: 0px 0px 3px 3px; }
	
.review-box .pro-cons ul {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: normal;
	background: #e8e8e8;
	border-radius: 3px;
	overflow: hidden; }
	
.review-box .pro-cons ul.pros { }

.review-box .pro-cons ul li {
	padding: 10px;
	list-style: none;
	padding-left: 30px;
	color: white; }
	
.review-box .pro-cons ul.pros li {
	border-left: 10px solid #60a0ae;
	border-top: 1px solid #60a0ae;
	background: #6cb0c0 url("../images/icon-plus.svg") 9px 15px / 12px no-repeat; }
	
.review-box .pro-cons ul.pros li:nth-child(even) {
	background-color: #75bccc; }

.review-box .pro-cons ul.cons li {
	border-left: 10px solid #954035;
	border-top: 1px solid #954035;
	background: #ab473a url("../images/icon-minus.svg") 9px 15px / 12px no-repeat; }
	
.review-box .pro-cons ul.cons li:nth-child(even) {
	background-color: #b64d3f; }
	
.review-box .game-info {
	float: left;
	width: 100%; }

body.story #sidebar h2, body.story #sidebar h3 {
	background: #494949; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #494949 0%, #282828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#494949), color-stop(100%,#282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #494949 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #494949 0%,#282828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #494949 0%,#282828 100%); /* IE10+ */
	background: linear-gradient(135deg,  #494949 0%,#282828 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#282828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 3px 3px 0px 0px;
	text-transform: capitalize;
	padding: 25px 165px 10px 10px;
	color: white;
	margin: 0px;
	font-size: 16px;
	line-height: 24px; }
	
.review-box .game-rating, .author-box .role {
	font-style: italic;
	font-weight: normal;
	padding: 8px;
	text-transform: capitalize;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-style: dashed;
	border-bottom-style: dashed;
	border-radius: 0px;
	color: black;  }
	
.author-box .role {
	background: white; }
	
.review-box .game-rating.ec {
	font-weight: bold;
	color: #ab473a;
	font-style: normal;
	text-transform: uppercase; }
	
.review-box .review-top .circle-hider {
	height: 95px;
	overflow: hidden;
	position: absolute;
	float: right;
	margin-top: -58px;
	margin-left: 299px; }	

.review-box .review-top .game-score {
	background: rgba(255, 255, 255, .1);
	margin-right: 0px;
	width: 85px;
	color: black;
	padding: 8px;}
	
.review-box .review-top .game-score .game-score-circle {
	border-radius: 3px;
	background: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 50px;
	height: 34px;
	padding-top: 42px;
	line-height: 0px;
	font-family: abril-fatface, sans-serif;
	text-shadow: 0px 2px 0px #d5d5d5; }

.author-box {
	background: #e8e8e8;
	border-radius: 3px;
	margin-bottom: 50px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
	
#sidebar .author-box h3 { }
	
.author-box p {
	font-size: 12px;
	line-height: 24px;
	padding: 20px;
	margin: 0px;
	color: black;
	display: block;
	border: 1px solid #ccc;
	border-top: none;
	font-weight: normal;
	border-radius: 0px 0px 3px 3px; }

.author-box .avatar-back {
	position: absolute;
	margin-left: 303px;
	margin-top: -58px;
	padding: 8px;
	background: rgba(255, 255, 255, .1); }
	
.author-box .avatar-back .avatar {
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 1px white; }
	
body.story article.post p, body.static #main-content p {
	color: black;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px;
	padding: 8px 0px 12px; }
	
body.story article.post p.pull-quote {
	font-size: 20px;
	line-height: 30px;
	font-weight: 100;
	font-style: italic;
	font-family: tinos, serif;
	color: #5C5070;
	background: url("../images/icon-quote-purple.svg") center 16px / 50px auto no-repeat;
	display: block;
	padding: 78px 0px 24px;
	margin: 14px 0px 32px;
	border: 10px solid #5C5070;
	border-right: none;
	border-left: none;
	width: 348px;
	float: left;
	text-align: left;
	margin-right: 50px; }
	
body.story #sidebar .comment-box {
	background: #e8e8e8; }
	
body.story #sidebar ol.top-comments-content {
	padding: 10px 0px 5px;
	background: transparent;
	background: #ccc url("../images/ticker-border.png") repeat-x; }
	
body.story #sidebar .comment-box .content {}

body.story #sidebar .comment-box .content ol li {
	border-radius: 3px;
	border-bottom: none; }
	
/* -------------------------------------------------- */
/* About Page --------------------------------------- */
/* -------------------------------------------------- */

body.static #content-wrap {
	width: 1200px;
	padding: 130px 0px 50px;
	margin: 0 auto; }
	
body.static #content-wrap .spacer {
	height: 24px; }
	
body.static #content-wrap .in {
	padding-top: 0px; }

body.static #main-content {
	width: 800px;
	padding: 0px 0px 25px;
	background: white;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .25); }
	
body.static #main-content p {
	padding-right: 25px;
	padding-left: 25px;
	font-size: 14px; }
	
body.static #main-content p.mission {
	font-family: tinos, serif;
	font-size: 20px;
	margin-top: 12px;
	line-height: 30px;
	font-style: italic; }

body.static #main-content .caption {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
	color: white;
	padding: 24px;
	font-weight: 100; }
	
body.static #main-content h2, body.static #main-content h3, body.static #main-content h4 {
	padding: 5px 25px 0px;
	margin: 0px; }
	
body.static #main-content h2 { 
	font-size: 36px; color: #5D5170; margin: 25px 0px; border-top: 50px solid #e8e8e8; padding-top: 50px; text-transform: uppercase; margin-bottom: -8px;
	box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .25); }

body.static #main-content h3 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 28px; border-top: 1px dashed #ccc; margin-top: 25px; padding-top: 50px; margin-bottom: -14px; }

body.static #main-content h4 {
	 margin: 0px auto 1px;
	 padding-top: 0px;
	font-size: 16px;
	color: #5D5171;
	font-family: tinos, serif;
	font-style: italic; }

	
body.static #main-content .image-box {
	height: 450px;
	width: 798px;
	margin: 1px auto 0px;
	background-size: cover;
	position: relative;
	margin-bottom: -75px; }
	
body.static #main-content .image-box .trans {
	height: 450px; }
	
body.static #main-content .image-box .trans.on {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0px -100px 100px white;}
	
body.static #sidebar {
	width: 350px; }
	
/* -------------------------------------------------- */
/* Sidebar Comments --------------------------------- */
/* -------------------------------------------------- */

#sidebar #testComments {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 50px; }

#sidebar .comments-content {
	list-style: none;
	width: 378px;
	background: #e8e8e8;
	border: 1px solid #ccc;
	border-radius: 0px 0px 3px 3px;
	padding: 10px 10px 1px;;
	margin: 0px;}
	
#sidebar .comments-content li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color: black;
	font-size: 14px;
	border-radius: 2px;
	overflow: hidden;
	border-bottom: 1px solid #ccc; }
	
#sidebar .comments-content a {
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#sidebar .comments-content a:hover {
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#sidebar .comments-content li .avatar {
	display: block;
	background: url("../images/avatar.jpg") center center no-repeat;
	float: left;
	width: 58px;
	height: 58px;
	border-radius: 2px 0px 0px 2px; }
	
#sidebar .comments-content li .comment-meta {
	float: right;
	width: 317px;
	font-weight: normal;
	background: #f1f1f1;
	min-height: 58px; }

#sidebar .comments-content li .comment-meta .author {
	display: block;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 8px;
	float: left;
	width: 80%; }

#sidebar .comments-content li .comment-meta .reply {
	float: right;
	display: inline-block;
	background: url("../images/icon-reply.svg") 89% 50% / 10px no-repeat;
	text-align: right;
	border-radius: 3px;
	margin-top: 3px;
	margin-right: 3px;
	padding: 1px 19px 1px 5px;
	font-size: 10px; }

#sidebar .comments-content li .comment-meta .reply:hover {
	background-color: white; }

#sidebar .comments-content li .comment-meta .timestamp {
	font-size: 10px;
	color: grey;
	border-top: 1px dashed #ccc;
	margin-top: 4px;
	padding-left: 8px;
	padding-top: 3px; }
	
#sidebar .comments-content li .bubble {
	padding: 1px;
	background: #fff;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#sidebar .comments-content li .bubble:hover {
	background-position: 355px 0px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
#sidebar .comments-content li .bubble p {
	padding: 0px;
	margin: 10px; }
	
#sidebar .comments-content li a {
	color: black; }
	
#sidebar .comments-content li.see-more a {
	display: block;
	font-size: 14px;
	line-height: 21px;
	padding: 5px;
	background: #6cb0c0;
	color: white;
	text-align: center;
	border-radius: 3px;
	border-bottom: 5px solid #60a0ae; }
	
#sidebar .comments-content li.see-more a:hover {
	background: #60a0ae;
	border-top: none;
	border-bottom-size: 1px;
	height: 21px;
	margin-top: 4px; }
	
body.story .filed-under {
	margin: 0px;
	background: #e8e8e8 url("../images/icon-filed.svg") 10px 13px no-repeat;
	background-size: 20px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 10px 3px 40px;
	font-size: 14px;
	margin-top: 50px;
	font-weight: bold;
	color: black; }
	
body.story .filed-under li {
	list-style: none;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 7px; }
	
body.story .filed-under li a {
	display: inline-block;
	padding: 1px 5px;
	background: #dbdbdb;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-weight: 100;
	text-transform: lowercase; }
	
body.story .filed-under li a:hover {
	background: white; }

body.story .prev-next-articles {
	margin-top: 20px; }
	
body.story .prev-next-articles a {
	display: block;
	padding: 0px;
	margin: 0px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .prev-next-articles a h3 {
	margin: 0px;
	padding: 0px; }
	
body.story .prev-next-articles a.prev {
	margin: 0px;
	float: left;
	width: 305px;
	border-left: 5px solid transparent;
	padding: 0px 10px 0px 50px;
	background: white url("../images/arrow-left.svg") 0px 3px / 40px no-repeat; }
	
body.story .prev-next-articles a.next {
	margin: 0px;
	float: right;
	text-align: right;
	width: 305px;
	padding: 0px 50px 0px 10px;
	border-right: 5px solid transparent;
	background: white url("../images/arrow-right.svg") 100% 3px / 40px no-repeat; }
	
body.story .prev-next-articles a:hover {
	color: #6cb0c0;
	border-color: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.story .prev-next-articles a.prev:hover { background-position: 0px 50%; }
body.story .prev-next-articles a.next:hover { background-position: 100% 50%; }

/* -------------------------------------------------- */
/* Results Page ------------------------------------- */
/* -------------------------------------------------- */	
	
body.results #main-content, body.results.home #main-content {
	width: 750px;
	padding-bottom: 50px; }
	
body.home.results article.post {
	width: 750px; }
	
body.home.results article.post .content, body.home.results article.post a.post-pic {
	width: 50%; }
	
body.home.results article.post.mini .content {
	width: 100%; }
	
body.results #content-wrap {
	padding-top: 80px;}
	
body.results #sidebar {
	padding-bottom: 30px; }
	
body.results .gallery {
	background: #333;
	margin: 10px 0px; }

body.results .search-destination {
	margin: 0px;
	padding: 0px; }

body.results .search-destination li {
	list-style: none;
	padding-bottom: 6px;
	margin-bottom: 4px; }

body.results .search-destination li a {
	display: block;
	border-radius: 3px;
	overflow: hidden;
	background: #333;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, .5);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

body.results .search-destination li a:hover {
	background: black;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body.results .search-destination li.selected a:hover {
	margin: 0px; }
	
body.results .search-destination li a span {
	display: block;
	width: 355px;
	text-align: center;
	color: white;
	padding: 10px;
	font-size: 12px; }
	
body.results .search-destination li.selected a {
	background: #6cb0c0 url("../images/icon-search.svg") 10px 10px no-repeat;
	background-size: 20px; }
	
body.results .search-destination li.selected a span {
	display: block;
	background: url("../images/search-button-top.svg") center 102% no-repeat;
	background-size: 10px; }

body.results .search-destination li.selected {
	background: url("../images/search-button-bottom.svg") center bottom no-repeat;
	background-size: 24px; }
	
body.results .search-destination li.site-search {
	float: left; }
	
body.results .search-destination li.site-search a {
	border-radius: 3px 0px 0px 3px; }
	
body.results .search-destination li.chatty-search {
	float: left; }
	
body.results .search-destination li.chatty-search a {
	border-radius: 0px 3px 3px 0px; }

body.results .gallery a {
	box-shadow: inset 0px 0px 0px 1px black; }
	
body.results .gallery a:hover {
	box-shadow: inset 0px 0px 0px 1px white; }	
	
body.results #result-box {
	display: block;
	background: white url("../images/icon-input-search.svg") 722px 9px / 16px no-repeat;
	width: 703px;
	padding: 8px 35px 8px 10px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	border: 1px solid #ccc;
	border-bottom-width: 5px;
	border-radius: 3px;
	clear: both; }	
	
body.results #sidebar h2.schedule {
	background: #ab473a url("../images/icon-clock.svg") 10px 50% no-repeat;
	background-size: 20px;
	font-size: 18px;
	letter-spacing: 1px;
	text-shadow: 0px 2px 0px #963932;
	border-bottom: 5px solid #963932;
	padding: 12px 10px 6px 40px;
	color: white;
	text-transform: uppercase;
	margin-bottom: 0px; }
	
body #sidebar #schedule {
	width: auto;
	padding: 9px 9px 1px;
	border: 1px solid #ccc;
	border-radius: 0px 0px 3px 3px;
	border-top: none;
	background: white; }	
	
body #sidebar #schedule .in {
	margin: 0px;
	padding: 10px 10px 1px;
	border-radius: 0px 0px 3px 3px;
	border-bottom: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.75);
	width: 380px; }
	
body #sidebar #schedule .schedule-item {
	width: 380px;
	height: auto;
	position: static;
	float: none;
	margin: 0px;
	border: none;
	border-radius: 3px;
	margin-bottom: 10px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body #sidebar #schedule .schedule-item:hover {
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body #sidebar #schedule .schedule-item .opac {
	width: 380px;
	height: auto;
	background-size: 100px 100px;
	position: static;
	border: none;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .25); }

body #sidebar #schedule .schedule-item:hover .opac {
	background-size: 150px;
	background-position: center left;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body #sidebar #schedule .schedule-item .opac .info {
	margin-left: 90px;
	border: 1px solid #ccc;
	border-left-color: black;
	border: none;
	padding-left: 10px;
	background: rgba(255, 255, 255, 0.5);	
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;  }
	
body #sidebar #schedule .schedule-item:hover .opac .info {
	margin-left: 150px;
	padding-left: 0px;
	background: rgba(255, 255, 255, 1);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;  }	
	
body #sidebar #schedule .schedule-item .opac .info h3 {
	text-indent: 0px;
	height: auto;
	padding: 10px;
	width: auto;
	border-bottom: 1px dashed #ccc; }
	
	
/* -------------------------------------------------- */
/* Acccount Page ------------------------------------ */
/* -------------------------------------------------- */

body.page-settings #content-wrap {
	padding: 150px 0px 50px; }
	
body #tabs ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 16px; }

body #tabs .tab-box ul.sub-tabs {
	padding-left: 10px;
	padding-top: 10px; }
	
body #tabs ul.sub-tabs a {
	font-size: 14px;
	font-weight: normal;
	color: white;
	font-size: 12px;
	padding: 5px 10px;
	margin-right: -4px;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }
	
body #tabs ul.sub-tabs a:hover {
	background: rgba(0, 0, 0, .25);
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear; }

body #tabs ul.sub-tabs a.selected {
	background: white;
	color: #333;
	box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, .25); }
	
body #tabs ul li {
	display: inline-block; }
	
body #tabs ul li a {
	display: inline-block;
	padding: 10px 15px;
	font-weight: bold; }
	
body #tabs ul li a.selected { }
	
body #tabs .tab-box {
	min-height: 100px;
	background: white;
	border-bottom: 1px solid #ccc;
	border-radius: 0px 0px 2px 2px;
	padding: 65px 25px 25px; }
	
body #tabs .tab-box#my_chatty, body #tabs .tab-box#account_settings {
	padding: 0px; }
	
body #tabs .tab-box fieldset {
	border-color: #ccc;
	background: #e8e8e8;
	border-radius: 3px;
	padding: 20px;
	margin: 25px 0px;
	font-size: 16px; }
	
body #tabs .tab-box label {
	display: inline-block;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: black; }
	
body #tabs .tab-box input[type="text"], body #tabs .tab-box input[type="password"] {
	width: 388px;
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	border-radius: 2px;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal; }
	
body #tabs .tab-box input[type="submit"] {
	padding: 5px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	background: #333;
	color: white;
	border: 1px solid black;
	font-size: 14px;
	margin: 10px 0px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal; }
	
body #tabs .tab-box input[type="file"], body #tabs .tab-box input[type="button"] {
	margin-bottom: 10px;
	padding: 0px;
	font-family: "Open Sans", sans-serif; }

body #tabs .tab-box img.avatar {
	float: left;
	width: 20%; }

body #tabs .tab-box .left-side {
	float: left;
	width: 40%; }
	
body #tabs .tab-box .left-side h2 {
	margin: 0px;
	padding: 5px 0px;
	margin-bottom: 19px;
	font-size: 24px;
	line-height: 36px;
	color: #333;
	border-top: 5px solid #333; }
	
body #tabs .tab-box .right-side {
	float: right;
	width: 55%; }
	
body #tabs .tab-box fieldset legend {
	padding: 5px 25px;
	background: #e8e8e8;
	border-radius: 2px;
	font-family: 12px;
	font-weight: bold;
	border-top: 1px solid #ccc; }

body #tabs .tab-box .spinner {
	display: inline-block;
	width: 50px;
	height: 50px; }

body #tabs .tab-box .selection-group {
	padding-bottom: 20px; }

body #tabs .tab-box .selection-group .check-group {
	margin-bottom: 5px; }
	
body #tabs .tab-box .success {
	padding: 10px;
	background: #9DAF7B;
	border: 1px solid #8A9674;
	border-radius: 2px;
	font-weight: bold;
	color: white;
	text-align: center; }
	
body #tabs .tab-box#account_settings { border-top: 10px solid #6a607f; }
body #tabs .tab-box#comment_options { border-top: 10px solid #6cb0c0; }
body #tabs .tab-box#email_settings { border-top: 10px solid #ab473a; }
body #tabs .tab-box#my_chatty { border-top: 10px solid #333; }

body #tabs .tab-box#account_settings .sub-tabs { background: #6a607f; }
body #tabs .tab-box#comment_options .sub-tabs { background: #6cb0c0; }
body #tabs .tab-box#email_settings .sub-tabs { background: #ab473a; }
body #tabs .tab-box#my_chatty .sub-tabs { background: #333; }

ul#messages, #message_title_bar {
	margin: 0px;
	padding: 25px 0px 0px;
	max-width: 1200px;
	margin: 0 auto; }
	
#messages_wrap {
	margin: 50px 25px 25px; }
	
#message_wrap:last-child .message-nav-bar {
	width: 100%; }
	
#message_title_bar { }

body.page-messages h2 {
	text-align: left;
	display: block;
	color: black;
	font-size: 36px;
	margin: 0 auto;
	max-width: 1200px; }
	
body.page-messages .content {
	max-width: 1250px;
	margin: 0 auto; }
	
body.page-messages #compose_wrap {
	margin: 20px 0px;
	padding: 25px;
	background: #ccc; }
	
body.page-messages #compose_wrap hr {
	display: none; }
	
body.page-messages #compse_wrap input, body.page-messages #compse_wrap textarea {
	padding: 5px;
	border-radius: 2px;
	border-bottom: 1px solid #b9b9b9;
	font-family: "Open Sans", sans-serif; } 
	
.inbox-top {
	max-width: 1200px;
	margin: 0 auto; }

.inbox-top .message-nav-bar, #message_buttons {
	float: left;
	padding: 25px 0px 0px;
	margin: 0 auto; }
	
.inbox-top .message-nav-bar {
	text-align: right;
	font-size: 12px;
	width: 30%; }
	
#messages_wrap .message-nav-bar {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	clear: both;
	text-align: right;
	font-size: 12px;
	padding-top: 20px; }
	
#message_buttons {
	width: 70%; }
	
#message_buttons div {
	display: inline-block;
	color: white;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
	margin-right: 6px;
	border-bottom: 1px solid black;
	padding: 10px;
	padding-left: 36px;
	text-indent: 0px;
	cursor: pointer; }
	
#message_buttons div:hover {
	opacity: .9; }
	
#message_buttons .sent {
	background: #333 url("../images/icon-inbox-sent.svg") 10px 50% / 16px no-repeat; }
	
#message_buttons .compose {
	background: #333 url("../images/icon-inbox-compose.svg") 10px 50% / 16px no-repeat; }
	
#message_buttons .inbox {
	background: #333 url("../images/icon-inbox-mailbox.svg") 10px 50% / 16px no-repeat; }
	
#message_buttons .inbox.active {
	background-color: #5c5070; }
	
#message_title_bar div {
	background: #5c4f70;
	padding: 10px 0px;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold; }
	
#message_title_bar .subject-column {
	background: #635a77; }
	
#message_title_bar div a {
	color: white;
	display: block;
	text-align: center; }
	
ul#messages {
	padding-top: 0px; }
	
ul#messages li {
	list-style: none;
	display: block;
	max-height: 31px;
	border: 1px solid #ccc;
	border-bottom: none;
	font-size: 14px; }
	
ul#messages li:last-child {
	border-bottom: 1px solid #ccc;
	border-radius: 0px 0px 2px 2px; }
	
ul#messages li:after, .inbox-top:after, ul#messages:after, #message_title_bar:after, #message_center:after, .message-body-buttons:after, .message-box:after {
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
    
.message-box .message-body {
	padding: 20px 0px; }
	
.name-column {
	float: left;
	width: 25%;
	padding: 4px 0px 6px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.5);
	white-space: nowrap;
	overflow: hidden; }
	
.name-column input {
	margin-left: 7px; }
	
.subject-column {
	float: left;
	width: 50%;
	padding: 5px 0px;
	background: #e8e8e8;
	text-indent: 10px;
	background: rgba(255, 255, 255, 1);
	white-space: nowrap;
	overflow: hidden; }
    
ul#messages .subject-column a {
	display: block; }
	
#compose_center div div.blue-button.right-edge {
	display: none; }
	
.date-column {
	float: left;
	width: 25%;
	padding: 5px 0px;
	font-size: 12px;
	font-weight: normal;
	text-indent: 10px;
	background: rgba(255, 255, 255, 0.5);
	text-align: right;
	white-space: nowrap;
	overflow: hidden; }
	
.date-column a {
	padding-right: 5px;
	color: grey; }
	
#compose_wrap {
	max-width: 1200px;
	margin: 0 auto; }
	
#compose_wrap #retrieve_confirmation {
	text-align: center;
	clear: both; }
	
#compose_center div input, #compose_center div textarea  {
	padding: 5px;
	border: 1px solid #bababa;
	border-radius: 3px; }
	
#messages .message-box {
	display: none;
	padding: 25px;
	background: white;
	clear: both; }
	
#messages .message-box .message-headers {
	background: #e8e8e8;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 0px 0px 3px 3px;
	font-weight: bold;
	color: black;
	overflow: hidden;
	font-size: 12px;
	line-height: 24px; }
	
#messages .message-box .message-headers span {
	display: inline-block;
	text-indent: 10px;
	color: #333;
	font-weight: normal; }

#messages .message-box hr {
	display: none; }
	
#messages .close-button {
	background: #ccc;
	font-weight: bold;
	text-align: center;
	color: black;
	border-radius: 3px 3px 0px 0px;
	cursor: pointer; }
	
.message-body-buttons div {
	width: 33%;
	font-weight: bold;
	font-size: 12px;
	float: left;
	padding: 5px 0px;
	text-align: center;
	cursor: pointer;
	background: #e8e8e8;
	color: black; }
	
.message-body-buttons div:hover, #messages .close-button:hover {
	opacity: .9; }
	
.message-body-buttons .forward-message {
	background: #ccc; }
	
	
/* -------------------------------------------------- */
/* Google Search ------------------------------------ */
/* -------------------------------------------------- */	
	
.gsc-result {
	background: #e8e8e8;
	border-bottom: 1px solid #ccc;
	padding: 0px; }
	
.gsc-result .gs-title {
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px; }
	
.gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0px; }
	
.gsc-url-top {
	color: #605372; }

@media (max-width: 1199px) {

	body.top #content-wrap {
		padding-top: 0px; }
	
	body.page-messages #main {
		padding: 20px 0px;	}
		
	body.static #content-wrap {
		padding-top: 50px; }

	header {
		position: static;
		min-width: 1220px; }
		
	header .in {
		margin: 0px; }
		
	#feature-wrap, body.story .story-image {
		padding-top: 0px;
		margin-top: 0px; }
		
	body.story .story-image {
		padding-top: -7px; }
}