hover effect for galleries partially done

style.css

@@ -277,12 +277,41 @@ span.pre {
 ul.gallery {
     display:block;
     padding:0px;
+    height:90px;
 }
 ul.gallery li {
     display:inline;
 }
-ul.gallery li img {
+
+
+ul.gallery li img{
+    /*transform: rotate(2deg);*/
+    border:2px solid white;
+    box-shadow: 0px 1px 4px black;
     height:75px;
-    margin:2px;
+    margin:4px;
+    -moz-transition: all 0.5s;
+    -webkit-transition: all 0.5s;  
+    -ms-transition: all 0.5s;  
+    -o-transition: all 0.5s;  
+    transition: all 0.5s
+}
+ul.gallery li img:nth-of-type(even) {
+    transform: rotate(1deg);
+}
+ul.gallery li img:nth-of-type(odd) {
+    transform: rotate(-2deg);
+}
+/*ul.gallery li img:img:nth-of-type(5n) {
+    transform: rotate(3deg);
+}
+ul.gallery li img:img:nth-of-type(7n) {
+    transform: rotate(-1deg);
+}*/
+ul.gallery li img:hover{
+    transform: rotate(0deg);
+    box-shadow: 0px 1px 6px black;
+    height:82px;
+    margin:0px;
 }