/*
	RESET STYLES 
	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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Basic settings */
body { background: #212426 url(images/bg.jpg) repeat-x; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6,p { position: relative; }

.wrap { width: 950px; margin: 0 auto; }

#header { width: 100%; height: 254px; background: url(images/header.jpg) 50% 0 no-repeat; }
#header h1 { float: left; width: 212px; height: 205px; margin: 20px 0 0 30px; }
#header h1 a { display: block; width: 212px; height: 205px; float: left; text-indent: -9999px; }
#header h2, #header p { text-indent: -9999px; }

ul#nav { margin: 34px 0 0 366px; height: 8px; }
ul#nav li { display: inline; } /* matte #1c1e20 */
ul#nav li a { text-indent: -9999px; display: block; height: 8px; float: left; }
ul#nav li#chisiamo a { background: url(images/nav/chisiamo.gif) no-repeat; width: 45px; margin-right: 20px; }
ul#nav li#profilen a { background: url(images/nav/profilen.gif) center top no-repeat; width: 45px; margin-right: 16px; }
ul#nav li#artisti a { background: url(images/nav/artisti.gif) no-repeat; width: 32px; margin-right: 20px; }
ul#nav li#artists a { background: url(images/nav/artists.gif) no-repeat; width: 36px; margin-right: 14px; }
ul#nav li#catalogo a { background: url(images/nav/catalogo.gif) no-repeat; width: 45px; margin-right: 19px; }
ul#nav li#catalogue a { background: url(images/nav/catalogue.gif) no-repeat; width: 51px; margin-right: 11px; }
ul#nav li#edizioni a { background: url(images/nav/edizioni.gif) no-repeat; width: 36px; margin-right: 27px; }
ul#nav li#publishingn a { background: url(images/nav/publishing.gif) no-repeat; width: 51px; margin-right: 18px; }
ul#nav li#tour a { background: url(images/nav/tour.gif) no-repeat; width: 24px; margin-right: 18px; }
ul#nav li#areautenti a { background: url(images/nav/areautenti.gif) no-repeat; width: 57px; margin-right: 9px; }
ul#nav li#usersarea a { background: url(images/nav/usersarea.gif) no-repeat; width: 57px; margin-right: 10px; }
ul#nav li#contatti a { background: url(images/nav/contatti.gif) no-repeat; width: 41px; }
ul#nav li#contacts a { background: url(images/nav/contacts.gif) no-repeat; width: 45px; }

.lang { position: absolute; width: 160px; height: 50px; background: url(images/btn_e.jpg) center center no-repeat; top: 177px; margin-left: 373px; }
.lang_it { background: url(images/btn_i.jpg) center center no-repeat; }
li#it_sw a { display: block; float: left; text-indent: -9999px; width: 48px; height: 12px; margin-top: 18px; }
li#en_sw a { display: block; float: left; text-indent: -9999px; width: 48px; height: 12px; margin: 18px 0 0 60px; }

ul#social { clear: both; float: left; position: relative; top: -45px; left: 743px; }
ul#social li { display: inline; }
ul#social li a { display: block; float: left; width: 33px; height: 33px; text-indent: -9999px; margin-right: 11px; }

#main { clear: both; float: left; font-size: 1.2em; line-height: 120%; }

#left_col { width: 790px; float: left; margin-top: 20px; }
#publishing strong, #profile strong { font-weight: bold; color: #78d7ff; }

.dark { background: #1c1e20; padding: 10px; float: left; color: #efefef; width: 770px; margin-bottom: 20px; }
.dark a { color: #44ec38; }
.dark a:hover { background: #44ec38; color: #1c1e20; text-decoration: none; }

#slideshow { float: left; }

#latest { background: url(images/titles/latestreleases.gif) 0 10px no-repeat; float: left; width: 240px; padding-top: 60px; margin: 0 30px 0 55px; }
.dark #latest a:hover img, .dark #list a:hover img, #upcoming a:hover img { background: transparent; border: 5px solid #44ec38; }
#latest a img, #list a img { border: 5px solid #d9d9d9; margin: 10px 10px 0 0; }
#latest h3 { display: none; }
#latest a:hover { background: transparent; }

#tweets { float: left; background: url(images/tweets.jpg) no-repeat; width: 144px; padding-top: 105px; }
#tweets h3 { display: none; }
#tweets h4 { color: #38c9fe; border-bottom: 1px dotted #a4a5a6; padding: 15px 0 4px 0; margin-bottom: 4px; }
.dark #tweets p { padding: 30px 0 0 20px; }

#upcoming { float: left; width: 105px; background: url(images/titles/upcomingreleases.gif) no-repeat; padding: 55px 0 20px 0; margin: 20px 0 0 40px; }
#upcoming a img { border: 5px solid #d9d9d9; margin: 0 0 10px 0; }
#upcoming h3 { display: none; }
#upcoming p a { color: #44ec38; font-weight: bold; float: right; }
#upcoming p a:hover { background: #44ec38; color: #212426; text-decoration: none; }

.split_left, .split_right { width: 365px; float: left; text-align: justify; padding-top: 40px; }
.split_left h3, .split_right h3 { display: none; }
.split_left { margin-right: 40px; background: url(images/titles/casadiscografica.gif) no-repeat; }
.eng_home_fix { background: url(images/titles/rec_lab.gif) no-repeat; }
.split_right { background: url(images/titles/edizionimusicali.gif) no-repeat; }
.eng_home_fix_two { background: url(images/titles/publishingn.gif) no-repeat; }

#footer { clear: both; float: left; background: #677177; width: 100%; color: #000; font-size: 1.2em; }
#footer a { color: #195477; }
#footer_container  { width: 100%; height: 100%; background: url(images/footer.gif) 0 50% no-repeat; float: left; padding: 10px 0; }

#credits {  float: left; width: 480px;  }
#credits p { position: relative; top: 10px; left: 235px; border-left: 1px solid #000; padding-left: 15px; float: left; margin-bottom: 15px; }
.login { float: left; background: url(images/titles/areautenti.gif) top left no-repeat; margin-top: 10px;  }
.uzerz { background: url(images/titles/userzarea.gif) top left no-repeat;  }
.login h3 { text-indent: -9999px; }
.login form { margin-top: 14px; }

input.bar { background: #5c6d77; border: 1px solid #333; width: 130px; font-size: 1.2em; padding: 2px; float: left; margin: 6px 5px 0 0; color: #333; }
input.arrow { 
    border: 0;
    margin: 0; 
    width: 30px; 
    height: 33px; 
    font-size: 0px; 
    display: block;
     float: left; 
     line-height: 0px; 
     text-indent: -9999px; 
     background: url(images/arrow.gif); 
}

#ending { width: 100%; clear: both; height: 25px; }

/* slideshow */

#s3slider {
   width: 300px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 300px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; 
   position: relative; 
   display: none; 
   cursor: pointer;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 1em;
   padding: 10px 13px;
   width: 274px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span strong { font-weight: bold; font-size: 1.4em; margin-bottom: 3px; color: #44ec38; }
.s3sliderImage span em { color: #44ec38; font-style: italic; }

.clear {
   clear: both;
} 

/* interno */

#list { float: left; padding-top: 80px; }
.all_past { background: url(images/titles/catalogue.gif) 0 10px no-repeat; }
.all_rooster { background: url(images/titles/ourrooster.gif) 0 10px no-repeat; }
.all_upcoming { background: url(images/titles/upcomingreleasesblue.gif) 0 10px no-repeat; }
#list h3 { display: none; }
#list .release, #list .rooster_list{ float: left; width: 383px; margin-bottom: 25px; }
#list .release h2, #list #detail h2 { 
    font-size: 1.4em; 
    margin: 18px 0 4px 0; 
    border-bottom: 1px solid #666; 
    float: left; 
    width: 230px; 
    padding-bottom: 4px;
}
#list .rooster_info { height: 200px; width: 300px; }
#list .rooster_info h2 { 
    font-size: 1.4em; 
    margin: 18px 0 4px 0; 
    border-bottom: 1px solid #666; 
    float: left; 
	margin-right: 30px;
    width: 325px; 
    padding-bottom: 4px;
	color: #37c1fc;
}
#list .rooster_info p { width: 325px; clear: both; }
#list #the_rooster h2 { color: #37c1fc; width: 770px; border-bottom: 1px solid #666; font-size: 1.4em; padding-bottom: 4px; margin-bottom: 10px; }
#bio { width: 540px; margin: 0 20px 20px 0; float: left; }
#rooster_cont { float: left; text-align: right; width: 210px; }
#rooster_cont h3 { display: block; color: #37c1fc; border-bottom: 1px solid #666; padding-bottom: 4px; margin: 30px 0 10px 0; font-size: 1.2em; }

.release_pic, .release_info { float: left; }
#list .release h3, #list #detail h3, #list .rooster_info h3 { 
    display: block; 
    float: left; 
    font-size: 1.2em; 
    text-align: right; 
    width: 230px; 
    margin-bottom: 20px; 
    color: #37c1fc; 
} 
#list .rooster_info h3 { width: 325px; margin-right: 10px; }
#list .release h3, #list #detail h3  { 
    display: block; 
    float: left; 
    font-size: 1.2em; 
    text-align: right; 
    width: 230px; 
    margin-bottom: 20px; 
    color: #37c1fc; 
} 
#list #detail h3  a { font-size: .8em; text-transform: uppercase; color: #FC0; }
#list #detail h3  a:hover { background: #FC0; color: #212426; }
#list .release img { float: left; margin-right: 20px; }
.release span { color: #999; }

#list #detail img { float: left; margin-right: 20px; }
#list #detail h2 { width: 440px; margin-top: 0; }
#list #detail h2 span a { margin-left: 10px; font-size: .65em; text-transform: uppercase; }
#list #detail h3 { width: 440px; }

#detail ol { list-style: decimal; float: left; padding-left: 20px; width: 270px; }
#detail p.nothing { width: 290px; height: 200px; float: left; }
#detail li { padding: 2px 0; }
#detail img { border: 5px solid #d9d9d9; }

#specs { float: left; }
#specs p { display: inline; line-height: 150%; }
#specs span { color: #999; }

.about_release { background: #1c1e20 url(images/titles/aboutrelease.gif) 10px 10px  no-repeat; padding-top: 70px; }

#contact_info { text-align: justify; width: 440px; float: left; background: url(images/titles/contactinfo.gif) no-repeat; padding-top: 70px; }
#contact_info strong { color: #78d7ff; font-weight: bold; }

#contact_form { background: url(images/titles/contactform.gif) no-repeat; width: 290px; float: left; margin-left: 40px; padding-top: 70px; }
#contact_form input, #contact_form textarea, #contact_form select { 
    height: auto; 
    margin: -1px 0 10px 0; 
    width: 265px; 
    border: 0; 
    padding: 2px; 
    font-size: 1.1em; 
    font-family: Arial, Helvetica, sans-serif;
    background: #333;
    color: #fff;
}
#contact_form input.submitBtn { background: #78d7ff; color: #000; width: auto; padding: 2px 10px; }
#contact_form textarea { overflow: auto; }
#contact_form label {
    border: 1px solid #ddd; 
    padding: 2px 2px 2px 6px; 
    background: #ddd; 
    width: 80px; 
    color: #333; 
    display: block; 
    border-bottom: 0; 
    margin-left: 3px; 
    font-size: .9em;
}
.privacy { text-align: justify; background: #1c1e20 url(images/titles/privacy.gif) 10px 10px  no-repeat; padding-top: 40px; }

#profile { background: url(images/titles/companyprofile.gif) no-repeat; width: 440px; float: left; padding-top: 70px; }
#profile h3 { display: none; }
#profile p { padding: 10px 0; }

#milestones  {  background: url(images/titles/tweets.gif) no-repeat; float: left; width: 280px; padding-top: 70px; margin-left: 40px; }
#milestones h3 { display: none; }
/*#milestones ul { padding: 10px 0; }
#milestones li {padding-bottom: 5px; }
#milestones li span { color: #44ec38; font-weight: bold; } */

#tweets { float: left; background: url(images/tweets.jpg) no-repeat; width: 144px; padding-top: 105px; }
#tweets h3 { display: none; }
#milestones  #tweet ul li strong { display: block; color: #38c9fe; border-bottom: 1px dotted #a4a5a6; padding: 15px 0 4px 0; margin-bottom: 4px; }
.dark #tweet p { padding: 30px 0 0 20px; }

#coming_soon { background: url(images/titles/comingsoon.gif) no-repeat; float: left; width: 100%; height: 530px; }
#coming_soon h3 { display: none; }

#the_cart { background: url(images/titles/shopping_title.gif) no-repeat; float: left; width: 100%; }
#the_cart h3 { display: none; }
.cart_details { margin-top: 40px; float: left;}
ul#carrello li { background: #596066; width: 750px; padding: 10px; margin-bottom: 10px; }
.update_cart { float: left; margin-right: 20px; }
p.back_to_shop { float: left; }
p.status { background: #FC0; width: 755px; padding: 5px; margin-bottom: 10px }
p.status a { color: #d3000f; font-weight: bold; text-decoration: none; }
p.status a:hover { color: #d3000f; background: none; text-decoration: underline; }

p.statuss { background: #33ace0; font-weight: bold; color: #fff; width: 755px; padding: 5px; margin-bottom: 10px }
p.statuss a { color: #fff; text-decoration: none; }
p.statuss a:hover { color: #fff; background: none; text-decoration: underline; }

#publishing { background: url(images/titles/publishing.gif) no-repeat; width: 440px; float: left; padding-top: 70px; }
#publishing h3 { display: none; }
#publishing p { padding: 10px 0; }

#offer  {  background: url(images/titles/areyouoneofthem.gif) no-repeat; float: left; width: 280px; padding-top: 70px; margin-left: 40px; }
#offer h3 { display: none; }
#offer ul { padding: 10px 0; }
#offer li {padding-bottom: 5px; }
#offer li span { color: #44ec38; font-weight: bold; }

.tooltip {
	display:none;
	background:transparent url(images/tooltips/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;  
	padding:25px;
	color:#fff;	
}
#jp_playlist_2 ul { display: block; float: left; }
.jp-mute, .jp-unmute, .jp-previous, .jp-next { display: none; }
.jp-controls li { display: inline; margin: 0 10px 10px 0;  }
.jp-controls, .jp-duration { margin-bottom: 10px; }
li a.jp-playlist-current { background: #fff; color: #1c1e20; text-decoration: none; }
.reputation { float: left; margin-right: 70px; }
#last_col  { color: #FC0; float: left; margin: -15px 0 0 50px; }
.link_2_buy { float: right; width: 150px; text-align: right; }
.jp-audio { float: left; width: 400px;  }