/*
Theme Name: RCDC 2013
Theme URI: http://www.rollopixel.com
Author: Daniele Rollo
Author URI: http://www.rollopixel.com
Description: Il tema per RCDC 2013
Version: 1.0
*/

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5, .bitter {
font-family: 'BitterRegular', serif;
font-weight: normal;
}
html {
background: url(images/bg.jpg) top;
margin: 0; padding: 0

}

body {
    font-family: 'Lato', sans-serif;
    background:  url(images/main-bg.jpg) top  ;
    line-height: 1.3;
    margin: 0; padding: 0;
	padding-top: 15px;

}




/* --------- LAYOUT --------- */
.menu-trigger , .navigation li.menu-label {
    display: none
}

 
.main-shadow {
-webkit-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 0px 25px rgba(50, 50, 50, 0.1);
box-shadow:         0px 0px 25px rgba(50, 50, 50, 0.1);
}
.wrapper {
    width: 940px;
    margin: 0 auto;
    background: white;
    padding: 0 60px
}
.row-box{
    margin-bottom: 50px
} 
.row-box.search-header, .row-box.tag-header{
    margin-bottom: 10px;
}
.row-box.no-margin {
    margin-bottom: 0

}
.row-box.no-crop {
    overflow: visible
}
.row-box:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}
.content iframe {
  display: block;
  margin: 10px 0;
}
.home-top{
    margin-bottom: 70px
}

.top-leaderboard {
    width: 728px;
    height: 90px;
    margin: 0 auto 15px;
    overflow: hidden;
    text-align: center;
}

.main, .side {
    float: left
}
.toolbar {
width: 300px;
float: right;
}
.communication-box {
    width: 300px;
    margin: 22px 0 0 0;
    text-align: center
}
.com-b-2 {
    margin-top: 36px
}
.communication-box img {
    max-width: 100%
}

.main {
    width: 612px;
}

#header img {
    display: block
}
#playercontainer {
    position: absolute;
    left: -4000px;
}
.listen, .listen-to-popup {
    width: 101px;
    height: 31px;
    overflow: hidden;
    display: block;
    text-indent: -3000px;
}

.play {
    background: url(images/play.jpg);
}
.stop {
    background: url(images/stop.jpg);
}

.side {
    width: 300px;
    padding-left: 28px
}
.column {
    width: 284px;
    float: left;
    margin-right: 44px;
}

.column.last {
    margin-right: 0
}

#footer .side {
    width: 250px
}


.social-network-footer {
    margin-bottom: 20px;
}
.social-network-footer h3 {
    border-bottom: 1px solid #ccc;
    
}
.rss-footer {
    margin-bottom: 20px;
    padding-left: 40px;
    background: url(images/rss.png) center left no-repeat;
    line-height: 32px;
    height: 32px;
    
}

.podcast-footer a {
     margin-bottom: 20px;
   display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    background: url(images/podcast_big_w.png) center left no-repeat;
}

.feed-link {
    margin-right: 5px;
}
.feed-link:hover {
    text-decoration: underline
}
h3 {
    margin-bottom: 10px
}


.live-now-box div {

}
.live-now-box a {
    text-decoration: none;
    color: black;
    font-weight: bold
}
.live-now-box{
    background: #f1f1f1;
    padding: 5px;
    height: 90px;
    padding-left: 100px;
    background: url(images/frequenze.png) left bottom no-repeat #f1f1f1;
    font-size: 13px;
    
}
.social-box{
    background: #f1f1f1;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 24px
}


.search-box {
    padding-top: 10px;
    height: 40px
}
.social-box-item {
    float: left;
}

.fb-box {width: 100px;
    position: relative;
  /*  top: -6px */
 /* overflow: hidden */}
 
.post-social-space .fb-box {
top: -6px
}
.soundcloud-box {width: 20px;}
.soundcloud-box img{max-width: 19px;max-height: 18px; margin-left: 10px}
.plusone-box {margin-top:10px}
.post-social-space {
/*    overflow: hidden */
}
#slideshow-box{
    margin-top: 30px;
    position: relative;
}
.slide-control {
    position: absolute;
    top: 190px;
    display: block;
    height: 50px;
    width: 26px;
    text-indent: -2000px;
    overflow: hidden;
    z-index: 30000
}

.prev-slide{
    background: url(images/prev.png);
    left:0;
}
.next-slide{
    background: url(images/next.png);
    right:0;
}

#slideshow {
    width:612px;
    height: 442px;
    overflow: hidden;
    position: relative
}

.titling {
    position: absolute;
    top: 290px;
    left:0;
    margin-right: 100px;;
}

.slide-excerpt {
color: black;
background:#fff; 
box-shadow:0.8em 0 0 #fff,-0.5em 0 0 #fff;
-moz-box-shadow:0.8em 0 0 #fff,-0.5em 0 0 #fff;
-webkit-box-shadow:5px 0 0 #fff,-5px  0 0 #fff;
    margin-right: 100px;
}
h2.main-title {
    font-size: 26px;
    margin-right: 30px;
    position: relative;
    left: 5px;
    opacity: .8
    
}

h2.main-title a {
color: white;
padding: 5px 5px;
line-height: 1.2em;
background:#000;color:#fff;
box-shadow:0.8em 0 0 #000,-0.5em 0 0 #000;
-moz-box-shadow:0.8em 0 0 #000,-0.5em 0 0 #000;
-webkit-box-shadow:5px 0 0 #000,-5px  0 0 #000;
text-decoration: none
}
#slideshow > div {
    float: left;    
    width:612px;
}

a.img-slide-link {
display: block;
margin: 0;
padding:0;
    width:612px;
    height: 442px;
    overflow: hidden;
}

#slideshow a{
    text-decoration: none;
}
#slideshow img {
    width: 612px;
}
.slide-small-caption {
    display: block;
    width: 33.3%;
    float: left;
    font-size: 13px;
    border-top: 2px solid #fff;    
    
}
.slide-small-caption a {
    text-decoration: none;
    color: #000;
    padding: 4px;
    display: block;
}

.cycle-pager-active {
    border-top: 2px solid #e62114;
}
.video-carousel-box h2{
    padding: 10px 0;
    
 }
.video-carousel-box {
background: black;
color: white;
    width: 1060px;
    position: relative;
    left:-80px;
    padding: 0 20px 20px 20px;
    overflow: hidden;
}
.video-carousel-box .video-car-post a{
color: white;
text-decoration: none;
}
.video-carousel-box .slide-control{
    top: 90px;
    opacity: 1;
    
}

.video-carousel .video-car-post {
     width: 196px;
     height: 250px;
     overflow: hidden;
     margin-right: 20px;
     transition: width .2s ease;
     background: #000;
}
.video-carousel-box .video-car-post:hover {
    width: 216px;
        position: relative!important;background: #1e1b1b;

}

.video-carousel .video-car-post h3{
    white-space: normal!important;;
    margin-top: 20px;
    font-size: 14px;
    max-width: 186px;
    padding: 0  5px;
    display: block
    
}
.video-carousel .video-car-post img{
    max-width: 100%;
    display: block;
    opacity: 0.7;
-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;}
  
.video-carousel .video-car-post:hover img{
    opacity: 1;

}

.suggestion-block {
    float: left;
}

.news-list-item {
    width: 292px;
    height: 100px;
    float: left;
    font-size: 14px;
    color: black;
}
.news-list-item a{
    color: black;
    text-decoration: none
}
.news-list-item:nth-child(odd) {
    margin-right: 14px;

}
.news-list-item:nth-child(even) {
    margin-left: 14px;

}
.news-list-item img {
    float: left;
    margin-right: 15px;
}

.added-adv {
    margin-top: 30px
}
.main-post-list {
    width: 1080px;
}
.maps-main-container {
    margin-top: 40px;
    width: 612px;
}
.maps-main-container .main-post-list {
    width: 700px;
}

.disco-settimana-link {
    display: block;
    width: 300px;
}
.disco-settimana-link img {
    max-width: 100%
}
a.disco-settimana-link {
    color: black;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
}
.main-post-list li{
    width: 284px;
    height: 340px;
    float: left;
    margin-right: 44px;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative
}
li.native {
    background: #ece8e4;
}
.main-post-list li img {
    width: 284px;
    height: 205px
}

.main-post-list li.last {
    margin-right: 0
}

.more-post-list{
    margin: 0; padding:0
}

.topic-text {
margin-top: 10px;
}

.main-post-list li h3{
    font-weight: normal;
    display: block;
    margin: 0 10px 0 15px;
    position: absolute;
    bottom:2px
    
}
.thumbnail-link {
    position: relative
}

.main-post-list-search a{
    color: black;
    text-decoration: none
}
.main-post-list-search img {
    float: left;
}
.main-post-list-search h3, .small-exc {
    margin-bottom: 0;
    margin-left: 120px;
    }
.main-post-list-search .search-date {
    font-size: 12px;
    font-weight: bold; display: block;
    margin-left: 120px;
    margin-top: 5px;
}

.small-exc{
display: block;
    font-size: 12px;
}
.main-post-list-search li {
    width: 614px;
    overflow: hidden;
    margin-bottom: 20px;
    
}
.main-post-list li h3 a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    
}


.main-post-list li h3  span{
padding: 5px 0;
line-height: 1.9em;
background:#000;color:#fff;
box-shadow:0.8em 0 0 #000,-0.5em 0 0 #000;
-moz-box-shadow:0.8em 0 0 #000,-0.5em 0 0 #000;
-webkit-box-shadow:5px 0 0 #000,-5px  0 0 #000;
}

.main-post-list li.native h3  span{
background:#fff;color:#000;
box-shadow:0.8em 0 0 #fff,-0.5em 0 0 #fff;
-moz-box-shadow:0.8em 0 0 #fff,-0.5em 0 0 #fff;
-webkit-box-shadow:5px 0 0 #fff,-5px  0 0 #fff;}

.main-post-list li .excerpt {
    margin: 3px 10px 0 15px;
    }
.excerpt a {    color: #e53823;
 font-weight: bold}
    
.more-post-list li {

    width: 120px;
    float: left;
    margin-right: 44px
}
.more-post-list li.last {
    margin-right: 0
}

.more-post-list li img {
    max-width: 120px
}


.more-post-list li h3 {
    font-weight: normal;
}


.more-post-list li h3 a {
    text-decoration: none;
    color: black;
    font-size: 12px;
}

h2.section-title-home {
    margin: 16px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-size: 22px
}
h3.column-title{
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
    margin-bottom: 10px

}
h3.column-title a{
    color: black;
    text-decoration: none
}
.side-box-title{
    margin-top: 30px
}
.podcast-list li {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.podcast-list .thumbnail-link, .podcast-list .standard-podcast-link {width: 110px;}

.podcast-list li > a, .podcast-list .topic-text {
    width: 320px;
    padding-right: 20px;
    margin-top: 0;
    display: block
}

.podcast-list li .thumbnail-link img {
    max-width: 100px
}

.podcast-list .topic-text , .podcast-list .thumbnail-link, .podcast-list .standard-podcast-link 
{
    float: left;

}
.podcast-list .standard-podcast-link {
    display: block;
    padding: 35px 0 0 0;
    width: 90px;
    text-align: center;
    background:  url(images/podcast_big.png) center top no-repeat;
    text-transform: uppercase;
}
 .podcast-list .topic-text h3{
    font-size: 22px;
    margin: 0;
 }
 
 
/* ---- NAVIGATION ------- */


.navigation {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    width: 940px

}
ul.nav {width: 1000px}
ul.nav li  {
    float: left;
}

.radio-item {margin-left: 109px}

ul.nav li a{
    border-bottom: 3px solid #fff;
    font-size: 13px;
    padding:10px 17px 7px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: normal;
        }
ul.nav li.active a {
    border-bottom: 3px solid #e53823
}
ul.nav li.active a:hover {
    border-bottom: 3px solid #e53823
}
ul.nav li a:hover {
    border-bottom: 3px solid #ccc
}
#footer {
    background: #000;
    color: white;
    padding: 20px;
    position: relative
}

#footer h4 {font-size: 19px}

#footer a {
    color: white; text-decoration: none
}
/* SINGLE */

.single h1, .page h1, .archive h2 {
    margin: 30px 0 15px;
    font-size: 26px
}
.single-native h1 {
    margin: 0;
    background: #ece8e4;
    padding: 15px 10px

}

.main-post-list li.native .native-header {
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    height: 40px;
    z-index: 100;
    padding: 0 5px;
        line-height: 40px;
 
}

.main-post-list li.native .native-header img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.home .native-header {
    height: 40px;
    line-height: 40px;

}

.main-post-list li.native  .native-header span {
    line-height: 40px;
    padding-right: 5px

}
.native-header, .native-footer {
    height: 55px;
    line-height: 55px;
    margin: 10px 0;
    text-align: right;
}
.native-header span, .native-footer span{
    line-height: 55px;

}
.single-native .content-box {
    background: #ece8e4;
    padding: 0 10px 10px;
}
.content-box iframe { 
    max-width: 100%
}
.single-post-date {
font-size: 12px;
margin: 5px 0 30px;
}
h1.archive, .archive h1, .single-speciale h1, .page-musica-e-cultura h1 {
margin: 0;
display: block;
padding: 8px;
background: #f1f1f1;
color: #e53823;
height: 28px;
line-height: 28px;
overflow: hidden;
padding-left: 20px;
    font-size: 19px;
}

h1.maps-title {
   margin-top: 0  
}
.cured-by {
    font-size: 13px;
    color: #444;
    text-decoration: none;
    float: right
}
.maps-sub h1 {
    padding: 0;
    min-height: 45px;
    line-height: 45px;
}
.maps-back {float: left; margin-right: 10px;}
.maps-sub span {
    float: left;
}
.archive h2 a {
    text-decoration: none;
}
/* YOUTUBE LIST */
.video-thumb {
    float: left;
    margin-right: 10px;
}

.video-info {
    float: left;
}

.video-item {
    overflow: hidden    
}

.video-item a {
    color: black;
    text-decoration: none
}

.content .post-author {
    margin: 30px 0 0px;
}

.content a.twitter-link {
    text-decoration: none;
    color: #55acee;
    font-size: 13px;
    display: inline-block;
    margin-left: 10px;
    padding-left: 20px;
    background: url(images/twitter-16x16.png) left center no-repeat;
}

.content a.twitter-link:hover {
text-decoration: underline
}

/* Images */
.alignleft {
	float: left;
	margin: 0 15px 10px 0
}
.alignright {
	float: right;
	margin: 0 0 10px 15px
}
.aligncenter {
	display: block;
	margin: 10px auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

.song-artist {
    color: #ccc
}

.last-playlist li {
    line-height: 1;
  overflow: hidden;
  font-size: 13px;
  margin: 0 0 8px;
  padding: 0;
    }
.song-title {
    display: block;
    margin-bottom: 3px;
    font-size: 19px;
    font-style: italic
}
.song-label {
    display: block;
    margin-bottom: 5px;
    color: #999
}
.section-cover {
    width: 612px;
    margin-top: 30px;
    height: 442px;
    overflow: hidden;
    position:relative;
}
.section-cover img{
    max-width: 100%
    }
    
.content {
    color: #444;
    font-size: 17px;
    line-height: 1.5
}    
.content p {
    margin:  0 0 17px
}

.content a {
    color: #e53823;
    
}
.content a:hover {
    color: #000;
    
}

.two-columns{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

}
.wp_rp_wrap{
    border-top: 1px solid #ccc;
    padding:5px
}

.post-social-space {
    background: #f1f1f1;
    margin-top: 5px;
    height: 40px;
    padding-left: 5px
}
.post-social-space .social-box-item {
    height: 30px
}
.post-social-space .fb-share-box {
    height: 30px;
    width: 85px;
    margin-left: 5px;
    position: relative;
    top: -6px
}
a.post-edit-link {
    display: block;
    margin: 20px 0;
    padding: 3px 5px;
    background:  #e53823;
    color: white;
    width: 60px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.post-edit-link:hover {
    background: black;
    color: white
}


#s {
    padding: 5px;
    border: 1px solid #ccc;
    width: 160px
}

#searchsubmit {
    display:  inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: -2000px;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    width:15px;
    background: url(images/cerca.png)
}

#content .wp-paginate .current {
    background: black
}
.playlist-box{
    margin-top: 40px;
}
.playlist-wrap {
    margin: 20px 0;

}
.playlist-wrap ul {
    background: #f4f4f4;
        max-height: 300px;
    overflow: auto;
    padding: 5px;
}
.playlist-wrap ul li {
    padding: 10px 0;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
}


.playlist-wrap .playlist-title {
    border-bottom: 3px solid #e53823;
    padding: 2px 5px;
    display: block;
    font-style: italic
}
.playlist-link {
    margin-top: 20px;
    color: black;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    text-align: right
}

.more-banner-links {
    margin-top: 38px;
    border-top: 1px solid #ccc;
    padding-top: 20px
}
.ex-link {
    margin-bottom: 10px
}

.post-tags a, .tag-link {
    background: #e53823;
    padding: 2px;
    margin-right: 3px;
    color: white;
    text-decoration: none;
    font-size: 11px;
}
.tag-list {
    margin-left: 15px;
}
#palinsesto  {height: 500px; overflow: auto; position: relative}

.palinsesto-day li {
    background: #f1f1f1;
    font-size: 18px;
    padding: 5px;
    margin: 5px 0
}

.palinsesto-day li.start-day {
background: white;
color: #e53823;
border-bottom: 3px solid #e53823;
margin-top: 30px;
}
.menu-palinsesto {
padding: 5px;
text-align: center;
background: #f1f1f1;
}
.palinsesto-day li a {
    color: #000
}
.menu-palinsesto a, .radio-menu-pages li a {
    color: #e53823;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 9px;
}
.palinsesto-side-content {
margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #ccc
}

.radio-menu-pages {
    padding: 5px;
    padding: 5px;
text-align: center;
background: #f1f1f1;
margin-bottom: 20px;
}
.radio-menu-pages li {
    display: inline;
    margin: 0 5px;
}

.radio-link {
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    font-size: 15px;
}
.adv-box img {
    max-width: 100%
}

#footer a.login-url {
width: 70px;
line-height: 30px;
height: 30px;
text-align: center;
text-transform: uppercase;
font-size: 13px;
background: white;
display: block;
color: black;
position: absolute;
bottom:0;
left:20px;

-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

}


.maps-header {
    position: relative;
}
.season {
    position: absolute;
    bottom: 18px;
    left: 420px;
    font-weight: bold;
    
}
.top-box {
    margin-top: 90px;
}
.maps-page h1 {margin: 0}
.maps-page h3 {
    border-bottom: 1px solid #ccc;
}

.maps-page .home-top {
    background: url(images/bg-maps.png) top right no-repeat
}

.maps-sub .home-top {
    margin-bottom: 20px
}

.side-box {
margin-bottom: 40px
}

.category-list a {
    text-decoration: none;
    color: black;
    text-transform: uppercase
}

.live-at-maps-list li {
    width: 180px;
    height: 285px;
    margin-right: 20px;
    float: left
}

.live-at-maps-list li img {
    width: 180px;
    height: 180px;
}


.live-at-maps-list li a  {
    text-decoration: none;
    color: #444;
    font-size: 12px
}
.main span.wrap_inline_mp3j {
background: #F2F2F7;
padding: 5px;
}




#comments {
    margin-top: 40px;
}

.comment-first {
    font-size: 15px;
    font-weight: bold
}


textarea#comment {
    width: 540px
}


.podcast-link {
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    color: black;
    padding-right: 30px;
    background: url(images/podcast.png) right center no-repeat;
    line-height: 24px;
    text-decoration: none
} 



.download-mp3 {
    color: black;
    text-transform: uppercase;
    font-size: 12px