/* Site Name Here*/
/* Phosphor Essence Ltd */


 /* Base relative font size */ 

html {
	font-size: 100%;
	line-height: 100%;
}



/* BASE TYPOGRAPHY */

body { 
	padding: 0;
	margin: 0; 
	font-size: 100%; 
	font-family: arial, helvetica, verdana, sans-serif; 
	/* letter-spacing: 1px; */ 
	line-height: 160%; 
	background: #7A0201;  /*  1A0214  red=7A0201  purple=21021A*/
}


/* BASE TYPOGRAPHY */

h1, h2 { 
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 4px;
}
h2 { 
	color: #485657;
	font-size: 0.9em;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: normal;
}
h3 {
	color: #485657;
	font-size: 0.85em;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 6px;
	letter-space: 2px;
	line-height: normal;
}

p {	
	margin: 0px;
	margin-bottom: 10px;
}

p.right { 
	font-size: 0.7em; 
	text-align: right;
}

ul { 
	list-style-type: disc;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

ol { 
	list-style-type: decimal;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}


/* HEADER STYLES */

#header h1 { 
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 1.2em;
	letter-spacing: 3px;
	margin-bottom: 0px;
}
#header h1 a { 
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 1.2em;
	letter-spacing: 3px;
	margin-bottom: 0px;
}

#header h2 { 
	color: #9f4847;  /* 	FDD8B3  color: #9f4847; */
	font-size: 0.9em;
	font-weight: 1.2em;
	line-height: 115%;
	letter-spacing: 1px;
	padding-left: 450px;
	margin-bottom: 0px;
}



/* TOP STYLES - "Selection by" heading */

#top h2 a { 
	color: #F9A784;
	font-size: 1em;
	line-height: 115%;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
#top h2 a:hover { 
	color: #FCCFBC;
	font-size: 1em;
	line-height: 115%;
	letter-spacing: 1px;
	margin-bottom: 0px;
}


/* TOP-HOME STYLES */

#top-home h1 { 
	color: #FFFFFF;
	font-size: 2.0em;
	line-height: 120%;
	letter-spacing: 3px;
	margin-bottom: 0px;
}
#top-home h1 a { 
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 115%;
	letter-spacing: 3px;
	margin-bottom: 0px;
}

#top-home h2 { 
	color: #FDD8B3;
	font-size: 1em;
	line-height: 115%;
	letter-spacing: 1px;
	padding-top: 20px;
	padding-left: 50px;
	margin-bottom: 0px;
}
#top-home h2 a { 
	color: #F9A784;
	font-size: 1em;
	line-height: 115%;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
#top-home h2 a:hover { 
	color: #FCCFBC;
	font-size: 1em;
	line-height: 115%;
	letter-spacing: 1px;
	margin-bottom: 0px;
}



/* CONTENT HEADER STYLES */

/*#content h1 { 
	color: #000000;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-space: 2px;
	font-weight: 500;
}*/


/* CONTENT LIST STYLES */

/*#content li {
	color: #333D3D;
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 22px;
}

#content ul {
	list-style-image: url(images/bullet.gif);
	list-style-type: none;
}*/



/* NAV LIST STYLES */

/*
#nav ul { 
	list-style-type: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#nav li {
	font-size: 0.55em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 2.8em;
	text-align:center;
}
*/



/* NAV LIST STYLES */

#nav ul { 
	list-style-type: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#nav li {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0px;
	padding-bottom: 0px;
	/* float: left; */
	/* position: relative; */
}

#nav li .spacer {
	margin: 0px;
	padding: 0px;
	/*float: left;
	 position: relative; */
}
.spacer-text {
	font-size: 0.9em;
	line-height: 0.4em;
	background-color: #d93369;
}

#nav li a, #nav li a:active, #nav li a:visited {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;

}
#nav li a:hover {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;

}



/* NAV STYLE */

.nav {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #d93369;
	font-size: 0.9em;
	font-weight: 900;
	margin: 0px;
	padding: 0px;
}
.nav2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #d93369;
	font-size: 0.9em;
	font-weight: 900;
	margin: 0px;
	padding: 0px;
}

.artist {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}



/* LEFTCOL-1 LIST STYLES */

/*#leftcol-1 ul { 
	list-style-type: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#leftcol-1 li {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0px;
	padding-bottom: 10px;
	/*float: left;
	 position: relative; 
}

#leftcol-1 li a, #leftcol-1 li a:active, #leftcol-1 li a:visited {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;
}
#leftcol-1 li a:hover {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;
}*/



/* RIGHTCOL-1 LIST STYLES */

/*#rightcol-1 ul { 
	list-style-type: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#rightcol-1 li {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0px;
	padding-bottom: 10px;
	/*float: left;
	 position: relative; 
}

#rightcol-1 li a, #rightcol-1 li a:active, #rightcol-1 li a:visited {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;
}
#rightcol-1 li a:hover {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;
}
*/



/* SUBNAV LIST STYLES */

#subnav ul { 
	list-style-type: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#subnav li {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0px;
	padding-bottom: 2px;
	float: left;
	/* position: relative; */
}

#subnav li a, #subnav li a:active, #subnav li a:visited {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;

}
#subnav li a:hover {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #d93369;

}
.subnav {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: 900;
	margin: 0px;
	padding: 0px;
}







.copyright-text {
	color: #999999;
	font-size: 0.7em;
}



/* BASE STYLE GROUPING */

/* DISPLAY STYLES */

.artwork-essay {
	/*color: #FF0000;*/
	font-weight: 400;
	font-style: italic;
}

.artwork-title {
	font-size: 1em; 
	font-weight: 400;
	line-height: 1.6em;
	color: #FFFFFF;
	padding: 0px 0px 4px 0px;
}
.artwork-url {
	font-size: 0.75em; 
	color: #FF0000;
	font-weight: 700;
	line-height: 1.4em;
}
.artist {
	font-size: 0.8em; 
	font-weight: 400;
	color: #CCCCCC;
	line-height: 1.8em;
}
.artist-url {
	font-size: 0.75em; 
	font-weight: 700;
	line-height: 100%;
}


/* BODYTEXT STYLES */

.bodytext, .bodytext-bold {
	color: #9FBDBD;  /* #5E7070 */
	font-size: 0.75em; 
	line-height: 1.6em;
}

.bodytext-bold {
	font-weight: 700;
}

.bodytext-title-art {
	font-weight: 700;
}

.bodytext-artist {
	font-weight: 700;
}

.caption {
	font-size: 0.68em;
	color: #FFFFFF;
}

.caption-front {
	font-size: 0.68em;
	color: #9f4847;
	line-height: 1.4em;
}

.introtext {
	color: #5E7070;
	font-size: 1.0em; 
	line-height: 1.8em;
}

.introtext2 {
	color: #5E7070;
	font-size: 0.9em; 
	line-height: 1.6em;
}

.introtext-bold {
	weight: bold;
}




/* BODY ANCHORS */

a:link, a:active, a:visited { 
	text-decoration: none;
}

a:link, a:active { 
	color: #cc3300;  /* 0080C0 */
}

a:visited { 
	color: #cc3300;  /* 0070A6 */
}

/*
#nav a:link, #nav a:active { 
	color: #485657;
}
*/

a img { 
	border: 0;
}

a img:active { 
	border: 0;
}





/* FORM STYLES */

form { 
	margin: 0px;
	padding: 0px;
}

.searchtext, .searchtext-bold, .searchtext-numbers, .searchtext-links {
	margin: 0px;
	padding: 0px;
	color: #5E7070;
	font-size: 0.75em; 
}

.searchtext-bold, .searchtext-links {
	font-weight: bold;
}

.validation {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

fieldset { 
	margin: 0px;
	padding: 0px;
	border: 0px;
}

legend { 
	margin: 0px;
	padding: 0px;
	font-size: 11px; 
	color: #5E7070;
	display: none;
}

select {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #333D3D;
	width: 255px;
	height: 20px;
	border: 1px solid #485657;
	background-color: #CCCCCC;
}

textarea {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #333D3D;
	border: 1px solid #485657;
	background-color: #CCCCCC;
}

.button {
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-bottom: 1px;
	vertical-align: middle;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	width: 70px;
	height: 20px;
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
	background-color: #485657;
}

input { 
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #5E7070;
	height: 20px;
	border: 1px solid #485657;
	background-color: #CCCCCC;
}

.inputType {
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 11px;
	letter-spacing: 1px;
	color: #5E7070;
	border: 1px solid #485657;
	background-color: #CCCCCC;
}

.searchType {
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 11px;
	letter-spacing: 1px;
	color: #5E7070;
	height: 20px;
	border: 1px solid #485657;
	background-color: #CCCCCC;
}

.searchSubmit {
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
	letter-spacing: 1px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	width: 25px;
	height: 20px;
	border: 1px solid #CCCCCC;
	background-color: #485657;
}





/* SPAN STYLES */

span.highlight { 
	color: #ABD6F1;
}

span.hide { 
	display: none;
}

span.underline { 
	text-decoration: underline;
}



table {
	margin: 0px;
	padding: 0px;
}
tr {
	margin: 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 0px;
}