

@import url(http://fonts.googleapis.com/css?family=Lato:100,400,700,900);					
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600);



body {
    font-family: 'Lato', sans-serif;;
    color: #393939;
    font-size: 22px;
    padding: 0;
    margin: 0px;
    background: #000;
}

.wrap-top {
	width: 100%;
	text-align: center;
}

.wrap {
	width: 100%;
	background: url("img/background-soundtru.jpg") center top repeat-x #000;
}

.header-text {
	padding: 30px 10px;
	max-width: 1025px;
	margin: 0 auto;
	background: transparent;
	position: relative;
	text-align: center;
}

.header-text p {
	padding: 30px 10px;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif,Helvetica,Arial,sans-serif;
	font-weight: normal !important;
	color: #fff;
	font-size: 18px;
}

.header-text img {
	padding: 10px;
}


.container {
	padding: 10px;
	max-width: 1025px;
	margin: 0 auto;
}



.article {
	background: #211C1C;
	color: #fff;
}

.logo-header { 
	background: url("img/soundTRU_logo.png") center 100px no-repeat #000;
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-repeat: no-repeat;
	position: relative;
	min-height: 440px;
}

img {
    max-width: 100%;
}

a, a:visited {
    white-space: nowrap;
    color: #a98453;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.readmore:after {
	content: '\00BB';
	display: inline-block;
	font-size: 15px;
	font-size: .8823529411764706rem;
	margin-left: 3px;
	text-align: center;
}

a.readmore {
	line-height: 25px;
	text-align: right;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #a98453;
    line-height: 1.1em;
    overflow: hidden;
}

p {
	font-family: 'PT Serif', serif;
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 0 10px 0;
	padding: 0;
    color: #F0F0F0;
}

.link {
	text-align: right;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

.date {	
	background: url("img/soundTRU_pattern.png") 10px center no-repeat #a98453;
	color: #211C1C;
	text-align: right;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 11px;
	padding: 10px;
	line-height: 1.4em;
	margin-top: 10px;
}

.day {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	line-height: 1.4em;
}


/* HEADER */

#header {
	width: 1025px;
	height: 40px;
	padding: 10px 0 0 0;
	margin: 0 auto 10px auto;
	z-index: 9999;
}

#header-menu {
	position: relative;
	float: none;
	width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
	margin: -10px auto 0 auto;
	z-index: 9998;
	background: url("images/double-line.png") center bottom repeat-x;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;

}

#header-topnews {
	position: relative;
	width: 100%;
	height: 450px;
	padding: 0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}


/************************************************************************************
HEADER
*************************************************************************************/

#header-logo {
	position: relative;
	width: 400px;
	height: 85px;
	margin: 0 auto;
}

h1.logo {
	position: relative;
	width: 400px;
	height: 85px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: url('http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/logo-RS.png') center top no-repeat;
	z-index: 9999;
}

#header-logo-tv {
	position: relative;
	width: 400px;
	height: 85px;
	margin: 0 auto;
}

#header-logo.tv {
	width: 540px !important;
}


h1.logo-tv {
	width: 540px !important;
	background: url('http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/logo-RS-tv.png') center top no-repeat !important;
}

h1.logo a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 90px;
}



#social-top {
	position: relative;
	float: left;
	width: 140px;
	height: 30px;
	margin-top: 23px;
}

#coverRS-top {
	position: relative;
	float: right;
	width: 170px;
	height: 80px;
	padding-right: 8px;
	padding-top: 5px;
	background: url('http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/bg-abbonati-top.jpg') right top no-repeat;
}

#coverRS-top h3 {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	letter-spacing: -.02em;
	font-weight: 900;
	color: #fff;
	float: left;
	margin: 29px 0 0 10px;
}


#coverRS-top img {
	position: relative;
	float: right;
}

#header-menu-content {
	width: 1035px;
	height: 30px;
	margin: -10px auto 0 auto;
	background: #FFF;
	padding: 5px 0 0 0;
	border-top: 1px solid #0D0D0D;
}

#header-menu-content.stuck {
	width: 1115px;
	height: 50px;
}

#header-menu-content ul {
	position: relative;
	width: 100%;
	display: block;
	list-style-type: none;
	font-family: 'Lato', sans-serif;
	letter-spacing: -.02em;
	font-weight: 900;
	font-size: 16px;
	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

#header-menu-content ul li {
	color: #0D0D0D;
	display: block;
	float: left;
	margin: 0;
	position: relative;
	background: #fff;
	padding-right: 8px;
	padding-bottom: 0px !important;
	margin-right: 7px;
	border-right: 1px solid #ccc;
}

#header-menu-content.stuck ul li {
	padding-right: 6px;
	margin-right: 4px;
	
}

#header-menu-content ul li a, #header-menu-content ul li a:visited {
	color: #0D0D0D;
	text-decoration: none;
	padding: 3px 5px 5px 3px;
}


#header-menu-content ul li a.musica:hover, #header-menu-content ul li a.musica:hover {
	color: #fff !important;
	text-decoration: none;
}

#header-menu-content ul li a.musica:hover,
#header-menu-content ul li a.musica-active {
	color: #fff !important;
	background-color: #cf111d;
}

#header-menu-content ul li a.cultura:hover,
#header-menu-content ul li a.cultura-active {
	color: #fff !important;
	background-color: #479E45;
}

#header-menu-content ul li a.cinema:hover,
#header-menu-content ul li a.cinema-active {
	color: #fff !important;
	background-color: #F16123;
}

#header-menu-content ul li a.style:hover,
#header-menu-content ul li a.style-active {
	color: #fff !important;
	background-color: #45569e;
}

#header-menu-content ul li a.review:hover,
#header-menu-content ul li a.review-active {
	color: #fff !important;
	background-color: #f8af32;
}

#header-menu-content ul li a.viaggi:hover,
#header-menu-content ul li a.viaggi-active {
	color: #fff !important;
	background-color: #b09161;
}

#header-menu-content ul li a:hover.strumenti,
#header-menu-content ul li a.strumenti-active {
	color: #fff !important;
	background-color: #bb1d35;
}


#header-menu-content ul li a.media {
	color: #0D0D0D!important;
}
#header-menu-content ul li a:hover.media,
#header-menu-content ul li a.media-active {
	color: #fff !important;
	background-color: #B3B3B3;
}

#header-menu-content ul li a.video {
	background-image: url("http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/rs-menu.png");
	background-repeat: no-repeat;
	background-position: 0px;
	text-align: right;
	width: 114px;
	padding-left: 40px;
}

#header-menu-content ul li a:hover.video {
	color: #fff !important;
	background-color: #B3B3B3;
}

#header-menu-content #header-search-item {
	display: inline-block;
	height: 25px;
	width: 30px;
	background: url("http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/search-button.png") no-repeat -3px;
	border-right: none;
	margin: 0 10px;
	cursor: pointer;
	padding-right: 0px;
	margin-right: 4px;

}

#header-menu-content.stuck #header-search-item {
	margin: 0 0 0 10px;
}


#header-logo-small {
	position: relative;
	float: left;
	width: 180px;
	height: 38px;
	padding: 6px 10px 0 10px;

}

#header-logo-small h1.logo a {
	width: 180px;
	height: 38px;
}


#header-logo-small h1.logo {
	position: relative;
	width: 180px;
	height: 38px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: url('http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/logo-RS-small.png') center top no-repeat;
	z-index: 9999;
}

#header-menu.stuck {
	position: fixed;
	width: 100%;
	min-height: 45px;
	z-index: 9999;
	background: url("http://www.rollingstone.it/wp-content/themes/rs2014-LBdP/images/double-line.png") center bottom repeat-x #fff;
	border-top: 0 none;
	top: -50px;
	margin-top: 45px;
	padding-bottom: 8px;
}

#header-menu.stuck ul {
	font-size: 14px;
	padding-top: 15px;
}


#search-bar {
	position: relative;
	float: none;
	background: #fff;
	width: 1025px;
	margin: 0px auto;
	overflow: hidden;
	height: 0px;
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

#search-bar form {
	text-align: center;
	padding: 30px 0 20px 0;
	font-family: 'Lato', sans-serif;
}

.search-bar-open #header #search-bar {
	height: 100px;
}

#search-bar form input#s {
	font-size: 20px;
	width: 570px;
	height: 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #bbb;
	padding: 0 0 0 10px;
}

#search-bar form input#searchsubmit {
	text-transform: lowercase;
	padding: 0 25px;
	font-size: 20px;
	height: 45px !important;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 1.2em;
	border: 1px solid #cf111d;
	color: #fff;
	background-color: #cf111d;
	background-image: none;
	cursor: pointer;
}

*:focus {
    outline: 0;
}

#search-bar form input#searchsubmit:hover {
	background: #ff7e82;
	border: 1px solid #ff7e82;
}




.box {
  width: 270px;
}


.article {
  padding: 15px;
  line-height: 1;
  border-bottom: 1px solid #a98453;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  margin: 16px 0;
  position: relative;
}
.article h4 {
  margin: 14px 0 10px 0;
}

.footer {
    font-family: "PT Serif", serif;
    border-top: 1px solid #ddd;
    margin-top: 35px;
    padding-top: 6px;
    text-align: center;
    font-size: 12px;
}