Como deixar as categorias/fóruns assim?

Código:

a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
letter-spacing: 4px;
text-decoration: none!important;
transform: all;
transition: 1s;
}

.topictitle, h1, h2 {
color: #474037;
font-size: 13px;
font-weight: 700;
}
user agent stylesheeth2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

Código:

.main-head {
border-bottom: 3px dotted #191817;
display: block;
font-family: arial;
font-size: 31px;
font-weight: 700;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
padding: 2px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 0 black;
text-transform: uppercase;
width: 950px;
z-index: 2;
background-color: transparent !important;
}

.page-title {
-htm-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
background-color: #A8A8A8;
display: block;
height: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
transform: rotate(5deg);
width: 90%;
z-index: 1;
font-family: arial;
font-size: 31px;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px 0 black;
text-transform: uppercase;
}