html, body, form { height: 100%; margin: 0; padding: 0; color: #333; font-size: small; font-family: Arial, Helvetica, sans-serif; }
body { background-color: #fff; }


/* header and navigation */
#header { background: transparent url(img/top-shadow.png) repeat-x left bottom; height: 150px; overflow: hidden; padding: 0px 0 0px 0; margin: 0 0 20px 0; }
#hdr-content { position: relative; margin: 25px 0 25px 0; height: 85px; }
#main-navigation { font-size: 12pt; height: 13px; margin: 0; padding: 0; position: absolute; top: 50%; right: 0; margin-top: -13px; }
#main-navigation li, #sub-navigation li { margin: 0 20px 0 0; padding: 0; list-style: none; display: inline; }
#main-navigation li:last-child, #sub-navigation li:last-child { margin-right: 0; }
#main-navigation a, #sub-navigation a { color: #999; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
#main-navigation a:hover, #sub-navigation a:hover { border-bottom: 3px solid #FF3399; padding-bottom: 4px; }
#sub-navigation { color: #999; border-bottom: 1px solid #999; width: 100%; font-size: 10pt; height: 13px; margin: 0 0 20px 0; padding: 0 0 20px 0; }
#sub-navigation li { padding: 0 10px 0 10px; margin: 0; border-right: 1px solid #999; }
#sub-navigation .no-r-border { border-right: none; }

/* icons */
#icon-twitter, #icon-facebook, #icon-4square { text-decoration: none; border: none; background: transparent url(img/social-icons.png) no-repeat 0 0; width: 16px; height: 16px; text-indent: -3000px; overflow: hidden; }
#icon-twitter { background-position: 0 0; }
#icon-twitter:hover { background-position: 0 -15px; }
#icon-facebook { background-position: -15px 0; }
#icon-facebook:hover { background-position: -15px -15px; }
#icon-4square { background-position: -32px 0; }
#icon-4square:hover { background-position: -32px -15px; }
.icon-slideshow { height: 20px; width: 26px; position: absolute; right: 0; background-repeat: no-repeat; }
#icon-cart { vertical-align: text-bottom; margin-right: 10px; }

.micro-link { text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 8pt; }


/* exhibitions */
.artist-set { border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin: 0  0 20px 0; float: left;  }
#artist-sets .container_12:last-child .artist-set { border-bottom: none;  }
.set-cover { position: relative; border: 1px solid #ccc; width: 300px; margin: 0; overflow: hidden; }
.set-cover .cover { height: 320px; overflow: hidden; }
.set-cover img{ width: 300px; height: auto; margin: 0; padding: 0; border: 0; }
.set-cover .caption { font-size: 10pt; background-color: #fff; bottom: 0; padding: 10px; margin: 0; overflow: hidden; }
.set-item { width: 140px; height: 160px; margin: 0 20px 20px 0; padding: 0; float: left; overflow: hidden; }
.set-item dd { border: 1px solid #ccc; padding:0; margin:0; width: 138px; height: 138px; overflow: hidden;  }
.set-item dt { position: relative; padding:0; margin:0; width: 100%; height: 20px; }
.set-item dt .more-info  { width: 100%; position: absolute; bottom: 0px; padding: 0; margin: 0; }
.set-item:nth-child(4n+4) { margin-right: 0; }
.set-cover img, 
#artist-image,
.set-item img { margin: 0 auto; display:block; text-align: center; }
#artist-image { border: 1px solid #ccc; overflow : hidden; }
#item-detail p { margin: 0 0 20px 0; padding:0; }
.exhibition-item { width: 300px; margin: 0 20px 0 0; padding: 0; float: left; }
.exhibition-item:nth-child(3n+3) { margin-right: 0; }
b.title { color: #000; font-weight:bold; font-size: 100%; font-style:italic; display: block; margin: 0; padding: 0; }
b.title em { display: block; }


/* business-card */
.business-card { width: 620px; float: left; border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.business-card:last-child { border: none; }
.vmg-bio { border-bottom: 1px solid #ccc; padding: 0 0 20px; }
.business-card .avatar { float: left; margin: 0 20px 0 0; width: 140px; }
.business-card .bio,
.business-card dt { float: right; width: 460px; margin: 0; padding: 0; }


.in-touch { margin: 0 0 20px 0; padding: 0; list-style: none;  }
.in-touch li { margin: 0; padding: 0 0 5px 0; }

    
/* footer */
#wrapper  { min-height: 100%; }
#main { overflow: auto; padding-bottom: 75px; }
#footer { padding: 0; font-size: 10px; clear: both; margin-top: -75px; height: 75px; position: relative; width: 100%; background-color: #fff; }
#footer-shadow { position: absolute; top: -19px; width: 100%; height: 19px; padding: 0; background: transparent url(img/bottom-shadow.png) repeat-x left top; }
#footer-social { margin: 0; padding: 0; float: left; height: 30px; overflow: hidden; }
#footer-social li { display: inline; margin: 0 2px 0 0; padding: 0; list-style: none; float: left; overflow: hidden; }
.addthis_button_compact,
.addthis_default_style,
.addthis_toolbox { display: inline; height: 15px; width: 15px; overflow: hidden; border: none; padding: 0; margin: 0; }
#footer-social li:last-child { margin-right: 0; }
#footer-social li a { display: block; }
#footer-address { margin: 0; padding: 0; list-style: none; text-align: right; }
#footer-address li { display: inline; padding: 0 10px 0 8px; margin: 0; border-right: 1px solid #999; color: #999; }
#footer-address li:last-child { border: none; padding-right: 0; }
#footer-container { padding-top: 20px;}
#footer-spacer { margin-top: 40px; }
/*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; /* thank you Erik J */ }


/*zurb buttons*/
.button { background: #222 transparent url(img/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.button:hover { background-color: #432125; color: #fff; }
.button:visited { background-color: #432125; color: #fff; }
.button:focus { border: none; }
.large.button { font-size: 140%; }
.small.button { font-size: 85%; }
.default.button { background-color: #222; }


/* Store */
#cart-mini { vertical-align:top;  background-color: #eee; height: 100%; width: 100%; border-left: 2px solid #ddd; }
.cart-item { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.cart-item .thumbnail { border: 1px solid #ccc; padding:0; margin:0; width: 138px; height: 138px; overflow: hidden;  }
.cart-item .thumbnail img { margin: 0 auto; display:block; text-align: center; }
table#cart { width: 100%; margin: 0; padding: 0; border-spacing: 1px; border-collapse:separate; }
table#cart td { text-align: left; }
table#cart .border-line { border-top: 2px solid #ccc; }
table#cart .image img { height: 50px; width: auto; }
table#cart .right { text-align: right; }
table#cart .quantity { width: 50px; }
table#cart .no-padding-right { padding-right: 0; }
table#cart .artist-name { color: #C0C0C0; }
table#cart input[type="submit"] { border: none; }
table#cart .desc { width: 200px; }
#cart-status-container { position: absolute; top: 70px; right: 0; margin: 0; padding: 0; text-align: right; }
#cart-status { margin: 0; padding: 0; }
#cart-status li { display: inline; padding: 0 10px 0 8px; margin: 0; border-right: 1px solid #999; color: #999; }
#cart-items-link:hover,
#checkout-link:hover { text-decoration: underline; }
#filters ul { margin: 0 0 40px 0; padding: 0; list-style: none; }
#filters ul li { margin: 0 0 10px 0; padding: 0 0 10px 10px; border-bottom: 1px dotted #ccc; }
#filters ul li:last-child { margin: 0; border-bottom: none; }

#slide-area { position: relative; }
#slide-panel { right: -400px; display: block; float: right; width:400px; z-index: 0; position: relative; height: 100%; top: -210px; padding-bottom: 210px; margin-bottom: -250px; background-color: #eee;}
#slide-panel-content { height: 100%; float: right; }


/* Modal */
#model-header { margin-bottom: 20px; }
#modal-footer { text-align: right; margin-top: 20px; } 


/*twitter comment widget*/
#twitter-comments { list-style-type: none; margin: 0; padding: 0; }
#twitter-comments li { margin:0 0 20px 0; padding: 0; }
#twitter-comments .username { margin: 0 0 10px 0; }
#twitter-comments .comment { margin: 0 0 10px 0; }
#twitter-comments .comment a { text-decoration: none; }
#twitter-comments .comment a:hover { text-decoration: underline; }
#twitter-comments .post-date { margin: 0 0 10px 0; color: #C0C0C0; }
#button-bar { margin-bottom: 30px; }
#button-bar,
#button-bar div
{ display:  inline; }
#counter { color: #666; }
#comment-count { font-weight: bold; }
#tweet {  margin: 0 0 10px 0; }


/*misc*/
#takeovers { float: left; }
.takeover-image { float: left; margin: 0 20px 20px 0; }
.takeover-image.right { float: right; margin: 0 0 20px 20px; }
.passive-link { color: #ccc; }
.hidden { display: none; }
table,caption,tbody,tfoot,thead,tr,th,td { vertical-align: middle; text-align: left; }
td, th {  padding: 0 20px 20px 0; }
.sold { font-weight: bold; text-transform: uppercase; padding-left: 14px; background: transparent url(img/red-dot.png) no-repeat left center; }
#loading { display: none; }
#notification-banner { height: 0; display: none; text-align: center; position: fixed; top: 0; width: 100%; height: 135px; color: #fff; font-size: 300%; }
#notification-banner #banner-content { vertical-align: middle; height: 67.5px; top: 50%; margin: 0; padding: 0; position: relative; color: #fff; }
#notification-banner #banner-content p { margin-top: -33.75px; color: #fff; }
.sub-section { margin-top: 60px; float: left;}
.border { border-bottom: 1px solid #ccc; width: 100%; padding: 0; margin: 0 0 30px 0; }

/* takeover */
#main-navigation a:hover, 
#sub-navigation a:hover, 
#footer-address a, 
#footer-address a:hover, 
#footer-address a:active, 
#footer-address a:visited, 
#twitter-comments .comment a,
#twitter-comments .comment a:hover,
#twitter-comments .comment a:visited,
#twitter-comments .comment a:active,
.micro-link,
h1,
a:hover,
a:active,
a:visited,
.takeover-clr { color: #FF3399; }
.icon-slideshow,
#icon-cart,
.button,
.button:visited,
#notification-banner,
.takeover-bg { background-color: #FF3399; }