/* global design-stuff */

body { 
color: #000;
background-color: #fff; 
margin: 0px; 
padding: 0px;
text-align: center;
min-width: 812px;
font-family: Helvetica, Arial, Sans-Serif;
}

h1 a:visited, a {
text-decoration: none;
color: black;
}

a:hover {
	color: #993400 !important;
}

div#margins {
width: 810px; 
margin: 0 auto;
text-align: left;
}

div#header {
width: 810px;
height: 110px;
margin: 0;
text-align: left;
background: transparent url(/media/affinityheader.gif) no-repeat top left; 
}

div#left {
	float: left;
	width: 300px;
	overflow: hidden;
}

div#right {
	float: right;
	width: 490px;
}

img#spacer_h1 {
	padding-bottom: 1em;
}
img#spacer {
	padding: 1em 0;
}

div.menu {
padding-top: 84px;
text-align: left;
font-size: 16px;
color: #7f7f7f;
text-transform: uppercase;
}

div.menu a {
margin-right: 36px;
color: #7f7f7f;
text-decoration: none;
}

div.menu a:hover {
color: #cc3333 !important;
}

/* font management */

/* WYMeditor */

/* Body copy */
p, p.bodycopy, span.bodycopy {
font-size: 13px;
color: #000;
line-height: 1.3em;
margin-top: 0;
/* font-size: 13px; color: #000; line-height: 1.3em; margin-top: 0; */
}

/* Body copy small */
span.bodycopy_sm, p.bodycopy_sm {
font-size: 11px;
color: #222;
line-height: 1.2em;
/* font-size: 11px; color: #222; line-height: 1.2em; */
}

/* Title */
h1, p.title {
	font-size: 30px;
	color: #000;
	background-position: bottom center;
	background-image: url("/media/hr.gif");
	background-repeat: no-repeat;
	padding: 0em 0 0.5em 0;
  /* font-size: 30px; color: #000; background-position: bottom center; background-image: url("/media/hr.gif"); background-repeat: no-repeat; padding-bottom: 1em; */
}

/* H2, headline */
h2, p.headline, span.headline {
font-size: 13px;
color: #000;
line-height: 1.5em;
font-weight: bold;
text-transform: uppercase;
/* font-size: 13px; color: #000; line-height: 1.5em; font-weight: bold; text-transform: uppercase; */
}

/* Title small */
p.title_sm, span.title_sm {
font-size: 24px;
color: #000;
/* font-size: 24px; color: #000; */
}

/* Hugetype */
p.hugetype, span.hugetype {
font-size: 52px;
color: #000;
display: block;
/* font-size: 52px; color: #000; display: block; */
}

/* Tinytype */
p.tinytype, span.tinytype {
font-size: 10px;
color: #000;
display: block;
margin: 5px 0 -1px 0;
line-height: 1em;
/* font-size: 10px; color: #000; display: block; */
}

/* Medium type */
p.medtype, span.medtype {
font-size: 18px;
color: #000;
/* font-size: 18px; color: #000; */
}

/* Greylist */
p.greylist, span.greylist {
font-size: 12px;
color: #888;
line-height: 1.8em;
/* font-size: 12px; color: #888; line-height: 1.8em; */
}

/* /WYMeditor */

.bodycopy a {
color: #000;
text-decoration: none;
}

.bodycopy_sm a {
color: #222;
text-decoration: none;
}

h2 {
	padding-top: 1em;
  margin-bottom: 0;
}
div > h2:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.headline a {
color: #000;
text-decoration: none;
}

.title a {
color: #000;
text-decoration: none;
}

.title_sm a {
color: #000;
text-decoration: none;
}

.tinytype a {
color: #333;
text-decoration: none;
line-height: 0.8em;
}

.medtype a {
color: #000;
text-decoration: none;
}

.greylist a {
color: #888;
text-decoration: none;
}

.greylist a:hover {
text-decoration: none;
}

/* non-global elements */

img.proofsheet {
border: 1px solid #999;
background-color: #fff;
padding: 2px;
margin: 9px;
}

/* non-global fonts */

div.artistnav {
text-align: left;
font-size: 16px;
color: #7f7f7f;
text-transform: uppercase;
display: block;
margin-top: -44px;
}

div.artistnav a {
margin-right: 36px;
color: #7f7f7f;
text-decoration: none;
}

/* Show/Artist common */
div#about, div#photos {
  margin-top: 2em;
}

ul#artists li {
  list-style-image: none;
  list-style-type: none;
  line-height: 1.8em;
}
ul#artists li a {
  font-size: 14px;
  color: #222;
}

/* About */
div#about a {
  font-size: small;
  text-align: right;
  display: block;
  font-weight: bold;
}
div#about_image {
  float: right;
  padding: 0 0 10px 10px;
}
div#about_image p, .link {
  text-align: center;
  text-decoration: underline;
}
div#about_mailing {
	width: 300px;
  float: right;
  clear: right;
  border-top: thin dotted gray;
  padding-top: 1em;
}

div#photo_list { overflow-y: auto; height: 50%; margin-bottom: 1em; }

div.thumb {
padding: 2px;
border: thin solid black;
float: left;
width: 128px;
height: 128px;
}
div.thumb:hover {
border: 2px solid red;
padding: 1px;
}
div.thumb_hack {
display: block;
text-align: center;
margin:auto;
}
div.thumb a {
left: -50%;
}
div.thumb img {
border: none;
}