/* ================================================================================= */


.ItemTitle{font-size:12px;text-align:left;color:silver;text-transform:uppercase;letter-spacing:1px;color:#999999;margin-top:20px;margin-bottom:10px}
.ItemDescription{font-size:10px;text-align:left;color:silver;text-transform:none;letter-spacing:1px;color:#999999;margin-top:20px;margin-bottom:10px}


/* --------------------------------------------------------------------------------- */
/* 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 */


/* --------------------------------------------------------------------------------- */
/* 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. */

a, a:link, a:visited{text-decoration:none;color:black}
a:hover{text-decoration:underline;color:black} /* Overridden in menus */
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:balck}
a.EMailLink:active{text-decoration:none;border:solid 0px white;color:balck}
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}


/* --------------------------------------------------------------------------------- */
/* 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 PageHFooter) */

.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 */

.Meme{font-size:12px;letter-spacing:27px;color:black}
.Meme a, .Meme a:link, .Meme a:visited{color:black}
.Meme a:hover{color:gray;text-decoration:none}
.Meme a:active{color:gray} /* TODO: black feedback better, but it sticks */

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


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx HERE */

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

.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 */
/* BUG: This seems to have no effect, unlike the identical ArtThumb? */



/* 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 */

/* 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}

/* Info: Information pages */
.InfoPageTitle{font-size:18px;font-weight:normal;margin:12px 0px 30px 0px;letter-spacing:10px;text-transform:uppercase;color:#222222;}
.InfoPage{margin:30px 30px 30px 30px;text-align:center}

.BigInfoPageTitle{font-size:24px;font-weight:normal;margin:12px 0px 30px 0px;letter-spacing:10px;text-transform:uppercase;color:#222222;}
.BigInfoPage{margin:30px 30px 30px 30px;text-align:center}


/* 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}*/