Skin Fashion Vampire

/*----------[PERFILEMU]------------*/
.postprofile {
background-image: url(http://i.imgur.com/H5rg5ew.png);
border: 1px solid #F5F3F3;
border-bottom: 1px solid #B4B4B4;
border-top: 1px solid #B4B4B4;
height: 112px;
margin-left: -10px;
margin-top: 20px;
padding: 5px;
position: absolute;
width: 795px;
}


.post span.corners-top {
display: none;
}
.postbody {
width: 102%;
margin-top: 130px;
margin-right: -10px;
}
.postbody ul.profile-icons {
margin: 2px 2px;
margin-bottom:20px;

}
.postbody .topic-title {
display: block;
padding: 5px 0 0 5px;
}





p.author {
background: #ffffff;
font-family: cutive mono;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-top: -159px!important;
margin-left:-10px;
padding-top:4px;
width: 807px;
}







.table-title h2 {
  vertical-align:middle;
  font-weight:none;
  font-family: cutive mono ;
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase ;
  text-align: center;
  text-shadow: 1px 1px 0 #414141;
  letter-spacing:7px;
}

#wrap {
 border-left:  solid 15px  #FFFFFF;
 border-right: solid 20px #FFFFFF;
}

#page-header .navbar{
margin-top: -10px;
}


/*Widgets*/
.module .h3 {
visibility:hidden;
}

#content-container div#left {
background-color:#EBF3FA;
background-repeat: repeat;
border-right:15px solid #ffffff;
border-bottom:15px solid #ffffff;
float: left;
line-height: 100%;
margin-top: -28px;
  margin-left:-5px;
overflow: hidden;
text-align: center;
width: 210px;
}

/*Logo foro*/
#logo {margin-left: -15px;
margin-top:10px;}


::-webkit-scrollbar {
  height:12px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #5c0d13;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
::-webkit-scrollbar-track  {
  background-color: #ffffff;
  display:block;
}



.h3 {
  vertical-align:middle;
  font-weight:none;
  font-family: cutive mono;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 0px;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  text-align: center;
   padding: 15px 0px 15px 0px;

}



li.header {
  margin: 0px 0px 0px 0px;
  background-color: #5c0d13;
  padding: 15px 0px 15px 0px;
  line-height: 18pt;
  text-align: center;
}





.forabg {
margin-bottom: 40px;
}

#search-box {
        display: none;
    }

#main-content {
margin-left: 15px;
}

ul.linklist li {margin-left: 5px;}



#main .linklist, .rightside, .rightside + p{
  display:none;
  }

ul.topiclist {
   list-style-type: none;
   margin: 0;
   background-color:#ffffff;
   background-repeat: repeat;
 }

p {text-align: center;}



/*Interior de la categoria: mensajes*/

.forabg li.row dd.dterm {
width:70% /*Descripción y Título*/
}
/*Lo demás*/
.forabg li.row dd.topics{
width: 10%;
font-size: 10px
}
.forabg li.row dd.topics:after {
content: " TEMAS ";
font-size: 10px
}
.forabg li.row dd.posts{
width: 10%;
font-size: 10px
}
.forabg li.row dd.posts:after {
content: " POSTS ";
font-size: 10px
}
.forabg li.row dd.lastpost{
width: 20%;
border-bottom: 3px solid #5c0d13;
background: #ecf4fb;
}







.post{
  background-color:#ffffff;
  border-left: solid 4px #5c0d13;
  border-right: solid 4px #5c0d13;
  border-bottom: solid 4px #5c0d13;
  border-top: solid 4px #5c0d13;
}


div.post {
  margin-bottom: 20px;
}




.postprofile {
display: block;
text-align: center;
}


.module .box-content .mod-login-avatar {
float: center;
align: center;
border:4px solid #ffffff;
}

dl.mod-login dt{
margin-left:70px;
float:none;
}

dl.mod-login dd{
margin-left: 48px;
float:none;
}

.postprofile dt img {
align: center;
}



.postprofile dl dt img{margin-bottom:10px;}

ul.topiclist.bg_none {
background-color:#EBF3FA;
background-repeat: repeat;
border:1px solid #5c0d13;
}

#cp-main .panel {
    background-color: #ffffff;
    border-top: 4px solid #5c0d13;
    border-bottom: 4px solid #5c0d13;

}

.inputbox {
border: 2px solid #5c0d13;
color: black;
}

dl.codebox {
width:700px;
-moz-border-radius: 8px 8px 8px 8px;
background:url('LINK IMAGEN');
border:1px solid #5c0d13;
}

dl.codebox:hover {
border:1px solid #5c0d13;
}

dl.codebox dt {
border-bottom:1px dotted #5c0d13;
display:block;
font-size:0.8em;
font-weight:700;
color:#COLOR;
margin-bottom:3px;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
}

dl.codebox code {
color:#COLOR;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #COLOR;
font-size:9px;
}

blockquote {
-moz-border-radius: 8px 8px 8px 8px;
background:url('LINK IMAGEN');
border:1px solid #5c0d13;
}

blockquote:hover {
border:1px solid #5c0d13;
}

.content blockquote {
color:#COLOR;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #COLOR;
font-size:9px;
}



li.header {padding-left: 260px;}

#content-container div#left {
  text-align: center;
  align: center;
}



.forumbg li.header dl.icon dd {
display: none;
}

a.forumtitle {
font-family:inconsolata;
font-size: 15px;
color:#780e16;
padding-top: 4px;
margin-left: 115px;
margin-bottom: -20px;
text-align: center;
text-transform:lowrence;
text-shadow: 1px 1px 0 #414141;
width: 200px;
height:16px;
}

.postbody ul.profile-icons{margin-top:20px;margin-right:-14px}



#page-header .navlinks {
background-color: #FFFFFF;
font-family:cutive mono;
text-transform: uppercase ;
left: 249px;
padding: 2px 0!important;
position: absolute;
right:0;
top: 0;
width: 1095px;

}


#descripcionvampire {
    width:400px;
    height:auto;
    padding:15px;
    background:#ecf4fb;
    box-shadow: 2px 2px 5px #999;
}



/* para eliminar la columna de temas */
.forabg li.header dd.topics {
display: none
}
/* para eliminar la columna de mensajes */
.forabg li.header dd.posts {
display: none
}
/* para eliminar la columna de ultimos mensajes */
.forabg li.header dd.lastpost {
display: none
}


.h3, h3 {
color: #5C5C5C;
}



a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}



#i_whosonline + p br + br + em {
  width: 70%;
  background: white url() repeat-x scroll left bottom;
  border-bottom: 2px solid #5c0d13;
  text-align: center;
  font-family:cutive mono;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}

#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 12px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
  padding: 9px 10px 10px;
}

@font-face {
  font-family: 'Cutive Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Cutive Mono'), local('CutiveMono-Regular'), url(http://themes.googleusercontent.com/static/fonts/cutivemono/v2/N5odNRruTwjvCM8y77PhQYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), url(http://themes.googleusercontent.com/static/fonts/inconsolata/v7/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

li.footer-home a.icon-home{
   display: none;
}

#cp-main .panel.sig {
background-color: #ffffff;

 }

.postbody .content {
min-height: 70px;
}
.postbody .topic-title a {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
}

.postprofile dd + dd + dd {
float: right;
margin-right: 10px;
margin-top: -15px;
}
.postprofile dt strong a {
font-family: cutive mono;
font-size: 12px;
margin-left: 200px;
position: absolute!important;
top: 10px;
}

.postprofile dd + dd + dd + dd + dd {
right: 0px;
display: block;
position: absolute!important;
bottom: 5px;
margin-right: 10px;}

.postprofile dl dt a img {
border: 1px solid #5c0d13;
height: 110px;
width: 180px;
}
.postprofile dl dd {
float: left;
padding-left: 20px;
padding-top: 20px;
}
.postprofile dl dt {
float: left;
}
.postbody .topic-title a {
position: relative;
top: 12px;
}
.postprofile dt img {
max-width: 180px;
max-height: 110px;
}
.panel .postprofile {
margin-top: 3px;
}



ATENCIÓN ESTE ULTIMO CÓDIGO ES PARA PONERLO EN LAS DESCRIPCIONES DE TUS FOROS EN CASO DE QUE QUIERAS OBTENER LA MISMA QUE MUESTRA LA PREVISUALIZACION DEL SKIN:

<div id="descripcionvampire">

    <div style="width:385px;height:auto;padding:8px;background:#5c0d13;">

        <div style="width:377px;height:auto;padding:4px;background:#ecf4fb;border:1px solid #ffffff;text-align:justify;font-size:10px;font-family:roboto;color:5c5c5c;line-height: 1.0;">
            Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen
        </div>

    </div>
</div>
.postprofile dt img, .postprofile dd img {
max-width: 180px;
max-height: 110px;
float: left;
}
.postprofile dt a {
float: right;
}