/*
1 divided by 16 times number of pixels to get em's
*/

/*for IE the background color needs to be different, f3d7e8*/

* {
padding : 0;
margin : 0;
border : 0;
border-color : transparent;
}





body {
margin-left:auto;
margin-right:auto;
background-color:#A39EAB;/*good pink for mac only E0AACE, nice minty green aaceb7*/
font-size: 100.1%;/*for styleing with em's*/
}


#wrapper {
font-family:"Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
width:47.5em;
margin-left:0em;
margin-right:auto;
padding-left:19em;
padding-right:7em;
background-color:white;
color:black;
font-size: 0.8em;/*for styleing with em's sets parent size dont adjust here, ratio adjust in other elements*/
}


/* using h4 to style h1 until dtr is set up*/


h1{
margin-left:3.3em;
margin-top:.4em;
font-size:2em;
color:#000000;
padding-bottom:0em;
padding-top:2em;
}

h2{
margin-left:4.4em;
margin-top:.5em;
font-size:1.5em;
color:#000000;
padding-bottom:0em;
padding-top:1em;
}

/*the footer on the about page is this h3*/
h3{
margin-left:7.3em;
margin-top:.7em;
font-size:0.9em;
color:#545454;
padding-bottom:2em;
}


h4 {
font-family: "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:black; 
margin-right:7em;
margin-left:3em;
margin-top:1em;
font-size:0.75em;
padding-top:2em;
font-size: 1.5em;
}



p {
font-family: "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:black; 
margin-left:6em;
margin-top:1em;
font-size: 1.1em;
}

p.closer {"Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:black; 
margin-right:7em;
margin-left:6em;
margin-top:0.3em;
font-size: 1.1em;
}

/* this controls the font the p tage refering to the java script slide show credits */
#credits{
margin-top:0.3em;
font-size:0.48em;
margin-left:13.4em;

}

/* im of web design page for screenshots */
img.b400_316{ /*reflect 65 percent of original*/
width: 16.25em; /* replaces 400px width */
height: 12.8em; /* replaces 316px height */
}


img.b300_400{
width: 23.08em; /* replaces 300px width */
height: 30.77em; /* replaces 400px height */
}

img.b300_221{
width: 23.08em; /* replaces 300px width */
height: 17em; /* replaces 221px height */

}

img.b298_1148{
width: 18.625em; /* replaces 298px width */
height: 71.75em; /* replaces 1148px height */
}
img.b306_396{
width: 19.12em; /* replaces 306px width */
height: 24.75em; /* replaces 396px height */
}

img.b183_209{
width: 14.08em; /* replaces 183px width */
height: 16.08em; /* replaces 209px height */

}

img.b200_50{ /*reflect 70 percent of original*/
width: 21.54em; /* replaces 400px width */
height: 3.23em; /* replaces 60px height */
margin-left:5.8em;
margin-top:3em;
}

img.b200_50_80percent{ /*reflect 53 percent of original*/
width: 16.30em; /* replaces 400px width */
height: 2.45em; /* replaces 60px height */
margin-left:5.8em;
margin-top:3em;
}

img.b240_174{ 
width: 18.46em; /* replaces 240px width */
height: 13.38em; /* replaces 174px height */
margin-left:3.8em;
margin-top:3em;
}

img.b120_40{ /* bio page, painting drawing ceramics tr */
width: 9.23em; /* replaces 120px width */
height: 3.08em; /* replaces 40px height */
}

img.b150_50{ /* painting page, painting header tr */
width: 11.54em; /* replaces 150px width */
height: 3.85em; /* replaces 50px height */
margin-left:3.8em;
margin-top:3em;
}

img.right{
float:right;
text-indent:0;
margin-left:3em;
margin-right:.5em;
margin-bottom:1em;
margin-top:7.9em;
}

img.right_higher{
float:right;
text-indent:0;
margin-left:3em;
margin-top:.5em;
margin-right:.5em;
margin-bottom:1em;
}

img.right_higher_indexpage{
float:right;
text-indent:0;
margin-left:3em;
margin-top:1em;
margin-right:.5em;
margin-bottom:5em;
}


img.right_higherindesign{
float:right;
text-indent:0;
margin-left:3em;
margin-top:1em;
margin-right:.5em;
margin-bottom:1em;
}

img.right_higherindex{
float:right;
text-indent:0;
margin-left:3em;
margin-top:1em;
margin-right:.5em;
margin-bottom:1em;
}

img.right_higherabout{
float:right;
text-indent:0;
margin-left:3em;
margin-top:7.8em;
margin-right:.5em;
margin-bottom:1em;
}

table.slideshowviewer{
width: 16em; 
height: 2.4em; 
margin-left:1.7em;
margin-top:3em;
}

table.slideshowviewer img{
height:23.7em; 
width:50em;
}

table.slideshowviewer img.arrow{
height:1.7em; 
width:1.6em;
margin-left:1em;
}

td p{
margin-left:19em;
}









#menu {
width:60em;
margin-left:20.5em;
margin-right:auto;
margin-top:2em;
}

#menu ul {
list-style-type : none;
text-align : left;
}

#menu ul li {
display : inline;
width:60em;
margin-right : 1em;
}

#menu ul li a {
text-decoration : none;
font-family : "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
font-size : 0.8em;
font-weight: 700;
color : black;
padding:0.25em;
}

#menu ul li a:hover {
background-color:#A39EAB;/*light pink for mac was f3d7e8*/
color:#000000;
}

a:link {
color : #000000;
text-decoration : none;
}
a:visited {
color :#000000;
text-decoration : none;
}
a:hover {
color :#000000;
background-color:#ffffff;
text-decoration : none;

}
a:active {
color : #000000;
text-decoration : none;
}