/*
Theme Name: Hiphopbeef
Author: Darrell Toney
Author URI: http://wordpress.org/
Description: Unyforme.
Version: 1.0
*/

@import url("css/normalize.css");
@import url("fonts/fonts.css");
/* Eric Meyer's CSS Reset */
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;
}
*, 
*:before, 
*:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
html {
  font-family: sans-serif; 
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  image-rendering:optimizeSpeed;
  image-rendering:-moz-crisp-edges;
  image-rendering:-o-crisp-edges;
  image-rendering:-webkit-optimize-contrast; 
  image-rendering:optimize-contrast;
  image-rendering:crisp-edges;    
  image-rendering:pixelated;              
  -ms-interpolation-mode:nearest-neighbor;
}
.cf:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .cf {
  display: block;
}
 
* html .cf {
  height: 1%;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.text-center {
  text-align: center;
}
.text-right {
	text-align: right;
}
.inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.hidden {
  display: none;
}
/* 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;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/16px "Helvetica", Arial, sans-serif;
	width: 100%;
}
.wrapper {
	width: 982px;
	margin: 0 auto;
}
a {
	color: #D60F0F;
}
a:hover {
	opacity: 0.7;
}
html {
	background: url("img/body_bg.png") repeat-x scroll 0 0 transparent;
}
/* Header
-----------------------------------------------------------------------------*/
.top_banner {
	margin: 12px 0 38px;
}
.header {
  border-bottom: 1px solid #bebebe;
  margin: 0 -8px 0 8px;	
}
.logo {
	padding: 10px 0 0 3px;
}
.logo .logo_img{
  background: url("img/logo.jpg") no-repeat scroll 0 0 transparent;
  display: block;
  height: 86px;
  width: 132px;
}
.nav {
  margin-bottom: -1px;
}
.nav ul {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.nav ul li{
	display: inline-block;*display: inline;*zoom: 1;
}
.nav ul li a{
  color: #000;
  display: block;
  font: 38px/35px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 0;
  padding: 41px 0 28px;
  text-decoration: none;
  text-transform: uppercase;
}
.nav ul li.current a{
	margin: 0 0 0 -1px;
  border-color: #bebebe #bebebe #fff;
  border-style: solid;
  border-width: 1px;
  padding: 41px 23px 28px;
  color: #d60f0f;
  position: relative;
  z-index: 1;
}
.nav ul li a:hover{
  color: #d60f0f;
  opacity: 1;
}
.nav ul li:last-child a{
  padding: 41px 0 28px 12px;
}
.nav ul li a span{
  border-right: 1px solid #e2e2e2;
  padding: 0 21px;
}
.nav ul li.current a span{
  border: medium none;
  padding: 0;
}
.nav ul li:last-child a span{
  border: medium none;
  padding: 0;
}
.items_list {
	overflow: hidden;	
}
h3,
.h3 {
  font: 21px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 1px 0 19px;
  padding: 0;
}
h2,
.h2 {
  font: 21px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 1px 0 19px;
  padding: 0;
}
.items_list h3 {
  font: 21px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 1px 0 19px;
  padding: 0;
}
.items_list ul{
  font-size: 0;
  line-height: 0;
  margin: 0 -40px -30px 0;
  overflow: hidden;
  padding: 0;
}
.items_list ul li{
	display: inline-block;*display: inline;*zoom: 1;
  border-bottom: 1px solid #9c9c9c;
  margin: 0 0 43px;
  padding: 0 23px 12px 0;
  width: 163px;
  vertical-align: top;
}
.items_list ul li.date{
  display: block;
  font: 30px/30px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin-bottom: 3px;
  text-transform: uppercase;
  width: 100%;
  border: none;
  padding: 0;
}
.items_list ul li.date i{
  background: none repeat scroll 0 0 #d60f0f;
  color: #fff;
  display: block;
  float: left;
  margin: 4px 3px 0 0;
  padding: 5px;
}
.items_list ul li.date b{
  display: block;
  font: 21px/16px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  padding: 10px 0 0;
}
.items_list ul li.date em{
  font: 20px/20px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	display: block;
}
.items_list ul li .v-item{}
.items_list ul li .v-item a{
	color: #D60F0F;
	text-decoration: none;
}
.items_list ul li .v-item a:hover{
	opacity: 1;
	color: #000;
}
.items_list ul li .v-item img{
  display: block;
  margin: 0 auto 9px;	
}
.items_list ul li .v-item .title{
  display: block;
  font: 12px/15px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 0 0 4px;
}
.items_list ul li .v-item .date{
  color: #9c9c9c;
  display: block;
  font: 11px/14px Helvetica,sans-serif;
}
.news_list {}
.news_list ul{}
.news_list ul li{
  border-bottom: 1px solid #9c9c9c;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.news_list .n-item{}
.news_list .n-item img{
	float: left;
	margin: 5px 10px 0 0;
	display: block;
}
.news_list .n-item h2{
	text-transform: uppercase;
	font-size: 19px;
	margin-bottom: 0;
}
.news_list .n-item h2 a{
	text-decoration: none;
}
.news_list .n-item .date{
	color: #9C9C9C;
	display: block;
	margin-bottom: 10px;
}
.news_list .n-item p{
	color: #000;
}
.news_list .n-item .read_more{
  font: 16px/19px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  text-decoration: none;
}
/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	/*overflow: visible;*/
	position: relative;
}
.container:before {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #bebebe;
  border-bottom: none;
  content: "";
  height: 220px;
  margin: -1px 0 0 8px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.index .container:before {
  display: none;
}
.content {
	margin: 10px 0 0;
	padding: 0 328px 0 28px;
}
.index .content {
	margin: 0;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
  float: left;
  margin-left: -303px;
  position: relative;
  width: 300px;
  margin-top: 10px;
}
.single-videos .right-sidebar {
	margin-top: 573px;
}
.index .right-sidebar {
	margin-top: 0;
}
.widget {
	margin-bottom: 26px;
}
.widget h4 {
  font: 21px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 0 0 22px;
  padding: 0;
  text-transform: uppercase;
}
.latest_news {}
.latest_news .read-more {
  float: left;
  margin: 0;
  text-align: right;
  width: 100%;
}
.latest_news .read-more a {
	text-decoration: none;
}
.latest_news ul {}
.latest_news ul li{
  border-bottom: 1px solid #9c9c9c;
  clear: both;
  display: block;
  float: left;
  margin: 0 0 11px;
  padding: 0 0 14px;
  width: 100%;
}
.latest_news ul li img{
	display: block;
	float: left;
	margin: 3px 14px 45px 0;
}
.latest_news ul li a{
	text-align: left;
  color: #db2f2f;
  display: block;
  font: 14px/18px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  margin: 0 0 3px;
  text-decoration: none;
}
.latest_news ul li p{
	font: 12px/14px "Helvetica", sans-serif;	
}
.latest_news ul li .date{
	color: #9C9C9C;
	font-size: 11px;
}
.new_music ul li img{
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #f2eff6;
  padding: 1px;
}
.latest_beef ul li img{
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #f2eff6;
  padding: 1px;
}

.search {}
.search h4{
	margin: 0 0 13px;
}
.newsletter h4{
	margin: 0 0 13px;
}
.social h4{
	margin: 0 0 13px;
}
.control-group {
	position: relative;
}
.search button{
  background: url("img/search-ico.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  display: block;
  height: 23px;
  position: absolute;
  right: 13px;
  top: 8px;
  width: 23px;
}
input.text-input {
  background: none repeat scroll 0 0 #d4d4d4;
  border: medium none;
  color: #000;
  display: block;
  padding: 12px;
  width: 100%;
}
button,
input[type="submit"] {
  background: none repeat scroll 0 0 #db2f2f;
  border: medium none;
  color: #fff;
  display: block;
  font: 14px/14px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  height: 39px;
  padding: 12px 21px;
  text-transform: uppercase;
}
button:hover,
input[type="submit"]:hover {
	opacity: 0.7;
}
.newsletter button {
  border-left: 1px solid #fff;
  position: absolute;
  right: 0;
  top: 0;	
}
.social {}
.social ul {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.social ul li{
	display: inline-block;*display: inline;*zoom: 1;
	margin: 0 6px 0 0;
}
.social ul li a{
	display: block;
	background: url('img/social_ico.png') no-repeat 0 0 transparent;
	width: 44px;
	height: 45px;
}
.social ul li a.fb{
	background-position: -5px -5px;
}
.social ul li a.tw{
	background-position: -55px -5px;
}
.social ul li a.yt{
	background-position: -105px -5px;
}
.social ul li a.rss{
  background-position: -155px -5px;
}
.social ul li a.inst{
  background-position: -208px -5px;
}
.latest_beef {}
.latest_beef ul li{
  margin: 0 0 10px;
  padding: 0 0 7px;
  position: relative;
}
.latest_beef ul li img{
	  background: none repeat scroll 0 0 #fff;
	  border: 2px solid #f2eff6;
	  margin: 3px 0 15px;
	  padding: 1px;	
}
.latest_beef .pull-left{}
.latest_beef .pull-right{}
.latest_beef .pull-right img{
	margin: 3px 4px 15px 0;
}
.latest_beef .caption{
  font: 12px/14px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;	
  color: #000;
  text-transform: uppercase;
}
.latest_beef span.or{
  color: #d60f0f;
  float: left;
  font: 35px/37px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
  padding: 15px 0 0 23px;
  text-align: center;
  vertical-align: middle;
}
.beefs_list {}
.beefs_list .promo_beef {
  border-bottom: 1px solid #bebebe;
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
}
.beefs_list .promo_beef a {
	text-decoration: none;
}
.beefs_list .promo_beef a:hover {
	opacity: 1;
	color: #bebebe;
}
.beefs_list .promo_beef .caption{
  font: 20px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	color: #D60F0F;
	display: block;
	text-align: center;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.beefs_list .promo_beef img{
	display: block;
	margin: 0 auto;
}
.beefs_list .promo_beef .vs{
	font: 62px/62px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	height: auto;
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -34px;
	width: 100%;
	z-index: -1;	
}
.beefs_list .beefs_area{
  font-size: 0;
  line-height: 0;
  margin: 0 0 25px;
}
.beefs_list .beefs_area li{
	border: 1px solid #9c9c9c;
	padding: 13px;
	position: relative;
	display: inline-block;*display: inline;*zoom:1;
	width: 49%;
	margin-right: 1%;
	vertical-align: top;
	margin-bottom: 15px;
}
.beefs_list .beefs_area .b-item{}
.beefs_list .beefs_area .b-item .beef_first{}
.beefs_list .beefs_area .b-item .caption{
	font: 16px/20px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;	
	display: block;
	text-align: center;
}
.beefs_list .beefs_area .b-item a{
	text-decoration: none;
}
.beefs_list .beefs_area .b-item img{}
.beefs_list .beefs_area .b-item .vs{
	font: 22px/22px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	height: auto;
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -11px;
	width: 100%;
	z-index: -1;	
}
.item_detail {}
.item_detail .actions{
  border-bottom: 1px solid #bebebe;
  margin: 15px 0 10px;
  padding-bottom: 5px;
}
.item_detail .actions a{
	text-decoration: none;
	color: #575757;
	font: 20px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	position: relative;
	margin:0 45px 0 0;
}
.item_detail .actions a:before{
  background: url("img/action_ico.png") no-repeat scroll 0 0 transparent;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  top: 3px;
}
.item_detail .actions a:hover{}
.item_detail .actions a.download{
	padding: 0 0 0 13px;
}
.item_detail .actions a.download:before{
	width: 10px;
	background-position: 0 0;
}
.item_detail .actions a.embed{
	padding: 0 0 0 15px;	
}
.item_detail .actions a.embed:before{
	width: 12px;	
	background-position: -16px 0;
}
.item_detail .actions a.report{
	padding: 0 0 0 16px;	
}
.item_detail .actions a.report:before{
	width: 13px;	
	background-position: -36px 0;
}
.item_detail .actions a.listen{
	padding: 0 0 0 19px;
	color: #D60F0F;
	margin: 0;
}
.item_detail .actions a.listen:before{
	width: 16px;	
	background-position: -58px 0px;
}
.item_detail .video_thumb{
  display: block;
  margin: 0 0 0 35px;
}
.item_detail .video_thumb .views{
	display: block;
	color: #000;
	font: 20px/24px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	text-align: center;
}
.item_detail .meta{
	font: 12px/16px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	margin-bottom: 15px;
}
.item_detail .meta span{
	display: block;
	color: #000;
}
.item_detail .meta .date{
	font: 12px/16px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;
	color: #D60F0F;
}
.item_detail .share_block{
	margin: 0 0 20px;
}
.item_detail .page-content{
	margin-bottom: 20px;
}
.item_detail .video_player{
  background: url("img/video_bg.png") repeat-x scroll 0 0 transparent;
  border-top: 1px solid #9f9f9f;
  margin: 20px -325px 20px 0;
  text-align: center;
}
.item_detail h2 {
	color: #D60F0F;
	margin-bottom: 5px;
}
.item_detail.news_detail .date {
	font: 11px/15px "Helvetica",Helvetica,sans-serif;
	color: #9C9C9C;
}
.item_detail.news_detail .page-content img {
	margin: 0 0 15px;
}
.contacts {
	font: 12px/16px "HelveticaNeueLTStd55Roman",Helvetica,sans-serif;	
}
.contacts h3{
	font: 15px/19px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;		
	margin: 10px 0;
}
.contacts h4{
	font: 15px/19px "HelveticaNeueLTStd_BdCn",Helvetica,sans-serif;		
	margin: 10px 0;
	color: #DB2F2F;	
}
.contact_form {}
.contact_form .control-group{
	margin-bottom: 10px;
}
.contact_form .control-group.inline-group .wpcf7-form-control-wrap {
  display: inline-block;*display: inline;*zoom: 1;
  width: 48%;
  margin-right: 1%;
  vertical-align: top;
}
.wpcf7-not-valid-tip {
  color: red;
}
.contact_form .control-group.inline-group input{
	width: 100%;
  display: block;
	border: 1px solid #6a6a6a;
	height: 35px;
}
.contact_form .control-group textarea{
	border: 1px solid #6a6a6a;
	background: none repeat scroll 0 0 #d4d4d4;	
	width: 98%;
	padding: 12px;
}
.contact_form .control-group.pull-right{
	width: 98%;
	float: left;
}
.contact_form .control-group.pull-right button,
.contact_form .control-group.pull-right input[type="submit"]{
	float: right;
}
.pagination {
  margin-bottom: 20px;
  text-align: right;
}
.pagination ul {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.pagination ul li{
	display: inline-block;*display: inline;*zoom: 1;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	margin: 0 0 0 4px;
}
.pagination ul li span{
  color: #000;
  font-size: 12px;
  line-height: 12px;
  background: #dedede;
  padding: 5px 9px;
  text-decoration: none;
  display: block;
}
.pagination ul li a{
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	background: #B0B0B0;
	padding: 5px 9px;
	text-decoration: none;
	display: block;
}
.pagination ul li.current a{
	background: #a03333;
}
.pagination ul li a:hover{
	background: #A03333;
	opacity: 1;
}
.footer_area {}
.footer_area .navigation{
	font: 11px/14px "Helvetica", sans-serif;
}
.footer_area .navigation ul {
  font-size: 0;
  line-height: 0;
  margin: 0 0 10px;
  padding: 0;
}
.footer_area .navigation ul li {
	display: inline-block;*display: inline;*zoom: 1;
}
.footer_area .navigation ul li a{
  border-right: 1px solid #999;
  color: #999999;
  font: 11px/12px "Helvetica",sans-serif;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  text-decoration: none;
}
.footer_area .navigation p {
	color: #999999;	
	font: 11px/14px "Helvetica", sans-serif;
}
.footer_area .dev .label{
	color: #999999;	
	font: 9px/12px "Helvetica", sans-serif;	
	text-transform: uppercase;
}
.footer_area .dev .small-social {
	display: inline-block;*display: inline;*zoom:1;
	margin: 0 49px 0 10px;
}
.footer_area .dev .small-social li{
	display: inline-block;*display: inline;*zoom:1;	
	vertical-align: middle;
}
.footer_area .dev .small-social li a{
  background: url("img/bottom_social.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 17px;
  vertical-align: middle;
  width: 17px;
}
.footer_area .dev .small-social li a.tw{
	background-position: 0 0;	
}
.footer_area .dev .small-social li a.fb{
	background-position: -23px 0;	
}
.footer_area .dev .small-social li a.yt{
	background-position: -46px 0;		
}
.footer_area .dev .developed{
  color: #000;
  font: bold 11px/14px "Helvetica",sans-serif;
  padding: 0 35px 0 0;
  position: relative;
  text-decoration: none;
}
.footer_area .dev .developed:after{
  background: url("img/ck_logo.png") no-repeat scroll 0 0 transparent;
  content: "";
  height: 27px;
  position: absolute;
  right: 0;
  top: -6px;
  width: 27px;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	height: 100px;
}