The CSS code you inserted is too long Error

Hi Frenz,

when I paste some css codes in forum stylesheet I get the following message "The CSS code you inserted is too long. Please make it shorter."

I have successfully added some codes that are few line long, however the code I want to post is quite long - about 165 lines. and when I post that I get the above error. so please help me getting past that

If its any help, I was trying to insert the css for mobile theme given by Ange Tuteur in this thread ( the minified codes are perfect buddy). I tested them on my test forum and it worked perfectly.

Thanks for any help and a special thanks to Ange Tuteur for giving us the lovely mobile theme

Regards,
Raj.

If you post both your current CSS as the one you want to add here, maybe I can shorten it for you.

Samantha

hi Samantha,

how do I post the full css code here ? I tried but it says the message is too long. I inserted the css code in spoiler btw

Hi,

Normally I use the code box for that: http://prntscr.com/agacod

You could also paste it in big chunks, because I'm gonna be shortening it by hand (so it may take a while).

Samantha.

oh ok we need to use "codes"... ok here we go

my current css code (part 1)

Code:

* {
   margin: 0;
    padding: 0;
   }

/*TGF ClearfixTony Aslett from http://www.csscreator.com*/
.clearfix:after,.ipbform2 dl:after,.maintitle:after {
   content: ".";
   display: block;
   height: 0;
   clear: both !important;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
    clear: both;
   }
* html .clearfix {
   height: 1%;
    clear: both;
   }
*+ html .empty-clear {
   line-height: 1px;
    height: 1px;
   }
* html .empty-clear {
   line-height: 1px;
    height: 1px;
   }
.clear {
   clear: both;
   }

/*Defaults*/
body {
   margin: 0 auto;
   background-color: #f3e9e6;
   background-image: url('http://i685.photobucket.com/albums/vv220/team_admins/Nav%20Buttons%20n%20mains/bg.gif');
   background-attachment: scroll;
   color: #000005;
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 12px;
   line-height: 135%;
   }
* html {
   
/* CSS properties only recognized by IE */
scrollbar-face-color: #dee3e7;
   scrollbar-highlight-color: #000000;
   scrollbar-shadow-color: #dee3e7;
   scrollbar-3dlight-color: #d1d7dc;
   scrollbar-arrow-color: #006699;
   scrollbar-track-color: #efefef;
   scrollbar-darkshadow-color: #98aab1;
   }
*+ html {
   
/* CSS properties only recognized by IE */
scrollbar-face-color: #dee3e7;
   scrollbar-highlight-color: #000000;
   scrollbar-shadow-color: #dee3e7;
   scrollbar-3dlight-color: #d1d7dc;
   scrollbar-arrow-color: #006699;
   scrollbar-track-color: #efefef;
   scrollbar-darkshadow-color: #98aab1;
   }
img {
   border: none;
    vertical-align: middle;
   }
a:link {
   color: #fa0000;
    text-decoration:underline;
   }
a:visited {
   color: #000000;
    text-decoration:underline;
   }
a:hover {
   color: #990000;
    }
a:active {
   color: #000000;
    text-decoration:underline;
   }
a:focus {
   color: #fa0000;
    }
*+ html body {
   min-width: 800px;
   overflow-x: hidden !important;
   }
* html .minwidth_IE {
   
/* Hack IE min-width */
padding-left: 900px;
   }
* html .container_IE {
   
/* Hack IE min-width */
margin-left: -900px;
   position: relative;
   }
* html .minwidth_IE, * html .layout_IE, * html .container_IE {
   
/* Hack IE min-width */
height: 1px;
   }

/* ***************************Header*************************** */
div#logostrip {
   min-height: 68px;
   background-image: url('');
   background-repeat: repeat-x;
   text-align: center;
   }
*+ html div#logostrip {
   min-height: 70px;
   }
div#logostrip #logo {
   display: block;
   margin: 0 10px;
   float: center;
   }
div#logostrip #main-title,div#logostrip #main-title h1 {
   padding-top: 25px;
   font-size: 24px;
   font-weight: bold;
   font-family: TrebuchetMS;
   }
div#logostrip #main-title h1 {
   padding-top: 0;
   }
#site-desc {
   margin: 8px;
   }

/* Submenu */
#submenu {
   padding: 0.5em 0 0.65em;
   text-align: right;
   }
*+ html #submenu {
   padding: 0;
   }
* html #submenu {
   padding: 0;
   }
#submenu ul {
   list-style: none;
   text-align: center;
   }
#submenu ul li {
   
/*line-height: 2em;
   */
}
#submenu ul li a {
   padding: 0.5em 1em 0.65em 0;
   margin: 0.5em 1em 0.65em 0;
   text-decoration: none;
   }
*+ html #submenu ul li a {
   display: inline-block;
   }
* html #submenu ul li a {
   display: inline-block;
   }

/*#submenu ul li a img {
   display: none;
   }
*/
#userlinks {
   padding: 0.5em;
   font-size: 0.9em;
   }
#userlinks.not-connected {
   text-align: center;
   }
#userlinks.not-connected span {
   margin: 0 0.25em;
   }
#userlinks.not-connected .guest {
   font-weight: bold;
   }
#userlinks p.home {
   float: left;
    margin-left: 0.5em;
   }
#userlinks p.home a {
   font-weight: bold;
   }
#userlinks ul {
   float: right;
   list-style: none;
   }
#userlinks ul li {
   float: left;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#userlinks ul li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#userlinks ul li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   }
#userlinks ul li.last:after {
   content: normal;
   }
#ipbwrapper {
   margin: 0px auto;
   text-align: left;
   width: autopx;
   min-width: 768px;
   padding: 5px;
   }
#navstrip {
   list-style: none;
   margin: 0 0 1em;
   font-weight: bold;
   }
#navstrip li {
   float: left;
   margin: 0 5px;
   padding-left: 13px;
   background: url('http://2img.net/i/fa/invision/breadcrumb-arrow.gif') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 15px;
   background: url('http://2img.net/i/fa/invision/nav.gif') no-repeat left 50%;
   }
#navstrip li a {
   text-decoration: none;
   font-weight: bold;
   }
div.newslink {
   margin: 0.8em 0;
   padding: 0.5em;
   font-size: 11px;
   }
div.newslink p.date {
   font-size: 10px;
   margin: 0 0 5px 0;
   }
div.newslink .h3 {
   font-weight: bold;
   }

/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
   width: 100%;
   float: left;
   margin-right: -0px;
   }
#content-container div#content {
   margin-right: 0px;
   }
#content-container div#main {
   margin-bottom: 1em;
   overflow: hidden;
   
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
   margin-left: 0px;
   }
#content-container div#left {
   width: 0px;
   float: left;
   margin-right: 0px;
   overflow: hidden;
   }
#content-container div#right {
   width: 0px;
   float: right;
   overflow: hidden;
   }
* html #content-container #main-content {
   
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
   margin-right: 0px;
   }
* html #content-container div#main {
   
/* FIX for IE6 */
margin-right: -99%;
   width: 100%;
   float: left;
   }

/*IPB BOXES*/
div.borderwrap,.borderwrapm {
   padding: 1px;
   }
* html div.borderwrap,* html .borderwrapm {
   zoom: 1;
   }
div.maintitle {
   vertical-align: middle;
   padding: 8px 8px 8px 15px;
   background-image: url("http://i685.photobucket.com/albums/vv220/team_admins/Forums%20Icons/i_back_title-2.png");
   background-repeat: repeat-x;
   zoom : 1;
   
/* Fixes IE6 & IE7 Peekaboo bug */
}
div.maintitle h2,div.maintitle h3,div.maintitle div.toggle {
   font-size: 13px;
   }
.maintitle.floated h2,.maintitle.floated h3,.maintitle.floated div.toggle {
   float: left;
   }
.maintitle div.toggle {
   font-weight: bold;
   }
div.maintitle .expand,div.maintitle .contract {
   float: right;
   width: 10px;
   height: 10px;
   background: url('http://2img.net/i/fa/invision/exp_minus.gif') no-repeat 50% 50%;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://2img.net/i/fa/invision/exp_plus.gif') no-repeat 50% 50%;
   }
* html div.maintitle .expand,* html div.maintitle .contract {
   line-height: 0.1em;
    cursor: hand;
   }
*+ html div.maintitle .expand,*+ html div.maintitle .contract {
   cursor: hand;
   }
div.maintitle .expand a,div.maintitle .contract a {
   text-decoration: none;
   }
.borderwrap .subtitle {
   padding: 5px;
   font-size: 12px;
   font-weight: bold;
   }
.borderwrap .subtitle.cleared {
   clear: both;
   }
.borderwrap p.subtitled {
   padding: 5px;
   }
.borderwrap .msg {
   padding: 0.5em;
   }
.subtitle.posting-code {
   margin: -0.5em;
   }
.title-options {
   float: right;
   }

/*Box content*/
.box-content div.agreement {
   padding: 0.5em;
   }
*+ html .agreement {
   border: none;
   
/* fix IE7 bug */
}
.agreement h2.u {
   margin: 0.5em 0 1em 0;
   }
.box-content fieldset.submit {
   padding: 0.5em !important;
   }
div.box-content.error {
   border-bottom: none;
   }
div.box-content.error p {
   padding: 5px;
   }
.maintitle.floated.dropped {
   position: relative;
   }
.member-header {
   }
.popmenubutton {
   float: right;
   height: 22px;
   }
.popmenubutton a {
   
/*display: block;
   */
padding: 2px 16px 2px 8px;
   background-image: url('http://2img.net/i/fa/invision/menu_action_down.gif');
   background-position: 97% 50%;
   background-repeat: no-repeat;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   white-space: nowrap;
   text-decoration: none;
   }
.popmenubutton a.addthis_button {
   margin: 0 5px;
   }
* html .popmenubutton a {
   text-decoration: none !important;
   }
*+ html #topicmenu-options.popmenubutton a {
   background-position: 90% 50%;
   }
* html #topicmenu-options.popmenubutton a {
   background-position: 90% 50%;
   margin-bottom: -13px;
   margin-top:-3px;
   }
.popmenubutton p.left-overview a {
   display: inline !important;
   padding: 0 !important;
   background: transparent !important;
   border: none !important;
   }
.popupmenu {
   list-style: none;
   width: 200px;
   font-size: 11px;
   }
.post .popupmenu {
   position: absolute;
   top: 29px;
   z-index: 999;
   }
* html .post .popupmenu {
   left: 1.5em;
   }
#forummenu-options_menu.popupmenu {
   position: absolute;
   top: 30px;
   right: 8px;
   z-index: 999;
   }
.member .popupmenu {
   position: absolute;
   z-index: 999;
   }
.popupmenu .avatar {
   float: right;
   margin: 5px;
   width: 50px;
   height: 50px;
   background: url('http://2img.net/i/fa/invision/pp-blank-thumb-50px.png') no-repeat;
   }
.popupmenu .avatar img {
   display: block;
   width: 50px;
   height: 50px;
   }
.popupmenu ul {
   padding: 0.5em;
   list-style: none;
   }
.popupmenu li a.profile-icon {
   display: block;
   float: left;
   width: 30px;
   margin: 0 0.5em 0 0;
   text-align: center;
   }
.popupmenu li {
   display: block;
   padding: 0.5em 0.5em;
   background-image: url('http://2img.net/i/fa/invision/menu_item.gif');
   background-repeat: no-repeat;
   background-position: 2px 50%;
   text-decoration: none;
   white-space: nowrap;
   }
.popupmenu li a {
   text-decoration: none;
   }
ul.popupmenu li.popupmenu-category {
   padding: 0.5em;
   text-align: center;
   font-weight: bold;
   letter-spacing: 1px;
   background-image: none;
   }
.popupmenu .last {
   border-bottom: none;
   }
.popup {
   margin: 0.5em;
   }
.popup .popup-msg {
   margin: 0.5em;
   }


this is part 2

Code:


/* IPB Tables */
table.ipbtable {
   width: 100%;
   empty-cells: show;
   }
* html table.ie6-tbl {
   }
*+ html table.ipbtable {
   border-collapse: collapse;
   
/* Helps display empty-cells in IE.x */
}
* html table.ipbtable {
   border-collapse: collapse;
   
/* Helps display empty-cells in IE.x */
}
table.ipbtable.index-box {
   width: 100%;
   table-layout: fixed;
   }
table.index-box td {
   height: 45px;
   }
table.ipbtable th {
   padding: 5px;
   text-align: center;
   background-image: url("http://i301.photobucket.com/albums/nn68/baba_12979/cellpic1-1.gif");
   background-repeat: repeat-x;
   }
table.ipbtable th.formsubtitle,.formsubtitle {
   border: none;
   text-align: left;
   }
table.ipbtable th.icon {
   text-align: center;
   width: 1%;
   empty-cells: show;
   }
table.ipbtable.search th.forum {
   width: 14%;
   }
table.ipbtable th.forum {
   text-align: left;
   width: 60%;
   }
table.ipbtable th.forum2 {
   text-align: left;
   width: 50%;
   }
table.ipbtable th.topics,table.ipbtable th.replies,table.ipbtable th.views {
   width: 8%;
   }
table.ipbtable th.last-post {
   width: 35%;
   }
table.ipbtable th.last-post2 {
   width: 22%;
   }
table.ipbtable th.starter {
   width: 14%;
   }
table.ipbtable .last {
   border-right: none;
   }
table.ipbtable tfoot td {
   font-size: 3px;
   height: 10px;
   }
table.ipbtable td {
   padding: 5px;
   vertical-align: top;
   }
table.ipbtable td.icon {
   height: 38px;
   vertical-align: top;
   }
* html table.ipbtable td.icon {
   position: static;
   }
table.ipbtable img.icon {
   float: left;
   }
table.ipbtable span.status {
   position: absolute;
   }
table.ipbtable .forum-name h3 {
   font-size: 12px;
   }
table.ipbtable td .par {
   text-align: left;
   }
.hierarchy {
   display: inline;
   font-size: inherit;
   font-weight: inherit;
   }
*+ html .hierarchy {
   font-size: 12px;
   font-weight: bold;
   }
* html .hierarchy {
   font-size: 12px;
   font-weight: bold;
   }
table.ipbtable .forum-name a {
   font-weight: bold;
   }
table.ipbtable .forumdesc {
   font-size: 11px;
   }
table.ipbtable .mods {
   text-align: left;
   }
.centered {
   text-align: center;
   }
.thin {
   line-height: 150%;
   margin: 2px 0pt;
   padding: 6px 0pt;
   }
.view-online th {
   text-align: left;
   }
.view-online th.name {
   width: 50%;
   }
.online-explain {
   margin: 5px;
   font-size: 0.8em;
   }
.row1.centered.author b {
   font-weight: normal;
   }
.ipbtable .date {
   font-size: 80%;
   }
.last-post-icon {
   margin: 0 0.25em;
   }
table.posting-table td {
   padding: 3px;
   border: 1px solid #ccc;
   border-collapse: collapse;
   }

/*Forms*/
.ipbform fieldset {
   margin: 0.5em;
   padding: 0 1em 1em;
   }
.ipbform fieldset legend {
   margin: 0;
   padding: 0 0.5em;
   font-weight: bold;
   }
.ipbform fieldset label {
   display: block;
   }
div.errorwrap,div.infowrap {
   margin: 0 5px 5px;
   }
div.errorwrap h4,div.infowrap h4 {
   padding: 5px;
   font-size: 12px;
   font-weight: bold;
   }
div.errorwrap p,div.infowrap p {
   padding: 8px;
   }
div.input-warn-content {
   display: none;
   margin: 4px;
   padding: 4px;
   }
fieldset {
   border: none;
   }
.button,.mainoption {
   padding: 0 5px;
   font-size: 10px;
   cursor: pointer;
   }
a.button {
   
/*margin: -15px 0 0 0;
   */
padding: 1px 5px 0 5px;
   text-decoration: none;
   line-height: 1em;
   font-size: 11px;
   }
.formbuttonrow {
   margin: 0;
   padding: 5px;
   border: none !important;
   }
.columned fieldset.formcolumn1 {
   float: left;
   width: 45%;
   }
.columned fieldset.formcolumn2 {
   float: left;
   width: 45%;
   }
.ipbform fieldset.signature {
   margin: 1.5em;
   padding: 1em;
   }
.ipbform2 .box-content {
   padding: 0;
   }
.ipbform2 dl {
   float: left;
   width: 100%;
   clear:left;
   }
.ipbform2 dl dt {
   display: block;
   float: left;
   width: 230px;
   }
.ipbform2 dl dt label {
   display: block;
   width: 210px;
   padding: 12px 10px 0 10px;
   font-weight: bold;
   }
.ipbform2 dl dd {
   display: block;
   margin-left: 250px;
   padding: 10px;
   }
*+ html .ipbform2 dl dt,*+ html .ipbform2 dl dd {
   min-height: 1px;
   }
*+ html .ipbform2 dl dd {
   margin-left: 0;
   }
*+ html .dd-options {
   margin-left: 230px !important;
   }
* html .dd-options {
   margin-left: 233px !important;
   }
* html .ipbform2 dl dt,* html .ipbform2 dl dd {
   height: 1%;
   }
* html .ipbform2 dl dd {
   margin-left: 0;
   }
.ipbform2 dl dd label {
   margin: 0 1em 0 0;
   }
.ipbform2 dl dd input {
   margin: 0 0.5em 0 0;
   }
.separator {
   line-height: 1px;
   height:1px;
   }
.ipbform2 fieldset.captcha {
   margin: 0.5em;
   padding: 0 1em 1em;
   }
.ipbform2 fieldset.captcha legend {
   padding: 0 0.5em;
   }
.ipbform2 fieldset.captcha label {
   display: block;
   }
.ipbform2 fieldset.captcha .desc {
   font-size: 0.8em;
   }
.ipbform2 fieldset.captcha .captcha-field {
   float: left;
   width: 30%;
   padding: 1em 0;
   }
.ipbform2 fieldset.captcha .captcha-images {
   float: left;
   padding: 2em;
   }
.ipbform .desc,.ipbform2 .desc {
   font-size: 0.9em;
   font-weight: normal;
   }
.borderwrap .padded {
   margin: 0.25em;
   }
.borderwrap fieldset.in-padding {
   padding: 0;
   }

/* **********************Posting block********************** */
.posting-subject {
   width: 65%;
   }
.messaging-box {
   margin-top: 10px;
   padding: 10px;
   overflow: hidden;
   }
* html .messaging-box {
   
/* Fixes Funky IE6 bug where textarea grows out of bounds when a message is typed in. */
float:left;
   }
* html .simple .posting-block {
   width: 99%;
   }
*+ html .messaging-box textarea {
   width: 97% !important;
   }
.messaging-box fieldset dl,.messaging-box fieldset dd {
   background-color: transparent;
   }
.messaging-box fieldset dd {
   margin: 0 !important;
   }
.messaging-box fieldset dt {
   width: auto;
   }
#preview .content {
   padding: 4px;
   }
#smiley-box {
   float: left;
   width: 220px;
   margin: 0 10px 10px;
   padding: 10px;
   min-width: 220px;
   }
#smiley-box .smiley-container object {
   width: 220px;
   }
*+ html #smiley-box {
   margin-top: 10px;
   }
* html #smiley-box {
   margin-top: 10px;
   display: inline;
   
/* margin doubling bug */
}
.helpline {
   display: block;
   height: 1.2em;
   }
.textarea-info {
   float: left;
   padding: 0.5em 0;
   font-size: 0.8em;
   }
.exthelp,.rte-menu-button {
   float: right;
   height: 16px;
   margin: 0.5em;
   padding: 3px 5px 3px 25px;
   background-image: url("http://2img.net/i/fa/invision/rte-bbcode-help-sm.png");
   background-repeat: no-repeat;
   background-position: 2% 50%;
   font-size: 10px;
   text-decoration: none !important;
   }
.rte-menu-button {
   float: left;
   background-image: url("http://2img.net/i/fa/invision/rte-toggle-options.png");
   }
.p-box {
   padding: 5px;
   }

/*Smileys*/
.smiley-selector {
   padding: 0.35em;
   text-align: center;
   }
.smiley-element {
   margin: 10px;
   }
.smiley-element img {
   margin: 0 15px 10px 0;
   }
.smiley-element {
   overflow-x: auto;
   }

/*Poll*/
.poll,.polls h4 {
   font-size: 11px;
   }
.borderwrapm {
   margin: 5px;
   }
.poll .poll-choice {
   clear: both;
   margin: 0.5em 0;
   }
.poll fieldset {
   margin: 1em;
   }
.polls {
   margin: 4px;
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 0.9em;
   }
.polls .row1 {
   padding: 4px;
   font-weight: bold;
   }
.polls dl {
   margin: 1em;
   padding: 5px 0 0 0;
   line-height: 120%;
   }
.polls dt {
   text-align: left;
   float: left;
   display: block;
   width: 30%;
   border-right: none;
   padding: 0;
   margin: 0;
   font-size: 1.1em;
   }
.polls dd {
   float: left;
   }
.polls dd em {
   font-weight: bold;
   font-style: normal;
   }
.polls dd.number-votes {
   margin: 0 0.5em;
   width: 4em;
   text-align: center;
   }

/*Login form*/
div.login fieldset label {
   float: left;
   width: 11em;
   margin: 0.5em 0;
   }
div.login fieldset input {
   margin: 0.5em 0;
   }
div.login fieldset.formcolumn2 label {
   display: inline;
   float: none;
   }
div.login fieldset.formcolumn2 input {
   margin: 0 0.5em 0 0;
   }
div.box-content.resend-pwd {
   border-bottom: none;
   }
.login .errorwrap {
   margin: 5px;
   }
.login fieldset.formbuttonrow {
   margin: 0;
    padding: 5px;
   }

/*Topic footer forms*/
.tfooter {
   padding: 0.5em;
   }
.search-footer-box {
   float: left;
   width: 45%;
   }
.search-footer-box input {
   margin: 0;
   font-size: 0.8em;
   }
.mod-forum-toolbox {
   float: right;
   width: 45%;
   text-align: right;
   }
.captcha-img {
   margin: 5px;
   vertical-align: middle;
   }
.captcha {
   margin: 10px 5px;
   }

/*Quick Search*/
#search_menu {
   padding: 5px;
   font-size: 11px;
   }
#search_menu table .thHead,#search_menu hr {
   display: none;
   }
#search_menu table td.row2 {
   background-color: transparent;
   border: none;
   }
#search_menu input.post {
   margin-top: 0 !important;
   }
#search_menu table tr td input.button {
   margin: 5px 0 0 0;
   }
#search_menu span.genmed {
   display: block;
   padding: 5px;
   }
div.module.advanced-search .box-content {
   padding: 0;
   }
.search-padding {
   padding: 5px;
   }
.advanced-search .search-footer{
   padding: 3px;
   text-align: center;
   font-size: 0.8em;
   }


this will b part 3

Code:


/*Memberlist*/
.memberlist fieldset {
   padding: 1em;
   }
.borderwrap.member-list {
   margin-bottom: 4em;
   }
div.centerer {
   display: table;
   margin: 0 auto;
   white-space: nowrap !important;
   text-align: center;
   }
.member {
   float: left;
   width: 22%;
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 5px;
   }
.member-list .popmenubutton {
   width: 100%;
   height: auto;
   }
* html .member span.membername {
   float: left;
   word-wrap: break-word !important;
   }
*+ html .member span.membername {
   float:left;
   word-wrap: break-word !important;
   white-space: normal;
   }
.member-list .popmenubutton .mini-avatar {
   display: block;
   float: right;
   margin: 5px;
   background: url('http://2img.net/i/fa/invision/pp-blank-thumb-38px.png') no-repeat;
   width: 38px;
   height: 38px;
   }
.member .popupmenu li {
   background-image: none;
   }
.member-list .popmenubutton .mini-avatar img {
   width: 38px;
   height: 38px;
   }
.member p {
   font-size: 10px;
   height: 7em;
   overflow: auto;
   }
.search-filter {
   float: left;
   margin: 5px;
   font-size: 11px;
   }
.search-filter dt,.search-filter dd {
   float: left;
   margin: 3px 3px 0 3px;
   vertical-align: middle;
   }
.search-filter select {
   font-size: 10px;
   }
.centerer del {
   text-decoration: none;
   display: inline-block;
   }
div.borderwrap .member-list {
   padding: 5px;
   border: none;
   }

/*FAQ*/
dl.faq dd {
   margin: 5px 5px 0 5px;
   }
dl.faq dd p {
   margin: 5px;
   padding: 5px;
   }
dl.faq .question {
   padding: 5px 0 8px 0;
   font-weight: bold;
   }
dl.faq.answers {
   padding: 10px;
   }

/*Calendar*/
div.calmonths {
   margin: 5px 0;
   padding: 8px;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
   }
a.calarrow {
   text-decoration: none !important;
   }
table.ipbtable.calendar {
   border: none;
   border-collapse: collapse;
   }
table.ipbtable.calendar th {
   border-right: none;
   }
.ipbtable.calendar .view-week {
   width: 2%;
   }
.ipbtable.calendar td.view-week {
   vertical-align: middle;
   text-align: center;
   }
.ipbtable.calendar td {
   padding: 5px;
   overflow: hidden;
   empty-cells: show;
   }
.ipbtable.calendar .celldate {
   padding: 0.25em;
   }
.ipbtable.calendar .calday {
   padding: 4px;
   text-align: right;
   font-size: 11px;
   font-weight: bold;
   }
.ipbtable.calendar ul {
   list-style-type: none;
   height: 10em;
   }
.ipbtable.calendar ul li {
   margin: 0.25em;
   }
.ipbtable.calendar p.right-event {
   padding: 0.25em;
   text-align: right;
   }
.overview .title-overview {
   padding: 4px;
   }
.overview .center-overview {
   padding: 4px;
   }
.overview .left-overview {
   padding: 4px;
   }
.overview hr.dashed {
   border-bottom: none;
   }
#mini-calendar {
   float: left;
   width: 270px;
   margin: 1em;
   }
#mini-calendar .table {
   margin-bottom: 1em;
   }
#calendar-result {
   margin: 1em 0;
   float: left;
   width: 68%;
   }
.bday td {
   text-align: center;
   }
.bday .name {
   width: 20%;
    text-align: left;
   }
.bday .www {
   width: 10%;
    text-align: center;
    overflow: hidden;
   }

/*Private messenging*/
ul.privmsg {
   list-style: none;
   float: left;
   margin-left: 2px;
   margin-bottom: -2px;
   }
*+ html ul.privmsg {
   margin-left: 2px;
   margin-bottom: -11px;
   }
ul.privmsg li {
   display: block;
   float: left;
   margin-right: 2px;
   }
ul.privmsg li div.tabitem {
   padding: 5px 10px;
   }
ul.privmsg li a {
   display: block;
   margin: -5px -10px;
   padding: 5px 10px;
   }
.maintitle .options {
   float: right;
   }
th.subject {
   text-align: left !important;
   }
th.select-items {
   width: 2%;
   }

/* *************************Profile************************* */
.borderwrap#ucpmenu {
   float: left;
   width: 25%;
   }
*+ html .borderwrap#ucpmenu {
   margin-right: 1em;
   }
.borderwrap.ucp {
   margin-left: 1em;
   overflow: hidden;
   }
* html .borderwrap.ucp {
   width: 73%;
   }
.box-content.profile-tabs {
   padding-top: 0;
   border-bottom: none;
   }
#ucpmenu ul {
   list-style: none;
   }
* html #ucpmenu ul li {
   margin: 0;
   }
#ucpmenu ul li a {
   display: block;
   padding: 8px;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   }
#ucpmenu .profile-tabs ul li.activetab a {
   text-indent: 1em;
   }

/* View forum body */
.posting-options {
   margin: 0.5em 0;
   }
.posting-options.topic-options {
   float: right;
   width: 49%;
   }
.posting-options .posting-buttons {
   list-style: none;
   }
.posting-options .posting-buttons li {
   float: right;
   }
.formsubtitle {
   padding: 5px;
   }
* html .formsubtitle {
   zoom: 1;
   }
.formsubtitle h4 {
   font-size: 11px;
   }
.activeusers-box p {
   padding: 5px;
   }
.activeusers {
   padding: 5px;
   }
.ul-icons {
   list-style: none;
   float: left;
   margin: 0 1em 0 0;
   }
.ul-icons li {
   font-size: 11px;
   }
.ul-icons li img {
   vertical-align: middle;
   }

/*Profile View*/
.profile-view {
   
/*width: 215px;
   */
}
* html .profile-view .maintitle {
   position: relative;
   }
.profile-view .avatar {
   text-align: center;
   width: 215px;
   float: left;
   }
.profile-view .avatar img {
   display: block;
   margin: 5px auto;
   }
.avatar img{
   width: 50px;
   }
.profile-view .avatar img#i_icon_pm {
   display: inline;
   }
.profile-view p {
   margin: 0 5px;
   padding: 5px;
   }
.profile-view .popmenubutton {
   margin: 10px auto;
   }
.profile-view .popmenubutton a {
   font-weight: normal;
   }
.profile-view .profile-view-list ul {
   list-style: none;
   }
.profile-view .profile-view-list ul li {
   padding: 8px 10px;
   }
.profile-view .profile-view-list ul li.last {
   border-bottom: none;
   }
.profile-view-list dl{
   padding:6px 10px 6px 10px;
   width:98%;
   margin:6px 0 0;
   }
.profile-view-list dl dt{
   float:left;
   display:block;
   width:10em;
   }
.profile-view-list dl dd{
   margin-left:10em;
   padding-left:12px;
   }
.profile-view-list div.separator{
   clear:both;
   font-size:1px;
   line-height:1px;
   border-bottom:1px solid #dcdcdc;
   padding-top:6px;
   width:98%;
   }
blockquote {
   margin: 8px;
   padding: 8px;
   }
blockquote cite {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   background-image: url('http://2img.net/i/fa/invision/css_img_quote.gif');
   background-repeat: no-repeat;
   background-position: top right;
   font-style: normal;
   font-size: 11px;
   }
dl.codebox {
   margin: 8px;
   }
.codebox dt {
   display: block;
   padding: 3px;
   background-image: url('http://2img.net/i/fa/invision/css_img_code.gif');
   background-repeat: no-repeat;
   background-position: top right;
   text-transform: uppercase;
   font-weight: bold;
   }
* html .codebox dt {
   zoom: 1;
   }
.codebox dd {
   padding: 5px;
   font-family: Courier,CourierNew,sans-serif;
   white-space: pre;
   overflow: auto;
   max-height: 200px;
   }
* html .codebox dd {
   height: 200px;
   }
.spoiler {
   margin: 8px;
   padding: 8px;
   }
.spoiler dt {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
   }
.spoiler dd {
   padding: 8px;
   }
.hidecode dt {
   display: none;
   }
.hidecode dd {
   white-space: normal;
   }

/*Drafts*/
.drafts th.subject {
   width: 40%;
   }

/* ************************Posts************************ */
.post-container {
   margin-left: 18em;
   }
.postbody {
   width: 100%;
   background-color: transparent;
   }
*+ html .postbody {
   word-wrap: break-word;
   }
* html .postbody {
   word-wrap: break-word;
   }
.post-entry {
   margin: 0.5em;
   overflow: hidden;
   }
* html .post-entry {
   width: 96.9%;
   float: left;
   }
.postprofile {
   float: left;
   margin-left: -18em;
   width: 18em;
   }
* html .postprofile {
   position: relative;
   }
.post-footer {
   clear: both;
   }
.post-footer img {
   cursor: pointer;
   }
.post .post-header {
   padding: 2px 8px 0;
   min-height: 33px;
   }
* html .post .post-header {
   height: 30px;
   }
.module .postbody .postbody-head {
   margin-left: 0;
   }
.postprofile-head .popmenubutton-new-out {
   margin: 0 auto;
   float: none;
   padding: 0.3em 0;
   }
.postbody-head .post-info {
   list-style: none;
   float: right;
   }
.postbody-head .post-info li {
   float: left;
   margin-left: 0.5em;
   }
.postdetails {
   font-size: 11px;
   line-height: 140%;
   }
.postdetails h3 {
   font-size: 11px;
   margin-right: 15%;
   }
.postprofile-details {
   background: #ffffff; border: 2px outset #c0c0c0; padding: 7px 0px; text-align: center;
   }
.postprofile-details dt{
   line-height: 24px; font-size:16px; font-weight: bold;}
.postprofile-details dt a{
   color: #000000;}
.postprofile-details dd {
   color: #000000; font-weight: bold;}
.post-footer ul.posting-icons,.post-footer ul.misc-icons {
   list-style: none;
   float: right;
   margin: 5px;
   }
.post-footer ul.misc-icons {
   float: left;
   }
.post-footer ul.posting-icons li,.post-footer ul.misc-icons li {
   float: left;
   }
.popmenubutton-new-out {
   float: none;
   width: 15em;
   }
.popmenubutton-new-out a {
   text-align: left;
   }
.postprofile-head {
   
/*position: relative;
   */
}
*+ html .postprofile-head {
   min-height: 1%;
   }
.postprofile-head .avatar {
   
/*float: right;
   */
text-align: center;
   }
.postprofile-head .avatar img {
   width: 50px;
   height: 50px;
   }
.postprofile-head ul li {
   background-image: none;
   }
.signature {
   padding: 1em;
   }
* html .signature {
   zoom: 1;
   }
.topic-footer {
   padding: 5px;
   }
.next-prev {
   float: right;
   }
.bar {
   padding: 5px;
   }
.postreview .box-content {
   padding-top: 0;
   }
.postreview .post {
   margin: 0;
   border-bottom: none;
   }
.postreview .postbody .postbody-head h3 {
   font-size: 11px;
   font-weight: normal;
   }
.postreview .postprofile-head h3 {
   font-size: 12px;
   }
.lastaction {
   font-size: 0.9em;
   }

/* Search results */
.postprofile .post-options {
   list-style: none;
   padding: 8px;
   line-height: 1.8em;
   font-size: 11px;
   }
.search-results-posts .postbody-head h3 {
   font-size: 12px;
   }
.search-results-posts .postbody-head h3 a,.search-results-posts .postprofile-head .username a {
   text-decoration: none;
   }
.postprofile .post-options .label {
   font-weight: bold;
   }
.post-entry ul,.post-entry ol {
   margin-left: 1.5em;
   }
.postbody ol {
   margin: 0 1.5em;
   }
.vote {
   float: right;
   width: 9px;
   margin-left: 4px;
   }
.vote .vote-button {
   text-align: center;
   font-weight: bold;
   margin-left: -1px;
   }
.vote .vote-button a {
   text-decoration: none !important;
   }
.vote .vote-bar {
   width: 3px;
   height: 50px;
   margin: 0 auto;
   border: 1px solid #000005;
   font-size: 0;
   }
.vote .vote-no-bar {
   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
   }
.vote .vote-bar-plus {
   background-color: #0f0;
   }
.vote .vote-bar-minus {
   background-color: #f00;
   }

/*Quick reply*/

/* Text editor (quick reply)-------------------------------------------------------------*/
.qreply {
   width: 75%;
   margin: 1em auto;
   padding: 6px;
   }
.dd-textarea {
   width: 98%;
    margin: 6px;
   }
button.button2, input.button2 {
   font-size: 0.9em;
   width: auto !important;
   margin: 0px 0.25em 0;
   padding: 2px 3px;
   font-family: Arial,Verdana,Helvetica,sans-serif,Papyrus;
   background-repeat: repeat-x;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
   
/* Opera does not see this */
padding: 1px 0;
   }
button.button2:hover, input.button2:hover {
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin: 0 0.25em;
   height: 22px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
.select {
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0px;
   }
* html .select {
   margin-top: -9px;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.9em;
   margin: 0px;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0px;
   border: none;
   text-align: left;
   }
.select button.button2 {
   padding: 0px;
   }
*+html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   background-position: 0 100%;
   }
.selectHover {
    cursor: pointer;
   }
button.bbcode {
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
   width: 99%;
   }
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
   width: 99%;
   }
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
   width: 99%;
   }
*+ html #text_editor_textarea.quick_reply_textarea {
   width: 99% !important;
   }
* html #text_editor_textarea.quick_reply_textarea {
   width: 90% !important;
   }
.vBulletin_editor {
   border: none !important;
   }
.vBulletin_editor table.text-style {
   width: 450px;
   display: table-layout;
   }

/* ******************Pagination******************* */
div.pagination {
   float: left;
   margin-top: 8px;
   margin-bottom: 0.5em;
   }
div.pagination.topic-options {
   width: 49%;
   }
.gen .forumline .thHead {
   padding: 5px;
   }
.gen table.forumline td {
   padding: 5px;
   }
.pagination table td {
   padding: 5px;
   text-align: center;
   }
div.pagination a {
   padding: 2px 4px;
   text-decoration: none;
   }
* html div.pagination a {
   padding: 5px;
   }
div.pagination b {
   padding: 2px 5px;
   font-weight: normal;
   }
div.pagination b {
   padding: 2px 4px;
   font-weight: normal;
   }
strong.pagination a,.topic-paging a {
   margin: 0 1px 0 0;
   padding:2px 4px;
   font-size:10px;
   text-decoration: none;
   }
strong.pagination .page-sep {
   visibility: hidden;
   }

/* ***************Modules and Portal*************** */
.module .maintitle {
   padding: 5px;
   }
.module .maintitle h3 {
   float: none;
   font-size: 1em;
   }
.module .box-content {
   border-bottom: none;
   padding: 5px;
   line-height: normal;
   }
.module .postbody {
   padding: 0;
   }
.module .postbody .postbody-head {
   height: auto;
   padding: 5px;
   }
.module .postbody .post-footer {
   padding: 3px 5px;
   font-size: 0.8em;
   }
.module .postbody .post-read-full {
   font-size: 0.8em;
   }
.module .box-content.ipbform {
   padding: 0;
   border: none;
   }
.module .box-content.ipbform fieldset {
   border: none;
   padding: 0;
   margin: 0;
   }
.module .box-content.ipbform fieldset dl {
   padding: 5px}
.module .box-content.ipbform fieldset.formbuttonrow {
   padding: 5px !important;
   text-align: center;
   }
.module .box-content .forgot-pwd {
   font-size: 0.8em;
   }
.module .mod-login dt {
   float: left;
   margin-right: 0.5em;
   }
*+ html .module.social-book .bookmark-img {
   width: 80%;
   }
.module .social-bookmark {
   font-size: 0.9em;
   }
.module .box-content.poll {
   padding: 0;
   }
.module .box-content.poll dl {
   margin-top: 1em;
   }
.module .box-content.poll dt {
   float: left;
   width: 40%;
   }
.module .box-content.poll dd {
   margin-left: 41%;
   }
.module .box-content.poll dd.pstats {
   float: right;
   }
.module ul {
   margin-left: 1.5em;
   }
.module table.mod-top-posters {
   table-layout: fixed;
   }

/* ************************Footer************************* */
#gfooter {
   margin: 8px 0;
   padding: 0.5em;
   text-align: right;
   font-size: 0.8em;
   background-color: #000000;
   color: #fff;
   }
#gfooter form {
   float: left;
   }
#gfooter ul {
   list-style: none;
   display: table;
   margin: 0 auto;
   }
#gfooter ul li {
   display: inline;
   }
* html #qjump {
   float: left;
   text-align: left;
   width: 15%;
   }
.current-time {
   float: right;
   }
#gfooter a {
   color: #fff !important;
   }
#gfooter .footer-links {
   float: left;
   width: 65%;
   white-space: normal !important;
   }
.statlinks ul li a {
   border-bottom: 1px dotted #000000;
   color: #000000;
   }
.statlinks ul li a:hover {
   border-bottom: 1px solid #000000;
   }

/*link lists and other menus*/
.toplinks {
   margin: 0 0 0.25em;
   }
.linklist ul {
   float: right;
   list-style: none;
   }
.linklist ul li {
   float: left;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
.linklist ul li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
.linklist ul li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   font-size: 11px;
   font-weight: bold;
   }
.linklist ul li.last:after {
   content: normal;
   }
.statlinks ul li a {
   text-decoration: none !important;
   }
.stat-show-details {
   display: inline;
   list-style: none;
   margin-right: 0.5em;
   }
.stat-show-details li {
   display: inline;
   margin-left: 0.5em;
   }
.viewonline {
   float: right;
   }

/* **************Gallery************** */
.gallery .borderwrap.column {
   float: left;
   max-height: 400px;
   margin: 0 0.5em;
   }
.gallery .borderwrap.column h3 a {
   text-decoration: none;
   }
.gallery .cat-img {
   height: 150px;
   padding: 1em;
   text-align: center;
   }
.gallery .cat-img .img-container {
   width: 125px;
   height: 100px;
   margin: 0 auto;
   text-align: center;
   overflow: hidden;
   }
.gallery .cat-img img {
   display: block;
   margin: 0 auto;
   }
.gallery .gallery-desc {
   height: 100px;
   overflow-y: auto;
   padding: 5px;
   font-size: 11px;
   vertical-align: top;
   }
.gallery .cat-info {
   padding: 8px;
   text-align: right;
   }
.gallery-footer .icon {
   float: left;
   min-width: 3%;
   margin-right: 5px;
   padding: 3px;
   overflow: hidden;
   }
.gallery-footer dd {
   padding: 5px;
   }
.borderwrap.thumbnails {
   float: left;
   margin: 0 5px 5px 5px;
   }
.borderwrap.thumbnails .thumb {
   min-height: 130px;
   }
.borderwrap.thumbnails .thumbnail img {
   display: block;
   margin: 0.5em auto;
   padding: 2px 2px 12px 2px;
   text-align: center;
   height: 75px;
   }
.borderwrap.thumbnails .gal_caption {
   margin: 0 auto 1em;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
   }
.borderwrap.thumbnails .gal_caption a {
   text-decoration: none;
   }
.sort-gal {
   margin: 0.5em 0;
   padding: 5px;
   }
.photostrip .maintitle a,.view-photo .maintitle a {
   color: #fff;
   }
.photostrip .maintitle h3,.view-photo .maintitle h3 {
   float: none;
   text-align: center;
   }
.photostrip .box-content {
   border-collapse: collapse;
   }
.photostrip .photo {
   float: left;
   border-bottom: none;
   padding-top: 20px;
   }


And this is last part 4 : all this are current css code

Code:


/* Special effects */
.img-effects {
   display: table;
   width: 90%;
   margin: 1em auto;
   }
fieldset.effects dl {
   float: left;
   width: 19%;
   min-height: 10em;
   margin: 0 0.5em 0.5em 0;
   clear: none;
   background-color: transparent;
   }
fieldset.effects dt {
   float: left;
    padding: 0.25em;
    font-weight: bold;
    width: auto;
   }
fieldset.effects dd {
   padding: 0.25em;
    text-align: center;
    background-color: transparent;
    margin-left: 0;
   }
fieldset.effects dd.check {
   float: right;
    width: 1em;
    margin: 0.15em;
    border: none;
    clear: right;
   }
fieldset.effects .clearing {
   font-size: 1px;
   }

/* Avatar Gallery */
.avatar-gallery div.gal-content {
   margin: 1em;
   }
.avatar-gallery p.select-avatar {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 0.25em;
   text-align: center;
   }
* html .avatar-gallery div p.select-avatar {
   width: 114px;
   }
.avatar-gallery div div.avatar-box {
   float: left;
   position:relative;
   width: 113px;
   height: 260px;
   margin: 0.5em 0.25em;
   text-align: center;
   overflow: hidden;
   }
.avatar-gallery div div img {
   margin: 0.5em;
   }

/* *****************RPG***************** */
.rpg-table table {
   width: 80%;
   border: none;
   border-collapse: collapse;
   padding: 0;
   }
.rpg-table table td {
   margin: 0;
   padding: 5px;
   }

/* *****************Groups***************** */
div.groupcp .ipbform2 dd ul {
   margin-left: 1.8em;
   }

/*Report abuse*/
.report-abuse-textarea {
   width: 80%;
   }

/*Statistics*/
td.stat-bar {
   padding: 8px 10px 0 !important;
   }
td.stat-bar div {
   white-space: nowrap;
   }
table.status-bar td {
   margin:0;
   padding: 0;
   }

/* Donate */
.donate-form p {
   padding: 1em;
   }

/*Useful styles*/
.center {
   margin: 0 auto;
   text-align: center;
   }
.left {
   float: left;
   text-align: left;
   }
.right {
   float: right;
   text-align: right;
   }
.delspace {
   visibility: hidden;
   font-size: 0px;
   line-height: 0px;
   }

/* ****************************************************************************INVISION BASIC COLOURS**************************************************************************** */
div#logostrip {
   background-color: #;
   color: #;
   }

/* Submenu */
#submenu {
   background: #f8bdb0;
   color: #f8bdb0;
   }
#submenu ul li a {
   color: #000;
   }
#submenu ul li a:hover {
   background-color: #;
   }
#userlinks {
   background-color: #fefefe;
   border-bottom: 1px solid #ece1e8;
   }
#userlinks.not-connected {
   background-color: #;
   border-bottom: 1px solid #ece1e8;
   }
#navstrip {
   color: #f8bdb0;
   }
#navstrip li a:hover {
   color: #5A7CB7;
   }
div.newslink {
   background-color: #f3e9e6;
   }

/*IPB BOXES*/
div.borderwrap,.borderwrapm {
   border: 1px solid #444444;
   background-color: #f8bdb0;
   }
div.maintitle {
   background-color: #f8bdb0;
   color: #fbf9f9;
   }
.maintitle .titletext,.maintitle .titletext a,.maintitle .right,.maintitle .right a {
   color: #fff;
   }
#plus_menu .title-overview {
   color: #000005;
   }
.borderwrap .subtitle {
   background-color: #a6a6a6;
   border-bottom: 1px solid #f4f8fc;
   color: #000000;
   }

/*Box Content*/
.box-content{
   background-color:#f3e9e6;
   border-bottom:10px solid #000000;
   }
div.box-content.agreement {
   background-color: #fefefe;
   }
.box-content .rules {
   background-color: #f3e9e6;
   }
.popmenubutton a {
   background-color: #fefefe;
   border: 1px solid #f3e9e6;
   color: #000000;
   }
.popupmenu {
   background-color: #fff;
   border: 1px solid #d0d0d0;
   }
.popupmenu .avatar {
   border: 1px solid #000000;
   background-color: #f3e9e6;
   }
.popupmenu li {
   background-color: #fff;
   border-bottom: 1px solid #d0d0d0;
   }
ul.popupmenu li.popupmenu-category {
   background-color: #444444;
   color: #000000;
   }

/*IPB Tables*/
table.ipbtable th {
   background-color: #a6a6a6;
   border-right: 1px dotted #e2effc;
   border-bottom: 1px solid #f4f8fc;
   }
table.ipbtable th.formsubtitle,.formsubtitle {
   background-color: #f3e9e6;
   }
table.ipbtable tfoot td {
   background-color: #000000;
   }
table.ipbtable .forumdesc {
   color: #000000;
   }
.row1,.row2 {
   border-bottom: 1px solid #f3e9e6 !important;
   }
.row1 {
   background-color: #fefefe;
   }
.row2 {
   background-color: #f3e9e6;
   }
.darkrow {
   background-color: #ece1e8;
   border-top: 1px solid #f4f8fc;
   color: #000000;
   }
.thin {
   border-top: 1px solid #f3e9e6;
   border-bottom: 1px solid #f3e9e6;
   }
.sticky-separator {
   border-top: 3px solid #f4f8fc;
   }

/* Forms */
.ipbform fieldset {
   border: 1px solid #000;
   }
.ipbform fieldset legend {
   color: #000005;
   }
div.errorwrap,div.infowrap {
   background-color: #f2dddd;
   border: 1px solid #992a2a;
   }
div.box-content.error {
   background-color: #f2dddd;
   }
div.infowrap {
   background-color: #f3e9e6;
   border: 1px solid black;
   }
div.errorwrap h4,div.infowrap h4 {
   background-color: #e3c0c0;
   border-bottom: 1px solid #992a2a;
   color: #992a2a;
   }
div.infowrap h4 {
   background-color: #ddd;
   border-bottom: 1px solid #000;
   color: #000;
   }
div.errorwrap p,div.infowrap p {
   color: #992a2a;
   }
div.input-warn-content {
   background-color: #ffcccc;
   border: 1px solid #cc0000;
   }
.button,.mainoption {
   background-color: #fefefe;
   border:1px solid #000000;
   color: ;
   }
.formbuttonrow {
   background-color: #ece1e8;
   border-top: 1px solid #f4f8fc !important;
   color: #000000;
   }
.ipbform fieldset.signature {
   background-color: #f3e9e6;
   border: 1px solid #444444;
   }
.ipbform fieldset.signature textarea {
   border: 2px inset #000000;
   }
.ipbform2 dl {
   background-color: #fefefe;
   border-bottom: 1px solid #f3e9e6;
   }
.ipbform2 dl dd {
   background-color: #f3e9e6;
   }
.separator {
   border-bottom: 1px solid #f3e9e6;
   }
.ipbform2 fieldset.captcha {
   border: 1px solid #000;
   }

/* **********************Posting block********************** */
.messaging-box {
   background-color: #f3e9e6;
   border: 1px solid #444444;
   }
.messaging-box textarea {
   border: 2px inset #000000;
   }
#smiley-box {
   background-color: #f3e9e6;
   border: 1px solid #444444;
   }
.exthelp,.rte-menu-button {
   background-color: #fff;
   border: 1px solid #000000;
   }
.p-box {
   background-color: #f3e9e6;
   }

/*Smileys*/
.smiley-selector {
   background-color: ;
   }
.smiley-container {
   border: 1px solid ;
   }

/* Poll */
.polls {
   background-color: #f3e9e6;
   }
.polls dl {
   color: #000005;
   }

/* Quick Search */
#search_menu {
   background-color: #f3e9e6;
   border: 1px solid #f8bdb0;
   }
#search_menu input.post {
   border: 1px solid #000000;
   }
.advanced-search .search-footer {
   background-color: #ece1e8;
   border-top: 1px solid #f4f8fc;
   }

/*Memberlist*/
.member {
   background-color: #fff;
   border: 1px solid #f8bdb0;
   }
.member-list .popmenubutton .mini-avatar {
   border: 1px solid #000005;
   background-color: #fff;
   }
.member p {
   color: #808080;
   }
div.borderwrap .member-list {
   background-color: #444444;
   }

/*FAQ*/
dl.faq dd p {
   border: 1px solid #444444;
   }
dl.faq .question {
   border-bottom: 1px solid #f3e9e6;
   }

/*Calendar*/
div.calmonths {
   background-color: #f3e9e6;
   }
table.ipbtable.calendar {
   background-color: #444444;
   }
.ipbtable.calendar .celldate {
   background-color: #f3e9e6;
   }
.ipbtable.calendar .celldate:hover {
   background-color: #fefefe;
   }
.ipbtable.calendar .calday {
   background-color: #fefefe;
   color: #000000;
   }
div.overview {
   background-color: #ece1e8;
   border: 1px solid #f8bdb0 !important;
   }
.overview hr.dashed {
   border: 1px dashed #f8bdb0;
   }
#mini-calendar .table {
   border-left: 1px solid #f8bdb0;
   border-bottom: 1px solid #f8bdb0;
   border-right: 1px solid #f8bdb0;
   }
.bday {
   border: 1px solid #f8bdb0;
   }

/*Private messenging*/
ul.privmsg li {
   background-color: #f8bdb0;
   color: #fff;
   }
ul.privmsg li a {
   background-color: #e2effc;
   }

/* *************************Profile************************* */
.box-content.profile {
   background-color: #f3e9e6;
   }
.box-content.profile-tabs {
   background-color: #f3e9e6;
   }
* html #ucpmenu ul li {
   border: 1px solid #a6a6a6;
   }
#ucpmenu ul li a {
   background-color: #a6a6a6;
   border-bottom: 1px solid #f4f8fc;
   color: #000000;
   }
#ucpmenu ul li a:hover {
   background-color: #f3e9e6;
   }
#ucpmenu .profile-tabs ul li.activetab a {
   background-color: #f3e9e6;
   }
.activeusers {
   background-color: #f3e9e6;
   border: 3px solid #444444;
   }

/*Profile View*/
.profile-view .popmenubutton a {
   background-color: #fff;
   }
.profile-view .profile-view-list ul li {
   border-bottom: 1px solid #f3e9e6;
   }

/*Advanced Profile*/
#profile-advanced-layout {
   float: left;
   margin-right: -304px;
   width: 100%;
   }
#profile-advanced-left {
   margin-right: 304px;
   }
#profile-advanced-avatar {
   float: left;
   width: 30%;
   }
#profile-advanced-points, #profile-advanced-reputation {
   float: left;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
   margin-right: 4px;
   }
*+ html #profile-advanced-avatar .module, *+ html #profile-advanced-points .module, *+ html #profile-advanced-reputation .module, *+ html #profile-advanced-details {
   margin-top: 11px;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
   margin-bottom: 4px;
   }
#profile-advanced-details ol {
   list-style: none;
   }
#profile-advanced-details ol li {
   display: block;
   margin-bottom: 4px;
   }
#profile-advanced-details .avatar {
   float: left;
   }
.avatar {
   width: 50px;
   border: 1px solid #f8bdb0;
   background-color: #fff;
   }
.avatar span.real_avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: .8em;
   }
.friend_list_online_status img {
   vertical-align: middle;
   }
.friends-foes-list {
   float: left;
   width: 200px;
   height: 2em;
   }
#profile-advanced-details .message-block {
   margin-left: 57px;
   zoom:1;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #f4f8fc;
   background: #a6a6a6;
   padding: 4px;
   margin-bottom: 4px;
   }
#profile-advanced-details .message-date {
   float: right;
   }
#profile-advanced-details .message-body {
   margin-bottom: 4px;
   }
#profile-advanced-details .message-footer {
   text-align: right;
   }
#profile-advanced-details .message-footer li {
   display: inline;
   margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
   content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
   margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
   }
#profile-advanced-details .message-footer li.last:after {
   content: normal;
   }
#profile-advanced-layout #new-message {
   position: relative;
   padding-top: 10px;
   }
#profile-advanced-layout #new-message-link {
   position: absolute;
   top: 0;
   right: 4px;
   }
#profile-advanced-details .top {
   margin-bottom: 16px;
   }
#profile-advanced-details .bottom {
   margin-top: 16px;
   }
#profile-advanced-right {
   float: right;
   width: 304px;
   }
#profile-advanced-add {
   margin-right: 4px;
   padding: 4px 0;
   text-align: right;
   }
#profile-advanced-details .stats-field {
   margin: 4px 0 10px 4px;
   padding: 0 10px 6px;
   }
#profile-advanced-details .stats-field legend {
   font-weight: bold;
   }
#profile-advanced-details .stats-field ul {
   list-style-type:none;
   text-indent: 10px;
   padding: 0;
   }
#profile-advanced-details .stats-field li {
   margin: 4px 0;
   }

/* ************************Posts************************ */
.post {
   background-color: #fefefe;
   border-bottom: 10px solid #000000;
   }
.post-container {
   background-color: #f3e9e6;
   }
.post-footer {
   background-color: #ece1e8;
   border-top: 1px solid #f4f8fc;
   }
.post .post-header {
   background-color: #ece1e8;
   }
.popmenubutton-new-out a {
   background-color: #fefefe;
   }
.member .popmenubutton-new-out a {
   border: 1px solid #ece1e8;
   }
.topic-footer {
   background-color: #fefefe;
   }
.bar {
   background-color: #f4f8fc;
   }
.postreview .postbody .postbody-head h3 {
   color: #000000;
   }
blockquote {
   border-top: 1px dotted #000;
   border-right: 1px dotted #000;
   border-bottom: 1px dotted #000;
   border-left: 5px solid #e2effc;
   background-color: #fefefe;
   }
blockquote cite {
   background-color: #E4EAF2;
   color: #000;
   }
.codebox dt {
   background-color: #FDDBCC;
   }
.codebox dd {
   background-color: #fff;
   border: 1px dotted #000;
   }
.spoiler {
   border-top: 1px dotted #000;
   border-right: 1px dotted #000;
   border-bottom: 1px dotted #000;
   border-left: 5px solid #e2effc;
   background-color: #f3e9e6;
   }
.spoiler dt {
   background-color: #E4EAF2;
   color: #000;
   }
.signature {
   border-top: 1px dotted #f8bdb0;
   }

/*Quick reply*/

/* Text editor (quick reply)-------------------------------------------------------------*/
.qreply {
   background-color: #f3e9e6;
   border: 1px solid #444444;
   }
.dd-textarea textarea {
   border: 2px inset #000000;
   }
button.button2, input.button2 {
   border: 1px solid #f4f8fc;
   color: #000;
   background-color: #f3e9e6;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #990000;
   color: #990000;
   }
.select {
   background-color: #fff;
   border: 1px solid #f4f8fc;
   }
.select button {
   background-color: #fff;
   }
.select button.button2 {
   border: 1px solid #f4f8fc;
   }
.select button.button2:hover {
   border: 1px solid #990000;
   color: #990000;
   }
.selectHover {
   background-color: #f3e9e6;
    }
button.bbcode {
   border: 1px solid #e3adad;
   }
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
   background-color: #fff;
   }

/* ******************Pagination******************* */
.gen table.forumline {
   background-color: #fff;
   }
.gen .forumline .thHead {
   background-color: #444444 !important;
   color: #000000;
   }
.gen table.forumline td.row1 {
   background-color: #fff;
   }
div.pagination a {
   background-color: #444444;
   }
div.pagination b {
   background-color: #000000 !important;
   color: #fff;
   }
div.pagination b {
   background-color: #000000 !important;
   color: #fff;
   }
strong.pagination a,.topic-paging a {
   background-color: #444444;
   border: 1px solid #a6a6a6;
   }

/* **************Gallery************** */
.gallery .borderwrap.column h3 a {
   color: #fff;
   border-bottom: 1px dotted #fff;
   }
.gallery .cat-img .img-container {
   background-color: #fff;
   border: 1px solid #f8bdb0;
   }
.gallery .gallery-desc {
   color: #000000;
   }
.gallery .cat-info {
   background-color: #ece1e8;
   border-top: 1px solid #f4f8fc;
   color: #000000;
   }
.gallery-footer dl {
   background-color: #f3e9e6;
   }
.borderwrap.thumbnails .thumbwrap {
   border: 1px solid #f8bdb0;
   }
.borderwrap.thumbnails .thumbnail img {
   background-color: #fff;
   border: 1px solid #000000 !important;
   }
.borderwrap.thumbnails .thumbwrap .thumb p {
   background-color: #fefefe;
   border-top: 1px solid #444444;
   }
.borderwrap.thumbnails .thumbwrap .thumb p.alt {
   background-color: #f3e9e6;
   border-top: 1px solid #444444;
   }
.photostrip .maintitle a,.view-photo .maintitle a {
   color: #fff;
   }
.photostrip .photo {
   border-left: 1px solid #f3e9e6;
   border-right: 1px solid #f3e9e6;
   }

/* Special effects */
fieldset.effects dl {
   border: 1px solid #f8bdb0;
   }
fieldset.effects dl:hover {
   background-color: #ece1e8;
   }
fieldset.effects dd {
   border-top: 1px solid #f8bdb0;
   }

/* Avatar Gallery */
.avatar-gallery p.select-avatar {
   background-color: #f8bdb0;
   }
.avatar-gallery div div.avatar-box {
   background-color: #ece1e8;
   border: 1px solid #f8bdb0;
   }
.avatar-gallery div div img {
   border: 1px solid #f8bdb0;
   }

/* *****************RPG***************** */
.rpg-table table {
   background-color: #fff;
   }
.rpg-table table td {
   border: 1px solid #f8bdb0;
   }

/* ****************************************************************************END INVISION BASIC COLOURS***************************************************************************** /
/*Chatbox !!!!*/
body.chatbox {
   background-image: none;
   }
.chatbox {
   background-color: #fefefe;
   }
#chatbox_header {
   height: 30px;
   background-color: #f8bdb0;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #fbf9f9 !important;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 6px 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: #fbf9f9;
   }
#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: #ece1e8;
   color : #fa0000;
   font-family: Arial,Verdana,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: #fefefe;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #f3e9e6;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #ece1e8;
   }
.memberlist_row_1 {
   background-color: #fefefe;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 5px;
   background-color: #f8bdb0;
   }
#chatbox_footer label {
   color: #fbf9f9;
   }
#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: #ece1e8;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #fefefe;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: #f3e9e6;
   }
#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: #fa0000;
    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");
   }
* html div#logostrip #logo img {
   display: none !important;
   }
* html div#logostrip #logo {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://i685.photobucket.com/albums/vv220/team_admins/Permanant-Banner-F4E.png');
   height: 45px;
   width: 274px;
   cursor: hand;
   }
div.pagination a.goto {
   padding: 2px 15px 2px 4px;
   background-image: url("http://2img.net/i/fa/invision/menu_action_down.gif");
   background-repeat: no-repeat;
   background-position: 97% 50%;
   }
div.pagination a.goto {
   background-color: #444444;
   }

/* *****************LOGIN POPUP***************** */
#login_popup {
   position: absolute;
   z-index: 999;
   display: none;
   }
#login_iframe_body {
   padding: 0;
   }
#login_popup_content {
   display: none;
   }
#login_popup_title {
   padding-left: 8px;
   }
#login_popup_background .box-content {
   border-bottom: 0;
   padding: 6px;
   }
#login_popup_buttons {
   position: absolute;
   bottom: 5px;
   right: 6px;
   }
#login_popup_buttons input {
   margin-left: 6px;
   }
ul.profile_field_list {
   padding:0;
   }
html ul.profile_field_list li {
   list-style-type: none;
   }
ul.profile_field_list > li {
   list-style-type: none;
   }
.inputURL {
   font-size:10px;
   font-family:"Courier New", "Times New roman";
   letter-spacing:-1px;
   }
.middleline {
   line-height:2em;
   }
.invisible{
   display:none;
   visibility:hidden;
   }
.visible{
   display:block;
   visibility:visible;
   }

/* ajax profil */
.ajax-profil_hover{
   background:transparent}
.ajax-profil_parent{
   position:relative;
   zoom:1}
.ajax-profil_edit{
   cursor:pointer;
   position:absolute;
   top:0;
   left:-18px}
.ajax-profil_edit img{
   margin-left:4px}
.ajax-profil_valid{
   cursor:pointer;
   margin-left:4px;
   vertical-align:middle}
#profile-advanced-details dl{
   padding:8px 10 8px 0;
   width:98%;
   margin:10px 0 0;
   }
#profile-advanced-details dl dt{
   float:left;
   display:block;
   width:10em;
   }
#profile-advanced-details dl dd{
   margin-left:10em;
   padding-left:12px;
   }
#profile-advanced-details div.separator{
   clear:both;
   font-size:1px;
   line-height:1px;
   border-bottom:1px solid #dcdcdc;
   padding-top:10px;
   }
#profile-advanced-details .ajax-profil_edit{
   left:-4px;
   }

/* jqModal */
.jqmWindow {
   display: none;
   position: fixed;
   left: 50%;
   width: 450px;
   margin-left: -225px;
   top: 50%;
   margin-top: -125px;
   background-color: #EEE;
   border: 1px solid #f8bdb0;
   }
.jqmOverlay {
   background-color: #000;
   }
#search_form {
   padding: 1em;
   }
#jqmHide {
   margin: 0 0.5em 0.5em;
   }
.jqDrag {
   cursor: move;
   }

/* First Post */
#first-post-br {
   width: 80%;
   border: 0;
   border-top: solid 1px #f8bdb0;
   margin: 20px auto;
   }

/* Blog */
.blog_cal-border {
   display: inline;
   float: left;
   border: 1px solid #f8bdb0;
   background: #fefefe;
   padding: 1px;
   font-size: 1.2em;
   margin-right: 1em;
   }
.blog_cal-content {
   width: 2.9em;
   background: #f8bdb0;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #fbf9f9;
   }
.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_icon img {
   margin-top: 1.5em;
   }
.blog_title {
   padding-top: 1.3em;
   font-size: 1.2em;
   }
.blog_title .topic-title {
   display: inline;
   font-size: 1.1em;
   }
.blog_title .topictitle {
   font-size: 1.1em;
   text-decoration: none;
   }
.blog_message {
   margin-top: 0.5em;
   }
.blog_comments {
   font-size: 0.9em;
   text-align: right;
   }
.blog_comments img {
   vertical-align: middle;
   }
#blog_comments {
   width: 90%;
   margin: 0 auto;
   }
#blog_comments .post-header {
   padding-left: 2px;
   }
.blog_comment-avatar {
   float: left;
   }
.blog_comment-avatar img {
   background-color: #fff;
   border: 1px solid #f8bdb0;
   vertical-align: middle;
   width: 38px;
   margin: 2px 2px 4px;
   }
#blog_comments .h3 {
   overflow: hidden;
   margin-top: 0;
   margin-left: 45px;
   padding: 0;
   min-height: 22px;
   }
.blog_comment-title {
   float: left;
   margin-top: 7px;
   }
.no_comment {
   padding: 10px 0;
   }

/* Social bookmarking */
#bookmarks {
   float: right;
   }
#bookmarks a img {
   width: 20px;
   height: 20px;
   background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
   vertical-align: middle;
   }
#bookmarks a img.twitter {
   width: 16px;
   height: 16px;
   margin: 2px;
   background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
   }
#bookmarks img.delicious {
   background-position: -10px -10px;
   }
#bookmarks img.digg {
   background-position: -10px -50px;
   }
#bookmarks img.excite {
   background-position: -9px -90px;
   }
#bookmarks img.facebook {
   background-position: -9px -128px;
   }
#bookmarks img.furl {
   background-position: -10px -166px;
   }
#bookmarks img.google {
   background-position: -10px -206px;
   }
#bookmarks img.live {
   background-position: -9px -246px;
   }
#bookmarks img.netscape {
   background-position: -9px -284px;
   }
#bookmarks img.newsvine {
   background-position: -9px -322px;
   }
#bookmarks img.reddit {
   background-position: -10px -360px;
   }
#bookmarks img.slashdot {
   background-position: -10px -400px;
   }
#bookmarks img.smarking {
   background-position: -9px -440px;
   }
#bookmarks img.stumbleupon {
   background-position: -10px -478px;
   }
#bookmarks img.technorati {
   background-position: -10px -518px;
   }
#bookmarks img.yahoo {
   background-position: -10px -558px;
   }

/* wysiwyg */
.mceContentBody{
   background: #f3e9e6;
   color: #000005;
   }
#fa_toolbar, #fa_toolbar_hidden {background-color: #faa71c !important;}
.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }
.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}
        .favlink {
          font-size: 1.1em;
        }
.lastpost-avatar img {
            border-radius: 20px;
        }
        .fa_avatar img {
          width:25px;
          height:25px;
          margin-right:5px;
          margin-bottom:2px;
          border-radius: 40px;
          -webkit-border-radius:3px;
            -moz-border-radius:3px;
                  border-radius:3px;
        }

And this is the code i want to add for my mobile theming :

Code:

#mpage-body{
   background:#FFF
   }
#mpage-body .post .content a{
   color:#000;
   text-decoration:underline
   }
#mpage-body .post .content a:hover{
   color:#FFF
   }
#mpage-body .post{
   color:#000;
   background:#FFF;
   margin:6px 3px;
   border-radius:3px
   }
#mpage-body .postbody .post_header{
   color:#FFF;
   background:#faa71c;
   border-radius:3px 3px 0 0
   }
.avatarMobile{
   background:#FFF;
   border:1px solid #555;
   border-radius:20px;
   height:20px;width:20px;
   display:inline-block;
   vertical-align:bottom;
   margin-bottom:-.1em;
   overflow:hidden
   }
#mpage-body .postbody::after,#mpage-body .postbody:after,
.mobile_title{
   background:0 0
   }
.avatarMobile img{
   max-width:20px;
   max-height:20px
   }
.mobile_title{
   border:none
   }
.mobile_title.application_header{
   background:#FFF;
   border-bottom:1px solid #CCC
   }
.mobile_title_content{
   color:#333;
   text-shadow:none
   }
.mobile_set{
   color:#FFF;
   background:#faa71c;
   border:none;
   border-radius:
   3px;margin:6px 3px
   }
.mobile_set_content{
   text-shadow:none;
   line-height:16px
   }
.mobile_item{
   background:#f3e9e6;
   border:none;
   border-radius:3px;margin:6px 3px;
   padding:0;overflow:hidden
   }
.mobile_item:hover,.mobile_item_content:hover{
   background-color:#FFF
   }
.mobile_item_content{
   padding:6px 0;
   background-position:-2px 50%
   }
.mobile_comment,.mobile_subtitle{
   color:#333;
   text-shadow:none}
.defaultBtn,.mobile_next_button,.mobile_prev_button{
   background:#faa71c;
   border:none;
   border-radius:3px}
.mobile_next_button p,.mobile_prev_button p{
   color:#FFF;
   text-shadow:none
   }
.defaultBtn:hover,.mobile_next_button:hover,.mobile_prev_button:hover{
   background:#333
   }
.inputTxtContainer{
   padding:0;
   border:none
   }
#mpage-body textarea,.inputTxtContainer .inputTxt{
   color:#666;
   border:1px solid #CCC!important;
   border-radius:3px;padding:5px
   }
#mpage-body textarea:hover,.inputTxtContainer .inputTxt:hover{
   border-color:#FFF!important
   }
#mpage-body textarea:focus,.inputTxtContainer .inputTxt:focus{
   border-color:#333!important
   }
#mpage-body .codebox,#mpage-body .spoiler,#mpage-body blockquote{
   color:#666;
   background:#FFF;
   border:1px solid #333;
   border-radius:3px;
   display:block
   }
#mpage-body .codebox p,#mpage-body .spoiler_title,#mpage-body blockquote cite{
   color:#FFF;
   background:#333;
   border-radius:3px;display:block;
   float:none;
   padding:.5em;
   margin-bottom:.5em
   }
#mpage-body .codebox code,#mpage-body .spoiler_content{
   color:#FFF;
   background:#EEE;
   border:1px solid #CCC;
   border-radius:3px;
   padding:.5em
   }
.errorMobile{
   color:#FFF;
   font-size:.8em;
   font-weight:700;
   background:#E53;
   padding:16px 5px
   }
#mpage-body .poll .fieldset{
   border:none
   }
#mobileActionBar{
   background:#8C5;
   font-weight:700
   }
#mobileActionBar .mobileActionLabel{
   background-image:url(http://i18.servimg.com/u/f18/18/21/41/30/add10.png);text-transform:uppercase;
   font-size:1em
   }
.mobile_item_link_content{
   background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_chevro.png);
   background-position:99% 50%
   }
.cat_new,.cat_no_new{
   background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_folder.png)
   }
.folder_hot,.folder_hot_new,.folder_new,.folder_no_new,.forum_new,.forum_no_new{
   background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_no-new.png)
   }
.cat_locked,.folder_locked,.folder_locked_new,.forum_locked{
   background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_locked.png)
   }
.folder_announce,.folder_announce_new,.folder_global,.folder_global_new{
   background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_announ.png)
   }
.folder_sticky,.folder_sticky_new{
   background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_pinned.png)
   }
.cat_new,.folder_announce_new,.folder_global_new,.folder_hot_new,.folder_locked_new,.folder_new,.folder_sticky_new,.forum_new{
   background-color:#8C5
   }

PS : Dont worry take your own time. I know it's quite a huge ask from me. All help is very much appreciated :-)

Even with maximum compression your CSS will still be 8K too large. I believe the maximum CSS size is 65K, but I'm not sure. Your CSS is huge.

I'm gonna post a version that's still readable (12K too large) in 2 chunks, and you'll need to decide on what may be deleted and what needs to stay. It can't be compressed any further. If you want to try adding both new chunks to your CSS, be my guest. Please make sure you backup the originals 1st.

1st chunk:

Code:


*{margin:0;padding:0}
.clearfix:after,.ipbform2 dl:after,.maintitle:after{content:".";display:block;height:0;clear:both!important;visibility:hidden}
*+ html .clearfix{min-height:1px;clear:both}
* html .clearfix{height:1%;clear:both}
*+ html .empty-clear{line-height:1px;height:1px}
* html .empty-clear{line-height:1px;height:1px}
.clear{clear:both}
body{margin:0 auto;background-color:#f3e9e6;background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/Nav%20Buttons%20n%20mains/bg.gif);background-attachment:scroll;color:#000005;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;line-height:135%}
* html{scrollbar-face-color:#dee3e7;scrollbar-highlight-color:#000;scrollbar-shadow-color:#dee3e7;scrollbar-3dlight-color:#d1d7dc;scrollbar-arrow-color:#069;scrollbar-track-color:#efefef;scrollbar-darkshadow-color:#98aab1}
*+ html{scrollbar-face-color:#dee3e7;scrollbar-highlight-color:#000;scrollbar-shadow-color:#dee3e7;scrollbar-3dlight-color:#d1d7dc;scrollbar-arrow-color:#069;scrollbar-track-color:#efefef;scrollbar-darkshadow-color:#98aab1}
img{border:none;vertical-align:middle}
a:link{color:#fa0000;text-decoration:underline}
a:visited{color:#000;text-decoration:underline}
a:hover{color:#900}
a:active{color:#000;text-decoration:underline}
a:focus{color:#fa0000}
*+ html body{min-width:800px;overflow-x:hidden!important}
* html .minwidth_IE{padding-left:900px}
* html .container_IE{margin-left:-900px;position:relative}
* html .minwidth_IE,* html .layout_IE,* html .container_IE{height:1px}
div#logostrip{min-height:68px;background-image:url();background-repeat:repeat-x;text-align:center}
*+ html div#logostrip{min-height:70px}
div#logostrip #logo{display:block;margin:0 10px;float:center}
div#logostrip #main-title,div#logostrip #main-title h1{padding-top:25px;font-size:24px;font-weight:700;font-family:TrebuchetMS}
div#logostrip #main-title h1{padding-top:0}
#site-desc{margin:8px}
#submenu{padding:.5em 0 .65em;text-align:right}
*+ html #submenu{padding:0}
* html #submenu{padding:0}
#submenu ul{list-style:none;text-align:center}
#submenu ul li a{padding:.5em 1em .65em 0;margin:.5em 1em .65em 0;text-decoration:none}
*+ html #submenu ul li a{display:inline-block}
* html #submenu ul li a{display:inline-block}
#userlinks{padding:.5em;font-size:.9em}
#userlinks.not-connected{text-align:center}
#userlinks.not-connected span{margin:0 .25em}
#userlinks.not-connected .guest{font-weight:700}
#userlinks p.home{float:left;margin-left:.5em}
#userlinks p.home a{font-weight:700}
#userlinks ul{float:right;list-style:none}
#userlinks ul li{float:left;margin:0 .25em}
#userlinks ul li:after{content:' .'}
#userlinks ul li a{margin-right:.25em;text-decoration:underline}
#userlinks ul li.last:after{content:normal}
#ipbwrapper{margin:0 auto;text-align:left;width:autopx;min-width:768px;padding:5px}
#navstrip{list-style:none;margin:0 0 1em;font-weight:700}
#navstrip li{float:left;margin:0 5px;padding-left:13px;background:url(http://2img.net/i/fa/invision/breadcrumb-arrow.gif) no-repeat left 50%}
#navstrip li.begin{padding-left:15px;background:url(http://2img.net/i/fa/invision/nav.gif) no-repeat left 50%}
#navstrip li a{text-decoration:none;font-weight:700}
div.newslink{margin:.8em 0;padding:.5em;font-size:11px}
div.newslink p.date{font-size:10px;margin:0 0 5px}
div.newslink .h3{font-weight:700}
#content-container div#container{width:100%;float:left;margin-right:-0}
#content-container div#content{margin-right:0}
#content-container div#main{margin-bottom:1em;overflow:hidden}
*+ html #content-container div#main{margin-left:0}
#content-container div#left{width:0;float:left;margin-right:0;overflow:hidden}
#content-container div#right{width:0;float:right;overflow:hidden}
* html #content-container #main-content{overflow:visible;margin-right:0}
* html #content-container div#main{margin-right:-99%;width:100%;float:left}
div.borderwrap,.borderwrapm{padding:1px}
* html div.borderwrap,* html .borderwrapm{zoom:1}
div.maintitle{vertical-align:middle;padding:8px 8px 8px 15px;background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/Forums%20Icons/i_back_title-2.png);background-repeat:repeat-x;zoom:1}
div.maintitle h2,div.maintitle h3,div.maintitle div.toggle{font-size:13px}
.maintitle.floated h2,.maintitle.floated h3,.maintitle.floated div.toggle{float:left}
.maintitle div.toggle{font-weight:700}
div.maintitle .expand,div.maintitle .contract{float:right;width:10px;height:10px;background:url(http://2img.net/i/fa/invision/exp_minus.gif) no-repeat 50% 50%;cursor:pointer}
div.maintitle .expand{background:url(http://2img.net/i/fa/invision/exp_plus.gif) no-repeat 50% 50%}
* html div.maintitle .expand,* html div.maintitle .contract{line-height:.1em;cursor:hand}
*+ html div.maintitle .expand,*+ html div.maintitle .contract{cursor:hand}
div.maintitle .expand a,div.maintitle .contract a{text-decoration:none}
.borderwrap .subtitle{padding:5px;font-size:12px;font-weight:700}
.borderwrap .subtitle.cleared{clear:both}
.borderwrap p.subtitled{padding:5px}
.borderwrap .msg{padding:.5em}
.subtitle.posting-code{margin:-.5em}
.title-options{float:right}
.box-content div.agreement{padding:.5em}
*+ html .agreement{border:none}
.agreement h2.u{margin:.5em 0 1em}
.box-content fieldset.submit{padding:.5em!important}
div.box-content.error{border-bottom:none}
div.box-content.error p{padding:5px}
.maintitle.floated.dropped{position:relative}
.popmenubutton{float:right;height:22px}
.popmenubutton a{padding:2px 16px 2px 8px;background-image:url(http://2img.net/i/fa/invision/menu_action_down.gif);background-position:97% 50%;background-repeat:no-repeat;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;text-decoration:none}
.popmenubutton a.addthis_button{margin:0 5px}
* html .popmenubutton a{text-decoration:none!important}
*+ html #topicmenu-options.popmenubutton a{background-position:90% 50%}
* html #topicmenu-options.popmenubutton a{background-position:90% 50%;margin-bottom:-13px;margin-top:-3px}
.popmenubutton p.left-overview a{display:inline!important;padding:0!important;background:transparent!important;border:none!important}
.popupmenu{list-style:none;width:200px;font-size:11px}
.post .popupmenu{position:absolute;top:29px;z-index:999}
* html .post .popupmenu{left:1.5em}
#forummenu-options_menu.popupmenu{position:absolute;top:30px;right:8px;z-index:999}
.member .popupmenu{position:absolute;z-index:999}
.popupmenu .avatar{float:right;margin:5px;width:50px;height:50px;background:url(http://2img.net/i/fa/invision/pp-blank-thumb-50px.png) no-repeat}
.popupmenu .avatar img{display:block;width:50px;height:50px}
.popupmenu ul{padding:.5em;list-style:none}
.popupmenu li a.profile-icon{display:block;float:left;width:30px;margin:0 .5em 0 0;text-align:center}
.popupmenu li{display:block;padding:.5em;background-image:url(http://2img.net/i/fa/invision/menu_item.gif);background-repeat:no-repeat;background-position:2px 50%;text-decoration:none;white-space:nowrap}
.popupmenu li a{text-decoration:none}
ul.popupmenu li.popupmenu-category{padding:.5em;text-align:center;font-weight:700;letter-spacing:1px;background-image:none}
.popupmenu .last{border-bottom:none}
.popup{margin:.5em}
.popup .popup-msg{margin:.5em}
table.ipbtable{width:100%;empty-cells:show}
*+ html table.ipbtable{border-collapse:collapse}
* html table.ipbtable{border-collapse:collapse}
table.ipbtable.index-box{width:100%;table-layout:fixed}
table.index-box td{height:45px}
table.ipbtable th{padding:5px;text-align:center;background-image:url(http://i301.photobucket.com/albums/nn68/baba_12979/cellpic1-1.gif);background-repeat:repeat-x}
table.ipbtable th.formsubtitle,.formsubtitle{border:none;text-align:left}
table.ipbtable th.icon{text-align:center;width:1%;empty-cells:show}
table.ipbtable.search th.forum{width:14%}
table.ipbtable th.forum{text-align:left;width:60%}
table.ipbtable th.forum2{text-align:left;width:50%}
table.ipbtable th.topics,table.ipbtable th.replies,table.ipbtable th.views{width:8%}
table.ipbtable th.last-post{width:35%}
table.ipbtable th.last-post2{width:22%}
table.ipbtable th.starter{width:14%}
table.ipbtable .last{border-right:none}
table.ipbtable tfoot td{font-size:3px;height:10px}
table.ipbtable td{padding:5px;vertical-align:top}
table.ipbtable td.icon{height:38px;vertical-align:top}
* html table.ipbtable td.icon{position:static}
table.ipbtable img.icon{float:left}
table.ipbtable span.status{position:absolute}
table.ipbtable .forum-name h3{font-size:12px}
table.ipbtable td .par{text-align:left}
.hierarchy{display:inline;font-size:inherit;font-weight:inherit}
*+ html .hierarchy{font-size:12px;font-weight:700}
* html .hierarchy{font-size:12px;font-weight:700}
table.ipbtable .forum-name a{font-weight:700}
table.ipbtable .forumdesc{font-size:11px}
table.ipbtable .mods{text-align:left}
.centered{text-align:center}
.thin{line-height:150%;margin:2px 0;padding:6px 0}
.view-online th{text-align:left}
.view-online th.name{width:50%}
.online-explain{margin:5px;font-size:.8em}
.row1.centered.author b{font-weight:400}
.ipbtable .date{font-size:80%}
.last-post-icon{margin:0 .25em}
table.posting-table td{padding:3px;border:1px solid #ccc;border-collapse:collapse}
.ipbform fieldset{margin:.5em;padding:0 1em 1em}
.ipbform fieldset legend{margin:0;padding:0 .5em;font-weight:700}
.ipbform fieldset label{display:block}
div.errorwrap,div.infowrap{margin:0 5px 5px}
div.errorwrap h4,div.infowrap h4{padding:5px;font-size:12px;font-weight:700}
div.errorwrap p,div.infowrap p{padding:8px}
div.input-warn-content{display:none;margin:4px;padding:4px}
fieldset{border:none}
.button,.mainoption{padding:0 5px;font-size:10px;cursor:pointer}
a.button{padding:1px 5px 0;text-decoration:none;line-height:1em;font-size:11px}
.formbuttonrow{margin:0;padding:5px;border:none!important}
.columned fieldset.formcolumn1{float:left;width:45%}
.columned fieldset.formcolumn2{float:left;width:45%}
.ipbform fieldset.signature{margin:1.5em;padding:1em}
.ipbform2 .box-content{padding:0}
.ipbform2 dl{float:left;width:100%;clear:left}
.ipbform2 dl dt{display:block;float:left;width:230px}
.ipbform2 dl dt label{display:block;width:210px;padding:12px 10px 0;font-weight:700}
.ipbform2 dl dd{display:block;margin-left:250px;padding:10px}
*+ html .ipbform2 dl dt,*+ html .ipbform2 dl dd{min-height:1px}
*+ html .ipbform2 dl dd{margin-left:0}
*+ html .dd-options{margin-left:230px!important}
* html .dd-options{margin-left:233px!important}
* html .ipbform2 dl dt,* html .ipbform2 dl dd{height:1%}
* html .ipbform2 dl dd{margin-left:0}
.ipbform2 dl dd label{margin:0 1em 0 0}
.ipbform2 dl dd input{margin:0 .5em 0 0}
.separator{line-height:1px;height:1px}
.ipbform2 fieldset.captcha{margin:.5em;padding:0 1em 1em}
.ipbform2 fieldset.captcha legend{padding:0 .5em}
.ipbform2 fieldset.captcha label{display:block}
.ipbform2 fieldset.captcha .desc{font-size:.8em}
.ipbform2 fieldset.captcha .captcha-field{float:left;width:30%;padding:1em 0}
.ipbform2 fieldset.captcha .captcha-images{float:left;padding:2em}
.ipbform .desc,.ipbform2 .desc{font-size:.9em;font-weight:400}
.borderwrap .padded{margin:.25em}
.borderwrap fieldset.in-padding{padding:0}
.posting-subject{width:65%}
.messaging-box{margin-top:10px;padding:10px;overflow:hidden}
* html .messaging-box{float:left}
* html .simple .posting-block{width:99%}
*+ html .messaging-box textarea{width:97%!important}
.messaging-box fieldset dl,.messaging-box fieldset dd{background-color:transparent}
.messaging-box fieldset dd{margin:0!important}
.messaging-box fieldset dt{width:auto}
#preview .content{padding:4px}
#smiley-box{float:left;width:220px;margin:0 10px 10px;padding:10px;min-width:220px}
#smiley-box .smiley-container object{width:220px}
*+ html #smiley-box{margin-top:10px}
* html #smiley-box{margin-top:10px;display:inline}
.helpline{display:block;height:1.2em}
.textarea-info{float:left;padding:.5em 0;font-size:.8em}
.exthelp,.rte-menu-button{float:right;height:16px;margin:.5em;padding:3px 5px 3px 25px;background-image:url(http://2img.net/i/fa/invision/rte-bbcode-help-sm.png);background-repeat:no-repeat;background-position:2% 50%;font-size:10px;text-decoration:none!important}
.rte-menu-button{float:left;background-image:url(http://2img.net/i/fa/invision/rte-toggle-options.png)}
.p-box{padding:5px}
.smiley-selector{padding:.35em;text-align:center}
.smiley-element{margin:10px}
.smiley-element img{margin:0 15px 10px 0}
.smiley-element{overflow-x:auto}
.poll,.polls h4{font-size:11px}
.borderwrapm{margin:5px}
.poll .poll-choice{clear:both;margin:.5em 0}
.poll fieldset{margin:1em}
.polls{margin:4px;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:.9em}
.polls .row1{padding:4px;font-weight:700}
.polls dl{margin:1em;padding:5px 0 0;line-height:120%}
.polls dt{text-align:left;float:left;display:block;width:30%;border-right:none;padding:0;margin:0;font-size:1.1em}
.polls dd{float:left}
.polls dd em{font-weight:700;font-style:normal}
.polls dd.number-votes{margin:0 .5em;width:4em;text-align:center}
div.login fieldset label{float:left;width:11em;margin:.5em 0}
div.login fieldset input{margin:.5em 0}
div.login fieldset.formcolumn2 label{display:inline;float:none}
div.login fieldset.formcolumn2 input{margin:0 .5em 0 0}
div.box-content.resend-pwd{border-bottom:none}
.login .errorwrap{margin:5px}
.login fieldset.formbuttonrow{margin:0;padding:5px}
.tfooter{padding:.5em}
.search-footer-box{float:left;width:45%}
.search-footer-box input{margin:0;font-size:.8em}
.mod-forum-toolbox{float:right;width:45%;text-align:right}
.captcha-img{margin:5px;vertical-align:middle}
.captcha{margin:10px 5px}
#search_menu{padding:5px;font-size:11px}
#search_menu table .thHead,#search_menu hr{display:none}
#search_menu table td.row2{background-color:transparent;border:none}
#search_menu input.post{margin-top:0!important}
#search_menu table tr td input.button{margin:5px 0 0}
#search_menu span.genmed{display:block;padding:5px}
div.module.advanced-search .box-content{padding:0}
.search-padding{padding:5px}
.advanced-search .search-footer{padding:3px;text-align:center;font-size:.8em}
.memberlist fieldset{padding:1em}
.borderwrap.member-list{margin-bottom:4em}
div.centerer{display:table;margin:0 auto;white-space:nowrap!important;text-align:center}
.member{float:left;width:22%;margin-right:10px;margin-bottom:10px;padding:5px}
.member-list .popmenubutton{width:100%;height:auto}
* html .member span.membername{float:left;word-wrap:break-word!important}
*+ html .member span.membername{float:left;word-wrap:break-word!important;white-space:normal}
.member-list .popmenubutton .mini-avatar{display:block;float:right;margin:5px;background:url(http://2img.net/i/fa/invision/pp-blank-thumb-38px.png) no-repeat;width:38px;height:38px}
.member .popupmenu li{background-image:none}
.member-list .popmenubutton .mini-avatar img{width:38px;height:38px}
.member p{font-size:10px;height:7em;overflow:auto}
.search-filter{float:left;margin:5px;font-size:11px}
.search-filter dt,.search-filter dd{float:left;margin:3px 3px 0;vertical-align:middle}
.search-filter select{font-size:10px}
.centerer del{text-decoration:none;display:inline-block}
div.borderwrap .member-list{padding:5px;border:none}
dl.faq dd{margin:5px 5px 0}
dl.faq dd p{margin:5px;padding:5px}
dl.faq .question{padding:5px 0 8px;font-weight:700}
dl.faq.answers{padding:10px}
div.calmonths{margin:5px 0;padding:8px;text-align:center;font-size:18px;font-weight:700}
a.calarrow{text-decoration:none!important}
table.ipbtable.calendar{border:none;border-collapse:collapse}
table.ipbtable.calendar th{border-right:none}
.ipbtable.calendar .view-week{width:2%}
.ipbtable.calendar td.view-week{vertical-align:middle;text-align:center}
.ipbtable.calendar td{padding:5px;overflow:hidden;empty-cells:show}
.ipbtable.calendar .celldate{padding:.25em}
.ipbtable.calendar .calday{padding:4px;text-align:right;font-size:11px;font-weight:700}
.ipbtable.calendar ul{list-style-type:none;height:10em}
.ipbtable.calendar ul li{margin:.25em}
.ipbtable.calendar p.right-event{padding:.25em;text-align:right}
.overview .title-overview{padding:4px}
.overview .center-overview{padding:4px}
.overview .left-overview{padding:4px}
.overview hr.dashed{border-bottom:none}
#mini-calendar{float:left;width:270px;margin:1em}
#mini-calendar .table{margin-bottom:1em}
#calendar-result{margin:1em 0;float:left;width:68%}
.bday td{text-align:center}
.bday .name{width:20%;text-align:left}
.bday .www{width:10%;text-align:center;overflow:hidden}
ul.privmsg{list-style:none;float:left;margin-left:2px;margin-bottom:-2px}
*+ html ul.privmsg{margin-left:2px;margin-bottom:-11px}
ul.privmsg li{display:block;float:left;margin-right:2px}
ul.privmsg li div.tabitem{padding:5px 10px}
ul.privmsg li a{display:block;margin:-5px -10px;padding:5px 10px}
.maintitle .options{float:right}
th.subject{text-align:left!important}
th.select-items{width:2%}
.borderwrap#ucpmenu{float:left;width:25%}
*+ html .borderwrap#ucpmenu{margin-right:1em}
.borderwrap.ucp{margin-left:1em;overflow:hidden}
* html .borderwrap.ucp{width:73%}
.box-content.profile-tabs{padding-top:0;border-bottom:none}
#ucpmenu ul{list-style:none}
* html #ucpmenu ul li{margin:0}
#ucpmenu ul li a{display:block;padding:8px;font-size:12px;font-weight:700;text-decoration:none}
#ucpmenu .profile-tabs ul li.activetab a{text-indent:1em}
.posting-options{margin:.5em 0}
.posting-options.topic-options{float:right;width:49%}
.posting-options .posting-buttons{list-style:none}
.posting-options .posting-buttons li{float:right}
.formsubtitle{padding:5px}
* html .formsubtitle{zoom:1}
.formsubtitle h4{font-size:11px}
.activeusers-box p{padding:5px}
.activeusers{padding:5px}
.ul-icons{list-style:none;float:left;margin:0 1em 0 0}
.ul-icons li{font-size:11px}
.ul-icons li img{vertical-align:middle}
* html .profile-view .maintitle{position:relative}
.profile-view .avatar{text-align:center;width:215px;float:left}
.profile-view .avatar img{display:block;margin:5px auto}
.avatar img{width:50px}
.profile-view .avatar img#i_icon_pm{display:inline}
.profile-view p{margin:0 5px;padding:5px}
.profile-view .popmenubutton{margin:10px auto}
.profile-view .popmenubutton a{font-weight:400}
.profile-view .profile-view-list ul{list-style:none}
.profile-view .profile-view-list ul li{padding:8px 10px}
.profile-view .profile-view-list ul li.last{border-bottom:none}
.profile-view-list dl{padding:6px 10px;width:98%;margin:6px 0 0}
.profile-view-list dl dt{float:left;display:block;width:10em}
.profile-view-list dl dd{margin-left:10em;padding-left:12px}
.profile-view-list div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:6px;width:98%}
blockquote{margin:8px;padding:8px}
blockquote cite{display:block;margin:-8px -8px 8px;padding:3px;background-image:url(http://2img.net/i/fa/invision/css_img_quote.gif);background-repeat:no-repeat;background-position:top right;font-style:normal;font-size:11px}
dl.codebox{margin:8px}
.codebox dt{display:block;padding:3px;background-image:url(http://2img.net/i/fa/invision/css_img_code.gif);background-repeat:no-repeat;background-position:top right;text-transform:uppercase;font-weight:700}
* html .codebox dt{zoom:1}
.codebox dd{padding:5px;font-family:Courier,CourierNew,sans-serif;white-space:pre;overflow:auto;max-height:200px}
* html .codebox dd{height:200px}
.spoiler{margin:8px;padding:8px}
.spoiler dt{display:block;margin:-8px -8px 8px;padding:3px;font-weight:700;font-size:11px;text-transform:uppercase}
.spoiler dd{padding:8px}
.hidecode dt{display:none}
.hidecode dd{white-space:normal}
.drafts th.subject{width:40%}
.post-container{margin-left:18em}
.postbody{width:100%;background-color:transparent}
*+ html .postbody{word-wrap:break-word}
* html .postbody{word-wrap:break-word}
.post-entry{margin:.5em;overflow:hidden}
* html .post-entry{width:96.9%;float:left}
.postprofile{float:left;margin-left:-18em;width:18em}
* html .postprofile{position:relative}
.post-footer{clear:both}
.post-footer img{cursor:pointer}
.post .post-header{padding:2px 8px 0;min-height:33px}
* html .post .post-header{height:30px}
.module .postbody .postbody-head{margin-left:0}
.postprofile-head .popmenubutton-new-out{margin:0 auto;float:none;padding:.3em 0}
.postbody-head .post-info{list-style:none;float:right}
.postbody-head .post-info li{float:left;margin-left:.5em}
.postdetails{font-size:11px;line-height:140%}
.postdetails h3{font-size:11px;margin-right:15%}
.postprofile-details{background:#fff;border:2px outset silver;padding:7px 0;text-align:center}
.postprofile-details dt{line-height:24px;font-size:16px;font-weight:700}
.postprofile-details dt a{color:#000}
.postprofile-details dd{color:#000;font-weight:700}
.post-footer ul.posting-icons,.post-footer ul.misc-icons{list-style:none;float:right;margin:5px}
.post-footer ul.misc-icons{float:left}
.post-footer ul.posting-icons li,.post-footer ul.misc-icons li{float:left}
.popmenubutton-new-out{float:none;width:15em}
.popmenubutton-new-out a{text-align:left}
*+ html .postprofile-head{min-height:1%}
.postprofile-head .avatar{text-align:center}
.postprofile-head .avatar img{width:50px;height:50px}
.postprofile-head ul li{background-image:none}
.signature{padding:1em}
* html .signature{zoom:1}
.topic-footer{padding:5px}
.next-prev{float:right}
.bar{padding:5px}
.postreview .box-content{padding-top:0}
.postreview .post{margin:0;border-bottom:none}
.postreview .postbody .postbody-head h3{font-size:11px;font-weight:400}
.postreview .postprofile-head h3{font-size:12px}
.lastaction{font-size:.9em}
.postprofile .post-options{list-style:none;padding:8px;line-height:1.8em;font-size:11px}
.search-results-posts .postbody-head h3{font-size:12px}
.search-results-posts .postbody-head h3 a,.search-results-posts .postprofile-head .username a{text-decoration:none}
.postprofile .post-options .label{font-weight:700}
.post-entry ul,.post-entry ol{margin-left:1.5em}
.postbody ol{margin:0 1.5em}
.vote{float:right;width:9px;margin-left:4px}
.vote .vote-button{text-align:center;font-weight:700;margin-left:-1px}
.vote .vote-button a{text-decoration:none!important}
.vote .vote-bar{width:3px;height:50px;margin:0 auto;border:1px solid #000005;font-size:0}
.vote .vote-no-bar{letter-spacing:-2px;margin-left:-2px;white-space:nowrap}
.vote .vote-bar-plus{background-color:#0f0}
.vote .vote-bar-minus{background-color:red}
.qreply{width:75%;margin:1em auto;padding:6px}
.dd-textarea{width:98%;margin:6px}
button.button2,input.button2{font-size:.9em;width:auto!important;margin:0 .25em;padding:2px 3px;font-family:Arial,Verdana,Helvetica,sans-serif,Papyrus;background-repeat:repeat-x;background-image:url(http://2img.net/i/fa/prosilver/bg_button.gif);background-position:top;overflow:visible;vertical-align:middle}
body:last-child a.button1,input.button1,a.button2,input.button2,button.button2{padding:1px 0}
button.button2:hover,input.button2:hover{background-position:0 100%}
* html button.button2,* html input.button2{padding-bottom:0;margin:0 .25em;height:22px;padding-right:3px;padding-left:3px}
*+html button.button2,*+html input.button2{height:24px;padding-right:3px;padding-left:3px}
*+html button.button2 img{vertical-align:middle}
* html button.button2 img{vertical-align:middle}
.select{position:absolute;z-index:999;top:0;left:0;overflow:hidden;width:0}
* html .select{margin-top:-9px}
.select p{padding:4px 6px;font-size:.9em;margin:0}
.select button{padding:4px;font-size:.9em;margin:0;border:none;text-align:left}
.select button.button2{padding:0}
*+html .select button.button2{padding-right:3px;padding-left:3px}
* html .select button.button2{padding-right:3px;padding-left:3px}
.select button.button2:hover{background-position:0 100%}
.selectHover{cursor:pointer}
button.bbcode{background-image:url(http://2img.net/i/fa/wysiwyg/bg_button.png)}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea{width:99%}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea{width:99%}
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea{width:99%}
*+ html #text_editor_textarea.quick_reply_textarea{width:99%!important}
* html #text_editor_textarea.quick_reply_textarea{width:90%!important}
.vBulletin_editor{border:none!important}
.vBulletin_editor table.text-style{width:450px;display:table-layout}
div.pagination{float:left;margin-top:8px;margin-bottom:.5em}
div.pagination.topic-options{width:49%}
.gen .forumline .thHead{padding:5px}
.gen table.forumline td{padding:5px}
.pagination table td{padding:5px;text-align:center}
div.pagination a{padding:2px 4px;text-decoration:none}
* html div.pagination a{padding:5px}
div.pagination b{padding:2px 5px;font-weight:400;padding:2px 4px;font-weight:normal}
strong.pagination a,.topic-paging a{margin:0 1px 0 0;padding:2px 4px;font-size:10px;text-decoration:none}
strong.pagination .page-sep{visibility:hidden}
.module .maintitle{padding:5px}
.module .maintitle h3{float:none;font-size:1em}
.module .box-content{border-bottom:none;padding:5px;line-height:normal}
.module .postbody{padding:0}
.module .postbody .postbody-head{height:auto;padding:5px}
.module .postbody .post-footer{padding:3px 5px;font-size:.8em}
.module .postbody .post-read-full{font-size:.8em}
.module .box-content.ipbform{padding:0;border:none}
.module .box-content.ipbform fieldset{border:none;padding:0;margin:0}
.module .box-content.ipbform fieldset dl{padding:5px}
.module .box-content.ipbform fieldset.formbuttonrow{padding:5px!important;text-align:center}
.module .box-content .forgot-pwd{font-size:.8em}
.module .mod-login dt{float:left;margin-right:.5em}
*+ html .module.social-book .bookmark-img{width:80%}
.module .social-bookmark{font-size:.9em}
.module .box-content.poll{padding:0}
.module .box-content.poll dl{margin-top:1em}
.module .box-content.poll dt{float:left;width:40%}
.module .box-content.poll dd{margin-left:41%}
.module .box-content.poll dd.pstats{float:right}
.module ul{margin-left:1.5em}
.module table.mod-top-posters{table-layout:fixed}
#gfooter{margin:8px 0;padding:.5em;text-align:right;font-size:.8em;background-color:#000;color:#fff}
#gfooter form{float:left}
#gfooter ul{list-style:none;display:table;margin:0 auto}
#gfooter ul li{display:inline}
* html #qjump{float:left;text-align:left;width:15%}
.current-time{float:right}
#gfooter a{color:#fff!important}
#gfooter .footer-links{float:left;width:65%;white-space:normal!important}
.statlinks ul li a{border-bottom:1px dotted #000;color:#000}
.statlinks ul li a:hover{border-bottom:1px solid #000}
.toplinks{margin:0 0 .25em}
.linklist ul{float:right;list-style:none}
.linklist ul li{float:left;margin:0 .25em}
.linklist ul li:after{content:' .'}
.linklist ul li a{margin-right:.25em;text-decoration:underline;font-size:11px;font-weight:700}
.linklist ul li.last:after{content:normal}
.statlinks ul li a{text-decoration:none!important}
.stat-show-details{display:inline;list-style:none;margin-right:.5em}
.stat-show-details li{display:inline;margin-left:.5em}
.viewonline{float:right}
.gallery .borderwrap.column{float:left;max-height:400px;margin:0 .5em}
.gallery .borderwrap.column h3 a{text-decoration:none}
.gallery .cat-img{height:150px;padding:1em;text-align:center}
.gallery .cat-img .img-container{width:125px;height:100px;margin:0 auto;text-align:center;overflow:hidden}
.gallery .cat-img img{display:block;margin:0 auto}
.gallery .gallery-desc{height:100px;overflow-y:auto;padding:5px;font-size:11px;vertical-align:top}
.gallery .cat-info{padding:8px;text-align:right}
.gallery-footer .icon{float:left;min-width:3%;margin-right:5px;padding:3px;overflow:hidden}
.gallery-footer dd{padding:5px}
.borderwrap.thumbnails{float:left;margin:0 5px 5px}
.borderwrap.thumbnails .thumb{min-height:130px}
.borderwrap.thumbnails .thumbnail img{display:block;margin:.5em auto;padding:2px 2px 12px;text-align:center;height:75px}
.borderwrap.thumbnails .gal_caption{margin:0 auto 1em;text-align:center;font-size:14px;font-weight:700}
.borderwrap.thumbnails .gal_caption a{text-decoration:none}
.sort-gal{margin:.5em 0;padding:5px}
.photostrip .maintitle a,.view-photo .maintitle a{color:#fff}
.photostrip .maintitle h3,.view-photo .maintitle h3{float:none;text-align:center}
.photostrip .box-content{border-collapse:collapse}
.photostrip .photo{float:left;border-bottom:none;padding-top:20px}
.img-effects{display:table;width:90%;margin:1em auto}
fieldset.effects dl{float:left;width:19%;min-height:10em;margin:0 .5em .5em 0;clear:none;background-color:transparent}
fieldset.effects dt{float:left;padding:.25em;font-weight:700;width:auto}
fieldset.effects dd{padding:.25em;text-align:center;background-color:transparent;margin-left:0}
fieldset.effects dd.check{float:right;width:1em;margin:.15em;border:none;clear:right}
fieldset.effects .clearing{font-size:1px}
.avatar-gallery div.gal-content{margin:1em}
.avatar-gallery p.select-avatar{position:absolute;bottom:0;left:0;right:0;padding:.25em;text-align:center}
* html .avatar-gallery div p.select-avatar{width:114px}
.avatar-gallery div div.avatar-box{float:left;position:relative;width:113px;height:260px;margin:.5em .25em;text-align:center;overflow:hidden}
.avatar-gallery div div img{margin:.5em}
.rpg-table table{width:80%;border:none;border-collapse:collapse;padding:0}
.rpg-table table td{margin:0;padding:5px}
div.groupcp .ipbform2 dd ul{margin-left:1.8em}
.report-abuse-textarea{width:80%}
td.stat-bar{padding:8px 10px 0!important}
td.stat-bar div{white-space:nowrap}
table.status-bar td{margin:0;padding:0}
.donate-form p{padding:1em}
.center{margin:0 auto;text-align:center}
.left{float:left;text-align:left}
.right{float:right;text-align:right}
.delspace{visibility:hidden;font-size:0;line-height:0}
div#logostrip{background-color:#;color:#}
#submenu{background:#f8bdb0;color:#f8bdb0}
#submenu ul li a{color:#000}
#submenu ul li a:hover{background-color:#}
#userlinks{background-color:#fefefe;border-bottom:1px solid #ece1e8}
#userlinks.not-connected{background-color:#;border-bottom:1px solid #ece1e8}
#navstrip{color:#f8bdb0}
#navstrip li a:hover{color:#5A7CB7}
div.newslink{background-color:#f3e9e6}
div.borderwrap,.borderwrapm{border:1px solid #444;background-color:#f8bdb0}
div.maintitle{background-color:#f8bdb0;color:#fbf9f9}
.maintitle .titletext,.maintitle .titletext a,.maintitle .right,.maintitle .right a{color:#fff}
#plus_menu .title-overview{color:#000005}
.borderwrap .subtitle{background-color:#a6a6a6;border-bottom:1px solid #f4f8fc;color:#000}
.box-content{background-color:#f3e9e6;border-bottom:10px solid #000}
div.box-content.agreement{background-color:#fefefe}
.box-content .rules{background-color:#f3e9e6}
.popmenubutton a{background-color:#fefefe;border:1px solid #f3e9e6;color:#000}
.popupmenu{background-color:#fff;border:1px solid #d0d0d0}
.popupmenu .avatar{border:1px solid #000;background-color:#f3e9e6}
.popupmenu li{background-color:#fff;border-bottom:1px solid #d0d0d0}
ul.popupmenu li.popupmenu-category{background-color:#444;color:#000}
table.ipbtable th{background-color:#a6a6a6;border-right:1px dotted #e2effc;border-bottom:1px solid #f4f8fc}
table.ipbtable th.formsubtitle,.formsubtitle{background-color:#f3e9e6}
table.ipbtable tfoot td{background-color:#000}
table.ipbtable .forumdesc{color:#000}
.row1,.row2{border-bottom:1px solid #f3e9e6!important}
.row1{background-color:#fefefe}
.row2{background-color:#f3e9e6}
.darkrow{background-color:#ece1e8;border-top:1px solid #f4f8fc;color:#000}
.thin{border-top:1px solid #f3e9e6;border-bottom:1px solid #f3e9e6}
.sticky-separator{border-top:3px solid #f4f8fc}
.ipbform fieldset{border:1px solid #000}
.ipbform fieldset legend{color:#000005}
div.errorwrap,div.infowrap{background-color:#f2dddd;border:1px solid #992a2a}
div.box-content.error{background-color:#f2dddd}
div.infowrap{background-color:#f3e9e6;border:1px solid #000}
div.errorwrap h4,div.infowrap h4{background-color:#e3c0c0;border-bottom:1px solid #992a2a;color:#992a2a}
div.infowrap h4{background-color:#ddd;border-bottom:1px solid #000;color:#000}
div.errorwrap p,div.infowrap p{color:#992a2a}
div.input-warn-content{background-color:#fcc;border:1px solid #c00}
.button,.mainoption{background-color:#fefefe;border:1px solid #000}
.formbuttonrow{background-color:#ece1e8;border-top:1px solid #f4f8fc!important;color:#000}
.ipbform fieldset.signature{background-color:#f3e9e6;border:1px solid #444}
.ipbform fieldset.signature textarea{border:2px inset #000}
.ipbform2 dl{background-color:#fefefe;border-bottom:1px solid #f3e9e6}
.ipbform2 dl dd{background-color:#f3e9e6}
.separator{border-bottom:1px solid #f3e9e6}
.ipbform2 fieldset.captcha{border:1px solid #000}
.messaging-box{background-color:#f3e9e6;border:1px solid #444}
.messaging-box textarea{border:2px inset #000}
#smiley-box{background-color:#f3e9e6;border:1px solid #444}
.exthelp,.rte-menu-button{background-color:#fff;border:1px solid #000}
.p-box{background-color:#f3e9e6}
.smiley-container{border:1px solid}
.polls{background-color:#f3e9e6}
.polls dl{color:#000005}
#search_menu{background-color:#f3e9e6;border:1px solid #f8bdb0}
#search_menu input.post{border:1px solid #000}
.advanced-search .search-footer{background-color:#ece1e8;border-top:1px solid #f4f8fc}
.memberlist fieldset{padding:1em}
.borderwrap.member-list{margin-bottom:4em}
div.centerer{display:table;margin:0 auto;white-space:nowrap!important;text-align:center}
.member{float:left;width:22%;margin-right:10px;margin-bottom:10px;padding:5px}
.member-list .popmenubutton{width:100%;height:auto}
* html .member span.membername{float:left;word-wrap:break-word!important}
*+ html .member span.membername{float:left;word-wrap:break-word!important;white-space:normal}
.member-list .popmenubutton .mini-avatar{display:block;float:right;margin:5px;background:url(http://2img.net/i/fa/invision/pp-blank-thumb-38px.png) no-repeat;width:38px;height:38px}
.member .popupmenu li{background-image:none}
.member-list .popmenubutton .mini-avatar img{width:38px;height:38px}
.member p{font-size:10px;height:7em;overflow:auto}
.search-filter{float:left;margin:5px;font-size:11px}
.search-filter dt,.search-filter dd{float:left;margin:3px 3px 0;vertical-align:middle}
.search-filter select{font-size:10px}
.centerer del{text-decoration:none;display:inline-block}
div.borderwrap .member-list{padding:5px;border:none}
dl.faq dd{margin:5px 5px 0}
dl.faq dd p{margin:5px;padding:5px}
dl.faq .question{padding:5px 0 8px;font-weight:700}
dl.faq.answers{padding:10px}
div.calmonths{margin:5px 0;padding:8px;text-align:center;font-size:18px;font-weight:700}
a.calarrow{text-decoration:none!important}
table.ipbtable.calendar{border:none;border-collapse:collapse}
table.ipbtable.calendar th{border-right:none}
.ipbtable.calendar .view-week{width:2%}
.ipbtable.calendar td.view-week{vertical-align:middle;text-align:center}
.ipbtable.calendar td{padding:5px;overflow:hidden;empty-cells:show}
.ipbtable.calendar .celldate{padding:.25em}
.ipbtable.calendar .calday{padding:4px;text-align:right;font-size:11px;font-weight:700}
.ipbtable.calendar ul{list-style-type:none;height:10em}
.ipbtable.calendar ul li{margin:.25em}
.ipbtable.calendar p.right-event{padding:.25em;text-align:right}
.overview .title-overview{padding:4px}
.overview .center-overview{padding:4px}
.overview .left-overview{padding:4px}
.overview hr.dashed{border-bottom:none}
#mini-calendar{float:left;width:270px;margin:1em}
#mini-calendar .table{margin-bottom:1em}
#calendar-result{margin:1em 0;float:left;width:68%}
.bday td{text-align:center}
.bday .name{width:20%;text-align:left}
.bday .www{width:10%;text-align:center;overflow:hidden}
ul.privmsg{list-style:none;float:left;margin-left:2px;margin-bottom:-2px}
*+ html ul.privmsg{margin-left:2px;margin-bottom:-11px}
ul.privmsg li{display:block;float:left;margin-right:2px}
ul.privmsg li div.tabitem{padding:5px 10px}
ul.privmsg li a{display:block;margin:-5px -10px;padding:5px 10px}
.maintitle .options{float:right}
th.subject{text-align:left!important}
th.select-items{width:2%}
.borderwrap#ucpmenu{float:left;width:25%}
*+ html .borderwrap#ucpmenu{margin-right:1em}
.borderwrap.ucp{margin-left:1em;overflow:hidden}
* html .borderwrap.ucp{width:73%}
.box-content.profile-tabs{padding-top:0;border-bottom:none}
#ucpmenu ul{list-style:none}
* html #ucpmenu ul li{margin:0}
#ucpmenu ul li a{display:block;padding:8px;font-size:12px;font-weight:700;text-decoration:none}
#ucpmenu .profile-tabs ul li.activetab a{text-indent:1em}
.posting-options{margin:.5em 0}
.posting-options.topic-options{float:right;width:49%}
.posting-options .posting-buttons{list-style:none}
.posting-options .posting-buttons li{float:right}
.formsubtitle{padding:5px}
* html .formsubtitle{zoom:1}
.formsubtitle h4{font-size:11px}
.activeusers-box p{padding:5px}
.activeusers{padding:5px}
.ul-icons{list-style:none;float:left;margin:0 1em 0 0}
.ul-icons li{font-size:11px}
.ul-icons li img{vertical-align:middle}
* html .profile-view .maintitle{position:relative}
.profile-view .avatar{text-align:center;width:215px;float:left}
.profile-view .avatar img{display:block;margin:5px auto}
.avatar img{width:50px}
.profile-view .avatar img#i_icon_pm{display:inline}
.profile-view p{margin:0 5px;padding:5px}
.profile-view .popmenubutton{margin:10px auto}
.profile-view .popmenubutton a{font-weight:400}
.profile-view .profile-view-list ul{list-style:none}
.profile-view .profile-view-list ul li{padding:8px 10px}
.profile-view .profile-view-list ul li.last{border-bottom:none}
.profile-view-list dl{padding:6px 10px;width:98%;margin:6px 0 0}
.profile-view-list dl dt{float:left;display:block;width:10em}
.profile-view-list dl dd{margin-left:10em;padding-left:12px}
.profile-view-list div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:6px;width:98%}
blockquote{margin:8px;padding:8px}
blockquote cite{display:block;margin:-8px -8px 8px;padding:3px;background-image:url(http://2img.net/i/fa/invision/css_img_quote.gif);background-repeat:no-repeat;background-position:top right;font-style:normal;font-size:11px}
dl.codebox{margin:8px}
.codebox dt{display:block;padding:3px;background-image:url(http://2img.net/i/fa/invision/css_img_code.gif);background-repeat:no-repeat;background-position:top right;text-transform:uppercase;font-weight:700}
* html .codebox dt{zoom:1}
.codebox dd{padding:5px;font-family:Courier,CourierNew,sans-serif;white-space:pre;overflow:auto;max-height:200px}
* html .codebox dd{height:200px}
.spoiler{margin:8px;padding:8px}
.spoiler dt{display:block;margin:-8px -8px 8px;padding:3px;font-weight:700;font-size:11px;text-transform:uppercase}
.spoiler dd{padding:8px}
.hidecode dt{display:none}
.hidecode dd{white-space:normal}
.drafts th.subject{width:40%}
.post-container{margin-left:18em}
.postbody{width:100%;background-color:transparent}
*+ html .postbody{word-wrap:break-word}
* html .postbody{word-wrap:break-word}
.post-entry{margin:.5em;overflow:hidden}
* html .post-entry{width:96.9%;float:left}
.postprofile{float:left;margin-left:-18em;width:18em}
* html .postprofile{position:relative}
.post-footer{clear:both}
.post-footer img{cursor:pointer}
.post .post-header{padding:2px 8px 0;min-height:33px}
* html .post .post-header{height:30px}
.module .postbody .postbody-head{margin-left:0}
.postprofile-head .popmenubutton-new-out{margin:0 auto;float:none;padding:.3em 0}
.postbody-head .post-info{list-style:none;float:right}
.postbody-head .post-info li{float:left;margin-left:.5em}
.postdetails{font-size:11px;line-height:140%}
.postdetails h3{font-size:11px;margin-right:15%}
.postprofile-details{background:#fff;border:2px outset silver;padding:7px 0;text-align:center}
.postprofile-details dt{line-height:24px;font-size:16px;font-weight:700}
.postprofile-details dt a{color:#000}
.postprofile-details dd{color:#000;font-weight:700}
.post-footer ul.posting-icons,.post-footer ul.misc-icons{list-style:none;float:right;margin:5px}
.post-footer ul.misc-icons{float:left}
.post-footer ul.posting-icons li,.post-footer ul.misc-icons li{float:left}
.popmenubutton-new-out{float:none;width:15em}
.popmenubutton-new-out a{text-align:left}
*+ html .postprofile-head{min-height:1%}
.postprofile-head .avatar{text-align:center}
.postprofile-head .avatar img{width:50px;height:50px}
.postprofile-head ul li{background-image:none}
.signature{padding:1em}
* html .signature{zoom:1}
.topic-footer{padding:5px}
.next-prev{float:right}
.bar{padding:5px}
.postreview .box-content{padding-top:0}
.postreview .post{margin:0;border-bottom:none}
.postreview .postbody .postbody-head h3{font-size:11px;font-weight:400}
.postreview .postprofile-head h3{font-size:12px}


2nd chunk:

Code:


.lastaction{font-size:.9em}
.postprofile .post-options{list-style:none;padding:8px;line-height:1.8em;font-size:11px}
.search-results-posts .postbody-head h3{font-size:12px}
.search-results-posts .postbody-head h3 a,.search-results-posts .postprofile-head .username a{text-decoration:none}
.postprofile .post-options .label{font-weight:700}
.post-entry ul,.post-entry ol{margin-left:1.5em}
.postbody ol{margin:0 1.5em}
.vote{float:right;width:9px;margin-left:4px}
.vote .vote-button{text-align:center;font-weight:700;margin-left:-1px}
.vote .vote-button a{text-decoration:none!important}
.vote .vote-bar{width:3px;height:50px;margin:0 auto;border:1px solid #000005;font-size:0}
.vote .vote-no-bar{letter-spacing:-2px;margin-left:-2px;white-space:nowrap}
.vote .vote-bar-plus{background-color:#0f0}
.vote .vote-bar-minus{background-color:red}
.qreply{width:75%;margin:1em auto;padding:6px}
.dd-textarea{width:98%;margin:6px}
button.button2,input.button2{font-size:.9em;width:auto!important;margin:0 .25em;padding:2px 3px;font-family:Arial,Verdana,Helvetica,sans-serif,Papyrus;background-repeat:repeat-x;background-image:url(http://2img.net/i/fa/prosilver/bg_button.gif);background-position:top;overflow:visible;vertical-align:middle}
body:last-child a.button1,input.button1,a.button2,input.button2,button.button2{padding:1px 0}
button.button2:hover,input.button2:hover{background-position:0 100%}
* html button.button2,* html input.button2{padding-bottom:0;margin:0 .25em;height:22px;padding-right:3px;padding-left:3px}
*+html button.button2,*+html input.button2{height:24px;padding-right:3px;padding-left:3px}
*+html button.button2 img{vertical-align:middle}
* html button.button2 img{vertical-align:middle}
.select{position:absolute;z-index:999;top:0;left:0;overflow:hidden;width:0}
* html .select{margin-top:-9px}
.select p{padding:4px 6px;font-size:.9em;margin:0}
.select button{padding:4px;font-size:.9em;margin:0;border:none;text-align:left}
.select button.button2{padding:0}
*+html .select button.button2{padding-right:3px;padding-left:3px}
* html .select button.button2{padding-right:3px;padding-left:3px}
.select button.button2:hover{background-position:0 100%}
.selectHover{cursor:pointer}
button.bbcode{background-image:url(http://2img.net/i/fa/wysiwyg/bg_button.png)}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea{width:99%}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea{width:99%}
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea{width:99%}
*+ html #text_editor_textarea.quick_reply_textarea{width:99%!important}
* html #text_editor_textarea.quick_reply_textarea{width:90%!important}
.vBulletin_editor{border:none!important}
.vBulletin_editor table.text-style{width:450px;display:table-layout}
div.pagination{float:left;margin-top:8px;margin-bottom:.5em}
div.pagination.topic-options{width:49%}
.gen .forumline .thHead{padding:5px}
.gen table.forumline td{padding:5px}
.pagination table td{padding:5px;text-align:center}
div.pagination a{padding:2px 4px;text-decoration:none}
* html div.pagination a{padding:5px}
div.pagination b{padding:2px 5px;font-weight:400;padding:2px 4px;font-weight:normal}
strong.pagination a,.topic-paging a{margin:0 1px 0 0;padding:2px 4px;font-size:10px;text-decoration:none}
strong.pagination .page-sep{visibility:hidden}
.module .maintitle{padding:5px}
.module .maintitle h3{float:none;font-size:1em}
.module .box-content{border-bottom:none;padding:5px;line-height:normal}
.module .postbody{padding:0}
.module .postbody .postbody-head{height:auto;padding:5px}
.module .postbody .post-footer{padding:3px 5px;font-size:.8em}
.module .postbody .post-read-full{font-size:.8em}
.module .box-content.ipbform{padding:0;border:none}
.module .box-content.ipbform fieldset{border:none;padding:0;margin:0}
.module .box-content.ipbform fieldset dl{padding:5px}
.module .box-content.ipbform fieldset.formbuttonrow{padding:5px!important;text-align:center}
.module .box-content .forgot-pwd{font-size:.8em}
.module .mod-login dt{float:left;margin-right:.5em}
*+ html .module.social-book .bookmark-img{width:80%}
.module .social-bookmark{font-size:.9em}
.module .box-content.poll{padding:0}
.module .box-content.poll dl{margin-top:1em}
.module .box-content.poll dt{float:left;width:40%}
.module .box-content.poll dd{margin-left:41%}
.module .box-content.poll dd.pstats{float:right}
.module ul{margin-left:1.5em}
.module table.mod-top-posters{table-layout:fixed}
#gfooter{margin:8px 0;padding:.5em;text-align:right;font-size:.8em;background-color:#000;color:#fff}
#gfooter form{float:left}
#gfooter ul{list-style:none;display:table;margin:0 auto}
#gfooter ul li{display:inline}
* html #qjump{float:left;text-align:left;width:15%}
.current-time{float:right}
#gfooter a{color:#fff!important}
#gfooter .footer-links{float:left;width:65%;white-space:normal!important}
.statlinks ul li a{border-bottom:1px dotted #000;color:#000}
.statlinks ul li a:hover{border-bottom:1px solid #000}
.toplinks{margin:0 0 .25em}
.linklist ul{float:right;list-style:none}
.linklist ul li{float:left;margin:0 .25em}
.linklist ul li:after{content:' .'}
.linklist ul li a{margin-right:.25em;text-decoration:underline;font-size:11px;font-weight:700}
.linklist ul li.last:after{content:normal}
.statlinks ul li a{text-decoration:none!important}
.stat-show-details{display:inline;list-style:none;margin-right:.5em}
.stat-show-details li{display:inline;margin-left:.5em}
.viewonline{float:right}
.gallery .borderwrap.column{float:left;max-height:400px;margin:0 .5em}
.gallery .borderwrap.column h3 a{text-decoration:none}
.gallery .cat-img{height:150px;padding:1em;text-align:center}
.gallery .cat-img .img-container{width:125px;height:100px;margin:0 auto;text-align:center;overflow:hidden}
.gallery .cat-img img{display:block;margin:0 auto}
.gallery .gallery-desc{height:100px;overflow-y:auto;padding:5px;font-size:11px;vertical-align:top}
.gallery .cat-info{padding:8px;text-align:right}
.gallery-footer .icon{float:left;min-width:3%;margin-right:5px;padding:3px;overflow:hidden}
.gallery-footer dd{padding:5px}
.borderwrap.thumbnails{float:left;margin:0 5px 5px}
.borderwrap.thumbnails .thumb{min-height:130px}
.borderwrap.thumbnails .thumbnail img{display:block;margin:.5em auto;padding:2px 2px 12px;text-align:center;height:75px}
.borderwrap.thumbnails .gal_caption{margin:0 auto 1em;text-align:center;font-size:14px;font-weight:700}
.borderwrap.thumbnails .gal_caption a{text-decoration:none}
.sort-gal{margin:.5em 0;padding:5px}
.photostrip .maintitle a,.view-photo .maintitle a{color:#fff}
.photostrip .maintitle h3,.view-photo .maintitle h3{float:none;text-align:center}
.photostrip .box-content{border-collapse:collapse}
.photostrip .photo{float:left;border-bottom:none;padding-top:20px}
.img-effects{display:table;width:90%;margin:1em auto}
fieldset.effects dl{float:left;width:19%;min-height:10em;margin:0 .5em .5em 0;clear:none;background-color:transparent}
fieldset.effects dt{float:left;padding:.25em;font-weight:700;width:auto}
fieldset.effects dd{padding:.25em;text-align:center;background-color:transparent;margin-left:0}
fieldset.effects dd.check{float:right;width:1em;margin:.15em;border:none;clear:right}
fieldset.effects .clearing{font-size:1px}
.avatar-gallery div.gal-content{margin:1em}
.avatar-gallery p.select-avatar{position:absolute;bottom:0;left:0;right:0;padding:.25em;text-align:center}
* html .avatar-gallery div p.select-avatar{width:114px}
.avatar-gallery div div.avatar-box{float:left;position:relative;width:113px;height:260px;margin:.5em .25em;text-align:center;overflow:hidden}
.avatar-gallery div div img{margin:.5em}
.rpg-table table{width:80%;border:none;border-collapse:collapse;padding:0}
.rpg-table table td{margin:0;padding:5px}
div.groupcp .ipbform2 dd ul{margin-left:1.8em}
.report-abuse-textarea{width:80%}
td.stat-bar{padding:8px 10px 0!important}
td.stat-bar div{white-space:nowrap}
table.status-bar td{margin:0;padding:0}
.donate-form p{padding:1em}
.center{margin:0 auto;text-align:center}
.left{float:left;text-align:left}
.right{float:right;text-align:right}
.delspace{visibility:hidden;font-size:0;line-height:0}
div#logostrip{background-color:#;color:#}
#submenu{background:#f8bdb0;color:#f8bdb0}
#submenu ul li a{color:#000}
#submenu ul li a:hover{background-color:#}
#userlinks{background-color:#fefefe;border-bottom:1px solid #ece1e8}
#userlinks.not-connected{background-color:#;border-bottom:1px solid #ece1e8}
#navstrip{color:#f8bdb0}
#navstrip li a:hover{color:#5A7CB7}
div.newslink{background-color:#f3e9e6}
div.borderwrap,.borderwrapm{border:1px solid #444;background-color:#f8bdb0}
div.maintitle{background-color:#f8bdb0;color:#fbf9f9}
.maintitle .titletext,.maintitle .titletext a,.maintitle .right,.maintitle .right a{color:#fff}
#plus_menu .title-overview{color:#000005}
.borderwrap .subtitle{background-color:#a6a6a6;border-bottom:1px solid #f4f8fc;color:#000}
.box-content{background-color:#f3e9e6;border-bottom:10px solid #000}
div.box-content.agreement{background-color:#fefefe}
.box-content .rules{background-color:#f3e9e6}
.popmenubutton a{background-color:#fefefe;border:1px solid #f3e9e6;color:#000}
.popupmenu{background-color:#fff;border:1px solid #d0d0d0}
.popupmenu .avatar{border:1px solid #000;background-color:#f3e9e6}
.popupmenu li{background-color:#fff;border-bottom:1px solid #d0d0d0}
ul.popupmenu li.popupmenu-category{background-color:#444;color:#000}
table.ipbtable th{background-color:#a6a6a6;border-right:1px dotted #e2effc;border-bottom:1px solid #f4f8fc}
table.ipbtable th.formsubtitle,.formsubtitle{background-color:#f3e9e6}
table.ipbtable tfoot td{background-color:#000}
table.ipbtable .forumdesc{color:#000}
.row1,.row2{border-bottom:1px solid #f3e9e6!important}
.row1{background-color:#fefefe}
.row2{background-color:#f3e9e6}
.darkrow{background-color:#ece1e8;border-top:1px solid #f4f8fc;color:#000}
.thin{border-top:1px solid #f3e9e6;border-bottom:1px solid #f3e9e6}
.sticky-separator{border-top:3px solid #f4f8fc}
.ipbform fieldset{border:1px solid #000}
.ipbform fieldset legend{color:#000005}
div.errorwrap,div.infowrap{background-color:#f2dddd;border:1px solid #992a2a}
div.box-content.error{background-color:#f2dddd}
div.infowrap{background-color:#f3e9e6;border:1px solid #000}
div.errorwrap h4,div.infowrap h4{background-color:#e3c0c0;border-bottom:1px solid #992a2a;color:#992a2a}
div.infowrap h4{background-color:#ddd;border-bottom:1px solid #000;color:#000}
div.errorwrap p,div.infowrap p{color:#992a2a}
div.input-warn-content{background-color:#fcc;border:1px solid #c00}
.button,.mainoption{background-color:#fefefe;border:1px solid #000}
.formbuttonrow{background-color:#ece1e8;border-top:1px solid #f4f8fc!important;color:#000}
.ipbform fieldset.signature{background-color:#f3e9e6;border:1px solid #444}
.ipbform fieldset.signature textarea{border:2px inset #000}
.ipbform2 dl{background-color:#fefefe;border-bottom:1px solid #f3e9e6}
.ipbform2 dl dd{background-color:#f3e9e6}
.separator{border-bottom:1px solid #f3e9e6}
.ipbform2 fieldset.captcha{border:1px solid #000}
.messaging-box{background-color:#f3e9e6;border:1px solid #444}
.messaging-box textarea{border:2px inset #000}
#smiley-box{background-color:#f3e9e6;border:1px solid #444}
.exthelp,.rte-menu-button{background-color:#fff;border:1px solid #000}
.p-box{background-color:#f3e9e6}
.smiley-container{border:1px solid}
.polls{background-color:#f3e9e6}
.polls dl{color:#000005}
#search_menu{background-color:#f3e9e6;border:1px solid #f8bdb0}
#search_menu input.post{border:1px solid #000}
.advanced-search .search-footer{background-color:#ece1e8;border-top:1px solid #f4f8fc}
.member{background-color:#fff;border:1px solid #f8bdb0}
.member-list .popmenubutton .mini-avatar{border:1px solid #000005;background-color:#fff}
.member p{color:gray}
div.borderwrap .member-list{background-color:#444}
dl.faq dd p{border:1px solid #444}
dl.faq .question{border-bottom:1px solid #f3e9e6}
div.calmonths{background-color:#f3e9e6}
table.ipbtable.calendar{background-color:#444}
.ipbtable.calendar .celldate{background-color:#f3e9e6}
.ipbtable.calendar .celldate:hover{background-color:#fefefe}
.ipbtable.calendar .calday{background-color:#fefefe;color:#000}
div.overview{background-color:#ece1e8;border:1px solid #f8bdb0!important}
.overview hr.dashed{border:1px dashed #f8bdb0}
#mini-calendar .table{border-left:1px solid #f8bdb0;border-bottom:1px solid #f8bdb0;border-right:1px solid #f8bdb0}
.bday{border:1px solid #f8bdb0}
ul.privmsg li{background-color:#f8bdb0;color:#fff}
ul.privmsg li a{background-color:#e2effc}
.box-content.profile{background-color:#f3e9e6}
.box-content.profile-tabs{background-color:#f3e9e6}
* html #ucpmenu ul li{border:1px solid #a6a6a6}
#ucpmenu ul li a{background-color:#a6a6a6;border-bottom:1px solid #f4f8fc;color:#000}
#ucpmenu ul li a:hover{background-color:#f3e9e6}
#ucpmenu .profile-tabs ul li.activetab a{background-color:#f3e9e6}
.activeusers{background-color:#f3e9e6;border:3px solid #444}
.profile-view .popmenubutton a{background-color:#fff}
.profile-view .profile-view-list ul li{border-bottom:1px solid #f3e9e6}
#profile-advanced-layout{float:left;margin-right:-304px;width:100%}
#profile-advanced-left{margin-right:304px}
#profile-advanced-avatar{float:left;width:30%}
#profile-advanced-points,#profile-advanced-reputation{float:left}
#profile-advanced-avatar .module,#profile-advanced-points .module,#profile-advanced-reputation .module,#profile-advanced-details{margin-right:4px}
*+ html #profile-advanced-avatar .module,*+ html #profile-advanced-points .module,*+ html #profile-advanced-reputation .module,*+ html #profile-advanced-details{margin-top:11px}
#profile-advanced-avatar .module,#profile-advanced-points .module,#profile-advanced-reputation .module,#profile-advanced-right .module{margin-bottom:4px}
#profile-advanced-details ol{list-style:none}
#profile-advanced-details ol li{display:block;margin-bottom:4px}
#profile-advanced-details .avatar{float:left}
.avatar{width:50px;border:1px solid #f8bdb0;background-color:#fff}
.avatar span.real_avatar img{width:50px}
.friend-block .avatar{margin:0 auto;cursor:pointer}
.friend-block{float:left;width:70px;margin:1px;text-align:center;overflow:hidden}
.friend_list_online_status{line-height:11px;font-size:.8em}
.friend_list_online_status img{vertical-align:middle}
.friends-foes-list{float:left;width:200px;height:2em}
#profile-advanced-details .message-block{margin-left:57px;zoom:1}
#profile-advanced-details .message-header{border-top:1px solid #f4f8fc;background:#a6a6a6;padding:4px;margin-bottom:4px}
#profile-advanced-details .message-date{float:right}
#profile-advanced-details .message-body{margin-bottom:4px}
#profile-advanced-details .message-footer{text-align:right}
#profile-advanced-details .message-footer li{display:inline;margin:0 .25em}
#profile-advanced-details .message-footer li:after{content:' .'}
#profile-advanced-details .message-footer li a{margin-right:.25em;text-decoration:underline}
#profile-advanced-details .message-footer li.last:after{content:normal}
#profile-advanced-layout #new-message{position:relative;padding-top:10px}
#profile-advanced-layout #new-message-link{position:absolute;top:0;right:4px}
#profile-advanced-details .top{margin-bottom:16px}
#profile-advanced-details .bottom{margin-top:16px}
#profile-advanced-right{float:right;width:304px}
#profile-advanced-add{margin-right:4px;padding:4px 0;text-align:right}
#profile-advanced-details .stats-field{margin:4px 0 10px 4px;padding:0 10px 6px}
#profile-advanced-details .stats-field legend{font-weight:700}
#profile-advanced-details .stats-field ul{list-style-type:none;text-indent:10px;padding:0}
#profile-advanced-details .stats-field li{margin:4px 0}
.post{background-color:#fefefe;border-bottom:10px solid #000}
.post-container{background-color:#f3e9e6}
.post-footer{background-color:#ece1e8;border-top:1px solid #f4f8fc}
.post .post-header{background-color:#ece1e8}
.popmenubutton-new-out a{background-color:#fefefe}
.member .popmenubutton-new-out a{border:1px solid #ece1e8}
.topic-footer{background-color:#fefefe}
.bar{background-color:#f4f8fc}
.postreview .postbody .postbody-head h3{color:#000}
blockquote{border-top:1px dotted #000;border-right:1px dotted #000;border-bottom:1px dotted #000;border-left:5px solid #e2effc;background-color:#fefefe}
blockquote cite{background-color:#E4EAF2;color:#000}
.codebox dt{background-color:#FDDBCC}
.codebox dd{background-color:#fff;border:1px dotted #000}
.spoiler{border-top:1px dotted #000;border-right:1px dotted #000;border-bottom:1px dotted #000;border-left:5px solid #e2effc;background-color:#f3e9e6}
.spoiler dt{background-color:#E4EAF2;color:#000}
.signature{border-top:1px dotted #f8bdb0}
.qreply{background-color:#f3e9e6;border:1px solid #444}
.dd-textarea textarea{border:2px inset #000}
button.button2,input.button2{border:1px solid #f4f8fc;color:#000;background-color:#f3e9e6}
button.button2:hover,input.button2:hover{border:1px solid #900;color:#900}
.select{background-color:#fff;border:1px solid #f4f8fc}
.select button{background-color:#fff}
.select button.button2{border:1px solid #f4f8fc}
.select button.button2:hover{border:1px solid #900;color:#900}
.selectHover{background-color:#f3e9e6}
button.bbcode{border:1px solid #e3adad}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea{background-color:#fff}
.gen table.forumline{background-color:#fff}
.gen .forumline .thHead{background-color:#444!important;color:#000}
.gen table.forumline td.row1{background-color:#fff}
div.pagination a{background-color:#444}
div.pagination b{background-color:#000!important;color:#fff;background-color:#000!important;color:#fff}
strong.pagination a,.topic-paging a{background-color:#444;border:1px solid #a6a6a6}
.gallery .borderwrap.column h3 a{color:#fff;border-bottom:1px dotted #fff}
.gallery .cat-img .img-container{background-color:#fff;border:1px solid #f8bdb0}
.gallery .gallery-desc{color:#000}
.gallery .cat-info{background-color:#ece1e8;border-top:1px solid #f4f8fc;color:#000}
.gallery-footer dl{background-color:#f3e9e6}
.borderwrap.thumbnails .thumbwrap{border:1px solid #f8bdb0}
.borderwrap.thumbnails .thumbnail img{background-color:#fff;border:1px solid #000!important}
.borderwrap.thumbnails .thumbwrap .thumb p{background-color:#fefefe;border-top:1px solid #444}
.borderwrap.thumbnails .thumbwrap .thumb p.alt{background-color:#f3e9e6;border-top:1px solid #444}
.photostrip .maintitle a,.view-photo .maintitle a{color:#fff}
.photostrip .photo{border-left:1px solid #f3e9e6;border-right:1px solid #f3e9e6}
fieldset.effects dl{border:1px solid #f8bdb0}
fieldset.effects dl:hover{background-color:#ece1e8}
fieldset.effects dd{border-top:1px solid #f8bdb0}
.avatar-gallery p.select-avatar{background-color:#f8bdb0}
.avatar-gallery div div.avatar-box{background-color:#ece1e8;border:1px solid #f8bdb0}
.avatar-gallery div div img{border:1px solid #f8bdb0}
.rpg-table table{background-color:#fff}
.rpg-table table td{border:1px solid #f8bdb0}
body.chatbox{background-image:none}
.chatbox{background-color:#fefefe}
#chatbox_header{height:30px;background-color:#f8bdb0}
.chatbox-title,.chatbox-title a.chat-title{color:#fbf9f9!important}
.chatbox-title{float:left;margin:0;padding:6px 5px 0;width:15em}
.chatbox-options{float:right;list-style:none;font-size:11px;margin:.7em .5em .5em}
.chatbox-options li{display:inline}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#fbf9f9}
#chatbox_members{position:absolute;top:30px;bottom:30px;width:180px;overflow:auto;border-right:1px solid}
#chatbox_members .member-title{text-align:center;padding:.5em .25em;background-image:none;font-size:12px;background-color:#ece1e8;color:#fa0000;font-family:Arial,Verdana,Helvetica,sans-serif}
#chatbox_members ul{list-style:none;margin:0 0 0 1em}
#chatbox_members ul li{margin:.5em .5em .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:#fefefe}
.chatbox_row_2{padding:4px;background-color:#f3e9e6}
.chatbox_row_3{padding:4px;background-color:#ece1e8}
.memberlist_row_1{background-color:#fefefe}
#chatbox_footer{position:absolute;bottom:0;left:0;right:0;padding:5px;background-color:#f8bdb0}
#chatbox_footer label{color:#fbf9f9}
#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 #000;background-color:#ece1e8}
#chatbox_contextmenu p{margin:0;padding:1px 4px;font-family:verdana,arial,sans-serif;background:#fefefe;border-bottom:1px solid #777}
#chatbox_contextmenu p.hover{background:#f3e9e6}
#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:#fa0000;text-decoration:none;font-size:95%}
.fontbutton{background:#E1E1E2 none repeat scroll 0;border:medium none;color:#000;float:left;margin-right:10px;padding:1px}
#chatbox .user{font-weight:700}
* html #chatbox-members{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{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{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")}
* html div#logostrip #logo img{display:none!important}
* html div#logostrip #logo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://i685.photobucket.com/albums/vv220/team_admins/Permanant-Banner-F4E.png');height:45px;width:274px;cursor:hand}
div.pagination a.goto{padding:2px 15px 2px 4px;background-image:url(http://2img.net/i/fa/invision/menu_action_down.gif);background-repeat:no-repeat;background-position:97% 50%;background-color:#444}
#login_popup{position:absolute;z-index:999;display:none}
#login_iframe_body{padding:0}
#login_popup_content{display:none}
#login_popup_title{padding-left:8px}
#login_popup_background .box-content{border-bottom:0;padding:6px}
#login_popup_buttons{position:absolute;bottom:5px;right:6px}
#login_popup_buttons input{margin-left:6px}
ul.profile_field_list{padding:0}
html ul.profile_field_list li{list-style-type:none}
ul.profile_field_list > li{list-style-type:none}
.inputURL{font-size:10px;font-family:"Courier New","Times New roman";letter-spacing:-1px}
.middleline{line-height:2em}
.invisible{display:none;visibility:hidden}
.visible{display:block;visibility:visible}
.ajax-profil_hover{background:transparent}
.ajax-profil_parent{position:relative;zoom:1}
.ajax-profil_edit{cursor:pointer;position:absolute;top:0;left:-18px}
.ajax-profil_edit img{margin-left:4px}
.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}
#profile-advanced-details dl{padding:8px 10px 8px 0;width:98%;margin:10px 0 0}
#profile-advanced-details dl dt{float:left;display:block;width:10em}
#profile-advanced-details dl dd{margin-left:10em;padding-left:12px}
#profile-advanced-details div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:10px}
#profile-advanced-details .ajax-profil_edit{left:-4px}
.jqmWindow{display:none;position:fixed;left:50%;width:450px;margin-left:-225px;top:50%;margin-top:-125px;background-color:#EEE;border:1px solid #f8bdb0}
.jqmOverlay{background-color:#000}
#search_form{padding:1em}
#jqmHide{margin:0 .5em .5em}
.jqDrag{cursor:move}
#first-post-br{width:80%;border:0;border-top:solid 1px #f8bdb0;margin:20px auto}
.blog_cal-border{display:inline;float:left;border:1px solid #f8bdb0;background:#fefefe;padding:1px;font-size:1.2em;margin-right:1em}
.blog_cal-content{width:2.9em;background:#f8bdb0;padding:1px;line-height:1.4em;text-align:center;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;color:#fbf9f9}
.blog_cal-content span{display:block}
.blog_cal-day{padding-left:.2em;font-size:1.6em;letter-spacing:.2em}
.blog_cal-month{line-height:.7em;font-size:2em;font-weight:700}
.blog_cal-year{line-height:1.2em;font-size:.8em}
.blog_icon img{margin-top:1.5em}
.blog_title{padding-top:1.3em;font-size:1.2em}
.blog_title .topic-title{display:inline;font-size:1.1em}
.blog_title .topictitle{font-size:1.1em;text-decoration:none}
.blog_message{margin-top:.5em}
.blog_comments{font-size:.9em;text-align:right}
.blog_comments img{vertical-align:middle}
#blog_comments{width:90%;margin:0 auto}
#blog_comments .post-header{padding-left:2px}
.blog_comment-avatar{float:left}
.blog_comment-avatar img{background-color:#fff;border:1px solid #f8bdb0;vertical-align:middle;width:38px;margin:2px 2px 4px}
#blog_comments .h3{overflow:hidden;margin-top:0;margin-left:45px;padding:0;min-height:22px}
.blog_comment-title{float:left;margin-top:7px}
.no_comment{padding:10px 0}
#bookmarks{float:right}
#bookmarks a img{width:20px;height:20px;background:url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;vertical-align:middle}
#bookmarks a img.twitter{width:16px;height:16px;margin:2px;background:url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll}
#bookmarks img.delicious{background-position:-10px -10px}
#bookmarks img.digg{background-position:-10px -50px}
#bookmarks img.excite{background-position:-9px -90px}
#bookmarks img.facebook{background-position:-9px -128px}
#bookmarks img.furl{background-position:-10px -166px}
#bookmarks img.google{background-position:-10px -206px}
#bookmarks img.live{background-position:-9px -246px}
#bookmarks img.netscape{background-position:-9px -284px}
#bookmarks img.newsvine{background-position:-9px -322px}
#bookmarks img.reddit{background-position:-10px -360px}
#bookmarks img.slashdot{background-position:-10px -400px}
#bookmarks img.smarking{background-position:-9px -440px}
#bookmarks img.stumbleupon{background-position:-10px -478px}
#bookmarks img.technorati{background-position:-10px -518px}
#bookmarks img.yahoo{background-position:-10px -558px}
.mceContentBody{background:#f3e9e6;color:#000005}
#fa_toolbar,#fa_toolbar_hidden{background-color:#faa71c!important}
.mobile_image{max-width:99%}
#mpage-body .postbody > .content > div{overflow:hidden}
.fa_vote,.fa_voted,.fa_count{font-size:12px;font-family:Verdana,Arial,Helvetica,Sans-serif;display:inline-block!important;width:auto!important;transition:300ms}
.fa_voted,.fa_vote:hover{opacity:.4}
.fa_voted{cursor:default}
.fa_count{font-weight:700;margin:0 3px;cursor:default}
.fa_positive{color:#4A0}
.fa_negative{color:#A44}
.fa_votebar,.fa_votebar_inner{background:#C44;height:3px}
.fa_votebar_inner{background:#4A0;transition:300ms}
.favlink{font-size:1.1em}
.lastpost-avatar img{border-radius:20px}
.fa_avatar img{width:25px;height:25px;margin-right:5px;margin-bottom:2px;border-radius:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#mpage-body{background:#FFF}
#mpage-body .post .content a{color:#000;text-decoration:underline}
#mpage-body .post .content a:hover{color:#FFF}
#mpage-body .post{color:#000;background:#FFF;margin:6px 3px;border-radius:3px}
#mpage-body .postbody .post_header{color:#FFF;background:#faa71c;border-radius:3px 3px 0 0}
.avatarMobile{background:#FFF;border:1px solid #555;border-radius:20px;height:20px;width:20px;display:inline-block;vertical-align:bottom;margin-bottom:-.1em;overflow:hidden}
#mpage-body .postbody::after,#mpage-body .postbody:after,.mobile_title{background:0 0}
.avatarMobile img{max-width:20px;max-height:20px}
.mobile_title{border:none}
.mobile_title.application_header{background:#FFF;border-bottom:1px solid #CCC}
.mobile_title_content{color:#333;text-shadow:none}
.mobile_set{color:#FFF;background:#faa71c;border:none;border-radius:3px;margin:6px 3px}
.mobile_set_content{text-shadow:none;line-height:16px}
.mobile_item{background:#f3e9e6;border:none;border-radius:3px;margin:6px 3px;padding:0;overflow:hidden}
.mobile_item:hover,.mobile_item_content:hover{background-color:#FFF}
.mobile_item_content{padding:6px 0;background-position:-2px 50%}
.mobile_comment,.mobile_subtitle{color:#333;text-shadow:none}
.defaultBtn,.mobile_next_button,.mobile_prev_button{background:#faa71c;border:none;border-radius:3px}
.mobile_next_button p,.mobile_prev_button p{color:#FFF;text-shadow:none}
.defaultBtn:hover,.mobile_next_button:hover,.mobile_prev_button:hover{background:#333}
.inputTxtContainer{padding:0;border:none}
#mpage-body textarea,.inputTxtContainer .inputTxt{color:#666;border:1px solid #CCC!important;border-radius:3px;padding:5px}
#mpage-body textarea:hover,.inputTxtContainer .inputTxt:hover{border-color:#FFF!important}
#mpage-body textarea:focus,.inputTxtContainer .inputTxt:focus{border-color:#333!important}
#mpage-body .codebox,#mpage-body .spoiler,#mpage-body blockquote{color:#666;background:#FFF;border:1px solid #333;border-radius:3px;display:block}
#mpage-body .codebox p,#mpage-body .spoiler_title,#mpage-body blockquote cite{color:#FFF;background:#333;border-radius:3px;display:block;float:none;padding:.5em;margin-bottom:.5em}
#mpage-body .codebox code,#mpage-body .spoiler_content{color:#FFF;background:#EEE;border:1px solid #CCC;border-radius:3px;padding:.5em}
.errorMobile{color:#FFF;font-size:.8em;font-weight:700;background:#E53;padding:16px 5px}
#mpage-body .poll .fieldset{border:none}
#mobileActionBar{background:#8C5;font-weight:700}
#mobileActionBar .mobileActionLabel{background-image:url(http://i18.servimg.com/u/f18/18/21/41/30/add10.png);text-transform:uppercase;font-size:1em}
.mobile_item_link_content{background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_chevro.png);background-position:99% 50%}
.cat_new,.cat_no_new{background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_folder.png)}
.folder_hot,.folder_hot_new,.folder_new,.folder_no_new,.forum_new,.forum_no_new{background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_no-new.png)}
.cat_locked,.folder_locked,.folder_locked_new,.forum_locked{background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_locked.png)}
.folder_announce,.folder_announce_new,.folder_global,.folder_global_new{background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_announ.png)}
.folder_sticky,.folder_sticky_new{background-image:url(http://i685.photobucket.com/albums/vv220/team_admins/m-icn/o_pinned.png)}
.cat_new,.folder_announce_new,.folder_global_new,.folder_hot_new,.folder_locked_new,.folder_new,.folder_sticky_new,.forum_new{background-color:#8C5}


Hey thank a lots for your help Samantha... as you said it's still too long... will try n see if i can remove anything.
BTW Is there no other way of using this then ?

Jade~Prince wrote:Hey thank a lots for your help Samantha... as you said it's still too long... will try n see if i can remove anything.
BTW Is there no other way of using this then ?

Like I said, the maximum will be around 65K, my version is around 72K or so. Endlessly collecting nice stuff you see on other forums is sometimes not a good idea, eventhough the idea behind it may be noble Your CSS is like triple the avg size most admins have for their forums.

If I were the forum owner, either I'd drop some of the stuff that's not really needed to run my forum, or have an expert have a look at it and see if compressing codes in a smart way is still possible (rewriting or combining codes).

Good luck!

Samantha.

Cut into 2 pieces, 1 put in your CSS (1~600 lines), 1 put in external hosting, i.e dropbox. Then add it to overall_header template

Code:

<link rel="stylesheet" type="text/css" href="second-file.css">

Or you can try this tool.
Remember, always backup your before optimizing your CSS file.

P/S: Thank you for the info, Samantha!

SarkZKalie wrote:Cut into 2 pieces, 1 put in your CSS (1~600 lines), 1 put in external hosting, i.e dropbox. Then add it to overall_header template

Code:

<link rel="stylesheet" type="text/css" href="second-file.css">

Or you can try this tool.
Remember, always backup your before optimizing your CSS file.

P/S: Thank you Samantha!

Good idea. Yeah, like AWC is hosting CSS for chat. By the way, I didn't think his CSS was thát huge so I used an online compressing tool for that @ http://csscompressor.com/ (not advertising, just trying to be helpful) to save me some time.

So, is this solved now @Jade~Prince , eventhough it seems like you still got plenty of work to do for yourself to straighten up your CSS? At least we got you back on track again, that's what I think.

Sammy.

Oh wow wow i'll surely try that out n post my results... thankz a lots for so much help :-)...
oh yes my work is cut out, but thats the fun

OMG that link @SarkZKalie gave to minifyed worked like charm ..wowowwww i added the mobile theme codes too and minifyed with that website n uploaded n viola ...

I cant thank both of you enough for your valuable help buddy

Regards,
Raj.

Always make sure to keep a copy of your customized CSS stylesheet in case you make a mistake.

yes thats the 1st thing i did, coz a couple of years back I didnt backed up and paid heavily in 5 days worth of time so i learned my lesson from thereon quite well..lol thanks for the advice SLGray :-b

hi Jade,
you can use an HTML page as a style sheet by selecting the JavaScript on all pages.

Code:

$(function() {
  $('head').append('<style id="externcss"></style>');
  $('#externcss').load('LINK YOUR HTML PAGE');
});