* { box-sizing: border-box; }

body, textarea {
background:#fff3f6 url(stripe.png) fixed;
font-size: 11px;
color:#000;
font-weight: normal;
font-family: Arial;
letter-spacing:1px; 
line-height:20px;
text-align:justify;
}

.title {
background:transparent;
text-transform:uppercase;
font:bold 11px arial;
color:#E9889C;
line-height:15px;
padding:1px 0 1px 0;
border-bottom:1px dashed #8F8F8F;
margin-bottom:5px;
letter-spacing:5px;
}

a { 
color:#54215A; 
text-decoration:none; 
font-weight: bold;
}

a:hover { 
color:#E9889C;
cursor:help;
text-transform:uppercase;
font-weight: bold;
border-bottom: 1px dotted #8F8F8F;
}

b { 
color:#EA2865; 
font-weight:bold; 
}

i { 
color:#773660; 
font-weight:bold; 
font-style:italic; 
}

u {
color: #F6748C; 
text-transform: uppercase; 
border-bottom: 1px dotted #8F8F8F;
text-decoration: none;
}

s {
color: #d18eb8; 
text-transform: uppercase; 
}

::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius:0;
border:1px solid #ccc;
border-right:0;
}

::-webkit-scrollbar {
width:7px; height:0;
background:transparent;
}

/* layout */
#layout { 
width:1000px; 
margin:auto; 
}

#navigation { 
float:left; 
width:600px; 
padding:4px 2px 4px 4px; 
}

#navi { 
background:#; 
font-weight:bold; 
text-decoration:none; 
font:bold 11px arial;
color:#fff;
line-height:15px;
padding:0px 0 0px 0;
border-bottom:0px dashed #8F8F8F;
margin-bottom:0px;
letter-spacing:0px;
text-align:center; 
}

#navi a { 
background:#ff9ebd; 
font-weight:bold; 
text-decoration:none; 
font:bold 11px arial;
color:#fff;
line-height:15px;
padding:1px 0 1px 0;
border-bottom:1px dashed #8F8F8F;
margin-bottom:5px;
letter-spacing:5px;
}

#navi a:hover { 
background:#fff; 
font-weight:bold; 
text-decoration:none; 
font:bold 11px arial;
color:#ff9ebd;
line-height:15px;
padding:1px 0 1px 0;
border-bottom:1px dashed #8F8F8F;
margin-bottom:5px;
letter-spacing:5px;
}

#header {
height:250px;
border:1px solid #8F8F8F;
margin:0 0 10px 0;
padding:0;
background:#fff url(header.png) no-repeat;
}

#content1 {
width:100%;
background:#fff;
border:1px solid #8F8F8F;
box-shadow:5px 6px #ffedf3;
padding:5px 8px;
margin-bottom:15px;
}

#box1, #box2 {
float:left;
width:49%;
background:#fff;
padding:5px 8px;
border:1px solid #8F8F8F;
box-shadow:5px 6px #ffedf3;
overflow:auto;
margin-right:10px;
margin-bottom:15px;
box-sizing: border-box; 
overflow: auto;
}

#box2 { 
margin-right:0; 
}

#morecontent { 
clear:both; 
overflow: auto;
}

.contentbox {
background:#fff;
margin:0 0 15px 0;
padding:5px 8px;
border:1px solid #8F8F8F;
box-shadow:5px 6px #ffedf3;
overflow: auto;
height: 480px;
}

#sidebar {
width:250px;
float:left;
padding:4px 4px 4px 2px;
}

.sidebox {
background:#fff;
margin:0 0 15px 5px;
padding:5px 8px;
border:1px solid #8F8F8F;
box-shadow:5px 6px #ffedf3;
}

#footer { 
clear:both; 
text-align:center; 
}

hr {
border: 1px dashed #8F8F8F;

.fit-picture {
opacity: 0.5;
border-width:12px;
border-style:solid;
border-image: url("https://i.imgur.com/Kh6qtcn.png") 11 fill round;         
}