/**
Theme Name: Starcad Moodmagazine | just another free press hip hop
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Magazine theme
*/

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	background:#000000 url(images/pattern.gif) repeat;
	font:normal 13px Georgia,Arial,serif;
	color:#8b8a8a;
}

a {
	text-decoration:none;
	color:#99C3D3;
}

a:hover { color:#000000; }

.wrapper {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

/* MENU IN ALTO HOME SOSTIENICI BLA BLA BLA - il comando margin-right o left servono a rientrare di tot pixel i margini dello sfondo  */
#page-menu {
	background-color:#99C3D3;
	height:45px;
	overflow:hidden;
	line-height:45px;
	float:right;
	margin-right:20px;
}

#page-menu ul li {
	display:inline;
	font-size:22px;
	font-style:italic;
	margin:20px;
}

#page-menu a { color:#000000; }

#page-menu a:hover, #page-menu .current_page_item a { color:#ffffff; }

#header-content { clear:right; }

/* TUTTO QUELLO CHE C'E' FRA I DUE MENU il comando padding serve per inserire lo spazio di distanza al di qua dei bordi dell'elemento e non all'esterno.
 La cosa risulta evidente se usate un colore di sfondo per l'elemento diverso da quello della pagina. 
Nel caso del padding, lo spazio inserito avrà proprio il colore di sfondo dell'elemento, a differenza dei margini.  */

#branding {
	font-family: Arial;
  background:url(images/bph1.gif) no-repeat;
  float:left;
	width:960px;
	font-weight:bold;
  font-size:30px;
	font-style:normal;
  height:78px;
	padding-top:25px;
	padding-bottom:80px;
	overflow:hidden;
}

#branding a { color:#666666; }

#branding a:hover { color:#666666; }

/* BOOOOOOOOOOOHHHHHHHH  */
#blog-description {
  background:#171717 url(images/post-bg.gif) repeat-y 0 0;	
  font-size:37px;
	font-weight:normal;
	color:#FFFC61;
}

/* MODULO DI RICERCA  */
#top-search-wrap {
	background:url(images/post-bg.gif) repeat-y 0 0;
	border: 2px solid #000000;
	float:center;
	width:214px;
	position:relative;
	height:24px;
	position:relative;
	margin-top:8px;
}

#top-s, #top-search-submit {
	background:none;
	border:none;
	padding:0;
	position:absolute;
}

#top-s {
	font:normal 12px Georgia,Arial,serif;
	font-style:italic;
	color:#000000;
	width:180px;
	top:4px;
	left:7px;
}

#top-search-submit {
	width:18px;
	height:18px;
	cursor:pointer;
	top:3px;
	right:3px;
}

/* RSS BUTTON  */
#rss-button {
	background:transparent url(images/icon-rss.png) no-repeat 0 0;
	display:block;
	float:right;
	margin:-36px 12px 0 0;
	width:22px;
	height:22px;
	text-indent:-9999px;
}

/* container */
#container-top { padding:19px 9px 0; }

/* ARTICOLI RECENTI PIU' POPOLARI COMMENTI */
.block {
  background:#171717 url(images/post-bg.gif) repeat-y 0 0;
	font-size:13px;
	float:left;
	width:314px;
  padding-left:5px;
  padding-right:0px;
	margin-right:10px;
}

.last { 
margin:0 !important; }

.block h2 {
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	color:#1d1d1d;
	padding-bottom:-18px;
	margin-bottom:2px;
}

.block h4 {
	font-size:12px/1.5;
	line-height: 6px;
	font-weight:normal;
	color:#1d1d1d;
	padding-bottom:-18px;
	margin-bottom:2px;
}


.block ul li {
	overflow:hidden;
	line-height:29px;
}

.block ul li a { color:#595959; }

.block ul li a:hover { color:#99C3D3; }

/* content */
#content {
	float:left;
	width:652px;
	padding:9px 0 0 9px;
}

.pagetitle {
	font-weight:normal;
	font-size:16px;
	color:#EBE35A;
	margin-bottom:9px;
}

.title-404 { padding-top:6px !important; }

#content .post {
	background:#171717 url(images/post-bg.gif) repeat-y 0 0;
	float:left;
	position:relative;
	width:652px;
	overflow:hidden;
	margin-bottom:9px;
}

.top, .bottom { float:left; }

#content .post .top {
	background:transparent url(images/post-bg.gif) no-repeat -652px 0;
	width:652px;
	padding-top:0;
}

#content .post .bottom {
	background:transparent url(images/post-bg.gif) no-repeat 100% 100%;
	width:652px;
	padding-bottom:6px;
}

#content .post .date-post {
	background:#99C3D3 url(images/date-bg.gif) no-repeat 0 0;
	display:block;
	height:26px;
	text-align:center;
	font:normal 12px Tahoma, Verdana, Arial;
	color:#3a430d;
	text-transform:uppercase;
	float:right;
	margin-top:-6px;
	padding-left:5px;
}

#content .post .date-post span {
	background:transparent url(images/date-bg.gif) no-repeat 100% 100%;
	display:block;
	height:26px;
	line-height:26px;
	float:left;
	padding-right:5px;
}

#content .post .title {
	clear:both;
	padding:0 6px 6px;
	font-size:21px;
	font-weight:normal;
	font-style:italic;
	color:#99C3D3;
}

#content .post .meta {
	padding:6px 0 6px 6px;
}

#content .categories-post, #content .comment-post {
	font-size:12px;
	font-style:italic;
	color:#8c8c8c;
}

#content .categories-post a { color:#8c8c8c; }

#content .categories-post a:hover { color:#99C3D3; }

#content .entry, #post-pages {
	clear:both;
	padding:0 6px;
}

/* wp-pagenavi */
#wp-pagenavi-wrapper {
	background:#EBE35A url(images/pagenavi-bg.gif) repeat-x 0 0;
	clear:both;
	height:53px;
	position:relative;
	padding:0 9px;
	margin-bottom:28px;
}

#wp-pagenavi-left, #wp-pagenavi-right {
	background:transparent url(images/pagenavi-bg.gif) no-repeat;
	position:absolute;
	top:0;
	width:6px;
	height:53px;
}

#wp-pagenavi-left {
	background-position:0 -53px;
	left:0;
}

#wp-pagenavi-right {
	background-position:0 -106px;
	right:0;
}

.wp-pagenavi {
	padding-top:20px;
	font-size:12px;
	font-style:italic;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background-color:#ffffff !important;
	color:#585858 !important;
	padding:7px 9px !important;
	border:1px solid #e6e1e1 !important;
}

.wp-pagenavi span.pages {
	background-color:#99C3D3 !important;
	border:1px solid #99C3D3 !important;
	color:#ffffff !important;
}

.wp-pagenavi a:hover {
	background-color:#99C3D3 !important;
	border:1px solid #99C3D3 !important;
	color:#ffffff !important;
}

#respond-wrapper, .navigation-page { margin-bottom:9px; }

/* sidebar */
#sidebar {
	width:321px;
	margin-left:665px;
	overflow:hidden;
	padding:9px 9px 30px 0;
}

.class {
	padding:6px 6px 0;
	width:309px;
	overflow:hidden;
}

.clout {
	border: 0px solid #99C3D3;
	padding-left:10px;
	margin-bottom:5px;
}

.adv {
	border: 0px solid #99C3D3;
	padding-left:70px;
	margin-bottom:5px;
}

.widget {
	color:#535353;
	margin-bottom:5px;
	padding-left:5px;
}

#primary .widget, .widget-top, .widget-bottom {
	display:block;
	float:left;
	width:321px;
}

#primary .widget {
	background:#fbfbfb url(images/widget-bg.gif) repeat-y;
}

.widget-top {
	background:transparent url(images/widget-bg.gif) no-repeat -321px 0;
	font-size:8px;
	NOborder: 4px solid #99C3D3;
	padding:6px 6px 0;
	width:309px;
	overflow:hidden;
}

.widget-bottom {
	NObackground:#ffffff url(images/widget-bg.gif) no-repeat 100% 0;
	NOborder: 4px solid #99C3D3;
	NOheight:6px;
	NOoverflow:hidden;
}

/* TITOLO DEI RIQUADRI DELLA SIDEBAR */
.widget-title {
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:2px;
	color:#000000;
}

#primary .widget-title {
	NOfont-size:16px;
	padding-bottom:3px;
	border-bottom:4px solid #ebebeb;
	margin-bottom:3px;
}

#primary .widget {
	clear:both;
}

.widget a { color:#585858; }

.widget a:hover { color:#99C3D3; }

.widget ul li {
	line-height:28px;
	border-bottom:1px solid #e6e1e1;
}

#primary .widget ul li {
	border-color:#e6e1e1;
}


.widget ul li li {
	border-bottom:0;
	border-top:1px solid #e6e1e1;
}

.widget ul li ul {
	padding-left:15px;
}

#secondary .widget { margin-bottom:5px; }

#secondary .widget ul li { border:none; }

.small-sidebar {
	background:#ffffff url(images/widget-bg.gif) no-repeat 100% 0;
	width:156px;
	overflow:hidden;
}

#sidebar-left { float:left; }

#sidebar-right { float:right; }

/* footer */
#footer {
	background-color:#1d1d1d;
	border-top:4px solid #2d2d2d;
	padding:9px 0 50px;
	font-size:12px;
	font-style:italic;
	color:#9c9c9c;
}