@charset "UTF-8";

/*

Author: Mario Musiano
Contacts: mario.musiano@gmail.com

*/

body{text-align:center; background:#e3e3e3; font:12px Arial, Helvetica, sans-serif; color:#000; margin:60px 0px 0px;}

a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline;}
.justify { text-align: justify;}
img{border:0px;}
span{display:none;}
p{margin-top:0px; text-align: justify;}

img.onTour{float:right;}  

/* title */
h3{margin:0px; text-transform:uppercase; font-size:12px;}
h4{color:#888686; margin:10px 0px 0px 0px; font-weight:normal; font-size:12px;}
h5{margin:0px; font-size:12px; font-weight:normal;}

h3.title{margin-bottom: 5px;}

h3.title.artist{margin-bottom: 5px; margin-top: 15px;}
hr{float:left; display:inline; width:100%; margin:20px 0px; border:0px; height:1px; background:#b1afaf; color:#b1afaf;}

.treColBoxUp h3, .treColBoxBottom h3, .treColBoxUp h4, .treColBoxBottom h4{text-transform:uppercase; font-size:12px; margin:0px; color:#000;}

#container{text-align:left; margin:0px auto; width:881px;}

/* header */
#header{height:26px; margin:0px 30px;}

form.search{margin:3px 0px; padding:0px; float:left;}
form.search label{float:left; display:inline; background:url(/img/cerca.png) no-repeat bottom; width:63px; height:13px; padding:0px; margin:3px 3px 3px 0px;}
form.search input{margin:0px; height:14px; border:1px #f9f9f9 solid; padding:1px;}

form.newsletter{margin:3px 0px; padding:0px; float:left;}
form.newsletter label{float:left; display:inline; background:url(/img/newsletterTop.png) no-repeat bottom; width:94px; height:16px; padding:0px; margin:3px 3px 3px 0px;}
form.newsletter input{margin:0px; height:14px; border:1px #f9f9f9 solid; padding:1px;}


.logo{float:right; background:url(/img/logo.png) no-repeat; width:260px; height:26px;}
.myspace{float:left; background:url(/img/logo_myspace.jpg) no-repeat; width:260px; height:26px;}
#en{float:right; width:28px; height:14px; padding:5px 30px 0px 0px; background:url(/img/eng.png) no-repeat bottom;}
#it{float:right; width:28px; height:14px; padding:5px 30px 0px 0px; background:url(/img/ita.png) no-repeat bottom;}

#imgHeader{float:left; height:241px; width:881px; margin:3px auto 0px auto;}
.headerHome{background:url(/img/header/headerOurHome.jpg) no-repeat;}
.headerAboutUs{background:url(/img/header/aboutHeader.jpg) no-repeat;}
.headerArtistsAz{background:url(/img/header/artistsAzHeader.jpg) no-repeat;}
.headerArtsEvents{background:url(/img/header/artsEventsHeader.jpg) no-repeat;}
.artsHeader{background:url(/img/header/artsHeader.jpg) no-repeat;}
.headerOurAgency{background:url(/img/header/agencyHeader.jpg) no-repeat;}
.headerFestivals{background:url(/img/header/festivalsHeader.jpg) no-repeat;}
.headerFestival{background:url(/img/header/festivalHeader.jpg) no-repeat;}
.headerArtist{background:url(/img/header/artistHeader.jpg) no-repeat;}
.headerAlbum{background:url(/img/header/albumHeader.jpg) no-repeat;}
.headerContacts{background:url(/img/header/contactsHeader.jpg) no-repeat;}
.headerLabel{background:url(/img/header/labelHeader.jpg) no-repeat;}
.headerFriends{background:url(/img/header/friendsHeader.jpg) no-repeat;}

/* navbar */
#navbar{float:left; display:inline; margin:0px 29px;}
#navbar a{float:left; display:inline; height:16px; margin:0px 2px;}

a#about				{width:75px; background:url(/img/navbar/about_a.png) no-repeat;}
a#about:hover		{background:url(/img/navbar/about_b.png) no-repeat;}

a#agency			{width:97px; background:url(/img/navbar/agency_a.png) no-repeat;}
a#agency:hover		{background:url(/img/navbar/agency_b.png) no-repeat;}

a#artists			{width:89px; background:url(/img/navbar/artists_a.png) no-repeat;}
a#artists:hover		{background:url(/img/navbar/artists_b.png) no-repeat;}

a#artsEvents		{width:107px; background:url(/img/navbar/artsEvents_a.png) no-repeat;}
a#artsEvents:hover	{background:url(/img/navbar/artsEvents_b.png) no-repeat;}

a#contacts			{width:113px; background:url(/img/navbar/contacts_a.png) no-repeat;}
a#contacts:hover	{background:url(/img/navbar/contacts_b.png) no-repeat;}

a#festivals			{width:78px; background:url(/img/navbar/festivals_a.png) no-repeat;}
a#festivals:hover	{background:url(/img/navbar/festivals_b.png) no-repeat;}

a#friends			{width:97px; background:url(/img/navbar/friends_a.png) no-repeat;}
a#friends:hover		{background:url(/img/navbar/friends_b.png) no-repeat;}

a#home				{width:49px; background:url(/img/navbar/home_a.png) no-repeat;}
a#home:hover		{background:url(/img/navbar/home_b.png) no-repeat;}

a#label				{width:82px; background:url(/img/navbar/label_a.png) no-repeat;}
a#label:hover		{background:url(/img/navbar/label_b.png) no-repeat;}

/* content */
#content{float:left; width:821px; display:inline; background:#FFF url(/img/cornerTop.png) no-repeat top; padding:0px 30px 10px 30px;}

#focusOn, #focusArtist{float:right; display:inline; padding:10px 0px; width:100%;}

#focusOn h2{width:100%; height:52px; margin:0px 0px 10px 0px;}
.focusOnHome h2{background: url(/img/titoli/homeTitleFocusOn.png) no-repeat;}
.focusOnArtistsAz h2{background:url(/img/titoli/artistsAzTitleFocusOn.png) no-repeat;}
.focusOnArtsEvents h2{background:url(/img/titoli/artsEventsTitleFocusOn.png) no-repeat;}
.focusOnOurAgency h2{background:url(/img/titoli/agencyTitleFocusOn.png) no-repeat;}
.focusOnFestivals h2{background:url(/img/titoli/ourFestivalTitleFocusOn.png) no-repeat;}
.focusOnContacts h2{background:url(/img/titoli/contactsTitlePonderosa.png) no-repeat;}
.focusOnLabel h2{background:url(/img/titoli/ourLabelTitleFocusOn.png) no-repeat;}

#focusOn img, #imgFocusArtist{float:left; margin:0px 30px 10px 0px;}

#colNextLive, #colOurNews, #colNowFestival, #colAlbum, #colNextLiveAlbum, #colProgramLineUp{float:left; display:inline; height: auto !important;height:100px;min-height:100px;}

#colNextLiveAlbum{width:231px;}
#colNextLive h2{background:url(/img/titoli/homeTitleLive.png) no-repeat; height:27px; width:98px; margin:0px;}

#colOurNews, #colAlbum{width:231px; margin:0px 54px;}
#colOurNews h2{background:url(/img/titoli/homeTitleNews.png) no-repeat; width:121px; height:27px; margin:0px;}

#colNowFestival{width:251px;}
#colNowFestival img{margin:10px 0px;}

#colNowFestival h2.now{float:left; background:url(/img/titoli/homeTitleOutNow.png) no-repeat; width:106px; height:27px; margin:0px;}
#colNowFestival h2.festival{float:left; background:url(/img/titoli/homeTitleFestival.png) no-repeat; width:137px; height:27px; margin:0px;}

#colProgramLineUp h2{background:url(/img/titoli/festivalTitleProgram.png) no-repeat; width:202px; height:33px; margin:0px;}

#cornerBottom{float:left; background:url(/img/cornerBottom.png) no-repeat top; width:100%; height:20px;}

#footer{float:left; display:inline; margin:5px 30px 30px; width:821px;}

/* about us */
.aboutUsBox{float:left; display:inline; margin:10px 1px 20px 1px;}

.aboutBoxLeftRight{float:left; border-left:1px #000 solid;}
.aboutBoxRight{float:left; margin:0px 0px 10px 15px; width:253px;}
.aboutBoxLeft{float:left; margin:0px 14px 10px 0px; width:253px;}
.aboutBoxMiddle{float:left; padding:0px 15px; width:253px;}

table#AboutUs{width:100%;}
table#AboutUs td{width:253px; vertical-align:top; padding:5px 10px 10px 10px;}
.aboutUsMiddle{padding:0px 10px; border-left:1px #000 solid;}
table#aboutUsMusic{padding:0px !important;}


/* tre colonne template: artists A-Z,  */
.treColBoxUp{float:left; display:inline; width:100%;}
.treColBoxUp img{margin:0px auto; text-align:center; padding:0px 0px 5px 0px;}
.treColBoxUp div, .treColBoxBottomCol{float:left; display:inline; width:256px;}
.treColBoxUp div.festival {width:auto;}
.treColBoxUp p{padding:5px 0px 0px 0px;}

.treColBoxBottomCol{margin:0px 0px 20px 0px; height: 100px;}
.treColBoxBottomTitle{float:left; width:150px; padding:0px 9px 0px 0px;}
.treColBoxBottom img, .treColBoxContatti{float:left;}
.treColBoxBottom h2{float:left; width:100%; height:43px; margin:0px 0px 25px 0px;}

h2.titleArtistsAz{background:url(/img/titoli/artistsAzTitleArtists.png) no-repeat;}
h2.titleArtsEvents{background:url(/img/titoli/artsEventsTitleEventsAz.png) no-repeat;}
h2.titleOurAgency{background:url(/img/titoli/agencyTitleArtistsAz.png) no-repeat;}
h2.titleFestivals{background:url(/img/titoli/ourFestivalTitleFestivalAz.png) no-repeat;}
h2.titlePonderosaAz{background:url(/img/titoli/contactsTitlePonderosaAz.png) no-repeat;}
h2.titlePonderosaAz.contacts{background:url(/img/titoli/contactsTitlePonderosaAz.png) no-repeat; height: 60px;}
h2.titleRosterAz{background:url(/img/titoli/ourLabelTitleRosterAz.png) no-repeat;}

/* artist */
h2.audiostreaming{margin:0px; float:left; background:url(/img/titoli/audioStreamingTitle.png) no-repeat; width:100%; height:33px;}
h2.downloadArea{margin:0px; float:left; background:url(/img/titoli/downloadAreaTitle.png) no-repeat; width:100%; height:33px;}
h2.link{margin:0px; padding:0px 0px 10px 0px; float:left; background:url(/img/titoli/artsTitleLink.png) no-repeat; width:100%; height:26px;}

#colAlbum div{float:left; width:100%; margin:10px 0px 0px 0px;}
#colAlbum img{float:right;}
#colAlbum h2{background:url(/img/titoli/albumTitle.png) no-repeat; width:86px; height:27px; margin:0px;}
#colAlbum h5{text-transform:uppercase;}
#colNextLiveAlbum h2{background:url(/img/titoli/nextLiveTitle.png) no-repeat; height:27px; width:101px; margin:0px;}

/* photogallery */
#focusArtist p{padding:0px 0px 0px 570px; margin:5px 0pt 0pt 0px;}
#focusArtist hr{float:left; display:inline; width:251px; margin:20px 0px;}
#photogallery{float:right; width:251px;}
#photogallery h2{background:url(/img/titoli/artsTitlePhotogallery.png) no-repeat; width:171px; height:33px; padding:0px 0px 5px 0px; margin:0px;}

#photogalleryFoto{width: 250px;}
#photogalleryFoto img{padding:0px 3px;}
#photogalleryFrecce{float:left; display:inline;}

#indietro{cursor: pointer;float:left; width:15px; height:14px; background:url(/img/artsArrowLeft.png) no-repeat;}
#avanti{cursor: pointer;float:right; width:15px; height:14px; background:url(/img/artsArrowRight.png) no-repeat;}

/* album */
h2.linkAlbum{margin:0px; padding:0px 0px 10px 0px; float:left; background:url(/img/titoli/linkAlbumTitle.png) no-repeat; width:100%; height:26px;}

#tracklist, #friends{display:block; float:left; width:100%; margin:0px; padding:0px;}
#tracklist td, #friends td{border-bottom:1px #b1afaf solid; padding:10px 0px 4px 0px;}
#tracklist h2, #friends h2{margin:15px 0px 12px 0px;}
.titleAlbumTracklist{background:url(/img/titoli/tracklistAlbum.png) no-repeat; width:156px; height:43px;}

td.albumTracklist, td.friendsWho{width:283px;}
td.albumTracklist h2{background:url(/img/titoli/tracklistAlbum.png) no-repeat; width:156px; height:50px;}
td.albumAudiostreaming, td.friendsWhat{width:285px;}
td.albumAudiostreaming h2{background:url(/img/titoli/audiostreamingAlbum.png) no-repeat bottom; width:216px; height:50px;}
td.albumBuy, td.friendsLink{width:253px;}
td.albumBuy h2{background:url(/img/titoli/buyAlbum.png) no-repeat bottom; width:52px; height:50px;}

/* contatti */
.treColBoxContatti{padding:0px 11px;}
.treColBoxContatti p{margin:0px;}
.treColBoxContatti strong{font-style:normal; color:#809ba7;}

/* friends */
#friends td{padding:10px 5px 4px 0px; vertical-align:top;}
#friends td.friendsWho, #friends td.friendsWhat, #friends td.friendsLink{border-bottom:none;}
.friendsWho h2{background:url(/img/titoli/ourFriendsTitleWho.png) no-repeat; width:60px; height:27px;}
.friendsWhat h2{background:url(/img/titoli/ourFriendsTitleWhat.png) no-repeat; width:67px; height:27px;}
.friendsLink h2{background:url(/img/titoli/ourFriendsTitleLink.png) no-repeat; width:41px; height:27px;}

#credits { text-align: center; margin-bottom: 10px; color: #555;}
.clearer{ clear: both;}                                   
.pagination span { display: inline; font-weight: bold;}
.clearer { clear: both; }

h3.album.artist{ margin-top: 5px; }
#focus-home { height: 350px;}