/* Fluffhouse-wide style definitions */
/* Used on fluffhouse front page, Chris's music and music reviews pages */

/* Stuff that won't work in Netscape 4 */
@import url(/style/notns4.css);

body
{  
  font-family: 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  background-color: #e8e8e8; 
  color: #000
}


h1, h2, h3, .linklist {
  font-family: "Gill Sans",Verdana,Arial,Helvetica,sans-serif; 
  font-size: larger;
}

.frontlinklist {
  font-family: "Century Gothic",Verdana,Arial,Helvetica,sans-serif; 
  font-size: larger;
}

h1 
{ 
  font-size: x-large;
  color: #990099;
  text-align: center;
  letter-spacing: 0.1em; 
  line-height: 25px;
}

h2
{ 
  margin-left: 10pt;
  color: #990099;
  letter-spacing: 0.1em; 
}

h3
{ 
  margin-left: 10pt;
  color: #000;
  letter-spacing: 0.1em; 
}

p 
{ 
  margin-right: 30pt;
  margin-left: 20pt;
}

a 
{ 
  text-decoration: none; 
}

a:link { color: #3366FF; }

a.person:link { color: #990099; }
a:visited { color: #6633CC; }
a:active { color: #33FF33; }

a:hover 
{ 
  text-decoration: underline; 
  color: red;
}

a:link img{ border-style: none; }
a:visited img{ border-style: none; }
a:active img{ border-style: none; }

img.link { vertical-align: middle; }

dt 
{ 
  font-family: "Century Gothic",Arial,Helvetica,sans-serif;
  font-weight: bold;
  margin-left : 10pt;
  padding: 1em;
}

dd 
{ 
  margin-left : 20pt;
  padding: 1em;
}


/* for CSS column layout */

#leftcontent {
  float:left;
  width: 60%;
  background:#fff;
  margin-right: 30px;
  border: 1px dashed gray;
  padding: 1em;
}

#rightcontent {
  width: 30%;
  border: 1px dashed gray;
  background:#fff;
}

#leftleftcontent {
 position: relative;
 width: 50%;
 float: left;
 }

#rightleftcontent {
}

/* for spamprotected email address chris@fluffhouse.org.uk in link lists */ 

#rightcontent td {  
  font-size: 8pt;
  color: purple;
}

.spamemail {  
  font-size: 8pt;
  color: purple;
}


.email
{ 
  color: gray;
  font-size: 8pt;
  margin-left: 30pt;
}