@@ -181,6 +181,15 @@ table tr img {

 	background-position: left top;

 }

+.project {

+  float: right;

+  }

+  

+.project img {

+  margin-right: 0px;

+  margin-left: 6px;

+  }

+

 .meta {

 	float: left;

 }

@@ -417,13 +417,34 @@ table tr img {

 	text-align: center;

 	padding: 4px 0;

 }

-

 .fauxhead {

 	background: url(../images/table-arrow.jpg) right top no-repeat;

 	width: 100%;

 	height: 11px;

 }

+#home-our-projects td {

+  height: 92px;

+  width: 296px;

+  padding: 6px;

+  }

+

+.project {

+  float: left;

+  padding: 6px;

+  border: 1px solid #CAC8A7;

+  height: 76px;

+  width: 284px;

+  -webkit-border-radius: 10px;

+  -moz-border-radius: 10px;

+  border-radius: 10px;

+  }  

+

+.project img {

+  border: none;

+  margin-right: 6px;

+  }

+

 .beige { background: #f5f5df; }

 .gray { background: #e0e0e0; }

@@ -502,7 +523,7 @@ td.intro { padding: 0 0 10px; }

 	}

 .featured-project { width: 313px; }

-	

+

 /* FORM ------------*/

 input, select {

@@ -662,13 +683,13 @@ small {

 	text-align: center;

 	color: #222222;

 	border: 2px solid #cbcbaf;

-   background-color: #ffffed;

+	background-color: #ffffed;

 	padding: 20px 20px;

 	width: 163px;

 	margin: 0px 0px 0px 10px;

-   -webkit-border-radius: 5px;

-   -moz-border-radius: 5px;

-   border-radius: 5px;

+	-webkit-border-radius: 5px;

+	-moz-border-radius: 5px;

+	border-radius: 5px;

 	}

 	.dbox p {

@@ -697,18 +718,18 @@ small {

 		.dbox input:focus ,

 		.dbox select:focus {

-		   -moz-box-shadow: 0px 0px 4px #cbcbaf;

-		   -webkit-box-shadow: 0px 0px 4px #cbcbaf;

- 		   box-shadow: 0px 0px 4px #cbcbaf;

- 		   border:2px solid #cbcbaf;	

-		   background-color: #FFFFFF;

-			}

+		  -moz-box-shadow: 0px 0px 4px #cbcbaf;

+		  -webkit-box-shadow: 0px 0px 4px #cbcbaf;

+ 		  box-shadow: 0px 0px 4px #cbcbaf;

+ 		  border:2px solid #cbcbaf;	

+		  background-color: #FFFFFF;

+		  }

 		.dbox input.radio {

-			border: 0px solid;

-			background: #ffffed;

-			padding: 0px 0px;

-			}

+		  border: 0px solid;

+		  background: #ffffed;

+		  padding: 0px 0px;

+		  }

 	.dbox select.cur {

 		margin-right: 5px;

@@ -733,14 +754,14 @@ small {

 		width: 122px;

 		margin-top: 0px;

 		display: block;

-	   background-color: transparent;

-	   color: transparent;

-	   border:0px solid transparent;

-	   -webkit-border-radius: 5px;

-	   -moz-border-radius: 5px;

-	   border-radius: 5px;

-	   margin: 10px auto 10px auto;

-	   padding: 0px 0px 0px 0px;

+		background-color: transparent;

+		color: transparent;

+		border:0px solid transparent;

+		-webkit-border-radius: 5px;

+		-moz-border-radius: 5px;

+		border-radius: 5px;

+		margin: 10px auto 10px auto;

+		padding: 0px 0px 0px 0px;

 		}

 	.dbox span {

@@ -847,9 +868,9 @@ small {

 		width: 115px;

 		margin-top: -3px;

 		display: inline-block;

-	   background-color: transparent;

-	   color: transparent;

-	   border:0px solid transparent;

+		background-color: transparent;

+		color: transparent;

+		border:0px solid transparent;

 		}

 .dbox.dsmall {

@@ -868,9 +889,9 @@ small {

 		height: auto;

 		margin-top: 0px;

 		display: block;

-	   background-color: transparent;

-	   color: transparent;

-	   border:0px solid transparent;

+		background-color: transparent;

+		color: transparent;

+		border:0px solid transparent;

 		}

 	.dbox.dsmall div label {

@@ -216,6 +216,11 @@ table h2,

 	padding-left: 10px;

 	margin: 0;

 }

+

+.project p {

+  line-height: 18px;

+}

+

 table h3 { font-size: 1.167em; }

 table p {

 	margin: 0; 

@@ -57,17 +57,21 @@

                 license: LGPL v2

               -->

               <td>

+                <div class="project">

                 <a href="http://tails.boum.org/"><img

                 src="$(IMGROOT)/icon-Tails.jpg" alt="Tails Icon"></a>

                 <h3><a href="http://tails.boum.org/">Tails</a></h3>

                 <p>Live CD/USB distribution preconfigured to use Tor safely.</p>

+                </div>

               </td>

               <td>

+                <div class="project">

                 <a href="https://guardianproject.info/apps/orbot/"><img

                 src="$(IMGROOT)/icon-Orbot.jpg" alt="Orbot Icon"></a>

                 <h3><a href="https://guardianproject.info/apps/orbot/">Orbot</a></h3>

                 <p>Tor for <a href="https://code.google.com/android/">Google

                 Android</a> devices.</p>

+                </div>

               </td>

             </tr>

             <tr>

@@ -77,10 +81,12 @@

                 license: LGPL v3

               -->

               <td>

+                <div class="project">

                 <a href="http://torstatus.blutmagie.de/"><img

                 src="$(IMGROOT)/icon-TorStatus.jpg" alt="TorStatus Icon"></a>

                 <h3><a href="http://torstatus.blutmagie.de/">TorStatus</a></h3>

                 <p>Site providing an overview of the Tor network.</p>

+                </div>

               </td>

               <!-- Icon from the Crystal set

                 author: Everaldo Coelho

@@ -88,43 +94,53 @@

                 license: LGPL v2

               -->

               <td>

+                <div class="project">

                 <a href="http://www.atagar.com/arm/"><img

                 src="$(IMGROOT)/icon-Arm.jpg" alt="Arm Icon"></a>

                 <h3><a href="http://www.atagar.com/arm/">Arm</a></h3>

                 <p>Terminal application for monitoring and configuring Tor.</p>

+                </div>

               </td>

             </tr>

             <tr>

               <td>

+                <div class="project">

                 <a href="<page torbutton/index>"><img

                 src="$(IMGROOT)/icon-TorButton.jpg" alt="Torbutton Icon"></a>

                 <h3><a href="<page torbutton/index>">Torbutton</a></h3>

                 <p>Torbutton is a 1-click way for Firefox users to enable

                 or disable Tor in Firefox.</p>

+                </div>

               </td>

               <td>

+                <div class="project">

                 <a href="https://check.torproject.org/"><img

                 src="$(IMGROOT)/icon-TorCheck.jpg" alt="Tor Check Icon"></a>

                 <h3><a href="https://check.torproject.org/">Check</a></h3>

                 <p>Check determines if you are successfully browsing

                 with Tor.</p>

+                </div>

               </td>

             </tr>

             <tr>

               <td>

+                <div class="project">

               <a href="<page projects/vidalia>"><img

               src="$(IMGROOT)/icon-Vidalia.jpg" alt="Vidalia Icon"></a>

               <h3><a href="<page projects/vidalia>">Vidalia</a></h3>

               <p>Vidalia is a graphical way to control and view Tor's

               connections and settings.</p>

+                 </div>

               </td>

               <td>

+                <div class="project">

               <a href="<page projects/torbrowser>"><img

               src="$(IMGROOT)/icon-TorBrowser.jpg" alt="TorBrowser Icon"></a>

               <h3><a href="<page projects/torbrowser>">Tor

               Browser</a></h3>

               <p>Tor Browser contains everything you need to safely

               browse the Internet. </p>

+                </div>

               </td>

             </tr>

           </table>

Binary files a/images/icon-Arm.jpg and b/images/icon-Arm.jpg differ

Binary files a/images/icon-Tails.jpg and b/images/icon-Tails.jpg differ

Binary files a/images/icon-TorBrowser.jpg and b/images/icon-TorBrowser.jpg differ

Binary files a/images/icon-TorButton.jpg and b/images/icon-TorButton.jpg differ

Binary files a/images/icon-TorCheck.jpg and b/images/icon-TorCheck.jpg differ

Binary files a/images/icon-TorStatus.jpg and b/images/icon-TorStatus.jpg differ

Binary files a/images/icon-Vidalia.jpg and b/images/icon-Vidalia.jpg differ