/*=YUI CSS RESET
----------------------------------------------------------------------------------
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/*=TYPOGRAPHY
----------------------------------------------------------------------------------*/
html {  }
body { color:#444; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 18px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

#navigation a { color: #444; }
a { color: #444; text-decoration: none;  -webkit-transition-property: hover; -webkit-transition: color 0.15s ease-in-out; }
a:hover, #navigation a:hover { color: #ff3300; }

h1 { font-size: 20px; line-height: 30px; margin: 0 0 40px; }
h2 { font-size: 17px; font-weight: bold; line-height: 24px; }
h3 { font-weight: bold; }

hr {
	background: #eeede4;
	border: 0;
	clear: both;
	color: #eeede4;
	height: 3px;
	margin: 0 0 6px 0;
	width: 50px;
}

p, table { margin-bottom: 20px; }

td { vertical-align: top; }

.galleria-info-title { font-style: italic; }

#navigation #masthead { font-size: 20px; line-height: 30px; }
#navigation ul { font-size: 17px; font-weight: bold; line-height: 24px; margin-bottom: 36px; }
#navigation a { display: block; padding-right: 20px; }
#navigation ul ul { font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 7px 15px; }
#navigation ul ul li { margin-bottom: 6px; }
.copyright { width: 175px; }


#footer,  #news p, .galleria-info, .copyright, .read { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; }
#footer a { font-weight: bold; }


/*.email,*/ .primary { font-size: 20px; /*font-weight: bold;*/ line-height: 30px; }
.primary { /*font-family: Helvetica, Arial, sans-serif;*/ width: 600px; }

/*=LAYOUT
----------------------------------------------------------------------------------*/
#container { position: relative; }
#navigation { padding: 20px 0 0 15px; width: 210px; position: fixed; top: 0; left: 0; }
#masthead { margin: 0px 0 40px 0; }
#masthead a:hover { background: url(images/home.gif) right center no-repeat; } 
.ui-helper-reset, .ui-state-active { outline: none; }
#navigation a:active { outline: none; }
a:hover.ui-state-default { background: url(images/expand.gif) right center no-repeat; outline: none; }
a:hover.ui-state-active { background: url(images/close.gif) right center no-repeat; }

#navigation ul ul a:hover { background: url(images/open.gif) right center no-repeat; }
a:hover.no-trigger { background: url(images/open.gif) right center no-repeat; }

#content { margin: 0 0 0 300px; padding: 20px 0 80px; position: relative; /*width: 720px;*/ min-height: 600px; }
#bio, #solo-exhibitions, #group-exhibitions, #bibliography, #curatorial-activity, #about #content, #contact #content { width: 540px; }
/*#paintings #content { padding: 8px 0; }*/


#footer { margin: 0 0 0 300px; padding: 0 0 1px 0; }

/*=HOME*/
#home #content { width: 740px; }
#home #slideshow { float: left; margin-top: 48px; width: 540px; }
#news { float: right; width: 180px; }

/*=PAINTINGS*/
#paintings #content h3 { margin: 8px 0 20px; position: relative; }
#paintings #content h3 a { margin-left: 10px; }

#content img, .galleria-thumbnails .galleria-image, .galleria-image img {-moz-box-shadow: 0px 0px 3px #ddd; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 3px #ddd; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 3px #ddd; }

.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-image-nav-left,
.galleria-image-nav-right { background-image: url(js/galleria/themes/dona-map.png); background-repeat: no-repeat; }


#slideshow { margin-top: 32px; min-height: 600px; }

/*=RESUME*/
#resume tr { border-top: 1px solid #eeede4; }
#resume tr:first-child { border: none; }
#resume td { padding: 2px 0 3px; }
.date { width: 6em; }


/*=PUBLICATIONS and PRESS*/
.publication { float: left; margin: 0 10px 10px 0; width: 230px; }

/*=CONTACT*/
#contact h1 { margin-bottom: 42px; }
#contact #content { width: 240px; }

.dark { background: #111; }


/* =UTILITY
---------------------------------------------------------- */

.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}