/*
 * Copyright (C) Darcoff.com. All Rights Reserved.
 * Updated: Tue, 29 September 2009
 * Author: Eva Coffield
 * Site: darcoff.com
 *
 *
 * COLORS
 * Body Background: #ffffff
 * Main Text: #000000, #666666
 * Footer Text: #999999
 * a #F0F0F0
 * a:hover: #ff5247
 * Border: #e5e5e5
 * violet: #8601AF
 * cornflower: #6495ED
 * Over: background: rgba(255, 82, 71, 0.2);
 * Light shrimp: #ffc0bd
 * Dark shrimp: #ff5247
 * Red #ff2e1d

1. BASIC STYLES
	- body
	- links
	- global styles
	- typography
2. MAIN LAYOUT
	- body
	- containers
	- grid
3. HEADER
	- logo
	- menu
	- navigation
	- breadcrumbs
	- pagination
	- buttons
4. CONTENT
	- lists
	- category pages
	- thumbs
	- buttons
	- forms
	- site map
5. FOOTER
6. CLEAR FLOATS
7. OTHER
	- footnoteLinks

*/ 


/* ------------------------------------------------------------
	1. BASIC STYLES
   ------------------------------------------------------------ */	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,a,p,th,td { 
	margin:0;
	padding:0;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 68.75%;
	line-height:1.64em;
} 

a {color: #666666; text-decoration: underline;}
a:hover {color: #ff5247; text-decoration: none;}

/* global styles */
img {border: 0px; vertical-align:middle; z-index:0;}
object {outline:none; margin-top: 1.64em;}
.skip {position: absolute; left: -9000px;}
.bl {display: block;}
.br {border-top: 1px solid #e5e5e5;}
hr {border: 0; color: #e5e5e5; background-color: #e5e5e5; height: 1px; width: 100%; text-align: left; clear: both; margin: 0;}
.error {color: #ff5247;}
.bm0 {margin-bottom: 0;}

/* typography */
h1,h2,h3,h4,h5,h6 {font-size:100%;}

p.openning {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
	color: #ff5247;
	font-size: 2.27em;
	font-weight: lighter;
	line-height: 1em;
	text-transform: uppercase;
	margin: .82em 0;
}

p.openning a {text-decoration: none; color: #ff5247;}
p.openning a:hover {text-decoration: none; color: #999999;}
p {margin: 1.64em 0 1.64em 0;}

/* ------------------------------------------------------------
	2. MAIN LAYOUT 
   ------------------------------------------------------------ */
body {text-align: center;}

/* containers */
.container-16,
#header,
#content,
#footer {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

/* grid */
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container-16 .grid-1, #header .grid-1, #content .grid-1, #footer .grid-1 {width: 40px;}
.container-16 .grid-2, #header .grid-2, #content .grid-2, #footer .grid-2 {width: 100px;}
.container-16 .grid-3, #header .grid-3, #content .grid-3, #footer .grid-3 {width: 160px;}
.container-16 .grid-4, #header .grid-4, #content .grid-4, #footer .grid-4 {width: 220px;}
.container-16 .grid-5, #header .grid-5, #content .grid-5, #footer .grid-5 {width: 280px;}
.container-16 .grid-6, #header .grid-6, #content .grid-6, #footer .grid-6 {width: 340px;}
.container-16 .grid-7, #header .grid-7, #content .grid-7, #footer .grid-7 {width: 400px;}
.container-16 .grid-8, #header .grid-8, #content .grid-8, #footer .grid-8 {width: 460px;}
.container-16 .grid-9, #header .grid-9, #content .grid-9, #footer .grid-9 {width: 520px;}
.container-16 .grid-10, #header .grid-10, #content .grid-10, #footer .grid-10 {width: 580px;}
.container-16 .grid-11, #header .grid-11, #content .grid-11, #footer .grid-11 {width: 640px;}
.container-16 .grid-12, #header .grid-12, #content .grid-12, #footer .grid-12 {width: 700px;}
.container-16 .grid-13, #header .grid-13, #content .grid-13, #footer .grid-13 {width: 760px;}
.container-16 .grid-14, #header .grid-14, #content .grid-14, #footer .grid-14 {width: 820px;}
.container-16 .grid-15, #header .grid-15, #content .grid-15, #footer .grid-15 {width: 880px;}
.container-16 .grid-16, #header .grid-16, #content .grid-16, #footer .grid-16 {width: 940px;}

/* ------------------------------------------------------------
	3. HEADER
   ------------------------------------------------------------ */
.logo {margin-top:1.64em; margin-bottom:1.64em;}

#menu {margin: 0.82em 0 0 0; padding: 0;}
#menu li {float: right; padding: 0 0.82em; border-left: 1px solid #e5e5e5;}
#menu li a {color: #999999; text-decoration:none;}
#menu li a:hover {color: #000000; text-decoration:underline;}
#menu li a.active {color: #000000; text-decoration:none;}

.nav {margin: 1.64em 0 0.41em 0; text-transform: uppercase; letter-spacing: 0.1em; font-size: 1.18em; font-weight: normal; color: #999999;}
.nav a {display: block; color: #999999; text-decoration: none; padding: 0 0 0.41em 0; border-bottom: 1px solid #cccccc;}
.nav a:hover {color: #000000; border-bottom: 1px solid #000000;}
.nav a.active {color: #000000; border-bottom: 1px solid #000000;}

.subNav {margin: 0 0 1.64em 0; padding: 0;}
.subNav li {margin: 0; padding: 0;}
.subNav li a {color: #999999; text-decoration:none; border: 0;}
.subNav li a:hover {color: #000000;}
.subNav li a.active {color: #000000;}

/* breadcrumbs */

/* pagination */
.pagination {border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; height: 34px; line-height: 34px;}
.pagination span.title {padding: 0.2em 3em 0.2em 0;color:#999999;}
.pagination span.disabled {color: #e5e5e5; padding: 0.2em 0.5em 0.2em 0.5em;}
.pagination span.current {color: #000000; padding: 0.2em 0.5em 0.2em 0.5em;}
.pagination a.first {text-decoration: none; padding: 0.2em 0.5em 0.2em 0; color:#ff5247;}
.pagination a:hover.first {text-decoration: underline; padding: 0.2em 0.5em 0.2em 0; color:#000000;}
.pagination a {text-decoration: none; padding: 0.2em 0.5em 0.2em 0.5em; color:#ff5247;}
.pagination a:hover {text-decoration: underline; padding: 0.2em 0.5em 0.2em 0.5em; color:#000000;}
.pagination img {margin: 0;}

a.viewAll {background : transparent url(/images/core/view-all.gif) no-repeat center left; margin-left: 4px; padding-left: 24px;}
a:hover.viewAll {background : transparent url(/images/core/view-all-o.gif) no-repeat center left; margin-left: 4px; padding-left: 24px;}

/* buttons */
input.back-button {display: block; cursor:pointer; color: #999999; border: none; text-decoration: none; background-color:#ffffff; margin: 0; padding: 0;}
input.back-button:hover {color: #000000; text-decoration: underline;}

a.print-button {display: block; width: 110px; color: #999999; text-decoration: none; background: #ffffff url(/images/core/print.gif) no-repeat center left; padding: 0 0 0 22px; margin: 0; text-align: left;}
a:hover.print-button {color: #000000; text-decoration: underline; background: #ffffff url(/images/core/print-o.gif) no-repeat center left; padding: 0 0 0 22px; margin: 0; text-align: left;}

/* ------------------------------------------------------------
	4. CONTENT
   ------------------------------------------------------------ */

/* lists */
ol,ul {list-style:none;}
dl ul {margin-top: 0.82em;margin-bottom: 0.82em; list-style-type: disc; list-style-image: url(/images/core/bullet-arrow.gif); list-style-position: inside;}

dl.education, dl.exhibitions {margin-bottom: 1.5em;}
.education dt {float: left; width: 6.3em; padding-right: 1.5em; border-right: 1px solid #e5e5e5;}
.education dd {padding-left: 9.3em;}
.exhibitions dt {float: left; width: 2.15em; padding-right: 1.5em; border-right: 1px solid #e5e5e5;}
.exhibitions dd {padding-left: 5.15em;}

/* biography, artist statement */

#bodytext h1 {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
	color: #ff5247;
	font-size: 2.27em;
	font-weight: lighter;
	line-height: 1em;
	text-transform: uppercase;
	margin: .82em 0 0 0;
}
#bodytext h1 span {color: #999999;}

#bodytext h1 a {text-decoration: none; color: #ff5247;}
#bodytext h1 a:hover {text-decoration: none; color: #999999;}

#bodytext h2 {font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.36em; color: #000000; margin-bottom: .42em;}

#bodytext p.tagline {color:#000000;margin: 0; font-size:1.5em;}
#bodytext p.notice {color: #999999; margin: 0 0 1.64em 0;}

#bodytext p, dl, dt, dd, ul, li {line-height: 1.82em;}
#bodytext blockquote p {line-height: 1.5em; font-size: 1em; color: #999999;}

#sidebar {}

#sidebar a.button {display: block; float:left; background:#ff5247 url(/images/core/bg-link-white.gif) no-repeat center left; width: 280px; margin-top: 1px; color:#ffffff; text-decoration:none;}
#sidebar a.button:hover {background:#e5e5e5 url(/images/core/bg-link-shrimp.gif) no-repeat center left; color:#ff5247;}
#sidebar a.button span {display:block; padding: 7px 0 7px 28px;}

#sidebar h3 {color: #666666;font-size: 0.91em;line-height: 2.73em;font-weight:lighter;font-variant:normal;text-transform:uppercase; border-bottom: 1px solid #e5e5e5; margin-top: 1.64em; margin-bottom: .42em; letter-spacing:0.3em;}

#sidebar a {color: #999999; text-decoration: none;}
#sidebar a:hover {color: #666666;}
#sidebar a span.title {display: block; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.18em; font-weight: bold; color: #000000; margin: .41em 0 0 0;}
#sidebar a:hover span.title {color:#ff5247; text-decoration: underline;}
#sidebar a img {margin-top: 1.64em;}
#sidebar a:hover img {
	filter:alpha(opacity=70);/* for IE */
	opacity:0.7; /* CSS3 standard */ 
}

/* contact, error pages */

/* homepage */

blockquote {background-color: #e5e5e5; text-align: center; display: block; height: 30px; font-size: 1.09em; margin: 0 0 1.64em 0; padding: 0;}
blockquote p {font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; color: #333333; font-size: 1.09em; line-height: 30px; margin: 0; padding: 0;}
blockquote a {font-style:normal;color: #000000; font-weight: bold; text-decoration: none;}
blockquote a:hover {color: #ff5247;}

/*
blockquote, blockquote p {font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; color: #666666; text-indent:-0.8em; font-size: 1.36em; line-height: 1.5em; font-style: oblique; margin: 1.64em;}
blockquote a {font-style:normal;color: #666666; font-weight: bold; text-decoration: none;}
blockquote a:hover {color: #ff5247;}
*/

/* artist statement */

.definition {color: #999999; font-style:italic; }

#slideshow {}
#slideshow a {display: block; color: #999999; text-decoration: none;}
#slideshow a:hover {color: #666666;}
#slideshow a span.title {display: block; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.18em; color: #666666; margin: .41em 0 0 0;}
#slideshow a:hover span.title {color:#ff5247; text-decoration: underline;}
#slideshow a.button {font-size: 1.18em; float:left; background:#ffffff url(/images/core/bg-link-rt-shrimp.gif) no-repeat center right; width: 220px; color:#ff5247; text-decoration:none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.82em;}
#slideshow a.button:hover {background:#ff5247 url(/images/core/bg-link-rt-white.gif) no-repeat center right; color:#ffffff;}
#slideshow a.button span {text-decoration: none; display:block; padding: 7px 0 7px 8px;}
#slideshow a:hover img {
	filter:alpha(opacity=70);/* for IE */
	opacity:0.7; /* CSS3 standard */ 
}

/* pages */

#pages {}
#pages h1 {font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.36em; margin: 1.64em 0 .82em 0;}
#pages h1 a {text-decoration: none; color: #000000;}
#pages h1 a:hover {color: #666666;}
#pages .thumb {margin-top: .82em;}
#pages .thumb a {display: block; color: #999999; text-decoration: none;}
#pages .thumb a:hover {color: #000000;}
#pages .thumb a span.title {display: block; color: #999999; margin: .41em 0 .82em 0;}
#pages .thumb a:hover span.title {color: #000000; text-decoration: underline;}
#pages .thumb a:hover img {
	filter:alpha(opacity=70);/* for IE */
	opacity:0.7; /* CSS3 standard */ 
}
#pages img.full-size {display: block; margin: .41em 0 0 0;}
#pages .price {font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.09em; color: #000000; font-weight: bold;}
#pages .notice {color: #999999;}
a.read {color: #999999; display: block; height: 19px; background : transparent url(/images/core/read.gif) no-repeat center left; padding-left: 23px; text-decoration: none;}
a:hover.read {color: #000000; background : transparent url(/images/core/read-o.gif) no-repeat center left; padding-left: 23px; text-decoration: underline;}

#zoom-info {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #ffffff; text-align: center; margin: 0; padding: 0;}
#zoom-info p {font-family: Georgia; text-transform: uppercase; color: #999999; letter-spacing: 0.03em; font-size: 1.09em; margin: 0.41em 0 0.41em 0; padding: 0;}
#zoom-info p span {font-size: 0.9em;}


/* category pages, view all */
#category .thumb {margin: 0.82em 0 0 0;}
#category .thumb a {display: block; color: #999999; text-decoration: none;}
#category .thumb a:hover {color: #000000;}
#category .thumb a span.title {display: block; color: #999999; margin: 0.41em 0 0 0;}
#category .thumb a:hover span.title {color: #000000; text-decoration: underline;}
#category .thumb a:hover img {
	filter:alpha(opacity=70);/* for IE */
	opacity:0.7; /* CSS3 standard */ 
}

/* sitemap */
#sitemap h2 {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
	color: #ff5247;
	font-size: 2.27em;
	font-weight: lighter;
	line-height: 1em;
	text-transform: uppercase;
	margin: .41em 0 0 0;
}

#sitemap h2 a {text-decoration: none; color: #ff5247;}
#sitemap h2 a:hover {text-decoration: none; color: #999999;}
#sitemap ul {margin:0px;padding:0px;}

#sitemap ul {font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;}
#sitemap ul li a {float:left; background-color:#ffffff; width: 520px; font-weight: bold; color:#000000; border-bottom: 1px solid #e5e5e5; text-decoration:none;}
#sitemap ul li a:hover {background-color:#ffffff; color:#ff5247;}
#sitemap ul li a span {font-size: 1.18em; display:block; padding: 1.26em 0 .42em 0;}

#sitemap ul.mapLinks {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#sitemap ul.mapLinks li a {float:left; background:#ffffff url(/images/core/bg-link-666.gif) no-repeat center left; width: 520px; font-weight: normal; color:#666666; border-bottom: 1px solid #e5e5e5; text-decoration:none;}
#sitemap ul.mapLinks li a:hover {background:#ff5247 url(/images/core/bg-link-white.gif) no-repeat center left; color:#ffffff;}
#sitemap ul.mapLinks li a span {font-size: 1em; display:block; padding: .42em 0 .42em 28px;}

/* forms */
/* site map */

/* ------------------------------------------------------------
	5. FOOTER 
   ------------------------------------------------------------ */
#footer {margin-top: 1.64em;}
#footer p {color: #999999; margin: 1.64em 0 1.64em 0;}

/* ------------------------------------------------------------
	6. CLEAR FLOATS 
   ------------------------------------------------------------ */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.clearfix {display: block;}

.clearfix:after,
.container-16:after,
.pagination:after,
#slideshow:after,
#header:after,
#content:after,
#footer:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

/* ------------------------------------------------------------
	7. OTHER 
   ------------------------------------------------------------ */
/* footnoteLinks */
.printOnly {
  display: none;
}

#footnotes {}
#footnotes h2 {}
#footnotes ol {}
#footnotes ol li {}