/*
Designer: Marje Cannon 
Author: Marje Cannon 
version 10.10.2008
*/
/*--------------- default settings  ----------------------*/

html, body, div, span, object, iframe, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, p, img, a, font  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	vertical-align: baseline;
}
:focus {
     outline: 0;
}
body {
   text-align: center;
   line-height: 1.7;
   color: #D7D7D7;
   background-color: #203544;
}
/* --------------- wrap layout --------------- */
#wrap {
	position: relative;
	width: 1010px;
	margin: 0 auto 0 auto; 
	background-image: url(resources/bg-wrap.jpg);
	background-repeat: repeat-y;
	text-align: center;
}
/* --------------- header layout --------------- */
#header {
	position: relative;
	width: 1010px;
	height: 145px;
	background-image: url(resources/bg-header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: right;
	}
#header #invisible {
	position: absolute;
	top: 0;
	left: 0;
}
#menu {
	margin-top: 117px;
}
	
	
/* --------------- content --------------- */
	
#content {
		clear: both;
		position: relative;
		width: 970px;
		margin: 0 auto 0 auto;
			}	
/*---------- content-footer ------------ */
	
#content-footer {
	   clear: both;
		width: 970px;
		height: 120px;
	}	
/*--------------content-left-----------------*/
#content-left {
	   position: relative;
		float: left;
		width: 736px;
		text-align: left;
		padding-top: 30px;
	}
#content-left p {
	     /* margin: 6px 45px 12px 105px; */
		   margin: 6px 45px 12px 60px;
	}	

	
/* --------------- link styles content-left --------------- */
#content-left a:link {
		color: #EEEEEE;
		background-color: transparent;
		text-decoration: underline;
	}
#content-left a:visited {
		color: #EEEEEE;
		background-color: transparent;
		text-decoration: underline;
	}
#content-left a:hover {
		color: #EEEEEE;
		background-color: transparent;
		text-decoration: none;
	}
#content-left a:active {
		color: #EEEEEE;
		background-color: transparent;
		text-decoration: none;
	}
/*--------------content-right-----------------*/
#content-right {
	   position: relative;
		padding-top: 30px;
		float: right;
		width: 200px;
		color: #6494B9;
		background-image: url(resources/bg-content-right.gif);
		background-repeat: repeat-y;
	}
#content-right p {
	  /*    margin: 0 22px 2px 10px; */
		  margin: 0 40px 2px 10px;
		  text-align: right;
		  font-size: 14px;
		  line-height: 1.5;

	}	
/* --------------- link styles content-right --------------- */
#content-right a:link {
				color: #6494B9;
		background-color: transparent;
		text-decoration: none;

	}
#content-right a:visited {
			color: #6494B9;
		background-color: transparent;
		text-decoration: none;

	}
#content-right a:hover {
			color: #6494B9;
		background-color: transparent;
		text-decoration: underline;

	}
#content-right a:active {
				color: #6494B9;
		background-color: transparent;
		text-decoration: underline;

	}
#address {
		clear: both;
		width: 200px;
	}
	
/*---------- footer ------------ */
	
#footer {
	background-image: url(resources/bg-footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	clear: both;
	width: 1010px;
	height: 206px;
	}	
	
#wrap #content #content-left h1, #wrap #content #content-left h1 a  {
	/* color: #8CA09C; */
		color: #6494B9;
	background-color: transparent;
	margin: 0 10px 18px 60px;
	font-size: 23px;
	font-weight: normal;
	font-family: Georgia;
	text-align: left;
	}
	
	
#wrap #content #content-left h2, #wrap #content #content-left h2 a {
		color: #6494B9;
	background-color: transparent;
	margin: 26px 10px 18px 60px;
	font-size: 20px;
	font-weight: normal;
	font-family: Georgia;
		text-align: left;
}
#wrap #content #content-left h3, #wrap #content #content-left h3 a {
		color: #6494B9;
	background-color: transparent;
	margin: 26px 10px 18px 60px;
	font-size: 17px;
	font-weight: normal;
	font-family: Georgia;
	text-align: left;
}
#wrap #content #content-right h2 {
	color: #8%7B07;
	background-color: transparent;
	margin: 0 40px 10px 10px;
	font-size: 19px;
	font-weight: normal;
	font-family: Georgia;
	text-align: right;
	}



#sitemapartists {
	margin: 0 0 20px 140px;
}
/*--------- image styles ------------- */
.imgright {
	float: right;
	margin: 10px 0 18x 18px;
}
.imgleft {
	float: left;
	margin: 10px 18px 18px 0;
}
.imgrightwithborder {
	padding: 5px;
	background-color: #000000;
	border: 1px solid #8CA09C;
	float: right;
	margin: 10px 0 18px 18px;
}
.imgleftwithborder {
	padding: 5px;
	background-color: #000000;
	border: 1px solid #8CA09C;
	float: left;
	margin: 10px 18px 18px 0;
	 }
	 

/* ----------- pullquote-left ---------------- */
#content-left .pullquote-left {
	width: 320px;
	margin: 10px 0 20px 100px;
	padding: 0 20px 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #FBCA57;
	background-color: transparent;
	line-height: 1.8;
	text-align: right;
	float: left;
}	
#content-left  p.pullquote-left {
	width: 320px;
	margin: 10px 0 20px 105px;
	padding: 0 20px 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #FBCA57;
	background-color: transparent;
	line-height: 1.8;
	text-align: right;
	float: left;
}	
/* ----------- pullquote-right ---------------- */
#content-left .pullquote-right {
	width: 320px;
	margin: 10px 0 20px 0;
	padding: 0 10px 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #FBCA57;
	background-color: transparent;
	line-height: 1.8;
	text-align: right;
	float: right;
}	
#content-left p.pullquote-right {
	width: 320px;
	margin: 10px 0 20px 0;
	padding: 0 10px 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #FBCA57;
	background-color: transparent;
	line-height: 1.8;
	text-align: right;
	float: right;
}
/* ------------lists ---------------- */

#content-left ul {
	margin: 20px 60px 20px 130px;
	padding: 0;
}
#content-left ol {
	margin: 20px 60px 20px 135px;
		padding: 0;
}
/*--------------------art table ---------------- */
#wrap #content #content-left table#artist th {
	background-color: transparent;
	text-align: center;
}
#wrap #content #content-left table#artist td {
	background-color: transparent;
	text-align: center;
	vertical-align: bottom;
}
#wrap #content #content-left table#artist td img {
	 margin: 14px 6px 4px 6px; 
	 }
#wrap #content #content-left table#artist th img {
	 margin: 14px 6px 4px 6px; 
	 }
#wrap #content #content-left table#artist td h2, #wrap #content #content-left table#artist td h2 a {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
   color: #D7D7D7;
	background-color: transparent;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
#wrap #content #content-left table#artist p {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.4;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
   color: #D7D7D7;
	background-color: transparent;
}
/* --------------- table link styles --------------- */
#wrap #content #content-left table#artist a:link {
   color: #D7D7D7;
	font-size: 11px;
	background-color: transparent;
	text-decoration: underline;
}
#wrap #content #content-left table#artist a:visited {
   color: #D7D7D7;
	font-size: 11px;
	background-color: transparent;
	text-decoration: underline;
}
#wrap #content #content-left table#artist a:hover {
   color: #D7D7D7;
	font-size: 11px;
	background-color: transparent;
	text-decoration: none;
}
#wrap #content #content-left table#artist a:active {
   color: #D7D7D7;
	font-size: 11px;
	background-color: transparent;
	text-decoration: none;
}


 #wrap #content #content-left table#artist .redbold {
  color: #CC0000;
  background-color: transparent;
  font-weight: bold;
  	font-size: 11px;
	font-style: normal;
}
#wrap #content #content-left table#artist p.redbold {
  color: #CC0000;
  background-color: transparent;
  font-weight: bold;
  	font-size: 11px;
	font-style: normal;
}
#wrap #content #content-left table#artist td.wide {
	width: 100px;
}
/* -------------- belowwrap --------------- */

#belowwrap {
	clear: both;
   margin-left: auto;
	margin-right: auto;
	width: 930px;
   height: 20px;
	}

#belowwrap .belowwrap-left {
	margin: 10px 0 30px 0;
	width: 420px;
	text-align: left;
	float: left;
	color: #81AFAA;
	background-color: transparent;
	font-size: 10px;
}
#belowwrap .belowwrap-right {
	margin: 10px 0 30px 0;
	width: 420px;
	text-align: right;
	float: right;
	color: #81AFAA;
	background-color: transparent;
	font-size: 10px;
}
#belowwrap a:link {
	color: #81AFAA !important;
	background-color: transparent;
	text-decoration: none;
		font-size: 10px;
}
#belowwrap a:visited {
	color: #81AFAA !important;
	background-color: transparent;
	text-decoration: none;
		font-size: 10px;
}
#belowwrap a:hover {
	color: #81AFAA !important;
	background-color: transparent;
	text-decoration: none;
		font-size: 10px;
}
#belowwrap a:active {
	color: #81AFAA;
	background-color: transparent;
	text-decoration: none;
		font-size: 10px;
}



/*------- form ---------- */
	
form {
		margin: 30px 0 30px 140px;
	}	  
fieldset {
		padding: 0 1em 1em 1em;
		border: 1px solid #8CA09C;
	}
	
legend {
		padding: 1em;
			color: #6494B9;
		background-color: inherit;
	}
	
label {
		float: left;
		clear: left;
		width: 12em;
				color: #6494B9;
	}
	
textarea, input {
	color: #000000;
	background-color: #B1BFBC;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.6;
	margin: 2px 0 2px 0;
	}

	
	
	

/*-- CSS signature -- */

body#bio #header {
	background-image: url(resources/bg-header2.jpg);
	height: 100px;
	}
body#bio #wrap {
	background-image: url(resources/bg-wrap2.jpg);
}	

body#bio #content-left {
		width: 900px;
		text-align: left;
		padding-top: 20px;
	}
body#bio #footer {
	background-image: url(resources/bg-footer2.jpg);
	height: 100px;
	}	
	

body#large-image #header {
	background-image: url(resources/bg-header2.jpg);
	height: 100px;
	}
body#large-image #wrap {
	background-image: url(resources/bg-wrap2.jpg);
}	
body#large-image #content-left {
		width: 1010px;
		text-align: center;
		padding-top: 5px;
	}
body#large-image #content-left img {
		margin: 0 auto 0 auto;
	}
body#large-image #footer {
	background-image: url(resources/bg-footer2.jpg);
	height: 100px;
	}		
	
	
/*--------- misc ------------- */
.italic {
	text-transform: italic !important;
}
.italicbold {
	text-transform: italic !important;
	font-weight: bold !important;
}
.bold {
	font-weight: bold !important;
}
.redbold {
  color: #CC0000;
	background-color: transparent;
	font-weight: bold;
}
p.redbold {
  color: #CC0000;
	background-color: transparent;
	font-weight: bold;
}
.clear {
	clear: both;
}
.plus1 {
	font-size: 115%;
	font-weight: bold;
}
.plus2 {
	font-size: 130%;
	font-weight: bold;
}
.plus3 {
	font-size: 155%;
	font-weight: bold;
}