body
{
 background-image: url( images/b15-t.gif );
 background-repeat: repeat-y;
 background-position: 10% 0;
 padding: 0;
 margin: 0 0 3em;
 font-size: 100%;
}

h1
{
 background-color: #a00;
 color: #ffffcc;
 font-size: 3em;
 position: relative;
 min-height: 1.75em;
 margin: 0;
 text-align: center;

 padding: .25em 0 .125em 10%;
 background-image: url( images/b15-t.gif );
 background-repeat: repeat-y;
 background-position: 10% 0;

 /* Not recognized in CSS 2.1, text-shadow is part of the CSS3 specification */
 text-shadow: 0 0 .2em black;
}

h2
{
 margin: 0;
 padding: 0 0 0 10%;
 text-align: center;
}

.navbar
{
 font-size: 90%;
 margin: 0;
 margin-left: 10%;
 padding: .25em 19%;
 padding: 0 120px;

 text-align: center;
 background-color: black;
 color: white;

 border-top-width: 2px;
 border-top-color: white;
 border-top-style: solid;

 border-bottom-width: 0;
 border-bottom-color: white;
 border-bottom-style: solid;

 background-image: url( images/b15-t.gif );
 background-repeat: repeat-y;
 background-position: 10% 0;
}

.navbar li
{
 white-space: nowrap;
}

.navbar > li
{
 border-left: 2px solid white;
}

.navbar li + li
{
 border-left: none;
}


.navbar li
{
 list-style-type: none;
 display: inline;
 padding: 0;
 border-right: 2px solid white;
}

.navbar a
{
 font-weight: bold;
 text-decoration: none;
 padding: 0 .5em;
}

.outerbox > ul
{
 padding-bottom: 1em;
 border-bottom: 1px solid black;
 border-left: 1px solid black;
 border-right: 1px solid black;
 margin: 0;
 margin-top: 0;
 margin-bottom: 1em;
 padding-top: 1em;
 padding-right: 1em;
}

.outerbox > ul li
{
 margin-left: 2em;
 padding-left: 0;

}

/********* colours *********/

body, #all, .outerbox
{
 background-color: #ffb;
}

.outerbox > ul
{
 background-color: #ffd;
}

a:visited
{
 color: #009;
}

.navbar a
{
 color: #ffd;
 background-color: black;
}

.navbar a:visited
{
 color: #cfcfb0;
}

.navbar a:hover
{
 color: yellow;
}

h2, h2 a
{
 background: black;
 color: white;
}

#chess
{
 background-color: #eef;
 color: black;
}

#mybooks
{
 background-color: #efe;
}

#books
{
 background-color: #ffd;
 color: black;
/* min-height: 300px; */
}

#webdesign
{
 background-color: #dfdfdf;
 color: black;
}

#cryptics
{
 background-color: white;
 color: black;
}

h2 a:hover
{
 color: yellow;
}

#tfn
{
 background-color: #eef;
}

.body a
{
 color: #00c;
}

.body a:visited
{
 color: #009;
}

#wordfinder
{
 background-color: #fee;
}

#webcentric
{
 background-color: #efefff ;
}

h2 a:visited {
 color: #eee;
}

/******* end colours *******/

img
{
 height: auto;
}

#all
{
 margin-left: 12%;
 padding-top: 1%;
}

.box
{
 width: 30%;
 margin: 1em 1%;
 float: left;
 min-width: 10em;
}

.box > div
{
 border: 1px solid black;
 padding-bottom: 1em;
}

.box div + div
{
 clear: both;
 margin-top: 1em;
}

.outerbox
{
 width: 62%;
 float: left;
 margin: 1em 1%;
}

.outerbox h2
{
 padding: 0;
 text-align: center;
}

.outerbox .box
{
 width: 48%;
 margin: 0;
}

.outerbox .box + .box
{
 margin-left: 4%;
}

#mybooks img
{
 border: none;
 text-align: center;
 display: block;
 margin: 0 auto;
 max-width: 90%;
}

#mybooks strong
{

 font-size: 1.2em;
}

#books img
{
 float: right;
 margin: 0;
 max-width: 25%;
}

.box h2,
h2 a
{
 margin: 0;
 margin-bottom: 1em;
 padding: 0;
 text-decoration: none;
}

.box p
{
 padding: 0 1.5em .25em;
 line-height: 1.45;
 margin: 0;
}

#chess h3
{
 margin: 1em;
}

#chess p
{
 margin: 0;
}

.gas
{
 float: right;
 margin-right: 1em;
 margin-top: 1em;
 clear: both;
}

#books:after,#mybooks:after
{
 content: ".";
 display: block;
 height: 1em;
 clear: both;
 visibility: hidden;
}

#chapters li
{
 margin-bottom: .25em;
}

p + p
{
 text-indent: 1.5em;
 margin-top: 0;
 margin-bottom: .125em;
}

p.social
{
 position:absolute;
 top: 0;
 left: 0;
 width: 10%;
 margin: 0;
 padding: 0;
}

p.social img
{
 display: block;
 margin: 1em auto;
 border: 0;
}

p img.sp
{
 max-width: 150%;
 margin: 0;
}

p.more
{
 text-align: right;
 font-size: 90%;
 font-style: italic;
 padding-left: 40%;
}

.more a
{
 white-space: nowrap;
}

#wg
{
 background-color: #efe;
}

#photos
{
 background-color: #ffe;
}

#emt
{
 display: none;
}