/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
/* CSS Reset End 
_________________________________________________________________________________________________________________________
*/

/* CSS Document */

body {
		background-color: black;
		font-family: Verdana, sans-serif;
		font-size: 62.5%;
		color: white;
		text-align: center;
		margin: 0 auto;
		max-width: 1200px;
		}
		
/* 		This style seems to mess with images in tables. 
		It seems that images in tables are adjusted proportionally and don't overflow the display area, so this stlye rule 
		is probably unnecessary in my wesite so long as I use tables to display images.
		
img		{
		max-width: 100%;
		}
		*/

a:link {   
		font-size: 1.4em; 
		color: cornflowerblue;
		font-weight: bold;
		text-decoration: underline;
		}
a:hover {   
		text-decoration: none;
		}
a:visited {   
		color: red;
		}
a:active {   
		color: purple;
		}
		
h1, h2, h3, h4: {
		font: bold Verdana, sans-serif;
		}
h1		{
		font-size: 4em; 
		font-weight: 800;
		padding: 1em 0 0.5em 0;
		}
h2		{
		font-size: 2.4em; 
		font-weight: 600;
		padding: 0.5em 0 0.5em 0;
		}
h3		{
		font-size: 2em; 
		padding: 0.2em 0 0.2em 0;
		}
h4		{
		font-size: 1em; 
		}
.full-width-table {
		table-layout: fixed;
		width: 1200px;
/*		background-color: black; */
		border: 0;
		text-align: center;
		}		
.f-w-left-align-table {
		table-layout: fixed;
		width: 1200px;
/*		background-color: black; */
		border: 0;
		text-align: left;
		}		
		
td		{
		vertical-align: middle;
		padding: 5px 0px 5px 0px;
		}
td.pp	{
		vertical-align: middle;
		padding: 5px 5px 5px 5px;
		}		
.va-top	{
		vertical-align: top;		
		}
		
.left-align {
		text-align: left;
		}		

.picture-page {
/*		margin: 0 auto; */
		table-layout: auto;
		max-width: 1200px;
		width: 100%;
/*		background-color: black; */
		border: 0;
		text-align: center;
		}
		
.popup-window {
		background-color: #CCCCCC;
		font-family: Verdana, sans-serif;
		font-weight: bold;
		color: black;
		margin: 0 auto;
		/* The max-width property is handled individually in each html page. The popup window 
		can be scaled up or down to the maximum width of the actal Jpeg being displayed. That 
		size is specific to each individual image and so cant be included with more generalized 
		page structure handled in this stylesheet.
		max-width: 1200px; */
		text-align: center;
		}
		
.sold-sticker {
		float: right;
		}
.float-left {
		float: left;
		padding: 1em;
		}		
.clear-left {
		clear: left;
		}
.float-right {
		float: right;
		padding: 1em;
		}
.clear-right {
		clear: right;
		}
		
.border-1px {
		border: white solid 1px;
		}
		
p		{
		line-height: 1.4;
		padding: 0.5em 0 0.5em 0;
		}

ul		{
		list-style-position: outside;
		list-style-type: disc;
		line-height: 2;
		padding: 2em;
		}
						
.artwork-title	{
		font-size: 1.4em; 
		font-weight: bold;
		padding: 0.5em 0 0.2em 0;
		}
.artwork-details	{
		font-size: 1.2em; 
		font-weight: normal;
		}

.large	{
		font-size: 1.6em; 
		font-weight: bold;
		}
.standard	{
		font-size: 1.4em; 
		}
.small	{
		font-size: 1.2em; 
		}								
.small-bold	{
		font-size: 1.2em; 
		font-weight: bold;
		}
										
.black	{
		color: black;
		}
.orange {
		color: #FF6600;
		}
.bold {
		font-weight: bold;
		}
.italic {
		font-style: italic;
		}
.align-left {
		text-align: left;
}
		
.justify {
		text-align: justify;
}