top



Hello Guest!

Help me, see the image


The profile info was not in a line! help me!

Thanks! Happy

I see your problem, I noticed it the other day as well. It has something to do with your CSS, verrell123. You'll have to check your CSS yourself unless you want to give it out. The Profile Info should end where the red line cuts through, yes?

Meminto wrote:I see your problem, I noticed it the other day as well. It has something to do with your CSS, verrell123. You'll have to check your CSS yourself unless you want to give it out. The Profile Info should end where the red line cuts through, yes?

Well, you are admin on my forum, check there.. Razz

I dont see the problem

shadowz_au wrote:I dont see the problem
What? are this error only on my laptop?? can you screenshot it?

I see the problem

shadowz_au wrote:I see the problem
my CSS:
Code:

body {
   color: #c8c8c8;
        font-size: 12px;
        padding: 10px;
        font-family: 'Verdana', 'Sans Serif', 'Trebuchet MS', 'Arial', 'Helvetica', 'Times';
   }

body {
  font-family: 'Indie Flower', serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}

@font-face {
        font-family: 'Indie Flower', serif;
        src: url("http://www.google.com/webfonts/family?family=Indie+Flower&subset=latin");
}

.pun {
   width: 900px;
   padding: 10px;
   background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 5px;
      -webkit- border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        }
hr {
   height: 1px;
   margin: 4px;
        border: 1px solid #333;
   border-top: 1px solid #333;
   border-bottom: 1px solid #111;
   }
a:link, a:visited {
   outline: none;
   text-decoration: none;
   }
a:hover {
   text-decoration: none;
   }
#pun-intro {
   border-bottom: none;
   background: transparent;
        }
.crumbs, #pun-visit, #pun-about #qjump, ul#pun-legend, ul.pun-legend {
   display: none;
   }
.pun .main-content, #pun-about, #pun-head #pun-navlinks, .main .main-foot, .main .main-head, .main-box, .pun .paged-foot, .pun .paged-head, .pun .postmain, .main .main-content.frm, .pun .frm-form, td.avatar-mini img, .faq dd, .postfoot, .pun .post .user {
   background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        margin-top: 4px;
        padding: 6px;
   }
.pun table.table td{
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        }
.pun .frm .frm-form table  {
   background: transparent;
        border: none;
   }
.main .main-head .page-title {
   font-size: 18px;
   color: #F2EADA;
   }
.main .main-foot, .main .main-head {
        padding: 10px;
   }
#stats, #onlinelist, .pun table.table th, .pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3, .pun .main table.table td.td-title  {
   background: transparent;
        }
#onlinelist, .frm-buttons {
        border-top: none;
        }
.pun .posthead {
        border: none;
        border-bottom: 1px solid #1E1E1D;
   background: transparent;
        }
fieldset.frm-set.multi {
        border-bottom: none;
        }
.pun .postmain {
        border-left: 1px solid #1E1E1D;
        }
.pun .post {
        border: none;
        }
.pun table.table th {
        color: #c8c8c8;
        }
.pun table .tdtopics .status {
        margin-left: -50px;
        }
.pun .post .user {
        margin-left: -210px;
        margin-top: -35px;
        }
.postfoot {
        margin-left: 0px;
        padding: 10px;
        }
input[type="submit"],input[type="reset"], button.button2, input.button2,  input[type="button"], .main-content.standalone .button {
        background: white url(http://i71.servimg.com/u/f71/16/21/18/28/1zf4sh10.png) repeat 0px 0px;
        color: #000;
        border:1px solid #ccc;
        text-shadow:0px 1px 0px white;
        border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
        padding:4px;
        }

input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button.button2:hover, input.button2:hover, .main-content.standalone .button:hover{
        color: #F5117B;
        border:1px solid #ccc;
        }
input[type="submit"]:active,input[type="reset"]:active, button.button2:active, input.button2:active, input[type="button"]:active, .main-content.standalone .button:active{
        border:1px inset #ccc;
        }
input[name="post"], input[name="preview"], input[name="draft"]{
        padding:5px !important;
        }
input[type="text"], #text_editor_textarea.quick_reply_textarea, input[type="password"], input[type="textarea"], textarea.inputbox, #text_editor_textarea, textarea#comments {
        background: #F7F7F7;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        padding : 5px;
        border: 1px dashed #ccc;
        }
input[type="text"]:focus, #text_editor_textarea.quick_reply_textarea:focus, input[type="password"]:focus, input[type="textarea"]:focus, .inputbox:focus, #text_editor_textarea:focus, textarea#comments:focus {
        outline:none;
        }
input#friend, input#foe {
   margin-top:5px;
   }
.main-content.standalone .button.button1 {
   font-weight: normal;
   }
input.button1 {
   margin-left:3px;
   }
#text_editor_cmd_switchmode{
   display:none;
   }
fieldset.left {
   width: 35%;
   float: left;
   }
fieldset.right {
   width: 45%;
   float: right;
   }
.frm-form fieldset.frm-set .inputbox {
   width: 55%;
        padding: 3px;
   }
.frm-form fieldset.frm-set textarea.inputbox {
   width: 55%;
   }
.frm-form fieldset.frm-set .italic, #pun-qpost .main-head.clearfix p.h2{
   display:none;
   }
.frm-form fieldset.frm-set input[type="radio"] {
   margin: 0 0.5em 0 0;
   }
#textarea_content label {
        display:none;
   }
#text_editor_textarea.quick_reply_textarea {
        width : 590px !important;
        margin-left: -3px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 17px;
        }
#quick_reply #textarea_content textarea {
        border : none;
        background : transparent;
        resize:none;
        }
#quick_reply  #textarea_content .dd-textarea {
        margin-top: 5px;
        margin-left: 116px;
        background : transparent url(http://i20.servimg.com/u/f20/15/20/70/09/quick-10.png) no-repeat;
        width : 612px;
        height : 160px;
        }
#pun-foot .center {
        background: url(Copyright IMG) no-repeat right;
        }

.mulit-iocns img{
  margin-left: 47px;
  }

/ *-- Removal of negative voting button in messages --* /
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}

.vote {
    width: 24px; / *-- Width of the image chosen --* /
}

/* Table Line----------------------------------------------*/
.cat1 td{
        border: none;
        padding: 10px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
text-align:center;
  }

/* jQuery Stat----------------------------------------------*/
    #tabs ul li.activetab a {
      background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
            border: 1px solid #1E1E1D;
            -webkit-box-shadow: black 0px 0px 1px;
            -moz-box-shadow: black 0px 0px 1px;
            -o-box-shadow: black 0px 0px 1px;
            box-shadow: black 0px 0px 1px;
      }
    #tabs ul li.activetab a:hover {
      background: transparent;
      }
    #tabs ul li a {
      background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
            border: 1px solid #1E1E1D;
            -webkit-box-shadow: black 0px 0px 1px;
            -moz-box-shadow: black 0px 0px 1px;
            -o-box-shadow: black 0px 0px 1px;
            box-shadow: black 0px 0px 1px;
      }
    #tabs ul li a:hover {
        background: transparent;
        }

/* Blog----------------------------------------------*/
.blog .icon {
   background-position: 10px 20px !important;
   }
.blog .dterm {
   width: 94% !important;
   background-position: 5px 20px !important;
   }
.blog_cal-border {
   display: inline;
   float: left;
   border: 1px solid #dbdada;
   background: #efeded;
   padding: 1px;
   font-size: 1.2em;
   margin-right: 1em;
   }
.blog_cal-content {
   width: 2.9em;
   background: #dbdada;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #ffffff;
   }
.blog_cal-content span {
   display: block;
   }
.blog_cal-day {
   padding-left: 0.2em;
   font-size: 1.6em;
   letter-spacing: 0.2em;
   }
.blog_cal-month {
   line-height: 0.7em;
   font-size: 2em;
   font-weight: bold;
   }
.blog_cal-year {
   line-height: 1.2em;
   font-size: 0.8em;
   }
.blog_title {
   padding-top: 1em;
   font-size: 1.3em;
   }
.blog_title h2 {
   display: inline;
   }
.blog_title .topictitle {
   font-size: 1.2em;
   }
.blog_message {
   margin-top: 0.5em;
   font-size: 1.1em;
   }
.blog .codebox dt {
   width: 92%;
   }
* html .blog .codebox dt,*+html .blog .codebox dt {
   width: 100%;
   }
.blog_comments {
   text-align: right;
   }
.blog_comments img {
   vertical-align: middle;
   }
#blog_comments {
   width: 90%;
   margin: 0 auto;
   }
#blog_comments .postbody {
   width: 96%;
   }
.blog_comment-avatar {
   float: left;
   }
.blog_comment-avatar img {
   background-color: #fff;
   border: 1px solid #dbdada;
   vertical-align: middle;
   width: 38px;
   margin: 5px 5px 0 0;
   }
#blog_comments .h3 {
   overflow: hidden;
   margin-top: 0;
   margin-left: 45px;
   padding: 0;
   min-height: 22px;
   }
.blog_comment-title {
   float: left;
   min-height: 12px;
   margin-top: 7px;
   }
#blog_comments .profile-icons {
   margin: 0;
   list-style-position: inherit;
   }

#organic-tabs { background: #; padding: 2px; margin: 0 0 15px 0; }

    #explore-nav { overflow: hidden; margin: 0 0 10px 0; }
    #explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
    #explore-nav li.last { margin-right: 0; }
    #explore-nav li a { display: block; padding: 5px; background: #; color: white; font-size: 10px; text-align: center; border: 1px solid #; }
    #explore-nav li a:hover { background-color: #; }

    #jquerytuts, #core, #classics { display: none; }

    #explore-nav li#ex-featured a.current, ul#featured li a:hover {  color: white; }
    #explore-nav li#ex-core a.current, ul#core li a:hover {color: white; }
    #explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { color: white; }
    #explore-nav li#ex-classics a.current, ul#classics li a:hover { color: white; }

/* Chatbox-------------------------------------------------*/
body.chatbox {
   background-image: none;
   }
.chatbox {
   background-color: #efeded;
   }
#chatbox_header {
   height: 30px;
   background-color: #dbdada;
   }
.chatbox .forabg {
   margin: 0;
   border: none;
   padding: 0;
   margin: 0;
   background-color: #dbdada;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #ffffff !important;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #ffffff;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #cadceb;
   color : #105289;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #efeded;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #efeded;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #cadceb;
   }
.memberlist_row_1 {
   background-color: #efeded;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 5px;
   }
#chatbox_footer label {
   color: #ffffff;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
#chatbox_contextmenu {
   border: 2px solid black;
   background-color: #cadceb;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #efeded;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: #efeded;
   }
#chatbox_contextmenu p.close {
   background: #ddd;
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   padding-left: 20px;
   }
#chatbox_contextmenu a {
   color: #105289;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }
.fontbutton {
   background:#E1E1E2 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }
#chatbox .user {
   font-weight: bold;
   }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }

body {
    margin: 0;
    padding: 0;
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
    height: 100%;
}
* {margin: 0; padding: 0; outline: none;}
img {border: none;}
h1 {
    font-size: 1.2em;
    padding: 5px 10px;
    color: #ccc;
    width: 940px;
    margin: 0 auto;
}
h1 a {    color: #fff; }
h1 span {font-weight: normal;}


.postmain blockquote, .codebox {
background: transparent;
-moz-box-shadow: black 0 0 1px;
-o-box-shadow: black 0 0 1px;
-webkit-box-shadow: black 0 0 1px;
border: 1px solid #1E1E1D;
box-shadow: black 0 0 1px;
}
.codebox dd {
background: transparent;
}
.codebox dt {
border-bottom: 1px dotted #333;
}


/*--message box--*/

.msgbox { 
        width: 300px;
        padding: 4px;
        background-image:url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
        border: 1px solid #343434;
   font-weight: bold;   
   color:gray;
   border-radius: 3px;
   -moz-border-radius: 3px;
        -moz-box-shadow: 0px 0px 1px #000;
   -webkit-box-shadow: 0px 0px 1px #000;
}

#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
   text-indent: 0;
   width: auto;
   height: auto;
   padding: 0;
   float: none;
   color: #00629a;
   position: static;
}
#footpanel ul li div a:hover {   text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
   position: absolute;
   left: 0; bottom: 27px;
   display: none;   /*--Hide by default--*/
   width: 198px;
   border: 1px solid #555;
   background: #fff;
   overflow: hidden;
}
#footpanel h3 {
   background: #526ea6;
   padding: 5px 10px;
   color: #fff;
   font-size: 1.1em;
   cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
   font-size: 1.5em;
   float: right;
   line-height: 0.6em;
   font-weight: normal;
}

#footpanel .subpanel ul{
   padding: 0; margin: 0;
   background: #fff;
   width: 100%;
   overflow: auto;
   padding-bottom: 2px;
}
#footpanel .subpanel li{
   float: none; /*--Reset float--*/
   display: block;
   padding: 0; margin: 0;
   overflow: hidden;
   clear: both;
   background: #fff;
   position: static;  /*--Reset relative positioning--*/
   font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(http://www.sohtanaka.com/web-design/examples/footer-panel/dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
   padding: 5px;
   background: #fff;
   color: #777;
   float: left;
}
#chatpanel .subpanel li a img {
   float: left;
   margin: 0 5px;
}
#chatpanel .subpanel li a{
   padding: 3px 0;   margin: 0;
   line-height: 22px;
   height: 22px;
   background: #fff;
   display: block;
}
#chatpanel .subpanel li a:hover {
   background: #3b5998;
   color: #fff;
   text-decoration: none;
}

a.select-link{float: right;}

/*---Tooltip---*/


/*---fb tooltip---*/
.tipsy {
  font-size: 20px;
  position: absolute;
  z-index: 999;
  margin-top: -10px;
  padding: 5px;
        }
.tipsy-inner {
  background-color: #603311;
        text-shadow: 1px 1px 0px #555;
        color: #fff;
  max-width: 400px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 8px 4px;
  text-shadow:0px -1px 1px #000;
        }
.tipsy-arrow {
  position: absolute;
  background: url('http://i22.servimg.com/u/f22/15/42/72/40/tipsy10.png') no-repeat top left;
  width: 9px;
  height: 5px;
        }
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
        }
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
        }
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
      }
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
        }
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
        }
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
        }
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
        }
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
        }

/ *-- cool box on forum  --* /

.testpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.testpostbox {
color: #AA0000;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emotes/face-smile.png');
}

.alertbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.alertbox {
color: #AA0000;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-warning.png');
}

.infopostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.infopostbox {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-important.png');
}

.blockpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.blockpostbox {
color: #AA0000;
background-color: #4B777D;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-error.png');
}

.attcpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.attcpostbox {
color: #FFFFFF;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/mail-attachment.png');
}

.attcpostbox2 {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.attcpostbox2 {
color: #000000;
background-color: #FFFFFF;
background-image: url('http://i22.servimg.com/u/f22/16/52/61/30/icon-a10.png');
}

.designerpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.designerpostbox {
color: #29A9FF;
background-color: #6229ff;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/categories/applications-office.png');
}

.techpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.techpostbox {
color: #990099;
background-color: #470099;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-system.png');
}

.sugpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.sugpostbox {
color: #7a9900;
background-color: #c8fa00;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-information.png');
}

.solvedpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.solvedpostbox {
color: #00fa26;
background-color: #03ab1d;
background-image: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png');
}

.rulesbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.rulesbox {
color: #00FFFF;
background-color: #0000FF;
background-image: url('http://i22.servimg.com/u/f22/16/22/44/20/privac11.png');
}

/ *-- tooltip  --* /
.tip {
  color: #fff;
  background:#1d1d1d;
  display:none; /*--Hides by default--*/
  padding:10px;
  position:absolute;  z-index: 999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/ *-- lastpostdesign  --* /
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;}

.pun .user-ident .username {
position: initial;
}

/ *-- tb tweet buttom  --* /
a.facebook-button {
    background: url("http://i29.servimg.com/u/f29/15/99/65/23/facebo12.png") no-repeat;
    display: block;
    height: 26px;
    width: 155px;
}

a.facebook-button:hover {
    background-position: 0 -26px;
}

a.twitter-button {
    background: url("http://i29.servimg.com/u/f29/15/99/65/23/twitte12.png") no-repeat;
    display: block;
    height: 26px;
    width: 155px;
}

a.twitter-button:hover {
    background-position: 0 -26px;
}

/ *-- category design  --* /
      #index_table td{border-left: 0;}

    #forum_box{width: 70%;}

    #m_stats a{color: white !important;}

    #m_stats{
    text-align: center;
    float: right;
    margin-right: 10px;
    min-width: 180px !important;
    color: white;
    padding: 5px;
    background: black;
    font-weight: bold;
    background: black;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;}

    #stats_separator{
    margin-top: 5px;
    float: right;}

    #post_no{color: red;}

    #topics_no{color: blue;} 

/ *-- backtotop  --* /

a#bm-arrow-top {position:fixed;  bottom:30px;right:30px;  display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none;  border:none;}
a:hover#bm-arrow-top {background-position:bottom left;}

/ *-- galleryproposals  --* /
    /*--- This part corresponds at the forum description ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #000000;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    }

    /*--- This part corresponds to "X messages in X topics" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #000000;
          border-right: 3px solid #000000;
          border-top: 3px solid #000000;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- This part corresponds to the subforums display ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #000000;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    }

.thumb {
    float: left;
    margin: 5px 20px 20px 0;
    padding: 5px;
    border: 1px solid #ccc;
    background: #f0f0f0;
}
.description {overflow: hidden;}=


    #slider {
      position:relative;
        width:618px;
        height:246px;
        margin-left:190px;
      background:url(http://i22.servimg.com/u/f22/15/42/72/40/loadin10.gif) no-repeat 50% 50%;
    }
    #slider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
    }
    #slider a {
      border:0;
      display:block;
    }

    .nivo-controlNav {
      position:absolute;
      left:260px;
      bottom:-42px;
    }
    .nivo-controlNav a {
      display:block;
      width:22px;
      height:22px;
      background:url(http://i22.servimg.com/u/f22/15/42/72/40/bullet10.png) no-repeat;
      text-indent:-9999px;
      border:0;
      margin-right:3px;
      float:left;
    }
    .nivo-controlNav a.active {
      background-position:0 -22px;
    }

    .nivo-directionNav a {
      display:block;
      width:30px;
      height:30px;
      background:url(http://i22.servimg.com/u/f22/15/42/72/40/arrows10.png) no-repeat;
      text-indent:-9999px;
      border:0;
    }
    a.nivo-nextNav {
      background-position:-30px 0;
      right:15px;
    }
    a.nivo-prevNav {
      left:15px;
    }

    .nivo-caption {
        text-shadow:none;
        font-family: Helvetica, Arial, sans-serif;
    }
    .nivo-caption a {
        color:#efe9d1;
        text-decoration:underline;
    }

    /* The Nivo Slider styles */
    .nivoSlider {
      position:relative;
    }
    .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border:0;
      padding:0;
      margin:0;
      z-index:6;
      display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
      display:block;
      position:absolute;
      z-index:5;
      height:100%;
    }
    .nivo-box {
      display:block;
      position:absolute;
      z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
      position:absolute;
      left:0px;
      bottom:0px;
      background:#000;
      color:#fff;
      opacity:0.8; /* Overridden by captionOpacity setting */
      width:100%;
      z-index:8;
    }
    .nivo-caption p {
      padding:5px;
      margin:0;
    }
    .nivo-caption a {
      display:inline !important;
    }
    .nivo-html-caption {
        display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
      position:absolute;
      top:45%;
      z-index:9;
      cursor:pointer;
    }
    .nivo-prevNav {
      left:0px;
    }
    .nivo-nextNav {
      right:0px;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {
      position:relative;
      z-index:9;
      cursor:pointer;
    }
    .nivo-controlNav a.active {
      font-weight:bold;
    }

/*--- SDDM ---*/

    #pun-head #pun-navlinks {
      list-style: none;
      padding: 0 20px;
      margin: 0;
      float: left;
      width: 842px;
      background: #222;
      font-size: 1.0em;
      background: url('IMG') repeat-x;
    }
    ul.topnav li {
      float: left;
      margin: 0;
      padding: 0 15px 0 0;
      position: relative; /*--Declare X and Y axis base for sub navigation--*/
    }
    ul.topnav li a{
      padding: 10px 5px;
      color: #fff;
      display: block;
      text-decoration: none;
      float: left;
    }
    ul.topnav li a:hover{
      background: url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_hover.gif') no-repeat center top;
    }
    ul.topnav li span { /*--Drop down trigger styles--*/
      width: 17px;
      height: 35px;
      float: left;
      background: url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/subnav_btn.gif') no-repeat center top;
    }
    ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
    ul.topnav li ul.subnav {
      list-style: none;
      position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
      left: 0; top: 35px;
      background: #333;
      margin: 0; padding: 0;
      display: none;
      float: left;
      width: 170px;
      border: 1px solid;
    }
    ul.topnav li ul.subnav li{
      margin: 0; padding: 0;
      border-top: 1px solid #252525; /*--Create bevel effect--*/
      border-bottom: 1px solid #444; /*--Create bevel effect--*/
      clear: both;
      width: 170px;
    }
    html ul.topnav li ul.subnav li a {
      float: left;
      width: 145px;
      background: #333 url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif') no-repeat 10px center;
      padding-left: 20px;
    }
    html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
      background: #222 url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif') no-repeat 10px center;
    }

Code:

body {
  color: #c8c8c8;
        font-size: 12px;
        padding: 10px;
        font-family: 'Verdana', 'Sans Serif', 'Trebuchet MS', 'Arial', 'Helvetica', 'Times';
  }

body {
  font-family: 'Indie Flower', serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}

@font-face {
        font-family: 'Indie Flower', serif;
        src: url("http://www.google.com/webfonts/family?family=Indie+Flower&subset=latin");
}

.pun {
  width: 900px;
  padding: 10px;
  background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 5px;
      -webkit- border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        }
hr {
  height: 1px;
  margin: 4px;
        border: 1px solid #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #111;
  }
a:link, a:visited {
  outline: none;
  text-decoration: none;
  }
a:hover {
  text-decoration: none;
  }
#pun-intro {
  border-bottom: none;
  background: transparent;
        }
.crumbs, #pun-visit, #pun-about #qjump, ul#pun-legend, ul.pun-legend {
  display: none;
  }
.pun .main-content, #pun-about, #pun-head #pun-navlinks, .main .main-foot, .main .main-head, .main-box, .pun .paged-foot, .pun .paged-head, .pun .postmain, .main .main-content.frm, .pun .frm-form, td.avatar-mini img, .faq dd, .postfoot, .pun .post .user {
  background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        margin-top: 4px;
        padding: 6px;
  }
.pun table.table td{
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        }
.pun .frm .frm-form table  {
  background: transparent;
        border: none;
  }
.main .main-head .page-title {
  font-size: 18px;
  color: #F2EADA;
  }
.main .main-foot, .main .main-head {
        padding: 10px;
  }
#stats, #onlinelist, .pun table.table th, .pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3, .pun .main table.table td.td-title  {
  background: transparent;
        }
#onlinelist, .frm-buttons {
        border-top: none;
        }
.pun .posthead {
        border: none;
        border-bottom: 1px solid #1E1E1D;
  background: transparent;
        }
fieldset.frm-set.multi {
        border-bottom: none;
        }
.pun .postmain {
        border-left: 1px solid #1E1E1D;
        }
.pun .post {
        border: none;
        }
.pun table.table th {
        color: #c8c8c8;
        }
.pun table .tdtopics .status {
        margin-left: -50px;
        }
.pun .post .user {
margin-left: -178px;
margin-top: -35px;
}
.postfoot {
        margin-left: 0px;
        padding: 10px;
        }
input[type="submit"],input[type="reset"], button.button2, input.button2,  input[type="button"], .main-content.standalone .button {
        background: white url(http://i71.servimg.com/u/f71/16/21/18/28/1zf4sh10.png) repeat 0px 0px;
        color: #000;
        border:1px solid #ccc;
        text-shadow:0px 1px 0px white;
        border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
        padding:4px;
        }

input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button.button2:hover, input.button2:hover, .main-content.standalone .button:hover{
        color: #F5117B;
        border:1px solid #ccc;
        }
input[type="submit"]:active,input[type="reset"]:active, button.button2:active, input.button2:active, input[type="button"]:active, .main-content.standalone .button:active{
        border:1px inset #ccc;
        }
input[name="post"], input[name="preview"], input[name="draft"]{
        padding:5px !important;
        }
input[type="text"], #text_editor_textarea.quick_reply_textarea, input[type="password"], input[type="textarea"], textarea.inputbox, #text_editor_textarea, textarea#comments {
        background: #F7F7F7;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        padding : 5px;
        border: 1px dashed #ccc;
        }
input[type="text"]:focus, #text_editor_textarea.quick_reply_textarea:focus, input[type="password"]:focus, input[type="textarea"]:focus, .inputbox:focus, #text_editor_textarea:focus, textarea#comments:focus {
        outline:none;
        }
input#friend, input#foe {
  margin-top:5px;
  }
.main-content.standalone .button.button1 {
  font-weight: normal;
  }
input.button1 {
  margin-left:3px;
  }
#text_editor_cmd_switchmode{
  display:none;
  }
fieldset.left {
  width: 35%;
  float: left;
  }
fieldset.right {
  width: 45%;
  float: right;
  }
.frm-form fieldset.frm-set .inputbox {
  width: 55%;
        padding: 3px;
  }
.frm-form fieldset.frm-set textarea.inputbox {
  width: 55%;
  }
.frm-form fieldset.frm-set .italic, #pun-qpost .main-head.clearfix p.h2{
  display:none;
  }
.frm-form fieldset.frm-set input[type="radio"] {
  margin: 0 0.5em 0 0;
  }
#textarea_content label {
        display:none;
  }
#text_editor_textarea.quick_reply_textarea {
        width : 590px !important;
        margin-left: -3px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 17px;
        }
#quick_reply #textarea_content textarea {
        border : none;
        background : transparent;
        resize:none;
        }
#quick_reply  #textarea_content .dd-textarea {
        margin-top: 5px;
        margin-left: 116px;
        background : transparent url(http://i20.servimg.com/u/f20/15/20/70/09/quick-10.png) no-repeat;
        width : 612px;
        height : 160px;
        }
#pun-foot .center {
        background: url(Copyright IMG) no-repeat right;
        }

.mulit-iocns img{
  margin-left: 47px;
  }

/ *-- Removal of negative voting button in messages --* /
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}

.vote {
    width: 24px; / *-- Width of the image chosen --* /
}

/* Table Line----------------------------------------------*/
.cat1 td{
        border: none;
        padding: 10px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
text-align:center;
  }

/* jQuery Stat----------------------------------------------*/
    #tabs ul li.activetab a {
      background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
            border: 1px solid #1E1E1D;
            -webkit-box-shadow: black 0px 0px 1px;
            -moz-box-shadow: black 0px 0px 1px;
            -o-box-shadow: black 0px 0px 1px;
            box-shadow: black 0px 0px 1px;
      }
    #tabs ul li.activetab a:hover {
      background: transparent;
      }
    #tabs ul li a {
      background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
            border: 1px solid #1E1E1D;
            -webkit-box-shadow: black 0px 0px 1px;
            -moz-box-shadow: black 0px 0px 1px;
            -o-box-shadow: black 0px 0px 1px;
            box-shadow: black 0px 0px 1px;
      }
    #tabs ul li a:hover {
        background: transparent;
        }

/* Blog----------------------------------------------*/
.blog .icon {
  background-position: 10px 20px !important;
  }
.blog .dterm {
  width: 94% !important;
  background-position: 5px 20px !important;
  }
.blog_cal-border {
  display: inline;
  float: left;
  border: 1px solid #dbdada;
  background: #efeded;
  padding: 1px;
  font-size: 1.2em;
  margin-right: 1em;
  }
.blog_cal-content {
  width: 2.9em;
  background: #dbdada;
  padding: 1px;
  line-height: 1.4em;
  text-align: center;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
  color: #ffffff;
  }
.blog_cal-content span {
  display: block;
  }
.blog_cal-day {
  padding-left: 0.2em;
  font-size: 1.6em;
  letter-spacing: 0.2em;
  }
.blog_cal-month {
  line-height: 0.7em;
  font-size: 2em;
  font-weight: bold;
  }
.blog_cal-year {
  line-height: 1.2em;
  font-size: 0.8em;
  }
.blog_title {
  padding-top: 1em;
  font-size: 1.3em;
  }
.blog_title h2 {
  display: inline;
  }
.blog_title .topictitle {
  font-size: 1.2em;
  }
.blog_message {
  margin-top: 0.5em;
  font-size: 1.1em;
  }
.blog .codebox dt {
  width: 92%;
  }
* html .blog .codebox dt,*+html .blog .codebox dt {
  width: 100%;
  }
.blog_comments {
  text-align: right;
  }
.blog_comments img {
  vertical-align: middle;
  }
#blog_comments {
  width: 90%;
  margin: 0 auto;
  }
#blog_comments .postbody {
  width: 96%;
  }
.blog_comment-avatar {
  float: left;
  }
.blog_comment-avatar img {
  background-color: #fff;
  border: 1px solid #dbdada;
  vertical-align: middle;
  width: 38px;
  margin: 5px 5px 0 0;
  }
#blog_comments .h3 {
  overflow: hidden;
  margin-top: 0;
  margin-left: 45px;
  padding: 0;
  min-height: 22px;
  }
.blog_comment-title {
  float: left;
  min-height: 12px;
  margin-top: 7px;
  }
#blog_comments .profile-icons {
  margin: 0;
  list-style-position: inherit;
  }

#organic-tabs { background: #; padding: 2px; margin: 0 0 15px 0; }

    #explore-nav { overflow: hidden; margin: 0 0 10px 0; }
    #explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
    #explore-nav li.last { margin-right: 0; }
    #explore-nav li a { display: block; padding: 5px; background: #; color: white; font-size: 10px; text-align: center; border: 1px solid #; }
    #explore-nav li a:hover { background-color: #; }

    #jquerytuts, #core, #classics { display: none; }

    #explore-nav li#ex-featured a.current, ul#featured li a:hover {  color: white; }
    #explore-nav li#ex-core a.current, ul#core li a:hover {color: white; }
    #explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { color: white; }
    #explore-nav li#ex-classics a.current, ul#classics li a:hover { color: white; }

/* Chatbox-------------------------------------------------*/
body.chatbox {
  background-image: none;
  }
.chatbox {
  background-color: #efeded;
  }
#chatbox_header {
  height: 30px;
  background-color: #dbdada;
  }
.chatbox .forabg {
  margin: 0;
  border: none;
  padding: 0;
  margin: 0;
  background-color: #dbdada;
  }
.chatbox-title,.chatbox-title a.chat-title {
  color: #ffffff !important;
  }
.chatbox-title {
  float: left;
  margin: 0;
  padding: 2px 5px 0 5px;
  width: 15em;
  }
.chatbox-options {
  float: right;
  list-style: none;
  font-size: 11px;
  margin: 0.7em 0.5em 0.5em 0.5em;
  }
.chatbox-options li {
  display:inline;
  }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
  color: #ffffff;
  }
#chatbox_members {
  position: absolute;
  top: 30px;
  bottom: 30px;
  width: 180px;
  overflow: auto;
  border-right: 1px solid ;
  }
#chatbox_members .member-title {
  text-align: center;
  padding: 0.5em 0.25em;
  background-image: none;
  font-size: 12px;
  background-color: #cadceb;
  color : #105289;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  }
#chatbox_members ul {
  list-style: none;
  margin: 0 0 0 1em;
  }
#chatbox_members ul li {
  margin: 0.5em 0.5em 0.5em 0;
  }
#chatbox {
  position: absolute;
  top: 30px;
  left: 181px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
  }
.chatbox_row_1 {
  padding: 4px;
  background-color: #efeded;
  }
.chatbox_row_2 {
  padding: 4px;
  background-color: #efeded;
  }
.chatbox_row_3 {
  padding: 4px;
  background-color: #cadceb;
  }
.memberlist_row_1 {
  background-color: #efeded;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  }
#chatbox_footer label {
  color: #ffffff;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
#chatbox_contextmenu {
  border: 2px solid black;
  background-color: #cadceb;
  }
#chatbox_contextmenu p {
  margin:0;
  padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #efeded;
  border-bottom:1px solid #777;
  }
#chatbox_contextmenu p.hover {
  background: #efeded;
  }
#chatbox_contextmenu p.close {
  background: #ddd;
  padding: 1px;
  font-size: 95%;
  color:#fff;
  background: url('');
  }
#chatbox_contextmenu p.close img {
  vertical-align: middle;
  padding-left: 20px;
  }
#chatbox_contextmenu a {
  color: #105289;
    text-decoration: none;
    font-size: 95%;
  }
#chatbox_contextmenu a:hover {
  color: ;
  }
.fontbutton {
  background:#E1E1E2 none repeat scroll 0%;
  border:medium none;
  color:#000000;
  float:left;
  margin-right:10px;
  padding:1px;
  }
#chatbox .user {
  font-weight: bold;
  }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }

body {
    margin: 0;
    padding: 0;
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
    height: 100%;
}
* {margin: 0; padding: 0; outline: none;}
img {border: none;}
h1 {
    font-size: 1.2em;
    padding: 5px 10px;
    color: #ccc;
    width: 940px;
    margin: 0 auto;
}
h1 a {    color: #fff; }
h1 span {font-weight: normal;}


.postmain blockquote, .codebox {
background: transparent;
-moz-box-shadow: black 0 0 1px;
-o-box-shadow: black 0 0 1px;
-webkit-box-shadow: black 0 0 1px;
border: 1px solid #1E1E1D;
box-shadow: black 0 0 1px;
}
.codebox dd {
background: transparent;
}
.codebox dt {
border-bottom: 1px dotted #333;
}


/*--message box--*/

.msgbox { 
        width: 300px;
        padding: 4px;
        background-image:url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
        border: 1px solid #343434;
  font-weight: bold; 
  color:gray;
  border-radius: 3px;
  -moz-border-radius: 3px;
        -moz-box-shadow: 0px 0px 1px #000;
  -webkit-box-shadow: 0px 0px 1px #000;
}

#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
  text-indent: 0;
  width: auto;
  height: auto;
  padding: 0;
  float: none;
  color: #00629a;
  position: static;
}
#footpanel ul li div a:hover {  text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
  position: absolute;
  left: 0; bottom: 27px;
  display: none;  /*--Hide by default--*/
  width: 198px;
  border: 1px solid #555;
  background: #fff;
  overflow: hidden;
}
#footpanel h3 {
  background: #526ea6;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.1em;
  cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
  font-size: 1.5em;
  float: right;
  line-height: 0.6em;
  font-weight: normal;
}

#footpanel .subpanel ul{
  padding: 0; margin: 0;
  background: #fff;
  width: 100%;
  overflow: auto;
  padding-bottom: 2px;
}
#footpanel .subpanel li{
  float: none; /*--Reset float--*/
  display: block;
  padding: 0; margin: 0;
  overflow: hidden;
  clear: both;
  background: #fff;
  position: static;  /*--Reset relative positioning--*/
  font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(http://www.sohtanaka.com/web-design/examples/footer-panel/dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
  padding: 5px;
  background: #fff;
  color: #777;
  float: left;
}
#chatpanel .subpanel li a img {
  float: left;
  margin: 0 5px;
}
#chatpanel .subpanel li a{
  padding: 3px 0;  margin: 0;
  line-height: 22px;
  height: 22px;
  background: #fff;
  display: block;
}
#chatpanel .subpanel li a:hover {
  background: #3b5998;
  color: #fff;
  text-decoration: none;
}

a.select-link{float: right;}

/*---Tooltip---*/


/*---fb tooltip---*/
.tipsy {
  font-size: 20px;
  position: absolute;
  z-index: 999;
  margin-top: -10px;
  padding: 5px;
        }
.tipsy-inner {
  background-color: #603311;
        text-shadow: 1px 1px 0px #555;
        color: #fff;
  max-width: 400px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 8px 4px;
  text-shadow:0px -1px 1px #000;
        }
.tipsy-arrow {
  position: absolute;
  background: url('http://i22.servimg.com/u/f22/15/42/72/40/tipsy10.png') no-repeat top left;
  width: 9px;
  height: 5px;
        }
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
        }
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
        }
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
      }
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
        }
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
        }
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
        }
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
        }
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
        }

/ *-- cool box on forum  --* /

.testpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.testpostbox {
color: #AA0000;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emotes/face-smile.png');
}

.alertbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.alertbox {
color: #AA0000;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-warning.png');
}

.infopostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.infopostbox {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-important.png');
}

.blockpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.blockpostbox {
color: #AA0000;
background-color: #4B777D;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-error.png');
}

.attcpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.attcpostbox {
color: #FFFFFF;
background-color: #BDE5F8;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/mail-attachment.png');
}

.attcpostbox2 {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.attcpostbox2 {
color: #000000;
background-color: #FFFFFF;
background-image: url('http://i22.servimg.com/u/f22/16/52/61/30/icon-a10.png');
}

.designerpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.designerpostbox {
color: #29A9FF;
background-color: #6229ff;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/categories/applications-office.png');
}

.techpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.techpostbox {
color: #990099;
background-color: #470099;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-system.png');
}

.sugpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.sugpostbox {
color: #7a9900;
background-color: #c8fa00;
background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-information.png');
}

.solvedpostbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.solvedpostbox {
color: #00fa26;
background-color: #03ab1d;
background-image: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png');
}

.rulesbox {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.rulesbox {
color: #00FFFF;
background-color: #0000FF;
background-image: url('http://i22.servimg.com/u/f22/16/22/44/20/privac11.png');
}

/ *-- tooltip  --* /
.tip {
  color: #fff;
  background:#1d1d1d;
  display:none; /*--Hides by default--*/
  padding:10px;
  position:absolute;  z-index: 999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/ *-- lastpostdesign  --* /
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;}

.pun .user-ident .username {
position: initial;
}

/ *-- tb tweet buttom  --* /
a.facebook-button {
    background: url("http://i29.servimg.com/u/f29/15/99/65/23/facebo12.png") no-repeat;
    display: block;
    height: 26px;
    width: 155px;
}

a.facebook-button:hover {
    background-position: 0 -26px;
}

a.twitter-button {
    background: url("http://i29.servimg.com/u/f29/15/99/65/23/twitte12.png") no-repeat;
    display: block;
    height: 26px;
    width: 155px;
}

a.twitter-button:hover {
    background-position: 0 -26px;
}

/ *-- category design  --* /
      #index_table td{border-left: 0;}

    #forum_box{width: 70%;}

    #m_stats a{color: white !important;}

    #m_stats{
    text-align: center;
    float: right;
    margin-right: 10px;
    min-width: 180px !important;
    color: white;
    padding: 5px;
    background: black;
    font-weight: bold;
    background: black;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;}

    #stats_separator{
    margin-top: 5px;
    float: right;}

    #post_no{color: red;}

    #topics_no{color: blue;} 

/ *-- backtotop  --* /

a#bm-arrow-top {position:fixed;  bottom:30px;right:30px;  display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none;  border:none;}
a:hover#bm-arrow-top {background-position:bottom left;}

/ *-- galleryproposals  --* /
    /*--- This part corresponds at the forum description ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #000000;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    }

    /*--- This part corresponds to "X messages in X topics" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #000000;
          border-right: 3px solid #000000;
          border-top: 3px solid #000000;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- This part corresponds to the subforums display ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #000000;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    }

.thumb {
    float: left;
    margin: 5px 20px 20px 0;
    padding: 5px;
    border: 1px solid #ccc;
    background: #f0f0f0;
}
.description {overflow: hidden;}=


    #slider {
      position:relative;
        width:618px;
        height:246px;
        margin-left:190px;
      background:url(http://i22.servimg.com/u/f22/15/42/72/40/loadin10.gif) no-repeat 50% 50%;
    }
    #slider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
    }
    #slider a {
      border:0;
      display:block;
    }

    .nivo-controlNav {
      position:absolute;
      left:260px;
      bottom:-42px;
    }
    .nivo-controlNav a {
      display:block;
      width:22px;
      height:22px;
      background:url(http://i22.servimg.com/u/f22/15/42/72/40/bullet10.png) no-repeat;
      text-indent:-9999px;
      border:0;
      margin-right:3px;
      float:left;
    }
    .nivo-controlNav a.active {
      background-position:0 -22px;
    }

    .nivo-directionNav a {
      display:block;
      width:30px;
      height:30px;
      background:url(http://i22.servimg.com/u/f22/15/42/72/40/arrows10.png) no-repeat;
      text-indent:-9999px;
      border:0;
    }
    a.nivo-nextNav {
      background-position:-30px 0;
      right:15px;
    }
    a.nivo-prevNav {
      left:15px;
    }

    .nivo-caption {
        text-shadow:none;
        font-family: Helvetica, Arial, sans-serif;
    }
    .nivo-caption a {
        color:#efe9d1;
        text-decoration:underline;
    }

    /* The Nivo Slider styles */
    .nivoSlider {
      position:relative;
    }
    .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border:0;
      padding:0;
      margin:0;
      z-index:6;
      display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
      display:block;
      position:absolute;
      z-index:5;
      height:100%;
    }
    .nivo-box {
      display:block;
      position:absolute;
      z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
      position:absolute;
      left:0px;
      bottom:0px;
      background:#000;
      color:#fff;
      opacity:0.8; /* Overridden by captionOpacity setting */
      width:100%;
      z-index:8;
    }
    .nivo-caption p {
      padding:5px;
      margin:0;
    }
    .nivo-caption a {
      display:inline !important;
    }
    .nivo-html-caption {
        display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
      position:absolute;
      top:45%;
      z-index:9;
      cursor:pointer;
    }
    .nivo-prevNav {
      left:0px;
    }
    .nivo-nextNav {
      right:0px;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {
      position:relative;
      z-index:9;
      cursor:pointer;
    }
    .nivo-controlNav a.active {
      font-weight:bold;
    }

/*--- SDDM ---*/

    #pun-head #pun-navlinks {
      list-style: none;
      padding: 0 20px;
      margin: 0;
      float: left;
      width: 842px;
      background: #222;
      font-size: 1.0em;
      background: url('IMG') repeat-x;
    }
    ul.topnav li {
      float: left;
      margin: 0;
      padding: 0 15px 0 0;
      position: relative; /*--Declare X and Y axis base for sub navigation--*/
    }
    ul.topnav li a{
      padding: 10px 5px;
      color: #fff;
      display: block;
      text-decoration: none;
      float: left;
    }
    ul.topnav li a:hover{
      background: url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_hover.gif') no-repeat center top;
    }
    ul.topnav li span { /*--Drop down trigger styles--*/
      width: 17px;
      height: 35px;
      float: left;
      background: url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/subnav_btn.gif') no-repeat center top;
    }
    ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
    ul.topnav li ul.subnav {
      list-style: none;
      position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
      left: 0; top: 35px;
      background: #333;
      margin: 0; padding: 0;
      display: none;
      float: left;
      width: 170px;
      border: 1px solid;
    }
    ul.topnav li ul.subnav li{
      margin: 0; padding: 0;
      border-top: 1px solid #252525; /*--Create bevel effect--*/
      border-bottom: 1px solid #444; /*--Create bevel effect--*/
      clear: both;
      width: 170px;
    }
    html ul.topnav li ul.subnav li a {
      float: left;
      width: 145px;
      background: #333 url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif') no-repeat 10px center;
      padding-left: 20px;
    }
    html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
      background: #222 url('http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif') no-repeat 10px center;
    }

Ok Try this

Work Perfect!

Thanks,
Solved | Lock

No Problem

[solved]