/* ===================================================================================================== 
Dec 2014 by sylvia irving


/*BODY, STRUCTURE ======================================================================================
======================================================================================================== */

html, body {
	        margin: 5%;
			margin-top: 0;
      padding:0;
      height:100%;
      border:none;
   }



body {
	padding: 0;
	margin: 5%;
	margin-top: 0;
	width: 980;
	background: #b1b1b2;
	height: 100%;
	position:relative
	}

#wrapper { 			
width: 980px;
height: 100%; 
margin: 5%;
min-height: 100%;
padding: 0;
vertical-align: top;
background-color: #ffffff;
}


/* home / work / statement / biography / exhibitions / literature / contact */
#botnav {
	font: 14px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.10em;
	width:980px;
	height:25px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	background-color: #FFF;
	vertical-align: top;
}
#botnav a { color: #000000; text-decoration:none; }
#botnav a:visited	{color: #4b4b4b; }
#botnav a:hover {
	color: #ec425f;
	text-decoration:underline;
}

/* in page links */

#inpage a { color: #000000; text-decoration:none; }
#inpage a:visited	{color: #4b4b4b; }
#inpage a:hover {
	color: #ec425f;
	text-decoration:underline;
}

/* GENERAL FORM STYLES */

/* hidden form field for robot detection */
.special {
display: none;
}

/* color for red font */
.redfont {
color: #cc0000;
}


/*rhythmical realizations / black horizontal/ dissolving the house / hearts mouth / no place that doesnt see you / swan doubled */
#testnav {
	font: 14px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	width:250px;
	text-align: right;
	background-color: ;
	line-height: 24px;
	position:absolute;
	top:500px;
	left:420px;
	
	
/*border: 1px solid #666666;*/

}

#testnav a { color: #000000; text-decoration:none; }
#testnav a:visited	{color: #4b4b4b; }
#testnav a:hover {
	color: #ec425f;
	text-decoration:underline;
}


#testnav h1 {
	font: 20px/26px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	/*font: bold 17px Arial, Helvetica, sans-serif;*/
	color:#527907;
	display:block;
	border-bottom: 1px dotted #4b4b4b;
	text-transform: uppercase;
}

#testnav h3 {
	font: 16/20px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.11em;
	margin: 0;
	color: #666666;
	padding: 8px 0 0 0;
	margin: 0px 0 0 14px;
	font-weight: normal;
}


#secfeatured {
	font: 11px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-align: left;
	color: #666666;
	background-color: ;
	position:absolute;
	top:590px;
	left:40px;
	
}

#secfeatured-text {
	font: 11px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-align: left;
	color: #666666;
	background-color: ;
	position:absolute;
	top:610px;
	left:130px;
	
	
}

#secfeatured-header {
	font: 11px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:  0.1em;
	text-align: left;
	color: #666666;
	background-color: ;
	position:absolute;
	top:590px;
	left:130px;
	

}

/*MAIN NAVIGATION ======================================================================================
========================================================================================================  */

#header { 	/* main navigation bar */
	height:20px;
	width: 980px;
	margin:-4px 0 0 0;
	padding: 0px 0px 4px 0px; /* must keep bottom padding at least 4px, otherwise sidebar goes off page in Safari */
	font: 12px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #FFF;
}

#header ul { margin:0; padding:4px 0 0 35px; list-style:none; }
#header ul li { display:inline;}
#header ul li a {
float:left;
color:#ffffff;
height:20px;
margin:0;
/*padding:0 44px 0 0;*/
padding:0 20px 0 20px;
text-decoration:none; }
#header ul li a:hover { color:#ec425f;}






/*SUBTITLE GRAPHIC ====================================================================================
======================================================================================================== */

/* this is section is so that you can add  a "tagline" graphic if needed.  for this exhibit (tlg), this is left blank.  */
#subtitle_graphic { 			
vertical-align: bottom;
width:100%;
}
#subtitle_graphic img {padding: 20px 0 0 0;}


/*CONTENT ARTICLES ====================================================================================
======================================================================================================== */
#content {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;

}


/*CONTENT ARTICLES  ====================================================================================
========================================================================================================*/
#content_main {
	font: 13px/21px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	color:#000;
	width: 920px;
	height: 710px;
	min-height: 100%;
	margin: 0;
	padding: 16px 40px 0px 40px;
	vertical-align:top;
	background-image: url(../images/home_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #FFF;	
	
}

#content_main h1 {
	font: 20px/26px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	/*font: bold 17px Arial, Helvetica, sans-serif;*/
color:#527907;
	display:block;
	border-bottom: 1px dotted #4b4b4b;
	text-transform: uppercase;
}

#main_title {
	font: 80px/80px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	color:#acabab;
	letter-spacing: 0.09em;
	/*filter:alpha(opacity=20); opacity:.2;*/
	display:block;
	text-transform: uppercase;
	padding-left: 160px;
	padding-top: 137px;
}

#content_main a {color: #ec425f; text-decoration: none;}
#content_main a:hover {text-decoration:underline; }

#speaker {
width: 480px; height:60px;
margin: 0;
padding: 0px;
border: 0px solid #333;
background: #E5D796;
vertical-align: middle;
font-size:90%;
}


/* IMAGES ==============================================================================================
========================================================================================================  */
.shadow_l, 
.shadow_r  {
	display:block;
	font: 10px/12px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	padding: 0 0 0px 0;
  }

.shadow_l {
  float: left;
  margin: 5px 15px 10px 0 !important;
  margin: 5px 15px 10px 0;
  }

.shadow_r {
  float:right;
  margin: 5px 0 10px 25px !important;
  margin: 5px 0 10px 25px;
  }

.shadow img,
.shadow_l img,
.shadow_r img {
  display: block;
  position: relative;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  background-color: #ffffff;
  border:0;
  margin: 0;
  padding: 0 14px 14px 0;
}


/*SIDEBAR: GALLERY VIEWER ==============================================================================
======================================================================================================== */
#sidebar {
width: 340px;
height: 100%;
margin: 0;
float: right;
padding:25px 13px 0 0;
background-color:#ffffff;
}
/*#sidebar a { font: bold 14px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif; color: #red;	text-decoration: none; }
#sidebar a:hover { color: #fff;	text-decoration: none;	}
#sidebar a:visited	{ text-decoration: none;	}*/

#gallery_container { 
width: 320px; 
font-family: Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif; 
padding: 0px 0px 13px 0px; 
margin: 0; 
border: 0; 
text-align: left; 
float: right; 
background-color: #FFF 
}

#gallery_feature { 
width: 320px;

font-family: Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif; 
padding: 0px 0px 13px 0px; 
margin: 0; 
border: 0; 
text-align: left; 
float: right; 
background-color: #FFF;
vertical-align: bottom;
}

#gallery_container h3 {
	font: 16/20px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.11em;
	margin: 0;
	color: #666666;
	padding: 8px 0 0 0;
	margin: 0px 0 0 14px;
	font-weight: normal;
}



#image_gal_header { width:100%; height:30px; padding: 0;  background: #ffffff; border-bottom: 1px dotted #4b4b4b}

#image_gal_feature { width:100%; height:30px; padding: 0;  background: #ffffff; border-bottom: 1px dotted #4b4b4b}

/* home images / pastels / graphite / faces / acrylics / dresses */


#topnav {
	font: 12px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.10em;
	/*width:980px;
	height:25px;*/
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-align: middle;
	background-color: #FFF;
	vertical-align: middle;
		
}
#topnav a { color: #000000; text-decoration:none; }
#topnav a:visited	{color: #4b4b4b; }
#topnav a:hover {
	color: #ec425f;
	text-decoration:underline;
}

/* this area holds the large image */
#image_lg{
width: 280px;
margin: 10px auto 0 auto;
border: 1px solid #666666;
height: 200px;
}

/* this area holds caption */
#imageCaption {
	width: 270px;
	margin: 0 auto;
	padding: 5px;
	color: #666;
	text-align: left;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	background-color: #ffffff;
		}
#imageCaption a {
	color: #ffffff;
	text-decoration:none;
	
}
#imageCaption a:visited	{
	color: #ffffff;
}
#imageCaption a:hover {
	color: #ffffff;

}
		

/* this area holds thumbnails */
#thumb_container {
	width: 280px;
	padding: 10px 0 0 0;
	margin: auto;
	height: 100%;
}
.thumb { float: left; width: 50px; padding: 0px; margin: 2px; border: 1px solid #666666; }


#zoom {
	font-size:10px;
	font-weight: normal;
	color: #527907;
	margin: 8px 0 8px 0px;
	padding: 0px 0 0 0;
	text-align: center;
}

.hidden { display: none; }

#browsercheck { display: none; }




/* FOOTNOTE=============================================================================================
======================================================================================================== */

.superscript { letter-spacing: 1px; font-weight:bold  }




/*FOOTER  ==============================================================================================
======================================================================================================== */
#footer {
width: 90%;
font: 11px/20px Lucida Grande, Geneva, Arial, Verdana, Helvetica, sans-serif;
color: #000000;
margin: 40px 50px 25px 40px; 
padding:0 0 45px 0;

}
#footer a {color: #ec425f; text-decoration: none;}
#footer a:hover {text-decoration:underline; }