#new-profile .maintitle {position: relative; width:800px; height:125px; color:#828e90; font-family:'Oswald', sans-serif !important; text-align:right; padding:0 30px 0 0; border-left:10px solid #ddd; border-top:10px solid #ddd; border-right:10px solid #ddd;  background:#ddd;}

.p-mtb {position: absolute; right:0; width:825px; height:120px; background:#f1f1f1; border:1px solid #999;}

.p-sqw {
  position: absolute;
  top:-11px; left:195px;
  width: 68px;
  height: 68px;
  margin: 35px 35px 35px 43px;
  border:1px solid #666;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
    z-index:3;
}
.p-imgbg {
  position: absolute;
  float:left;
  top:-6px; left:207px;
  width: 97px;
  height: 97px;
  margin: 18px;
  background:#ddd;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  z-index:2;}

.p-img {
  width: 100px;
  height: 100px;
    background-size: 100px 100px;
  margin: -18px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.p-img img {
  width: 100px;
  height: 100px;
    background-size: 100px auto;
    background-position: center;
}
.p-imgbgl {
  position: absolute;
  float:left;
  top:-1px; left:203px;
  width: 85px;
  height: 85px;
  margin: 18px;
  background:#ddd;
  border-left:1px solid #999;
  border-top:1px solid #999;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  z-index:2;}

.p-imgbgr {
  position: absolute;
  float:left;
  top:-1px; left:220px;
  width: 85px;
  height: 85px;
  margin: 18px;
  background:#ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  z-index:2;}

.p-posts { 
    position: relative;
    left:0;
    width:197px;
    height:110px;
    padding:5px 60px 5px 5px;
    background-image:url(http://makeshiftheart.com/FS/imgs/pguestbg.png);
    z-index:1;
}
#p-pdw { 
    position: absolute;
    left:0;
    top:0;
    width:197px;
    height:110px;
    padding:5px 60px 5px 5px;
    background-color:rgba(221,221,221,0.5);
    z-index:2;
}
#ppdw1 { 
    position: relative;
    left:5px;
    top:20px;
    width:180px;
    text-align: left;
    font-size: 32px;
    line-height: 110%;
    border-bottom: 1px solid #828e90;
    z-index:2;
}
#ppdw2 { 
    position: relative;
    padding:23px 5px 0 0;
    color:#666;
    width:175px;
    text-align: right;
    font-size: 16px;
    line-height: 120%;
    z-index:2;
}
#p-quote { 
    position: absolute;
    top:2px; left:3px;
    width:197px;
    height:118px;
    overflow: none;
    font-size: 14px;
    font-family: arial;
    font-style: normal;
    text-align: center;
    color: #222;
    line-height: 110%;
}
#p-quote i { float:left; font-size: 24px; margin:0 5px 5px 0;}

.pafs2 {position:relative; text-align:center; background:#ccc; float:left; height:45px; width:50px; color:#999; padding-top:25px; font-size:18px; font-weight:bold; font-family:arial; line-height:80%;}
.pafs2sm {position:relative; right:35%; text-align: center; font-family:sans-serif; font-size:10px; text-transform: uppercase; letter-spacing: 1px; font-weight:bold; padding:0 5px 0 5px; background:#f1f1f1; z-index: 3;}

.profname {position: absolute; right:0; top:15px; margin-top:18px; font-size:48px; letter-spacing:-1px; line-height:32px; max-width:500px; padding:0 20px 0 20px; z-index: 2;}
.p-nun {border-bottom:1px solid #ccc; padding-bottom:0px; padding:0 20px 0 20px; }

.promain {
    top:0px;
    position:relative;  
    background-color:#ddd; 
    width:840px; 
    border-bottom:10px solid #828e90;
    margin-bottom:45px;
    padding:5px 5px 5px 5px;}
    

/***********************************************************************
                        AV SIDE
************************************************************************/

.proavsw {position:relative; display:inline-block; width:265px; padding:0 0 10px 0; top:10px;}

.proav {position:relative; left:-5px; top:5px; display:block; width:250px; height:400px; border:1px solid #999; outline-color:#eee; outline-width:5px; outline-style: solid; margin:10px; 0 10px 0;}
.proav img {width:250px; height:400px;}
    
.proavnav {position:relative; display:block; top:0; left:0; text-align:center; width:265px; height:35px; margin-bottom:5px;}
.pafs {position:relative; text-align:center; float:left; height:15px; width:32px; padding:10px 6px 10px 6px; background:#828e90; color:#eee; font-size: 18px;}
.pafs:hover {background:#eee; color:#828e90;}

.proavnavf {position:relative; display:block; top:10px; left:1px; text-align:center; width:260px; height:35px; background:#828e90; margin-top:5px;}
.pafs2 {position:relative; text-align:center; float:left; height:15px; width:53px; padding:10px 6px 10px 6px; background:#828e90; color:#eee; font-size: 18px;}
.pafs2:hover {background:#eee; color:#828e90;}


/***********************************************************************
                    other shit
************************************************************************/

.prowrap {position:relative; display:inline-block; top:0px; left:5px; width:560px; vertical-align: top;}
.prowrap table td {padding:3px;}

.prows1 {width:350px; background:#eee; border:5px solid #eee;}

.prohead {
    background-color:rgba(199,199,199,0.7);
    text-align:left;
    border-bottom:3px solid #555;
    padding:10px 10px 0 10px;
    font-family:'Lobster Two', cursive; 
    font-size:28px; 
    font-style:italic;
    line-height:20px; 
    color:#828e90;
    font-weight:bold;}
    
.proinfo {
    padding:6px 5px 6px 5px;
    width:97%;
    font-family:tahoma;
    font-style:normal;
    font-size:11px;
    text-align: right;
    color:#222;
    border-top:1px solid #555;}
    
.proinfo c{ 
    position: relative;
    margin-top:-6px;
    padding:7px 7px 7px 5px;
    float:left;
    position: relative;
    font-family:sans-serif;
    text-transform: uppercase;
    font-weight:bold; 
    font-size:10px;
    letter-spacing: -0.5px;
    text-align: left;
    color:#828e90;}

.prows2 {position: relative; display: inline-block; width:350px; background:#eee; border:5px solid #eee;}

.proinfos {position:relative; width:155px; height:115px; background:#eee; border:1px solid #eee; margin:0 10px 10px 10px; padding:1px; }

.proinfow {float:left; position: relative; height:88px; overflow: auto; font-family: sans-serif; font-size: 12px; color:#333; line-height: 110%; text-align: left; padding:3px;}

.proinfos d { 
    width:145px; 
    float:left;
    position: relative;
    font-family:sans-serif;
    text-transform: uppercase;
    font-weight:bold; 
    font-size:12px;
    letter-spacing: -0.5px;
    text-align: left;
    color:#828e90;
    background-color:rgba(199,199,199,0.7);
    padding:5px;
}

.proinfos d i {float:none; font-size: 12px; margin: 0;}
.proinfos i { 
    float:left;
    font-size:14px;
    margin:3px;
    color:#828e90;
}
.proimgt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin:5px 10px 10px 10px;
    width:150px;
    height:150px;
    border:5px solid #eee;
    border-bottom:15px solid #eee;
    background-position:center;
    background-size:auto 150px;}

.proimgti {
    position: relative;
    top:152px;
    left:140px;
    color:#888;
}


/***********************************************************************
                    colors
************************************************************************/
#Staff .p-nun, #Staff .pafs2sm, #Staff    
.proinfo c, #Staff .proinfos d, #Staff .proinfos d i, #Staff .proinfos i, #Staff #ppdw1 {color:#497e81;}
#Staff .p-posts {background-image:url(http://makeshiftheart.com/FS/imgs/pstaffbg.png);}
#Staff .pafs, #Staff .pafs2 {background:#497e81; color:#f1f1f1;}
#Staff .pafs:hover, #Staff .pafs2:hover {background:#f1f1f1; color:#497e81;}
#Staff .prohead {color:#497e81;}
#Staff .promain {border-bottom:10px solid #497e81;}
#Staff #ppdw1 {border-bottom: 1px solid #497e81;}

#OOC .p-nun, #OOC .pafs2sm, #OOC    
.proinfo c, #OOC .proinfos d, #OOC .proinfos d i, #OOC .proinfos i, #OOC #ppdw1  {color:#9c9b60;}
#OOC .p-posts {background-image:url(http://makeshiftheart.com/FS/imgs/poocbg.png);}
#OOC .pafs, #OOC .pafs2 {background:#9c9b60; color:#f1f1f1;}
#OOC .pafs:hover, #OOC .pafs2:hover {background:#f1f1f1; color:#9c9b60;}
#OOC .prohead {color:#9c9b60;}
#OOC .promain {border-bottom:10px solid #9c9b60;}
#OOC #ppdw1 {border-bottom: 1px solid #9c9b60;}

#Mortal .p-nun, #Mortal .pafs2sm, #Mortal    
.proinfo c, #Mortal .proinfos d, #Mortal .proinfos d i, #Mortal .proinfos i, #Mortal #ppdw1 {color:#992f2f;}
#Mortal .p-posts {background-image:url(http://makeshiftheart.com/FS/imgs/pmortalbg.png);}
#Mortal .pafs, #Mortal .pafs2 {background:#992f2f; color:#f1f1f1;}
#Mortal .pafs:hover, #Mortal .pafs2:hover {background:#f1f1f1; color:#992f2f;}
#Mortal .prohead {color:#992f2f;}
#Mortal .promain {border-bottom:10px solid #992f2f;}
#Mortal #ppdw1 {border-bottom: 1px solid #992f2f;}

#Sempiternal .p-nun, #Sempiternal .pafs2sm, #Sempiternal    
.proinfo c, #Sempiternal .proinfos d, #Sempiternal .proinfos d i, #Sempiternal .proinfos i, #Sempiternal #ppdw1 {color:#548134;}
#Sempiternal .p-posts {background-image:url(http://makeshiftheart.com/FS/imgs/psempibg.png);}
#Sempiternal .pafs, #Sempiternal .pafs2 {background:#548134; color:#f1f1f1;}
#Sempiternal .pafs:hover, #Sempiternal .pafs2:hover {background:#f1f1f1; color:#548134;}
#Sempiternal .prohead {color:#548134;}
#Sempiternal .promain {border-bottom:10px solid #548134;}
#Sempiternal #ppdw1 {border-bottom: 1px solid #548134;}

#Immortal .p-nun, #Immortal .pafs2sm, #Immortal    
.proinfo c, #Immortal .proinfos d, #Immortal .proinfos d i, #Immortal .proinfos i, #Immortal #ppdw1 {color:#527a9f;}
#Immortal .p-posts {background-image:url(http://makeshiftheart.com/FS/imgs/pimmortalbg.png);}
#Immortal .pafs, #Immortal .pafs2 {background:#527a9f; color:#f1f1f1;}
#Immortal .pafs:hover, #Immortal .pafs2:hover {background:#f1f1f1; color:#527a9f;}
#Immortal .prohead {color:#527a9f;}
#Immortal .promain {border-bottom:10px solid #527a9f;}
#Immortal #ppdw1 {border-bottom: 1px solid #527a9f;}

#Eternal .p-nun, #Eternal .pafs2sm, #Eternal    
.proinfo c, #Eternal .proinfos d, #Eternal .proinfos d i, #Eternal .proinfos i, #Eternal #ppdw1 {color:#7e5d8f;}
#Eternal .p-posts {background-image:url(http://makeshiftheart.com/FS/imgs/peternalbg.png);}
#Eternal .pafs, #Eternal .pafs2 {background:#7e5d8f; color:#f1f1f1;}
#Eternal .pafs:hover, #Eternal .pafs2:hover {background:#f1f1f1; color:#7e5d8f;}
#Eternal .prohead {color:#7e5d8f;}
#Eternal .promain {border-bottom:10px solid #7e5d8f;}
#Eternal #ppdw1 {border-bottom: 1px solid #7e5d8f;}



.proinwrap {position:relative; float:left; width:100px; height:150px; right:0; top:-3px;}
.proinwrap2 {position:relative; width:100px; height:100px; left:-200px; top:-105px;}