html
{
font-size: 100.01%;
}
/* RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, img, object
{
margin: 0;
padding: 0;
border-width: 0;
}
body
{
background-color: #dedcd0;
font-size: 62.5%;
text-align: left;
font-family: Arial, sans-serif;
}
/* IDs */
#container
{
width: 960px;
margin: 16px auto 0px auto;
font-size: 1.3em;
line-height: 1.3;
background-color: #c5dbf2;
display: grid;
grid-template-columns: 320px 1fr;
}
#side
{
grid-row: 1;
grid-column: 1;
}
#logo, #sidecontent, #nav, #sidecontent2
{
padding-left: 32px;
padding-right: 24px;
}
#logo
{
background-color: #dedcd0;
padding-top: 16px;
}
#sidecontent
{
background-color: #dedcd0;
padding-top: 24px;
padding-bottom: 24px;
}
/* Release pages (CD detail pages) use tighter sidebar padding so the cover-thumbnail table fits cleanly */
.release-page #sidecontent
{
padding-bottom: 10px;
padding-left: 15px;
}
#sidecontent2
{
background-color: #c5dbf2;
padding-top: 24px;
padding-bottom: 24px;
}
#nav
{
background-color: #c5dbf2;
text-align: right;
padding-top: 16px;
padding-bottom: 32px;
}
#nav li
{
font-size: 1.8em;
}
#main
{
background-color: #f2eab9;
padding: 16px 40px 64px 16px;
box-sizing: border-box;
grid-row: 1;
grid-column: 2;
}
#footer
{
background-color: #dedcd0;
padding-left: 32px;
padding-top: 16px;
padding-bottom: 32px;
grid-row: 2;
grid-column: 1 / -1;
}
/* HTML TAGS */
div
{
}
/* @group Headings */
/* HEADINGS */
h1, h2, h3, h4
{
}
h1
{
font-size: 2.8em;
text-align: right;
}
h2
{
font-size: 1.2em;
}
h3
{
font-size: 1.5em;
padding-bottom: 4px;
}
h4
{
font-size: 1.8em;
}
h5, h6
{
}
h5
{
font-size: 1.6em;
}
h6
{
font-size: 1.6em;
}
p
{
color: #333333;
padding-top: 2px;
padding-bottom: 8px;
}
/* @group List styles */
ul
{
list-style-type: none;
}
li
{
line-height: 1.4;
color: #333333;
}
#nav ul
{
}
#nav li
{
}
ul.concertlist
{
}
ul.concertlist li
{
}
dl
{
list-style-type: none;
padding-top: 0px;
padding-bottom: 8px;
}
dt
{
}
dd
{
}
.homeitem
{
padding-top: 24px;
clear: both;
}
.cover
{
float: left;
}
.releaseinfo
{
float: left;
padding-left: 24px;
}
p.title
{
padding-top: 0;
padding-bottom: 2px;
font-size: 1.6em;
}
p.band
{
padding-top: 0;
padding-bottom: 2px;
font-size: 1.4em;
}
p.price
{
padding-bottom: 2px;
font-size: 15px;
font-weight: bold;
padding-top: 8px;
}
#discoglist
{
padding-top: 16px;
}
/* LINKS */
a
{
text-decoration: none;
padding-top: 0px;
}
a:link
{
color: black;
}
/* Underline body-text links so they're visible against the yellow #main background */
#main a,
#main a:link,
#main a:visited
{
text-decoration: underline;
}
/* Image links inside #main (clickable cover thumbnails on the homepage etc.) stay clean */
#main a:has(img)
{
text-decoration: none;
}
/* Cart links and MP3 sample links can appear in either #main or #nav — underline them wherever */
a[href*="aitsafe.com/cf/add"],
a[href*="aitsafe.com/cf/review"],
a[href$=".mp3"]
{
text-decoration: underline;
}
a:visited
{
color: black;
}
a:hover
{
color: #666;
border-bottom: 0px solid #ee0000;
}
a:active
{
color: #ff0000;
border-bottom: 0px none #ee0000;
}
/*prevent unwanted link behaviour on images*/
a.img
{
background-color: transparent;
border-style: none;
}
/* @end */
blockquote
{
color: #333333;
padding: 0px 0px 8px 8px;
margin-right: 16px;
margin-left: 16px;
font-style: italic;
}
cite
{
display: block;
text-align: right;
font-style: italic;
}
strong
{
font-weight: bold;
}
/* CLASSES */
.floatleft
{
float: left;
margin-right: 12px;
}
.floatright
{
float: right;
margin-left: 12px;
}
.clear
{
clear: both;
}
.centre
{
text-align: center;
}
.bold
{
font-weight: bold;
}
.bigger
{
font-size: 120%;
}
.xl
{
font-size: 300%;
}
.smaller
{
font-size: 90%;
}
.italic
{
font-style: italic;
}
.emboss
{
text-shadow: 1px 1px 1px #888;
}
.alignright
{
float: right;
display: inline;
}
.textalignright
{
text-align:right;
font-size: 10px;
}
/* Legacy text styling — replaces deprecated tags */
.small { font-size: 1em; font-family: Arial, sans-serif; }
.tinytext { font-size: 0.9em; font-family: Arial, sans-serif; }
.nav-arrow-text { color: #000; font-size: 1.2em; font-family: Arial, sans-serif; }
.nav-arrow-text a, .nav-arrow-text a:link, .nav-arrow-text a:visited { color: #000; }
.nav-arrow-text a:hover { color: #666; }
/* Cover thumbnails — lock to a uniform 100×103 so every release shows the same size. */
.release-page #side table[width="300"] td:nth-child(2) img,
.release-page #main table[width="100"] img,
.release-page #main > img[src$=".jpg"][width="100"],
.release-page #main > img[src$=".png"][width="100"] {
width: 100px !important;
height: 103px !important;
object-fit: cover !important;
object-position: center !important;
}
/* Unify the main-column cover-thumb table height to 126 (matching ramboy 31-42, which
already aligned correctly). Older pages (1-30) had this attribute as 112 or 122,
which made their image vertical-center at a slightly different offset within the
cell. Forcing 126 everywhere makes the alignment identical to 31-42, including the
~12px whitespace below the image before the personnel text. */
.release-page #main > table[width="100"] {
height: 126px !important;
}
/* Standardize text-as-PNG display sizes —
- Use max-height as the target size (label/title/artist hierarchy)
- Cap max-width to the sidebar's usable content area (~290px) so long names auto-shrink to fit
- Both width and height auto so aspect ratio is preserved (no warping)
- Overrides legacy inline width="..."/height="..." attributes via CSS specificity */
.release-page #side img[src$="label.png"],
.release-page #side img[src$="labelA.png"],
.release-page #side img[src$="labelB.png"],
.release-page #side img[src$="labelC.png"],
.release-page #side img[src$="subtitle.png"] {
max-height: 20px;
max-width: 290px;
height: auto;
width: auto;
}
.release-page #side img[src$="artists.png"] {
max-height: 36px;
max-width: 290px;
height: auto;
width: auto;
margin: 0 0 6px 0;
}
.release-page #side img[src$="title.png"],
.release-page #side img[src$="titleA.png"],
.release-page #side img[src$="titleB.png"],
.release-page #side img[src$="titleC.png"] {
max-height: 28px;
max-width: 290px;
height: auto;
width: auto;
}
/* Utility-page banners — capped to #main content width (~540px) and 36px tall */
#main > img[src$="/new.png"],
#main > img[src$="/old.png"],
#main > img[src$="/discography.png"],
#main > img[src$="/dates.png"],
#main > img[src$="/bio.png"],
#main > img[src$="/photos.png"],
#main > img[src$="/reviews.png"],
#main > img[src$="/links.png"] {
max-height: 36px;
max-width: 540px;
height: auto;
width: auto;
}