/*-- risaclayart.css  ----*/
/*-- THIS: risaclayart_011809_new.css  --*/
/*-- Preveous: risaclayart_011109.css  --*/
/*-- Preveous: risaclayart_071208.css  --*/
/*-- Preveous: risaclayart_062408B_new.css  --*/
/*-- Preveous: risaclayart_062208B_new.css  --*/



/* <!--  Hello, working on something? Ð I'd like to hear from you. drop me a line: craigwebb@craigwebbart.com
This CSS ©2006-2009 Craig Webb Art. --> */

/*----------[ Body ]----------*/

body {
margin: 0px;
padding: 0px;
text-align: center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height: 16px;
color:#441100;
background-color: #000;
height:100%;
}

/*----------[ Page ]----------*/

#page {  
margin: 6px auto;
width: 750px;
border: 2px #B56A7D solid;
padding: 0 0px 5px 0px; 
background-color: #f7f7f7; 
}

/* This purpose of this selector is for the ghost div used to target IE hacks. This div is the ancestor of all IE hack targets. Use ieroot as a prefix in decendent selectors to target specific rules at IE. Example: To target a hack toward #anyelement --> #ieroot #anyelement { }

To target a rule for all non-IE browsers that IE will pass, use a Child combinator: body>#wrapper { } <-- IE only sees body>#ieroot as a child relationship and will skip this other rule.

See this page for an explanation: http://www.positioniseverything.net/articles/cc-plus.html
*/

#ieroot{ }

/*----------[ <a> + Common rules ]----------*/

a {	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 line-height : 14px;
	text-decoration : none;
	color : #663300; }
/*dark brown */

a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight: bold;
line-height : 14px;
text-decoration : none;
color:#441100;
}/*darker brown */

a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height : 14px;
text-decoration : underline;
color : #aa0000; }/*blood red */

a:active { color:#E6662D }/*china red */

a:visited { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
font-weight: bold;
color:#003300;
text-decoration : none;
 }/*forest green */

a.nav {
color:#441100;
font-size: 10px;
}

a.nav:hover {
color:#963300;
font-size: 10px;
}

a.award {
color:#441100;
font-size: 11px;
font-weight: normal;
text-decoration : none;
}

a.award:hover {
color:#963300;
font-size: 11px;
font-weight: normal;
text-decoration : none;
}

a.award:visited { 
color:#003300;
font-size: 11px;
font-weight: normal;
text-decoration : none;
}/*forest green */


p { margin-bottom: 6px;}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-style:italic;
margin-bottom: -10px;
color: #441100;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color: #441100;
padding-bottom: 2px;
border-bottom: 1px solid #441100;
}


/* This was renamed to h1 and therefore currently is out of use 012708 	OBSOLETE*/
/* 
h3 { font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight: bold;
color:#000000;
text-align:center;
line-height: 16px;
margin-top: 0px;
} */


/* Control codes */
* {
padding: 0;
margin: 0;
}

.clear {clear: both;
margin:0;
padding:0;
}

div.clearer {clear: left; line-height: 0; height: 0;}

.left {float: left;}

.right {float: right;}

.line-up dd { display: inline;}

.center { margin: auto }

.centeredimage {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

.centertext{
margin-left: auto;
margin-right: auto;
margin-top: 6px;
text-align:center;
}

.mcent{
margin-left: auto;
margin-right: auto;
}

.tcent{text-align:center;}
.tleft {	text-align:left;}
.trigh {	text-align:right;}

/*----------[ Header ]----------*/
#header {
width: 750px;
margin: 0 auto;
text-align: center;
height: 75px;
background-color: #f7f7f7;
}

#head-gal {
width: 750px;
margin: 0 auto;
text-align: center;
height: 75px;
background-color: #f7f7f7;
padding-bottom: 6px;
}

#logo {
width: 100px;
height: 66px;
float: left;
margin: 6px 0 0 10px;
}


/*----------[ Navigation ]----------*/
/* Top Navigation codes */


/* --NEW-- */
#navindx { 
width: 100%;
height: 21px;
line-height : 20px;
text-align: center;
margin: 0px 0px 3px 0px;
padding: 0px;
background-color: #FFF;
border-top:1px solid #99ff33;  line-height: 1px;
border-bottom:1px solid #99ff33;  line-height: 1px;
}


#navigate {
width: 550px;
margin: 6px 65px 6px 0;
text-align: center;
font-size: 12px;
line-height : 18px;
padding: 0;
float: right;
}

#topnav {
float: right;
text-align: right;
padding-top: 5px;
}

#topnav2 {
line-height : 32px;
padding: 6px 0px 0px 0px;
float: right;
width: 550px;
text-align: center;
}

#navgal { 
width: 530px;
height: 21px;
text-align: center;
margin-left:5px;
margin-top: 0px;
margin-bottom: 20px;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
border-top:1px solid #99ff33;  line-height: 1px;
border-bottom:1px solid #99ff33;  line-height: 1px;
}

.navline-up dd { display: inline;
padding: 0 30px 0 30px;
line-height : 20px;
}

#ieroot .navline-up dd{ 
line-height : 22px;
}

*html .navline-up dd{ 
line-height : 22px;
}

.gal-navline-up dd { display: inline;
padding: 0 14px 0 14px;
line-height : 20px;
}

#ieroot .gal-navline-up dd{ 
line-height : 22px;
vertical-align: bottom;
}

*html .gal-navline-up dd{ 
line-height : 22px;
vertical-align: bottom;

}




.nav-email { 
text-align: center;
line-height : 20px;
margin: 0px 0 6px 0;
}

#navigate h1 { font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight: bold;
font-style:normal;
color:#000000;
text-align:center;
margin-bottom: 6px;
}


/* Side Navigation codes */


#gallery-sidecopy { 
position: relative;
top: 0px;
left: 0px;
margin: 0 0 20px 10px;
padding: 10px 0px 0px 0px;
background: #e0d9d9;
width: 192px;
height: 5.05in;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
letter-spacing: .15em;
line-height: 16px;
color:#221100;
text-align:center;

}

div .pixbox img {margin:auto;
border:none;
}

div .piebox img {margin:auto;
border:none;
}


#pixbox { width: 92px;
margin-left : 4px;
height : 4.7675in;
float:left;
     display:inline;
     overflow:hidden;
vertical-align:bottom;
}

#piebox { width:  90px;
height : 459px;
float:left;
     display:inline;
     overflow:hidden;
}


/* set general thumbnail styles */
#pix { }

dt {margin-top: 8px;
}

img { border: none; }


/* What is this doing here?
#pie {  }
*/


/* MouseOut state (default) - hide larger pictures */

#pix a img.hid { 
width: 432px; 
height: 408px;
position: absolute; 
top: .375in; 
left: 2.55in;
visibility: hidden;
}

#pie a img.hid { 
width: 432px;
height: 408px;
position:  absolute; 
top: .375in; 
left: 2.55in;
visibility: hidden;
}

/* MouseOver state (hover) - reveal larger pictures */
#pix a:hover { background: none }
#pix a:hover img.hid { visibility: visible }
#pie a:hover { background: none }
#pie a:hover img.hid { visibility: visible }




/*----------[ Main ]----------*/

#main-content {	font-family: Verdana, Arial, Helvetica, sans-serif;
color:#221100;
font-size: 11px;
line-height: 14px;
text-align:left;
margin: 0px auto 15px auto;
padding: 15px;
width: 594px;
background-color: #FFFFFF;
}

#main-content ul li {
line-height: 18px;
margin-left:36px;
}/*added 030208*/

#main {	font-family: Verdana, Arial, Helvetica, sans-serif;
color:#221100;
font-size: 10px;
line-height: 14px;
margin-top:-5.36in;
margin-right: 0px;
margin-bottom: 10px;
margin-left:206px;
z-index: 2;
width: 5.5in;
height: 5.15625in;
background-color: #FFFFFF;
}

#content-wrap {
padding-top: 0px;
margin: 0 0 0px 0;
width: 100%;
text-align: left;
}




/*----------[ Index Photo Menu within Main Block ]----------*/

#indexmenu {text-align: center;
width: 620px;
margin: 12px auto;
background-color:#fff;
padding: 12px 27px 0 27px;
}

#indexmenu a {font-weight: normal;
font-size: 11px;}
#indexmenu a:link {font-weight: normal;
font-size: 11px;}
#indexmenu a:visited {font-weight: normal;
font-size: 11px;}
#indexmenu a:hover {font-weight: normal;
font-size: 11px;}

#indexmenu h1 { font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight: bold;
font-style:normal;
color:#000000;
text-align:center;
margin-bottom: 6px;
}




/*----------[ Specific Functions ]----------*/

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #888888;
margin-right:36px;
margin-top: 0px;
text-align: right;
}

.copytext:after {
content: "© Copyright 2008 Risa Hirsch Ehrlich.";
}

.copyright-gal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #888888;
margin-right:15px;
margin-top: -9px;
text-align: right;
}

.copyright-bio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #888888;
margin-right:59px;
margin-top: 0px;
text-align: right;
}

/* Bio + vitae */
.justblock {
text-align: justify;
line-height: 18px;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
width: 93%;
}	

.b-details {
	font-variant : small-caps;
	font-weight: bold;
	font-size: 12px;
line-height: 24px;
font-family: Verdana, Arial, Sans-Serif;
text-decoration: underline; 
color: #441100;
}	

.c-details {
	font-variant : small-caps;
	font-weight: bold;
	font-size: 14px;
line-height: 24px;
font-family: Verdana, Arial, Sans-Serif;
text-decoration: none; 
color: #441100;
}	

.job-title {
background-color: #221100;
border: solid 1px #a7a7a7;
padding: 4px 6px 4px 6px ;
color: #FBF8F4;
margin-bottom: 4px;
margin-top: 28px;
}

#map-left {
float: left;
width: 200px;
height: 200px;
margin: 0 0 0px 0;
background-color: yellow;
}

.story-right {
	float: right;
	width: 366px;
padding-left: 10px;
	margin: 0 0px 0px 0;
background-color:orange;
}

.datebox {width:300px;
margin: 6px 0 6px 12px;
padding: 9px 0 9px 36px;
background-color:#F5F1E9;
font-size:12px; 
line-height:22px;
}

/*----------[ Margins and Padding ]----------*/

.ml6 {margin-left: 6px;
}
.ml24 {margin-left: 24px;
}

.ml36 {margin-left: 36px;
}

.pl6 {padding-left: 6px;
}

/*----------[ Obsolete ]----------*/
/* REMOVED */


#gal-logo {
width: 100px;
height: 60px;
padding: 7px 0 0 25px;
}


/*----------[ Gallery Content "Header" ]----------*/
/*#content { margin-top: -60px;
margin-left: 120px;
width: 650px; 
text-align: left;
}
*/

/*----------[ =Out of use Index Photo Menu DIV elements ]----------*/

/*
.top-left { position: relative;
width: 50%;
margin-right: 50%;
top: 0px; left: 0px;
text-align: left;
}

.top-right { position: relative;
width: 50%;
margin-left: 50%;
top: -50%; right: 0px;
text-align: right;
}

.bottom-left { position: relative;
width: 50%;
margin-right: 50%;
bottom: +50%; left: 0px;
text-align: left;
}

.bottom-right { position: relative;
width: 50%;
margin-left: 50%;
bottom: +100%; right: 0px;
text-align: right;
}


.bt-center { margin: auto;
text-align: center;
}

.smlmenu { width: 315px;
height: 275px;
}


*/


/*----------[ =Break the Rules ]----------*/
/*

div #navgal hr {background-color:#99ff33; color:#99ff33; clear:both;float:none;width:100%; height:1px; border-style:none;}

/*
hr {background-color:#99ff33; color:#99ff33; clear:both;float:none;width:100%;
border-style:none;border-width:1px;}
*/

/* This is an invisible hr Ð IE seems to need it */
#navgal hr {visibility: hidden; clear:both;float:none;width:100%;
border-style:none;border-width:1px;}



hr.space {background-color:#f7f7f7; color:#f7f7f7;
height: .1em;margin: 0 0 .2em; border-style:none;}

hr.spaceb { 
background-color :#f7f7f7;color:#f7f7f7;
height: .1em;margin:0 0 .2em;border-style:none;}

hr.spacec {display: block; clear: left;
height: .1em;margin:0 0 .2em; visibility: hidden;
border:0;}

hr.spaceout {display: block; clear: left; margin: -0.66em 0;
  visibility: hidden;}
*/

/* This would be a clearing hr within a div with an assigned class "item"
div.item hr {display: block; clear: left; margin: -0.66em 0;
  visibility: hidden;}
*/
/* This is from blueprint screen
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
*/




/*----------[ =old navigate ]----------*/
/*#navigate {width: 560px;
height: 25px;
line-height : 12px;
margin-top: -10px;
margin-left:120px;
}

#l-side-gallery { margin-top: 0px;
margin-left: 15;
background: #e2e2f9;
width: 170px;
line-height : 6px;
height: 500px;
overflow: scroll;
text-align:center;
}

#leftside { font-family : Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 190px;
height: 3.75in;
line-height : 14px;
margin-left: -210px;
margin-top: 30px;
background-color: #f7f9f5;
}

.sidecopy { line-height: 14px;
padding: 0px 0px 0px 0px;
margin-left: 0px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
text-align: center;
color:#221100;
}

#landingpage { height: 5.5in;
background: white;
}

#content-left {
float: left;
width: 350px;
margin: 0 0 10px 0;
background-color: yellow;
}

#content-right {
	float: right;
	width: 380px;
	margin: 0 0 10px 0;
background-color:orange;
}

#content-wide {
	float: left;
	width: 800px;
	margin: 0;
}

#content { margin-top: -60px;
margin-left: 120px;
width: 650px; 
text-align: left;
}

*/

/*----------[ Footer ]----------*/
/*
#footer-wrap {
padding: 0;
margin: 0 0 10px 0;
float: left;
width: 100%;
text-align: center;
}

#footer {
width: 100%;
margin: auto;
padding: 5px 0;
font-size: 11px;
line-height:16px;
}

#footer-left {
float: left;
width: 200px;
margin: 0 0 10px 3pc;
background-color: yellow;
}

#footer-right {
	float: right;
	width: 480px;
	margin: 0 65px 10px 0;
background-color:orange;
}

*/

/* XS Codes from Nick's CSS */
/*
.job-title a   {
color: #efefef;
}
.job-title a:hover   {
color: #efefef;
text-decoration: none;
}
*/

/*----------[ Other ]----------*/

/*----------[ Color Chart ]----------*/
/* 003300 = forest green 
0066cc  = Royal Blue
785A3C = brownish green
441100 = darker Brown
f7f7f7 = page light grey
441100 = body font color (dark brown)
663300 = a-link (dark brown)
E6662D = a-active (china red)
003300 = a-visited (forest green )
000 = h3 (black)
124D8D = nav-wrap border-top
96BBCE = nav-wrap border-bottom
EEDDAA = float left background-color
B56A7D = Page Border

   Experimental colors
FFEEDD - light flesh tone
DDAAEE = lavendar purple
124D8D = deep blue
background: #d9d449;
background: #aad9d9;

*/

/* Nick's colors: #785A3C; color: #AC9982; */




/* <!--  Hand-coded at craigwebbart.com 
using SimpleText¨  
I'd love to hear from you. 
If you have any tips to offer 
or need help yourself, 
please tell me about it. 
(718) 932-1058 --> */