top



So I am making a site to host the lyrics I write for rap/hip hop songs. I just found this website that has some great CSS coding that really made a good website. So I changed the banner of the website to go with my rap group, and then I tried to change the forum width, so it would spread across the whole computer screen. However it didn't seem to change the width when I changed it under:
Admin Panel - General - Forum (Configuration)

Im thinking the huge CSS coding has something to do with, and most of it is just changing the colours of the website, and Ive already taken out a good quarter of all of it. However it's going to take me months to take stuff out, figure out if I need it, see if I can change the page width etc. So I was wondering if someone could take a look at the CSS code below, and help me break this thing down so that I can change the forum width, and still keep all the cool features. I would be glad if the colour codes were deleted as well.

Code:

* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #d91111;
    }
a:hover{
    text-decoration: underline !important;
    color : #d91111;
    }
hr{
    height: 0;
    border: solid #141414 0;
    border-top-width: 1px;
   }
.bodyline{
    background-color: #141414;
    border: 1px #420101 solid;
   }
.bodylinewidth {
   width:900px}
.forumline{
    background-color: #420101;
    border: 2px #420101 solid;
    }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #000000;
    border-style: solid;
   
/*height: 20px;
   */
}
td.row3Right,td.spaceRow {
   background-color: #141414;
    border: #969696;
    border-style: solid;
   }
td.pourcentback {
    background-color : #141414;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 1px 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0 0;
    }
th.thCornerL {
    border-width: 1px 0 0 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0 0;
    }
.maintitle, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #ffffff;
   }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
   padding: 2px 3px;
   }
.forumline td.pagination {
   padding:0;
    }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #ffffff;
    }
a.gen,a.genmed,a.gensmall {
    color: #d91111;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #d91111;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #ffffff }
a.mainmenu{
    text-decoration: none;
    color : #d91111;
   }
a.mainmenu:hover{
    text-decoration: underline;
    color : #d91111;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #d91111}
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
    text-decoration: none;
    color : #d91111;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #d91111;
    }
a.forumlink {
    text-decoration: none;
    color : #d91111;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #d91111;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #ffffff;
    }
a.nav{
    text-decoration: none;
    color : #d91111;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #ffffff;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #d91111;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #d91111;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #d91111;
    }
.name{
    font-size : 11px;
    color : #ffffff;
   }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 10px;
    color : #ffffff;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #d91111 }
a.postlink:visited{
    text-decoration: none;
    color : #d91111;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #d91111}
.code{
    font-family: Courier,'CourierNew',sans-serif;
    font-size: 11px;
    color: #006600;
   background-color: #3d3d3d;
    border: #141414;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.code div.cont_code {
   max-height:200px;
   overflow:auto;
   }
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #444444;
    line-height: 125%;
   background-color: #3d3d3d;
    border: #141414;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
a.copyright{
    color: #d91111;
    text-decoration: none;
   }
a.copyright:hover {
    color: #d91111;
    text-decoration: underline;
   }
.coloradmin {
    color: #ffa34f}
.colormod {
    color: #006600}
.vote {
   float: right;
   width: 10px;
   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 #ffffff;
   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;
   }
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #ffffff;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #ffffff;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   margin: 0;
   padding: 0;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select, #text_editor_iframe {
   color : #ffffff;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #ffffff;
   }
input.post, textarea.post, select, #text_editor_iframe {
    background-color : #000000;
    }
.post-options {
   text-align: right;
   }
.post-options img {
   cursor: pointer;
   vertical-align: middle;
   }
input {
    text-indent : 2px;
    }
input.button {
   background-color : #141414;
   color : #ffffff;
   font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color : #3d3d3d;
   font-weight : bold;
   }
input.liteoption {
   background-color : #3d3d3d;
   font-weight : normal;
   }
.helpline {
    background-color: #141414;
    border-style: none;
    }
input {
    background-color: #141414;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #d91111;
   color: #d91111;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   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;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #FFF;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0;
   background-color: #FFF;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #BCBCBC;
   padding: 0;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #d91111;
   color: #d91111;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #EEE;
   }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
   font-weight: normal;
   }

/*@import url("form_ie.css");
   */
input {
   text-indent: 2px}
input,textarea,select {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px}
input.button {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px}
.postbody {
   line-height: 18px}
@media print {
   body {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #000;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dotted #ddd !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   }
tr.post td td {
   border: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.align_gauche {
   text-align: left;
   }
.center {
   text-align: center;
   }
.align_droite {
   text-align: right;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer, .clear {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#content-container #left {
   width: 0px;
   margin-right: px;
   }
#content-container #right {
   width: 0px;
   margin-left: px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }

/* Chatbox */
#frame_chatbox {
   border: none !important;
   }
body.chatbox {
   min-width: 550px !important;
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #141414;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
.chatbox-options {
   text-align:right;
   }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
   float:right;
   white-space : nowrap;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 30px;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_header {
   height: 30px;
   background-color: #141414;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #141414;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #141414;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #141414;
   }
.memberlist_row_1 {
   padding: 2px 2px 2px 10px;
   background-color: #141414;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #141414;
   color : #d91111;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 10px;
   }
#chatbox_members ul li {
   margin: 2px 2px 2px 0;
   }
#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 .user {
   font-weight: bold;
   }
div#chatbox {
   color: #ffffff;
   }
#chatbox_contextmenu {
    background-color: #141414;
    border:1px solid #aaa;
   }
#chatbox_contextmenu p {
   margin:0;
    padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #;
   border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
   background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
   }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
   }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
   border:0;
   }
* 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");
   }

/* poll */
.poll-result td {
   padding: 2px 4px;
    text-align: left;
   }
.poll-result td.poll-title,.poll-result td.poll-results {
   text-align: center;
   }
.progress-bar td {
   padding: 0 !important;
   }
.poll-ballot {
   text-align: left;
   }

/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
   margin-right: 3px;
   }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
   margin-bottom: 3px;
   }
#profile-advanced-button {
   padding: 1px;
   }
#profile-advanced-details {
   overflow: hidden;
   }
#profile-advanced-details ol {
   margin: 0;
   padding: 0;
   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 #969696;
   background-color: #fff;
   }
.avatar img {
   width: 50px;
   }
.friend-block .avatar {
   margin: 0 auto;
   cursor:pointer;
   }
.avatar.mini, .avatar.mini img {
   width: 38px;
   height: 38px;
   }
.friend-block {
   float: left;
   width: 70px;
   margin: 1px;
   text-align: center;
   overflow: hidden;
   }
.friend_list_online_status {
   line-height: 11px;
   font-size: .9em;
   }
.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;
   }
#profile-advanced-details .message-header {
   border-top: 1px solid #141414;
   background: #141414;
   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-add {
   margin-right: 4px;
   padding: 8px 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;
   }
#login_popup {
   position: absolute;
   z-index: 999;
   display: none;
   }
#login_popup_buttons {
   position: absolute;
   height:19px;
   bottom: 6px;
   right: 6px;
   }
#login_popup_buttons input {
   margin-left: 6px;
   }
ul.profile_field_list {
   padding:0;
   margin: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: #141414;
   border: 1px solid #420101;
   }
.jqmOverlay {
   background-color: #000;
   }
.jqDrag {
   cursor: move;
   }

/* Blog */
.blog_cal-border {
   display: inline;
   float: left;
   border: 1px solid #969696;
   background: #141414;
   padding: 1px;
   font-size: 0.9em;
   margin-right: 10px;
   }
.blog_cal-content {
   width: 2.9em;
   background: #969696;
   padding: 1px;
   line-height: 1.4em;
   text-align: center;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
   color: #141414;
   }
.blog_cal-content span {
   display: block;
   }
.blog_cal-day {
   padding-left: 0.2em;
   font-size: 1.6em;
   letter-spacing: 0.2em;
   }
.blog_cal-month {
   line-height: 0.7em;
   font-size: 2em;
   font-weight: bold;
   }
.blog_cal-year {
   line-height: 1.2em;
   font-size: 0.8em;
   }
.blog_title {
   padding-top: 5px;
   font-size: 16px;
   }
.blog_title img {
   vertical-align: middle;
   }
.blog_title .topictitle {
   font-size: 16px;
   }
.blog_message {
   margin-top: 12px;
   font-size: 12px;
   }
.blog_comments {
   margin-bottom: 2px;
   text-align: right;
   }
.blog_comments img {
   vertical-align: middle;
   }
#blog_comments {
   width: 90%;
   margin: 0 auto;
   }
#blog_comments .postbody {
   width: 96%;
   }
.blog_comment-avatar {
   float: left;
   }
.blog_comment-avatar img {
   background-color: #fff;
   border: 1px solid #969696;
   vertical-align: middle;
   width: 38px;
   margin: 5px 5px 0 0;
   }
#blog_comments table {
   margin-bottom: 2px;
   }
#blog_comments .h3 {
   overflow: hidden;
   margin-top: 0;
   margin-left: 45px;
   padding: 0;
   min-height: 22px;
   }
.blog_comment-title {
   float: left;
   min-height: 12px;
   margin-top: 7px;
   }
.blog_comment-title a {
   text-decoration: none;
   }
#blog_comments .profile-icons {
   float: right;
   margin-bottom: 5px;
   }

/* 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: #141414;
   color: #ffffff;
   }
.align_right{
   text-align: right;
   }

/* resize image */
.resize_process .resizebox {
   display: none;
   }
.resize_process img.resize_img {
   display: none;
   }
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
   display: none;
   }
.resizebox {
   background-color: #3d3d3d;
   max-width: 100%;
   line-height: 1.1em;
   cursor: default;
   font-weight: normal;
   font-style: normal;
   margin: 0;
   text-align: left;
   display: inline-block;
   }
.resizebox div {
   font-weight: normal;
   font-style: normal;
   margin: 0;
   }
.resizebox .resize_border {
   border: 1px solid #141414;
   display: block;
   }
.resizebox .resize_content {
   padding: 5px 10px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.resizebox .resize_filler {
   border: none;
   padding: 0;
   width: 40px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }
.attachbox {
   background-color:#3d3d3d;
   border:1px dashed #141414;
   clear:left;
   float:left;
   margin:5px 5px 5px 0;
   padding:6px;
   width:auto;
   color:#ffffff;
   }
.attachbox dt {
   font-family:Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   }
.attachbox dd {
   border-top:1px solid #141414;
   clear:left;
   font-size:0.9em;
   margin-left:10px;
   padding:0;
   }
dl.file {
   display:block;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   margin-bottom:10px;
   }
dl.file dt {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   margin:0;
   padding:0;
   text-transform:none;
   }
dl.file dt img {
   vertical-align:middle}
.info {
   font-size:10px;
   font-style:italic;
   }

/* Spoiler */
.spoiler_closed {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #444444;
   line-height: 125%;
   background-color: #3d3d3d;
   border: #141414;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #444444;
   line-height: 125%;
   background-color: #3d3d3d;
   border: #141414;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_content.hidden {
   display:none;
   }

/* Styles Facebook */
.user_login_form {
   margin-bottom:5px;
   }
.fb_or {
   background-color:#141414;
   border:2px solid #420101;
   font-weight:bold;
   padding:5px;
   color:#444444;
   height : 16px;
   line-height : 16px;
   width  : 26px;
   display  : block;
   }
#cont_pwd {
   width:150px;
   height:21px;
   float:left;
   padding:0 0 0 20px;
   }
.pwd_img {
   padding : 4px 0 3px 0;
   width : 150px;
   height : 14px;
   line-height : 14px;
   font-size : 11px;
   font-weight : bold;
   text-align : center;
   color : #000000;
   display : none;
   }
#pwd_good {
   background:url('http://2img.net/i/fa/p_strength/pwd_good.png');
   }
#pwd_middle {
   background:url('http://2img.net/i/fa/p_strength/pwd_middle.png');
   }
#pwd_bad {
   background:url('http://2img.net/i/fa/p_strength/pwd_bad.png');
   }
#fb_explain td {
   padding : 5px 0 5px 0;
   vertical-align : top;
   }
.row1.fb {
   padding: 5px 2px 4px 2px;
   }
.row2.fb {
   padding: 2px 3px 2px 8px;
   }
#cont_fb_invit iframe {
   width: 760px !important;
   }

/**** Module social_bookmarking ****/
.mod_bookmarks a img {
   width: 20px;
   height: 20px;
   background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking_fa.png) no-repeat scroll;
   vertical-align: middle;
   }
.mod_bookmarks img.digg {
   background-position:-10px -47px;
   }
.mod_bookmarks img.delicious {
   background-position:-10px -8px;
   }
.mod_bookmarks img.reddit {
   background-position:-10px -359px;
   }
.mod_bookmarks img.slashdot {
   background-position:-10px -398px;
   }
.mod_bookmarks img.stumbleupon {
   background-position:-10px -476px;
   }
.mod_bookmarks img.furl {
   background-position:-10px -163px;
   }
.mod_bookmarks img.yahoo {
   background-position:-10px -554px;
   }
.mod_bookmarks img.google {
   background-position:-10px -204px;
   }
.mod_bookmarks img.blinklist {
   background-position:-10px -665px;
   }
.mod_bookmarks img.blogmarks {
   background-position:-10px -630px;
   }
.mod_bookmarks img.technorati {
   background-position:-10px -516px;
   }

/**** Module rss_feeds ****/
.mod_rss_feeds a img {
   width: 91px;
   height: 17px;
   background: url(http://2img.net/i/fa/rss_mod/sprite_rss_feeds.png) no-repeat scroll;
   vertical-align: middle;
   padding-bottom:2px;
   }
.mod_rss_feeds img.yahoo {
   background-position:0 0;
   }
.mod_rss_feeds img.google-reader {
   background-position:-100px 0;
   }
.mod_rss_feeds img.msn {
   background-position:-199px 0;
   }
.mod_rss_feeds img.aol {
   background-position:-299px 0;
   }
.mod_rss_feeds img.newsgator {
   background-position:-399px 0;
   }
.mod_rss_feeds img.rojo {
   background-position:-498px 0;
   }
.mod_rss_feeds img.bloglines {
   background-position:-598px 0;
   }


.forumline .row1.over:hover {background:url('http://img268.imageshack.us/img268/7566/asdas10.png') right bottom no-repeat;}

Šifra:
. second_nav (
padding: 0 0 0 0;
background-image: url ('');
border-color: transparentna;
width: 98%;
)

a.mainmenu{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
  }
a.mainmenu:hover{
          filter:alpha(opacity=50); 
-moz-opacity: 0.65; 
opacity: 0.55;
    }

Thats the CSS code above, and its massive! I would really like some help on this, and am looking forward to maybe learning some stuff.

You could start from the scrath and go deactive the basic CSS? Smile

First of all, you say the css is from another website. Which website?
Second, stealing css from others without permission is copyright infrightment and is illigal.
Third, if you have a css that defines the width of the forum, you need to edit it in the css itself, editing it in the control panel WON'T work anymore

Fourth, create your own css, than you won't have any of these problems

First thing's first, stealing or ripping the design or code of a website is illegal.

To answer your question to why it isn't working, it's because the ids and classes probably doesn't match with the ones in your forum, so they'll never work unless you edit them (the CSS).

Just go and create your own css... Saves you lots trouble