/* request_sc:regular*/
/* Last-Modified: Sat, 1 Jan 2000 10:00:30 GMT [ver: ] */
/* Current-Time:Mon, 26 Oct 2026 13:58:02 -0500*/
/* NOT Pulled From Cache */
/*Euro - change font size of text for workshop info - BR - 10/1/16*/
.faso-workshop-section-info {font-size:18px;}


/*Change font size for purchasing pages */
.faso-worksdetail-data-medium, .faso-worksdetail-data-size, .faso-worksdetail-data-retailprice, .faso-worksdetail-data-availability {
    font-size:18px;
}


/*Change font size for purchasing pages in 'zoom' mode, a default placed by FASO */
.faso-workszoom-data-medium, .faso-workszoom-data-size, .faso-workszoom-data-retailprice, .faso-workszoom-data-availablilty {
    font-size:18px;
}


/* Change the font size of the navigation bar under the photos for each piece of art */
[title=Next Artwork] {
    font-size:18px;
}


.faso-main-data-mainpagetext {font-family: Times New Roman;}

/*Euro - Navigation Bar categories - change font size -mr-7/2/16*/
.faso-nav ul li a {font-size:17px;} 

/*Euro - add space between nav categories-mr-7/2/16*/
.faso-header {letter-spacing: 3px;}


/*
* Change opacity of home page image so as to assist with JQuery animation.
*/
.faso-main-image-mainpagepicture {
    opacity: 0;
    width: 2000px;
}


/*
* Change opacity of Image1 in About page to zero. This is done for the JQuery Animation.
*/
.faso-about-image-biopicture1 {
    opacity: 0;
}

/*
* Change opacity of About Page Body to zero. This is done for the JQuery Animation.
*/
#aboutPageBody {
    opacity: 0;
}

/*
* Change opacity of About Page Header to zero. For JQuery Animation.
*/
.faso-about-data-bioheading {
    opacity: 0;
}

/*
* Change opacity of Image2 in About Page to zero. This is done for the JQuery Animation.
*/
.faso-about-image-biopicture2 {
    opacity: 0;
}

/*
* Caption for the image displayed at the home page.
*/
#headerCaption {
   text-align: center;
   color: ##8c8c8c;
   font-size: 20px;
   font-style: italic;
   font-family: "Copper Plate Gothic Light", "Times", "Garamond";
}

/*
* header Caption horizontal Line manipulation to make a horizontal line go through the text
*/
#headerCaptionTwo {
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #000;
   line-height: 0.1em;
   margin: 10px 0 20px;
}

/*
* the actual span for the header caption that contains the text.
*/
#spanForHeaderCaption {
   background: #E1EDF3;
   padding: 0 10px;
{

/*
* Caption for Image2 in About Page.
*/
#AbouPageImageTwoDescriptor {
   opacity: 0;
   text-align: center;
   font-style: italic;
   font-size: 14px;
}

/*
* Change the image preferences for "65 for 65", an image icon for the home page.
*/
#sixtyfiveImage {
   position: relative;
   width: 231px;
   height: 185px;
}

/*
* Change the image preferences for "Mosaic", an image icon for the home page.
*/
#mosaicsImage {
   position: relative;
   width: 231px;
   height: 185px;
}

/*
* Change the image preferences for "Recent Works", an image icon for the home page.
*/
#recentWorksImage {

   width: 231px;
   height: 185px;
}

/*
* Adjust the container that bears the categories "Mosaic", "65 for 65", and "Recent Works" for page formatting.
*/
#headerContainer {
   position: static;
   top: 50px;
   width: 750px;
   height: 500px;
}

/*
* Change the font of the Navigation bar.
*/
.navlink {
   font-family: "Copper Plate Gothic Light", "Times", "Garamond";
}

/*
* Change the positioning and look of Curly Underline on bottom of Home Page.
*/
#curlyBrace {
   align: center;
}

/*
* Adjust recent work images to appear right next to each other in order.
*/
div.recentWorkImages {
   float: left;
   width: 100px;
   margin: 5px;
}

/*
* Adjust the images for the recent work images section so that they fill the div container accordingly.
*/
div.recentWorkImages img {
   width: 100%;
   height: auto;
}