.image {
  border: 1px solid #A3A5A8;
  display: block;
  text-align: center;
  transition: border-color .25s;
}
.image:hover {
  border-color: #a349a0;
}
.image:active {
  background-color: #eee;
  border-color: #666;
  transition: none;
}
.image:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.image img {
  vertical-align: middle;
}





/********************\
 *** SUMMARY PAGE ***
\********************/

.items-summary {
  margin: 0 -10px;
}

.items-summary .item {
  float: left;
  margin: 0 10px 10px;
  width: 148px;
}

.items-summary a {
  color: #a349a0;
  cursor: pointer;
  display: block;
}

.items-summary .image {
  height: 146px;
  margin-bottom: 1em;
}

.items-summary .item-title {
  min-height: 28px;
  letter-spacing: .07em;
}


/*** LAYOUT ***/

#main.main--artist-portfolios {
  float: left;
  width: 316px;
  padding: 0 20px;
}

.secondspace--artist-portfolios {
  overflow: hidden;
  
  background-color: white;
}

.secondspace--artist-portfolios .item:nth-child(3n+1) { clear: left;}


.artist-portfolios #footer { margin-top: 20px;}




/**************\
 *** DETAIL ***
\**************/

.first.section {
  float: left;
  padding-right: 20px;
  width: 41%;
}

.second.section {
  float: right;
  margin-bottom: 20px
  min-height: 615px;
  padding: 0 20px 20px;
  width: 59%;
}


.item-detail-gallery .item {
  background-color: white;
  margin: -20px 0 0;
  padding: 20px 10px;
}

.item-detail-gallery .item a {
  margin: 0;
}


.item-detail {
  position: relative;
}

.item-detail .divide {
  background-color: #A3A5A8;
  position: absolute;
   top: 0;
   bottom: 20px;
  width: 1px;
}

.item-detail .divide.first {
   left: 41%;
}

.item-detail * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.item-detail img {
  max-width: 100%;
}

div#artcontent .second.section h2 {
  line-height: normal;
}

.item-detail .field {
  line-height: 1.4em;
}

.item-detail .label {
  display: inline-block;
  width: 45%;
}

.item-detail .item-main .image { 
  margin-bottom: 20px;
  padding: .5em;
  width: 100%;
}


/*** PAGER ***/

.pager {
  text-align: center;
}

.pager button {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  margin: -1em;
  padding: 1em;
  transition: color .25s;
}

.pager button:hover {
  color: #a349a0;
}

.pager button:active {
  color: #333;
}

.pager .inactive,
.pager .inactive:hover {
  color: #DDD;
  cursor: default;
}

.pager .prev {
  float: left;
}
.pager .next {
  float: right;
}


.item-detail .item-container {
  overflow: hidden;
  min-height: 571px; 
  position: relative; 
  white-space: nowrap;
  width: 444px; 
}

.item-detail .item-main {
  display: inline-block;
  vertical-align: top;
  width: 444px;
}


.item-detail .item-main .image { height: 444px;}

.item-detail .item-main img {
  max-height: 428px; 
}

div#artcontent .item-detail .image-title {
  margin-bottom: 0;
}

.item-detail .item-main h2,
.item-detail .item-main .field {
  padding-right: 120px; 
}

.grey-box {
  background-color: #aeb1b4;
  position: absolute;
   bottom: 0;
   right: 0;
  text-align: center;
}

.grey-box a {
  color: white;
  display: block;
  font: 18px calibri,arial,helvetica,sans-serif;
  padding: 7px 0;
  width: 100px;
  transition: background-color .25s;
}
.grey-box a:hover {
  background-color: #a349a0;
}
.grey-box a:active {
  background-color: #666;
  transition: none;
}

.grey-box .socmed {
  display: inline-block;
  padding: 7px 2px;
  width: auto;
}
.grey-box .facebook {
  text-align: right;
}
.grey-box .twitter {
  text-align: left;
}





/***********************\
 *** SLIMBOX CAPTION ***
\***********************/

#lbCaption {
  font: 14px/1.4em 'myriad-pro','Myriad Pro',Calibri,Arial, Helvetica, sans-serif;
  color: #64676a;
  padding-left: 20px;
}

#lbCaption h2 {
  color: #a349a0;
  font: bold 18px/normal Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  letter-spacing: .07em;
  margin: 0 0 .5em;
}

#lbCaption div {
  padding-left: 9em;
}
#lbCaption .label {
  display: inline-block;
  margin-left: -9em;
  width: 9em;
}





/******************\
 *** NAVIGATION ***
\******************/

#navtext p {
  letter-spacing: .05em;
}
/* Stylesheet: Artist Portfolio Modified On 2015-02-24 14:10:08 */
div#pagecontent .toggle {
  cursor: pointer;
  color: #006e9f;
}
div#pagecontent .toggle:hover {
  color: #aeb1b4;
}
div#pagecontent .toggle:active {
  color: #64676a
}
/* Stylesheet: FAQs Modified On 2014-08-22 12:36:41 */