/* CSS Document */
/*these rules are used in the temp-art-aff and associated files*/
body {position: absolute; color: #000000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; 
}
#affpg {position: relative; margin: 0px auto 0px auto; width: 765px; height: auto; background-color:#FFFFFF; border: 3px #000000 double; padding: 3px;
}
#header, #footer, #nav{width: 750px; height: auto; margin-top: 0px; margin-left: 0px; position: relative; text-align: center;
}
#affinfo {width: 750px; padding: 20px; margin-right: 0px; margin-top:0px; 
}
#rtadscol {width: 180px; height: auto; float: right; margin-right: 0px; margin-top: 0px; text-align: center; 
}
/*this didn't work??? so I removed the brackets.
#header background-image:url(images/logo-template-artistry-dec08-pgtop-bkgd4.gif); background-position:left; background-repeat:repeat-x; 
 */
#footer {margin-bottom: 0px; border-top: 2px groove; border: 2px 0px  #C9ADC1; clear: both; height: auto; text-align: center;
}
.mod, #mod {font-style: italic; font-size: x-small;
}
#copy {font-size: small;
}
.linkcode{clear: both; font-family:"Courier New", Courier, mono; font-size:12px; margin-left: 175px; width: 350px; height: 75px; padding: 25px; overflow: scroll;
}
.note {position: relative; width: 742px; height:auto; background-color: #FFFFCC; background-image:url(images/notes_bkgd-sliced_r3_c2.gif); background-position:left; font-family: "Courier New", Courier, mono; font-style:oblique; color:#333333; border-left-color:#FFCC00; border-left-width: 3px; border-right-color:#FFCC00; border-right-width: 3px;
}
h3.hnote {width: 740px; height: 60px; background-image:url(images/notes_bkgd-sliced_r2_c2.gif); background-position:top; background-repeat:no-repeat; padding: 50px 30px 0px 20px;  border-top-width:2px; border-top-color:#666666; margin-bottom:0px;
}
p.pnote {clear: both; width:740px; background-image:url(images/notes_bkgd-sliced_r3_c2.gif); background-repeat:repeat-y; padding: 10px 20px; 
}
p.endnote {width: 740px; height: 60px; background-image:url(images/notes_bkgd-sliced_r6_c3.gif); background-repeat:no-repeat; padding: 20px; padding-left: 400px; font-family: "Bradley Hand ITC", CommercialScript, cursive; 
}
.empink {font-size: 16px; color:#E992FE; font-weight: bold;
}
.em {font-weight: bold;
}
.it {font-style: italic;
}
.emit {font-weight: bold; font-style: italic;
}
.lt {float: left; padding: 3px; width: auto; height: auto; border: 1px silver; 
}
.rt {float: right; padding: 3px; width: auto; height: auto; border: 1px silver; 
}
h1, h2, h3, p {width: 742px; height: auto; padding-left: 5px; padding-right: 5px; 
}
a {color:#666699;
}
a:visited {color:#669999;
}
/*this rule does not center a div, rather it moves the screenshot image over to be indented to the same position as the linkcode divs; it is renamed centeraff in this stylesheet.*/
.centeraff, .indent125 {margin-left: 125px; margin-top: 15px;
}
/*outlines*/
ul.prod, ul.nav, ul.artists {height:auto; border-bottom-color:#C9ADC1; border-bottom-width: 2px; border-bottom-style: groove; border-top: 2px groove; border-color: #C9ADC1; padding: 0px 10px; 
      text-align: center; font-family: "Bradley Hand ITC", "Brush Script MT", CommercialScript, cursive; clear: both;
}
ul.demo {width: 750px; height: auto; text-align: center; padding: 2px; display: inline; list-style-type: none; clear: both;
}
ul.nav li, ul.artists li, ul.demo li{width: 125 px; height: auto;  margin: 0px 2px; text-align: center; display: inline; 
}
ul.artists {margin-left: -10px; width: 743px; padding: 5px;
}
ul.artists li  {width: 160px; 
}
span.demobkgd {background-image:url(images/Apop-flames-fireworks-80x80.gif); background-position:center; background-repeat:no-repeat; color:#660033;
}
ul.prod li {width: 170px; height:auto; border: 1px solid gray; padding: 2px; display: inline;
}
/*Code for the table in the lists Master List and Id List
*/
.chart {width: 742px; height: auto; margin: 3px auto 3px 31px; border: 2px inset grey;  
}
table{width:675px; height: auto; text-align: center; border: 2 default silver; padding-top: 2px; font-family: "Courier New", Courier, mono; font-size: 12px;
}
caption {padding: 5px; vertical-align: middle; font-size:16px; font-weight:800; text-align: center;
}
.subcaption {font-size: 14px; font-weight: 700; 
}
/*use .mod for date of last updated*/
th, td {vertical-align: middle; border: 1 line grey; height: auto; text-align: center; width: padding:5px;  
}
.product {width: 300px; 
}
.id {width: 90px;
}
img.tblthumb {width: 110px; height: auto; border: 2px outset;
}

/* rules originally at the top of the temp_art_aff page
#affpg {position: relative; margin: 0 auto; width: 750px; height: auto; 
}
.linkcode{clear: both; font-family:"Courier New", Courier, mono; font-size:12px; margin-left: 125px; width: 450px; height:30px; overflow:scroll;
}
.note {width: 750px; height:auto; background-color: #FFFFCC; background-image:url(images/notes_bkgd-sliced_r3_c2.gif); background-position:left; font-family: "Courier New", Courier, mono; font-style:oblique; color:#333333;  
}
h3.hnote {width: 750px; height: 60px; background-image:url(images/notes_bkgd-sliced_r2_c2.gif); background-position:top; background-repeat:no-repeat; padding: 50px 30px 0px 20px;  border-top-width:2px; border-top-color:#666666; margin-bottom:0px;
}
p.pnote {clear: both; width:750px; background-image:url(images/notes_bkgd-sliced_r3_c2.gif); background-repeat:repeat-y; padding: 10px 20px; border-left-color:#000000; border-left-width: 3px;
}
p.endnote {width: 750px; height: 60px; background-image:url(images/notes_bkgd-sliced_r6_c3.gif); background-repeat:no-repeat; padding: 20px; padding-left: 400px; font-family: "Bradley Hand ITC", CommercialScript, cursive; 
}
.empink {font-size: 16px; color:#E992FE; font-weight: bold;
}
.center {margin-left: 120px;
}

*/