/* Cascading Style Sheet for Caroline Holley Site - Spring */
/***********************************************************/

/* Body Properties - background elements */

	Body{ background: #ffffff; margin: 0px; padding: 0px; }
	.content{ background: transparent; margin: 2% 7% 1% 7%; }
	.endSpacer{ background: transparent top left; width: 100%; height: 25px; padding: 0; margin: 0px 0px 5px 0px; }

/***********************************************************/

/* table Properties - floating elements */
	
	/* Header */
	.heading{ background: transparent top left;
		width: 100%;
		height: 204px;
		padding: 0;
		margin: 0px 0px 5px 0px;	
		}

	.headerImg{ background: transparent url("../images/Header.png");
		width: 750px;
		height: 204px;
		padding: 0px;
		margin: 0px;
		vertical-align: top;	
		}

	.quickContact{ background: transparent;
		margin: 0px;
		padding: 0px 15px 0px 0px;
		vertical-align: bottom;
		}


	/* Top Menu, and Bottom Bar */
	.menuBg{	background: #73D549 top left;
			width: 100%;
			height: 30px;
			margin: 0;
			padding: 2px 0px 2px 0px;
			-webkit-box-shadow:1px 2px 4px rgba(0, 0, 0, 0.9);
			box-shadow:0px 2px 4px rgba(0, 0, 0, 0.9);		
			}

	.menuRibbon{ 	background: #41A317 top left;
			width: 100%;
			height: 25px;
			margin: 0;
			padding: 5;
			align: center;		
			}

	/* Biography */
	.bio{ 	position: relative; 
		left: 0;
		top: 0;
		z-layer: -1;
		}

	/* Biography Table */
	.bioBg{	background: transparent top left;
		width: 90%;
		padding: 5px;
		margin-left: 8%;
		vertical-align: center;
		align: center;
		}

	td.bioDate{ background: transparent top left;
		width: 100px;
		padding: 1px 5px 5px 0px;
		margin: 2px;
		vertical-align: top;
		align: right;
		border-right: thin solid #73D549;
		}

	td.bioCell{ background: transparent top left;
		padding: 1px 0px 0px 2px;
		margin: 2px;
		vertical-align: top;
		align: left;
		}


/***********************************************************/

/* Image Properties - graphics */

	

	.mainImg{ 	float: right;
			padding: 8px 15px;
			margin: -1% -7% 1% 1%;
			float: right;
			text-align:center;
			padding: 10px;
			}

	.mainImg img{
			-webkit-box-shadow:0px 8px 12px rgba(0, 0, 0, 0.9);
			box-shadow:4px 4px 8px rgba(0, 0, 0, 0.7);
			border: thin solid #50492E;
			}

/***********************************************************/

/* Text Properties  - properties for words and links */  

	/* Main Text & Links */
	P.main{	font: small "trebuchet ms", sans-serif; color: #39192B; text-align: justify; }
	P.main:first-line{ font-size: large; font-variant: small-caps; }
	P.main:first-letter{ font-size: 250%; float: left; margin-top: -8px; }

	P.mainImg{ 
		font: small "trebuchet ms", sans-serif;
		font-variant: small-caps; 
		font-weight: bold;
		color: #FAF8CC;
		text-align: center;
		vertical-align: center;
		padding: 3px;
		margin-bottom: 5px;
		margin-top: 8px;
		}

	/* Alternative Main Text - no alteration of first line */
	P.mainAlt{ font: small "trebuchet ms", sans-serif; color: #39192B; text-align: justify; }
	P.mainAlt:first-letter{ font-size: 250%; float: left; margin-top: -8px; }

	a:link, a:visited { color: #6A287E; text-decoration: none; }
	a:active, a:hover { color: #7F4E52; text-decoration: underline; }


	/* Special Text to make things standout */
	.specialMainColour { color: #41A317; font-weight: bold; }
	.specialAltColour { color: #800517; font-weight: bold; }

	/* Header - Quick Contact */
	P.qC{	font: 9pt "veranda", sans-serif;
		color: #000000;
		font-variant: small-caps;
		letter-spacing: 0.1em;
		text-decoration: none;
		text-align: right;
		}

	.qCAlt{	font: bold 8pt "veranda", sans-serif;
		color: #347235;
		text-transform: uppercase;
		}


	/* Menu Bar */
	a.menuText:link, a.menuText:visited{ color: #FAF8CC; text-decoration: none; }
	a.menuText:active, a.menuText:hover{ color: #C9BE62; text-decoration: none; }

	P.menuText{	font: medium "trebuchet ms", sans-serif;
			color: #FAF8CC;
			text-transform: uppercase;
			letter-spacing: 0.4em;
			text-decoration: none;
			text-align: center;
			margin: 0px;
			}

	P.copyText{	font: x-small "trebuchet ms", sans-serif;
			color: #FAF8CC;
			text-transform: uppercase;
			letter-spacing: 0.4em;
			text-decoration: none;
			text-align: center;
			margin: 0px;
			}


	/* Headings */
	H1{	font: bold large "verdana", sans-serif;
		color: #6A287E;
		text-transform: uppercase;
		letter-spacing: 0.6em;
		text-decoration: none;
		vertical-alignment: middle;
		text-align: left;
		margin-left: 7%;
		}

	H2{	font: bold small "verdana", sans-serif;
		color: #347235;
		text-transform: uppercase;
		letter-spacing: 0.5em;
		text-decoration: none;
		vertical-alignment: middle;
		text-align: left;
		margin-left: 10%;
		}


	H3{	font: bold small "verdana", sans-serif;
		color: #C11B17;
		text-transform: uppercase;
		letter-spacing: 0.5em;
		text-decoration: none;
		vertical-alignment: middle;
		text-align: left;
		margin-left: 10%;
		}


	/* Biography Text */
	P.bioDate{ font: normal small "trebuchet ms", sans-serif; 
		color: #39192B; 
		text-transform: uppercase; 
		vertical-alignment: top; 
		text-align: right; 
		border-top: thin solid #41A317;
		}

	P.bioInfo{ font: normal small "trebuchet ms", sans-serif;
			color: #39192B;
			vertical-alignment: top;
			text-align: left;
		}


	/* Gallery Text  - to be edited */
	.thumb{ font: bold small "trebuchet ms", sans-serif;
		color: #39192B;
		text-align: center;
		vertical-align: center;
		}

	.thumbAvail{ font: bold small "trebuchet ms", sans-serif;
		color: #347235;
		text-align: left;
		vertical-align: center;
		font-variant: small-caps;
		}	

	/* Text for lists */
	li.norm{ font: 9pt "trebuchet ms", sans-serif; color: #39192B; text-align: justify; margin-left: 12%; }

/***********************************************************/

/* email form properties - properties for forms */

#form-container{
	margin-left: 15%;
	width: 400px;
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;

	-webkit-box-shadow:0px 8px 12px rgba(0, 0, 0, 0.9);
	box-shadow:2px 2px 6px rgba(0, 0, 0, 0.7);
}

label{
	font: 9pt "trebuchet ms", sans-serif; color: #39192B; text-align: justify; margin-left: 12%;
}

textarea{
	color:#404040;
	font: 9pt "trebuchet ms", sans-serif; color: #39192B; text-align: justify;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}	

/***********************************************************/