@font-face {
    font-family: 'alikeangular';
    src: url('fonts/alikeangular-regular-webfont.woff2') format('woff2'),
         url('fonts/alikeangular-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{cursor: url(cursor.cur), auto;}

body{
background-color: rgb(255,255,255);
color: rgb(000,000,000); 
font-family: 'alikeangular', Georgia;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 0px;
height: 100%;
}

body.sidebar{
cursor: url(cursor.cur), auto;
background-color: rgb(255,255,255); 
color: rgb(000,000,000); 
font-family: 'alikeangular', Georgia;
font-size: 10px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}


::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: rgb(255,255,255);}
::-webkit-scrollbar-thumb {background: rgb(255,255,255); border: 1px solid rgb(191,130,000)}
::-webkit-scrollbar-thumb:hover {background: rgb(000,000,000);}


hr {border-top: 1px solid rgb(161,110,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 4px;}
hr.soulmatetitle {border-top: 1px solid rgb(161,110,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px;}
hr.title {border-top: 2px solid rgb(191,130,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 1px;}

div.body {width: 1000px; align: left; display: flex; flex-direction: column; min-height: 100vh; margin: 0 auto; margin-right: auto; margin-left: 0; padding: 0px; }
div.title {width: 1000px; align: left; padding: 0px; color: rgb(161,110,000); font-size: 15px;}
div.page {display: grid; align: left; width: 1000px; height:100vh; grid-template-areas: "left main right"; flex: 1; margin-right: auto; margin-left: 0;}
div.linebreak {height: 5px}
div.sidelinebreak {height: 17px}
aside.sidebar {width: 115px; height: auto; min-height: 3000px; display: block; font-size: 11px;  padding: 0px; grid-area: left;}
main.main {width: 885px; grid-area: main; font-size: 13px; padding: 0px;}
main.main2 {width: 685px; grid-area: main; font-size: 13px; padding: 0px;}
div.sort {column-count: 4; column-gap: 2rem;}
aside.information {width: 200px; grid-area: right; font-size: 11px; padding: 0px;}
iframe.sidebar {width: 115px; height:100%; border: none; overflow: hidden; margin: 0; padding: 0; display: block; box-sizing: border-box; }
div.informationindent {margin-left: 3px;}


form {margin-top: 0px;}
input.search::placeholder {width: 100px; background-color: rgb(000,000,000); color: rgb(105,105,100); font-family: Tahoma; font-size: 11px;}
input.search {width: 100px; background-color: rgb(000,000,000); color: rgb(225,225,220); font-family: Tahoma; font-size: 11px; border: 1px solid rgb(105,105,100);}


font.header {font-weight: bold; color: rgb(161,110,000)}
a.header:hover {text-decoration: none;}

a:link {color: rgb(201,140,005); text-decoration: none; cursor: url(cursor.cur), auto;}
a:visited {color: rgb(201,140,005); text-decoration: none; cursor: url(cursor.cur), auto;}
a:hover {color: rgb(221,160,015); text-decoration: underline; cursor: url(cursor.cur), auto;}
a:active {color: rgb(221,160,015); text-decoration: underline; cursor: url(cursor.cur), auto;}

a.sidebar:link {color: rgb(000,000,000); text-decoration: none; cursor: url(cursor.cur), auto;}
a.sidebar:visited {color: rgb(000,000,000); text-decoration: none; cursor: url(cursor.cur), auto;}
a.sidebar:hover {color: rgb(000,000,000); text-decoration: underline; cursor: url(cursor.cur), auto;}
a.sidebar:active {color: rgb(000,000,000); text-decoration: underline; cursor: url(cursor.cur), auto;}

font.kitcarruthers {color: rgb(190,190,190); font-size: 11px; font-family: Tahoma;}

div.people {}
div.people-header {text-align: left;}
div.people-content {display: flex; align-items: flex-start;}
aside.people-img {display: block; grid-area: left; margin-top: 7px; margin-right: 6px; margin-left: 6px;}
main.people-about {flex: 1; margin-left: 0px;}
main.people-about-soulmate {flex: 1; margin-left: 0px; margin-top: 4px; margin-right: 6px;}
div.people-kitcarruthers {display: flex; align-items: flex-start; background-image: url(img/kitcarruthersback.jpg); background-repeat: no-repeat; background-position: top left;}
div.people-ir {display: flex; align-items: flex-start; background-image: url(img/irback.jpg); background-repeat: no-repeat; background-position: top left;}

img.list {margin-left: 9px; margin-right: 3px; vertical-align: +2px; height: 4px; width: 4px;}