/*
Theme Name: hiphopsite
Theme URI: http://developmentindia.co.in/hiphopsite/
Author: the WordPress team
Author URI: http://wordpress.org/
Description: css
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
body{background: #000000; margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000; line-height:18px;}

#container{float:left; width:50%;}

img {border:0px;}



.wrapper {width:1007px; margin:auto;}

#main-wrapper { background:url("images/main-red-bg.jpg") no-repeat #d6d2c7; width:1007px; float:left; margin-top:25px;}



#content {/*width:980px;*/ float:left; margin:14px 0px 0 14px; background:#FFF; padding-top:15px;}





@font-face {

    font-family: 'BrushScriptStd';

    src: url('font/brushscriptstd.eot');

    src: url('font/brushscriptstd.eot?#iefix') format('embedded-opentype'),

         url('font/brushscriptstd.woff') format('woff'),

         url('font/brushscriptstd.ttf') format('truetype'),

         url('font/brushscriptstd.svg#brushscriptstd') format('svg');

    font-weight: normal;

    font-style: normal;

}







/********************* top part ********************/

.top_boxes {width:876px; margin-left:56px;}

.topbox-left, .topbox-right {width:167px; float:left;}

.topbox-right { margin-left:8px;}

.top-title { float:left; padding:4px 10px; background:#f60; color:#FFF; font-weight:normal;width:130px;font-family: Arial,Helvetica,sans-serif;
font-size: 12px
}
.top-title a {
    color: #FFFFFF;
    list-style-type: none;
    text-decoration: none;
}


.new-title1,.new-title1 span{font-family:'BrushScriptStd'; line-height:28px; color:#000; font-size:27px; float:left; width:295px; line-height:normal; padding-bottom:5px; border-bottom:2px solid #dcdcdc}
.new-title1 span{color:#ff003e;text-align:right;font-size:17px;border:none;}

.post-categories {float:left; margin: 0px; padding: 0px;}

.post-categories  li {margin: 0px; padding: 0px; list-style-type: none; width: 147px;}

.post-categories li a{text-decoration: none;list-style-type: none;color:#FFF;}

.top-img {width:150px; float:left; margin-top:10px;}

.top-con {width:167px; float:left; margin-top:15px;  color:#000; font-size:14px;}

.top-link {width:167px; float:left; margin-top:5px; color:#903; text-decoration:none; }



.icon-box {width:975px; float:left; margin-top:40px; margin-left:4px;}

.icon-left, .icon-right {width:209px; float:left;}

.icon-right {margin-left:15px;}

.icon-img {width:66px; float:left; margin-right:10px;}

.icon-con {width:133px; float:left;}

.icon-title {width:133px; float:left;  font-family:'BrushScriptStd'; line-height:28px; font-size:23px; color:#ff003e;}

.icon-text {width:133px; float:left; margin-top:5px; text-align:justify;font-family:arial;font-size:11px;}

.icon-join {width:290px; float:left; margin-left:24px;}

.icon-input {width:141px; float:left; height:21px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: 0px 0px 2px #000000;

-webkit-box-shadow: 0px 0px 2px #000000;

box-shadow: 0px 0px 2px #000000;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc');

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc')";

background-image: -moz-linear-gradient(top, #ffffff, #cccccc);

background-image: -ms-linear-gradient(top, #ffffff, #cccccc);

background-image: -o-linear-gradient(top, #ffffff, #cccccc);

background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));

background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);

background-image: linear-gradient(top, #ffffff, #cccccc);

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

}



.do-it-btn {background:#0E2537; width:61px; padding:3px 0px; float:right;color:#FFF;font-weight:bold;cursor: pointer;border:none;font-size:14px;}





/*********************** header part ****************************/

#header {width:970px; background:#102437; height:111px; border-bottom:1px solid #dcdacd; float:left; margin:15px 5px 0 5px; }

.logo {width:255px; margin-top:7px; float:left;}

.google {width:705px; float:left; margin-top:12px; margin-left:5px;}



 .menu-bg {background:#0e2537; height:34px; float:left; margin:5px; border:1px solid #000; width:968px;}

/* .menu {width:968px; float:left; margin:8px 0 0 0 ; padding:0px;}

.menu li {margin:0px; padding:9px 0;  display:inline; list-style-type:none; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13.5px;  letter-spacing:0px; border-right:2px solid #000;}

.menu li a {color:#fff; text-decoration:none; padding:9px 4px 9px 3px;}

.menu li a:hover {color:#f60; } */

#nav {

	 font-family:Arial, Helvetica, sans-serif; font-size:13.5px;  letter-spacing:0px;

	
        font-weight: bold;

}
#nav ul {

	float:left;

	width:972px;

	padding:0 0 0 0;

	margin:0px 0 0 0;

	list-style-type:none;

}

#nav ul ul {

	display:none;

	width:85px;

	/*padding:5px 0;*/

	font-size:12px; font-weight: bold;

	position:absolute;

	list-style-type:none;
	
	left:-13px;

	top:29px;

	border:1px solid #000;

	border-top:2px solid #000;

	background:#0e2537;
        
        z-index:10;

	

}

#nav ul ul ul {

	top:-6px;
        
	left:100%;

}

#nav ul li {

	position:relative;

	float:left;
           line-height: 13px; 
	padding:10px 9px 0px 8px;
        
        
}

#nav ul li+li{border-left:2px solid #000;}

#nav ul ul li {

	padding:0 10px;

	float:none;

	border-bottom:1px solid #000;



}

#nav ul ul li:first-child {

	background:none;

}

#nav ul ul a {

	text-decoration:none;

	float:none;
         text-align: center;
         padding: 5px 0;
         border-right:0px;
	display:block;

}

#nav ul a {

	color:#fff;

	float:left;

	padding-bottom:12px;

	text-decoration:none;

}

#nav ul a:hover {

	color:#FF6600;

}

#nav ul li:hover ul {

	display:block;

}

#nav ul li:hover a {

	color:#FF6600;

}

#nav ul li:hover ul a {

	color:#fff;

}

#nav ul li:hover ul a:hover {

	color:#FF6600;

}

#nav ul ul li:hover a {

	color:#FF6600;

}

#nav ul ul ul li:hover a {

	color:#000;

}

#nav ul ul ul li:hover a:hover {

	color:#FF6600;

}

#nav ul li:hover ul ul {

	display:none;

}

#nav ul ul li:hover ul {

	display:block;

}



/****************** content ************************/

.conent-part {width:980px; float:left; margin-top:20px; }



/****************** right content ************************/

#leftpart {width:634px; float:left; padding-left:5px;}
#leftpartforum {width:720px; float:left; padding-left:5px;}





.left-title {width:634px; float:left; font-family:'BrushScriptStd'; line-height:28px;  font-size:27px;  color:#ff003e; border-bottom:2px solid #dcdcdc; padding-bottom:7px;  }

.left-title a{color:#FF003E;text-decoration: none;}


.left-ser {width:634px; float:left; padding:16px 0; border-bottom:1px dashed #dcdcdc;} 

.left-content {width:450px; float:right; margin-top:35px;}

.left-side-title {width:450px; float:left; font-weight:bold; font-size:15px;}

.left-side-title a{text-decoration: none;color:#000;}
.left-side-title a:hover{color:#FF6600;}
.left-side-orange {width:450px; float:left; font-weight:bold; color:#f60;}

.left-content_text {width:450px; float:left; margin-top:10px;}



/****************** left inner content ************************/

.left-inner {width:634px; float:left; margin-top:10px;}

.left-inner-img {width:307px; float:left;}

.left-comment {width:310px; float:left;}

.left-comment-title {width:310px; float:left; font-weight:bold;}

.left-comment-title a{color:#000;text-decoration: none;}

.left-comment-title a:hover{color:#FF6600;}

.left-commenting {width:310px; float:left; margin-top:15px;}

.left-comment-img {width:60px; float:left;}

.left-comment-text {width:240px; float:right;}

.tags  {width:310px; float:left; margin-top:10px;}

.tags a {text-decoration:none;}

.like {width:205px; float:right; margin-top:10px;position:relative;}

.fblike{border: 1px solid #CCCCCC;
    height: 65px;
    margin: auto;
    text-align: center;
    width: 295px;}

.left-inner-text {width:634px; float:left;}



.left-inner-text-img {float:right; margin:10px 0px 10px 15px;}



.share-box {width:634px; float:left; margin-top:10px;}

.share-text {width:634px; float:left; font-weight:bold;}

.share-share { width:634px; float:left; margin:0px !important;}



#left-inner-part {width:634px; float:left; margin-top:15px; border-top:2px solid #dcdcdc; padding-top:10px;}

.left-inner-left {width:161px; float:left; margin-right:10px;}

.left-inner-right {width:460px; float:right;}

.left-inner-right-title {width:460px; float:left; font-family:'BrushScriptStd'; line-height:28px; color:#ff003e; font-size:27px; border-bottom:2px solid #dcdcdc; padding-bottom:7px;}



.left-article {width:460px; float:left; margin-top:15px;}

.left-article-box, .left-article-box-right {width:105px; float:left;}

.left-article-box-right {margin-left:13px;}

.left-article-img {width:105px; float:left;}

.left-article-con  {width:105px; float:left; margin-top:15px; text-decoration:none; color:#000;}

.left-article-more  {width:105px; float:left; color:#903;  text-decoration:none;}



.facebook-com-title {width:460px; float:left; margin-top:25px; border-bottom:2px solid #000; font-size:15px; padding-bottom:3px; font-weight:bold;color:#000;}

.face-comment {width:460px; float:left; margin-top:15px;color:#666;}

#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments ol li {
		margin-bottom: 10px;
	}
	#comments ol li ul li {
		border: 1px solid #eeeeee;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 0 0 40px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #eeeeee;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}

.face-reply {width:460px; float:left; margin-top:15px;color:#000;}

.face-comment li{list-style-type: none;}
.face-comment li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}

.face-comment a{color:#000;font-weight: bold;}

.blog-title {width:460px; float:left; margin-top:15px; font-size:17px; font-weight:bold; line-height:normal;color:#000;}

.blog-leave {font-size:17px; font-weight:bold; line-height:normal; width:460px;}

.blog-input {width:169px; height:20px; float:left; border:1px solid #848484; margin-top:2px;}

.blog-textarea {width:440px; height:100px; float:left; border:1px solid #848484; margin-top:2px;}







.content-img {float:left; width:634px; margin-top:10px;}

.left-content-con, .left-content-video {width:450px; float:left; margin-top:15px;}

.left-content-video {width:634px;}





/********* right conent part **********/

#rightpart {width:323px; float:right; margin-right:5px;}

#rightpartforum {width:150px; float:right; margin-right:19px;}

.add-banner  {width:321px; float:left; border:1px solid #000;}



.search-bg{background:#413f3f; width:297px; padding:13px; float:left; margin-top:15px;}

.search-title {width:297px; float:left; font-family:'BrushScriptStd'; line-height:28px; color:#ff003e; font-size:27px;}

.search-input {width:290px; float:left; height:25px; margin-top:5px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: 0px 0px 2px #000000;

-webkit-box-shadow: 0px 0px 2px #000000;

box-shadow: 0px 0px 2px #000000;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc');

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc')";

background-image: -moz-linear-gradient(top, #ffffff, #cccccc);

background-image: -ms-linear-gradient(top, #ffffff, #cccccc);

background-image: -o-linear-gradient(top, #ffffff, #cccccc);

background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));

background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);

background-image: linear-gradient(top, #ffffff, #cccccc);

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

}

.search-btn {float:right; background:#000; text-transform:uppercase; text-decoration:none; color:#fff; padding:5px 5px; margin-right:4px; margin-top:5px; font-weight:bold;border:none;cursor:pointer;}



.news-box {width:295px; float:left; border:1px solid #000; padding:13px; margin-top:15px;}

.author-img{width:295px; float:left; border:1px solid #000; padding:13px; margin-top:15px;}

.news-title {font-family:'BrushScriptStd'; line-height:28px; color:#ff003e; font-size:27px; float:left; width:295px; line-height:normal; padding-bottom:5px; border-bottom:2px solid #dcdcdc}



.news {width:298px; float:left; margin:0px; padding:0px;}

.news li {margin:0px; padding:3px 1px 3px 6px; list-style-type:none;background:url("images/orange-dot.jpg") no-repeat;background-position:0 10px;float:left;}

.news li a  {color:#000; text-decoration:none;}

.news li a:hover {color:#f60;}

.news1 {width:298px; float:left; margin:0px; padding:0px;}

.news1 li {margin:0px; padding:0px 2px 0px 0; list-style-type:none;float:left;}

.news1 li a  {color:#000; text-decoration:none;}

.news1 li a:hover {color:#f60;}

.more-btn {width:118px; float:right; margin-top:7px; }



.news-join {width:285px; float:left; margin:0px 0 0 10px; padding:0px;}

.news-join li {margin:0px; padding:5px 0 5px 35px; list-style-type:none; background:url("images/cd-icon.jpg") no-repeat; background-position:0 10px;}

.news-join li a  {color:#000; text-decoration:none;}

.news-join li a:hover {color:#f60;}

.add-image {width:323px; float:left; margin-top:10px;}



.mix-tape {margin:10px 0 0 0; padding:0px; float:left; width:295px;}

.mix-tape li {margin:0px 0;  padding:0px 0; display:inline; list-style-type:none;}



.f-fans {width:321px; float:left; margin-top:15px; border:1px solid #000;}



.video-box {width:295px; float:left; margin-top:8px;}

.video-img {width:174px; float:left; } 

.video-con {width:110px; float:right; font-style:italic;}
.video-con a{text-decoration: none;color:#000;}

.video-con a:hover{color:#FF6600;}


.twitter-fans {width:323px; float:left; margin-top:15px;}



/**************** bottom ******************/

.bottom-box {width:960px; margin:20px 0px 0px 10px; float:left; border-top:1px dashed #dcdcdc}

.bottom-title {width:960px; float:left; font-family:'BrushScriptStd'; line-height:28px; color:#ff003e;font-size:28px; margin-top:10px; }



.bottom-right-box {width:167px; float:left; margin-left:30px;}



/******************** footer ***********************/

.footer-menu-box, .footer-menu-box-1 {width:969px; float:left; text-align:center; margin-top:20px; }

.footer-menu-box-1 { margin-bottom:100px; }



.footer-menu {margin:0px; padding:0px; text-align:center;}
.footer-menu ul{list-style-type:none;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.footer-menu li{margin:0px;display:inline; }
.footer-menu li+li{margin:0px;  border-left:1px solid #000; }
.special-class li  {margin:0px; padding:0px 10px; list-style-type:none; display:inline;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.footer-menu li a {text-decoration:none; color:#000;padding:0px 10px;}

.footer-menu li a:hover {color:#f60;}



.com-link {float:right;}

.com-link a {color:#000; text-decoration:none;}

.user{float:left;width:74px;height:74px;}
.leftpart-woo{
float: left;
padding-left: 5px;
width:972px;

height: auto;
}

#container-woo{width:100%;}
.leftpart-woo .left-title {width:100%; float:left; font-family:'BrushScriptStd'; line-height:28px;  font-size:27px;  color:#ff003e; border-bottom:2px solid #dcdcdc; padding-bottom:7px; }

#rightpart-woo{
float: left;
width:100%;
}

.google a img{
    width: 700px!important;
    height: 90px;
    
}
p.shop_home_img{
 clear: both;
    float: left;
    max-height: 500px;
    margin-left: 147px;
    width: 100%;
}