html, body {padding: 0px; margin: 0px;}
body {background: url(web.jpg) repeat; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; height: 100%;}
a img, img {border: none;}

p {color: #CC0000;}

h1, h2, h3 {color: #CC0000;}
#left{
  background: url(img/bricks.png) repeat-y; height: 100%; position: fixed; width: 96px; margin-top: -15px;
 margin-right: 96px;}
.txtarea {margin: 32px;}

.center {margin-left: auto; margin-right: auto; text-align: center;}

#col1 {width: 48%; float: left; /*padding: 10px 0 10px 0;*/}
#col2 {width: 50%; float: right; clear: right; padding-top: 24px; margin-right: 2%;}

.clear {clear: both}

#nav_cont {margin-bottom: 84px;}

#nav_lft {float: left;
background-image: url(img/garg.png); background-repeat: no-repeat; width: 120px; height: 185px;
margin-top: -70px; margin-right: -120px;
}

#navbar {width:100%;
height: 58px; background: #404040; padding: 0px; margin: 0px;
background-image: url(img/nav.jpg); background-repeat: repeat-x;}

#nav_rt{float: right;
background-image: url(img/coffin.png); background-repeat: no-repeat; width: 120px; height: 185px;
margin-top: -70px; margin-left: -120px;}

#navbar ul {margin: 0px; padding: 12px 0px 0px 0px; list-style:none; text-align: center}
#navbar ul li {display: inline;}
#navbar ul li a {margin: 0px; padding: 0px; display: inline;}
#navbar ul li a:hover{color:#FFFFFF}
#navbar ul li a.hover{padding: 0px; text-decoration:none}

.splat {float: right; width: 150px; height: 150px; margin-top: 0px;  /*-header +9*/
margin-bottom: -150px; /*margin-right: -3px;*/ clear: both;}

#foot {clear: both; width:100%;
line-height: 34px; text-align: center;
font-size: 80%; background: #404040; margin: 0px; padding: 0px;
background-image: url(img/border.png); background-repeat: repeat-x;}

#foot p {padding:4px 18px 0px 18px; margin:0px; font-weight: bold;}

.menu{width: 94%; margin: 0px auto/*background-color: #333*/}
.menu ul{margin: 0px; padding: 0px; float: left; margin-bottom: 16px; text-align: justify;}
.menu ul li{display: inline;}
.menu ul li a{float: left; text-decoration: none; color: #FFFFFF; padding: 4px; /*background-color: #333;*/}
.menu ul li a:visited{color: #A9A9A9;}
.menu ul li a:hover, .menu ul li .current{color: #fff; background-color:#CC0000;}

/* Gallery */
.gallery {list-style: none; margin-left: auto; margin-right: auto;  padding: 10px;}

.gallery ul {list-style: none;}
.gallery li {/*padding: 10px;*/
margin: 0px 0px 10px 0px;
float: left; position: relative;
/*white-space: pre-wrap;*/
width: 210px; color: red;
text-align: center; font-size: 20px;
margin-bottom: 15px;
min-height: 370px;
}

.gallery img, .gallery li:hover img {border: none}
.gallery a {text-decoration: none}

/* Profile Page */
#profile {

}

#pf1 {width: 300px; float: left;}
#pf2 {width: 100%; margin: 0px -300px; float: left; clear: right; text-align: center;}
#pf3 {width: 300px; float: right; clear: right; text-align: right;}

.section { margin: 32px; text-align: center;}

.round {cursor:pointer; line-height:37px;height:37px;
background:url(./img/btns.gif) no-repeat right top;
padding-right:15px; display:inline-block;font-weight: bold;}

.round ins {background:url(./img/btns.gif) no-repeat left top;
height:37px; line-height:37px; display:inline-block;
padding-left:15px; text-decoration:none; color: #ffffff}

a.round {text-decoration:none;font-size: 14px}
a.round:hover {background-position:right -37px; font-weight: bold}
a.round:hover ins {background-position:left -37px; font-weight: bold; color: #000000}

.chat-widg{
    white-space: initial;
    width: 80%;
    margin: 0px auto;
}
.linkchatbutton {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 11px;
    font-size: 14px;
    border-radius: 50px;
    margin-bottom: 15px;
    background: black;
        color: white;
}
.row{
    display: flex;
}
.sister-banner img{
    width: 100%;
}
.col-4{
    width:25%;
}
.col-8{
    width:75%;
}