/*



Theme Name: HipHopzilla Premium

Theme URI: 

Description: Hip-Hop Content Aggregator

Version: 1.0

AUTHOR: Y.Z.

Author URI: http://hiphopzilla.com/

Tags: 3 columns, white, black, feeds, aggregator, fixed width



*/



body {

/*background: #000 url(images/hhz-hdr-bg.jpg) repeat-x top;*/

background: #000 url(images/bg-zilla.jpg) top center repeat-y;

color: #fff;

font-family: arial, verdana, geneva, sans-serif;

font-size: 11px;

margin: 0;

padding: 0;

}



h2 { font-size: 1.3em; margin: 5px 0; padding: 5px 0; }

h3 { font-size: 1.2em; margin: 5px 0; padding: 5px 0; }

h4 { font-size: 1.1em; margin: 5px 0; padding: 5px 0; }

input, textarea { border: 1px solid #dcdcdc; }

form { margin: 0; padding: 0; }

p {	margin:0 0 1em 0; padding:0; }

a { color: #888; text-decoration: none; }

a:hover { color: #006699; }

img { border: 0; }



.content { margin: 0px auto; width: 964px; background: #000;

border-left: #383838 solid 1px;

border-right: #383838 solid 1px; }





/* Top part */

#top { height: 105px; background: #000 url(images/hhz-hdr-bg.jpg) repeat-x top; }

	#top #logo { padding: 25px 0 0 32px; margin: 0; color: #000; }

	#top #logo h3 { padding: 0; margin: 0; font-size:2.4em; font-weight:bold; }

	#top #logo p { padding:8px 0 0 0; margin:0; font-size:0.9em; font-weight: bold; }

	#top #logo a { color: #aaa; }

	#top #logo a:hover { color: #333; text-decoration:none; }

	#top #toprightbar { float: right; margin:20px 10px 0 0; padding:8px; background-color: #efefef; }





/* News Blocks */

.newsblock {

width:283px; float:left; padding:0; margin:0 15px 10px 0;

}



.newsblockfull {

width:894px; float:left; padding:0; margin:0 0 0 0;

}



.news-entry {

	margin-left:  35px;

}



.news-entry h2 {

font-size: 18px;

margin: 0;

padding: 0 0 15px 0;

height: 15px;

}



.news-entry h2 a, .news-entry h2 a:active, .news-entry h2 a:link, .news-entry h2 a:visited {

color: #fff;

}



.news-entry h2 a:hover {

color: #8DC73F;

}



.news-entry a, .news-entry a:active, .news-entry a:link, .news-entry a:visited {

color: #8DC73F;

text-decoration: none;

}



.news-entry ul{

list-style-type: none;

padding: 0;

margin: 0;

font-size: 11px;

width: 283px;

}



.news-entry li  {

border-top: 1px solid #252525;

line-height: 14px;

padding: 6px 0;

}



.news-entry li a:hover {

color: #fff;

text-decoration: none;

}



.news-entry img{

background-color: #1B1B1B;

}



.clearer { clear: both; height: 30px; }





/* Post */

.post {

margin: 0 15px 0 0;

}



.post a {

color: #fff;

font-weight: bold;

}



.post a:hover {

background-color: #666;

color: #fff;

text-decoration: underline;

}



.post blockquote {

background: url(images/quote.gif) no-repeat; 

margin:1em; 

padding: 0 0 0 3em;

color: #ccc;

}



.postcontent {

font-size: 1.1em;

float: left;

width: 550px;

}



.postcontent h2 {

font-size: 1.3em;

margin: 0 0 15px 0;

padding: 0;

}



.postcontent h2 a {

color: #fff;

text-decoration: none;

}



.postcontent h2 a:hover {

background-color: #1f1f1f;

color: #666;

text-decoration: none;

}



.postmeta {

color: #aaa;

font-size: 1.1em;

float: left; 

margin: 0 0 0 0; 

text-align:right;

width: 380px;

}



hr {

height: 1px; 

border-style: none; 

color: #555; 

background-color: #555;

}



.navigation {

display: block;

text-align: center;

margin-top: 10px;

padding-bottom: 30px;

}





/* Comments */

.commentdiv {

width:550px;

}



ol.commentlist {

color: #fff;

list-style-type: none;

margin: 0;

margin-top: 1.5em;

padding: 0;

}



.commentlist li {

margin-bottom: 2em;

padding: 0.5em 1em 0.5em 0;

}



ol.trackbacklist {

color: #666;

list-style-type: none;

margin: 0;

padding: 0;

}



.trackbacklist li {

padding: 0.3em 0;

}



.trackbacklist li a{

color: #999;

font-weight: normal;

}



.alt1 {

border-bottom:1px solid #efefef;

padding: 0.5em;

}



.alt2 {

border-bottom:1px solid #efefef;

padding: 0.5em;

}



.authorcomment {

}



.commentcount {

float: right;

font-size: 1.8em;

font-weight: bold;

font-style: italic;

margin-top: 5px;

}



.commentcount a {

color: #ccc;

}



.commenttext {

margin: 10px 55px 0 35px;

font-size: 1.1em;

}



.commenttext blockquote {

background: url(images/quote_comments.gif) no-repeat; 

padding-left: 25px;

}



.gravatar {

float: left;

margin-top: 2px;

padding-right: 10px;

}





/* Footer */

#footer {

clear: both;

color: #fff;

font-size: 10px;

padding: 2em 0 0 0;

text-align: center;

background: #000 url("images/hhz-footer-bg.jpg") bottom repeat-x;

height: 110px;

}



#bottombar {

background-color: #3f3f3f;

border-top: 1px solid #666;

clear: both;

margin: 30px 15px 0 0;

padding: 0 0 0 0;

}



#bottombar .bottomblock {

width:290px; float:left; padding:0 0 0 20px;

}



#bottombar .last {

padding: 0;

}



#bottombar h3 {

color: #eee;

font-size: 1.1em;

margin: 25px 0 0 0;

padding: 0;

}



#bottombar ul{

font-size: 0.9em;

list-style-type: none;

padding: 0;

margin: 0;

width: 300px;

}



#bottombar li {

margin: 5px 0 5px 0;

}



#bottombar li a {

color: #ccc;

text-decoration: none;

}



#bottombar li a:hover {

color: #aaa;

text-decoration: none;

}





/* Misc */

img.youtubeimage{

border: 1px solid #353535;

padding: 6px;

margin: 3px 9px 2px 0;

display: block;

}



img.flickrimage{

border: 1px solid #353535;

padding: 6px;

margin: 3px 5px 2px 0;

display: block;

}





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */





/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



/* Video */



.video-block {

	float: left;

	margin-bottom: 20px;

}



.video-block .video-title {

	display: block;

	width: 132px;

	height: 22px;

	background: #000 url(images/hhz-reflection.jpg) repeat-x top;

	font-size: 10px;

	overflow: hidden;

	padding: 4px;

	text-align: center;

}



.video-block .video-title a:hover {

	color: #fff;

}



.video-block .video-title a:hover {

	color: #fff;

}



/* End Video */



/* Photo */



.photo-block {

	float: left;

	margin-bottom: 20px;

}



.photo-block .photo-title {

	display: block;

	width: 84px;

	height: 22px;

	background: #000 url(images/hhz-reflection.jpg) repeat-x top;

	font-size: 10px;

	overflow: hidden;

	text-align: center;

}





/* End Photo */

.sn-vertical-shade-separator {
	float: left;
	background: url('images/vsep-shade.gif') center bottom no-repeat;
	height: 32px;
	width: 905px;
	margin-bottom: 20px;

}

.widget_onenews_textrss li  {

border-top: 1px solid #383838;

line-height: 16px;

padding: 5px 8px 5px 0;

font-size: 11px;

background: url('images/dn.gif') right top no-repeat;

}



.widget_onenews_textrss li:hover {

color: #fff;

text-decoration: none;

background-color: #1b1b1b;

background-image: none;

}

.widget_onenews_textrss li:hover a {

color: #fff;

text-decoration: none;

}