@charset "utf-8";
/* CSS Document */

div#work { float: left; width: 960px; /**/ }
div#actions, div#comment-form, div#tags, div#available-products, div#comments { clear: left; float: left; width: 900px; }


div#works
{
	float: left;
	width: 960px;
}
div#works.images ul
{
	position: relative;
	float:  left;
	margin: 0;
	padding: 0;
}
div#works.images ul li
{
	display: table;
 	float: left;
	width: 320px;
	margin-top: 25px;
	text-align:center;
}

div#works.imagek ul
{
	position: relative;
	float:  left;
	margin: 0;
	padding: 0;
}
div#works.imagek ul li
{
	display: table;
 	float: left;
	width: 320px;
	height: 370px;
	margin-top: 10px;
	text-align:center;
}

div#works[id] ul li span.work-cell
{
	display: table-cell;
	vertical-align: middle;
 	text-align: center;
}

div#works[id] ul li span.work-cell span.title
{
	font-size:  0.9em;
	color:  #888;
	display:  block;
	text-align:  center;
}

div#works ul li span.work-cell span.title a,
div#works ul li span.work-cell span.title a:visited
{
	color:  #888;
	text-decoration:  none;
	display:block;
	text-align:  center;
}

div#works ul li img
{
	border: 1px solid #888;
}

a.show-all
{
	font-weight: bold;
	color: #fff;
}

/* Show work 
---------------------------------------------------------------------------------------------------*/

#artist_art-show h2, #artist_clothing-show h2 { font-size:22px; }

#buy { float: left; }

#buy .price
{
  display: block;
  clear: left;
  color: #555;
}
#buy a
{
  text-decoration: none;
}
div.main-column
{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
div.sub-column
{
  float: right;
  width: 310px;
  margin: 0;
}
.sub-column p, 
.sub-column ul, 
.sub-column li, 
.sub-column h2 {
  margin-bottom:0;
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
}

.sub-column h3 {
  font-size:1.2em;
  line-height:1.4;
  font-weight:bold;
  clear:both;
  margin-bottom:0em;
}

.sub-column div {
  margin-bottom:1.5em;
}
#available-products
{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: 10px;
}


#actions
{
  width: 545px;
  padding-top: 20px;
}
#actions ul
{
  clear:both;
  margin: 0 0 10px 0;
  padding: 10px 0;
  list-style-type: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#tags h3,
h3.work-groups,
#comment-form h3,
#comments h3
  {
    margin: 0 0 4px 0;
    padding: 0;
    font-weight: bold;
    color: #555;
    font-size: 9px;
  }

#tags ul,
ul.work-groups
  {
    margin:0;
    padding:0;
  }
#actions a,
#tags a,
ul.work-groups a
  {
    text-decoration: none;
  }
ul.work-groups a {
  font-size: 9px;
}
#tags ul li,
#actions ul li {
  display: inline;
  margin-right:6px;
}
ul.work-groups li  {
  display: inline;
}
#tags ul li:after,
ul.work-groups li:after {
  content:",";
}

#tags ul li.last:after,
#work-groups ul li.last:after {
  content:"";
}

#work-groups
{
  margin-top: 1em;
  font-size: 0.8em;
}
#avatar {
  float:left;
  display: inline;
}

#avatar img {
  margin-right: 10px;
display: block; 
}

#artist {
	color: #555;
  float:left;
  width: auto;
}

#artist a
{
  text-decoration: none;
}
#artist a#previous-work
{
	padding-left: 6px;
	padding-right: 2px;
	margin-right: 2px;
	background: url('/images/icons/arrow_previous.gif') 0 4px no-repeat;
}
#artist a#next-work
{
	padding-left: 2px;
	padding-right: 6px;
	margin-left: 2px;
	background: url('/images/icons/arrow_next.gif') right 4px no-repeat;
}
div#description
{
  float: right;
  width: 310px;
  color: #555;
  font-size: 0.95em;
}


div#description p { margin-bottom: .5em; }


.objection { color: #888; font-size:0.9em; }
.objection a { color: inherit; text-decoration: none;	}
.objection a:visited, .objection a:hover { color: inherit; }

img#view-artwork /* the work img */
  {
    border: 1px solid #ddd;
  }