@charset "utf-8";

/*ALL ART PAGE*/

/*boxes and images*/

body {background-color:black; color:white;}

#menu {  /*placeholder*/
	background-color:#666666; 
	text-align:center; 
	font-size:110%;
	padding-top: .5em;
	padding-bottom:.5em;
	}

#topper {  /*logo*/
	margin-top: 2em;
	margin-bottom: 2em;
	}

#topper img {
	max-width:450px;
}

#toc {
	padding-top:2em;
	border:green thin dotted;
}

#mobile-toc p { }

#pix-panel { }

.artwork {
	width:275px;
	height:485px;
	float:left;
	margin-right:2em;
	margin-bottom:2em;
	padding-top:1em;
	border-top: white thin solid;
}

#pix-panel .artwork-title {  /*formerly p.title*/
	margin-bottom: .5em;
	height:5em;
	overflow:auto;
	}
	
,skunder {} /*in case I need to make adjustments for a specific artist*/
	
.artwork img{
	max-height:275px;
	max-width:100%;
	margin-bottom:1em;
}

/* Typography */

#pix-panel H2 {  /*formerly p.country*/
	font-size:200%;
	text-transform: uppercase;
	font-weight: bold;
	color: #933506;
	border-bottom: 1px solid #933506;
}

#pix-panel H3 {  /*formerly p.artist*/
	font-size:130%;
	color: #fc6;
}

#pix-panel p.bio {  /*formerly p.bio*/
	color: #fc6;
}

#pix-panel p.bio:last-of-type { /*adds margin below the last bio graph*/
	margin-bottom: 2em;
}

#pix-panel .artwork-title p {  /*formerly p.title*/
	font-size: 125%;
	}

p.medium, p.size, p.edition {
	margin-bottom: .3em;
	margin-top: 0px;
	}

.artwork-label {      /*used as a SPAN*/
	}

.sold { /*for BOLD box: apply to the p*/
/*thanks to
http://stackoverflow.com/questions/5137772/how-to-set-width-of-a-inline-element
for the inline-block*/
	margin-bottom: 10px;
	color: #933506;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 110%;
	border: #933506 solid thin;
	background-color: #F8A737;
	padding: 2px;
	display:inline-block;
}