style update for screenshots

css/project.css

@@ -196,7 +196,8 @@ h4:hover a {
 
 img.screenshot,
 img.gallery {
-	box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7);
+	border: 1px solid rgba(80, 80, 80, 0.3);
+	box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.4);
 }
 
 img.screenshot {

support.html

@@ -8,7 +8,7 @@
     <meta content="text/css" http-equiv="Content-Style-Type" />
     <link rel="stylesheet" href="css/gecko4.css?v=1" type="text/css">
     <link rel="stylesheet" href="css/project_nav.css?v=3" type="text/css">
-    <link rel="stylesheet" href="css/project.css?v=30" type="text/css">
+    <link rel="stylesheet" href="css/project.css?v=31" type="text/css">
     <link rel="stylesheet" href="css/infoBox.css" type="text/css">
     <link rel="stylesheet" href="css/media.css?v=3" type="text/css">   
     <link rel="stylesheet" href="css/footer.css" type="text/css">
@@ -128,13 +128,13 @@ <h4>STEP 1 - Set up the Investigation</h4>
 				 the problem happens. 
 			</p>
 			<p>
-				<img src="images/support/console-clear.png" title="clearing the console"/>
+				<img src="images/support/console-clear.png" class="screenshot" title="clearing the console"/>
 			</p>
 			<p>
 				Also set up the options to (at least) display Errors, Warnings and Logs:
 			</p>
 			<p>
-				<img src="images/support/console-setup.png" title="logging options" />
+				<img src="images/support/console-setup.png" class="screenshot" title="logging options" />
 			</p>
 
 			<p>
@@ -144,7 +144,7 @@ <h4>STEP 1 - Set up the Investigation</h4>
 				a long time.
 			</p>
 			<p>
-				<img src="images/support/console-options.png" title="console options" />
+				<img src="images/support/console-options.png" class="screenshot"  title="console options" />
 			</p>
 
 			<h4>STEP 2 - Saving the Error Log</h4>