/**
 * records.sostanze.it styles.
 * @author Diego Caponera 2010 - diego.caponera@gmail.com; 
 */


/* BackBone styles */

html, body {	
	margin:0px;
	padding:0px;
	font-family: Helvetica Verdana,Arial, Helvetica, sans-serif;
	background-color:black;
	font-size:0.9em;
}

a{
	text-decoration:none;
	outline:none!important;
}

a:hover{
	text-decoration:underline;
}

.justify{
	text-align:justify;
}

#container{
	width:950px;
	margin:0 auto;
}

#header{
	background-color:white;
	/*background:white url('../img/sostanze_logo.png') no-repeat center;	*/
	min-height:190px;
	padding-top:2px;
	margin-bottom:5px;
	margin-top:15px;
}

#header img{
	border:none;
	margin-left:27%;
}

#header a:active{
	outline:none;
}
#header #searchBox{
	float:right;
	margin:5px 6px 0px 0px;
}

#header #searchBox input{
	border:1px solid #ccc;
	height:16px;
	width:135px;
	float:left;
	padding-left:4px;	
}

#header #searchBox input:hover{
	background-color:#FCFFCD;
}

#header #searchBox button{
	background:url('../img/searchButton.png') no-repeat scroll -1px 0;
	border:1px solid #ccc;
	cursor:pointer;
	height:20px;
	width:20px;
	outline:none;
}


#content{
	margin-top:-20px;
	min-height:650px;
	padding-top:20px;
	padding-bottom:40px;
	background-color:white;	
}

#navigation{
	background-color:white;
	text-align:center;
	padding:5px;
}

#navigation ul{
	list-style:none;
	padding:0px;
}

#navigation ul li{
	font-size:1.6em;
	padding:0px;
	margin-left:2px;
	display:inline;
	color:white;
}

#navigation ul li a{
	padding:12px 25px 2px 25px;	
	color:white;
	text-decoration:none;
	outline:none;
	background-color:black;	
	border-bottom:10px solid black;
}


#navigation #nav_news.selected a, #navigation #nav_news a:hover{
	border-bottom:10px solid #E00D1D;		
}		
		
#navigation #nav_artists.selected a, #navigation #nav_artists a:hover{
	border-bottom:10px solid #259CD3;		
}		
		
#navigation #nav_releases.selected a, #navigation #nav_releases a:hover{
	border-bottom:10px solid #E2017A;		
}		
		
#navigation #nav_booking.selected a, #navigation #nav_booking a:hover{
	border-bottom:10px solid #F9760C;		
}		
		
#navigation #nav_about.selected a, #navigation #nav_about a:hover{
	border-bottom:10px solid #38398C;		
}		
		
#navigation #nav_shop.selected a, #navigation #nav_shop a:hover{
	border-bottom:10px solid #FCEA1E;		
}		
		
#navigation #nav_partners.selected a, #navigation #nav_partners a:hover{
	border-bottom:10px solid #68AF23;		
}		
		
#navigation #nav_admin_panel.selected a, #navigation #nav_admin_panel a:hover{
	border-bottom:10px solid #E00D1D;		
}		
		
#footer{
	clear:both;
	background-color:#4F4F4F;	
	/*background-image: url('../img/grad_medium_dark.png');
	background-repeat:repeat-x;*/
	color:white;
	text-align:center;
	margin:0px;
	padding:10px;
	border-top: 1px dotted black;
}

#footer a{
	color:white;
}

#footer .column{
	float:left;
	width:160px;
	margin:0px 5px;
	text-align:left;
}

#footer .column h3{
	border-bottom:1px dotted white;
	margin:5px 0px;
}

#footer .column ul{
	list-style:none;
	padding:0px;
	margin:5px 5px 15px 5px;
}

#footer .column ul li img{
	border:none;
	margin-bottom:-2px;
}

#footer .footer_logo img{
	border:0px;
	margin-bottom:3px;
	margin-right:3px;
}

#footer #\_footer input{
	padding:2px;
	font-size:0.9em;
	display:inline;
}

#footer #mailbox_footer .formSubmit{
	padding:1px;
}

#footer p{
	margin:15px 0px 5px 0px;
	padding:0px;
}

.highlight{
	font-weight:bold;
}

.notice{
	color:red;
}

.valid{
	color:green;
}

.formAlert{
	background-color:#FFCFCF;
}

.formValid{
	background-color:#9FFFC7;
}

.clear{
	clear:both;
}

.framed{
	border:1px solid #ddd!important;
	padding:1px;	
}

.right{
	float:right;
}

.left{
	float:left;
}

noscript{
	position:fixed;
	text-align:center;
	color:white;
	background-color:red;
	display:block;	
	top:0px;
	left:0px;
	padding:2px;
	font-size:1.2em;
	width:100%;
	z-index:500;
}

.formWrapper{
	margin:0px;
	padding:0px;
}

.formWrapper table{
	margin:0px;
}

.formWrapper input, textarea{
	border:1px solid black;
	padding:5px;
}

.formWrapper textarea{
	overflow-x:hidden;
	overflow-y:scroll;	
}

.formLabel{
	text-align:right;
	font-weight:bold;
}

.formSubmit{
	text-align:center;
	font-size:1.3em;
}

.formWrapper .section_title{

}

#mailbox{
	background-color:white;
	text-align:center;
}

#mailbox h2{
	margin:0px;
	padding-top:20px;
}

#mailbox .formWrapper{
	text-align:center;
}

#mailbox .formWrapper input{
	padding:2px;
}

#mailbox .formSubmit{
	font-size:1em;
	padding:1px;
	margin:5px;
}

#releasesList li{
	font-size:0.8em;
}

#releasesList li img{
	float:left;
	margin-right:5px;
	border:none;
}

.moreReleases{
	padding:0px 10px 0px 0px;
	margin:0px;
	text-align:right;
	font-size:14px;
}

#releasesList .playButton{
	margin:2px 2px 0px 0px;
	display:block;
	float:left;
	width:14px;
	height:14px;
	background-image:url('../img/play_white_12.png');
	background-repeat:no-repeat;
	background-position:center; 	
}

#releasesList .playButton:hover{
	background-image:url('../img/play_black_12.png');	
}

#releasesList .playButton:active{
	outline:none;
}
#releasesList .downloadButton{
	margin:2px 2px 0px 0px;
	display:block;
	float:left;
	width:14px;
	height:14px;
	background-image:url('../img/download_white_12.png');
	background-repeat:no-repeat;
	background-position:center; 	
}

#releasesList .downloadButton:hover{
	background-image:url('../img/download_black_12.png');	
}

#releasesList .downloadButton:active{
	outline:none;
}

.comments{
	padding:5px;
}

.comments ol{
	margin:10px 0px 0px 20px;
	padding:5px 40px 0px 30px;
	background:white url('../triangle_eeeeee_35.jpg') no-repeat bottom right;	
	border:1px solid #ccc;
	border-left:30px solid #ccc;	
}

.comments ol li{
	padding:10px 0px;
	font-size:0.9em;	
}

.comments ol p{
	margin:5px 0px 10px 0px;
	color:black;
}

.comments ol .commentInfo{
	vertical-align:text-bottom;
	margin:0px 0px;
	float:left;
}

.comments a.commentButton{
	float:right;	
	display:block;
	width:12px;
	height:12px;
	margin:0px 3px;
	vertical-align:middle;
}

.comments a.remove{
	background-image:url('../img/icon_erase_12.png');
}

.comments a.edit{
	background-image:url('../img/icon_pencil_12.png');
}

/* News styles */

.colored{
	color:#E00D1D!important;
}

.coloredBg{
	background-color:#E00D1D;
}

.formSubmit input:hover{
	color:white;
	background-color:#E00D1D;
	cursor:pointer;	
}

.formWrapper .section_title {
	border-bottom:2px solid #E00D1D;
	font-size:1.4em;
	font-weight:bold;
	padding-top:5px;
}

#newsColumnLeft{
	float:left;
	width:250px;
	margin-top:77px;
	margin-left:42px;
	background-color:#E00D1D;
}

#newsColumnLeft #newsHead{
	background:url('../img/columnHead.png') no-repeat;
	height:41px;
}

#newsColumnLeft #newsBody{
	background:url('../img/columnBody.png') repeat-y;
	min-height:200px;	
	padding:10px 40px 0px 50px;
}

#newsColumnLeft #newsBody .newsSection{
	padding-bottom:20px;
}

#newsColumnLeft #newsBody h2{
	margin:0px 0px 10px 0px;
	color:#E00D1D;
	font-weight:bold;
}

#newsColumnLeft #newsBody h2 img{
	border:none;
	margin-bottom:-1px;
}

#newsColumnLeft #newsBody ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#newsColumnLeft #newsBody ul li{
	padding-bottom:10px;
}

#newsColumnLeft #newsBody ul li a{
	color:black;
}

#newsColumnLeft #newsBody ul li a:hover{
	color:#E00D1D;
}

#newsColumnLeft #newsBody ul li a img{
	width:50px;
	height:50px;
}

#newsColumnLeft #newsBody ul li .date{
	font-weight:bold;
}

#sidebar .tagCloud a{text-decoration:none;color:white;}
#sidebar .tagCloud a:hover{text-decoration: underline;}

#newsColumnLeft #newsBody .newsSection #tagCloud{
	text-align:justify;
	line-height:1.3em;
	width:150px;
}

#newsColumnLeft #newsBody .newsSection #tagCloud .tag{
	color:#E00D1D;
}

#newsColumnLeft #newsFooter{
	background:url('../img/columnFooter.png') no-repeat;
	height:82px;
	margin-bottom:-1px;
}

#newsColumnLeft #newsArchive{
	margin-left:10px!important;
}

#newsColumnLeft #newsArchive li{
	padding:2px!important;
	padding-bottom:2px!important;
}

#newsColumnLeft #newsArchive a{
	outline:none;
	font-weight:bold;
}

#newsColumnLeft #newsArchive img{
	border:none;
}

#newsColumnLeft #newsArchive .arrow{
	text-decoration:none;
}

#newsColumnLeft #newsArchive .singleYear{
	margin-left:10px;
}

#newsColumnLeft #newsArchive .singleMonth{
	list-style: disc outside none;
	margin-left:25px;
}

#newsColumnLeft #newsArchive .singleMonth li{
	padding:0px;
}

#newsColumnRight{
	float:right;
	width:585px;
	margin-right:42px;
	background:white url('../triangle_E00D1D_75.jpg') no-repeat bottom right;
}

#newsColumnRight h1{
	margin:5px 0px 0px 0px;
	padding:0px;
	color:#E00D1D;
	font-weight:bold;
	font-size:80px;
	height:72px;
	text-align:right;
	letter-spacing:-5px;
}

#newsColumnRight #newsWrapper{
	border-top:15px solid #E00D1D;
	border-right:13px solid #E00D1D;
	border-bottom:15px solid #E00D1D;
	border-left:13px solid #E00D1D;	
	min-height:600px;		
}

#newsColumnRight #newsWrapper .category{
	margin:10px 10px 0px 10px;
	color:#E00D1D;
	border-bottom:3px solid #E00D1D;
}

#newsColumnRight #newsWrapper .singleNews{
	padding:10px;
}

#newsColumnRight #newsWrapper .singleNews a{
	outline:none;
}

#newsColumnRight #newsWrapper .singleNews h2{
	color:white;
	background-color:#E00D1D;
	margin:5px 0px;
	padding:3px 6px 2px 6px;
}

#newsColumnRight #newsWrapper .singleNews h2 a{
	color:white;
	text-decoration:none;
}

#newsColumnRight #newsWrapper .singleNews .newsBody{
	padding-left:5px;
}

#newsColumnRight #newsWrapper .singleNews .newsBody img{
	border:1px solid #ddd!important;
	padding:1px;
	margin-left:10px;	
}

#newsColumnRight #newsWrapper .singleNews .newsBody a{
	color:#E00D1D;
}

#newsColumnRight #newsWrapper .singleNews .singleNewsInfo{
	margin-top:10px;
	padding:2px;
	padding-top:7px;
	border-top:1px dotted black;
	font-size:0.9em;
}

#newsColumnRight #newsWrapper .singleNews .singleNewsInfo p{
	padding:5px 5px 5px 0px;
	margin:0px;
}

#newsColumnRight #newsWrapper .singleNews .singleNewsInfo a{
	color:black;
	font-weight:bold;
}

#newsColumnRight #newsWrapper .newsArrows{
	text-align:right;
	padding-right:50px;
	color:#E00D1D;
	font-weight:bold;
	font-size:1.5em;	
}

#newsColumnRight #newsWrapper .newsArrows a{
	color:#E00D1D;
	outline:none;
}

/* Search results styles*/

#searchResults{
	padding:10px;
	text-align:justify;
}

#searchResults h2{
	background-color:#E00D1D;
	color:white;
	margin:15px 0px 5px 0px;
	padding:3px 6px 2px;
}

#searchResults .singleNewsResult .keyword{
	background-color:#E00D1D;	
	color:white;
	font-weight:bold;
	padding:2px;
}

#searchResults .singleNewsResult h3{
	background-color:#E00D1D;
	padding:2px;	
}

#searchResults .singleNewsResult h3 a{
	color:white;
}

#searchResults #tracksResults{
	font-size:1.1em;
	border-spacing:0px 15px;
	color:white;
}

#searchResults #tracksResults .title td{
	background-color:transparent;
	padding-bottom:0px!important;
	text-decoration:underline;
	color:black;
}

#searchResults #tracksResults img{
	border:none;
}

#searchResults #tracksResults .trackTitle, .trackArtist{
	font-weight:bold;
}

#searchResults #tracksResults .trackTitle a, .trackArtist a{
	color:white;
}

#searchResults #tracksResults .trackTitle a:hover, .trackArtist a:hover{
	color: #E00D1D;	
}

#searchResults #tracksResults tr td{
	padding:5px;
	background-color:black;	
}

#searchResults #tracksResults .playButton{
	display:block;
	width:18px;
	height:18px;
	background-image:url('../img/play_white_16.png');
	background-repeat:no-repeat;
	background-position:center; 	
}

#searchResults #tracksResults .playButton:hover{
	background-color: #E00D1D;
	background-image:url('../img/play_black_16.png');	
}

#searchResults #tracksResults .playButton:active{
	outline:none;
}
#searchResults #tracksResults .downloadButton{
	display:block;
	width:18px;
	height:18px;
	background-image:url('../img/download_white_16.png');
	background-repeat:no-repeat;
	background-position:center; 	
}

#searchResults #tracksResults .downloadButton:hover{
	background-color: #E00D1D;
	background-image:url('../img/download_black_16.png');	
}

#searchResults #tracksResults .downloadButton:active{
	outline:none;
}