I had to do a theme reset earlier today because of some issues users where having with accessing my forum; but now I'm stuck with a chatbox that's got forced center align text, and I cannot for the life of me find the code that's causing it. Even if I just ctrl+f and replace all of the align: center codes with align: left, it's not doing anything, and searching for a help topic that would have a code that would override this is... not ending well. Can anyone help me out, here?
Current CSS code:
I've activated a guest account so the chatbox can be seen:
http://www.shinobitales.com/
Id: Testing
Pass: testing
I'm almost positive there's a bunch of errors in that CSS too; but as I am brand spanking new to CSS, I can't find or fix them myself, and I only have this code because it came pre-bundled with the hitskin theme I had been using before, but could not fix, obviously. Any help anyone is able to give me would be greatly appreciated. Thank you for you time.
Current CSS code:
- Code:
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 50px !important;
font-family: Alex Brush;
  margin-bottom: -25px;
}
th{font-variant: normal;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}
td.bodyline{border:5px dotted;}
td.spaceRow{border:10px; background-color: transparent; }
td.catHead,td.catBottom{border:0px; box-shadow: 10px 10px 5px #1E082E;}
td.catLeft{border:0px;font-variant: normal;text-align:center; box-shadow: 10px 10px 5px #1E082E;}
td.row1,td.row2,td.row3 {filter:Alpha(Opacity=80);}
.overlay {
  margin-top:-180px;
  width:130px;
  height:180px;
  background-color:black;
  opacity:0;
}
body {
background-repeat: repeat;
 text-align:center;Â
  font-style: italic;
}
a { text-decoration: none; }
a:hover{
  text-decoration: none !important;
  color : #ffffff;
  }
img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
bodyÂ
{Â
 opacity: 0.9
  Â
}
.name{
font-weight: lighter;
font-size: 12px;
 letter-spacing: -1px;
text-decoration: none;
font-family: Verdana;
  text-transform: lowercase;
   color: transparent;
Â
}
.name:hover {
font-family: Verdana;
 font-size: 9px;
 text-transform: lowercase;
 letter-spacing: 1px;
 font-weight: lighter;
  background-image:url('')
}
.avatar.mini, .avatar.mini img {
height: 100px;
width: 72px;
}
.forumlink {
font:14px arial;
font-style: italic;
text-align: left;
text-transform: lowercase;
letter-spacing: 1px;
line-height:150%;
text-shadow: 1px 1px 0px #;
}
.forumlink:hover {
 background-image:url('');
 Â
}
a.mainmenu{
text-decoration: none;
text-transform: uppercase;
font: 12px calibri; Â
text-shadow: 1px 1px 0px #;
color :Â
  border-top-left-radius: 7px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 8px;
 Â
transition: background 1s;
-webkit-transition: background 1000ms;
-moz-transition: background 1000ms;
-o-transition: background 1000ms;
  Â
}
a.mainmenu:hover {
 font-style: italic;
background: transparent;
background: url() repeat;
/* TRANSISITION */
transition: background 1000ms;
-webkit-transition: background 1000ms;
-moz-transition: background 1000ms;
-o-transition: background 1000ms;
}
a.cattitle {
display:block;
font: 18px Bad Script;
color: #7a6565;
font-style: bold;
font-weight: normal;
text-align: left;
text-transform: lowercase;
letter-spacing: 1px;
line-height:25%;
text-shadow: 1px 1px 0px #;
}
.bodyline{
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
a img {
border: none;
position: left;
}
img:hover
{opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.bodyline {
opacity:1.0;
filter:alpha(opacity=100);
background-image: url();
background-repeat: repeat;
}
a.gen, a.genmed, a.gensmall {
text-decoration: none;
text-transform: uppercase;
font: 12px calibri; Â
text-shadow: 1px 1px 0px #;
color : #8b746f;
}
a.gen, a.genmed, a.gensmall:hover {
 background-image:url('');
 font-style: italic;
}
@font-face {
 font-family: 'Annie Use Your Telescope';
 font-style: normal;
 font-weight: 400;
 src: local('Annie Use Your Telescope'), local('AnnieUseYourTelescope'), url(http://themes.googleusercontent.com/static/fonts/annieuseyourtelescope/v3/2cuiO5VmaR09C8SLGEQjGgtSTT_xyPSRqbb82lxMsRH3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
@font-face {
 font-family: 'Bad Script';
 font-style: normal;
 font-weight: 400;
 src: local('Bad Script Regular'), local('BadScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/rL_b2ND61EQmMOJ8CRr1fhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
 font-family: 'Calligraffitti';
 font-style: normal;
 font-weight: 400;
 src: local('Calligraffitti'), local('Calligraffitti-Regular'), url(http://themes.googleusercontent.com/static/fonts/calligraffitti/v4/vLVN2Y-z65rVu1R7lWdvyKIZAuDcNtpCWuPSaIR0Ie8.woff) format('woff');
}
@font-face {
 font-family: 'Handlee';
 font-style: normal;
 font-weight: 400;
 src: local('Handlee Regular'), local('Handlee-Regular'), url(http://themes.googleusercontent.com/static/fonts/handlee/v2/6AfIXNH5pZ1Jj_pfExPOWQ.woff) format('woff');
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
border-image: initial;
height: 20px;
}
.postdetails.poster-profile span.label {
white-space: nowrap;
font: 11px helvetica; Â
}
a.topictitle{
text-decoration: initial;
font: 12px orator std;
text-transform: lowercase;}
  /* MISE EN FORME DES CATEGORIES ET FORUMS */
  .cate_titre
  {
   clear: both;
   height: 100px;
   margin-top: 50px;
  }
  .catetitre_bloc
  {
  position: relative;
  z-index: 1;
  display: block;
  width: 90%;
  height: 20px;
  margin-left: auto;
  margin-right : auto;
  Â
  }
  .catetitre_content
  {
  position: absolute;
  z-index: 2;
  display: block;
  width: 950px;
  margin-left: auto;
   margin-right: auto;
   margin-top: -40px;
  text-align: left;
  padding: 2px;
   border-bottom: 3px dotted #191817;
  }
  .catetitre
  {
  color: #454545;
  font-family: arial;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 0px #000000;
  }
  .forum_bloc
  {
   width: 950px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -30px;
  }
  .forum
  {
  float: left;
  width: 450px;
  height: 250px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 50px;
  }
  a.forumlink
  {
   position: relative;
   z-index: 2;
   display: block;
   width: 100%;
   color: #454545;
   text-align: left;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 0px #000000;
    transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  a.forumlink:hover
  {
   letter-spacing: 4px;
    transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .forum_contenu
  {
   position: relative;
   z-index: 1;
   width: 98%;
   height: 90%;
   padding: 4px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -8px;
   background-color: ;
   border-left: 1px dotted #191817;
   border-right: 1px dotted #191817;
   border-bottom: 1px dotted #191817;
   border-top: 2px dotted #191817;
  }
  .description
  {
   display: block;
   width: 260px;
   margin: auto;
   height: 80px;
   overflow: hidden;
   border: 2px solid #9c9c9c;
   box-shadow: 1px 1px 1px #191817;
   -moz-box-shadow: 1px 1px 1px #191817;
   -htm-box-shadow: 1px 1px 1px #191817;
   -webkit-box-shadow: 1px 1px 1px #191817;
   -o-box-shadow: 1px 1px 1px #191817;
  }
  .description_contenu
  {
   position: absolute;
   display: block;
   width: 251px;
   height: 71px;
   overflow: auto;
   background-color: #191817;
   font-size: 10px;
   color: #9c9c9c;
   text-align: left;
   padding: 5px;
   opacity: 0;
   -moz-opacity: 0;
   -khtml-opacity: 0;
   filter: alpha(opacity=0);
   transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .description_contenu:hover
  {
   opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   filter: alpha(opacity=80);
   transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .icone_stats
  {
   width: 300px;
   margin: auto;
   margin-top: -30px;
  }
  .stats_lastpost
  {
   display: block;
   width: 160px;
   height: 80px;
   margin-left: 10px;
   background-color: ;
   border: 1px solid #b5b5b5;
   padding: 5px;
   text-align: left;
  }
  .stats
  {
   display: block;
   margin-bottom: 5px;
   border-bottom: 1px dotted #b5b5b5;
   padding-bottom: 5px;
   font-size: 10px;
   color: #8f8f8f;
  }
  .lastpost
  {
   display: block;
   font-size: 11px;
  }
  .sforum
  {
   position: relative;
   z-index: 3;
   display: block;
   height: 0;
    background: #191817;
   color: #b5b5b5;
   overflow: hidden;
    transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .ouverture_sousforum
  {
   position: relative;
   z-index: 3;
   display: block;
   float: right;
   width: 120px;
   margin-right: 20px;
   background: #191817;
   color: #b5b5b5;
   font-size: 11px;
   text-align: left;
   padding: 4px;
   -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  }
  .sous_forum:hover .sforum
  {
   height: 50px;
   background: #191817;
   color: #b5b5b5;
   padding: 4px;
   overflow: auto;
    transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .sous_forum a
  {
   color: #b5b5b5 !important;
   text-shadow: 1px 1px 0px #000000;
  }
  .sous_forum a:hover
  {
   color: #ffffff !important;
  }
  .qeel_titre
  {
   width: 890px;
   height: 100px;
   background: url(#);
  }
  .qeel
  {
   width: 890px;
   height: 400px;
   background: url(#);
  }
  .qeel_table
  {
   width: 612px;
   margin: auto;
  }
  .colonne
  {
   position: absolute;
   z-index: 1;
   width: 200px;
   height: 300px;
   overflow: auto;
   margin-top: 0px;
   margin-left: 0px;
   background: #4b4545;
   border: 1px solid #3f4d55;
   box-shadow: 0px 0px 0px #0d1418;
   -moz-box-shadow: 0px 0px 0px #0d1418;
   -o-box-shadow: 0px 0px 0px #0d1418;
   -htm-box-shadow: 0px 0px 0px #0d1418;
   -webkit-box-shadow: 0px 0px 0px #0d1418;
   font-size: 9px;
   opacity: 0.5;
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   filter: alpha(opacity=50);
   transition: 1s;
   -moz-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -o-transition: 1s;
  }
  .colonne:hover
  {
   position: absolute;
   z-index: 99;
   width: 300px;
   height: 400px;
   margin-top: -50px;
   margin-left: -50px;
   background: #4b4545;
   border: 1px solid #3f4d55;
   box-shadow: 0px 0px 5px #0d1418;
   -moz-box-shadow: 0px 0px 5px #0d1418;
   -o-box-shadow: 0px 0px 5px #0d1418;
   -htm-box-shadow: 0px 0px 5px #0d1418;
   -webkit-box-shadow: 0px 0px 5px #0d1418;
   font-size: 11px;
   opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   filter: alpha(opacity=80);
   transition: 1s;
   -moz-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -o-transition: 1s;
  }
  .qeel_contenu
  {
   display: block;
   text-align: justify;
   padding: 10px;
  }
    .avatar_mess
  {
   display: block;
   width: 200px;
   height: 320px;
   margin-left: -10px;
   margin-right: 10px;
   overflow: hidden;
   background: #272726;
   border: 5px solid #3e1d19;
   transform: rotate(-5deg);
   -moz-transform: rotate(-5deg);
   -o-transform: rotate(-5deg);
   -ms-transform: rotate(-5deg);
   -htm-transform: rotate(-5deg);
   -webkit-transform: rotate(-5deg);
   box-shadow: 0px 0px 6px #000000;
   -moz-box-shadow: 0px 0px 6px #000000;
   -o-box-shadow: 0px 0px 6px #000000;
   -htm-box-shadow: 0px 0px 6px #000000;
   -webkit-box-shadow: 0px 0px 6px #000000;
     transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .avatar_mess:hover
  {
   margin-left: 5px;
   transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -htm-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
     transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .profil_mess
  {
   position: absolute;
   display: block;
   width: 190px;
   height: 310px;
   margin: auto;
   padding: 5px;
   overflow: auto;
   background: #202020 ;
   color: ;
   font-size: 11px;
   opacity: 0;
   -moz-opacity: 0;
   -khtml-opacity: 0;
   filter: alpha(opacity=0);
     transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .profil_mess:hover
  {
   opacity: 1;
   -moz-opacity: 1;
   -khtml-opacity: 1;
   filter: alpha(opacity=100);
     transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  }
  .pseudo_mess
  {
   display: block;
   position: relative;
   z-index: 2;
   width: 190px;
   margin-top: -15px;
   margin-left: 10px;
   text-align: left;
   font-size: 12px;
   font-family: Arial;
   font-weight: ;
   text-shadow:  ;
   background: #202020  ;
   padding-top: 5px;
   border-left: 3px solid #371e1a;
   border-right: 3px solid #371e1a;
   border-top: 1px solid #371e1a;
   border-bottom: 1px solid #371e1a;
   box-shadow: ;
   -moz-box-shadow:  ;
   -o-box-shadow:  ;
   -htm-box-shadow:  ;
   -webkit-box-shadow:  ;
  }
  /* PAGE ACCUEIL FORME 1 */
  #f1_accueil
  {
   width: 800px;
   height: 500px;
   margin: auto;
   background: url(http://img15.hostingpics.net/pics/891324imageexemplePA.jpg);
   text-shadow: none !important;
  }
  #f1_accueil a
  {
   color: #ba8550 !important;
   text-shadow: none !important;
  }
  #f1_accueil a:hover
  {
   color: #e58f3a !important;
   text-shadow: none !important;
  }
  .f1_col1
  {
   width: 300px;
   vertical-align: top;
  }
  .f1_contexte
  {
   width: 220px;
   height: 300px;
   overflow: auto;
   margin-top: 100px;
   margin-left: 65px;
   text-align: justify;
   color: #7e6144;
   text-shadow: 1px 1px 0px #ffffff;
  }
  .f1_bloconglets
  {
   margin-top: 80px;
  }
  .f1_onglet1, .f1_onglet2, .f1_onglet3
  {
   display: inline-block;
   width: 110px;
   height: 50px;
  }
  .f1_onglet1
  {
   margin-left: 50px;
   margin-right: 25px;
  }
  .f1_onglet2
  {
   margin-right: 30px;
  }
  .f1_contenu1, .f1_contenu2, .f1_contenu3
  {
   position: absolute;
   width: 0px;
   height: 220px;
   margin-top: 40px;
   padding-top: 40px;
   overflow: hidden;
   font-size: 11px;
   color: #7e6144;
  }
  .f1_contenu1
  {
   margin-left: -10px;
  }
  .f1_contenu2
  {
   margin-left: -149px;
  }
  .f1_contenu3
  {
   margin-left: -294px;
  }
  .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
  {
   width: 400px;
  }
  .f1_liens
  {
   display: block;
   text-align: left;
  }
  .f1_liens a
  {
   font-size: 16px;
   font-weight: bold;
  }
  .f1_news, .f1_friends
  {
   width: 200px;
   height: 200px;
   overflow: hidden;
   text-align: justify;
  }
  .f1_credits, .f1_topsites
  {
   height: 150px;
   border-left: 1px solid #d19962;
   margin-left: 5px;
   padding: 5px;
   text-align: left;
  }
  .f1_staff1, .f1_staff2, .f1_staff3
  {
   display: block;
   width: 50px;
   height: 50px;
   background: url() #d19962;
   margin-bottom: 20px;
   margin-top: 20px;
   border: 1px solid #d19962;
  }
  .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
  {
   position: absolute;
   width: 0px;
   height: 150px;
   background: #ffffff;
   margin-left: 80px;
   overflow: hidden;
  }
  .f1_staffcontenu2
  {
   margin-top: -72px;
  }
  .f1_staffcontenu3
  {
   margin-top: -144px;
  }
  .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
  {
   width: 300px;
   border: 1px solid #d19962;
  }
  Â
 Â
  /* PAGE ACCUEIL MOZAIK */
  #mozaik
  {
   width: 660px;
   height: 260px;
   margin: auto;
  }
  #mozaik a
  {
   font-weight: bold;
   color: #575757 !important;
   text-decoration: none !important;
  }
  #mozaik a:hover
  {
   color: #3a3a3a;
   text-decoration: none !important;
  }
  #mozaik_top
  {
   position: relative;
   z-index: 1;
   width: 30px;
   height: 238px;
   overflow: hidden;
   margin-top: 10px;
   float: left;
   background: #b9b9b9;
   border: 1px solid #d6d6d6;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik_top:hover
  {
   position: relative;
   z-index: 999;
   width: 330px;
   background: #d6d6d6;
   border: 1px solid #e3e3e3;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik_credits
  {
   position: relative;
   z-index: 1;
   width: 30px;
   height: 238px;
   overflow: hidden;
   margin-top: 10px;
   float: right;
   background: #b9b9b9;
   border: 1px solid #d6d6d6;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik_credits:hover
  {
   position: relative;
   z-index: 999;
   width: 330px;
   background: #d6d6d6;
   border: 1px solid #e3e3e3;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_titretop
  {
   display: block;
   width: 30px;
   height: 238px;
   float: left;
   overflow: hidden;
   background-color: transparent;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik_top:hover .mozaik_titretop
  {
   background-color: #9e9e9e;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_titrecredits
  {
   display: block;
   width: 30px;
   height: 238px;
   float: right;
   overflow: hidden;
   background-color: transparent;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik_credits:hover .mozaik_titrecredits
  {
   background-color: #9e9e9e;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik_accueil
  {
   width: 600px;
   height: 240px;
   margin: auto;
   padding: 10px;
   text-align: justify;
  }
  #mozaik1
  {
   position: absolute;
   z-index: 1;
   width: 300px;
   height: 120px;
   overflow: hidden;
   background: #dcd3ce;
   border-left: 3px solid #9e3535;
   box-shadow: 0px 0px 0px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik1:hover
  {
   z-index: 999;
   width: 600px;
   height: 240px;
   background: #dcdcdc;
   border-left: 0px solid #9e3535;
   box-shadow: 0px 0px 5px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik2
  {
   position: absolute;
   z-index: 1;
   width: 300px;
   height: 120px;
   overflow: hidden;
   background: #af6342;
   border-right: 3px solid #3b5d94;
   box-shadow: 0px 0px 0px #000000;
   margin-left: 300px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik2:hover
  {
   z-index: 999;
   width: 600px;
   height: 240px;
   margin-left: 0px;
   background: #dcdcdc;
   border-right: 0px solid #3b5d94;
   box-shadow: 0px 0px 5px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik3
  {
   position: absolute;
   z-index: 1;
   width: 300px;
   height: 120px;
   overflow: hidden;
   background: #392823;
   border-left: 3px solid #392823;
   box-shadow: 0px 0px 0px #000000;
   margin-top: 120px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik3:hover
  {
   z-index: 999;
   width: 600px;
   height: 240px;
   margin-top: 0px;
   background: #dcdcdc;
   border-left: 0px solid #392823;
   box-shadow: 0px 0px 5px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik4
  {
   position: absolute;
   z-index: 1;
   width: 300px;
   height: 120px;
   overflow: hidden;
   background: #d7d1a0;
   border-right: 3px solid #c4863b;
   box-shadow: 0px 0px 0px #000000;
   margin-left: 300px;
   margin-top: 120px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik4:hover
  {
   z-index: 999;
   width: 600px;
   height: 240px;
   margin-left: 0px;
   margin-top: 0px;
   background: #dcdcdc;
   border-right: 0px solid #c4863b;
   box-shadow: 0px 0px 5px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_titre1
  {
   width: 300px;
   height: 120px;
   background: url(http://feb.imghost.us/Fmk9.png) top left no-repeat transparent;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik1:hover .mozaik_titre1
  {
   width: 600px;
   height: 60px;
   background: url(http://feb.imghost.us/Fmk9.png) top left no-repeat #dcd3ce;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_titre2
  {
   width: 300px;
   height: 120px;
   background: url(http://feb.imghost.us/FmX3.png) top left no-repeat transparent;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik2:hover .mozaik_titre2
  {
   width: 600px;
   height: 60px;
   background: url(http://feb.imghost.us/FmX3.png) top left no-repeat #9c452a;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_titre3
  {
   width: 300px;
   height: 120px;
   background: url(http://feb.imghost.us/GAcy.png) top left no-repeat transparent;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik3:hover .mozaik_titre3
  {
   width: 600px;
   height: 60px;
   background: url(http://feb.imghost.us/GAcy.png) top left no-repeat #392823;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_titre4
  {
   width: 300px;
   height: 120px;
   background: url(http://feb.imghost.us/FmcN.png) top left no-repeat transparent;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  #mozaik4:hover .mozaik_titre4
  {
   width: 600px;
   height: 60px;
   background: url(http://feb.imghost.us/FmcN.png) top left no-repeat #c4863b;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_contenu
  {
   width: 98%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   height: 160px;
   overflow: auto;
   font-size: 11px;
   color: #7d7d7d;
   text-shadow: 1px 1px 0px #f1f1f1;
  }
  .mozaik_contenu2
  {
   width: 280px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   height: 220px;
   overflow: auto;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: left;
   color: #7d7d7d;
   text-shadow: 1px 1px 0px #f1f1f1;
  }
  .mozaik_contenu3
  {
   width: 280px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   height: 220px;
   overflow: auto;
   font-size: 11px;
   font-style: italic;
   text-align: left;
   color: #7d7d7d;
   text-shadow: 1px 1px 0px #f1f1f1;
  }
  .mozaik_illu
  {
   width: 150px;
   float: left;
   border: 1px solid #ffffff;
   margin: 5px;
  }
  .mozaik_news
  {
   margin: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #3b5d94;
  }
  .mozaik_datenews
  {
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   color: #3b5d94;
   margin-right: 20px;
  }
  .mozaik_avatar
  {
   position: relative;
   z-index: 1;
   display: inline-block;
   width: 80px;
   height: 150px;
   overflow: hidden;
   border: 2px solid #9e9e9e;
   box-shadow: 0px 0px 0px #000000;
   opacity: 0.5;
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   filter: alpha(opacity=50);
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_avatar:hover
  {
   position: relative;
   z-index: 999;
   display: inline-block;
   width: 150px;
   height: 150px;
   overflow: hidden;
   border: 2px solid #9e9e9e;
   box-shadow: 0px 0px 5px #000000;
   opacity: 1;
   -moz-opacity: 1;
   -khtml-opacity: 1;
   filter: alpha(opacity=100);
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_avatardescr
  {
   display: block;
   background: url(http://img15.hostingpics.net/pics/301068noir50.png);
   margin-top: 150px;
   height: 150px;
   overflow: auto;
   color: #e4e4e4;
   font-size: 10px;
   line-height: 12px;
   text-shadow: 1px 1px 0px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_avatar:hover .mozaik_avatardescr
  {
   margin-top: 130px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_avatardescr:hover
  {
   margin-top: 0px !important;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_avatartitre
  {
   display: block;
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 10px;
  }
  .mozaik_predef
  {
   clear: both;
   display: block;
   height: 60px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_predef:hover
  {
   display: block;
   height: 60px;
   box-shadow: 0px 0px 5px #000000;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
   -ms-transition: 1s;
  }
  .mozaik_predef a
  {
   text-transform: uppercase;
   color: #52400a !important;
   text-decoration: none !important;
   text-shadow: 1px 1px 0px #ffffff;
  }
  .mozaik_predef a:hover
  {
   text-decoration: none !important;
  }
  .predef_icone
  {
   display: block;
   float: left;
   width: 50px;
   height 50px;
   overflow: hidden;
   margin: 5px;
   border: 2px solid #9e9e9e;
  }
  .predef_icone img
  {
   width: 50px;
  }
  .predef_nom
  {
   display: block;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   color: #937723;
  }
  #navig
  {
   width: 950px;
   margin: auto;
   text-align: left;
  }
  /* ONGLET DEVOILE EN CLIC */
  #target_onglet, #target_onglet2
  {
   position: fixed;
  }
  #onglet_clic
  {
   position: fixed;
   z-index: 999;
   width: 342px;
   height: 200px;
   margin-left: -310px;
   margin-top: 100px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
  }
  #onglet_contenu
  {
   width: 290px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   height: 190px;
   color: #1e466c;
   font-size: 11px;
  }
  .onglet_clic_navigation
  {
   display: block;
   float: right;
   width: 40px;
   height: 120px;
   overflow: hidden;
   background: url(http://img15.hostingpics.net/pics/974397ongletouvrir.png);
   margin-top: 40px;
  }
  .onglet_ouvrir
  {
   position: absolute;
   z-index: 3;
  }
  .onglet_fermer
  {
   position: absolute;
   z-index: 2;
  }
  #onglet_clic_contenu
  {
   width: 300px;
   height: 200px;
   overflow: hidden;
   background: #72a3cc;
   border: 1px solid #2f6ea5;
  }
  #target_onglet:target #onglet_clic
  {
   margin-left: -10px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
  }
  #target_onglet:target .onglet_ouvrir
  {
   z-index: 1;
  }
  #target_onglet2:target #onglet_clic
  {
   margin-left: -310px;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
  }
.updownbutton {
 position:fixed;
 bottom:40px;
 right:10px; /* replace right with left to display the buttons on the left */
 z-index:100;
}
.updownbutton img {
 filter:alpha(opacity=50);
    -khtml-opacity:0.5;
     -moz-opacity:0.5;
        opacity:0.5;
}
.updownbutton img:hover {
 filter:alpha(opacity=100);
      -khtml-opacity:1;
       -moz-opacity:1;
         opacity:1;
}
I've activated a guest account so the chatbox can be seen:
http://www.shinobitales.com/
Id: Testing
Pass: testing
I'm almost positive there's a bunch of errors in that CSS too; but as I am brand spanking new to CSS, I can't find or fix them myself, and I only have this code because it came pre-bundled with the hitskin theme I had been using before, but could not fix, obviously. Any help anyone is able to give me would be greatly appreciated. Thank you for you time.