@charset "UTF-8";
/* CSS Document */

/* Initial setup */
* { /* Reset the margins and paddings to zero for all browsers. */ 
margin:0;
padding:0;
}

body {
	font-size: 62.5%; /* The standard body font size for a p tag is 16px, so 62.5% equates to a 10px starting size for the body*/
	font-family: Arial, sans-serif;
	background: #000000; /* a background colour for the page. Can also add an image too if necessary. */
	} 
	
p {
	font-size: 1.1em; /* With a setting of the font size to 62.5% in the initial setup, a 1.0em will equate to 10px. Increase as necessary. Here the font size of 1.2 is good for both the p and li texts.*/
	line-height:1.3em; /* Leading - generally use just a little more than the font size */
	margin-bottom:0.8em; /* Generally paragraphs and list items benefit from a little bottom margin. Usually a but less than the leading.*/
	color:#FFFFFF;
	} /* END of Paragraph & List Item Styles */
	
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:2.3em; /*Make the h1 heading fairly large, adjusting as necessary. */
	padding-top:50px; /*Used to create the top border spacing*/
	margin-bottom:0.3em; /* Add back some margin, remembering that all padding and margins were stripped out during the initial setup above. */
	color:#df6c27;
	font-weight:lighter;
	}
	
h1 span {
	font-size:70%;
	}
	
div#right-col {
	font-style:italic;
	}
	
div#right-col span, div#left-col span {
 	color:#df6c27;
	}
	
	
/* Page-wrap */
div#page-wrap {
	width:954px;
	margin:0 auto; /*to centre the page wrap*/
	/*padding-top: 50px;*/ /*Not used to create the top border spacing as caused problems with IE6, so h1 padding-top used instead.*/
	}
	
/* END of Page-wrap */

/* Navigation menu setup */
ul#nav{ 
	/*height:50px; /* The total height of the navigation block, which will depend on the image height, if used - Removed because it was causing problems in IE6, jumping the menu around, and no image is used anyway*/
	list-style:none; /*removes bullets*/
	padding-left:73px; /*to push the menus into position, moving them all over*/
	}
	
	ul#nav li { /*ul#nav li - added (or rather removed from 'ul#nav li a' and put here, within the 'li' part rather than the 'a') to make IE6 work correctly. Without it the menus are stepped.*/
	float:left;
	width:150px;
}	

ul#nav li.say { /*ul#nav li - added (or rather removed from 'ul#nav li a' and put here, within the 'li' part rather than the 'a') to make IE6 work correctly. Without it the menus are stepped.*/
	float:left;
	width:200px;
}
	
		ul#nav li a {
		display:block; /* anchor links are inline by definition, but we want them to be a block so they can have widths and heights and automatic linebreaks.*/
		/*width: 150px;
		/*float:left; /* so they can go horizontally */
		margin-top: 10px; /*so can be pushed into desired position*/
		margin-bottom:20px;
		font-size:1.4em;
		color:#df6c27;
		text-decoration:none; /* removes the underline*/
		}
	
		ul#nav li a:hover {
		font-weight: bold;
		} 
		
		ul#nav li a span {
		font-style:italic;
		}
		
	body#artista a#artista-link,
	body#intervista a#intervista-link,
	body#catalogo a#catalogo-link {
		font-weight:bold;
		}
/* END of Navigation menu setup */

/* Left Column */	
	div#main-content div#left-col { /*If there is a left column within the main content area */
		float:left;
		width:389px; /* Give the column a width*/
		padding-left: 73px;
		padding-right:15px;
		}
/* END Left Column */

/* Right Column */	
	div#main-content div#right-col { /*If there is a left column within the main content area */
		float:right;
		width:389px; /* Give the column a width (page wrap width eg 800px minus left column eg 530px = 270px, plus some breathing space maybe)*/
		padding-left:12px; /* Pushes the heading down away from the red border created. ADJUSTED from 15 to 12px so the columns sit together in IE6 */
		padding-right:73px;
		}
/* END Right Column */	

/* Clear the left and right floats */
.clear { 
	clear:both;
	} 
/* END Clear the left and right floats */