/*профиль*/
*q.anketa .tp{cursor:hand !important;}
q.anketa .tp{cursor:pointer !important;}
q.anketa .tp:hover em{
font:normal 11px Verdana !important;
padding:7px 30px 7px 30px !important;
width: 240px !important;
border:0px !important;
height: 180px !important;
background-color: transparent !important;
background-image: url('http://katalogue.org/images/kniga.png') !important;
background-repeat: no-repeat !important;
vertical-align: top !important;
word-wrap: break-word !important;
-webkit-border-radius:0px !important;
-moz-border-radius:0px !important;
border-radius:0px !important;
-webkit-box-shadow:0 0 0px #000 !important;
-moz-box-shadow:0 0 0px #000 !important;
box-shadow:0 0 0px #000 !important;
-moz-column-width: 110px;
-webkit-column-width: 110px;
-moz-column-count: 2;
-webkit-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;}




/*CS0 проба*/
 <link href='http://fonts.googleapis.com/css?family=Muli:400,400italic|Nothing+You+Could+Do' rel='stylesheet' type='text/css'><style type="text/css" >.cbggo { background-color: #F7E7CE; width: 500px; padding: 15px; border: 2px solid #C41E3A;}
.characimgae { background-image: url(http://placehold.it/200x300); height:300px; width: 200px; float: right; border: 1px dashed #232b2b; }
.infome { background: #232b2b; width: 125px; height: 35px; float: left; margin: 8px 10px 5px 0; padding:5px; color: #f7e7ce;}
.infome h1 { font-size: 10px; text-transform: uppercase; font-weight: normal; font-family: 'Muli', sans-serif; text-align: left; position: relative;  right: 0px; color: #fff; top: -12px; font-style: italic;}
.infome p { position: relative; top: -30px; font-family: 'Nothing You Could Do', cursive; font-size: 20px; left: 0px; letter-spacing: 2px; }
.pbinfo1 { background: #232b2b; width: 270px; height: 35px; float: left; margin: 15px 10px 5px 0; padding:5px; color: #f7e7ce; }
.pbinfo1 h1 {font-size: 10px; text-transform: uppercase; font-weight: normal; font-family: 'Muli', sans-serif; text-align: left; position: relative;  right: 0px; color: #fff; top: -12px; font-style: italic; }
.pbinfo1 p { position: relative; top: -30px; font-family: 'Nothing You Could Do', cursive; font-size: 20px; left: 0px; letter-spacing: 2px;  }
.lineinter { width: 475px; background-color: #C41E3A; height: 3px; margin-top: 325px } 
.historyme { width: 475px; font-family: mali, sans-serif; color: #232B2B; font-size: 11px; text-align: justify; line-height: 85%; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; margin-top: 10px; }
.historyme h1 { font-family: 'Nothing You Could Do', cursive; font-size: 25px; color: #C41E3A; }
.namemenow { font-family: 'Nothing You Could Do', cursive; font-size: 34px; color: #C41E3A; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -o-transform: rotate(90deg);transform: rotate(90deg); position: relative; left: 275px; top: -400px;} 
.cccmecred {  width: 480px; height: 15px; margin-top: 0px; color: #3B444B; font-family: mali,  text-transform: uppercase; font-size: 8px; padding-top: 2px; font-size: 10px;  }</style>
<center>
 <div class="cbggo">
 <div class="characimgae"></div>
   <div class="infome">
     <h1>Age</h1>
     <p>Seventeen</p></div>
     <div class="infome">      <h1>hometown</h1>
     <p>Mesa</p></div>
   <div class="infome"><h1>OCCUPATION</h1>
    <p>Songwriter</p></div>
     <div class="infome"><h1>member group</h1>
    <p>Famous</p></div>
     <div class="infome"><h1>SEXUALITY</h1>
    <p>Straight</p></div>
     <div class="infome"><h1>alias</h1>
    <p>kaylee</p></div>
   
   <div class="pbinfo1"><h1>Playby Info</h1>
     <p> Candice Swanepoel</p></div>
   
   <div class="pbinfo1"><h1>Describe in 3 words</h1>
     <p>Open, Honest, Charming</p></div>
   
   <div class="lineinter"></div>
   
   <div class="historyme"><h1>My History</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in congue magna. Integer leo erat, feugiat et tortor id, euismod molestie tortor. Vivamus at felis aliquet, sodales arcu non, imperdiet sapien. Cras egestas lectus nec erat iaculis congue. Nunc rhoncus leo a odio aliquam ullamcorper. Maecenas tristique tristique sodales. Quisque scelerisque mollis auctor. Curabitur vitae nulla nec leo gravida cursus vel a magna. Sed lectus velit, rhoncus ac libero vitae, dapibus viverra erat. In hac habitasse platea dictumst. Nunc vel magna non libero interdum facilisis ac eget nibh. Sed eu ultricies libero, eu blandit ante. Cras tincidunt iaculis sem a fringilla. Phasellus porttitor aliquam semper. <p>

Fusce volutpat mi diam, non sodales ligula vulputate eu. Maecenas vel vestibulum elit. Nunc ac eros hendrerit, placerat arcu in, luctus nunc. Cras porta nibh sed urna convallis imperdiet. Pellentesque quis interdum risus. Suspendisse tempus volutpat ipsum, et fermentum sem. Integer semper mauris non lacus rhoncus volutpat. Pellentesque venenatis leo ut semper euismod.<p>

Cras a tempor enim, ac bibendum massa. Phasellus lobortis lectus non metus euismod, a sollicitudin metus rutrum. Nam vel dolor massa. Morbi eu blandit ligula. Sed tincidunt mauris ac erat hendrerit, vitae consequat felis feugiat. Mauris scelerisque feugiat aliquam. Sed eget nibh magna. Fusce ac libero sapien. Donec faucibus fermentum sapien, sed consectetur enim aliquet quis. Phasellus sed lacus ut massa adipiscing laoreet. Ut sit amet orci luctus dolor eleifend molestie a ac mauris. Aenean ipsum sapien, gravida in eros sit amet, volutpat mattis urna.<p>

Integer id sapien vitae neque dictum auctor ut eget purus. Aliquam tempor, eros pulvinar rutrum tristique, diam est lacinia nulla, vitae rutrum elit sem et ligula. Proin vitae nunc sit amet velit venenatis hendrerit porta quis ipsum. Nunc est lorem, tincidunt sed cursus vel, varius eget massa. Nam elementum ac eros ac suscipit. Vivamus laoreet tincidunt lorem vel sodales. Praesent at lorem sed lacus fermentum facilisis. Aliquam tincidunt elit ac hendrerit porttitor.<p>

Curabitur euismod dui orci, a dictum nisl dignissim nec. Suspendisse vel tincidunt lorem. Donec tempor est erat, sit amet semper libero hendrerit ut. Donec nec nulla metus. Curabitur varius elementum diam et gravida. Suspendisse ante tellus, pretium quis ornare non, mollis a dolor. Vivamus et leo nec libero rhoncus tincidunt. Sed pellentesque quam metus, vel lacinia neque consectetur mollis. Donec faucibus magna congue enim imperdiet, ut ultricies magna pharetra. Cras elit velit, laoreet nec ipsum id, pretium mattis velit. Mauris rutrum nibh vitae lorem malesuada feugiat. Phasellus egestas orci ligula, vel feugiat dolor luctus eget. Nulla facilisi.<p>
    </div>
 
 <div class="namemenow"> Jessica Annabelle Masterson</div>
 <div class="cccmecred"> created by MORBID MEMORIES @ <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2600"STYLE="TEXT-DECORATION: NONE"><font color="#663854">Shadowplay</font></a></div></div>
</center>



/* CS1 Фон и цвет текста*/
li#navawards {display: none;}

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #d5bedf;  background-image: url(адрес); background-position: top center; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://sb.uploads.ru/4KWJl.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 417px;
width: 900px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #caadd6; background-image: url(http://sa.uploads.ru/k3Yxw.png);}


/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
background-color: transpanent; 
background-image: url();
z-index: 1000;
top: 370px;
left: 370px}



/* CS2 Ссылки */

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #7e3a9b;
  text-decoration: none;}

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #7e3a9b; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #7e3a9b;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #7e3a9b;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 40px;
height: 62px;
background-image : url(http://sc.uploads.ru/ghyXR.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://sa.uploads.ru/gueo8.png);
background-repeat: no-repeat;
width: 40px;
height: 62px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://sa.uploads.ru/gueo8.png);
background-repeat: no-repeat;
width: 40px;
height: 62px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://sc.uploads.ru/ghyXR.png);
background-repeat: no-repeat;
width: 40px;
height: 62px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(адрес);
height: 80px;
width: 200px;
font-size:0 !important;
margin-left: 320px;}

/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("адрес");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 120px;
padding-top: 40px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 80px;
width: 200px;
margin-left: 320px;
background-color: transparent;
background-image: url("адрес");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #d5bedf; 
background-image: url("адрес");
color: #000000}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 2px 1px }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #d5bedf;
color: #000000}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}