/* right box */
.rightContentBox {
	background-color: #F6F6F6;
	border: 1px solid #C5C5CD;
	margin-bottom: 10px;
	position: relative;
	width: 326px;
}

.rightContentBox h2 {
	background-color: #BD0D0D;
	color: #FFFFFF;
	font: italic bold 20px/40px Georgia,"Times New Roman",Times,Serif;
	height: 40px;
	left: -1px;
	position: relative;
	text-indent: 16px;
	top: -1px;
	width: 328px;
}

.rightContentBox h2:before {
	background-color: #ED1B24;
	content: "";
	display: block;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
}

.rightContentBox h2:after {
	content: " »";
	font-style: normal;
}

.rightContentBox ul {
	margin: 0 6px;
}

.rightContentBox li {
	border-bottom: 1px solid #C5C6CB;
	margin-top: 10px;
	min-height: 66px;
	padding-bottom: 10px;
}

.rightContentBox li:last-child {
	border-bottom: none;
}

.rightContentBox li:after {
	clear: both;
	content: "";
	display: block;
}

.rightContentBox .image {
	height: 66px;
	margin: 0 6px;
	overflow: hidden;
	width: 100px;
}

.rightContentBox .image img {
	width: 100px;
}

.rightContentBox .image,
.rightContentBox h3,
.rightContentBox .intro {
	float: left;
}

.rightContentBox h3,
.rightContentBox .intro {
	width: 202px;
}

.rightContentBox h3 {
	font: bold 14px Georgia, "Times New Roman", Times, Serif;
	margin-bottom: 5px;
}

.rightContentBox .intro {
	font: 14px Georgia, "Times New Roman", Times, Serif;
}

.rightContentBox .more {
	border-top: 2px solid #CECECE;
	clear: both;
	font: bold 12px Arial,Sans-serif;
	margin: 5px 10px 0;
	padding: 5px 0;
	text-align: right;
	text-transform: uppercase;
}

.rightContentBox .more a:before {
	content: "+ ";
}

/* xolos */
.rightContentBox.xolos h2 {
	background: url("/app/templates/default/images/xolos-boxheader.png") no-repeat scroll 0 0 transparent;
	height: 50px;
	padding: 0;
	text-indent: -9999px;
	top: -6px;
}

.rightContentBox.xolos h2:before {
	display: none;
}

.rightContentBox.xolos .firstItem .image {
	float: none;
	height: 150px;
	margin-bottom: 4px;
	overflow: hidden;
	width: 300px;
}

.rightContentBox.xolos .firstItem .image img {
	display: block;
	width: 300px;
}

.rightContentBox.xolos .firstItem h3,
.rightContentBox.xolos .firstItem .intro {
	margin: 0 6px;
	width: auto;
}

.rightContentBox.xolos .more {
	background-color: #282828;
	border-top: medium none;
	font-size: 13px;
	font-style: italic;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: none;
}

.rightContentBox.xolos .more:after {
	background-color: #ED1B24;
	bottom: 0;
	content: "";
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	width: 13px;
}

.rightContentBox.xolos .more a {
	color: #FFFFFF;
}

.rightContentBox.xolos .more a:before {
	content: "";
}

.rightContentBox.xolos .more a:after {
	border-color: transparent transparent transparent #FFFFFF;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	content: "";
	display: inline-block;
	height: 0px;
	margin-left: 5px;
	width: 0px;
}

/* COMIC-CON 2014 */
.rightContentBox.comic-con-2014 h2 {
	background: url("/app/templates/default/images/comic-con-2014-header.jpg") no-repeat scroll 0 0 transparent;
	height: 50px;
	padding: 0;
	text-indent: -9999px;
	top: -6px;
}

.rightContentBox.comic-con-2014 h2:before {
	display: none;
}

.rightContentBox.comic-con-2014 .firstItem .image {
	float: none;
	height: 150px;
	margin-bottom: 4px;
	overflow: hidden;
	width: 300px;
}

.rightContentBox.comic-con-2014 .firstItem .image img {
	display: block;
	width: 300px;
}

.rightContentBox.comic-con-2014 .firstItem h3,
.rightContentBox.comic-con-2014 .firstItem .intro {
	margin: 0 6px;
	width: auto;
}

.rightContentBox.comic-con-2014 .more {
	background-color: #282828;
	border-top: medium none;
	font-size: 13px;
	font-style: italic;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: none;
}

.rightContentBox.comic-con-2014 .more a {
	color: #FFFFFF;
	margin-right: 8px;
}

.rightContentBox.comic-con-2014 .more a:before {
	content: "";
}

.rightContentBox.comic-con-2014 .more a:after {
	border-color: transparent transparent transparent #FFFFFF;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	content: "";
	display: inline-block;
	height: 0px;
	margin-left: 5px;
	width: 0px;
}

/* viral videos */
.rightContentBox.virales h2 {
	background: url('/app/templates/default/images/virales-boxheader.jpg') no-repeat scroll 0 0 #ED1B24;
	font: bold 24px/40px Arial,Sans-serif;
	text-indent: -9999px;
	text-transform: uppercase;
}

.rightContentBox.virales h2:before {
	background-color: #282828;
}

.rightContentBox.virales h2:after {
	content: "";
}

/* real baja */
.rightContentBox.the-real-baja h2 {
	background: url("/app/templates/default/images/baja-boxheader.jpg") no-repeat scroll 0 0 #A55733;
	color: #FAFCF9;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	text-shadow: -1px 1px 1px #000000;
}

.rightContentBox.the-real-baja h2:before {
	display: none;
}

.rightContentBox.the-real-baja .firstItem .image {
	float: none;
	height: 150px;
	margin-bottom: 4px;
	overflow: hidden;
	width: 300px;
}

.rightContentBox.the-real-baja .firstItem .image img {
	display: block;
	width: 300px;
}

.rightContentBox.the-real-baja .firstItem h3,
.rightContentBox.the-real-baja .firstItem .intro {
	margin: 0 6px;
	width: auto;
}

.rightContentBox.the-real-baja .more {
	background-color: #7C3D1E;
	border-top: medium none;
	font-size: 13px;
	font-style: italic;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent: 90px;
	text-transform: none;
}

.rightContentBox.the-real-baja .more:after {
	background-color: #39271B;
	bottom: 0;
	content: "";
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	width: 13px;
}

.rightContentBox.the-real-baja .more a {
	color: #FFFFFF;
}

.rightContentBox.the-real-baja .more a:before {
	content: "";
}

.rightContentBox.the-real-baja .more a:after {
	border-color: transparent transparent transparent #FFFFFF;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	content: "";
	display: inline-block;
	height: 0px;
	margin-left: 5px;
	width: 0px;
}