زیبا سازی قالب جوملا

[hamid80]

باسلام و عرض تبریک به مناسبت ولادت امام علی ع
من قصد انتشار یک قالب برای این روز خاص دارم دوتا مشکل برخورد کردم و از دوستان در این رابطه کمک می خواهم که بعد از رفع این دو مشکل به صورت بسته نصبی ارعه ش کنم
یک من امدم برای main یک کد نوشتم ولی متاسفانه نمایش داده نمیشه در همه قسمتهای کد رنگی که تعریف کردم

کد php: (انتخاب همه)

#main { 
  width:980px;
  height:auto ;
  margin:0 auto;
        background:none repeat scroll 0 0 #FFFFFF !important;
  background-repeat:repeat;
  border-radius:5px; 

} 


و دو امدم یک باکس شدو ویزه برای قسمت contenet نوشتم اونم نمایش داده نمیشه

کد php: (انتخاب همه)

#contents {
background:none repeat scroll 0 0 #FFFFFF;
  width:500px;
  height:auto;
  margin:0 auto;
  border-radius:1px;  
  float:left;
  margin-left:5px;
  overflow:hidden;
       padding-left:2.3px;



    border-radius: 5px 5px 5px 5px;


    /*overflow: hidden;*/

    position: relative;

  
}
#contents:before {
    transform: skew(0deg, 4deg);
    -moz-transform: skew(0deg, 4deg);
    -webkit-transform: skew(0deg, 4deg);
    box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    -webkit-box-shadow: 5px 5px 5px #000000;
    background-color: black;
    bottom: 0px;
    content: "";
    height: auto;
    position: absolute;
    right: 9px;
    width: 477px;
    z-index: -1;
}

#contents:after {
    transform: skew(0deg,-4deg);
    -moz-transform: skew(0deg,-4deg);
    -webkit-transform: skew(0deg,-4deg);
    box-shadow: -5px 5px 5px #000000;
    -moz-box-shadow: -5px 5px 5px #000000;
    -webkit-box-shadow: -5px 5px 5px #000000;
    background-color: black;
    bottom: 0;
    position: absolute;
    content: "";
    width: 477px;
    height: auto;
    left: 9px;
    z-index: -1;
} 
#contents .blog-featured {
  margin-top:-15px;
} 


ممنون می شوم این دوتا مشکلو برطرف کنید تا بشه یک طرح قابل قبول برایاین روز اراعه شود