/* -------------------------------------------------------------------------
Vivienne Clore main style sheet
created on: 11th August 2009
last update: 23rd June 2010
author: Scott Harrington
email: scott@thinkstorm.co.uk
------------------------------------------------------------------------- */


/* !Typography 

-----------------------------------------------------------*/

/* font sizing guide:

10px = 0.625em

11px = 0.6875em

12px = 0.75em

13px = 0.8125em

14px = 0.875em

15px = 0.9375em

16px = 1em

17px = 1.0625em

18px = 1.125em

19px = 1.1875em

20px = 1.25em

26px = 1.625em

(divide desired pixel height by 16 to get 'em' value) */


/* !Body 

-----------------------------------------------------------*/

body{font-size: 100%; /* convert 16px base font size to 12px */line-height: 1.25em; /* 20px (12 x 1.6666 = 20) */font-family: Arial, Verdana, Arial, Helvetica, sans-serif;background-color: #999933;margin: 20px 0px 50px 0px;color: #003300;}


/* !Paragraphs

-----------------------------------------------------------*/

em{font-style: normal;font-weight: bold;color: #003300;}


/* !Headings

-----------------------------------------------------------*/

h1.index{width: 500px;height: 18px;background-image: url(http://www.vivienneclore.com/assets/images/h1.gif);background-repeat: no-repeat;margin: 10px 0px 15px 0px;padding: 0 0 17px 0;text-indent: -5000px;}
h1.writers{width: 637px;height: 18px;background-image: url(http://www.vivienneclore.com/assets/images/h1writers.gif);background-repeat: no-repeat;margin: 15px 0px 0px 0px;padding: 0 0 17px 0;text-indent: -5000px;}
h1.producers{width: 637px;height: 18px;background-image: url(http://www.vivienneclore.com/assets/images/h1producers.gif);background-repeat: no-repeat;margin: 15px 0px 0px 0px;padding: 0 0 17px 0;text-indent: -5000px;}
h1.artistes{width: 493px;font-size: 1.5em;font-weight: bold;line-height: normal;color: #97d0f9;margin: 0px 45px 0px 0px;padding: 20px 0px 10px 0px;}
h1.about{font-size: 2em;font-weight: normal;line-height: normal;color: #97d0f9;margin: 0px 0px 0px 0px;padding: 20px 0px 10px 0px;}
h2{font-size: 1em;font-weight: bold;line-height: normal;color: #999933;margin: 0px 0px 0px 0px;padding: 20px 0px 10px 0px;}
h2 span{color: #ffcc33;}


/* Containing Wrapper (holds content centrally)

-----------------------------------------------------------*/

#wrapper{width:878px;height: auto;margin: 0 auto;padding: 0 auto;}


/* Header

-----------------------------------------------------------*/

#header {width:848px;height: 35px;background-image: url(http://www.vivienneclore.com/assets/images/header.gif);background-repeat: no-repeat;margin: 0 auto;padding: 19px 15px 0px 15px;float: left;}


/* Navigation

-----------------------------------------------------------*/

.navigation ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0;padding-left:0;}
.navigation li{float:left;margin-left:5px;margin-right:5px;padding-left:0;}


/* Rollovers

-----------------------------------------------------------*/

.artistesRollover{display: block;width: 87px;height: 19px;background-image: url(http://www.vivienneclore.com/assets/images/artistes.gif);background-repeat: no-repeat;text-indent: -9999px;}
a.artistesRollover:link, a.artistesRollover:visited, a.artistesRollover:active{background: url(http://www.vivienneclore.com/assets/images/artistes.gif);}
a.artistesRollover:hover{background-position:-87px 0;}
.writersRollover{display: block;width: 85px;height: 19px;background-image: url(http://www.vivienneclore.com/assets/images/writers.gif);background-repeat: no-repeat;text-indent: -9999px;}
a.writersRollover:link, a.writersRollover:visited, a.writersRollover:active{background: url(http://www.vivienneclore.com/assets/images/writers.gif);}
a.writersRollover:hover  {background-position:-85px 0;}
.producersRollover{display: block;width: 104px;height: 19px;background-image: url(http://www.vivienneclore.com/assets/images/producers.gif);background-repeat: no-repeat;text-indent: -9999px;}
a.producersRollover:link, a.producersRollover:visited, a.producersRollover:active{background: url(http://www.vivienneclore.com/assets/images/producers.gif);}
a.producersRollover:hover{background-position:-104px 0;}
.susanRollover{display: block;width: 146px;height: 19px;background-image: url(http://www.vivienneclore.com/assets/images/susan.gif);background-repeat: no-repeat;text-indent: -9999px;}
a.susanRollover:link, a.susanRollover:visited, a.susanRollover:active{background: url(http://www.vivienneclore.com/assets/images/susan.gif);}
a.susanRollover:hover{background-position:-146px 0;}
.aboutRollover{display: block;width: 96px;height: 19px;background-image: url(http://www.vivienneclore.com/assets/images/about.gif);background-repeat: no-repeat;text-indent: -9999px;}
a.aboutRollover:link, a.aboutRollover:visited, a.aboutRollover:active{background: url(http://www.vivienneclore.com/assets/images/about.gif);}
a.aboutRollover:hover{background-position:-96px 0;}
.contactRollover{display: block;width: 106px;height: 19px;background-image: url(http://www.vivienneclore.com/assets/images/contact.gif);background-repeat: no-repeat;text-indent: -9999px;}
a.contactRollover:link, a.contactRollover:visited, a.contactRollover:active{background: url(http://www.vivienneclore.com/assets/images/contact.gif);}
a.contactRollover:hover{background-position:-106px 0;}


/* Tag Cloud (holds artistes names and links

-----------------------------------------------------------*/

#tagCloud{width:843px;height: auto;background-image: url(http://www.vivienneclore.com/assets/images/tagCloud.gif);background-repeat: repeat;margin: 0 auto;padding: 0px 15px 15px 20px;float: left;}


/* Tag Cloud Rollover elements

-----------------------------------------------------------*/

ul.artistes{float: left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;padding-left: 2px;}
.artistes li{display: inline;margin: 0px 4px 0px 0px;padding:0;}
.artistes li a{font-size: 1em;font-weight: bold;color: #a4a40a;text-decoration: none;}
.artistes li a:hover{font-size: 1em;font-weight: bold;color: #97d0f9;text-decoration: none;}
.artistes li a .odd{color: #ffcc33;}
.artistes li a:hover .odd{font-size: 1em;font-weight: bold;color: #97d0f9;text-decoration: none;}


/* Body main DIV elements

-----------------------------------------------------------*/

#body{width:878px;height: auto;background-image: url(http://www.vivienneclore.com/assets/images/body_bg.gif);background-repeat: repeat;margin: 0 auto;padding: 0 auto;float: left;}
#blueCasing{width: 830px;padding: 0px 0px 20px 0px;background-color: #97d0f9;overflow: hidden;margin-left: 23px;height: 100%;}
#blueCasing p{font-size: 0.75em;font-weight: normal;line-height: normal;color: #424242;margin: 0px 50px 10px 0px;padding: 0px 0px 25px 0px;/* border-bottom: 1px solid #eaf6fe; */}
#blueCasing a:link, #blueCasing a:visited{color: #0c4e7d;text-decoration: underline;padding-bottom: 2px;}
#blueCasing a:hover, #blueCasing a:active{color: #FFF;}
.image_placeholder{width: 264px;float: left;}
.content_placeholder{padding: 20px 0px 0px 20px;width: 546px;float: left;}
#blueCasingWriters{width: 696px;padding: 20px 0px 50px 134px;background-color: #013100;margin-left: 24px;height: 100%;}
#blueCasingWriters p{width: 637px;font-size: 0.75em;font-weight: normal;line-height: normal;color: #ffffff;margin: 0px 50px 0px 0px;padding: 0px 0px 25px 0px;/*border-bottom: 1px solid #ffffff;*/}
#greenCasing{width: 830px;padding: 0px 0px 20px 0px;background-color: #013100;margin-left: 23px;height: 100%;}
#greenCasing p{width: 493px;font-size: 0.875em;font-weight: normal;line-height: 1.25em;color: #ffffff;margin: 0px 50px 10px 0px;padding: 0px 0px 15px 0px;}
#greenCasing a:link, #greenCasing a:visited{color: #c4c420;text-decoration: none;border-bottom: 1px solid #97d0f9;padding-bottom: 2px;}
#greenCasing a:hover, #greenCasing a:active{color: #FFF;}
#greenCasing1{width: 560px;padding: 0px 135px 20px 135px;background-color: #013100;margin-left: 23px;height: 100%;}
#greenCasing1 p{font-size: 0.75em;font-weight: normal;line-height: normal;color: #ffffff;margin: 0px 0px 12px 0px;padding: 0px 0px 0px 0px;}
#greenCasing1 p.aboutp{margin-top: 20px;}
#greenCasing1a{width: 560px;padding: 0px 135px 20px 135px;background-color: #999933;margin-left: 23px;height: 100%;}
#greenCasing1a p{font-size: 0.75em;font-weight: normal;line-height: normal;color: #ffffff;margin: 0px 0px 12px 0px;padding: 0px 0px 0px 0px;}
#greenCasing1a p.aboutp{margin-top: 20px;}
#leftColumn{width: 263px;float: left;}
#greenCasing1 #rightColumn1{padding-top: 30px;}
#rightColumn{width: 485px;padding-left: 15px;float: left;}

#rightColumn ul {

	list-style-position: outside;
	list-style-type: disc;
	padding: 0px 0px 25px 15px;

}

#rightColumn li {

	color: white;
	font-size:0.875em;
	font-weight:normal;
	line-height:1.25em;
	padding-bottom: 10px;

}


#leftColumn1 {

	width: 310px;
	
	float: left;

}


#leftColumn1 p {

	font-size: 1em;
	
	font-weight: normal;
	
	line-height: normal;
	
	color: #ceebff;
	
	margin: 25px 0px 0px 0px;
	
	padding: 0px 0px 0px 0px;

}


#rightColumn1 {

	width: 235px;
	
	padding-left: 15px;
	
	float: left;

}


#rightColumn1 a {

	color: #ffffff;
	
	border-bottom: solid 1px #97d0f9;
	
	text-decoration: none;

}


/* Footer 

-----------------------------------------------------------*/

#footer{width:853px;height: 47px;background-image: url(http://www.vivienneclore.com/assets/images/footer.gif);background-repeat: repeat;margin: 0 auto;padding: 50px 0px 0px 25px;float: left;}
#footer p{font-size: 0.75em;font-weight: normal;line-height: normal;color: #a4a40a;margin: 0;padding: 0;}
#footer span{color: #ffcc33;}


/* Link

-----------------------------------------------------------*/

#link {

	width:878px;

	height: 92px;

	padding: 5px 0px 0px 0px;
	
	text-align: right;

	float: left;
	
}


/* Additional Styles

-----------------------------------------------------------*/

.clear{clear: both;}
.back{float: right;margin: 0px 59px 10px 0px;}
.phone{font-size: 16px;}
.email{color: #97d0f9;}
.emailPadding{margin: 0px;padding: 0px;}