@import url(/css/fonts/proximanova/default.css);
@import url(/css/fonts/novecento_sans_condensed/default.css);
@import url(/css/fonts/fontawesome/default.css);
::selection { background: #8E0707; color:#fff; text-shadow:none; }
::-moz-selection { background: #8E0707; color:#fff; text-shadow:none;}
body {font-family:"proximanova", sans serif; margin:0; font-size:16px; }
#hat {/*position:absolute; height:90px; width:100%; background:rgba(255,255,255,0.9); border:none; position:absolute; left:0; right:0;*/ background:#fff; margin:0; border:none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
#hat #menu {/*position:absolute;*/}
h1,h2,h3,h4 {margin:1px; font-family:"Novecento Sans Condensed";text-transform: uppercase; }
header {margin:0 auto; background:url("/images/Senza-titolo-1.jpg") #000 no-repeat center top; }
.lg header {background-color: #000;
    background-image: url("/images/Senza-titolo-1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1100px auto;
    margin: 0 auto;}
a {color:#8E0707; text-decoration:none; transition:all .3s ease-in-out;} a:hover {color:#111; text-decoration:none;}
a:focus {outline:none;}
.m {margin:0 auto; max-width:1000px; } 
/* .outer {background:#000;  z-index: 2;} */
.section {margin:0 auto; height:600px; background:url(/images/heads/jukejoint.jpg) no-repeat #000 center top; }
 .inner {   }
				  
#navbar {  color:#333; /*position: relative; z-index: 3;*/ color:#111;}
#navbar a {color: #111;
    font-family: "Novecento Sans Condensed";
    font-size: 250%;
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.35s ease-in-out 0s;
}

#navbar .selected a {font-weight:500;}
.molotov.lg #navbar a i {font-size:70%; position:absolute; margin-top:-5%;}
#navbar a:hover { color:#C10303;}	
#navbar a.fb:hover { color:#48649F;}

#navbar ul.nav {padding-top: 2.5%;}




.navbar-toggle { font-size: 140%; margin: 6% 3%; padding:1% 2%; }
.navbar-toggle span {color:#dadada;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle { border-color: rgba(0, 0, 0, 0.1);}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #8e0707; color:#fff; border-color:#fff;}

#menu a.home {font-size:300%;font-family: "Novecento Sans Condensed"; font-weight:900; text-transform: uppercase; }
#menu a.home img {height:100%;}
#menu a.home img, #menu a.home span {display:inline-block; vertical-align:middle;}
		  
section {background:#dadada /*repeating-linear-gradient(15deg, transparent, transparent 15px, rgba(0, 0, 0, 0.03) 15px, rgba(0, 0, 0, 0.03) 30px) repeat scroll 0 0;*/} 
/*header {background:#000000 repeating-linear-gradient(15deg, transparent, transparent 15px, rgba(255, 255, 255, 0.03) 15px, rgba(255, 255, 255, 0.03) 30px) repeat scroll 0 0;} */

section .container {background:#fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);}

.top-menu {float:right; font-size:11px; position:relative; z-index:4; top:5px;}
.top-menu a {font-size:14px; padding:2px 0 2px 20px; opacity:.7; font-weight:100; text-decoration:none; color:#111;
	-webkit-transition-property: hover;
 -webkit-transition: opacity 0.25s ease-in-out;
 -moz-transition: opacity 0.25s linear 0s; /* firefox 4 */
  -o-transition-property: opacity; /* opera 10.5 */
  -o-transition-duration: 0.25s;
}	
.top-menu a:hover {opacity:1}  

/*a.radio {background:url(/images/ascolta.png) no-repeat left -6px; padding-left:40px; margin-right:10px;}
a.facebook {background:url(/images/facebook.png) no-repeat left -2px; padding-left:20px;}

#footer a.radio {background-image:url(/images/ascolta_W.png); display:none;}
#footer a.facebook {background-image:url(/images/facebook_W.png)} */

.leftBomb { background:rgba(0,0,0,.85);  z-index:10; margin:0 0 0 0; padding:1px 10px; color:#fff; font-weight:100;}
.leftBomb h3 {color:#fff;  font-size:200%; font-weight:300; margin:4px;}
.leftBomb p {margin:0; padding:0 4px; }
.leftBomb #YT-cont {border-bottom:solid 4px #8E0707; padding:3px;}
.leftBomb #YT-cont iframe {}
.leftBomb #YT-cont a {color:#fff;}
.leftBomb .news a {color:#fff; font-weight:bold;}


a#BYT { color:#fff; float:right; }


section h1 {font-weight:100; font-size:400%; margin:5px 0;}
section h2 {font-weight:100; font-size:300%; margin:3px 0;}
.disp-xl section h1 {margin:15px 0 5px 0;}
/*.lx, .rx {padding:10px;}
.lx {float:left; width:36%; }
.rx {float:left; width:60%;}
*/
.roster, .artista, .contenuto {margin:-16% 0 0; background:#fff;border-radius: 0 8px 0 0;}

.roster h1, .artista h1, .contenuto h1 { color:#8E0707; }
.roster entry {display:block; min-height:150px; padding:0; margin:1.5% 0;}
.roster img {float:left; margin:0px 10px 2px 0;}
.roster p {font-weight:100; margin-top:2px;  font-size:18px;}
.roster h3 {font-family:"Novecento Sans Condensed"; margin-top:0; padding:3px;}
.roster a h3 {background:#dedede; color:#111; display:block;  font-size:200%; font-weight:900; transition:all .3s ease-in-out}
.roster a:hover h3 {background:#8E0707; color:#fff; }
.roster a:hover {text-decoration:none;}

.molotov.sm .roster, .molotov.sm .artista, .molotov.sm .contenuto {margin-top:0; border-radius:0;}
/*.molotov.sm .navbar-header {position:fixed;}*/
.molotov.md #menu a.home, .molotov.md #navbar a {font-size:200%;}
.molotov.sm #menu a.home {font-size:200%;}
.molotov.sm #navbar a {font-size:180%; font-weight: 500; padding:15px 5px;}
.molotov.sm #navbar ul.nav { padding-top: 3.5%; }



.molotov.xs #navbar ul.nav { padding:0; }
.molotov.xs #navbar a { text-align:right; padding:2% 5%; border-bottom:solid 1px #dadada;}
.molotov.lg #navbar a i {
    font-size: 100%;
   
    position: static;
}

#livesBoxToggle {margin: 3%; padding: 1%;}
#livesBoxToggle .fa {font-size:150%;}
#livesBoxToggle:hover .fa {color:#8E0707;}
#livesBoxToggle.collapsed .fa-minus-square {display:none;}
#livesBoxToggle:not(.collapsed) .fa-minus-square {display:block;}
#livesBoxToggle:not(.collapsed) .fa-plus-square {display:none;}

.rst .lx h1, .rst .lx h2 {border-bottom:3px solid #111;}

.artista h1, .artista img, .artista p {padding:.5% 0;}
.contenuto img {max-width:100%;}
.artista img {display: block;
    height: auto;
    max-width: 100%;}
	
	.artista {font-size:115%; line-height:115%;}

.live entry {margin:0 2px; display:block; font-size: 95%; padding:2px 0 5px 0; transition:all .1s ease-in; border-bottom:solid 1px #fff;}
.live live entry:nth-child(even) {background:#eee;}

.live h3 {letter-spacing: 1px; border-top:solid 3px #8E0707; margin-top:5%; } .live h3 a {color:#111;  font-size: 150%;} .live h3 a:hover {color:#8E0707;}
.live entry em {display:block; font-size: 85%; font-weight: 600; text-align:right; }
.live entry place {font-weight:500; }
.live entry loc {color:#8E0707; float: right;  font-weight:500; margin: 1% 1% 0 0; } 
.live entry date {font-family:"Novecento Sans Condensed"; padding:1px 10px 1px 5px; font-size:120%; font-weight: 700;}

.live entry:hover  { border-color:#CECCCC; }

/*.live live entry:last-child, .live live entry:first-child {border:none;} */
a.FB, span.FB-empty {display:inline-block; width:20px; height:20px;}
a.FB {background:url(/images/FB-0.png) no-repeat; }
  
a.FB:hover {background:url(/images/FB-1.png) no-repeat; text-align:none;}
.live a.FB, .live span.FB-empty {float:left; margin-right:5px; text-indent: -999px;}


a.FBx, a.BC, a.MS, a.SC, a.TU, a.YT {display:inline-block; width:75px; height:75px;  text-indent: -999px;} 
a.FBx {background:url(/images/FB0.png) no-repeat; text-align:none;} a.FBx:hover {background:url(/images/FB1.png) no-repeat; text-align:none;}
a.BC {background:url(/images/BC0.png) no-repeat; text-align:none;} a.BC:hover {background:url(/images/BC1.png) no-repeat; text-align:none;}
a.MS {background:url(/images/MS0.png) no-repeat; text-align:none;} a.MS:hover {background:url(/images/MS1.png) no-repeat; text-align:none;}
a.SC {background:url(/images/SC0.png) no-repeat; text-align:none;} a.SC:hover {background:url(/images/SC1.png) no-repeat; text-align:none;}
a.TU {background:url(/images/TU0.png) no-repeat; text-align:none;} a.TU:hover {background:url(/images/TU1.png) no-repeat; text-align:none;}
a.YT {background:url(/images/YT0.png) no-repeat; text-align:none;} a.YT:hover {background:url(/images/YT1.png) no-repeat; text-align:none;}


#footer {background:#8E0707; color:#fff; font-size:14px; font-weight:100;}
#footer a, #sub-footer a {color:#fff; text-decoration:none;} 
#footer a:hover, #sub-footer a:hover {text-decoration:underline;}
#footer strong, #sub-footer strong {font-weight:600;}
#footer ul, #sub-footer ul {padding:0; margin:10px 0;}
#footer ul li {display:inline; list-style:none; }
#footer ul li a {font-weight:100;}
#footer ul li:after {content:" | "}
#footer ul li:last-child:after {content:"";}

#sub-footer {background: #000 none repeat scroll 0 0;
    color: #fff;
    font-family: "Novecento Sans Condensed";
    font-size: 110%;
    letter-spacing: 2px;
    padding: 0.7% 0;
    text-transform: uppercase;}

.scrollup {   
	opacity:.3;
    position:fixed;
    bottom:80px;
    right:80px;
	font-size:175%;
	color: #000;
	z-index:999;
	
	}
.scrollup .fa-circle {font-size:170%; margin-top:1px;}
.scrollup:hover {opacity:.9; color:#8e0707; }
.scrollup:hover .fa-arrow-circle-up {text-shadow:0 0 3px rgba(255,255,255,.4)}
.molotov.md .scrollup {  font-size:90%; bottom:1px; right:1px; }

#wait, #w_overLay {background:rgba(0,0,0,.7); position:fixed; z-index:4; width:100%; height:150%; top:0;}