diff --git a/sites/scrapy.org/static/images/logo.jpg b/sites/scrapy.org/static/images/logo.jpg
index f95f969d8..c244578fa 100644
Binary files a/sites/scrapy.org/static/images/logo.jpg and b/sites/scrapy.org/static/images/logo.jpg differ
diff --git a/sites/scrapy.org/static/style/style.css b/sites/scrapy.org/static/style/style.css
index bd263023b..52f9c73f8 100644
--- a/sites/scrapy.org/static/style/style.css
+++ b/sites/scrapy.org/static/style/style.css
@@ -18,6 +18,9 @@ body {
 a { color:#6e0909; text-decoration:none; border-bottom:1px solid #d78888;}
 a:hover { color:#f99800; border-bottom:1px solid #f7b7b7; }
 .clear { clear:both; overflow:hidden; }
+a img {
+  border: none;
+}
 h1, h2 { color:#331f0a; font-weight:normal;}
 h1 {
   font-size: 200%;
@@ -31,7 +34,6 @@ blockquote { padding:0px 15px; color:#5b1111; font-size:125%; margin:0;}
 p { line-height:1.5em; }
 
 /* structure */
-#header h1 { background:url('../images/logo.jpg') no-repeat left top ; text-indent: -5000px; width:545px; height:65px }
 #mainwrap {  
   position: relative;   
   min-height: 100%; }
@@ -54,6 +56,10 @@ p { line-height:1.5em; }
   margin: 25px 0 0 -274px;
 }
 
+#header h1 a {
+  border: none;
+}
+
 ul#navigation { list-style-type:none; margin:0 0 18px -12px; padding:0;}
 ul#navigation li { float:left; padding:0 10px; font-size:130%; border-right:1px solid #e57919; }
 ul#navigation li.last { border-right:none; }
diff --git a/sites/scrapy.org/templates/header.html b/sites/scrapy.org/templates/header.html
index eacefe62e..6a2ac9730 100644
--- a/sites/scrapy.org/templates/header.html
+++ b/sites/scrapy.org/templates/header.html
@@ -1,5 +1,5 @@
 <div id="header">
-  <h1>Scrapy - a Python screen scraping &amp; web crawling framework</h1>
+  <h1><a href="/"><img src="{{ MEDIA_URL }}/images/logo.jpg" width="150" height="65" alt="Scrapy"/></a></h1>
   <ul id="navigation">
     <li><a href="/">Home</a></li>
     <li><a href="/download/">Download</a></li>