/*----------------------------------------------------------------------------*/
/* Style Sheet for www.AllisonCrowe.co.uk main page.                          */
/*                                                                            */
/* (c) 2004 David Powell, Copying without permission prohibited.              */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* Body and Title CSS Styles                                                  */
/*----------------------------------------------------------------------------*/

body{
  font-family: Verdana, Arial, sans-serif;
  Background: url("../Images/Background.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 20px 110px;
  background-color: rgb(63,63,63);
}

div.Titlebar {
  Margin: Auto Auto 30px Auto;
  Width: 600px;
  Height: 90px;
  Position: Relative;
  Background: url("../Images/PenTitle.jpg");
}

/*----------------------------------------------------------------------------*/
/* Text CSS Styles                                                            */
/*----------------------------------------------------------------------------*/

.FirstLetter{
  Font-size: 140%;
  display: inline;
}

.InlineBold{
  font-weight: bold;
  display: inline;
}

.HalfHeight{
  Font-size: 60%;
  display: inline;
}

.ParagraphTitle{
  Font-size: 105%;
  font-weight: bold;
  margin-bottom: 0.15em;
  display: block;
}

.ParagraphSubTitle{
  font-weight: bold;
  margin-bottom: 0.4em;
  display: block;
}

.PararaphMainStyle{
  text-align: Justify;
  margin: auto auto 1em auto;
}

.NoPaddingNoMargins {
  Padding: 0px 0px 0px 0px;
  Margin: 0px 0px 0px 0px;
}

.Indent2EM{
  Padding: 0px 0px 0px 0px;
  Margin: 0px 0px 0px 2em;
}

/*----------------------------------------------------------------------------*/
/* Menu CSS Styles                                                            */
/*----------------------------------------------------------------------------*/

div.MainMenu {
  font-family: Verdana;
	color: rgb(255,255,255);
  float: left;
  clear: left;
  width: 12em;
}

a.MainMenuItem {
  display: block;
  color: rgb(255,255,255);
  text-decoration: none;
  font-size: 110%;
  border-color: rgb(200,16,16);
  border-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 0.25em;
  padding-left: 5px;
  padding-right: 15px;
  padding-top: 0.5em;
}

a.MainMenuItem:hover {
  color: rgb(63,63,63);
  background-color: rgb(255,255,255);
}


div.MainMenuItemSelected {
  font-size: 120%;
  font-weight: bold;
  border-color: rgb(200,16,16);
  border-bottom-style: double;
  border-left-style: double;
  border-width: 3px;
  padding-bottom: 0.25em;
  padding-left: 5px;
  padding-right: 15px;
  padding-top: 0.5em;
}

a.MainMenuSubItem {
  display: block;
  color: rgb(255,255,255);
  text-decoration: none;
  font-size: 80%;
  font-weight: normal;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin-left: 1em;
}

a.MainMenuSubItem:hover {
  color: rgb(63,63,63);
  background-color: rgb(255,255,255);
}

/*----------------------------------------------------------------------------*/
/* Article CSS Styles                                                         */
/*----------------------------------------------------------------------------*/

div.ArticleBox {
  border-bottom-style: Solid;
  border-width: 1px;
  border-color: rgb(200,16,16);
  color: rgb(255,255,255);
  margin-bottom: 2em;
  margin-left: 14em;
}

div.ArticleBoxFooter{
  padding-bottom: 1em;
  clear: both;
}

div.ArticleTitleBox {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: rgb(200,16,16);
  font-weight: bolder;
  font-size: 120%;
  text-align: left;
  Padding: 5px 5px 5px 5px;
  Display: block;
}

div.ArticleTitleDateBox{
  font-weight: normal;
  font-size: 70%;
  text-align: right;
  Float: Right;
  width: 210px;
  margin: 0.7em 0px 0px Auto;
  Padding: 0px 0px 0px 0px;
  display: inline;
}

div.ArticleContentBox {
  text-align: Justify;
  Padding: 15px 15px 15px 15px;
  display: block;
}

a.ArticalLink {
  color: rgb(255,255,255);
  text-decoration: underline;
}

a.ArticalLink:hover {
  text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/* Album Review CSS Styles                                                    */
/*----------------------------------------------------------------------------*/

div.AlbumReviewImageBox {
  Float: left;
  position: relative;
  left:0px;
  top:0px;
  width:250px;
  Display: block
}

div.AlbumReviewTextBox {
  position: relative;
  margin-top: 0px;
  margin-left: 267px;
  top: 0px;
  padding: 0px 0px 0px 0px;
  Display: block
}

/*----------------------------------------------------------------------------*/
/* Album Tables CSS Styles                                                    */
/*----------------------------------------------------------------------------*/

div.AlbumTableBox {
  border-left-style: Solid;
  border-bottom-style: Solid;
  border-width: 1px;
  border-color: rgb(200,16,16);
	padding: 5px 5px 5px 5px;
  Float: Left;
  clear: Left;
  position: relative;
  left:0px;
  top:0px;
  width:200px;
  Display: Block
}

td.AlbumTableTrackOnly{
  font-weight: bold;
  Font-size: 80%;
  text-align: Left;
  padding: 0px 0.5em 0.2em 0px;
}

td.AlbumTableTrack {
  font-weight: bold;
  Font-size: 80%;
  width: 100px;
  text-align: Left;
  padding: 0px 0.5em 0.2em 0px;
}

td.AlbumTableAction {
  vertical-align: top;
  Font-size: 60%;
  text-align: Center;
  padding: 0.2em 0.5em 0.2em 0.2em;
}

a.AlbumActionLink {
  font-weight: normal;
  text-align: Center;
  color: rgb(255,255,255);
  text-decoration: underline;
}

a.AlbumActionLink:hover {
  text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/* Link Tables CSS Styles                                                     */
/*----------------------------------------------------------------------------*/

td.LinkTableLink {
  width: 150px;
  text-align: Left;
  padding: 0px 0.5em 0.75em 0px;
}

td.LinkTableDetail {
  text-align: Justify;
  padding: 0px 0.5em 0.75em 0px;
}