/*
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-image:url(../images/sml_stripe.jpg);
font-size: 100.1%;/*for styleing with em's*/
}


#wrapper {
font-family:"Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
width:60em;
margin-left:auto;
margin-right:auto;
padding-left:0em;
padding-right:1em;
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:2.5em;
margin-top:1.4em;
font-size:1.8em;
color:#000000;
padding-bottom:0em;
padding-top:.2em;
}

/*the h2 is only used on the About page*/
h2{
margin-left:2.5em;
margin-top:1.5em;
font-size:1.8em;
color:#000000;
padding-bottom:0em;
padding-top:.2em;
}

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

/*h4 is used for titles that need more alignment to the left, the look inside page and the purchase page*/

h4{
margin-left:4.6em;
margin-top:1em;
margin-bottom:1em;
font-size:1.8em;
color:#000000;
padding-bottom:0em;
padding-top:.2em;
}

h6{
margin-left:2.1em;
margin-top:1.4em;
margin-bottom:0em;

font-size:1.8em;
color:#000000;
padding-bottom:0em;
padding-top:.2em;
}


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


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


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



p.alignleft{
text-align:left;
}


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:6.4em;
color:grey
}

* im of web design page for screenshots */

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






img.book{  /*336x394 pixels times .65*/
width: 13.65em;  /*336 divided by 16, times .65 equals 13.65 em*/
height: 16em;
float:left;
}


img.portrait{  /*428 x 657*/
width: 17.38em;  
height: 26.7em;
float:left;
}

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_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 img.rightarrow{
height:1.5em; 
width:1.5em;
margin-left:0em;


}

table.slideshowviewer img.leftarrow{
height:1.5em; 
width:1.5em;
margin-left:0em;


}

table.slideshowviewer{
height: 23em;
width: 46em;
margin-left:4.4em;
margin-top:0em;
}

table.slideshowviewer img{
height:21; 
width:44.4em;
}


td p{  /* moves where the arrows sit on the web page for the slideshow */
margin-left:1em;
margin-right:1em;

}





#menu {
width:60em;
margin-left:3.2em;
margin-right:auto;
margin-top:3em;
padding-top:.7em;
padding-bottom:.5em;
}

#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 : 1.1em;
font-weight: 700;
color : black;
padding:.7em;
}

#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;
}


a.button {
    line-height: 180%;
    padding: 2px;
    border : gray outset 2px ;
    text-decoration: none;     /* no underline */
}
a.button:link {
    color : #000 ;
    background-color : #ccc ;
}
a.button:visited {
    color : #000 ;
    background-color : #ccc ;
}
a.button:active {
    border : gray inset 2px ;
}
a.button:hover {
    color : #fff ;
    background-color : #ccc ;
}