Improve image handling in catalog to improve consistency

Conflicts:
	stylesheets/style.css

stylesheets/style.css

@@ -16,11 +16,9 @@ a, a:visited {
 	text-decoration: underline;
 	color: #34345C;
 }
-
 a:hover, p.intro a.post_no:hover {
 	color: #ff0000;
 }
-
 a.post_no {
 	text-decoration: none;
 	margin: 0;
@@ -30,7 +28,6 @@ a.post_no {
 p.intro a.post_no {
 	color: inherit;
 }
-
 p.intro a.post_no,
 p.intro a.email,
 p.intro a.post_anchor {
@@ -49,6 +46,7 @@ p.intro time, p.intro a.ip-link, p.intro a.capcode {
 	direction: ltr;
 	unicode-bidi: embed;
 }
+
 h2 {
 	color: #AF0A0F;
 	font-size: 11pt;
@@ -527,6 +525,7 @@ form.ban-appeal textarea {
 	overflow:hidden;
 	position: relative;
 	font-size:11px;
+	max-height:300px;
   background: rgba(182, 182, 182, 0.12);
   border: 2px solid rgba(111, 111, 111, 0.34);
 }
@@ -544,8 +543,8 @@ div.thread:hover {
 }
 
 .theme-catalog div.grid-size-vsmall img {
-	max-width: 100%;
 	max-height: 64px;
+  max-width: 100px;
 }
 
 .theme-catalog div.grid-size-vsmall {
@@ -554,10 +553,20 @@ div.thread:hover {
   max-height: 150px;
 }
 
+.theme-catalog div.grid-size-small img {
+  max-height: 128px;
+  max-width: 225px;
+}
+
 .theme-catalog div.grid-size-small {
   width: 200px;
-        max-width: 200px;
-        max-height: 350px;
+  max-width: 225px;
+  max-height: 300px;
+}
+
+.theme-catalog div.grid-size-large img {
+  max-height: 148px;
+  max-width: 300px;
 }
 
 .theme-catalog div.grid-size-large {