/* ================================================================================= */
/* JillsArtPage : all pages */


/* --------------------------------------------------------------------------------- */
/* Global styles */

body{margin:0px 0px 0px 0px;font-family:century gothic, trebuchet ms, arial, helvetica, sans-serif;background-color:white;color:black}
/* NOT: tahoma; verdanax,  after trebuchet ms if used */
/* TODO: Eliminate different TL page DIV and palce here as JillsArtPage */

/* --------------------------------------------------------------------------------- */
/* Page sections */

.PageHeader{width:550px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;text-align:center} 
/* Intevening section is one of: ThumbGrid CatalogEntry InfoContent */ 
.PageFooter{width:550px;margin-top:40px;margin-left:auto;margin-right:auto;margin-bottom:0px;text-align:center}


/* --------------------------------------------------------------------------------- */
/* Links */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Defalut (text) link styles:  */
/* These are overriden in most cases, but are here to cover errors to some extent by eliminating the default pruple/blue behavior. */
/* They also serve to cover general text (InfoText, BlogText) cases, so that these do not need their own link styles, though in several cases the color needs to be chaged. */

a, a:link, a:visited{text-decoration:none;color:black}
a:hover{text-decoration:underline;color:black} 
a:active{text-decoration:none;color:black}
/* TODO: General way of drawing attention to links in text; spacing? */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* E-mail link  */

a.EMailLink{text-decoration:none;border:solid 0px white;color:black}
a.EMailLink:link{text-decoration:none;border:solid 0px white;color:black}
a.EMailLink:active{text-decoration:none;border:solid 0px white;color:black}
a.EMailLink:visited{text-decoration:none;border:solid 0px white;color:black}
a.EMailLink:hover{border:dashed 0px Silver;text-decoration:underline}
/* TODO: Needed? */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* External link  */
/* TODO: Needed? */


/* --------------------------------------------------------------------------------- */
/* Menus */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Primary (site) menu */

.MenuSite{width:550px;text-align:center;margin-top:10px;margin-left:auto;margin-right:auto;text-transform:lowercase}
.MenuSiteEntry{font-size:12px;line-height:12px;color:silver;letter-spacing:1px}
a.MenuSiteEntry, a.MenuSiteEntry:link, a.MenuSiteEntry:visited{text-decoration:none;color:silver}
a.MenuSiteEntry:hover{color:gray}
a.MenuSiteEntry:active{text-decoration:none;color:silver} /* TODO: black feedback better, but it sticks */
.MenuSiteEntrySelected{font-size:12px;line-height:12px;color:silver;text-decoration:underline;letter-spacing:1px}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Secondary (page) menu */

.MenuPage{text-align:center;margin-top:0px;margin-left:auto;margin-right:auto;text-transform:lowercase}
.MenuPageEntry{font-size:10px;line-height:10px;color:silver;letter-spacing:1.5px}
a.MenuPageEntry, a.MenuPageEntry:link, a.MenuPageEntry:visited{text-decoration:none;color:silver}
a.MenuPageEntry:hover{color:gray}
a.MenuPageEntry:active{text-decoration:none;color:silver} /* TODO: black feedback better, but it sticks */
.MenuPageEntrySelected{font-size:10px;line-height:10px;color:silver;text-decoration:underline;letter-spacing:1.5px}

.MenuPageEntryView{font-size:10px;line-height:10px;color:silver;letter-spacing:1.5px}
a.MenuPageEntryView, a.MenuPageEntry:link, a.MenuPageEntryView:visited{text-decoration:none;color:silver}
a.MenuPageEntryView:hover{color:gray}
a.MenuPageEntryView:active{text-decoration:none;color:silver} /* TODO: black feedback better, but it sticks */
.MenuPageEntryViewSelected{font-size:10px;line-height:10px;color:silver;text-decoration:underline;letter-spacing:1.5px}




/* --------------------------------------------------------------------------------- */
/* Page elements */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Page description (in PageHeader) */

.PageDescription{font-size:10px;text-transform:uppercase;margin-top:30px;letter-spacing:1px;color:#999999;text-align:justify}
.PageDescription a, .PageDescription a:link, .PageDescription a:visited{color:#999999}
.PageDescription a:hover{color:gray;text-decoration:underline}
.PageDescription a:active{color:#999999} /* TODO: black feedback better, but it sticks */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Copyright  (in PageFooter) */

.Copyright{font-size:10px;font-style:italic;letter-spacing:3px;color:gray}
.Copyright a, .Copyright a:link, .Copyright a:visited{color:gray}
.Copyright a:hover{color:black;text-decoration:none}
.Copyright a:active{color:gray} /* TODO: black feedback better, but it sticks */




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HERE */

.StoreTitle{font-size:12px;text-transform:uppercase;margin-top:0px;letter-spacing:1px;color:gray;text-align:justify}
.StoreTitle a, .StoreTitle a:link, .StoreTitle a:visited{color:gray;text-decoration:none}
.StoreTitle a:hover{color:black;text-decoration:none} /* NOTE: differs from others */
.StoreTitle a:active{color:gray;text-decoration:none} /* TODO: black feedback better, but it sticks */


.ErrorTitle{font-size:12px;text-transform:uppercase;margin-top:0px;letter-spacing:6px;color:red;text-align:center}
.ErrorInfo{text-align:left;color:gray;margin-left:30px;margin-right:30px;font-family:courier new, courier, monospace}


img.BannerBarLarge{filter:alpha(opacity=100)}
img.BannerTitleLarge{filter:alpha(opacity=70)}
img.BannerBarLargeFaded{filter:alpha(opacity=90)}

.ArtThumb{border:0px;margin:3px} /* WARNING: Margin fixed in 2w and 2h thumbnail dimensions */
.SectionThumb{border:0px;margin-top:3px} /* WARNING: Margin fixed in 2w and 2h thumbnail dimensions */
.ScrapThumb{border:0px;margin:3px} /* WARNING: Margin fixed in 2w and 2h thumbnail dimensions */
img.ScrapThumb{filter:alpha(opacity=80)}
.BlogArchiveThumb{border:0px;margin:0px} /* WARNING: Margin fixed in 2w and 2h thumbnail dimensions */
img.BlogArchiveThumb{filter:alpha(opacity=90)}

/* BUG: This seems to have no effect, unlike the identical ArtThumb? */
.SectionThumbDescription{width:550px;font-size:10px;text-transform:uppercase;margin-top:20px;margin-left:auto;margin-right:auto;letter-spacing:1px;color:#999999;text-align:justify}
.SectionThumbDescription a, .SectionThumbDescription a:link, .SectionThumbDescription a:visited{color:#999999}
.SectionThumbDescription a:hover{color:gray;text-decoration:underline}
.SectionThumbDescription a:active{color:#999999} /* TODO: black feedback better, but it sticks */



/* SectionIndex: (Section) Index Pages */
.IndexPage{margin:30px 30px 30px 30px;text-align:center;}
.ThumbGrid{margin-top:27px} /* WARNING: 27 instead of 30 as rest to eat ArtThumb/SectionThumb margin */
/* NOTE: ThumbGrid flows and is not fixed width like other pages */


.CatalogIndexCaption{text-align:center;vertical-align:top;margin:-10px 0px 10px 0px;}  
.CatalogIndexTitle{font-size:12px;font-weight:normal;margin:0px 0px 0px 0px;letter-spacing:0.5px}
.CatalogIndexTitleNone{font-size:12px;font-weight:normal;margin:0px 0px 0px 0px;color:silver}
.CatalogIndexDetails{font-size:10px;font-style:italic;color:gray}
.CatalogIndexInfo{font-size:10px;margin:5px 0px 0px 0px}



/* WorkDetail: Catalog Pages */
.CatalogPage{margin:30px 30px 30px 30px;text-align:center}
.CatalogEntry{width:550px;margin-top:30px;margin-left:auto;margin-right:auto}  
.CatalogCaption{width:550px;margin-left:auto;margin-right:auto;text-align:center}  

.CatalogTitle{font-size:12px;font-weight:normal;margin:12px 0px 0px 0px;letter-spacing:2px}
.CatalogTitleNone{font-size:12px;font-weight:normal;margin:12px 0px 0px 0px;color:silver}
.CatalogDetails{font-size:10px;font-style:italic;color:gray}
.CatalogInfo{font-size:10px;margin:10px 0px 0px 0px;text-align:justify;color:gray}
.CatalogInfo a, .CatalogInfo a:link, .CatalogInfo a:visited, .CatalogInfo a:hover, .CatalogInfo a:active{color:gray} /* Overrides global a color (black) */


/* Info: Information pages */
.InfoPage{margin:30px 30px 30px 30px;text-align:center}
.InfoContent{width:550px;margin-left:auto;margin-top:30px;margin-right:auto}
.InfoText{font-size:12px;text-align:justify}
/* TBD: Headign styles: look at blog and make general Info styles? */

/* (also an InfoPage) TBD: Eliminate BlogText? NO! */
.BlogContent{width:550px;margin-left:auto;margin-top:10px;margin-right:auto} /* Not 30 like others; here, this plus BlogDate top = 30 */
.BlogText{font-size:12px;text-align:justify}

.BlogPost{border-bottom:dotted 1px #EEEEEE;margin-top:0px;margin-bottom:12px;page-break-after:auto;page-break-inside:avoid} /* Bounds the complete post */

/* Elements of the blog post */ 
.BlogDate{font-size:10px;text-align:left;color:silver;text-transform:uppercase;letter-spacing:1px;color:#999999;margin-top:20px;margin-bottom:10px}
.BlogPostTitle{font-size:12px;text-transform:uppercase;margin-top:0px;letter-spacing:1px;color:gray;text-align:justify}
.BlogPostTitle a, .BlogPostTitle a:link, .BlogPostTitle a:visited{color:gray;text-decoration:none}
.BlogPostTitle a:hover{color:black;text-decoration:none}
.BlogPostTitle a:active{color:gray;text-decoration:none} /* TODO: black feedback better, but it sticks */
.BlogPostInfo{font-size:9px;text-align:left;color:silver;text-transform:uppercase;letter-spacing:1px;color:silver}

.BlogPost blockquote{text-align:justify;color:#333333;margin-left:30px;margin-right:30px}


/* Info: Information pages */
.AdminPage{margin:30px 30px 30px 30px;text-align:center}
.AdminContent{width:550px;margin-left:auto;margin-top:30px;margin-right:auto}
.AdminText{font-size:12px;text-align:justify}






/* ================================================================================= */
/* Debug an admin styles */


/* --------------------------------------------------------------------------------- */
/* For editing; local only */ 
/* BUG: Only work in IE */
.ControlGrid{margin:10px 10px 10px 10px;text-align:left}

.CatalogEditControl{font-size:12px;color:black;border:solid 0px white;font-family:trebuchet ms, verdana, sans-serif;margin:0px 0px 0px 0px}
.CatalogEditLabel{font-size:9px;color:gray;border:solid 0px white;font-family:trebuchet ms, verdana, sans-serif;margin:0px 0px 0px 0px}
.CatalogEdit{font-size:12px;color:black;border:solid 1px black;font-family:trebuchet ms, verdana, sans-serif;margin:0px 0px 0px 0px}
.CatalogEditError{font-size:12px;color:black;border:solid 1px red;font-family:trebuchet ms, verdana, sans-serif;margin:0px 0px 0px 0px}
.CatalogEditDisabled{font-size:12px;border:solid 1px white;font-family:trebuchet ms, verdana, sans-serif;margin:0px 0px 0px 0px}
.CatalogWarningLabel{font-size:12px;color:red;border:solid 1px white;font-family:trebuchet ms, verdana, sans-serif;margin:0px 0px 0px 0px}


/* --------------------------------------------------------------------------------- */
/* Debug styles */

.DebugText{font-size:9px;line-height:10px;color:silver}
.DebugText a, .DebugTextSelected a:link, .DebugTextSelected a:visited{text-decoration:none;color:silver}
.DebugText a:hover{text-decoration:none;color:silver} 
.DebugText a:active{text-decoration:none;color:silver}
.DebugTextSelected{font-size:9px;line-height:10px;color:silver;text-decoration:none}






/* a.MenuSiteEntry{text-decoration:none;color:silver} */
/* a.MenuSiteEntry:link{text-decoration:none;color:silver} */
/* a.MenuSiteEntry:visited{text-decoration:none;color:silver} */

/*a.ArtThumb{border:solid 0px white}
a.ArtThumb:link{border:solid 0px white}
a.ArtThumb:active{border:solid 0px white} 
a.ArtThumb:visited{border:solid 0px white}
a.ArtThumb:hover{border:solid 0px silver}*/