/*
	© 2011 Crislongobardo.com

	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Clearfix */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* COMMON */
#preview_grid, #download_css, #preview_fluid_grid, #download_fluid_css { margin-bottom:20px; display:block; }
#preview_grid p, #download_css p, #preview_fluid_grid p, #download_fluid_css p { margin-top:5px;  }
div {overflow: visible}
.hidden { display:none}
h1 {margin:0 0 10px 0;padding:0}
h2 {color:#000;font-size:24px;padding:0;text-transform:uppercase;letter-spacing:-.05em;margin:0 0 10px 0;border-bottom:#000 1px solid}
h2 span a {color:#E8E8E8;font-size:16px;text-transform:lowercase;padding-left:20px}
h2 span a:hover {text-decoration:none;color:#fff;}
#facebook h2 {margin:15px 0 5px 0}
		
* {outline:0}
img {border:none}
body {font-family:Arial, Helvetica, sans-serif;background:#ebebeb;padding:0;margin:0}
p {line-height:22px}
p a {text-decoration:underline;color:#000}
p a:hover {text-decoration:none;color:#fff;background:#333}
#top {background:#333;margin:0}
#top ul {list-style:none;font-size:24px;font-weight:bold;letter-spacing:-.05em;padding:6px 0 7px 0;margin:0}
#top li {display:inline;padding:0 20px 0 0}
#top li a {color:#fff;text-decoration:none;padding:0 0 8px 0}
#top li a:hover {color:#00A3FF;background:url(../images/arrow_top_festival.gif) bottom center no-repeat}
#top .sel a , #top .sel a:hover {color:#E8E8E8;background:url(../images/arrow_top_festival.gif) bottom center no-repeat}
#top_right {color:#fff;font-weight:bold;font-size:14px;text-align:right;letter-spacing:-.05em;word-spacing:5px;padding:12px 0 0 0}
#top_right p {margin:0;padding:0}
#top_right a {color:#fff;text-decoration:none}
#top_right a:hover, #top_right .sel {color:#E8E8E8}
#top_right input {width:110px;border:none;padding:2px 17px 2px 2px;background:#fff url(../images/search.gif) center right no-repeat;font:11px Arial, Helvetica, sans-serif;-moz-border-radius:4px;border-radius:4px;}

#festival_icon {background:url(../images/festival_icon.gif) center left no-repeat;padding-left:22px !important}
#dancity_icon {background:url(../images/dancity_icon.gif) center left no-repeat;padding-left:22px !important}

#newsletter {text-align:right}
#newsletter input[type=text] {font:12px Arial, Helvetica, sans-serif;border:none;padding:5px;background:#E7E7E7;width:250px;-moz-border-radius:6px;border-radius:6px;}
#newsletter input[type=submit] {cursor:pointer;text-transform:uppercase;color:#fff;font-weight:bold !important;font:12px Arial, Helvetica, sans-serif;border:none;padding:5px;background:#000;-moz-border-radius:6px;border-radius:6px;}
#newsletter input[type=submit]:hover {background:#333}

#logo {padding-top:10px}
#scritta_festival {text-align:right}

#context_menu_ext {background:#E8E8E8;margin:0 0 30px 0;border-bottom:#333 3px solid}
#context_menu {margin-bottom:10px}
#context_menu {padding:0;margin:0}
#context_menu ul {list-style:none;font-size:16px;font-weight:bold;letter-spacing:-.05em;padding:5px 0;margin:0 0 0 110px}
#context_menu li {display:inline;padding:0 10px 5px 0}
#context_menu li:last-child {padding-right:0}
#context_menu li a {color:#999;text-decoration:none;padding:0 0 6px 0}
#context_menu li a:hover, #context_menu .sel a {color:#000;background:url(../images/arrow_top_festival_context.gif) bottom center no-repeat}

.margintop {margin-top:15px;margin-bottom:20px}

#lineup {text-transform:uppercase;background:#333;padding:10px;height:162px;color:#E8E8E8;letter-spacing:-.05em;line-height:22px;text-align:justify}
#lineup a {color:#fff;text-decoration:none;font-weight:bold;}
#lineup .lineup0 {font-size:16px}
#lineup .lineup1 {font-size:16px}
#lineup .lineup2 {font-size:18px}
#lineup .lineup3 {font-size:22px}
#lineup a:hover {background:#999;text-decoration:none;color:#fff}

#tune_in, #news_festival {background:#fff;padding:10px;margin-top:5px}
#tune_in ul {margin:0 0 20px 0;}

.event_row {border-bottom:#ebebeb 1px solid;padding:0 0 1px 0;letter-spacing:-.05em;margin-bottom:5px;font-weight:bold}
.event_row:last-child {border-bottom:0;padding:0;margin-bottom:10px}
.event_row h3 {color:#333;font-size:20px;text-transform:uppercase}
.event_row h3 a {color:#999;text-decoration:none}
.event_row h3 a:hover {color:#000;background:#E8E8E8}
.event_row h3 span {font-size:14px;color:#ff9933}
.event_row .tag, #social_bottom .tag {letter-spacing:normal;margin:5px 0 0 70px;font-size:12px;font-weight:normal;color:#666;background:url(../images/tag_icon.png) no-repeat left top;padding-left:18px;padding-top:3px}
#artist_bio .tag {letter-spacing:normal;margin:20px 0 0 0;font-size:12px;font-weight:normal;color:#666;background:url(../images/tag_icon.png) no-repeat left top;padding-left:18px;padding-top:3px}
.event_row .tag a, #social_bottom .tag a, #artist_bio .tag a {color:#000;text-decoration:underline}
.event_row .tag a:hover, #social_bottom .tag a:hover, #artist_bio .tag a:hover {background:#E8E8E8;color:#000;text-decoration:none}
.event_row .date {margin:0 0 0 70px;font-size:14px;color:#000}
.event_row .date2 {margin:0 0 0 70px;font-size:11px;color:#999;font-style:italic;font-weight:normal;text-align:right}
.event_row .image {float:left}
.event_row h3 {margin:0 0 0 70px;padding:0;line-height:20px}
.event_row p {margin:0 0 0 70px;padding:0;line-height:20px;letter-spacing:normal}


#tags {border-bottom:#333 2px solid} 
.addthis_toolbox {float:right;padding-top:4px;width:60px}


#paging {width:620px;font-weight:bold;text-align:right;font-size:12px;margin:20px 0 0 0;word-spacing:5px}
#paging a {background:#666;color:#fff;font-weight:bold;text-decoration:none;-moz-border-radius:4px;border-radius:4px;padding:5px}
#paging a:hover, #paging a.sel {color:#000;background:#E8E8E8}

.cat_page h2 {margin-top:0 !important}
#cat_list ul {list-style:none;padding:0;margin:10px 0 0 0}
#cat_list li {padding:2px;font-size:14px;background:#666;-moz-border-radius:5px;border-radius:5px;margin-bottom:5px}
#cat_list li a {text-decoration:none;color:#fff;display:block}
#cat_list li:hover, #cat_list .sel {color:#fff;background:#000}

#bottom {background:#333;margin:20px 0 0 0;color:#999;font-size:11px;padding-bottom:50px;padding-top:20px}
#bottom p {line-height:16px;margin-top:0}
#bottom_right {text-align:right}
#bottom_right img {padding-left:7px}
#bottom_right a:hover {background:none !important}
#bottom a {color:#999;text-decoration:underline}
#bottom a:hover {background:#ccc;color:#333;text-decoration:none}

/* ARTISTA SINGOLA */
#nav {list-style:none;margin:10px 0 0 0;padding:0}
#nav li {margin:5px}
#nav .activeSlide {opacity:0.4;filter:alpha(opacity=40)}
.tooltip {display:none;background: #000;font-size:10px;padding:5px;color:#fff;z-index: 1000}
.colonne_artista {background:#fff;padding:10px}

#location_list h4 {margin:0;background:#666;padding:5px;color:#fff;font-size:12px;font-weight:normal;-moz-border-radius:5px;border-radius:5px}
#location_list ul {margin:10px 0 5px 0;padding:0;list-style:none;font-size:11px}
#location_list li {border-bottom:#ccc 1px solid}h
#location_list li:last-child {border-bottom:none}
#location_list li a {color:#333;text-decoration:none;display:block;padding:5px}
#location_list li a:hover {background:#E8E8E8;color:#000}

.artist_container {background:#fff;padding:0 0 10px 0}
.artist_container h3 {margin:0;font-size:30px;color:#000}
.artist_container h3 span {font-size:14px;color:#666;font-weight:normal; display:block;}
.int_ext {margin-left:0;padding-left:0;}
.int5 {width:360px !important;margin-right:20px;padding-right:0}
.thumb {padding:0 2px}
#artist_header {background:#ddd;margin-bottom:10px;padding-bottom:10px;padding-top:10px}
#artist_header h2 {color:#333;border-bottom:none}
#artist_bio p {margin:0 0 10px 0;line-height:20px;font-size:13px;color:#333}
#artist_bio .date {color:#000}

.related {margin-bottom:10px}
.related h4 {font-size:16px;background:#666;color:#fff;padding:3px;margin-bottom:10px}
.related ul {padding:0;list-style:none;font-size:12px}
.related li {border-bottom:#ccc 1px solid}
.related li:last-child {border-bottom:none}
.related li a {color:#333;text-decoration:none;display:block;padding:5px}
.related li a:hover {background:#E8E8E8;color:#000}

.ticket_container {background:#fff;line-height:20px;font-size:13px;color:#333}
.ticket_container_title h2 {font-size:20px}
.ticket_container_title p {font-size:12px;color:#666;font-weight:bold;line-height:16px}
.ticket_container h3 {text-align:center;margin:0 0 5px 0;padding:5px 10px;font-size:18px;line-height:normal;color:#000;background:#ddd}
.ticket_container p {margin:0 0 10px 0;padding:5px 10px;line-height:20px;font-size:13px;color:#333}
.ticket_container form {text-align:center;margin:0 0 10px 0;padding:0 10px;line-height:20px;font-size:13px;color:#333}
.ticket_container table {text-align:center;width:100%}
.ticket_container form select {color:#333;background:#E8E8E8;padding:2px;font:13px Arial, Helvetica, sans-serif;margin-bottom:10px}
.ticket_container .text {float:left;width:360px}
.ticket_container .text em {font-size:11px;line-height:12px !important}
.ticket_container .no_float {float:none}
#ilike {margin-top:10px;color:#fff}

 
#aboutcity {background:#fff;line-height:20px;font-size:13px;color:#333}
#aboutcity h3 {margin:0 0 5px 0;padding:5px 10px;font-size:22px;line-height:normal;color:#000;background:#ddd}
#aboutcity p {margin:0 0 10px 0;padding:5px 10px;line-height:20px;font-size:13px;color:#333}

.eventi_collaterali {background:#fff;margin-top:5px;margin-bottom:15px}
.eventi_collaterali:last-child {margin-bottom:0}
.eventi_collaterali h3 {margin:0 0 5px 0;padding:5px 10px;font-size:16px;line-height:normal;color:#000;background:#ddd}
.eventi_collaterali h3 a {color:#999;text-decoration:none}
.eventi_collaterali h3 a:hover {color:#000}
.eventi_collaterali h3 span {font-size:12px;display:block;color:#000;text-transform:uppercase}
.eventi_collaterali p {margin:0;padding:0 10px;line-height:14px;font-size:11px;color:#333}
.eventi_collaterali img {float:left;padding:6px 10px 10px 10px}
.eventi_collaterali .date {border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;font-size:12px;color:#000;font-weight:bold;margin:10px 10px 5px 80px;padding:5px 0 }
.eventi_collaterali .addthis_toolbox {margin-bottom:10px;margin-right:10px}
.eventi_collaterali .add_date {font-size:10px;text-align:right;color:#999;text-transform:lowercase;font-weight:normal;font-style:italic}

.collaterali_container {background:#fff;padding:0 0 10px 0;margin-top:5px}
.collaterali_container h2 {background:none;font-size:18px}
.collaterali_container h3 {margin:0;font-size:30px;color:#000}
.collaterali_container h3 span {font-size:14px;color:#666;font-weight:normal}

#artisti_list_title {margin-bottom:20px;}
.artisti_list {background:#fff;margin-bottom:20px;height:236px}
.artisti_list h3 {margin:0;padding:0 5px 0 5px;font-size:12px;line-height:16px;color:#666}
.artisti_list h3 a {font-size:16px;color:#999;text-decoration:none}
.artisti_list h3 a:hover {color:#000}
.artisti_list p {font-size:11px;color:#000;padding:0 5px; margin:0;line-height:14px}


#location_container {margin-right:0;width:720px;margin-left:0}
#location_title {margin-bottom:20px;width:700px}
.location {background:#E8E8E8;margin-bottom:20px;width:220px !important;margin-right:20px;padding-right:0;margin-left:0}
.location h3 {margin:0;padding:5px;font-size:12px;line-height:16px;color:#666}
.location h3 a {font-size:16px;color:#999;text-decoration:none}
.location h3 a:hover {color:#000}
.location .foto {display:none}


.contact_box {background:#fff;line-height:20px;font-size:13px;color:#333}
.contact_box h3 {margin:0;padding:5px 10px;font-size:22px;line-height:normal;color:#000;background:#ddd}
.contact_box h4 {margin:0 0 5px 0;padding:5px 10px;font-size:14px;line-height:normal;color:#000;background:#ddd}
.contact_box p {margin:0;padding:0 10px;line-height:16px;font-size:12px;color:#333}
.contact_box p:last-child {padding-bottom:10px}
.contact_box ul {margin:0;list-style:square;margin-bottom:5px;line-height:16px}

.loghi {list-style:none;margin:0 0 10px 0;padding:5px}
.loghi li {display:inline;padding:0 10px 10px 0}



/* FORMS ____________________________________ */
#signupform label.error {background:url("../images/unchecked.gif") no-repeat 0px 0px;padding-left:16px;display:block;font-weight:bold;color:#990000}
#signupform label.checked {background:url("../images/checked.gif") no-repeat 0px 0px}
.red {color:#990000} 
input[type="text"], textarea {background:#ebebeb;border:none;padding:5px;width:290px;font:12px Arial, Helvetica, sans-serif;-moz-border-radius:5px;border-radius:5px}
input[type="text"]:hover, textarea:hover, input[type="text"]:focus, textarea:focus {background:#333;color:#fff}
input[type="submit"], input[type="reset"] {font:12px Arial, Helvetica, sans-serif;background:#000;border:none;color:#fff;padding:5px;cursor:pointer;-moz-border-radius:5px;border-radius:5px;font-weight:bold}
input[type="submit"]:hover, input[type="reset"]:hover {background:#333;border:none;color:#fff;}

/* NIVO SLIDER */

#slider {
	position:relative;
    width:620px;
    height:368px;
	background:#333 url(../images/loading.gif) no-repeat 50% 50%;
}
#slider_city {
	position:relative;
    width:620px;
    height:373px;
	background:#333 url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img, #slider_city img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;

}
#slider a, #slider_city a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#333;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	height:60px;
}
.nivo-caption p, .nivo-caption h3 {
	padding:3px 5px 5px 5px;
	margin:0;
	line-height:16px
}
.nivo-caption a {
	display:inline !important;
	color:#fff
}
.nivo-caption a:hover {
	background:none;
	color:#E8E8E8
}
.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}