/*  CSS for Colin Towns Website  */



body  /*  sets the whole site's font, font colour and background FCDBA6 575BF1 */
{
font: 12px arial, verdana;  /* alternatives for font */
color: black;
background-color: #99CCFF;
}



/* used for all the links on the site */
a:link {font: normal 11px arial; color: blue; text-decoration: none;} 
a:active {font: normal 11px arial; color: blue; text-decoration: none;}
a:visited {font: normal 11px arial; color: blue; text-decoration: none;}
a:hover {font: normal 11px arial; color: #FF0000; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/


/* used for the soundtrack, title etc. links on the site */
.links2 a:link {font: normal 12px arial; color: #0000ff; text-decoration: none;} 
.links2 a:active {font: normal 12px arial; background-color: #000000; color: #ffffff; text-decoration: none;}
.links2 a:visited {font: normal 12px arial; color: #0000ff; text-decoration: none;}
.links2 a:hover {font: normal 12px arial; background-color: #000000; color: #ffffff; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/




/* used for the INTER-PAGE & provocateur records links on the site   */
.links5 a:link {font: bold 12px arial; color: #FF8809; text-decoration: none;} 
.links5 a:active {font: bold 12px arial; color: #000000; text-decoration: none;}
.links5 a:visited {font: bold 12px arial; color: #FF8809; text-decoration: none;}
.links5 a:hover {font: bold 12px arial; color: #000000; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/




/* used for the RETURN TO TOP OF PAGE links   */
.links6 a:link {font: bold 10px arial; color: #979797; text-decoration: none;} 
.links6 a:active {font: bold 10px arial; color: #ff0000; text-decoration: none;}
.links6 a:visited {font: bold 10px arial; color: #979797; text-decoration: none;}
.links6 a:hover {font: bold 10px arial; color: #ff0000; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/


.border  /* this is used for all kinds of borders - be it for the whole page, or just the content section */
{
border: solid 1px #5675A5;
}



.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}


.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}


.wrapper   /* sets the width of banner and adds a background colour */
{
width: 65%;
background-color: #99CCFF;
margin: 0px 0px 0px 0px;

}



.pix-right /*affects the image on the home page - upper right-hand side with space around text*/
{
float: right;
margin: 0em 0em 2em 3em;
border: solid 1px #5675A5;
}



.pix-left /*affects the Provocateur logo*/
{
float: left;
padding: 0px 20px 0px 0px; /* keeps text off the borders */
/* border: solid 1px #5675A5; */
}


.home-pix-left /*affects the image on the home page - upper left-hand side with space around text*/
{
float: left;
margin: 0em 1.5em 3em 0em;
border: solid 1px #5675A5;
}



.pix-centre /*affects the image on the home page - centre with space around text*/
{
margin: 0em 0em 3em 1.5em;
border: solid 1px #5675A5;
}



.centre /*affects the image on the home page - centre with space around text*/
{
margin: 2px 2px 2px 2px;
border: solid 1px #5675A5;
}



.clear-image
{
clear: both;
}



.heading-text         /* this is the styling for the headings on each page 5675A5 */
{
    color: #C903CB;
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
}



.question-text         /* this is used for the questions on the interviews section */
{
    color: #5675A5;
	font-face: Arial;
    font-weight: normal;
    font-size: 12px;
}



.red-text         /* this is used for the red text in a table, such as docs or films, mini-series etc. */
{
    color: #FF1F1F;
}




.content   /* this describes the container of the content paragraphs. */
{
padding: 0px 10px 0px 10px; /* keeps text off the borders */
font-face: Arial;
font-size: 12px;
margin: 0px;
text-align: justify;
}



.content2   /* this describes the container of the content paragraphs. */
{
padding: 5px 20px 5px 5px; /* keeps text off the borders */
font-face: Arial;
font-size: 12px;
margin: 0px;
text-align: justify;
}



.content3   /* this describes the container of the content paragraphs. */
{
padding: 5px 5px 5px 5px; /* keeps text off the borders */
font-face: Arial;
color: #CD00CD;
font-size: 16px;
font-weight: bold;
margin: 0px;
text-align: justify;
}



.scroll   /* this describes the container of the content paragraphs. */
{
padding: 5px 0px 3px 0px; /* keeps text off the borders */
font-face: Arial;
color: #0000ff;
font-size: 14px;
font-weight: bold;
margin: 0px;
text-align: justify;
}