/*
Theme Name: THREE COLUMN LAYOUT
Description: THREE COLUMN LAYOUT
Author:
Author URI:
*/

#container-inner {
	padding-top: 0;
}

.postEndMetaData .numComments {
	display: inline;
	text-align: center;
	position: relative;
	top: -1px;
	margin-right: 20px;
}

.postEndMetaData .numComments a {
	font-size: 12px;
	color: white !important;
	background: url("images/comment-count.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 27px;
	width: 28px;
	padding-top: 4px;
}

/*
  Flux SM4 ActivityFeed aka Comments
  tons of overrides here from : http://www.mtv.com/sitewide/css/charlie/screen.jhtml;
*/

.flux4Widget .activityFeed {
	background-color: #fff;
	border-radius: 0;
	color: #333;
	font-size: 14px;
	width: 576px;
}

.flux4Widget .activityFeed .userAvatarWithPointer {
	float: left;
	font-size: 0;
	width: 55px;
}

.flux4Widget .activityFeed .mainHeader .addComment {
	border: solid 1px #DEDEDE;
	background: #EFEFEF;
	padding: 15px;
}

.flux4Widget .activityFeed .commentForm .userAvatarWithPointer {
	background:none;
	position:absolute;
	height:25px;
	width:10px;
}

.flux4Widget .activityFeed .commentInput,
.flux4Widget .activityFeed .notAuthorized .commentInput {
	margin-left: 0;
}

.flux4Widget .activityFeed .commentInput,
.flux4Widget .activityFeed .notAuthorized .commentInput {}
.flux4Widget .activityFeed .commentInput div, .flux4Widget .activityFeed .notAuthorizedCommentInput div {
	border: #B1E6F7 1px solid;
	background: #DAF5FE;
	padding: 12px 10px 11px 10px;
}

.flux4Widget .activityFeed .replyFormContainer .commentInput {
	margin-left:10px;
}

.flux4Widget .activityFeed .replyFormContainer .commentInput div {
	border: #B1E6F7 1px solid;
	background: #DAF5FE;
}

.flux4Widget .activityFeed .activityItem .itemContent .replyFormContainer .commentForm {
	background-color:#fff;
	border:1px solid #41B0A0;
	padding:0;
	position:relative;
	left:36px;
}

.flux4Widget .activityFeed .replyFormContainer .commentForm .userAvatarWithPointer {
	left:-1px;
}

.flux4Widget .activityFeed .addComment .actionLine,
.flux4Widget .activityFeed .replyFormContainer .actionLine,
.flux4Widget .activityFeed .editingReply .actionLine,
.flux4Widget .activityFeed .editingComment .actionLine {
	background-color:#efefef;
	height: 10px;
	padding: 14px 0;
}

.flux4Widget .activityFeed .postToContainer,
.flux4Widget .activityFeed .notAuthorized .postToContainer {
	display: inline-block;
	margin-left: 20px;
	margin-top: -6px;
	padding: 0;
}

.flux4Widget .activityFeed .bottomActionLinks,
.flux4Widget .activityFeed .replyFormContainer .bottomActionLinks,
.flux4Widget .activityFeed .editingReply .bottomActionLinks,
.flux4Widget .activityFeed .editingComment .bottomActionLinks {
	display: inline-block;
	float: right;
	font-weight: bold;
	margin-right: 5px;
	margin-top: -2px;
	text-align: right;
}

.flux4Widget .addComment .publishingContainer.helpTooltip {
	padding: 2px 5px 3px 0;
}

.flux4Widget .activityFeed .bottomActionLinks .primaryButton,
.flux4Widget .activityFeed .bottomActionLinks .btnCancel,
.flux4Widget .activityFeed .pagerContainer .primaryButton,
.flux4Widget .activityFeed .replyFormContainer .bottomActionLinks .primaryButton,
.flux4Widget .activityFeed .pagerContainer .btnPrev,
.flux4Widget .activityFeed .pagerContainer .btnNext {
	position: inherit;
	text-decoration: none;
	/* For WebKit (Safari, Google Chrome etc) */
  background: -moz-linear-gradient(top,#00A0FB,#0075C3);
	/* For Mozilla/Gecko (Firefox etc) */
  background: -webkit-gradient(linear,left top,left bottom,from(#00A0FB),to(#0075C3));
	/* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00a0fb',EndColorStr='#0075c3',GradientType=0);
	display: inline-block;
	padding: 6px 12px;
	color: white !important;
	font-size: 12px;
	font-weight: bold !important;
	width: 26px;
	height: 14px;
}


.flux4Widget .activityFeed .mainHeader .filters .filterSimpleContainer .filterItemContainer a {
	font-weight: bold !important;
	font-size:14px;
}

.flux4Widget .activityFeed .bottomActionLinks .primaryButton:hover,
.flux4Widget .activityFeed .bottomActionLinks .btnCancel:hover {
	text-decoration: none !important;
  color: #FFFFFF;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, left bottom, from(#0075c3), to(#00a0fb));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(top, #0075c3, #00a0fb);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0075c3, endColorstr=#FF00a0fb);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0075c3, endColorstr=#FF00a0fb)";

}

.flux4Widget .activityFeed .pagerContainer .btnPrev div span,
.flux4Widget .activityFeed .pagerContainer .btnNext div span {
	display:block;text-indent:-9999px;
}

.flux4Widget .activityFeed .pagerContainer .btnNext {
	background-position:-77px -317px;
	width:20px;
	height:22px;
}

.flux4Widget .activityFeed .pagerContainer .btnNext:hover {
	background-position:-77px -341px;
}

.flux4Widget .activityFeed .pagerContainer .btnPrev {
	background-position:-56px -317px;
	width:20px;
	height:22px;
}

.flux4Widget .activityFeed .pagerContainer .btnPrev:hover {
	background-position:-56px -341px;
}

.flux4Widget .activityFeed .pagingButton div,
.flux4Widget .activityFeed .btnPost{
	font-size:14px;
	color:#fff;
}

.flux4Widget .activityFeed a.pagingButton {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}


.flux4Widget .activityFeed a,
.flux4Widget .activityFeed a:link,
.flux4Widget .activityFeed a:visited {
	font-size: 12px;
	border:0;
}

.flux4Widget .activityFeed a:hover{
  background-color: transparent;
}

#wrap #wActivity .activityFeed .bottomActionLinks a:link,
#wrap #wActivity .activityFeed .bottomActionLinks a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:20px;
	font-weight: bold;
}

#wrap .flux4Widget .activityFeed a.commentsCount .altText {
	color:#39bfa8;
}

.flux4Widget .activityFeed .activityItem,
.flux4Widget .preModMessage {
  border-top: 1px
  solid #E1E1E1;
  padding: 25px 5px;
}

.flux4Widget .activityFeed .activityItem .itemContent {
	margin-left: 20px;
	margin-right: 30px;
}

.flux4Widget .activityFeed .replyList {
	border:0;
}

.flux4Widget .activityFeed .repliesTopPointer {
	position:relative;
	margin-left: 45px;
}

.flux4Widget .activityFeed .activityItem .comments {
	position: relative;
	left: 36px;
	width: 475px;
}

#wrap .flux4Widget .activityFeed .activityListContainer .comments li.replyItem {
	border: 0; margin-left:10px;
}

.flux4Widget .activityFeed .replyList .replyItem .replyContent {
  margin: 10px 0 0 2px;
  font-size: 12px;
}

.flux4Widget .activityFeed .replyList .replyItem .replyComment {
  padding-bottom: 10px;
}

.flux4Widget .activityFeed .repliesContainer div.replyActions {
	position:relative;
	top:20px;
	left:-10px;
}

#wActivity .activityFeed .quote {
	background: none;
	margin:0 0 0 35px;
	padding:0;
	position: relative;
	bottom:10px;
}

.flux4Widget .activityFeed .repliesContainer .quoteField {
	position: relative; left: -35px;
	margin: 20px 0 10px;
}

.flux4Widget .activityFeed .repliesHeader .currentCommentsNums,
.flux4Widget .activityFeed .repliesFooter .currentCommentsNums {
	text-align:right;
}

.activityFeed .repliesHeader .currentCommentsNums {
	position: relative;
	top: 5px;
}

.activityFeed .repliesFooter .currentCommentsNums {
  padding-bottom:5px;
}

.flux4Widget .activityFeed .activityItem .itemContent .itemActions {
  margin-left:35px;
}

.flux4Widget .activityFeed .repliesHeader .commentsCount .altText,
.flux4Widget .activityFeed .repliesFooter .commentsCount .altText {
	color: #209987;
}

.flux4Widget .activityFeed .repliesHeader .repliesAction {
	margin:10px;
}

.flux4Widget .activityFeed .repliesFooter .repliesAction {
	margin-left:10px;
}

.flux4Widget .activityFeed .activityItem .itemContent .itemThesis .altText,
.flux4Widget .activityFeed .repliesHeader .repliesAction .altText,
.flux4Widget .activityFeed .repliesFooter .repliesAction .altText {
	font-size: 12px;
	color:#ACACAC;
}

/*HIDE content thumbnail or the content tile*/
#wrap .flux4Widget .activityFeed .activityItem .itemContent .itemPreview img.preview,
#wrap .flux4Widget .activityFeed .activityItem .itemContent .contentTitle {
	display:none;
}
#wrap .flux4Widget .activityFeed .activityItem .itemContent .itemPreview {
	padding:0;
}

#wrap .flux4Widget .activityFeed .activityItem .itemContent .description {
	margin:0;
}

#wrap .flux4Widget .activityFeed .txtComment {
	color:#333333 !important;
}

.flux4Widget .activityFeed .rating strong.up,
.flux4Widget .activityFeed .rating strong.up:hover {
	background: url(http://s.flux-stagingstatic.com/activity/Img/widgets/Rating/thumbs_up.gif) transparent no-repeat left;
	position:relative;
	height:18px;
	width:18px;
	margin-top:5px; margin-right:10px;
}

.flux4Widget .activityFeed .rating strong.up:hover {
  background: url(http://s.flux-stagingstatic.com/activity/Img/widgets/Rating/thumbs_up_hover.gif) transparent no-repeat left;
}

.flux4Widget .activityFeed .rating strong.up-pressed {
  background: url(http://s.fluxstatic.com/activity/Img/widgets/Rating/thumbs_up_sel.gif) transparent no-repeat left;
}

.flux4Widget .activityFeed .rating strong.up-pressed:hover {
  background: url(http://s.fluxstatic.com/activity/Img/widgets/Rating/thumbs_up_sel_hover.gif) transparent no-repeat left;
}

.flux4Widget .activityFeed a.flag:hover {
	background-position: -28px -258px;
}

.flux4Widget .addComment .publishingContainer .twitterPublishing input,
.flux4Widget .addComment .publishingContainer .facebookPublishing input {
	position:relative;
	right:13px;
	bottom:1px;
}


.flux4Widget .addComment .publishingContainer .twitterPublishing {
	background-position: -38px -76px;
}

.flux4Widget .addComment .publishingContainer .help {
	background-position: 0px -53px;
	width:18px;
}

.flux4Widget .activityFeed .activityItem .itemContent .replyFormContainer .commentForm {
	background-color: #EFEFEF;
	padding: 15px;
	border: none;
}

.flux4Widget .activityFeed .activityItem .activityFlagContainer {
	display:block;
}

.flux4Widget .activityFeed .dropdownButton .dropDownContainer .moreButtonWrapper,
.flux4Widget .activityFeed .mainHeader .sorterContainer .sorterContent .dropdownButton .dropdownContent li,
.flux4Widget .activityFeed .dropdownButton .dropdownContent li {
	color: #25A0E7;
}


.flux4Widget .activityFeed .selectedButton a,
.flux4Widget .activityFeed .selectedButton a:hover {
	color: white !important;
	cursor: default;
	display: block;
	text-decoration: none !important;
}

.flux4Widget .activityFeed .tooltipContent p {
  font-size: 12px;
}

/* flux4Widget User Views */
.flux4Widget .userQuickView .tooltipContent a {
  color: #25A0E7;
}

.flux4Widget .userQuickView .tooltipContent a:hover {
  background: none;
  text-decoration: underline;
}

/* flux4Widget flagging */
.flux4Widget .flagging4001 .flagItems {
  padding:10px;
}

.flux4Widget .flagging4001 .flagItems li {
  color: #25A0E7;
  text-decoration:none;
}

.flux4Widget .flagging4001 .flagItems li a {
  text-decoration:none;
}

.top_promo_bar {
padding:1px 10px 1px 0;
}

.top_promo_bar ul {
list-style: none;
padding:0;
margin:0;
}

.top_promo_bar li {
float:left;
background: #f4f4f4;
width: 305px;
margin-right:10px;
margin-bottom:10px;
}

.top_promo_bar .promo_thumb {
width: 150px;
height: 110px;
overflow: hidden;
float: left;
}

.top_promo_bar .caption {
padding: 5px 3px 5px 4px;
width: 145px;
float: right;
font-size: 14px;
overflow: hidden;
max-height: 93px;
}

.top_promo_bar a:link, .top_promo_bar a:visited {
	font-weight: bold !important;
}

.ad_728x90 {
width: 728px;
height: 90px;
margin: auto;
}

span.icon-logo-mtv {
	padding: 0px 10px 0 10px !important;
	color: white;
	float: left;
	display: block;
	font-size: 40px;
	line-height: 50px !important;
}

.sitename {
font-size: 2rem;
color: #fff;
font-weight: bold;
white-space: nowrap;
text-transform: lowercase;
}

.inner-header .hr {
	border-top:1px solid #404040;
}

.inner-header .headerblock {
	max-width:980px;
	margin:auto;
	position:relative;
	height:48px;
}


.sitename {
	font-size: 32px;
	color: #fff;
	font-weight:bold;
	white-space:nowrap
}

.inner-header {
	background-color:#000;
	z-index:5001;
	position:relative;
}

a.title {
  padding: 5px 5px 20px 0;
  display: block;
}