/* trisha crocker */

/* reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.3; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* type */
   
body { font-size: 75%; }
   
body { 
  color: #8e8e8e; 
  font-family: Verdana, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #888; 
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 1.3em 0; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
/*img         { margin: 0 0 1.5em; }*/

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Links
-------------------------------------------------------------- */


a:focus, 
a:hover     { color: #000; }
a           { color: #346686; text-decoration: none; border-bottom: 1px dotted #999; overflow: hidden; outline: none; }

div.leftnav a, div.topnav a, div.footer a {
	border-bottom: none;
}

div.footer a:link, div.footer a:visited {
	color: #8a8a8a;
}

div.footer a:hover, div.footer a:active {
	color: #000;
}

a.imagelink {
	border: none;
}

a.trishacrocker {
	background: transparent url('../images/h1_trishacrocker.gif') no-repeat top left;
	width: 256px;
	height: 43px;
	display: block;
	text-indent: -5000em;
	margin-top: 60px;
	border: none;
	display: block;
	margin-bottom: 10px;
}


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Image-replacement for leftnav
-------------------------------------------------------------- */

div.leftnav ul.leftnav {
	list-style: none;
	margin: 0;
}

div.leftnav a.default, div.leftnav a.biography, div.leftnav a.gallery, div.leftnav a.exhibitions, div.leftnav a.commissions, div.leftnav a.workshops, div.leftnav a.psychotherapy, div.leftnav a.teaching, div.leftnav a.contact {
	display: block;
	text-indent: -5000em;
	height: 28px;
}

div.leftnav a.default {
	background: transparent url('../images/nav_home.gif') no-repeat top left;
	width: 45px;
}

div.leftnav a.biography {
	background: transparent url('../images/nav_biography.gif') no-repeat top left;
	width: 80px;
}

div.leftnav a.gallery {
	background: transparent url('../images/nav_gallery.gif') no-repeat top left;
	width: 51px;
}

div.leftnav a.exhibitions {
	background: transparent url('../images/nav_exhibitions.gif') no-repeat top left;
	width: 85px;
}

div.leftnav a.commissions {
	background: transparent url('../images/nav_commissions.gif') no-repeat top left;
	width: 106px;
}

div.leftnav a.workshops {
	background: transparent url('../images/nav_workshops.gif') no-repeat top left;
	width: 100px;
}

div.leftnav a.psychotherapy {
	background: transparent url('../images/nav_psychotherapy.gif') no-repeat top left;
	width: 146px;
}

div.leftnav a.teaching {
	background: transparent url('../images/nav_teaching.gif') no-repeat top left;
	width: 68px;
}

div.leftnav a.contact {
	background: transparent url('../images/nav_contact.gif') no-repeat top left;
	width: 61px;
}

/* section nav active links */

.default div.leftnav a.default {
	background: transparent url('../images/nav_home_on.gif') no-repeat top left;
	width: 52px;
}

.biography div.leftnav a.biography {
	background: transparent url('../images/nav_biography_on.gif') no-repeat top left;
	width: 92px;
}

.gallery div.leftnav a.gallery {
	background: transparent url('../images/nav_gallery_on.gif') no-repeat top left;
	width: 62px;
}

.exhibitions div.leftnav a.exhibitions {
	background: transparent url('../images/nav_exhibitions_on.gif') no-repeat top left;
	width: 100px;
}

.commissions div.leftnav a.commissions {
	background: transparent url('../images/nav_commissions_on.gif') no-repeat top left;
	width: 120px;
}

.workshops div.leftnav a.workshops {
	background: transparent url('../images/nav_workshops_on.gif') no-repeat top left;
	width: 100px;
}

.psychotherapy div.leftnav a.psychotherapy {
	background: transparent url('../images/nav_psychotherapy_on.gif') no-repeat top left;
	width: 167px;
}

.teaching div.leftnav a.teaching {
	background: transparent url('../images/nav_teaching_on.gif') no-repeat top left;
	width: 79px;
}

.contact div.leftnav a.contact {
	background: transparent url('../images/nav_contact_on.gif') no-repeat top left;
	width: 70px;
}


/* set up the grid (750/115*6/12) */
.container {width:750px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {float:left;margin-right: 12px;}

div.last {margin-right:0;}
.span-1  { width: 115px;}
.span-2  { width: 242px;}
.span-3  { width: 369px;}
.span-4  { width: 496px;}
.span-5  { width: 623px;}
.span-6, div.span-6 { width: 750px; margin: 0; }

.append-1  { padding-right: 127px;}
.append-2  { padding-right: 254px;}
.append-3  { padding-right: 381px;}
.append-4  { padding-right: 508px;}
.append-5  { padding-right: 635px;}

.prepend-1  { padding-left: 127px;}
.prepend-2  { padding-left: 254px;}
.prepend-3  { padding-left: 381px;}
.prepend-4  { padding-left: 508px;}
.prepend-5  { padding-left: 635px;}

div.border{padding-right:5px;margin-right:6px;border-right:1px solid #eee;}
div.colborder { padding-right:110px;margin-right:109px;border-right:1px solid #eee;}
.pull-1 { margin-left: -127px;}
.pull-2 { margin-left: -254px;}
.pull-3 { margin-left: -381px;}
.pull-4 { margin-left: -508px;}
.pull-5 { margin-left: -635px;}
.pull-6 { margin-left: -762px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {float:left;position:relative;}

.push-1 { margin: 0 -127px 1.5em 127px;}
.push-2 { margin: 0 -254px 1.5em 254px;}
.push-3 { margin: 0 -381px 1.5em 381px;}
.push-4 { margin: 0 -508px 1.5em 508px;}
.push-5 { margin: 0 -635px 1.5em 635px;}
.push-6 { margin: 0 -762px 1.5em 762px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

div.header {
	border-bottom: 1px solid #e0e0e0;
}

div.topnav {
	text-align: right;
	padding: 10px 0;
}

div.content {
	margin-top: 7px;
}

div.footer {
	border-top: 1px solid #e0e0e0;
	margin-top: 90px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 75%;
}

/* gallery images */

a.galleryimg {
	float: left;
	border: none;
	margin-left: 9px;
	padding-bottom: 12px;
}

a.galleryimg img {
	margin: 0px;
	padding: 0;
}