/* CSS Document */
/*This style sheet is for use with the pages(s) for the Steve Voce articles The Duke's In Bed.*/
/*<style type="text/css">*/


/*If the font size is not specified,
the default size for normal text like paragraphs,
is 16px (16px=1em).*/



body {
  	/*margin-left: 15%;*/
  	/*margin-right: 15%;*/
    /*added 20110829 based on http://www.w3schools.com/css/css_font.asp */
  	background: #00ffff;  /*this is the background for the whole page*/
  	color: black;  /* this is the text colour */
    font-family: Arial, Verdana, Helvetica, "Lucida Grande", "Trebuchet MS"  , Lucida Grande, sans-serif;
    font-size: 100%;
    font-size-adjust: 0.58;
    }

a:link {
    color: black;
    text-decoration: none;
    }

a:visited {
    color: #525252;
    text-decoration: none;
    }

a:hover, a:focus {
    color: gold;
    text-decoration: none;
    }


/* p.intro is restricted to introducing Voce*/
P.INTRO {
    background: #A8E0DF;
  	padding: 15px 95px  15px  95px;
  	/*font-size: 0.7em;*/ font-size: small;
    text-align: left;
    }

 /*p.essay is for the longer articles*/
P.ESSAY    {
    background: #B6E5E8;
    /*margin-right: 500px;*/
    /*  margin-left: 10%; margin-right: 10%;*/
    text-align: left;
    font-size: /*0.8em;*/ small;/*12px;*/
    padding: 20px 50px 20px 50px;
    }

 /*use this class for the short paragraphs*/
P.SHORT     {
    background: #C4EAEC;
    text-align: left;
    font-size: /*0.8em;*/ small;/*12px;*/
    padding: 20px 50px 20px 50px;
    }

/*use this class for the interviews*/
P.INTERVIEW {
    background: #C3EDE3;
    text-align: left;
    font-size: /*0.8em;*/ small;/*12px;*/
    padding: 20px 50px 20px 50px;
    }

/*use this class for the album reviews*/
P.REVIEW  {
    background: #C1EFEF;
    text-align: left;
    font-size: /*0.8em;*/ small;/*12px;*/
    padding: 20px 50px 20px 50px;
    }

P.OBITS {   /*use this class for the interviews*/
    background: #9DBED7;
    text-align: left;
    font-size: /*0.8em;*/ small;/*12px;*/
    padding: 20px 50px 20px 50px;
    }


P.RETURN {
    /*font-size:  1.1em;*/
    padding: 50px 15px 50px 0px;
    text-align: left;
      }

.RETURNIMG {
    margin-left: 0;  margin-right: auto;
    width:50%;}



P.WEBMASTER  {
    margin: 60px 15px 100px ;
    margin-bottom: 60px;
    text-align: right;
    font-size: /*0.7em;*/ medium;
    }


P.MISC {   /*use this class for the interviews*/
    background: #D8E6FE;
    text-align: left;
    font-size: /*0.8em;*/ small;/*12px;*/
    padding: 20px 50px 20px 50px;
    }



/*H1, H2, H3, TABLE {  */
H1, H2, H3 {
	background: #99ffff;
	width: 100%;
        }

H1 {
	font-size: 2.5em;
	color: red;
	padding: 20px 0 20px 0;
	border-style: solid;
  /*style must come before width and colour*/
	border-width: 5 2 0 2;
	border-color: blue;
	margin-top: 1em;
	margin-bottom: 0;
  }

H2 {
	font-size: 1.5em;
	padding-bottom: 20px;
	/*padding-top: 10px; */
	border-style: solid;
  /*style must come before width and colour*/
	border-width: 0 2 5 2;
	border-color: blue;
	margin-top: 0;
	margin-bottom: 1em;
  }

H3 {
	font-size: 1.5em;
	padding: 25 0 25 0;
	border-style: solid;
  /*style must come before width and colour*/
  border-width: 5 2	;
	border-color: blue;
	margin-top: 2em;
	margin-bottom: 2em;
  }


table {
  border: 0;
  background: #00ffff;
  }


table.centered {
  text-align: right;
  /*margin-left: auto;
  margin-right: auto;*/
  }


td.firstrowandcolumn {
  border-left: 3px;
  background: #6DECFF;
  text-align: left;
  width: 175px;
  }


td.disclaimers {
 	width: 30%;
	font-size: small;
  font-weight: strong;
  }

abbr {
  font-size: medium;
  }

.update {
	width: 30%;
	font-size: small;
	text-align: left;
  font-weight: strong;
  }

.stats {
	width: 10%;
	text-align: right;
  }


/* this is the code for the navbar */
ul {
  list-style-type: none;
	margin-left: 0;/*position: fixed 10px 125px;*/
  padding-left: 1px;
	text-indent: -1px;
  text-decoration: none;
   }

li {
  font-size: x-small;/*7pt ;*//* 12px;*/
  padding-bottom: 8px;
  }

li.head  {
  font-size: small ;/*12pt;*//* 16px;*/
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 2px;
  }

/*IMG*/
.BODY {
	border: 0;
	height: 100px
  }

/*IMG*/
.BLUELINE {
	display: block;
	border: 0;
	WIDTH: 425px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
  }

/*IMG*/
.right {
	float: right;
	padding-left: 10px;
	width=160px;
	z-index: 2;
  }

/*IMG*/
.left {
	float: left;
	padding-right: 10px;
	width=160px;
	z-index: 0;
  }

/*IMG*/
.notationleft {
	display: block;
	float: left;
	border: 1px solid blue;
	margin: 3px 3px 3px 0px;
	padding: 2px;
  }

/*IMG*/
.notationright {
	display: block;
	float: right;
	border: 1px solid blue;
	margin: 3px 0px 3px 3px;
	padding: 2px;
   }



/*
All CSS Text Properties
Property Description
color           Sets the color of text
direction       Specifies the text direction/writing direction
letter-spacing  Increases or decreases the space between characters in a text
line-height      Sets the line height
text-align      Specifies the horizontal alignment of text
text-decoration Specifies the decoration added to text
text-indent     Specifies the indentation of the first line in a text-block
text-shadow     Specifies the shadow effect added to text
text-transform  Controls the capitalization of text unicode-bidi
vertical-align  Sets the vertical alignment of an element
white-space     Specifies how white-space inside an element is handled
word-spacing    Increases or decreases the space between words in a text


All CSS Font Properties
Property Description
font          Sets all the font properties in one declaration
font-family   Specifies the font family for text
font-size     Specifies the font size of text
font-style    Specifies the font style for text
font-variant  Specifies whether or not a text should be displayed in a small-caps font
font-weight   Specifies the weight of a font

*/