@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. */
	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;
	padding-top:50px;
	}
	
h1.italic {
	font-style:italic;
	padding-top:0px;
	margin-top:5px; /*Increased from 5px to 30px due to image divider being removed - problems in IE6*/
	/* background:url(images/artista/divider.gif) 0 0 no-repeat; */
	/*border-top:2px solid #df6c27; */
	}
	
a, a:hover, a:active, a:visited { /* Link colour */
	color:#ffffff;
	}
	
img#divider { 
padding-top:10px;
padding-bottom:10px;
margin-left:-384px;
} 

img {
padding-top:50px;
margin-right:-200px;
}
	

/* Page-wrap */
div#page-wrap {
	width:954px;
	margin:0 auto; /*to centre the page wrap*/
	/*padding-top:50px; Removed due to problems with IE6 and added to h1 and img 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*/
	width:954;
	padding-left:73px;
	/*margin-top:-40px; /*ADDED to solve problem in IE6 with jumping menus, counteracted by margin-bottom:45px; in right column, solving the resulting problem in Firefox. Then removed again due to problems in Safari.*/
	}
	
	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: 0px; /*so can be pushed into desired position*/
		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:309px; /* Give the column a width*/
		padding-left: 73px;
		}
/* 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:499px; /* Give the column a width (page wrap width eg 800px minus left column eg 530px = 270px, plus some breathing space maybe)*/
		padding-left:0px; /* Pushes the heading down away from the red border created. */
		padding-right:73px;
		/*margin-bottom:45px; /*ADDED to solve problem in IE6 with jumping menus, counteracted by margin-top:-50px; in nav menu, solving the resulting problem in Firefox. Then removed again due to problems in Safari.*/
		}
/* END Right Column */	

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



/* IE FIXES */
[if lte IE 6]>
<style>
.gainlayout { height: 1px; }
</style>
<![endif]

[if IE 7]>
<style>
.gainlayout { zoom: 1; }
</style>
<![endif]

/* Hides from IE-mac \*/
* html #page-wrap {height: 1%;}
/* End hide from IE-mac */