@import url(./computer.css);

body
{
line-height : 22px;
font-size : 20px;/**/
font-family : colourbars, squealer;
}
/*akmonte, arnprior, barbatrick, berylium, colourbars, comic, itc zapf, sad films, robokoz, shifty chica, squealer, chancery*/

.bright
{
float : right;
width : 10%; /*36px;*/
height : 89px;
margin:0; 
margin-right : 2em;
padding:0;
background: url(./wwpics/scroltopr.png) no-repeat top right;
}

.bleft
{
float : left;
width : 10%;/*52px;*/
height : 89px;
/*left : 0;/*onnodig?*/
margin:0; 
margin-left : 2em;
padding:0;
border:0;
background: url(./wwpics/scroltopl.png) no-repeat top left;
}

/*borders (sliding windows)..*/
.regsbo
{
width:95%; 
margin:auto;
padding:0; 
background:url("./wwpics/scrolrt.png") no-repeat right top;
}

.linksbo
{
left 5%
 margin:0; 
 padding:0; 
 background: url("./wwpics/scrollt.png") no-repeat left top;
}

.regsonder
{
margin:0; 
padding:0; 
background: url("./wwpics/scrolrb.png") no-repeat right bottom; 
}

.linksonder
{
margin:0; 
padding:0; 
background: url("./wwpics/scrollb.png") no-repeat left bottom;
}
/*..borders*/


.pageheader
{
height : 72px;/*height of image*//*
/*width : 30%;/*exclude padding?*/
margin : 0;
padding-top : .5em;
padding-left: 40%;
padding-right: 10%;/**/
}/**/

#top
{
padding-left: 15%;
padding-right: 5%;/**/
font-size : 34px;
width : 80%;
}

.sep
{
clear : both;
margin : 0;
padding : 0;
border : 0;
}

/*.sep#index
{
clear : both;
margin : 0;
padding : 0;
border : 0;
}/**/
.sep#idx hr
{
display: none;
}/**/

#epos
{
float : right;
width : 250px;
}

.cbleft
{
float : left;
width : 10%;/*52px;*/
height : 133em;/**/
/*left : 0;/*onnodig?*/
clear : left;
margin:0;
border : 0; 
margin-left:3em;
padding:0;
background: url(./wwpics/scroll.png) repeat-y top left;
}

#lborder
{
height : 18em;
}

#labout
{
height : 42em;
}

.cbright
{
float : right;
width : 10%; /*36px;*/
height : 133em;/**/
right : 0;
clear : right;
margin-right:3em; 
padding:0;
background: url(./wwpics/scrolr.png) repeat-y top right;
}

#rborder
{
height : 18em;
/*margin-right:1em;*/
}

#rabout
{
height : 42em;
}

.rborder
{
float : right;
width:100%; 
margin:auto;
margin-left: 0;
padding:0; 
background:url("./wwpics/scrolr.png") right top;
}

.ncontent
{
/*float : left;
clear : both;/**/
font-size : 18px;
font-family: serif, times new roman;
margin : 0;
padding : 2em;/**/
/*padding-right : 1em;
padding-top : 1em;/**/
width : 70%;/*729px;/*
background-image: url(./wwpics/scroll.png);/**/
}

#rtome
{
margin-right : 3.5em;/**/
width : 85%;/**/
}

#ltome
{
margin-left : 0;/**/
margin-right : 0;
padding-right : 0;
width : 85%;/**/
}

.nav#tom
{
height : 70em;
width : 230px;
}

.smalldiv
{
width : 80%;
}

.content
{
font-size : 18px;
font-family: serif, times new roman;
margin : 0;
padding : 3em;/**/
/*padding-right : 1em;
padding-top : 1em;/*
position: absolute;
top : 98px;
left : 100px;
right : 300px;/**/
width : 85%;/*729px;/*
height : 132em;
background-image: url(./wwpics/scrolbg.png);/**/
}/**/

.intro
{
padding-top : 2em;
}

#index
{
font-size : 20px;/**/
font-family : colourbars, squealer;
/*height : 15em;*/
padding-left : 3em;
width : 70%;
}

#devel
{
font-size : 20px;/**/
/*font-family : colourbars, squealer;*/
height : 13em;
padding-left : 3em;
width : 80%
}

#about
{
font-size : 20px;/**/
/*font-family : colourbars, squealer;*/
height : 40em;
padding-left : 1em;
}

.cbbottom
{
position : relative;
top : 127.5em;
left : 75px;
width : 85%;
height : 1.5em;
background-image: url(./wwpics/scrolb.png);
}

#botborder
{
top : 17em;
}

/*#about li
{
list-style-type: none;
/*background-image: url(./Chavoux/bullet.png);*/
/*background-image : none;
/*background-repeat: no-repeat;
background-position: 11.5em .3em;/**//*
}/**/

#paragr li
{
list-style-type: none;
background-image : none;
}

#menu li
{
list-style-type: none;
padding-left: 15px;
background-image: url(bullet.png);
background-repeat: no-repeat;
background-position: 0 .3em;/**/
}

#back
{
list-style-type: none;
padding-left: 40px;
background-image: url(./wwpics/left.png);
background-repeat: no-repeat;
background-position: 1em .3em;/**/
}

.menu li #home
{
list-style-type: none;
padding-left: 40px;
background-image: url(./wwpics/gohome.png);
background-repeat: repeat;
background-position: -1em 0;/**/
}


#home
{
list-style-type: none;
padding-left: 40px;
background-image: url(./wwpics/gohome.png);
background-repeat: no-repeat;
background-position: .7em 0;/**/
}

#gallery li
{
list-style-type: none;
background-image: none;
clear : both;
}

#menutitle
{
color: #F00;
}

#navhere
{
background-image: url(./wwpics/bulletr.png);
}

.comment
{
font-style: italic;
}

.note
{
position: relative;
top: -0.5em;
font-size: 0.7em;
}

.top
{
list-style-type: none;
clear : both;
padding-left: 20px;
background-image: url(./wwpics/bulletup.png);
background-repeat: no-repeat;
background-position: 0 .3em;/**/
}

img
{
/*float : left;
width : 100px;
margin : 0 5px 5px 0;/**/
}

.icon
{
float : none;
Height : 32px;
Width : 32px;
}

.smiley
{
float : none;
height : 20px;
width : 20px;
margin : 0;
}

.footnotes
{
clear : both; /*so that floating images don't overlap it */
}

#bar1
{
clear : both;
height : 25px;
width :0;
}

#bar1 hr
{
display : none;
}

#bar2
{
clear : both;
height : 0;
width :0;
}

#bar2 hr
{
display : none;
}


#footer1
{
font-size:16px;
font-family: serif, times new roman;
/*line-height : 33px;/**/
float : right;
width : 25em;/**/
clear: both;
padding-left: 50px;
background-repeat: no-repeat;
background-position: 0;/**/
/*position : fixed;*/
background-image: url(./wwpics/bluefish-icon.png);
border: 3 px black solid;
}