/* boredtown.co.uk - stylesheet: bored.css */

body {
  background-color: rgb (222.222.255); /* #DEDEFF; */
  background: rgb(222,222,255) bottom left fixed no-repeat;
  color: black; margin: 0; padding: 0;
  font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
body, body div, body p, body th, body td, body li, body dd    {
             /* more specific to override rule in importing sheet */
    font-size:    x-small;      
             /* x-small - false value for WinIE4/5 */
    voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    voice-family: inherit;   
             /* recover from trick */
    font-size:    small;         
             /* intended value for better browsers */
    }

html>body, html>body div, html>body p, html>body th, 
html>body td, html>body li, html>body dd    {
    font-size:    small;
             /* be nice to Opera */
    }
a:link    { color: rgb(128, 0, 128); }
a:visited { color: rgb(75, 0, 130); }
a img     { border: none; }
.clear    { clear: left;  }

table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; vertical-align: top; }
th { padding: 0; font-weight: normal; }
td { padding: 0 0 0 12px; }

/* content text styling */
h1 {font-size: 1.2em; font-weight: bold; color: rgb(80, 0, 0);}
h2, h3, .h2, .h3 { font-size: 1em; font-weight: bold; color: rgb(80, 0, 0); }
h2, .h2 { font-style: normal; font-weight: 600;   }
h3, .h3 { font-style: normal; font-weight: 600; }
h4, .h4 { font-style: normal; font-weight: 600; }
h5, .h5 { font-style: normal; font-weight: 600; }

h2.mid{  /* large mid header  text*/
 text-align : center;
 color : rgb(128, 0, 128);
 font-size : 110%;
 font-weight: 600;
 padding : .25em;
 margin:	.5em 0 0 0;
    }
	 

blockquote { padding: 1em 1em 1em 1em; 
margin: 1em 2em 1em 2em; 
background: #fff;
border: 1px solid #DBCEC8;
}
div.centre { text-align: center;}
p.centre {text-align: center;}
p.left {text-align: left;}
p.justify {text-align: justify;}
p, h1, h2, h3, .h2, .h3,.h4, .h5 table { margin: 0.7em 0 0 0; }
ul, ol { margin-bottom: 0; }
.first { margin-top: 0; }
p.response{font-family:arial, serif; font-weight: 600; font-style: italic;}
.tiny {font-size: 80%;}
span.smaller {font-size:90%;}

/* page backgrounds for different sections of the site */
body.home     { background-image: url(../graphix/armorialbearings.jpg); }
body.brentwood  { background-image: url(../graphix/brentwoodsculpture.jpg); }
body.history  { background-image: url(../graphix/armorialbearings.jpg); }
body.grumpy  { background-image: url(../graphix/gom.jpg); }
body.photos { background-image: url(/img/body/magellanbg.jpeg); }
body.lynx { background-image: url(/img/body/magellanbg.jpeg); }

/* body#and.home     #header .left { background-image: url(../graphix/backlogo.jpeg); }  */
/*body#and.live     #header .left { background-image: url(/img/header/live.gif);     }
body#and.mic      #header .left { background-image: url(/img/header/mic.gif);      }
body#and.parasite #header .left { background-image: url(../graphix/backlogo.gif);     }
body#and.personal #header .left { background-image: url(/img/header/personal.gif); }
body#and.software #header .left { background-image: url(/img/header/software.gif); }
*/

/* main layout */

.content {color: #000000;
   background-image: url(../graphix/whitebg.gif);
   padding-bottom:3px;
   text-align: left;
   margin: 0 10px 0 192px;
   padding: 6px 20px;
   border: 2.5px outset rgb(128, 0, 128);
   font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
} 

.header{color: rgb(128, 0, 128);
      background-color: rgb(222,222,255);
		background-image: url(../graphix/brentwood.jpg);
      text-align: center;
		height: 66px;
		margin: 10px 10px 0 12px;  /* 192px */
		border: outset 2.5px;
		font-family: "Tahoma", sans-serif;
		font-weight: 600;		
}

.box{ color:rgb(0, 0, 0);
      background: #fff;
		margin: 10px 60px 10px 60px;  
		padding: 10px 10px 15px 10px;
		border: 1.75px solid rgb(128, 0, 128);
        font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
		font-weight: 500;
}

.wide .text { margin-left: 288px; }
body#and img.float, body#and .float img { float: left; width: 256px; height: 160px; }
.rfloat img{float:right;}
.lfloat img{float:left;} 
img.rfloat {float:right; padding: 10px;}
img.lfloat {float:left;  padding: 10px;}
p img {
        display: inline;
        float: left;
        padding: 2px 2px 2px 4px;
        margin: 0 8px 5px 0;
}
img.centre {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  text-align: center; 
}

/*
div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}
*/

/*  New nav area */

div.nav {
	border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;  
	border-left: #333 solid 2px;
	border-right: #333 solid 2px;
	width: 142px;
	/* float: left;  pos abs below inserted instead*/
	position: absolute; top:102px; left: 12px; 
	padding: 0px;
	margin: 0px;
	/* margin-left: -2.5%;  */
	background-image: url(../graphix/whitebg.gif);   
	color: #333;
	}
	
div.nav a {
	display: block;
	margin: 3px 2px;
	padding-left: 18px;
	}

div.nav a:link {
	color: rgb(128, 0, 128);
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 15px solid rgb(128, 0, 128);
	padding-left: 3px;
	}

div.nav a:visited {
	color: rgb(128, 0, 128);
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 15px solid rgb(128, 0, 128);
	padding-left: 3px;
	}

div.nav a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 15px solid rgb(153, 50, 204);
	padding-left: 3px;
	background-color: #FFFFFF;
	}

div.nav a#here {
	color: #8A2BE2;
	background-color: #f0f0f0;
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 15px solid rgb(153, 50, 204);
	padding-left: 3px;
	margin: 3px 2px;
	}
	
#subnav {
   position: absolute; 
	z-index: 1;
	border-top: #666 dotted 1px;
	border-bottom: #666 solid 1px;  
	border-left: #333 solid 2px;
	border-right: #333 solid 2px;
	width: 142px;
   top: 47ex; 
	left: 12px; 
	padding: 0px;
	margin: 0px;
	background-image: url(../graphix/whitebg.gif);   
	color: rgb(128, 0, 128);
	line-height: 1.2;
	}
div#subnav a {
	display: block;
	margin: 3px 2px;
	padding-left: 18px;
	}
div#subnav a:link {
	color: rgb(128, 0, 128);
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 8px solid rgb(128, 0, 128);
	padding-left: 2px;
	}

div#subnav a:visited {
	color: rgb(128, 0, 128);
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 8px solid rgb(128, 0, 128);
	padding-left: 2px;
	}

div#subnav a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 0, 128);
	border-left: 8px solid rgb(153, 50, 204);
	padding-left: 2px;
	background-color: #FFFFFF;
	}

	
.noshow {display: none;}
a.nav:link {color: rgb(128, 0, 128); 
  text-decoration : none; 
  background: transparent; 
  display: block; 
  width: 120px;  
  }
a.nav:visited {color: rgb(128, 0, 128); 
  text-decoration : none;
  background: transparent;
  display: block; 
  width: 120px;  
  }
a.nav:hover { color: rgb(128, 0, 128);
  text-decoration : none; 
  background: #fff;
  display: block; 
  width: 120px;
  }
a.uppercase {
text-transform: uppercase;
} 
/* old nav area */
/*
#nav { position: absolute; left: 32px; width: 144px; }
#nav .link { margin: 6px 0; text-align: right; }
#nav #uplink { margin-top: 24px; }
#nav a:link, #email a:link, #nav a:visited, #email a:visited { text-decoration: none; }
#nav a:link img, #nav a:visited img { border: none; width: 10px; height: 10px; }
#nav .subtitle { font-size: smaller; margin-right: 14px; }
*/
#email { position: absolute; left: 1px; width: 240px; }
#email address { position: fixed; bottom: 1px; font-style: normal; }  
#lastmod { float:right;
font-family:sans-serif; font-size:xx-small; font-style:normal; color: #2F4F4F; margin-right:1em;}
#date { 
font-family:Arial,sans-serif; font-size:x-small; font-style:normal; color: #2F4F4F;}
	

table { font-size: 100%; 
	margin: 5px 10px 5px 5px;   }
div.black {
	background-color: transparent;
	width: auto;
	padding-left: 10%;
	padding-right: 10%;
	margin: 2em, 5em, 2em, 5em;
	text-align: center;
	line-height: 120%;
}


p.whiteonblack {
   font-family: Georgia, "MS Sans Serif", Verdana, sans-serif; 
	background: #000; 
	color: #fff; 
	text-align: justify;
	font-weight: 500;
	margin: 2em, 5em, 2em, 5em;
	padding-left: 2%;
	padding-right: 2%;
}