/*
Theme Name: Basetheme 15
Description: DCP Network Theme
Author: Kranzo Interactive
Author URI: http://www.kranzointeractive.com
Version: 1.0
*/

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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
*:focus {
    outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
::selection {
  background: #000000;
  color: #ffffff;
}
::-moz-selection {
  background: #000000;
  color: #ffffff;
}

/*///////////////////////////////////
GLOBAL
///////////////////////////////////*/
body, html {
	font-family: 'Lato', sans-serif;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-weight: 400;
}
input {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
p em, p i {
	font-style: italic;
}
a {
	text-decoration: none;
	transition: color 0.5s ease, background-color 0.5s ease;
}
.buttonWrapper {
	text-align:center;
}
.buttonWrapper .standardButton {
	margin-right: 0px;
}
.homePage .buttonWrapper, .postsPage .buttonWrapper  {
	padding-right: 20px;
}

#navigationButtonsWrapper a, #navigationButtonsWrapper a:visited, #navigationButtonsWrapper a:active {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	color: #000000;
	padding: 0px 20px 0px 20px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
	background: transparent;
	transition: all 0.5s ease;
	font-weight: 700;
	line-height: 48px;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
}

#navigationButtonsWrapper a:hover {
	background: #000000;
	color: #ffffff;
}

.shortcodeButton {
	margin-bottom: 20px;
}

.standardButton {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	color: #000000;
	padding: 0px 20px 0px 20px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
	background: transparent;
	transition: all 0.5s ease;
	font-weight: 700;
	line-height: 48px;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
}
.standardButton:visited, .standardButton:active {
	color: #000000;
}
.standardButton:hover {
	background: #000000;
	color: #ffffff;
}
.standardButton.lightButton {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.standardButton.lightButton:hover {
	background: #ffffff;
	color: #000000;
}
.sidebar .standardButton.lightButton:hover {
	color: #222326;
}
#header .standardButton {
    color: #78797b;
    border: 1px solid #78797b;
    margin-left: 20px;
    margin-top: 15px;
}
#header .standardButton:hover {
	color: #000000;
	background: #ffffff;
	border: 1px solid #ffffff;
}
.alignleft, img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.alignright, img.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#contentInterior p.source {
	font-size: 10px;
	line-height: 14px;
	color: #999999;
	margin-top: -28px;
	display: block;
}

#contentInterior a.source {
	font-size: 10px;
	line-height: 14px;
	color: #999999;
	margin-top: 5px;
	display: block;
}

#contentInterior a.imageCredit, #contentInterior a.imageCredit:active {
	margin-top: -12px;
	display: block;
	color: rgb(153, 153, 153) !important;
	font-weight: 200;
	font-size: 12px;
	margin-bottom: 20px;
	max-width: 500px;
}

#contentInterior p a.source {
	font-size: 10px;
	line-height: 14px;
	color: #999999;
	margin-top: -14px !important;
	display: block;
}

#contentInterior .source a, #contentInterior .source a:hover {
	color: #999999;
}

.imageOverlayLink {
	display: inline-block;
}

/*///////////////////////////////////
SHORTCODES
///////////////////////////////////*/
.listWrapper {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.listNumber {
	display: block;
	background: #000000;
	font-size: 24px;
	color: #ffffff;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-weight: 400;
	float: left;
}

.listHeading {
	display: block;
	font-weight: 400 !important;
	font-size: 24px !important;
	margin-bottom: 0px !important;
	line-height: 135% !important;
	margin-left: 65px;
	padding-top: 10px;
}

.barText {
	font-size: 21px !important;
	font-weight: 400 !important;
	color: #ffffff !important;
	padding: 15px 20px 15px 20px;
	line-height: 125% !important;
	background: #000000;
	width: 100%;
	display: block;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/*///////////////////////////////////
LOADER
///////////////////////////////////*/
.loaderWrapper {
	margin-top: -72px;
}
.loaderWhite,
.loaderWhite:before,
.loaderWhite:after {
  background: #ffffff;
  -webkit-animation: loaderWhite 1s infinite ease-in-out;
  animation: loaderWhite 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loaderWhite:before,
.loaderWhite:after {
  position: absolute;
  top: 0;
  content: '';
}
.loaderWhite:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loaderWhite {
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 6px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loaderWhite:after {
  left: 1.5em;
}
@-webkit-keyframes loaderWhite {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes loaderWhite {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
.loaderBlack,
.loaderBlack:before,
.loaderBlack:after {
  background: #000000;
  -webkit-animation: loaderBlack 1s infinite ease-in-out;
  animation: loaderBlack 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loaderBlack:before,
.loaderBlack:after {
  position: absolute;
  top: 0;
  content: '';
}
.loaderBlack:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loaderBlack {
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 6px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loaderBlack:after {
  left: 1.5em;
}
@-webkit-keyframes loaderBlack {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #000000;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #000000;
    height: 5em;
  }
}
@keyframes loaderBlack {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #000000;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #000000;
    height: 5em;
  }
}
.loaderPosts {
	margin-left: auto;
	margin-right: auto;
	width: 50px;
	height: 50px;
	overflow: hidden;
	display: none;
	padding-right: 20px;
}
.livePage .loaderPosts {
	padding-right: 0px;
}
.galleryPage .loaderPosts {
	padding-right: 0px;
}

/*///////////////////////////////////
OVERLAY 
///////////////////////////////////*/
#overlayLoader {
	position:absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-top: -25px;
	margin-left: -25px;
	display: none;
	opacity: 0;
}
#overlayContent {
	position:absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: none;
	opacity: 0;
}
#overlay {
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 998;
	display: none;
	opacity: 0;
}
#closeButton {
	z-index: 1000;
	display: none;
	opacity: 0;
	position:absolute;
	top:20px;
	right: 20px;
	color: #ffffff;
	cursor: pointer;
	font-size: 42px;
}

/*///////////////////////////////////
CONTAINER 
///////////////////////////////////*/
#container {
	width: 100%;
	height: 100%;
	position: relative;
}

/*///////////////////////////////////
TOPBAR
///////////////////////////////////*/
#topbar {
	width: 100%;
	height: 60px;
	padding: 15px;
	background: #000000;
	position: fixed;
	top: 0px;
	z-index: 900;
	display: none;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#topbar .tuneIn {
	float: left;
	margin-top: 0px;
	margin-left: 15px;
}
#topbar .tuneInText {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	margin-right: 8px;
	margin-bottom: 5px;
	float: left;
	margin-top: 6px;
}
#topbar .tuneInMobile {
	display: none;
}
#topbar .tuneInLogo {
	height: 30px;
	width: auto;
}

/*///////////////////////////////////
HEADER
///////////////////////////////////*/
#header {
	background-color: #000000;
	height: 100%;
	float: left;
	width: 170px;
	z-index: 3;
	position: relative;
}
#header .tuneIn {
	margin-top: 30px;
	margin-left: 20px;
}
#header .tuneInText {
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 20px;
	line-height: 21px;
	margin-bottom: 5px;
}
#header .tuneInLogo {
	height: 35px;
	width: auto;
}
#logo {
	padding:20px;
}
.logoMain {
	width: 100%;
	height: auto;
	max-width: 170px;
}
.logoSmall {
	margin-left: 15px;
	height: 30px;
	width: auto;
	display: none;
	float: left;
}
#mainNav li {
	margin-bottom: 12px;
}
#mainNav a {
	font-size: 14px;
	line-height: 16px;
	color: #78797b;
	text-transform: uppercase;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}
#mainNav a:hover {
	color: #ffffff;
}
#mainNav .sub-menu {
	position: absolute;
	left: -500px;
	background-color: #222326;
	padding-top: 20px;
	padding-bottom: 8px;
	margin-top: -36px;
	width: 170px;
}
#mainNav .sub-menu.visible {
	left: 170px;
}
#mainNav .sub-menu .subArrow {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #222326; 
	position: absolute;
	left: -10px;
	margin-top: -2px;
}
#mainNav .doubleLineItem {
	margin-top: -52px;
}
#header .followButton {
	display: none;
}
#header .ion-android-search {
	color: #78797b;
	font-size: 21px;
	display: block;
	padding-left: 20px;
	cursor: pointer;
	transition: all 0.5s ease;
}
#header .ion-android-search:hover {
	color: #ffffff;
}

/*///////////////////////////////////
MENU BUTTON
///////////////////////////////////*/
#menuHolder {
	width: 30px;
	height: 25px;
	position: relative;
	float: left;
	margin-top: 3px;
}

#navIcon {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#navIcon span {
  display: block;
  position: absolute;
  height: 10%;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#navIcon span:nth-child(1) {
  top: 0px;
}

#navIcon span:nth-child(2),#navIcon span:nth-child(3) {
  top: 40%;
}

#navIcon span:nth-child(4) {
  top: 80%;
}

#navIcon.open span:nth-child(1) {
  top: 40%;
  width: 0%;
  left: 50%;
}

#navIcon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#navIcon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#navIcon.open span:nth-child(4) {
  top: 40%;
  width: 0%;
  left: 50%;
}

/*///////////////////////////////////
CONTENT
///////////////////////////////////*/
#contentWrapper {
	background-color: #ffffff;
	height: 100%;
}
#contentMain {
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
	margin-right: -340px;
	margin-left: -170px;
	/*margin-top: 60px;*/
}
#contentMainInside {
	min-height: 100%;
	height: 100%;
	margin-right: 340px;
	margin-left: 170px;
	z-index: 1;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#contentInterior {
	width: 100%;
	max-width: 1200px;
	padding: 0px 40px 40px 40px;
	margin-left: auto;
	margin-right: auto;
}
.performersPage #contentInterior {
	padding-bottom: 15px !important;
}
#contentInterior p {
	font-size: 18px;
	line-height: 165%;
	color: #4e4f50;
	font-weight: 300;
	margin-bottom: 30px;
}
#contentInterior strong, #contentInterior b {
	font-weight: 700;
}
#contentInterior a:hover {
	color: #000000 !important;
}
#postWrapper {
	margin-bottom: 30px;
}
.performersPage #postWrapper {
	margin-bottom: 0px !important;
}
#postWrapper ol, #postWrapper ul {
	margin-bottom: 20px;
	line-height: 135%;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 20px;
}
#postWrapper li {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 300;
	color: #4e4f50;
	line-height: 135%;
}
#postWrapper h1 {
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 135%;
}
#postWrapper h2 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 135%;
}
#postWrapper h3 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 135%;
}
#postWrapper h4 {
	font-size: 21px;
	margin-bottom: 10px;
	line-height: 135%;
}
#postWrapper h5 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 135%;
}
#contentInterior h1 {
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 135%;
}
#contentInterior h2 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 135%;
}
#contentInterior h3 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 135%;
}
#contentInterior h4 {
	font-size: 21px;
	margin-bottom: 10px;
	line-height: 135%;
}
#contentInterior h5 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 135%;
}
#postWrapper .alignnone, #postWrapper .alignleft, #postWrapper .aligncenter, #postWrapper .alignright {
	max-width: 500px;
	width: 100%;
	height: auto;
	min-width: 500px;
}
.postPage #postWrapper .alignnone, .postPage #postWrapper .alignleft, .postPage #postWrapper .aligncenter, .postPage #postWrapper .alignright {
	opacity: 0;
}

/*///////////////////////////////////
POST IMAGES
///////////////////////////////////*/
.imagePostWrapper {
	position: relative;
	line-height: 1px;
	opacity: 0;
	display: block;
	max-width: 500px;
	margin-bottom: 20px;
}

.showImage {
	opacity: 1 !important;
}

.animatedGIFLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	height: 40px !important;
	width: 40px !important;
	display: none;
	z-index: 4;
}

.animatedIcon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	background: rgba(0,0,0,.5);
	border-radius: 20px;
	border: 2px solid #ffffff;
	text-align:center;
	margin-left: -20px;
	margin-top: -20px;
	font-size: 14px !important;
    line-height: 36px !important;
	color: #ffffff;
	font-weight: 400;
	cursor: default;
}

.imageShareButtons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
}

.imageShareButton {
	float: right;
	margin-left: 5px;
}

.imageAnimated {
	display: none;
}

 .imageShareButtons i {
	 display: inline-block;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
 }

 .imageShareButtons .ion-social-twitter {
	background: #00ACED;
	color: #ffffff;
	transition: background 0.5s ease;
 }
 
  .imageShareButtons .ion-social-facebook {
	background: #3B5998;
	color: #ffffff;
	transition: background 0.5s ease;
 }
 
  .imageShareButtons .ion-social-twitter:hover {
	background: #008abe;
 }
 
  .imageShareButtons .ion-social-facebook:hover {
	background: #2f477a;
 }
 
 .fullWidth {
    width: 100% !important;
    max-width: 100% !important;
 }

/*///////////////////////////////////
CALLOUT
///////////////////////////////////*/
#calloutWrapper {
	padding: 0px 40px 30px 40px;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.homePage #calloutWrapper {
	padding: 0px 40px 20px 40px;
}
.calloutDesktop {
	display: block;
}
.calloutMobile {
	display: none;
}
#calloutWrapper img {
	width: 100%;
	height: auto;
}

/*///////////////////////////////////
LIVE PAGE
///////////////////////////////////*/
#headerLiveWrapper {
	width: 100%;
	margin-bottom: 30px;
}
#headerLiveWrapper img {
	width: 100%;
	height: auto;
}
#livePlayerWrapper {
	padding: 0px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.livePage #shareWrapper {
	background: #ffffff;
	z-index: 900;
}
.livePage #shareWrapper h1 {
	font-size: 48px;
	line-height: 40px;
	font-weight: 300;
	float: left;
	margin-top: -5px;
}
.livePage #shareButtons {
	/*float: right;*/
}
#livePostsWrapper {
	width: 100%;
	background-image: url(images/live_background.png);
	background-repeat: repeat-x;
	background-color: #eeeeee;
	padding-bottom: 40px;
}
#livePosts {
	width: 100%;
	padding: 0px 20px 30px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.livePost {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #ffffff;
	position: relative;
	padding-bottom: 60px;
}
.livePostImage {
	background: #000000;
	position: relative;
	line-height: 1px;
}
.livePostImage img {
	width: 100%;
	height: auto;
}
.livePostImage a img {
	transition: opacity 0.5s ease;
}
.livePostImage a img:hover {
	opacity: .8;
}
.livePostText {
	padding: 30px 20px 0px 20px;
	font-size: 18px;
	line-height: 135%;
	font-weight: 300;
}
.livePostIcon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 4;
	background: rgba(0,0,0,.5);
	border-radius: 20px;
	border: 2px solid #ffffff;
	text-align:center;
	cursor: pointer;
}
.livePostIcon i {
	line-height: 34px;
	font-size: 32px;
	color: #ffffff;
}
.livePostIcon .ion-android-arrow-dropright {
    margin-left: 3px;
	margin-top: -1px;
}
.livePostIcon .gifIcon {
    font-size: 14px !important;
    line-height: 36px !important;
}
.livePostLink {
	position:absolute; 
	width:100%;
	height:100%;
	bottom: 0px;
	left:0px;
	z-index: 3;
	background-color: #000000;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transform:translate3d(0,0,0);
}
.livePostImage:hover .livePostLink, .livePostImage:hover .livePostLink {
	opacity: .25;
}
#backTop {
	float: left;
	line-height: 40px;
	font-size: 21px;
	cursor: pointer;
	display: none;
}
#backTop i {
	margin-right: 5px;
}
.liveTwitterPost {
	text-align: center;
}
.livePostTwitterImage {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.livePostTwitterName {
	font-size: 21px;
	font-weight: 300;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}
.livePostTwitterHandle {
	font-size: 14px;
	display: block;
	text-align: center;
}
.livePostTwitterText {
	padding: 30px 30px 0px 30px;
	font-size: 24px;
	line-height: 125%;
	font-weight: 300;
	text-align: center;
	word-wrap: break-word;
}
.livePostTwitterText .ion-social-twitter {
	display: block;
	color: #000000;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.livePostLargeText {
	padding: 30px 30px 0px 30px;
	font-size: 30px;
	line-height: 125%;
	font-weight: 300;
}
.livePostShare {
	color: #cccccc;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.livePostShareButtons {
	font-size: 21px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #cccccc;
}
.livePostShareButtons a {
	color: #cccccc !important;
	display: inline-block;
}
.livePostShareButtons a:hover {
	color: #000000 !important;
}
.livePostShareButtons i {
	margin-left: 15px;
}
.livePostShareButtons .ion-email {
	font-size: 24px;
}
.livePostShareButtons .ion-reply {
	font-size: 24px;
}
.liveAd {
	margin-left: -150px;
	left: 50%;
	position: absolute;
	top: 50%;
	margin-top: -125px;
	width: 300px;
	height: 250px;
}
#livePostsUpdated {
	cursor: pointer;
	position: fixed;
	z-index: 900;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	opacity: 0;
	display: none;
}

/*///////////////////////////////////
PERFORMERS PAGE
///////////////////////////////////*/
#performersPostsWrapper {
	width: 100%;
}
#performerPosts {
	width: 100%;
	padding: 0px 20px 30px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.performerPost {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #ffffff;
	position: relative;
}
.performerPost .postImageFade {
	height: 35%;
}
.performerPost .postImageWrapper {
	margin-bottom: 0px;
}
.performerPost img {
	width: 100%;
	height: auto;
}
.performerName {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #ffffff;
	font-size: 24px;
	z-index: 3;
	cursor: pointer;
	-webkit-transform:translate3d(0,0,0);
	line-height: 135%;
}

/*///////////////////////////////////
POPULAR
///////////////////////////////////*/
#popularWrapper {
	margin-bottom: 30px;
}
.popularPost {
	margin-bottom: 10px;
}
.popularImage {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 15px;
}
.popularImage img {
	max-width: 100%;
	height: auto;
}
.popularText a, .popularText a:visited, .popularText a:active {
	color: #78797b;
	font-size: 14px;
	transition: color 0.5s ease;
}
.popularText a:hover {
	color: #ffffff;
}
.popularSponsored {
	color: #d2d3d4;
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 4px;
}

/*///////////////////////////////////
FANZONE
///////////////////////////////////*/
#fanzoneWrapper {
	margin-bottom: 30px;
	position: relative;
	padding-right: 30px;
}
.fanzoneImage {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
}
.fanzoneArrow {
	font-size: 48px;
	color: #78797b;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -24px;
}
#fanzoneWrapper a {
	color: #78797b;
	transition: color 0.5s ease;
	line-height: 125%;
}
#fanzoneWrapper a:hover {
	color: #ffffff;
}

/*///////////////////////////////////
FOLLOW
///////////////////////////////////*/
#followPopupContent {
	display: none;
}
#followLinksWrapper {
	width: 600px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
#followLinksWrapper h1 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 20px;
}
#followLinksWrapper h2 {
	color: #ffffff;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
}
.followIcons {
	margin-bottom: 30px;
}
.followIcons a, .followIcons a:visited, .followIcons a:active {
	color: #ffffff;
	font-size: 48px;
	display: inline-block;
	margin-right: 20px;
	transition: color 0.5s ease;
}
.followIcons a:hover {
	color: #78797b;
}
.followIcons a:last-of-type {
	margin-right: 0px;
}
#followWrapper {
	height: 50px;
	margin-bottom: 30px;
}

#followWrapper i {
	font-size: 24px;
	margin-left: 5px;
	position: absolute;
	top: 1px;
	right: 15px;
}
#signupInput {
	width: 75%;
	height: 50px;
	border: 1px solid #ffffff;
	background: #000000;
	font-size: 18px;
	color: #666666;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 30px;
	float: left;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
}
#signupSubmit {
	background: #000000;
	font-size: 21px;
	color: #ffffff;
	line-height: 46px;
	display: inline-block;
	width: 25%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-transform: uppercase;
	height: 50px;
	border-left: none;
	cursor: pointer;
	transition: background 0.5s ease, color 0.5s ease;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
}
#signupSubmit:hover {
	background: #ffffff;
	color: #000000;
}
.followSnapchat {
	width: 100%;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	display: none;
}
.snapchatCode {
	max-width: 500px;
	width: 100%;
	height: auto;
}

/*///////////////////////////////////
VIDEO OVERLAYS
///////////////////////////////////*/
#videoOverlayWrapper {
	width: 1200px;
	max-width: 100%;
	border: 4px #ffffff solid;
}

/*///////////////////////////////////
GALLERY
///////////////////////////////////*/
#galleryPostsWrapper {
	width: 100%;
	margin-bottom: 30px;
}
#galleryPosts {
	width: 100%;
	padding: 0px 20px 10px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.galleryPost {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	opacity: 1;
	background: #000000;
	overflow: hidden;
	line-height: 1px;
}
.galleryPost img {
	max-width: 100%;
	height: auto;
	transition: opacity 0.5s ease;
}
.galleryPost img:hover {
	opacity: .75;
}
.gallerySingle img {
	border: 4px #ffffff solid;
}
.galleryDescription {
	color: #78797b;
	font-size: 14px;
	background-color:rgba(0,0,0,0.8);
	padding: 20px;
	position: absolute;
	left: 0px;
	bottom: 44px;
	width: 100%;
	border-right: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
}
.galleryDescription p {
	color: #78797b;
	font-size: 14px;
}
.galleryDescription a {
	color: #ffffff;
}
.galleryDescription a:hover {
	color: #ffffff;
}
#galleryShareButtons {
	float: none;
	margin-top: -2px;
	background: none;
	left: 50%;
	background: #000000;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}
.galleryArrows {
	font-size: 80px;
	color: #78797b;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	display: block;
	transition: color 0.5s ease;
	cursor: pointer;
}
.galleryArrows:hover {
	color: #ffffff;
}
.gallerySingle .ion-ios-arrow-left {
	left: -60px;
}
.gallerySingle .ion-ios-arrow-right {
	right: -60px;
}
#noMoreWrapper {
	display: none;
	width: 100%;
	text-align: center;
	height: 50px;
	font-size: 18px;
	padding-right: 20px;
}
#livePostsWrapper #noMoreWrapper {
	padding-right: 0px;
}
.galleryPage #noMoreWrapper {
	padding-right: 0px;
}

/*///////////////////////////////////
GALLERY IN POSTS
///////////////////////////////////*/
.galleryCallout {
	width: 100%;
	height: 140px;
	background: #ffffff;
	padding: 20px 20px 20px 0px;
	color: #000000;
	margin-bottom: 20px;
	border-top: #78797b solid 1px;
	border-bottom: #78797b solid 1px;
}
.galleryCallout .galleryPost {
	display: none;
}
.galleryCalloutImage {
	float: left;
	margin-right: 20px;
	height: 100px;
	width: auto;
}
.galleryCalloutLink {
	color: #4e4f50 !important;
}
#contentInterior .galleryCallout a:hover, #contentInterior .galleryCallout a:active {
	color: #000000 !important;
}
.galleryCalloutLink i {
	margin-right: 5px;
}
.galleryCalloutTitle {
	font-size: 21px;
	display: block;
	margin-bottom: 15px;
	color: #000000 !important;
}

/*///////////////////////////////////
SIDEBAR
///////////////////////////////////*/
#sidebar {
	background-color: #222326;
	min-height: 100%;
	height: 100%;
	width: 340px;
	float: left;
	z-index: 2;
	position: relative;
	padding: 20px;
	overflow-y: scroll;
	overflow-x: hidden;
	/*margin-top: 60px;*/
}
#sidebar p {
	color: #ffffff;
}
#sidebar h3 {
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#sidebar ul li {
	list-style: none;
}
.widget {list-style: none; }
#sidebarAdWrapper {
	margin-bottom: 30px;
}
#sidebar .standardButton {
    border: 1px solid #FFF;
    color: #ffffff;
    width: 300px;
    text-align: center;
}
#sidebar .standardButton:hover {
	color: #222326;
	background: #ffffff;
}

/*///////////////////////////////////
AUTHOR
///////////////////////////////////*/
#authorWrapper {
    display: block;
    margin-top: 30px;
    background-color: #EEE;
    padding: 20px;
}
.archivePage #authorWrapper {
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right:20px;
}
.authorImage {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}
.authorName {
	font-size: 24px;
	display: block;
	margin-bottom: 12px;
	margin-top: 20px;
}
.authorName a {
	color: #000000 !important;
	transition: none;
}
.authorName a:hover {
	color: #000000;
}
.authorTwitter {
	font-size: 18px;
	color: #000000 !important;
	font-weight: 300;
}
.authorTwitter i {
	color: #00aced;
	margin-right: 5px;
}
#authorDescription {
	margin-top: 15px;
    line-height: 125%;
    font-weight: 300;
    font-size: 21px;
	display: block;
	margin-bottom: 10px;
}

/*///////////////////////////////////
COMMENTS
///////////////////////////////////*/
#commentsWrapper {
	width: 100%;
	margin-bottom: 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
}
#comments {
	width: 100%;
	display: none;
	opacity: 0;
}

/*///////////////////////////////////
HERO
///////////////////////////////////*/
#heroWrapper {
	width: 100%;
	height: 48%;
}
.heroLeft {
	width: 65%;
	height: 100%;
	float: left;
}
.heroMain {
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.heroMain h2 {
	color: #ffffff;
	font-size: 30px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 4;
	cursor: pointer;
	-webkit-transform:translate3d(0,0,0);
	padding-right: 30px;
	line-height: 125%;
}
.heroMain .heroSponsored {
	font-size: 16px;
	color: #cccccc;
	display: block;
	margin-bottom: 5px;
	-webkit-transform:translate3d(0,0,0);
	text-transform: uppercase;
}
.heroRight {
	width: 35%;
	height: 100%;
	float: left;
	background-color: #000000;
}
.heroSecondary {
	width: 100%;
	height: 50%;
	background-color: #000000;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.heroSecondary h2 {
	color: #ffffff;
	font-size: 21px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 4;
	cursor: pointer;
	padding-right: 20px;
	line-height: 125%;
}
.heroSecondary .heroSponsored {
	font-size: 12px;
	color: #cccccc;
	display: block;
	margin-bottom: 5px;
	-webkit-transform:translate3d(0,0,0);
	text-transform: uppercase;
}
.heroLink {
	position:absolute; 
	width:100%;
	height:100%;
	bottom: 0px;
	z-index: 3;
	background-color: #000000;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transform:translate3d(0,0,0);
}
.heroMain:hover .heroLink, .heroSecondary:hover .heroLink {
	opacity: .25;
}
.heroFade {
	background-image: url(images/post_fade.png);
	background-size: contain;
	background-repeat: repeat-x;
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 35%;
	z-index: 2;
}
.heroSecondary .heroFade {
	height: 50%;
}
.heroIcon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 4;
	background: rgba(0,0,0,.5);
	border-radius: 20px;
	border: 2px solid #ffffff;
	text-align:center;
	cursor: pointer;
}
.heroIcon i {
	line-height: 36px;
	font-size: 20px;
	margin-left: 1px;
	margin-top: -1px;
	color: #ffffff;
}
.heroMain .heroIcon .ion-android-arrow-dropright {
	font-size: 32px;
	margin-left: 2px;
}
.heroSecondary .heroIcon {
	width: 30px;
	height: 30px;
	top: 10px;
	left: 10px;
	border-radius: 15px;
}
.heroSecondary .heroIcon i {
	line-height: 25px;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
}
.heroSecondary .heroIcon .ion-android-arrow-dropright {
	line-height: 26px;
	font-size: 24px;
	margin-left: 1px;
}

/*///////////////////////////////////
FEATURED
///////////////////////////////////*/
#featuredWrapper {
	background-color: #000000;
	width: 100%;
	height: 60px;
	margin-bottom: 20px;
}
#featuredLabel {
	background-color: #222326;
	font-size: 18px;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 10px;
	line-height: 60px;
	text-transform: uppercase;
	display: inline-block;
	float: left;
}
#featuredArrow {
	width: 0; 
	height: 0; 
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent; 
	border-left:30px solid #222326; 
	float: left;
}
#featuredText {
	font-size: 16px;
	line-height: 60px;
	color: #78797b;
	float: left;
	position: relative;
	white-space: nowrap;
}
#featuredText a {
	color: #78797b;
	opacity: 0;
	display: none;
	position: absolute;
	top: 0px;
	left: 20px;
	-webkit-transform:translate3d(0,0,0);
}
#featuredText a:hover {
	color: #ffffff;
}
#featuredText i {
	padding-left: 2px;
}

/*///////////////////////////////////
POSTS
///////////////////////////////////*/
#postsWrapper {
	width: 100%;
	padding: 0px 20px 40px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#postsWrapper h2 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.postPage #postsWrapper {
	padding: 10px 20px 20px 40px;
}
.post {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	opacity: 0;
}
.homePage .post {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.post img {
	width: 100%;
	height: auto;
}
.postLink, .postLink:visited, .postLink:active {
	color: #000000;
	display: block;
	font-size: 18px;
	line-height: 24px;
}
.postImageWrapper {
	position: relative;
	margin-bottom: 12px;
	overflow: hidden;
	line-height: 1px;
}
.explorePage .postImageWrapper {
	margin-bottom: 0px;
}
.postImageWrapper span {
	position:absolute; 
	width:100%;
	height:100%;
	bottom: 0px;
	z-index: 2;
	background-color: #000000;
	opacity: 0;
	transition: all 0.5s ease;
}
.postImageWrapper:hover .postLinker {
	opacity: .25;
}
.postImageFade {
	background-image: url(images/post_fade.png);
	background-size: contain;
	background-repeat: repeat-x;
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 35%;
	z-index: 2;
}
.postSponsored {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #cccccc;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 3;
	cursor: pointer;
	-webkit-transform:translate3d(0,0,0);
	line-height: 100%;
}
.postIcon {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
	background: rgba(0,0,0,.5);
	border-radius: 15px;
	border: 2px solid #ffffff;
	text-align:center;
	cursor: pointer;
}
.postIcon i {
	line-height: 25px;
	margin-left: 1px;
	color: #ffffff;
	font-size: 14px;
}
.postIcon .ion-android-arrow-dropright {
	line-height: 26px;
	font-size: 24px;
	margin-left: 2px;
}
.gifIcon {
	font-size: 12px !important;
	line-height: 26px !important;
}

/*///////////////////////////////////
HEADER PAGE
///////////////////////////////////*/
#headerPageWrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
#headerPageWrapper img {
	width: 100%;
	height: auto;
}
#headerPageWrapper h1 {
	position: absolute;
	left: 40px;
	bottom: 40px;
	font-size: 48px;
	font-weight: 300;
	color: #ffffff;
	z-index: 3;
}
#headerPageFade {
	background-image: url(images/post_fade.png);
	background-size: contain;
	background-repeat: repeat-x;
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 50%;
	z-index: 2;
}

/*///////////////////////////////////
HEADER POST
///////////////////////////////////*/
#headerPostWrapper {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
#headerPost {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
#headerPost {
	background-repeat: no-repeat;
	background-size: cover;
}
#headerPostImage {
	opacity: 0.2;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 25%;
	width: 100%;
	height: 100%;
}
#headerPostTitle {
	position: absolute;
	bottom: 30px;
	z-index: 5;
	padding-right: 40px;
}
#headerPostThumbnail {
	overflow: hidden;
	border-radius: 50%;
	position: absolute;
	left: 40px;
	bottom: 0px;
	z-index: 5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.headerPostDate {
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 5px;
	display: block;
}
#headerPostTitle h1 {
	color: #ffffff;
	font-size: 48px;
	line-height: 125%;
	font-weight: 300;
}

/*///////////////////////////////////
SEARCH
///////////////////////////////////*/
#searchWrapper {
	height: 50px;
	width: 500px;
	padding-left: 20px;
	padding-right: 20px;
}
.searchPage #searchWrapper {
	width: 100%;
	max-width: 560px;
	padding: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.searchPage h1 {
	margin-bottom: 40px !important;
	text-align: center;
}
#searchInput {
	width: 75%;
	height: 50px;
	border: 1px solid #ffffff;
	background: #000000;
	font-size: 18px;
	color: #666666;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 30px;
	float: left;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
}
.searchPage #searchInput {
	border: 1px solid #000000;
	background: #ffffff;
	font-weight: 300;
}
#searchSubmit {
	background: #000000;
	font-size: 21px;
	color: #ffffff;
	line-height: 46px;
	display: inline-block;
	width: 25%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-transform: uppercase;
	height: 50px;
	border-left: none;
	cursor: pointer;
	transition: background 0.5s ease, color 0.5s ease;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
}
.searchPage #searchSubmit {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #ffffff;
	color: #000000;
	font-size: 18px;
}
#searchSubmit:hover {
	background: #ffffff;
	color: #000000;
}
.searchPage #searchSubmit:hover {
	background: #000000;
	color: #ffffff;
}
.searchResult {
	margin-bottom: 20px;
}
.searchResult p {
	margin-bottom: 0px;
}

/*///////////////////////////////////
WINNERS AND VIDEOS SEARCH
///////////////////////////////////*/

.winnerField, .videoField {
	background-color: #ffffff;
	width: 100%;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	color: #4e4f50;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #000;
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
}

.styledSelect select {
	background: transparent;
   width: 110%;
   padding: 10px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 50px;
   line-height: 19px;
   -webkit-appearance: none;
   cursor: pointer;
   position: relative;
	z-index: 5;
	color: #4e4f50;
	font-family: 'Lato', sans-serif;
}

.styledSelect {
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000;
	background-color: #ffffff;
	background-image: url(images/dropdown.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-bottom: 20px;
	margin-top:10px;
	cursor: pointer;
}

.dropdownArrow {
	position: absolute;
	height: 50px;
	top: 0px;
	right: 10px;
	text-align: right;
	background: transparent;
}

.dropdownArrow i {
	color: #000000;
	font-size: 36px;
	line-height: 50px;
}

#searchform {
	margin-bottom: 30px;
	width: 100%;	
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

#searchform input {
	-webkit-appearance: none;
	border-radius: 0;
}

.winnersSearchText, .videosSearchText {
	text-align: center;
	padding-top: 10px;
}

.resultsHeading {
	text-align: center;
	margin-bottom: 20px !important;
}

#resultsTable {
	width: 100%;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 20px;
	margin-top: 5px;
}

#resultsTable p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}

#resultsTable td {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.tableHeading {
	height: 30px;
	background-color: #000000;
	color: #ffffff;
	height: 40px;
}

.tableHeading th {
	padding-left: 10px;
	line-height: 40px;
}

.resultsColumn1 {
	width: 10%;
}

.resultsColumn2 {
	width: 40%;
}

.resultsColumn3 {
	width: 50%;
}

.rowOdd {
	background-color: #f9f9f9;
}

.rowEven {
	background-color: #eeeeee;
}

/*///////////////////////////////////
NOMINEES
///////////////////////////////////*/
#nomineesWrapper {
	width: 100%;
	background-image: url(images/live_background.png);
	background-repeat: repeat-x;
	background-color: #eeeeee;
}
#nomineesWrapper p {
	font-size: 18px;
	line-height: 135%;
	color: #4e4f50;
	font-weight: 300;
	margin-bottom: 30px;
}
#nomineesWrapper p a:hover {
	color: #000000 !important;
}
#nomineesPosts {
	width: 100%;
	padding: 0px 40px 0px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#nomineesPosts ul {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 300;
	background: #ffffff;
	width: 100%;
}
#nomineesPosts li {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 15px;
	line-height: 125%;
}
#nomineesPosts li strong, #nomineesPosts li b {
	font-weight: 400;
}
#nomineesPosts li i {
	margin-right: 5px;
}
#nomineesPosts h2 {
	font-size: 24px;
	font-weight: 400;
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom: #cccccc 1px solid;
	line-height: 135%;
}
#nomineesPosts ul a {
	color: #000000;
	display: inline;
	transition: color 0.5s ease;
}
/*//NOMINEES VISUAL*/
#nomineesVisualWrapper {
	width: 100%;
	background-image: url(images/live_background.png);
	background-repeat: repeat-x;
	background-color: #eeeeee;
}
#nomineesVisualPosts {
	width: 100%;
	padding: 0px 20px 20px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.nomineesVisualWinnerWrapper {
	padding-right: 20px;
}
.nomineesCategoryWrapper {
	margin-bottom: 20px;
}
.nomineesVisualItem {
	opacity: 0;
}
.nomineesCategoryTitle {
	font-size: 32px;
	color: #000000;
	margin-bottom: 20px;
	padding-right: 20px;
}
.nomineeVisual {
	background-color: #ffffff;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.nomineeVisualWinner {
	margin-bottom: 20px;
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 50%;
}
.nomineeVisualWinnerSmall {
	margin-left: 2%;
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 23%;
	margin-bottom: 20px;
}
.nomineeVisualLink {
	margin-top: 10px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
}
.nomineeVisualLink i {
	font-size: 24px;
	position: relative;
	top: 3px;
	margin-right: 8px;
}
.nomineeVisual p, .nomineeVisualWinnerSmall p {
	display: block;
	padding: 20px;
	font-size: 18px;
	line-height: 135%;
	font-weight: 300;
	color: #4e4f50;
}
.nomineeVisualWinner p {
    font-size: 24px;
    color: #000000;
    font-weight: 400;
	display: block;
	padding: 20px;
	line-height: 135%;
}
.nomineeVisualImageWrapper {
	line-height: 1px;
	background: #000000;
}
.nomineeVisual img, .nomineeVisualWinner img, .nomineeVisualWinnerSmall img {
	width: 100%;
	height: auto;
	transition: opacity 0.5s ease;
}
.nomineeVisual a img:hover, .nomineeVisualWinner a img:hover, .nomineeVisualWinnerSmall a img:hover {
	opacity: .75;
}
.winnerIcon {
	height: 48px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	background: rgba(0,0,0,.5);
	text-align:center;
	cursor: default;
}
.winnerIconText {
    font-size: 18px;
    color: rgb(255, 255, 255);
    margin-left: 7px;
    position: relative;
    top: -2px;
    margin-right: 17px;
}
.winnerIcon i {
	line-height: 42px;
	font-size: 32px;
	color: #ffffff;
}
.winnerIcon .ion-android-star {
    margin-left: 12px;
}
.nomineesVisualPage #contentInterior {
	padding-bottom: 0px !important;
}

/*///////////////////////////////////
SHARE
///////////////////////////////////*/
#shareWrapper {
	width: 100%;
	padding: 0px 40px 30px 40px;
}
#shareButtons, #shareButtonsFixed {
	float: left;
	height: 40px;
	overflow: hidden;
	background:rgba(136, 136, 136, 1);
}
#shareButtonsFixed {
	display: none;
}
.shareCount {
	height: 40px;
	font-size: 21px;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 40px;
	float: left;
	color: #ffffff;
}
.shareButton {
	color: #ffffff;
	width: 50px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
}
.shareButton:active, .shareButton:visited {
	color: #ffffff;
}
.shareTwitter {
	background:rgba(0, 172, 237, 1);
	font-size: 21px;
	transition: background 0.5s ease;
}
.shareFacebook {
	background:rgba(59, 89, 152, 1);
	font-size: 24px;
	transition: background 0.5s ease;
}
.shareEmail {
	background:rgba(136, 136, 136, 1);
	font-size: 24px;
	transition: background 0.5s ease;
}
.shareTwitter:hover {
	background:rgba(0, 172, 237, 0.8);
}
.shareFacebook:hover {
	background:rgba(59, 89, 152, 0.8);
}
.shareEmail:hover {
	background:rgba(136, 136, 136, 0.8);
}

/*///////////////////////////////////
SPONSOR
///////////////////////////////////*/
#sponsor {
	float: right;
}
.sponsorText {
	line-height: 40px;
	margin-right: 10px;
	font-size: 18px;
}
.sponsorLogo {
	float: right;
	height: 40px;
	width: auto;
}
#sponsorNominee {
	margin-bottom: 20px;
	display: block;
	height: 40px;
}
.sponsorTextNominee {
	line-height: 40px;
	margin-right: 10px;
	font-size: 18px;
	float: left;
}
.sponsorLogoNominee {
	height: 40px;
	width: auto;
}

/*///////////////////////////////////
EXPLORE
///////////////////////////////////*/
.exploreText {
	color: #ffffff;
	font-size: 32px;
	line-height: 135%;
	text-align: center;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	top: 50%;
	z-index: 3;
}

#exploreHomeWrapper {
	width: 100%;
	padding: 0px 0px 40px 0px;
}

#exploreHomePosts {
	width: 100%;
	padding: 0px 20px 30px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#explorePosts {
	width: 100%;
	padding: 0px 20px 0px 40px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#exploreHomeWrapper .buttonWrapper {
	padding-right: 0px;
}

#exploreHomeWrapper h2 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 30px;
}

.exploreHomePost {
	float: left;
	margin-right: 20px;
}

.exploreHomePost .postImageWrapper {
    margin-bottom: 0px;
}

.exploreHomePost .exploreText {
	font-size: 28px;
}

.exploreText a, .exploreText a:hover, .exploreText a:active, .exploreText a:visited {
	color: #ffffff;
	display: block;
}

.exploreHomePost img {
	width: 100%;
	height: auto;
}

.explorePage .postImageWrapper span, .exploreHomePost .postImageWrapper span {
	opacity: .6;
}

.explorePage .postImageWrapper:hover .postLinker, .exploreHomePost .postImageWrapper:hover .postLinker {
	opacity: .7;
}

/*///////////////////////////////////
TIMELINE
///////////////////////////////////*/
#timelineWrapper {
	width: 100%;
	background-image: url(images/live_background.png);
	background-repeat: repeat-x;
	background-color: #eeeeee;
}

.timelineItem {
	width: 92%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}

.timelineItem img {
	width: 100%;
	height: auto;
}

.timelineVideoWrapper {
	position: relative;
	width: 100%;
	background: #000000;
	line-height: 1px;
	overflow: hidden;
	cursor: pointer;
}

.timelineVideoWrapper img {
	transition: opacity 0.5s ease;
	opacity: 1;
}

.timelineVideoWrapper img:hover {
	opacity: .75;
}

.timelineGifWrapper {
	position: relative;
	width: 100%;
	background: #000000;
	line-height: 1px;
	overflow: hidden;
}

.timelineItemText {
	padding: 20px 20px 30px 20px;
}

a.timelineCredit {
	margin-left: 10px;
	margin-top: 10px;
	color: #999999 !important;
	font-weight: 200;
	font-size: 12px !important;
	display: inline-block;
}

a.timelineCredit:hover, a.timelineCredit:active {
	color: #000000 !important;
}


.timelineItemText p {
	font-size: 18px;
	line-height: 135%;
	font-weight: 300;
	margin-bottom: 20px;
}

.timelineItemText h2 {
	font-size: 24px;
	line-height: 135%;
	margin-bottom: 10px;
}

#timelineWrapper a {
	transition: color 0.5s ease;
	font-size: 18px;
}

#timelineWrapper a:hover {
	color: #000000;
}

.timelineSpacer {
	width: 2px;
	background: #000000;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
}

.timelineDate {
	font-size: 20px;
	font-weight: 700;
	height: 80px;
	width: 80px;
	color: #ffffff;
	text-align: center;
	line-height: 80px;
	border-radius: 40px;
	background: #000000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*///////////////////////////////////
ADS
///////////////////////////////////*/
.mainAdsWrapper {
	width: 100%;
	margin-bottom: 20px;
}
.mainAds {
	margin-left: auto;
	margin-right: auto; 
}


/*///////////////////////////////////
SOCIAL EMBEDS
///////////////////////////////////*/
.twitter-tweet, .vine-embed, .instagram-media {
	max-width: 500px !important;
}
.twitter-tweet-rendered {
	width: 100% !important;
}
.oembed-instagram {
    max-width: 500px;
	margin-bottom: 20px !important;
}
.pb_feed {
max-width: 600px !important;
margin-left: auto !important;
margin-right: auto !important;
}

/*///////////////////////////////////
RELATED
///////////////////////////////////*/
.yarpp-related {
    margin: 0px !important;
}
.yarpp-related h3 {
    font-weight: normal !important;
}
.yarpp-related a {
    font-weight: normal !important;
}

/*///////////////////////////////////
FOOTER
///////////////////////////////////*/
#footerWrapper {
	width: 100%;
	background-color: #eeeeee;
	color: #999999;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 40px 40px 40px 40px;
}
#footer {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#footer a {
	color: #999999;
	transition: all 0.5s ease;
}
#footer a:hover {
	color: #222326;
}
.footerDesktop {
	display: block;
}
.footerMobile {
	display: none;
}
.dcpLogo {
	height: 35px;
	width: auto;
	display: inline-block;
}

/*///////////////////////////////////
ADS
///////////////////////////////////*/
#mainAdsWrapper {
	width: 100%;
	margin-bottom: 20px;
}
.mainAds {
	margin-left: auto;
	margin-right: auto; 
}
#adDesktop {
	display: block;
	width: 970px;
}
#adTabletLarge {
	display: none;
	width: 728px;
}
#adTabletSmall {
	display: none;
	width: 468px;
}
#adMobile {
	display: none;
	width: 300px;
}
@media only screen and (max-width: 1390px) {
	#adDesktop {
		display: none;
	}
	#adTabletLarge {
		display: block;
	}
	#adTabletSmall {
		display: none;
	}
	#adMobile {
		display: none;
	}
}
@media only screen and (max-width: 1148px) {
	#adDesktop {
		display: none;
	}
	#adTabletLarge {
		display: none;
	}
	#adTabletSmall {
		display: block;
	}
	#adMobile {
		display: none;
	}
}
@media only screen and (max-width: 1068px) {
	#adDesktop {
		display: none;
	}
	#adTabletLarge {
		display: block;
	}
	#adTabletSmall {
		display: none;
	}
	#adMobile {
		display: none;
	}
}
@media only screen and (max-width: 822px) {
	#adDesktop {
		display: none;
	}
	#adTabletLarge {
		display: none;
	}
	#adTabletSmall {
		display: block;
	}
	#adMobile {
		display: none;
	}
}
@media only screen and (max-width: 498px) {
	#adDesktop {
		display: none;
	}
	#adTabletLarge {
		display: none;
	}
	#adTabletSmall {
		display: none;
	}
	#adMobile {
		display: block;
	}
}

@media only screen and (max-width: 1520px) {
/*///////////////////////////////////
LAYOUT STYLES
///////////////////////////////////*/

#header {
	position: fixed;
	left: -260px;
	top: 0px;
	width: 260px;
}
.logoSmall {
	display: inline-block;
}
#header .tuneIn {
	display: none;
}
#mainNav .sub-menu {
    position: relative;
    left: auto;
    margin-top: 10px;
	display: none;
	width: 260px;
}
#mainNav .sub-menu.visible {
	display: block;
	left: auto;
}
#contentMain {
	margin-left: 0px;
}
#contentMainInside {
	margin-left: 0px;
}
#headerPostTitle h1 {
	font-size: 36px;
}
#topbar {
	display: block;
}
#container {
	padding-top: 60px;
}
.heroSecondary h2 {
    font-size: 18px;
}
}

@media only screen and (max-width: 1200px) {
#videoOverlayWrapper {
	width: 960px;
}
}

@media only screen and (max-width: 1068px) {
/*///////////////////////////////////
LAYOUT STYLES
///////////////////////////////////*/
body, html {
	overflow-x: hidden;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
}
#container {
	position: inherit;
}
#heroWrapper {
	height: auto;
}
#header .followButton {
	display: inline-block;
}
#contentMain {
	margin-left: 0px;
	margin-right: 0px;
	float: none;
	height: auto;
	overflow: visible;
}
#contentMainInside {
	margin-left: 0px;
	margin-right: 0px;
    min-height: 1px;
    height: auto;
	overflow-y: visible;
}
#sidebar {
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
	background-color: #eeeeee;
	min-height: 1px;
	height: auto;
	width: auto;
	float: none;
	position: relative;
	overflow-y: initial;
	overflow-x: initial;
	z-index: 0;
}
.postLink, .postLink:visited, .postLink:active {
	font-size: 16px;
	line-height: 21px;
}
.footerDesktop {
	display: none;
}
.footerMobile {
	display: block;
}
#sidebar h3 {
	color: #000000;
}
#popularWrapper {
	margin-right: 20px;
	float: left;
	margin-bottom: 0px;
}
.popularText a:hover {
	color: #000000;
}
.popularSponsored {
	color: #000000;
}
#fanzoneWrapper {
	float: right;
}
#fanzoneWrapper a:hover {
	color: #000000;
}
#sidebarAdWrapper {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 0px;
}
#followWrapper {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    margin-left: 10px;
}
.exploreHomePost .exploreText {
	font-size: 24px;
}
#sidebar .standardButton {
	border: 1px #78797b solid;
	color: #78797b;
	width: auto;
    text-align: left;
}
#sidebar .standardButton:hover {
	color: #eeeeee;
	background: #78797b;
}
#footerWrapper {
	padding-top: 20px;
}
}

/*
//REMOVE HOVER STATES ON MOBILE
*/
@media only screen and (max-width: 1000px) {
#videoOverlayWrapper {
	width: 768px;
}
#mainNav a:hover {
	color: #78797b;
}
#navigationButtonsWrapper a:hover {
	background: transparent;
	color: #000000;
}
.standardButton:hover {
	background: transparent;
	color: #000000;
}
.standardButton.lightButton:hover {
	background: transparent;
	color: #ffffff;
}
.sidebar .standardButton.lightButton:hover {
	color: #ffffff;
}
#header .standardButton:hover {
	color: #78797b;
	background: transparent;
	border: 1px solid #78797b;
}
#contentInterior .source a:hover {
	color: #999999;
}
#header .ion-android-search:hover {
	color: #78797b;
}
.imageShareButtons .ion-social-twitter:hover {
	background: #00ACED;
}
.imageShareButtons .ion-social-facebook:hover {
	background: #3B5998;
}
.livePostImage a img:hover {
	opacity: 1;
}
.livePostImage:hover .livePostLink, .livePostImage:hover .livePostLink {
	opacity: 0;
}
.livePostShareButtons a:hover {
	color: #cccccc !important;
}
.popularText a:hover {
	color: #78797b;
}
#fanzoneWrapper a:hover {
	color: #78797b;
}
.followIcons a:hover {
	color: #ffffff;
}
#signupSubmit:hover {
	background: #000000;
	color: #ffffff;
}
.galleryPost img:hover {
	opacity: 1;
}
.galleryArrows:hover {
	color: #78797b;
}
#sidebar .standardButton:hover {
	color: #78797b;
	background: transparent;
}
.authorName a:hover {
	color: #000000;
}
.heroMain:hover .heroLink, .heroSecondary:hover .heroLink {
	opacity: 0;
}
#featuredText a:hover {
	color: #78797b;
}
.postImageWrapper:hover .postLinker {
	opacity: 0;
}
#searchSubmit:hover {
	background: #000000;
	color: #ffffff;
}
.searchPage #searchSubmit:hover {
	background: #ffffff;
	color: #000000;
}
#nomineesWrapper p a:hover {
	color: #4e4f50 !important;
}
.nomineeVisual a img:hover {
	opacity: 1;
}
.shareTwitter:hover {
	background:rgba(0, 172, 237, 1);
}
.shareFacebook:hover {
	background:rgba(59, 89, 152, 1);
}
.shareEmail:hover {
	background:rgba(136, 136, 136, 1);
}
.explorePage .postImageWrapper:hover .postLinker, .exploreHomePost .postImageWrapper:hover .postLinker {
	opacity: .6;
}
#timelineWrapper a:hover {
	color: #000000;
}
#footer a:hover {
	color: #999999;
}
}

@media only screen and (max-width: 820px) {
#videoOverlayWrapper {
	width: 640px;
}
.heroMain h2 {
	font-size: 24px;
}
.heroSecondary h2 {
	font-size: 16px;
}
#headerPostThumbnail {
	top: 30px;
	bottom: auto;
}
#headerPostWrapper #shareWrapper {
    padding: 30px 40px 0px 40px;
}
#headerPostTitle {
	bottom: 20px;
}
#headerPostTitle h1 {
	font-size: 24px;
}
.galleryArrows {
	font-size: 60px;
	margin-top: -40px;
}
.gallerySingle .ion-ios-arrow-left {
	left: -40px;
}
.gallerySingle .ion-ios-arrow-right {
	right: -40px;
}
#footerWrapper.footerMobile {
    padding: 40px 40px 80px 40px;
}
.galleryImage, .galleryImageSizer {
	width: 33.3%;
}
#popularWrapper {
	margin-right: 0px;
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
#fanzoneWrapper {
	width: 80%;
	float: none;
	margin-bottom: 30px;
}
#sidebarAdWrapper {
	float: none;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#followWrapper {
	float: none;
	text-align: center;
}
}

@media only screen and (max-width: 640px) {
#videoOverlayWrapper {
	width: 100%;
}
#header {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#heroWrapper {
	width: 100%;
	height: auto;
}
#featuredLabel {
	display: none;
}
#featuredArrow {
	display: none;
}
#featuredText {
	float: none;
	text-align: center;
}
#featuredText a {
	left: 0px;
	text-align: center;
	width: 100%;
}
.heroLeft {
	width: 100%;
	float: none;
}
.heroMain h2 {
	font-size: 24px;
	left: 20px;
	bottom: 20px;
	padding-right: 20px;
}
.heroMain .heroSponsored {
	font-size: 14px;
}
.heroRight {
	width: 100%;
	float: none;
}
.heroSecondary {
	width: 50%;
	height: 100%;
	float: left;
}
.heroSecondary h2 {
	font-size: 16px;
}
.heroSecondary .heroSponsored {
	font-size: 10px;
}
.heroSecondary .heroFade {
    height: 50%;
}
.postPage #postsWrapper {
    padding: 0px 0px 20px 15px;
}
#postsWrapper, .homePage #postsWrapper {
    padding: 0px 0px 30px 15px;
}
#explorePosts {
	padding: 0px 0px 0px 15px;
}

.postImageFade {
	height: 50%;
}
#nomineesVisualPosts {
	padding: 0px 0px 20px 15px;
}
.nomineeVisual {
	margin-right: 15px;
	margin-bottom: 15px;
}
#exploreHomePosts {
	padding: 0px 0px 30px 15px;
}
.exploreHomePost {
	margin-right: 15px;
}
.post, .homePage .post {
	margin-right: 15px;
	margin-bottom: 15px;
}
#livePosts {
	padding: 0px 0px 30px 15px;
}
#livePlayerWrapper {
	padding: 0px 15px;
}
.livePost {
	margin-right: 15px;
	margin-bottom: 15px;
}
#nomineesPosts {
	padding: 0px 15px 30px 15px;
}
#nomineesPosts ul {
	margin-right: 15px;
	margin-bottom: 15px;
}
#performerPosts {
	padding: 0px 0px 30px 15px;
}
.performerPost {
	margin-right: 15px;
	margin-bottom: 15px;
}
.galleryPost {
	margin-right: 15px;
	margin-bottom: 15px;
}
#galleryPosts {
	padding: 0px 0px 10px 15px;
}
.livePage #shareWrapper h1 {
	font-size: 36px;
}
.liveAdPost {
	padding: 15px;
}
.liveAd {
	margin-left: auto;
	left: auto;
	position: relative;
	top: auto;
	margin-right: auto;
	margin-top: auto;
}
#backTop {
    line-height: 25px;
    font-size: 18px;
}
.calloutDesktop {
	display: none;
}
.calloutMobile {
	display: block;
}
#contentMainInside {
	position: inherit;
}
.noSponsor#shareWrapper {
	padding:0px;
}
.noSponsor #headerPostThumbnail {
	bottom: 16px;
}
.noSponsor#headerPostWrapper {
    margin-bottom: 10px;
}
#headerPageWrapper {
    margin-bottom: 20px;
}
#headerPageWrapper h1 {
    left: 15px;
    bottom: 15px;
}
#shareWrapper {
    width: 100%;
    padding: 0px 15px 20px;
}
#calloutWrapper, .homePage #calloutWrapper {
	padding: 0px 15px 20px;
}
#contentInterior {
	padding: 0px 15px 20px;
}
#shareButtons {
	display: none;
}
#shareButtonsFixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
	z-index: 900;
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.shareCount {
	width: 25%;
	text-align: center;
}
.shareButton {
	width: 33.3%;
}
#galleryShareButtons .shareButton {
	width: 50px;
}
#sponsor {
    float: none;
    display: inline-block;
}
#fanzoneWrapper {
	width: 100%;
}
.archivePage #authorWrapper {
	margin-right:15px;
}
.nomineesVisualWinnerWrapper {
    padding-right: 0px;
}
.nomineeVisualWinner {
	float: none;
	width: 100%;
	height: auto !important;
}
.nomineeVisualWinnerSmall {
	margin-right: 15px;
	margin-left: 0px;
}
}

@media only screen and (max-width: 530px) {
.imageShareWrapper {
    width: 100%;
}
#postWrapper .alignnone, #postWrapper .alignleft, #postWrapper .aligncenter, #postWrapper .alignright {
	min-width: 100%;
}
}

@media only screen and (max-width: 480px) {
#topbar .tuneInText {
	font-size: 12px;
	margin-top: 8px;
}
#topbar .tuneInDesktop {
	display: none;
}
#topbar .tuneInMobile {
	display: block;
}
.heroMain .heroFade {
    height: 50%;
}
.heroMain h2 {
    left: 15px;
    bottom: 15px;
    font-size: 21px;
}
.heroSecondary h2 {
    font-size: 12px;
    left: 15px;
    bottom: 10px;
}
#featuredWrapper {
	height: 40px;
}
#featuredText {
	line-height: 40px;
	font-size: 12px;
}
#searchInput {
    width: 65%;
    font-size: 16px;
}
#searchSubmit {
    width: 35%;
    font-size: 16px;
}
#signupInput {
    width: 65%;
    font-size: 16px;
}
#signupSubmit {
    width: 35%;
    font-size: 16px;
}
.followIcons a {
    font-size: 36px;
}
#headerPageWrapper {
	margin-bottom: 20px;
}
#headerPageFade {
    height: 50%;
}
#headerLiveWrapper {
    margin-bottom: 20px;
}
.exploreText {
	font-size: 24px;
}
.livePostText {
    padding: 20px 15px 0px 20px;;
    font-size: 16px;
}
#livePosts {
    padding: 0px 0px 10px 15px;
}
#performerPosts {
    padding: 0px 0px 10px 15px;
}
.nomineeVisual p {
    padding: 15px;
    font-size: 14px;
}
.nomineesCategoryTitle {
    font-size: 24px;
	padding-right: 15px;
}
.livePostTwitterText {
    padding: 20px;
    font-size: 24px;
}
.livePostLargeText {
    padding: 20px;
    font-size: 24px;
}
.livePostTwitterName {
    font-size: 19px;
}
#headerPageWrapper h1 {
    left: 15px;
    bottom: 15px;
    font-size: 30px;
}
.sponsorText {
	font-size: 14px;
}
#headerPostThumbnail {
	width: 150px;
	height: 150px;
	left: 50%;
    top: auto;
	bottom: 62px;
	margin-left: -75px;
}
#headerPost {
	height: 220px;
}
#headerPostTitle {
    bottom: 90px;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
	width: 100%;
}
#headerPostWrapper #shareWrapper {
    padding: 60px 15px 0px 15px;
	text-align: center;
}
#postsWrapper h2 {
    font-size: 18px;
	margin-bottom: 10px;
}
.authorImage {
    margin-right: 10px;
    height: 75px;
    width: 75px;
}
.authorName {
    margin-top: 12px;
    font-size: 21px;
    margin-bottom: 8px;
}
.authorTwitter {
    font-size: 16px;
}
#authorDescription {
    font-size: 18px;
}
.postImageWrapper {
    margin-bottom: 8px;
}
.explorePage .postImageWrapper {
	margin-bottom: 0px;
}
.postLink, .postLink:visited, .postLink:active {
    font-size: 14px;
    line-height: 18px;
}
#contentInterior p {
	font-size: 16px;
}
#postWrapper li {
	font-size: 16px;
}
.galleryImage, .galleryImageSizer {
	width: 50%;
}
.listWrapper h2 {
    font-size: 21px !important;
}
.barText {
	font-size: 18px !important;
}
.galleryDescription {
	font-size: 12px;
	padding: 10px;
}
.galleryDescription p {
	font-size: 12px;
}
.nomineeVisualWinnerSmall {
	margin-right: 15px;
}
}

@media only screen and (max-width: 320px) {
.heroMain h2 {
    bottom: 10px;
}
.heroSecondary h2 {
    font-size: 10px;
}
#featuredText {
	font-size: 11px;
}
.livePostTwitterText {
    font-size: 21px;
}
.livePostLargeText {
    font-size: 21px;
}
#sidebar {
	padding-left: 10px;
	padding-right: 10px;
}
#popularWrapper {
	margin-left: 5px;
	margin-right: 5px;
}
#fanzoneWrapper {
	margin-left: 5px;
	margin-right: 5px;
}
#headerPageFade {
    height: 100%;
}
}