/*------------------------------------------
Title:			ANDREA BARONI
Author:			Andrea Baroni
URL:			http://www.andrea.baroni.name
Created:		10 July 2008
Modified:		-
------------------------------------------*/

@import url(styles_page_sections.css);


/******* GLOBALI ***************************/

* { outline:none; }

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
	border:0px none;
	margin:0px;
	padding:0px;
}

html{
}

body {
	height:100%;
	position:relative;
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #FFF;
	border:0;
	text-align:center;
	background:#000 url(../images/bk_body.jpg) center top no-repeat;
	position:relative;
	z-index:1;
}


a {	color:#996633; text-decoration:none; }

a:hover { color:#FFF; text-decoration:underline; }

p {	padding:0; margin:0 25px 15px 10px; font-size:100%; z-index:100;}

p img {	float:left; margin: 5px 8px 5px 0;}

.popup p { margin-right:20px; }



hr{ width:600px; height:1px; margin:30px auto 10px; text-align:center; padding:0; border:0px; border-color:#555; color:#555; background-color:#555; }

img{ border:0; }

ul, ol, dl {
	position: relative;
}
			  
ul{ margin:15px 0 15px 35px; padding:0; list-style:square; }

ul li{ margin: 0 0 5px 0; padding:0px; }

iframe { border:0px; }



/*----------- TITLES ------*/
h1{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase;  margin:0 0 20px 10px; padding:0; font-size:200%; font-weight:bold; z-index:100; }


h2 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:180%; margin:0; }
h2#bio { height:53px; width:110px; background:url(../images/h2_bio.gif) left top no-repeat; margin:0 0 0 5px; padding:0;  }
h2#license { height:40px; width:216px; background:url(../images/h2_licensemusic.gif) left top no-repeat; margin:0 0 0 5px; padding:0;  }

h2 span {position:relative; z-index:-1; }

h3 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:120%; font-weight:normal; margin:0; margin-top:0; color:#5a7fa8; }

h2,h3,h4 { margin-left:10px; }




/*--------- FORMS ----------*/

form {
	width:330px;
	margin: 0;
	padding:0;
}

label { display:block; width:150px; font-family:Arial, Helvetica, sans-serif; font-size:100%; z-index:10; position:relative;}

input, input.checkbox { width:294px; background:#f8f7eb; border:1px solid #555; margin:0; left:0px; font-size:90%; clear:both; z-index:10; position:relative }

input.checkbox { width:15px; height:15px; margin-right:5px; border:0; background:#000;}

textarea { width:294px; background:#f8f7eb; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; }

input.button { height:24px; font-size:12px; margin:10px 0 0 90px; width:120px; color:#CCCCCC; border:2px solid #222; background:#3f484d; cursor:pointer;}

input.button:hover { background:#5d849a; color:#FFF;}



/*--------- TABELLE ----------*/

table.linksTable{
	border:0px;
	width:98%;
	margin:0;
	padding:0;
	position:relative;
}


table.linksTable td{
	border:0;
	vertical-align:top;
	width:50%;
}




/*--------- LISTE ----------*/
ul.smallList {
	font-size:90%;
	margin-top:5px;
}


ul.menu {
	margin:0;
	padding:0;
	position:absolute;
	left:5px;
	top:159px;
	width:760px;
	height:44px;
	list-style:none;
}


ul.menu li
{
	margin:0;
	padding:0;
	height:44px;
	float:left;
	position:relative;
}

ul.menu a {
  display: block;
  outline: none;
  margin:0;
  padding:0;
}

ul.menu a {
  display: block;
  outline: none;
  margin:0;
  padding:0;
}

ul.menu div span { position:relative; z-index:-1; }

ul.menu a span { position:relative; z-index:-1; }

ul.menu a:hover {
  background-position: left -44px; text-decoration:none;
}

ul.menu .discography, ul.menu div.discography {
  width: 166px;
  height:44px;
  background: url(../images/btnM_Discography.jpg) left top no-repeat;
}

ul.menu .soundtracks, ul.menu div.soundtracks {
  width: 164px;
  height:44px;
  background: url(../images/btnM_Soundtracks.jpg) left top no-repeat;
}

ul.menu .thestudio, ul.menu div.thestudio {
  width: 134px;
  height:44px;
  background: url(../images/btnM_TheStudio.jpg) left top no-repeat;
}

ul.menu .downloads, ul.menu div.downloads {
  width: 151px;
  height:44px;
  background: url(../images/btnM_Downloads.jpg) left top no-repeat;
}

ul.menu .buymusic, ul.menu div.buymusic {
  width: 145px;
  height:44px;
  background: url(../images/btnM_BuyMusic.jpg) left top no-repeat;
}

ul.menu div.discography, ul.menu div.soundtracks, ul.menu div.thestudio, ul.menu div.downloads, ul.menu div.buymusic {
 	background-position: left bottom;
}




ul.albumsColumn {
	list-style:none;
	width:159px;
	background:url(../images/bk_albumscol.jpg) left top no-repeat;
	padding:30px 0 20px 43px;
	margin:0;
}

ul.albumsColumn li {
	padding:0;
	margin:0 0 35px 0;
}


ul.albumsColumn li img {
	border:2px solid #000;
}





ul.albumsList {
	list-style:none;
	padding:30px 0 20px 43px;
	margin:0;
}

ul.albumsList li {
	padding:0;
	margin:0 38px 40px 0;
	float:left;
}


ul.albumsList li img {
	border:2px solid #222;
}





ul.albumsDownload {
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
}

ul.albumsDownload li {
	width:694px;
	padding:15px;
	margin:0 0 20px 0;
	position:relative;
	background:#000 url(../images/bk_albumdownload_li.jpg) left top no-repeat;
}

ul.albumsDownload li .cover {
	float:left;
	margin:0 10px 0 0;
}


ul.albumsDownload li .cover img{
	border:2px solid #000;
}

ul.albumsDownload li p { margin:0; }


ul.albumsDownload li .download {
	position:absolute;
	right:15px;
	bottom:25px;
	width:133px;
	height:27px;
}



ul.audiojungleNews{
	list-style:none;
	padding:0;
	margin:10px 0 0 11px;
}

ul.audiojungleNews li {
	padding:6px 0 0 25px;
	margin:0 0 4px 0;
	min-height:22px;
	height:auto !important;
	height:22px;
	background:url(../images/bk_liAJ.jpg) left top no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:95%;
}


ul.bannersList{
	width:500px;
	list-style:none;
	margin:0 auto 0;
	display:block;
	position:relative;
}

ul.bannersList li{
	float:left;
	height:70px;
	margin:0 20px 0 0;
	text-align:center;
}


/*-------- CLASSI ---------*/
/*-------------------------*/

.clear_all	{
	clear:both;
}


.breadcrumbs {
	position:absolute;
	right:30px;
	top:30px;
	border-bottom:1px solid #4e2b2b;
	font-size:90%;
	text-align:right;}


.bio {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	width:490px;
	margin-bottom:20px;
	text-align:justify;
}

.text{
	width:710px;
	margin-left:25px;
	margin-right:0px;
	padding-right:0px;
}


.albumtitle {
	font-weight:bold;
	text-transform:uppercase;
	font-size:80%;
}

.stores {
	margin:5px 0 10px 0;
}

.stores img {
	margin-right:10px;
}


.textsmall { font-size:80%; font-style:italic; }

.textcoverband { font-size:80%; color:#FFF; }

.textred { color:#990000; }

.textcyan { color:#6699cc; font-weight:bold;}



.quickCont {
	width:296px;
	background:url(../images/bk_quickcont.gif) left top repeat-y;
	margin:0 0 0 5px;
	padding:20px;
	position:relative;
}

.quickCont .upper {
	width:336px;
	height:44px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/bk_quickcontUp.gif) left top no-repeat;
	z-index:0;
}

.quickCont .bottom {
	width:336px;
	height:34px;
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(../images/bk_quickcontBottom.gif) left top no-repeat;
	z-index:0;
}





.btn_backHome {
	width:166px;
	height:24px;
	position:absolute;
	right:20px;
	top:0px;
}


.ccbox {
	width:500px;
	font-size:85%;
	border:1px solid #888;
	margin:0 auto 30px;
	padding:5px;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
}


.ccbox img {
	float:left;
	margin:0 10px 0 0;
}



.infobox {
	width:600px;
	margin:0 auto 30px;
	padding:15px;
	background:#161d24;
	border:1px solid #FFF;
}