/* Copyright (C) Vivien Hamilton 2007
 *
 * Cascading style sheet for Vivien Hamilton's website
 */
 
 /* This specifies the default style for the HTML BODY tag - basically the bulk of the site content */
 
body 
{
    background-color: #370000; 
    background-image: url(images/line1.gif);
    background-position: 0px 32px;
    background-repeat: repeat-x;
    font-family:'Verdana','Arial', 'Helvetica', 'sans-serif';
    font-size: 8pt;
    font-weight:normal;
    color:#c0c0c0;
}

/* H1 is used for main headings in the text part of the page. */
h1
{
    font-weight:bold;
    font-size: 9pt ;
}
h2
{
    font-weight:bold;
    font-size: 8pt ;
}
/* Classes for image control */
/* This class controls the positioning of the main image of Vivien, and any items associated with it (eg text) */
.vivimage
{
    float:right;
    padding: 0px 20px 20px 5px;
}

/* This class controls the size of the main image of vivien */
img.viv
{
    width: 324px;
    height: 324px;
}
  
/* This is for image thumbnails in table elements. Note that border style and behaviour is set in a.disclink img */
img.discicon
{
    width: 85px;
    height: 85px;
    /* padding: 1px 1px 1px 1px; */
}
img.inlinedisc
{
    width: 200px;
    height: 200px;
    padding: 10px 20px 20px 0px;
    float:left; 
}
img.inline
{
/*    vertical-align: text-top; */
    padding: 10px 20px 20px 0px;
    float:left; 
}
body.entry
{
    background-color: #370000; 
    font-family:'Verdana','Arial', 'Helvetica', 'sans-serif';
    font-size: 8pt;
    font-weight:normal;
    color:#c0c0c0;
}


/* This is used for the specification of the items on the menu bar */
a.entrymenuitem:link, a.entrymenuitem:visited, a.entrymenuitem:hover
{
    text-decoration: none;
    text-align: center;
    font-size: 12pt;
    font-weight:bold; 
    color:#f83085;
    width: auto;
    display: block;
    float: center;
}
a.entrymenuitem:hover
{  
    color: #ffb000;
}

/* This is used for the specification of the items on the menu bar */
a.menuitem:link, a.menuitem:visited, a.menuitem:hover
{
    text-decoration: none;
    text-align: center;
    font-size: 8pt;
    font-weight:bold; 
    color:#f83085;
    width: auto;
    display: block;
    float: left;
    margin-right: 18px;
}
a.menuitem:hover
{  
    color: #ffb000;
}

/* This class controls the appearance of links in the text */
a.textlink:link, a.textlink:visited, a.textlink:hover
{
    text-decoration: none;
    font-size: 8pt;
    font-weight:bold; 
    color:#f83085;
}
a.textlink:hover
{  
    color: #ffb000;
}

/* This class controls the appearance of links to music */
a.disclink:link img, a.disclink:visited img
{
    border: 1px solid #f83085;
}
a.disclink:hover img
{
    border: 1px solid #ffb000;
}
/* This is necessary to overcome a bug in IE6 */
a.disclink:hover
{
    color: red;
}

/* This class specifies the appearance of all textarea controls - basically for contact form */
textarea
{
    font-size: 8pt;
    font-weight: normal;
    border: 0;
}

/* This class specifies the appearance of all tables */
table
{
    font-size: 8pt;
    font-weight: normal;
    border: 0;
    padding: 10px 10px 10px 10px;
}

/* This class specifies the layout of the discs table elements on the recordings page */
td.discs
{
    padding: 10px;
    vertical-align: top;
}

/* This is the class for the main heading on the page, above the menu line */ 
.vh 
{
    font-weight:bold;
    font-size: 12pt ;
    color: #f83085; 
    letter-spacing: 3;
    word-spacing: 4;
} 
/* This controls settings for the titlebar - the menus, etc */
.titlebar
{
	padding: 0px 0px 20px 0px;
}

/* This is the text for the copyrigth and any other notices at the base of the page */
.footer
{
    text-align: center;
    font-size: 7pt;
    padding: 20px 0px 0px 0px;
}

/* This class contains everything within the page tag */
.page
{
    text-align: left;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.error
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    color: #ff0000;
}

/* This class contains all the content between the header and the footer */
.content
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    height: 440px;
    overflow: auto;
}

/* This class controls the size of the audio player icon */
.player
{
    width: 50px;
}

/* This class controls the positioning of the menu bar */
.menubar
{
    padding-top: 10px;
    padding-right: 12px;
    margin: 0px;
}

/* This is used for specifying the size of the disc thumbnail icons used on the recordings page. */
.discthumbnail
{
    padding: 5px 0px 0px 0px;
}

.plugin
{
    padding: 5px 0px 0px 0px;
    width: 85px;
    height: 25px;
    text-align: center;
}
.player
{
    padding: 5px 0px 0px 0px;
    width: 75px;
    height: 25px;
    text-align: center;
}
.discinfo
{
    padding: 2px 2px 0px 0px;
}

.buydisc
{
    padding: 2px 2px 0px 0px;
}
img.inlineAttr
{
/*    vertical-align: text-top; */
    padding: 10px 20px 0px 0px;
}
.textFloat
{
	float: left
}
.imgAttr
{
	float: left
    padding: 0px 0px 20px 0px;
}

/* Copyright (C) Vivien Hamilton 2007 */