diff --git a/core/migrations/0010_auto__add_claim__add_rightsholder.py b/core/migrations/0010_auto__add_claim__add_rightsholder.py
new file mode 100644
index 00000000..deb9750a
--- /dev/null
+++ b/core/migrations/0010_auto__add_claim__add_rightsholder.py
@@ -0,0 +1,185 @@
+# encoding: utf-8
+import datetime
+from south.db import db
+from south.v2 import SchemaMigration
+from django.db import models
+
+class Migration(SchemaMigration):
+
+    def forwards(self, orm):
+        
+        # Adding model 'Claim'
+        db.create_table('core_claim', (
+            ('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
+            ('rights_holder', self.gf('django.db.models.fields.related.ForeignKey')(related_name='claim', to=orm['core.RightsHolder'])),
+            ('work', self.gf('django.db.models.fields.related.ForeignKey')(related_name='claim', to=orm['core.Work'])),
+            ('user', self.gf('django.db.models.fields.related.ForeignKey')(related_name='user', to=orm['auth.User'])),
+            ('created', self.gf('django.db.models.fields.DateTimeField')(auto_now_add=True, blank=True)),
+        ))
+        db.send_create_signal('core', ['Claim'])
+
+        # Adding model 'RightsHolder'
+        db.create_table('core_rightsholder', (
+            ('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
+            ('email', self.gf('django.db.models.fields.CharField')(max_length=100, blank=True)),
+            ('rights_holder_name', self.gf('django.db.models.fields.CharField')(max_length=100, blank=True)),
+            ('owner', self.gf('django.db.models.fields.related.ForeignKey')(related_name='rights_holder', to=orm['auth.User'])),
+        ))
+        db.send_create_signal('core', ['RightsHolder'])
+
+
+    def backwards(self, orm):
+        
+        # Deleting model 'Claim'
+        db.delete_table('core_claim')
+
+        # Deleting model 'RightsHolder'
+        db.delete_table('core_rightsholder')
+
+
+    models = {
+        'auth.group': {
+            'Meta': {'object_name': 'Group'},
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'name': ('django.db.models.fields.CharField', [], {'unique': 'True', 'max_length': '80'}),
+            'permissions': ('django.db.models.fields.related.ManyToManyField', [], {'to': "orm['auth.Permission']", 'symmetrical': 'False', 'blank': 'True'})
+        },
+        'auth.permission': {
+            'Meta': {'ordering': "('content_type__app_label', 'content_type__model', 'codename')", 'unique_together': "(('content_type', 'codename'),)", 'object_name': 'Permission'},
+            'codename': ('django.db.models.fields.CharField', [], {'max_length': '100'}),
+            'content_type': ('django.db.models.fields.related.ForeignKey', [], {'to': "orm['contenttypes.ContentType']"}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'name': ('django.db.models.fields.CharField', [], {'max_length': '50'})
+        },
+        'auth.user': {
+            'Meta': {'object_name': 'User'},
+            'date_joined': ('django.db.models.fields.DateTimeField', [], {'default': 'datetime.datetime.now'}),
+            'email': ('django.db.models.fields.EmailField', [], {'max_length': '75', 'blank': 'True'}),
+            'first_name': ('django.db.models.fields.CharField', [], {'max_length': '30', 'blank': 'True'}),
+            'groups': ('django.db.models.fields.related.ManyToManyField', [], {'to': "orm['auth.Group']", 'symmetrical': 'False', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'is_active': ('django.db.models.fields.BooleanField', [], {'default': 'True'}),
+            'is_staff': ('django.db.models.fields.BooleanField', [], {'default': 'False'}),
+            'is_superuser': ('django.db.models.fields.BooleanField', [], {'default': 'False'}),
+            'last_login': ('django.db.models.fields.DateTimeField', [], {'default': 'datetime.datetime.now'}),
+            'last_name': ('django.db.models.fields.CharField', [], {'max_length': '30', 'blank': 'True'}),
+            'password': ('django.db.models.fields.CharField', [], {'max_length': '128'}),
+            'user_permissions': ('django.db.models.fields.related.ManyToManyField', [], {'to': "orm['auth.Permission']", 'symmetrical': 'False', 'blank': 'True'}),
+            'username': ('django.db.models.fields.CharField', [], {'unique': 'True', 'max_length': '30'})
+        },
+        'contenttypes.contenttype': {
+            'Meta': {'ordering': "('name',)", 'unique_together': "(('app_label', 'model'),)", 'object_name': 'ContentType', 'db_table': "'django_content_type'"},
+            'app_label': ('django.db.models.fields.CharField', [], {'max_length': '100'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'model': ('django.db.models.fields.CharField', [], {'max_length': '100'}),
+            'name': ('django.db.models.fields.CharField', [], {'max_length': '100'})
+        },
+        'core.author': {
+            'Meta': {'object_name': 'Author'},
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'editions': ('django.db.models.fields.related.ManyToManyField', [], {'related_name': "'authors'", 'symmetrical': 'False', 'to': "orm['core.Edition']"}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'name': ('django.db.models.fields.CharField', [], {'max_length': '500'})
+        },
+        'core.campaign': {
+            'Meta': {'object_name': 'Campaign'},
+            'activated': ('django.db.models.fields.DateTimeField', [], {'null': 'True'}),
+            'amazon_receiver': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'}),
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'deadline': ('django.db.models.fields.DateTimeField', [], {}),
+            'description': ('django.db.models.fields.TextField', [], {'null': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'name': ('django.db.models.fields.CharField', [], {'max_length': '500', 'null': 'True'}),
+            'paypal_receiver': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'}),
+            'suspended': ('django.db.models.fields.DateTimeField', [], {'null': 'True'}),
+            'suspended_reason': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
+            'target': ('django.db.models.fields.DecimalField', [], {'null': 'True', 'max_digits': '14', 'decimal_places': '2'}),
+            'withdrawn': ('django.db.models.fields.DateTimeField', [], {'null': 'True'}),
+            'withdrawn_reason': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
+            'work': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'campaigns'", 'to': "orm['core.Work']"})
+        },
+        'core.claim': {
+            'Meta': {'object_name': 'Claim'},
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'rights_holder': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'claim'", 'to': "orm['core.RightsHolder']"}),
+            'user': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'user'", 'to': "orm['auth.User']"}),
+            'work': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'claim'", 'to': "orm['core.Work']"})
+        },
+        'core.ebook': {
+            'Meta': {'object_name': 'Ebook'},
+            'edition': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'ebooks'", 'to': "orm['core.Edition']"}),
+            'format': ('django.db.models.fields.CharField', [], {'max_length': '25'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'provider': ('django.db.models.fields.CharField', [], {'max_length': '255'}),
+            'rights': ('django.db.models.fields.CharField', [], {'max_length': '255', 'null': 'True'}),
+            'url': ('django.db.models.fields.CharField', [], {'max_length': '1024'})
+        },
+        'core.edition': {
+            'Meta': {'object_name': 'Edition'},
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'description': ('django.db.models.fields.TextField', [], {'default': "''", 'null': 'True'}),
+            'googlebooks_id': ('django.db.models.fields.CharField', [], {'max_length': '50'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'isbn_10': ('django.db.models.fields.CharField', [], {'max_length': '10', 'null': 'True'}),
+            'isbn_13': ('django.db.models.fields.CharField', [], {'max_length': '13', 'null': 'True'}),
+            'language': ('django.db.models.fields.CharField', [], {'max_length': '2', 'null': 'True'}),
+            'oclc': ('django.db.models.fields.CharField', [], {'max_length': '25', 'null': 'True'}),
+            'public_domain': ('django.db.models.fields.NullBooleanField', [], {'null': 'True', 'blank': 'True'}),
+            'publication_date': ('django.db.models.fields.CharField', [], {'max_length': '50'}),
+            'publisher': ('django.db.models.fields.CharField', [], {'max_length': '255'}),
+            'title': ('django.db.models.fields.CharField', [], {'max_length': '1000'}),
+            'work': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'editions'", 'null': 'True', 'to': "orm['core.Work']"})
+        },
+        'core.premium': {
+            'Meta': {'object_name': 'Premium'},
+            'amount': ('django.db.models.fields.DecimalField', [], {'max_digits': '10', 'decimal_places': '0'}),
+            'campaign': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'premiums'", 'null': 'True', 'to': "orm['core.Campaign']"}),
+            'description': ('django.db.models.fields.TextField', [], {'null': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'type': ('django.db.models.fields.CharField', [], {'max_length': '2'})
+        },
+        'core.rightsholder': {
+            'Meta': {'object_name': 'RightsHolder'},
+            'email': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'owner': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'rights_holder'", 'to': "orm['auth.User']"}),
+            'rights_holder_name': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'})
+        },
+        'core.subject': {
+            'Meta': {'object_name': 'Subject'},
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'editions': ('django.db.models.fields.related.ManyToManyField', [], {'related_name': "'subjects'", 'symmetrical': 'False', 'to': "orm['core.Edition']"}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'name': ('django.db.models.fields.CharField', [], {'max_length': '500'})
+        },
+        'core.userprofile': {
+            'Meta': {'object_name': 'UserProfile'},
+            'goodreads_auth_secret': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
+            'goodreads_auth_token': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
+            'goodreads_user_id': ('django.db.models.fields.CharField', [], {'max_length': '32', 'null': 'True', 'blank': 'True'}),
+            'goodreads_user_link': ('django.db.models.fields.CharField', [], {'max_length': '200', 'null': 'True', 'blank': 'True'}),
+            'goodreads_user_name': ('django.db.models.fields.CharField', [], {'max_length': '200', 'null': 'True', 'blank': 'True'}),
+            'home_url': ('django.db.models.fields.URLField', [], {'max_length': '200', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'tagline': ('django.db.models.fields.CharField', [], {'max_length': '140', 'blank': 'True'}),
+            'twitter_id': ('django.db.models.fields.CharField', [], {'max_length': '15', 'blank': 'True'}),
+            'user': ('django.db.models.fields.related.OneToOneField', [], {'related_name': "'profile'", 'unique': 'True', 'to': "orm['auth.User']"})
+        },
+        'core.wishlist': {
+            'Meta': {'object_name': 'Wishlist'},
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'user': ('django.db.models.fields.related.OneToOneField', [], {'related_name': "'wishlist'", 'unique': 'True', 'to': "orm['auth.User']"}),
+            'works': ('django.db.models.fields.related.ManyToManyField', [], {'related_name': "'wishlists'", 'symmetrical': 'False', 'to': "orm['core.Work']"})
+        },
+        'core.work': {
+            'Meta': {'object_name': 'Work'},
+            'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'openlibrary_id': ('django.db.models.fields.CharField', [], {'max_length': '50', 'null': 'True'}),
+            'title': ('django.db.models.fields.CharField', [], {'max_length': '1000'})
+        }
+    }
+
+    complete_apps = ['core']
diff --git a/core/models.py b/core/models.py
index e0722262..4d061b93 100755
--- a/core/models.py
+++ b/core/models.py
@@ -9,6 +9,17 @@ from django.contrib.auth.models import User
 class UnglueitError(RuntimeError):
     pass
 
+class Claim(models.Model):
+    rights_holder =  models.ForeignKey("RightsHolder", related_name="claim", null=False )    
+    work =  models.ForeignKey("Work", related_name="claim", null=False )    
+    user =  models.ForeignKey(User, related_name="user", null=False ) 
+    created =  models.DateTimeField(auto_now_add=True)  
+   
+class RightsHolder(models.Model):
+    email = models.CharField(max_length=100, blank=True)
+    rights_holder_name = models.CharField(max_length=100, blank=True)
+    owner =  models.ForeignKey(User, related_name="rights_holder", null=False )
+    
 class Premium(models.Model):
     PREMIUM_TYPES = ((u'00', u'Default'),(u'CU', u'Custom'))
     type = models.CharField(max_length=2, choices=PREMIUM_TYPES)
@@ -103,8 +114,8 @@ class Campaign(models.Model):
         return self
        
     def supporters(self):
-    	translist = self.transactions().values_list('user', flat=True).distinct()
-    	return translist
+        translist = self.transactions().values_list('user', flat=True).distinct()
+        return translist
 
 class Work(models.Model):
     created = models.DateTimeField(auto_now_add=True)
@@ -118,15 +129,15 @@ class Work(models.Model):
         return self.editions.all()[0].cover_image_thumbnail()
         
     def author(self):
-    	authorlist = self.editions.all()[0].authors.all()
-    	if authorlist.count() == 1:
-    		myauthor = authorlist[0].name
-    	elif authorlist.count() > 1:
-    		myauthor = authorlist[0].name + ' et al.'
-    	else:
-    		myauthor = ''
-    	return myauthor
-    	
+        authorlist = self.editions.all()[0].authors.all()
+        if authorlist.count() == 1:
+            myauthor = authorlist[0].name
+        elif authorlist.count() > 1:
+            myauthor = authorlist[0].name + ' et al.'
+        else:
+            myauthor = ''
+        return myauthor
+        
     def last_campaign(self):
         try:
             last = self.campaigns.order_by('-created')[0]
@@ -160,6 +171,19 @@ class Work(models.Model):
                         status = percent;
         return status;
 
+    def first_pdf(self):
+        return self.first_ebook('pdf')
+
+    def first_epub(self):
+        return self.first_ebook('epub')
+
+    def first_ebook(self, ebook_format=None):
+        for edition in self.editions.all():
+            for ebook in edition.ebooks.all():
+                if ebook_format == None or ebook.format == ebook_format:
+                    return ebook
+        return None
+
     def __unicode__(self):
         return self.title
 
@@ -237,6 +261,5 @@ class UserProfile(models.Model):
     goodreads_auth_secret = models.TextField(null=True, blank=True)
     goodreads_user_link = models.CharField(max_length=200, null=True, blank=True)        
 
-
 from regluit.core import signals
 from regluit.payment.manager import PaymentManager
diff --git a/core/search.py b/core/search.py
index d69842d3..9dcb4c82 100644
--- a/core/search.py
+++ b/core/search.py
@@ -7,8 +7,6 @@ def gluejar_search(q):
     results = []
 
     for item in googlebooks_search(q)['items']:
-        # TODO: better to think in terms of editions with titles 
-        # instead of titles with names?
         v = item['volumeInfo']
         r = {'title': v.get('title', ""), 
              'description': v.get('description', ""),
@@ -32,10 +30,18 @@ def gluejar_search(q):
 
         # cover image
         if v.has_key('imageLinks'):
-            r['image'] = v['imageLinks'].get('smallThumbnail', "")
+            r['image'] = v['imageLinks'].get('thumbnail', "")
         else:
             r['image'] = ""
 
+        access_info = item.get('accessInfo')
+        if access_info:
+            epub = access_info.get('epub')
+            if epub and epub.get('downloadLink'):
+                r['epub'] = epub['downloadLink']
+            pdf = access_info.get('pdf')
+            if pdf and pdf.get('downloadLink'):
+                r['pdf'] = pdf['downloadLink']
         results.append(r)
 
     return results 
diff --git a/core/tests.py b/core/tests.py
index af5ace3f..6f4b76ea 100755
--- a/core/tests.py
+++ b/core/tests.py
@@ -121,6 +121,10 @@ class TestBookLoader(TestCase):
         self.assertEqual(ebook_pdf.url, 'http://books.google.com/books/download/The_Latin_language.pdf?id=U3FXAAAAYAAJ&ie=ISO-8859-1&output=pdf&sig=ACfU3U2yLt3nmTncB8ozxOWUc4iHKUznCA&source=gbs_api')
         self.assertEqual(ebook_pdf.provider, 'google')        
 
+        w = edition.work
+        self.assertEqual(w.first_epub().url, "http://books.google.com/books/download/The_Latin_language.epub?id=U3FXAAAAYAAJ&ie=ISO-8859-1&output=epub&source=gbs_api")
+        self.assertEqual(w.first_pdf().url, "http://books.google.com/books/download/The_Latin_language.pdf?id=U3FXAAAAYAAJ&ie=ISO-8859-1&output=pdf&sig=ACfU3U2yLt3nmTncB8ozxOWUc4iHKUznCA&source=gbs_api")
+
     def test_add_no_ebook(self):
         # this edition lacks an ebook, but we should still be able to load it
         e = bookloader.add_by_isbn('0465019358')
diff --git a/frontend/forms.py b/frontend/forms.py
index ff6444a2..9015a94b 100644
--- a/frontend/forms.py
+++ b/frontend/forms.py
@@ -42,18 +42,8 @@ class UserData(forms.Form):
         raise forms.ValidationError(_("Your username is already "+oldusername))
 
 class CampaignPledgeForm(forms.Form):
-    pledge_amount = forms.DecimalField(initial=D('0.00'), min_value=D('0.00'), max_value=D('10000.00'), decimal_places=2)
     preapproval_amount = forms.DecimalField(initial=D('20.00'), min_value=D('0.00'), max_value=D('10000.00'), decimal_places=2)
     anonymous = forms.BooleanField(required=False, label="Don't display my username in the supporters list")
-    def clean(self):
-        # force a choice: only one of pledge_amount and pre_approval can be non-zero.
-        cleaned_data = self.cleaned_data
-        pledge_amount = cleaned_data.get("pledge_amount")
-        preapproval_amount = cleaned_data.get("preapproval_amount")
-        if pledge_amount > D('0.00') and preapproval_amount > D('0.00'):
-            raise forms.ValidationError("Only one of pledge_amount and pre_approval can be non-zero.")
-
-        return cleaned_data
     
 class GoodreadsShelfLoadingForm(forms.Form):
     goodreads_shelf_name = forms.CharField(widget=forms.Select(choices=(
diff --git a/frontend/templates/base.html b/frontend/templates/base.html
index 5fcb9d35..1127d7f2 100644
--- a/frontend/templates/base.html
+++ b/frontend/templates/base.html
@@ -23,7 +23,7 @@
                 <a href="/"><img src="/static/images/logo.png" alt="unglue.it" title="unglue.it"  /></a>
             </div>
             {% if not suppress_search_box %}
-            <div class="js-search" style="float: left; margin-left: 50px;">
+            <div class="js-search">
             <div class="js-search-inner">
                 <form action="{% url search %}" method="get">
                     <input type="text" placeholder="Search for a book..." size="25" class="inputbox" name="q" value="{{ q }}">
diff --git a/frontend/templates/goodreads_display.html b/frontend/templates/goodreads_display.html
index ed28840d..92b6b8ab 100644
--- a/frontend/templates/goodreads_display.html
+++ b/frontend/templates/goodreads_display.html
@@ -20,7 +20,7 @@
     
     var update_number_of_books = function (){
         
-        $.ajax({url:'/api/v1/wishlist/1/',
+        $.ajax({url:'/api/v1/wishlist/{{user.wishlist.id}}/',
                 data: {format:'json',
                        api_key:'{{api_key}}',
                        username: '{{user.username}}'},
diff --git a/frontend/templates/pledge.html b/frontend/templates/pledge.html
new file mode 100644
index 00000000..884b5351
--- /dev/null
+++ b/frontend/templates/pledge.html
@@ -0,0 +1,63 @@
+{% extends "basedocumentation.html" %}
+
+{% block title %}Pledge{% endblock %}
+
+{% block extra_head %}
+<link type="text/css" rel="stylesheet" href="/static/css/campaign.css"  />
+{% endblock %}
+
+{% block doccontent %}
+    <h1>Pledge Page</h1>
+        <h2>Campaign: {{campaign.name}}</h2>
+    <p>Wonderful:  We're glad that you would like to support this campaign.</p>
+            	
+            	<div class="book-detail">
+                	<div class="book-detail-img"><a href="#">
+                    	<img src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" /></a>
+                    </div>
+                    <div class="book-detail-info">
+                    	<h2 class="book-name">{{ work.title }}</h2>
+                        <h3 class="book-author">{{ work.author }}</h3>
+                        <h3 class="book-year">{{ work.editions.all.0.publication_date }}</h3>
+                        <div class="find-book">
+                        	<label>Find it here</label>
+                        	<!-- todo: these should be a real thing -->
+                            <div class="find-link">
+                            	<a class="find-google" href="#"><img src="/static/images/icons/google.png" align="" title="" /></a>
+                                <a class="find-group" href="#"><img src="/static/images/icons/group.png" align="" title="" /></a>
+                            </div>
+                        </div>
+                        <div class="pledged-info"><div class="pledged-group">{{ work.last_campaign.supporters.count }} Ungluers have pledged ${{ work.last_campaign.current_total }}</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
+                    </div>
+                </div>
+    
+            	<div class="jsmodule rounded">
+            	<div class="jsmod-content">
+                	Campaign in Progress: ${{ work.last_campaign.current_total }}/${{ work.last_campaign.target }}
+                </div>
+
+    <form method="POST" action="{% url campaign_by_id pk=campaign.id %}">
+        {% csrf_token %}
+       {{form.as_p}}
+       <input type="submit" value="Pledge" />
+    </form>
+    
+    <b>{{request.GET.premium_id}}</b>
+    
+    <div class="jsmod-content">
+    <form action="#">    
+        <ul class="support menu">
+            {% for premium in premiums %}
+            <li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}">
+                <input type="radio" name="premium_radio" value="{{premium.id}}" {% ifequal request.GET.premium_id premium.id  %}checked="checked"{% endifequal %}" />
+                    <span class="menu-item-price">${{ premium.amount }}</span>
+                <span class="menu-item-desc">{{ premium.description }}</span>
+            </a></li>
+            {% endfor %}
+         </ul>
+    </form>
+    </div>
+
+{% endblock %}
+
+
diff --git a/frontend/templates/search.html b/frontend/templates/search.html
index c78d4ec9..d1c95265 100644
--- a/frontend/templates/search.html
+++ b/frontend/templates/search.html
@@ -1,8 +1,23 @@
 {% extends "base.html" %}
 
 {% block extra_head %}
-<script type="text/javascript" src="/static/js/wishlist.js"></script>
 <link rel="stylesheet" href="/static/css/book_list.css">
+<link rel="stylesheet" href="/static/css/book_panel.css">
+
+<script type="text/javascript" src="/static/js/wishlist.js"></script>
+
+<!-- Beware of fadeIn/fadeOut jQuery animations; they add an inline "display: block"
+which overrides display: none in the stylesheet.  Sneaky! -->
+<script type="text/javascript">
+$(document).ready(function(){
+    $('#toggle-list').click(function(){
+        $('div.panelview').addClass("listview").removeClass("panelview");
+    });
+    $('#toggle-panel').click(function(){
+        $('div.listview').addClass("panelview").removeClass("listview");
+    });
+});
+</script>
 {% endblock %}
 
 {% block title %}Search Results{% endblock %}
@@ -11,8 +26,8 @@
     <div id="main-container">
     <div class="js-main">
         <div id="js-leftcol">
-			{% include "explore.html" %}
-		</div>
+            {% include "explore.html" %}
+        </div>
 
         <div id="js-maincol-fr">
         <div class="js-maincol-inner">
@@ -22,39 +37,35 @@
                         <ul class="book-list-view">
                             <li>View As:</li>
                             <li class="view-list">
-                                <a href="#view-list">
+                                <a href="#" id="toggle-list">
                                 <img src="/static/images/booklist/view-list.png" align="view list" title="view list" height="21" width="24" />
                                 </a>
                             </li>
                             <li class="view-list">
-                                <a href="#view-icon">
+                                <a href="#" id="toggle-panel">
                                 <img src="/static/images/booklist/view-icon.png" align="view icon" title="view icon" height="22" width="22" />
                                 </a>
                             </li>
-                            <li class="view-list">
-                            <a href="#view-icon-small">
-                            <img src="/static/images/booklist/view-small-icon.png" align="view icon small" title="view icon small" height="22" width="22" />
-                            </a>
-                            </li>
                         </ul>
                 </div>
                 <div class="content-block-content">
                     {% for result in results %}
-                    <div class="book-list {% cycle 'row1' 'row2' %}">
-                        <div class="book-thumb">
+                    <div class="listview tabs tabs-1">
+                    <div class="listview book-list {% cycle 'row1' 'row2' %}">
+                        <div class="listview book-thumb">
                             <a href="#"><img src="{{ result.image }}" alt="{{ result.title }}" title="{{ result.title }}"  /></a>
                         </div>
-                        <div class="book-name">
+                        <div class="listview book-name">
                         <span>
                             {{ result.title }}
                         </span>
                         </div>
                         {% if request.user.is_anonymous %}
-                        <div class="create-account">
+                        <div class="listview create-account">
                             <span>Add to Wishlist</span>
                         </div>
                         {% else %}
-                        <div class="add-wishlist">
+                        <div class="listview add-wishlist">
                             {% if result.on_wishlist %}
                             <span class="on-wishlist">On Your Wishlist!</span>
                             {% else %}
@@ -62,12 +73,26 @@
                             {% endif %}
                         </div>
                         {% endif %}
-                        <div class="booklist-status">
+                        <div class="listview booklist-status">
                             <span class="booklist-status-text">Status: In Progress</span>
+                        </div>
+                        <div class="listview icons">
                             <span class="booklist-status-img">
-                                <img src="/static/images/booklist/icon1.png" title="book list status" alt="book list status" />
+                                <img src="/static/images/images/icon-book-37by25-4.png" title="book list status" alt="book list status" />
                             </span>
                         </div>
+                        <div class="listview ebooks">
+                            {% if result.epub %}
+                            <span class="boolist-ebook">
+                                <a href="{{ result.epub }}">epub</a>
+                            </span>
+                            {% endif %}
+                            {% if result.pdf %}
+                            <span class="boolist-ebook">
+                                <a href="{{ result.pdf }}">pdf</a>
+                            </span>
+                            {% endif %}
+                        </div>
                         <div class="unglue-this none">
                             <div class="unglue-this-inner1">
                                 <div class="unglue-this-inner2">
@@ -75,6 +100,7 @@
                             </div>
                         </div>
                     </div>
+                    </div>
                     {% endfor %}
                 </div>
             </div>    
diff --git a/frontend/templates/supporter.html b/frontend/templates/supporter.html
index f6ec78b5..0d45052a 100644
--- a/frontend/templates/supporter.html
+++ b/frontend/templates/supporter.html
@@ -57,12 +57,12 @@
 which overrides display: none in the stylesheet.  Sneaky! -->
 <script type="text/javascript">
 $(document).ready(function(){
-	$('#toggle-list').click(function(){
-    	$('div.panelview').addClass("listview").removeClass("panelview");
-	});
-	$('#toggle-panel').click(function(){
-    	$('div.listview').addClass("panelview").removeClass("listview");
-	});
+    $('#toggle-list').click(function(){
+        $('div.panelview').addClass("listview").removeClass("panelview");
+    });
+    $('#toggle-panel').click(function(){
+        $('div.listview').addClass("panelview").removeClass("listview");
+    });
 });
 </script>
 
@@ -125,14 +125,14 @@ how do I integrate the your wishlist thing with the tabs thing?
                             <div class="user-block4">
                                 <div class="social">
                                 {% if supporter.profile.home_url %}
-                               	<a href="{{ supporter.profile.home_url }}">
-                               		<img src="/static/images/header/icon-home.png" alt="{{ supporter }}'s Homepage" title="{{ supporter }}'s Homepage"  />
-                               	</a>
+                                   <a href="{{ supporter.profile.home_url }}">
+                                       <img src="/static/images/header/icon-home.png" alt="{{ supporter }}'s Homepage" title="{{ supporter }}'s Homepage"  />
+                                   </a>
                                 {% endif %}
                                 <a href="#"><img src="/static/images/header/icon-facebook.png" alt="{{ supporter }}'s Facebook" title="{{ supporter }}'s Facebook"  /></a>
                                 {% if supporter.profile.twitter_id %}
                                 <a href="https://twitter.com/#!/{{ supporter.profile.twitter_id }}">
-                                	<img src="/static/images/header/icon-twitter.png" alt="{{ supporter }}'s Twitter" title="{{ supporter }}'s Twitter"  />
+                                    <img src="/static/images/header/icon-twitter.png" alt="{{ supporter }}'s Twitter" title="{{ supporter }}'s Twitter"  />
                                 </a>
                                 {% endif %}
                                 <a href="#"><img src="/static/images/header/icon-google.png" alt="google" title="google"  /></a>
@@ -147,16 +147,16 @@ how do I integrate the your wishlist thing with the tabs thing?
                                 <span class="user-status-title">I am ungluing</span>
                             </div>
                         </div>
-						{% ifequal supporter request.user %}
+                        {% ifequal supporter request.user %}
                         <div class="user-block-hide">
-						<form method="POST" action="">
-							{% csrf_token %}
+                        <form method="POST" action="">
+                            {% csrf_token %}
                             <div class="block block1">
                             <div class="block-inner">
                                 <h3><a class="profile-edit" href="#">Your Tagline</a></h3>
-									{{ profile_form.tagline }}
+                                    {{ profile_form.tagline }}
 
- 									<input class="profile-save" type="submit" name="submit" value="Update" id="submit">
+                                     <input class="profile-save" type="submit" name="submit" value="Update" id="submit">
                             </div>
                             </div>
                             
@@ -182,7 +182,7 @@ how do I integrate the your wishlist thing with the tabs thing?
                                 </div>
                             </div>
                                
- 						</form>
+                         </form>
                         </div>
                       {% endifequal %}
                     </div>
@@ -200,8 +200,8 @@ how do I integrate the your wishlist thing with the tabs thing?
     <div id="main-container">
     <div class="js-main">
         <div id="js-leftcol">
-			{% include "explore.html" %}
-		</div>
+            {% include "explore.html" %}
+        </div>
 
         <div id="js-maincol-fr">
         <div class="js-maincol-inner">
@@ -257,13 +257,13 @@ how do I integrate the your wishlist thing with the tabs thing?
                             <a href="#"><img src="{{ work.cover_image_thumbnail }}" alt="Book name" title="book name" /></a>
                         </div>
                         <div class="listview book-name">
-                        	<span>
-                            	<a href="{% url work work.id %}">{{ work.title }}</a>
-                        	</span>
+                            <span>
+                                <a href="{% url work work.id %}">{{ work.title }}</a>
+                            </span>
                         </div>
                         <div class="listview author">
-    						<span id="{{ work.author }}">James K. Polk</span>
-				    	</div>
+                            <span id="{{ work.author }}">{{ work.author }}</span>
+                        </div>
                         {% ifequal supporter request.user %}
                         <div class="listview remove-wishlist">
                             <span id="{{ work.id }}">Remove from Wishlist</span>
@@ -282,15 +282,27 @@ how do I integrate the your wishlist thing with the tabs thing?
                         </div>
                         {% endif %}{% endif %}{% endifequal %}
                         <div class="listview booklist-status">
-                        	<span class="booklist-status-label">Status:&nbsp;</span><span class="booklist-status-text">{{ work.last_campaign_status }}</span>
-						</div>
-						<div class="listview icons">
-        				    <div class="booklist-status-img">
-            					<img src="/static/images/images/icon-book-37by25-4.png" title="book list status" alt="book list status" />
-				            </div>
-            				<div class="booklist-status-label">100%</div>
-				            <div class="right_add"><img src="/static/images/book-panel/add_gray.png" border="0" /></div>
-					    </div>
+                            <span class="booklist-status-label">Status:&nbsp;</span><span class="booklist-status-text">{{ work.last_campaign_status }}</span>
+                        </div>
+                        <div class="listview icons">
+                            <div class="booklist-status-img">
+                                <img src="/static/images/images/icon-book-37by25-4.png" title="book list status" alt="book list status" />
+                            </div>
+                            <div class="booklist-status-label">100%</div>
+                            <div class="right_add"><img src="/static/images/book-panel/add_gray.png" border="0" /></div>
+                        </div>
+                        <div class="listview ebooks">
+                            {% if work.first_epub %}
+                            <span class="boolist-ebook">
+                                <a href="{{ work.first_epub.url }}">epub</a>
+                            </span>
+                            {% endif %}
+                            {% if work.first_pdf %}
+                            <span class="boolist-ebook">
+                                <a href="{{ work.first_pdf.url }}">pdf</a>
+                            </span>
+                            {% endif %}
+                        </div>
                         <div class="unglue-this none">
                             <div class="unglue-this-inner1">
                                 <div class="unglue-this-inner2">
diff --git a/frontend/templates/work.html b/frontend/templates/work.html
index 2c072aed..a4aeec43 100644
--- a/frontend/templates/work.html
+++ b/frontend/templates/work.html
@@ -85,7 +85,8 @@ Campaign for WORK TITLE GOES HERE
                             </div>
                         </div>
                         <div class="pledged-info"><div class="pledged-group">{{ work.last_campaign.supporters.count }} Ungluers have pledged ${{ work.last_campaign.current_total }}</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
-                        <div class="btn_support"><a href="#">Support</a></div>
+                        <!--<div class="btn_support"><a href="#">Support</a></div> -->
+                        <div class="btn_support"><form action="{% url pledge work_id=work.id %}" method="get"><input type="submit" value="Support"/></form></div>
                     </div>
                 </div>
                 <!-- needed to put 10px padding on this for supporter page but hurts here. disentangle. -->
@@ -150,9 +151,9 @@ Campaign for WORK TITLE GOES HERE
                 <div class="jsmod-content">
                     <ul class="support menu">
                     	{% for premium in premiums %}
-                        <li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}"><a href="">
+                        <li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}"><a href="{% url pledge work_id=work.id %}?premium_id={{premium.id}}">
                         	<span class="menu-item-price">${{ premium.amount }}</span>
-                            <span class="menu-item-desc">${{ premium.description }}</span>
+                            <span class="menu-item-desc">{{ premium.description }}</span>
                         </a></li>
                         {% endfor %}
                      </ul>
diff --git a/frontend/urls.py b/frontend/urls.py
index 8e91cf13..39dd12d7 100644
--- a/frontend/urls.py
+++ b/frontend/urls.py
@@ -29,4 +29,5 @@ urlpatterns = patterns(
     url(r"^stub/", "stub", name="stub"),
     url(r"^work/(?P<work_id>\d+)/$", "work", name="work"),
     url(r"^setup/work/(?P<work_id>\d+)/$", "work", {'action':'setup_campaign'}, name="setup_campaign"),
+    url(r"^pledge/(?P<work_id>\d+)/$", "pledge", name="pledge")
 )
diff --git a/frontend/views.py b/frontend/views.py
index df0b629b..a52f764a 100755
--- a/frontend/views.py
+++ b/frontend/views.py
@@ -1,6 +1,7 @@
 import logging
 from decimal import Decimal as D
 
+from django.db.models import Q
 from django.conf import settings
 from django.contrib.auth.models import User
 from django.core.urlresolvers import reverse
@@ -40,21 +41,33 @@ def home(request):
     return render(request, 'home.html', {'suppress_search_box': True})
 
 def stub(request):
-	path = request.path[6:]
+	path = request.path[6:] # get rid of /stub/
 	return render(request,'stub.html', {'path': path})
 
 def work(request, work_id, action='display'):
     work = get_object_or_404(models.Work, id=work_id)
     campaign = work.last_campaign()
     if campaign:
-        premiums = campaign.premiums.all()
-        if premiums.count() == 0:
-            premiums = models.Premium.objects.filter(campaign__isnull=True)
+        q = Q(campaign=campaign) | Q(campaign__isnull=True)
+        premiums = models.Premium.objects.filter(q)
+    else:
+        premiums = None
     if action == 'setup_campaign':
         return render(request, 'setup_campaign.html', {'work': work})
     else:
         return render(request, 'work.html', {'work': work, 'premiums': premiums})
 
+
+def pledge(request,work_id):
+    work = get_object_or_404(models.Work, id=work_id)
+    campaign = work.last_campaign()
+    if campaign:
+        premiums = campaign.premiums.all()
+        if premiums.count() == 0:
+            premiums = models.Premium.objects.filter(campaign__isnull=True)    
+    form = CampaignPledgeForm()
+    return render(request,'pledge.html',{'work':work,'campaign':campaign, 'premiums':premiums, 'form':form})
+
 def supporter(request, supporter_username, template_name):
     supporter = get_object_or_404(User, username=supporter_username)
     wishlist = supporter.wishlist
@@ -190,7 +203,6 @@ class CampaignFormView(FormView):
 
     def form_valid(self,form):
         pk = self.kwargs["pk"]
-        pledge_amount = form.cleaned_data["pledge_amount"]
         preapproval_amount = form.cleaned_data["preapproval_amount"]
         anonymous = form.cleaned_data["anonymous"]
         
diff --git a/settings/dev.py b/settings/dev.py
index bb5c5b4f..47b28d55 100644
--- a/settings/dev.py
+++ b/settings/dev.py
@@ -93,7 +93,4 @@ FREEBASE_USERNAME = ''
 FREEBASE_PASSWORD = ''
 
 # send celery log to Python logging
-# http://stackoverflow.com/questions/6940987/django-celery-use-python-standard-logging-in-celery
-# http://ask.github.com/celery/configuration.html#std:setting-CELERYD_HIJACK_ROOT_LOGGER
 CELERYD_HIJACK_ROOT_LOGGER = False
-
diff --git a/static/less/book_list-test.css b/static/css/book_list-test.css
similarity index 100%
rename from static/less/book_list-test.css
rename to static/css/book_list-test.css
diff --git a/static/css/book_list.css b/static/css/book_list.css
index b9e3cc36..8ec92cf7 100755
--- a/static/css/book_list.css
+++ b/static/css/book_list.css
@@ -1,203 +1,31 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-div.book-list.listview {
-  clear: both;
-  display: block;
-  vertical-align: middle;
-  height: 43px;
-  line-height: 43px;
-  margin: 0 5px 0 0;
-  padding: 7px 0;
-}
-div.book-list.listview.row1 {
-  background: #f6f9f9;
-}
-div.book-list.listview.row2 {
-  background: #fff;
-}
-div.book-list.listview div.unglue-this {
-  float: left;
-}
-div.book-list.listview div.book-thumb {
-  margin-right: 5px;
-  float: left;
-}
-div.book-list.listview div.book-name {
-  width: 260px;
-  margin-right: 10px;
-  background: url("../images/booklist/booklist-vline.png") right center no-repeat;
-  float: left;
-}
-div.book-list.listview div.book-name span {
-  display: block;
-  line-height: normal;
-  height: 43px;
-  line-height: 43px;
-}
-div.book-list.listview div.add-wishlist, div.book-list.listview div.remove-wishlist {
-  margin-right: 10px;
-  padding-right: 10px;
-  background: url("../images/booklist/booklist-vline.png") right center no-repeat;
-  float: left;
-}
-div.book-list.listview div.add-wishlist a, div.book-list.listview div.remove-wishlist a {
-  font-weight: normal;
-  color: #3d4e53;
-  text-transform: none;
-  background: url("../images/booklist/add-wishlist.png") left center no-repeat;
-  padding-left: 20px;
-}
-div.book-list.listview div.booklist-status {
-  margin-right: 7px;
-  float: left;
-}
-.booklist-status.listview span.booklist-status-label {
-  display: none;
-}
-.booklist-status.listview span.booklist-status-text {
-  float: left;
-  display: block;
-  padding-right: 5px;
-  text-transform: capitalize;
-}
-div.unglue-this a {
-  text-transform: uppercase;
-  color: #3d4e53;
-  font-size: 11px;
-  font-weight: bold;
-}
-div.unglue-this.complete .unglue-this-inner1 {
-  background: url("/static/images/booklist/bg.png") 0 -84px no-repeat;
-  height: 42px;
-}
-div.unglue-this.complete .unglue-this-inner2 {
-  background: url("/static/images/booklist/bg.png") 100% -126px no-repeat;
-  margin-left: 29px;
-  height: 42px;
-  padding-right: 10px;
-}
-div.unglue-this.complete a {
-  color: #fff;
-  display: block;
-}
-div.unglue-this.processing .unglue-this-inner1 {
-  background: url("/static/images/booklist/bg.png") 0 0 no-repeat;
-  height: 42px;
-}
-div.unglue-this.processing .unglue-this-inner2 {
-  background: url("/static/images/booklist/bg.png") 100% -42px no-repeat;
-  margin-left: 25px;
-  height: 42px;
-  padding-right: 10px;
-}
-ul.book-list-view {
-  padding: 0;
-  margin: 15px;
-  float: right;
-  list-style: none;
-}
-ul.book-list-view li {
-  float: left;
-  margin-right: 10px;
-  display: block;
-  vertical-align: middle;
-  line-height: 22px;
-}
-div.navigation {
-  float: left;
-  clear: both;
-  width: 100%;
-  color: #37414d;
-}
-ul.navigation {
-  float: right;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-ul.navigation li {
-  float: left;
-  line-height: normal;
-  margin-right: 5px;
-}
-ul.navigation li a {
-  color: #37414d;
-  font-weight: normal;
-}
-ul.navigation li.arrow-l a {
-  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
-  width: 10px;
-  height: 15px;
-  display: block;
-  text-indent: -10000px;
-}
-ul.navigation li.arrow-r a {
-  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
-  width: 10px;
-  height: 15px;
-  display: block;
-  text-indent: -10000px;
-}
-ul.navigation li a:hover, ul.navigation li.active a {
-  color: #8ac3d7;
-  text-decoration: underline;
-}
-.unglue-button {
-  display: block;
-  border: 0;
-}
-.book-thumb.listview a {
-  display: block;
-  height: 50px;
-  width: 32px;
-  overflow: hidden;
-  position: relative;
-  z-index: 1;
-}
-.book-thumb.listview a:hover {
-  overflow: visible;
-  z-index: 1000;
-  border: none;
-}
-.book-thumb.listview a img {
-  position: absolute;
-  /* the excerpt you get looks cooler if you select from the middle, but 
-    	the popup version doesn't extend past the containing div's boundaries,
-    	so the positioned part is cut off.
-    	top:-20px;
-		left:-50px;
-		*/
-
-}
-.listview.author {
-  display: none;
-}
-.listview.icons {
-  float: left;
-}
-.listview.icons .booklist-status-img {
-  -moz-border-radius: 4px 4px 4px 4px;
-  -webkit-border-radius: 4px 4px 4px 4px;
-  border-radius: 4px 4px 4px 4px;
-  background-color: #fff;
-  margin-top: 4px;
-  height: 37px;
-}
-.listview.icons .booklist-status-img img {
-  padding: 5px;
-}
-.listview.icons .booklist-status-label, .listview.icons .right_add {
-  display: none;
-}
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
+div.book-list.listview{clear:both;display:block;vertical-align:middle;height:43px;line-height:43px;margin:0 5px 0 0;padding:7px 0;position:relative;}div.book-list.listview.row1{background:#f6f9f9;}
+div.book-list.listview.row2{background:#fff;}
+div.book-list.listview div.unglue-this{float:left;}
+div.book-list.listview div.book-thumb{margin-right:5px;float:left;}
+div.book-list.listview div.book-name{width:260px;margin-right:10px;background:url("../images/booklist/booklist-vline.png") right center no-repeat;float:left;overflow:hidden;}div.book-list.listview div.book-name:hover{z-index:1000;overflow:visible;}
+div.book-list.listview div.book-name span{display:block;line-height:normal;height:43px;line-height:43px;}
+div.book-list.listview div.add-wishlist,div.book-list.listview div.remove-wishlist{margin-right:10px;padding-right:10px;background:url("../images/booklist/booklist-vline.png") right center no-repeat;float:left;}div.book-list.listview div.add-wishlist a,div.book-list.listview div.remove-wishlist a{font-weight:normal;color:#3d4e53;text-transform:none;background:url("../images/booklist/add-wishlist.png") left center no-repeat;padding-left:20px;}
+div.book-list.listview div.booklist-status{margin-right:7px;float:left;}
+.booklist-status.listview span.booklist-status-label{display:none;}
+.booklist-status.listview span.booklist-status-text{float:left;display:block;padding-right:5px;text-transform:capitalize;}
+div.unglue-this a{text-transform:uppercase;color:#3d4e53;font-size:11px;font-weight:bold;}
+div.unglue-this.complete .unglue-this-inner1{background:url("/static/images/booklist/bg.png") 0 -84px no-repeat;height:42px;}
+div.unglue-this.complete .unglue-this-inner2{background:url("/static/images/booklist/bg.png") 100% -126px no-repeat;margin-left:29px;height:42px;padding-right:10px;}
+div.unglue-this.complete a{color:#fff;display:block;}
+div.unglue-this.processing .unglue-this-inner1{background:url("/static/images/booklist/bg.png") 0 0 no-repeat;height:42px;}
+div.unglue-this.processing .unglue-this-inner2{background:url("/static/images/booklist/bg.png") 100% -42px no-repeat;margin-left:25px;height:42px;padding-right:10px;}
+ul.book-list-view{padding:0;margin:15px;float:right;list-style:none;}ul.book-list-view li{float:left;margin-right:10px;display:block;vertical-align:middle;line-height:22px;}
+div.navigation{float:left;clear:both;width:100%;color:#37414d;}
+ul.navigation{float:right;padding:0;margin:0;list-style:none;}ul.navigation li{float:left;line-height:normal;margin-right:5px;}ul.navigation li a{color:#37414d;font-weight:normal;}
+ul.navigation li.arrow-l a{background:url("/static/images/booklist/bg.png") 0 -168px no-repeat;width:10px;height:15px;display:block;text-indent:-10000px;}
+ul.navigation li.arrow-r a{background:url("/static/images/booklist/bg.png") -1px -185px no-repeat;width:10px;height:15px;display:block;text-indent:-10000px;}
+ul.navigation li a:hover,ul.navigation li.active a{color:#8ac3d7;text-decoration:underline;}
+.unglue-button{display:block;border:0;}
+.book-thumb.listview a{display:block;height:50px;width:32px;overflow:hidden;position:relative;z-index:1;}.book-thumb.listview a:hover{overflow:visible;z-index:1000;border:none;}
+.book-thumb.listview a img{position:absolute;}
+.listview.author{display:none;}
+.listview.icons{position:absolute;right:31px;}.listview.icons .booklist-status-img{-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;background-color:#fff;margin-top:4px;height:37px;}.listview.icons .booklist-status-img img{padding:5px;}
+.listview.icons .booklist-status-label,.listview.icons .right_add{display:none;}
+div.content-block-content{padding-bottom:200px;}
diff --git a/static/css/book_panel.css b/static/css/book_panel.css
index 18baea62..ff3c2271 100644
--- a/static/css/book_panel.css
+++ b/static/css/book_panel.css
@@ -1,455 +1,50 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-.greenpanelstuff {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  width: 120px;
-  line-height: 16px;
-}
-.greenpanelactionborders {
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-}
-.panelhoverlink {
-  text-decoration: none;
-  color: #3d4e53;
-}
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
+.greenpanelstuff{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;}
+.greenpanelactionborders{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}
+.panelhoverlink{text-decoration:none;color:#3d4e53;}
 @charset "utf-8";
-* {
-  padding: 0px;
-  margin: 0px;
-}
-/*main_Css*/
-#main-wrapper {
-  height: 100%;
-  width: 725px;
-  margin: 0px;
-  padding: 0px 0px;
-}
-.panelview.tabs {
-  padding: 5px 0px;
-  margin: 0px;
-  width: 142px;
-  float: left;
-}
-.panelview.tabs span.active {
-  padding: 15px;
-  margin: 15px 0px;
-  font-weight: bold;
-}
-.panelview.book-list {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  width: 120px;
-  line-height: 16px;
-  margin: auto;
-  padding: 0px 5px 5px 5px;
-  height: 300px;
-  background-color: #ffffff;
-  color: #3d4e53;
-  border: 5px solid #edf3f4;
-  position: relative;
-  /*	might need this for panel hover state; don't want it for nonhover. hm.
-	a {
-    	color: @dark-green;
-    	text-decoration: none;
-    	
-    	&:hover {
-    		color: @green;
-	    	text-decoration: none;
-		}
-	}
-*/
-
-}
-.panelview.book-list:hover {
-  color: #3d4e53;
-}
-.panelview.book-list img {
-  padding: 5px 0px;
-  margin: 0px;
-}
-.panelview.remove-wishlist,
-.panelview.on-wishlist,
-.panelview.create-account,
-.panelview.add-wishlist {
-  display: none;
-}
-.panelview.book-name, .panelview.author {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  line-height: 16px;
-  color: #3d4e53;
-}
-.panelview.booklist-status {
-  color: #8dc63f;
-  text-align: left;
-}
-.panelview.booklist-status .booklist-status-label {
-  float: left;
-  font-weight: bold;
-}
-.panelview.icons {
-  position: absolute;
-  bottom: 0px;
-  width: 140px;
-}
-.panelview.icons .booklist-status-img {
-  float: left;
-}
-.panelview.icons .booklist-status-label {
-  position: absolute;
-  color: #8dc63f;
-  padding-left: 5px;
-  left: 40px;
-  bottom: 5px;
-}
-.panelview.icons .right_add {
-  float: right;
-  padding: 10px 10px 0 0;
-  width: 24px;
-}
-/*2 start*/
-.greenpanel2 {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  width: 120px;
-  line-height: 16px;
-  margin: 0px auto;
-  padding: 10px;
-  height: 295px;
-  background-color: #8dc63f;
-  color: #ffffff;
-  position: relative;
-}
-.unglued_white {
-  font-size: 12px;
-  margin: 0px  auto;
-  margin-bottom: 5px;
-  padding: 10px 0px;
-}
-.read_itbutton {
-  width: 118px;
-  height: 35px;
-  padding: 0px 0px;
-  background: #FFFFFF;
-  margin: 0px;
-  -moz-border-radius: 4px 4px 4px 4px;
-  -webkit-border-radius: 4px 4px 4px 4px;
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid #81bb38;
-}
-.read_itbutton a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: 10px center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
-  padding: 0px 0px 0px 30px;
-  color: #73a334;
-}
-.read_itbutton a:hover {
-  text-decoration: none;
-}
-.add_towish {
-  width: 125px;
-  height: 30px;
-  padding: 0px 0px;
-  margin: 15px auto;
-}
-.add_towish a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/add_wish_icon.png);
-  padding: 8px 5px 8px 21px;
-  color: #FFFFFF;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-}
-.add_towish a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-.white_text {
-  width: 130px;
-  height: 40px;
-  padding: 17px 0px;
-  margin: 0px;
-}
-.white_text a {
-  color: #FFFFFF;
-  text-decoration: none;
-}
-.white_text a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*more info*/
-.moreinfo {
-  width: 130px;
-  height: 30px;
-  padding: 0px;
-  margin: 15px 0 0;
-}
-.moreinfo a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/more_icon.png);
-  padding: 8px 42px 8px 20px;
-  padding-left: 20px;
-  color: #FFFFFF;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-}
-.moreinfo a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*end of the more info/*
-/*end the 2greenpanel*/
-/*2 start*/
-.graypanel {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  margin: 20px  auto;
-  padding: 4px 5px;
-  height: 300px;
-  width: 130px;
-  line-height: 16px;
-  background-color: #edf3f4;
-  color: #3d4e53;
-  border: 5px solid #edf3f4;
-}
-.unglued_white2 {
-  font-size: 12px;
-  margin: 3px  auto;
-  padding: 5px 0px;
-}
-.green {
-  color: #8dc63f;
-  text-align: left;
-}
-.graypanel a {
-  text-decoration: none;
-  color: #3d4e53;
-}
-.graypanel a:hover {
-  color: #8dc63f;
-  text-decoration: none;
-}
-.Unglue_itbutton {
-  width: 110px;
-  height: 40px;
-  padding: 0px 9px;
-  background: #FFFFFF;
-  margin: 0px auto;
-  -moz-border-radius: 4px 4px 4px 4px;
-  -webkit-border-radius: 4px 4px 4px 4px;
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid #d4dcdd;
-}
-.Unglue_itbutton a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: 2px center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/unglue_icon.png);
-  padding: 5px 0px 0px 20px;
-  color: #3d4e53;
-  text-align: right;
-  font-family: "LucidaGrandeBold";
-}
-.Unglue_itbutton a:hover {
-  text-decoration: none;
-}
-.add_towish2 {
-  width: 130px;
-  height: 30px;
-  padding: 0px 0px;
-  margin: 15px auto;
-}
-.add_towish2 a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/add_gray.png);
-  padding: 8px 0px;
-  padding-left: 20px;
-  color: #3d4e53;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-  font-family: "LucidaGrandeBold";
-}
-.add_towish2 a:hover {
-  text-decoration: none;
-}
-.white_text2 {
-  width: 130px;
-  height: 40px;
-  padding: 13px 0px;
-  margin: 0px;
-}
-.white_text2 a, a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*more info*/
-.moreinfo2 {
-  width: 130px;
-  height: 30px;
-  padding: 0px 20px 0px 0px;
-  margin: 15px auto;
-}
-.moreinfo2 a {
-  line-height: 40px;
-  font-size: 12px;
-  background-image: url(/static/images/book-panel/gray_more_info.png);
-  background-repeat: no-repeat;
-  background-position: left center;
-  padding: 8px 35px;
-  font-weight: bold;
-  padding-left: 20px;
-  color: #3d4e53;
-  text-decoration: none;
-  text-transform: uppercase;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-  font-family: "LucidaGrandeBold";
-}
-.moreinfo2 a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*end the 2greenpanel*/
-.read {
-  margin: 15px auto 5px auto;
-  padding: 0px;
-  width: 140px;
-  color: #8dc63f;
-  height: 40px;
-  line-height: 25px;
-  float: left;
-  position: absolute;
-  bottom: -15px;
-}
-.read p {
-  margin: 0px;
-  padding: 10px 3px;
-  width: 50px;
-  font-size: 10pt;
-  float: left;
-}
-.read img {
-  padding: 5px 0px;
-  margin: 0px;
-  float: left;
-}
-.right_add {
-  padding: 10px;
-  margin: 0px;
-  float: right;
-}
-p.right_add {
-  float: right;
-  padding: 10px 10px 0 0;
-  width: 24px;
-}
-/**/
-.read2 {
-  margin: 15px auto;
-  padding: 0px;
-  width: 130px;
-  color: #8dc63f;
-  height: 40px;
-  line-height: 25px;
-}
-.read2 p {
-  margin: 0px;
-  padding: 10px 3px;
-  width: 50px;
-  font-size: 10pt;
-  float: left;
-}
-.read2 img {
-  padding: 0px;
-  margin: 0px;
-  float: left;
-}
-.right_add {
-  padding: 10px;
-  margin: 0px;
-  float: right;
-}
-/* --------------- ( slideout hover state ) --------------------------------------------- */
-.panelview.book-thumb {
-  float: left;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  left: 0px;
-}
-.panelview.book-thumb img {
-  z-index: 100;
-  width: 120px;
-  height: 182px;
-}
-.panelview.book-thumb span {
-  position: absolute;
-  bottom: 0;
-  left: -10px;
-  top: -5px;
-  z-index: 1000;
-  height: auto;
-}
+*{padding:0px;margin:0px;}
+#main-wrapper{height:100%;width:725px;margin:0px;padding:0px 0px;}
+.panelview.tabs{padding:5px 0px;margin:0px;width:142px;float:left;}.panelview.tabs span.active{padding:15px;margin:15px 0px;font-weight:bold;}
+.panelview.book-list{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;margin:auto;padding:0px 5px 5px 5px;height:300px;background-color:#ffffff;color:#3d4e53;border:5px solid #edf3f4;position:relative;}.panelview.book-list:hover{color:#3d4e53;}
+.panelview.book-list img{padding:5px 0px;margin:0px;}
+.panelview.remove-wishlist,.panelview.on-wishlist,.panelview.create-account,.panelview.add-wishlist{display:none;}
+.panelview.book-name,.panelview.author{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;max-height:32px;color:#3d4e53;overflow:hidden;}
+.panelview.booklist-status{color:#8dc63f;text-align:left;}.panelview.booklist-status .booklist-status-label{float:left;font-weight:bold;}
+.panelview.icons{position:absolute;bottom:-3px;width:140px;}.panelview.icons .booklist-status-img{float:left;}
+.panelview.icons .booklist-status-label{position:absolute;color:#8dc63f;padding-left:5px;left:40px;bottom:5px;}
+.panelview.icons .right_add{float:right;padding:10px 10px 0 0;width:24px;}
+.greenpanel2{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;margin:0px auto;padding:10px;height:295px;background-color:#8dc63f;color:#ffffff;position:relative;}
+.unglued_white{font-size:12px;margin:0px auto;margin-bottom:5px;padding:10px 0px;}
+.read_itbutton{width:118px;height:35px;padding:0px 0px;background:#FFFFFF;margin:0px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border:1px solid #81bb38;}.read_itbutton a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:10px center;font-weight:bold;text-decoration:none;text-transform:uppercase;background:url(/static/images/book-panel/book_icon.png) no-repeat left center;padding:0px 0px 0px 30px;color:#73a334;}.read_itbutton a:hover{text-decoration:none;}
+.add_towish{width:125px;height:30px;padding:0px 0px;margin:15px auto;}.add_towish a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/add_wish_icon.png);padding:8px 5px 8px 21px;color:#FFFFFF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}.add_towish a:hover{text-decoration:none;color:#3d4e53;}
+.white_text{width:130px;height:40px;padding:17px 0px;margin:0px;}.white_text a{color:#FFFFFF;text-decoration:none;}.white_text a:hover{text-decoration:none;color:#3d4e53;}
+.moreinfo{width:130px;height:30px;padding:0px;margin:15px 0 0;}.moreinfo a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/more_icon.png);padding:8px 42px 8px 20px;padding-left:20px;color:#FFFFFF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}.moreinfo a:hover{text-decoration:none;color:#3d4e53;}
+.graypanel{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:20px auto;padding:4px 5px;height:300px;width:130px;line-height:16px;background-color:#edf3f4;color:#3d4e53;border:5px solid #edf3f4;}
+.unglued_white2{font-size:12px;margin:3px auto;padding:5px 0px;}
+.green{color:#8dc63f;text-align:left;}
+.graypanel a{text-decoration:none;color:#3d4e53;}
+.graypanel a:hover{color:#8dc63f;text-decoration:none;}
+.Unglue_itbutton{width:110px;height:40px;padding:0px 9px;background:#FFFFFF;margin:0px auto;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border:1px solid #d4dcdd;}
+.Unglue_itbutton a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:2px center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/unglue_icon.png);padding:5px 0px 0px 20px;color:#3d4e53;text-align:right;font-family:"LucidaGrandeBold";}
+.Unglue_itbutton a:hover{text-decoration:none;}
+.add_towish2{width:130px;height:30px;padding:0px 0px;margin:15px auto;}
+.add_towish2 a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/add_gray.png);padding:8px 0px;padding-left:20px;color:#3d4e53;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;font-family:"LucidaGrandeBold";}
+.add_towish2 a:hover{text-decoration:none;}
+.white_text2{width:130px;height:40px;padding:13px 0px;margin:0px;}
+.white_text2 a,a:hover{text-decoration:none;color:#3d4e53;}
+.moreinfo2{width:130px;height:30px;padding:0px 20px 0px 0px;margin:15px auto;}
+.moreinfo2 a{line-height:40px;font-size:12px;background-image:url(/static/images/book-panel/gray_more_info.png);background-repeat:no-repeat;background-position:left center;padding:8px 35px;font-weight:bold;padding-left:20px;color:#3d4e53;text-decoration:none;text-transform:uppercase;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;font-family:"LucidaGrandeBold";}
+.moreinfo2 a:hover{text-decoration:none;color:#3d4e53;}
+.read{margin:15px auto 5px auto;padding:0px;width:140px;color:#8dc63f;height:40px;line-height:25px;float:left;position:absolute;bottom:-15px;}
+.read p{margin:0px;padding:10px 3px;width:50px;font-size:10pt;float:left;}
+.read img{padding:5px 0px;margin:0px;float:left;}
+.right_add{padding:10px;margin:0px;float:right;}
+p.right_add{float:right;padding:10px 10px 0 0;width:24px;}
+.read2{margin:15px auto;padding:0px;width:130px;color:#8dc63f;height:40px;line-height:25px;}
+.read2 p{margin:0px;padding:10px 3px;width:50px;font-size:10pt;float:left;}
+.read2 img{padding:0px;margin:0px;float:left;}
+.right_add{padding:10px;margin:0px;float:right;}
+.panelview.book-thumb{float:left;position:relative;margin:0px;padding:0px;left:0px;}.panelview.book-thumb img{z-index:100;width:120px;height:182px;}
+.panelview.book-thumb span{position:absolute;bottom:0;left:-10px;top:-5px;z-index:1000;height:auto;}
diff --git a/static/less/book_panel_unimported.css b/static/css/book_panel_unimported.css
similarity index 100%
rename from static/less/book_panel_unimported.css
rename to static/css/book_panel_unimported.css
diff --git a/static/less/book_panel_unimported_test.css b/static/css/book_panel_unimported_test.css
similarity index 100%
rename from static/less/book_panel_unimported_test.css
rename to static/css/book_panel_unimported_test.css
diff --git a/static/css/campaign.css b/static/css/campaign.css
index 09ce6d21..9d421cd4 100755
--- a/static/css/campaign.css
+++ b/static/css/campaign.css
@@ -1,231 +1,32 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-#js-page-wrap {
-  overflow: hidden;
-}
-#main-container {
-  margin-top: 20px;
-}
-#js-leftcol .jsmodule {
-  margin-bottom: 10px;
-}
-#js-leftcol .jsmodule.rounded {
-  background: #edf3f4;
-  -moz-border-radius: 20px 20px 20px 20px;
-  -webkit-border-radius: 20px 20px 20px 20px;
-  border-radius: 20px 20px 20px 20px;
-}
-#js-leftcol .jsmodule.rounded .jsmod-content {
-  padding: 10px 20px;
-  font-weight: bold;
-  border: none;
-  margin: 0;
-}
-.book-detail {
-  float: left;
-  width: 100%;
-  clear: both;
-  display: block;
-}
-.book-detail-img {
-  float: left;
-  margin-right: 10px;
-  width: 151px;
-}
-.book-detail-img img {
-  padding: 5px;
-  border: solid 5px #edf3f4;
-}
-.book-detail-info {
-  float: left;
-  /* if we want to nix the explore bar, width should be 544ish */
-
-  width: 309px;
-}
-.book-detail-info h2.book-name, .book-detail-info h3.book-author, .book-detail-info h3.book-year {
-  padding: 0;
-  margin: 0;
-  line-height: normal;
-}
-.book-detail-info h2.book-name {
-  font-size: 18px;
-  text-transform: capitalize;
-  font-weight: bold;
-  color: #3d4e53;
-}
-.book-detail-info h3.book-author, .book-detail-info h3.book-year {
-  font-size: 12px;
-  font-weight: normal;
-  color: #6994a3;
-}
-.book-detail-info > div {
-  width: 100%;
-  clear: both;
-  display: block;
-  overflow: hidden;
-  border-top: 1px solid #edf3f4;
-  padding: 10px 0;
-}
-.book-detail-info .find-book {
-  margin-top: 15px;
-}
-.book-detail-info .find-book label {
-  float: left;
-  line-height: 31px;
-}
-.book-detail-info .find-link {
-  float: right;
-}
-.book-detail-info .pledged-info {
-  padding: 0;
-}
-.book-detail-info .pledged-group {
-  padding: 10px 40px 10px 0;
-  float: left;
-}
-.book-detail-info .status {
-  float: right;
-  padding-top: 4px;
-}
-.book-detail-info .btn_support a {
-  background: url("/static/images/btn_bg.png") 0 0 no-repeat;
-  width: 104px;
-  height: 41px;
-  line-height: 41px;
-  display: block;
-  color: #fff;
-  font-weight: bold;
-  text-align: center;
-}
-#tabs {
-  border-bottom: 4px solid #6994a3;
-  clear: both;
-  float: left;
-  margin-top: 10px;
-  width: 100%;
-}
-#tabs ul.book-list-view {
-  margin-bottom: 4px !important;
-}
-#tabs-1, #tabs-2, #tabs-3 {
-  margin-left: 10px;
-}
-#tabs-2, #tabs-3, #tabs-4 {
-  display: none;
-}
-ul.tabs {
-  float: left;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-ul.tabs li {
-  float: left;
-  height: 46px;
-  line-height: 46px;
-  margin-right: 2px;
-  margin-bottom: 1px;
-}
-ul.tabs li a {
-  height: 46px;
-  line-height: 46px;
-  display: block;
-  text-align: center;
-  padding: 0 10px;
-  min-width: 80px;
-  -moz-border-radius: 7px 7px 0 0;
-  -webkit-border-radius: 7px 7px 0 0;
-  border-radius: 7px 7px 0 0;
-  background: #d6dde0;
-  color: #3d4e53;
-}
-ul.tabs li a:hover, ul.tabs li.active a {
-  background: #6994a3;
-  color: #fff;
-}
-#js-rightcol {
-  float: right;
-  width: 235px;
-}
-#js-rightcol h3.jsmod-title {
-  background: #a7c1ca;
-  -moz-border-radius: 10px 10px 10px 10px;
-  -webkit-border-radius: 10px 10px 10px 10px;
-  border-radius: 10px 10px 10px 10px;
-  padding: 10px;
-  height: auto;
-  font-style: normal;
-  font-size: 14px;
-  margin: 0 0 10px 0;
-}
-#js-rightcol h3.jsmod-title span {
-  padding: 0;
-  color: #fff;
-  font-style: normal;
-}
-#js-rightcol .jsmodule {
-  margin-bottom: 10px;
-}
-#js-rightcol .jsmod-content {
-  padding-left: 10px;
-}
-.js-rightcol-pad {
-  border: 1px solid #d6dde0;
-  -moz-border-radius: 10px 10px 10px 10px;
-  -webkit-border-radius: 10px 10px 10px 10px;
-  border-radius: 10px 10px 10px 10px;
-  padding: 10px;
-}
-#js-maincol {
-  float: left;
-  /* If we want to nuke the explore column, width should be 705ish */
-
-  width: 470px;
-  margin: 0 10px;
-}
-#js-maincol div.content-block {
-  background: none;
-  padding: 0;
-}
-ul.social li {
-  padding: 5px 0 5px 30px;
-  height: 28px;
-  line-height: 28px;
-}
-ul.social li.facebook {
-  background: url("/static/images/icons/facebook.png") left center no-repeat;
-}
-ul.social li.twitter {
-  background: url("/static/images/icons/twitter.png") left center no-repeat;
-}
-ul.social li.email {
-  background: url("/static/images/icons/email.png") left center no-repeat;
-}
-ul.support li {
-  border-bottom: 1px solid #d6dde0;
-  padding: 10px 15px 10px 0;
-  background: url("/static/images/icons/r-arrow.png") right center no-repeat;
-}
-ul.support li span {
-  display: block;
-}
-ul.support li span .menu-item-price {
-  font-size: 18px;
-}
-/* differs from sitewide.css. should it? */
-a {
-  color: #3d4e53;
-  font-size: 12px;
-}
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
+#js-page-wrap{overflow:hidden;}
+#main-container{margin-top:20px;}
+#js-leftcol .jsmodule{margin-bottom:10px;}#js-leftcol .jsmodule.rounded{background:#edf3f4;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}#js-leftcol .jsmodule.rounded .jsmod-content{padding:10px 20px;font-weight:bold;border:none;margin:0;}
+.book-detail{float:left;width:100%;clear:both;display:block;}
+.book-detail-img{float:left;margin-right:10px;width:151px;}.book-detail-img img{padding:5px;border:solid 5px #edf3f4;}
+.book-detail-info{float:left;width:309px;}.book-detail-info h2.book-name,.book-detail-info h3.book-author,.book-detail-info h3.book-year{padding:0;margin:0;line-height:normal;}
+.book-detail-info h2.book-name{font-size:18px;text-transform:capitalize;font-weight:bold;color:#3d4e53;}
+.book-detail-info h3.book-author,.book-detail-info h3.book-year{font-size:12px;font-weight:normal;color:#6994a3;}
+.book-detail-info>div{width:100%;clear:both;display:block;overflow:hidden;border-top:1px solid #edf3f4;padding:10px 0;}
+.book-detail-info .find-book{margin-top:15px;}.book-detail-info .find-book label{float:left;line-height:31px;}
+.book-detail-info .find-link{float:right;}
+.book-detail-info .pledged-info{padding:0;}
+.book-detail-info .pledged-group{padding:10px 40px 10px 0;float:left;}
+.book-detail-info .status{float:right;padding-top:4px;}
+.book-detail-info .btn_support a{background:url("/static/images/btn_bg.png") 0 0 no-repeat;width:104px;height:41px;line-height:41px;display:block;color:#fff;font-weight:bold;text-align:center;}
+#tabs{border-bottom:4px solid #6994a3;clear:both;float:left;margin-top:10px;width:100%;}#tabs ul.book-list-view{margin-bottom:4px !important;}
+#tabs-1,#tabs-2,#tabs-3{margin-left:10px;}
+#tabs-2,#tabs-3,#tabs-4{display:none;}
+ul.tabs{float:left;padding:0;margin:0;list-style:none;}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:2px;margin-bottom:1px;}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;background:#d6dde0;color:#3d4e53;}
+ul.tabs li a:hover,ul.tabs li.active a{background:#6994a3;color:#fff;}
+#js-rightcol{float:right;width:235px;}#js-rightcol h3.jsmod-title{background:#a7c1ca;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:10px;height:auto;font-style:normal;font-size:14px;margin:0 0 10px 0;}#js-rightcol h3.jsmod-title span{padding:0;color:#fff;font-style:normal;}
+#js-rightcol .jsmodule{margin-bottom:10px;}
+#js-rightcol .jsmod-content{padding-left:10px;}
+.js-rightcol-pad{border:1px solid #d6dde0;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:10px;}
+#js-maincol{float:left;width:470px;margin:0 10px;}#js-maincol div.content-block{background:none;padding:0;}
+ul.social li{padding:5px 0 5px 30px;height:28px;line-height:28px;}ul.social li.facebook{background:url("/static/images/icons/facebook.png") left center no-repeat;}
+ul.social li.twitter{background:url("/static/images/icons/twitter.png") left center no-repeat;}
+ul.social li.email{background:url("/static/images/icons/email.png") left center no-repeat;}
+ul.support li{border-bottom:1px solid #d6dde0;padding:10px 15px 10px 0;}ul.support li span{display:block;}ul.support li span.menu-item-price{font-size:18px;}
+a{color:#3d4e53;font-size:12px;}
diff --git a/static/css/layout.css b/static/css/layout.css
index 3bafd2a0..62bbf696 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -18,59 +18,95 @@ Changes made directly to layout.css will be overwritten.
   border-style: solid none;
   border-color: #FFFFFF;
 }
-div.book-list {
+.header-text {
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+}
+.panelborders {
+  border-width: 1px 0px;
+  border-style: solid none;
+  border-color: #FFFFFF;
+}
+div.book-list.listview {
   clear: both;
   display: block;
   vertical-align: middle;
   height: 43px;
   line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
   margin: 0 5px 0 0;
   padding: 7px 0;
-  overflow: hidden;
 }
-div.book-list.row1 {
+div.book-list.listview.row1 {
   background: #f6f9f9;
 }
-div.book-list.row2 {
+div.book-list.listview.row2 {
   background: #fff;
 }
-div.book-list div.unglue-this {
+div.book-list.listview div.unglue-this {
   float: left;
 }
-div.book-list div.book-thumb {
+div.book-list.listview div.book-thumb {
   margin-right: 5px;
   float: left;
 }
-div.book-list div.book-name {
+div.book-list.listview div.book-name {
   width: 260px;
   margin-right: 10px;
-  background: url("/static/images/booklist/booklist-vline.png") right center no-repeat;
+  background: url("../images/booklist/booklist-vline.png") right center no-repeat;
   float: left;
 }
-div.book-list div.book-name span {
+div.book-list.listview div.book-name span {
   display: block;
   line-height: normal;
   height: 43px;
   line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
+  height: 43px;
+  line-height: 43px;
 }
-div.book-list div.add-wishlist, div.book-list div.remove-wishlist {
+div.book-list.listview div.add-wishlist, div.book-list.listview div.remove-wishlist {
   margin-right: 10px;
   padding-right: 10px;
-  background: url("/static/images/booklist/booklist-vline.png") right center no-repeat;
+  background: url("../images/booklist/booklist-vline.png") right center no-repeat;
   float: left;
 }
-div.book-list div.add-wishlist a, div.book-list div.remove-wishlist a {
+div.book-list.listview div.add-wishlist a, div.book-list.listview div.remove-wishlist a {
   font-weight: normal;
   color: #3d4e53;
   text-transform: none;
-  background: url("/static/images/booklist/add-wishlist.png") left center no-repeat;
+  background: url("../images/booklist/add-wishlist.png") left center no-repeat;
   padding-left: 20px;
 }
-div.book-list div.booklist-status {
+div.book-list.listview div.booklist-status {
   margin-right: 7px;
   float: left;
 }
-span.booklist-status-text {
+.booklist-status.listview span.booklist-status-label {
+  display: none;
+}
+.booklist-status.listview span.booklist-status-text {
   float: left;
   display: block;
   padding-right: 5px;
@@ -146,6 +182,31 @@ ul.navigation li.arrow-l a {
   height: 15px;
   display: block;
   text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
 }
 ul.navigation li.arrow-r a {
   background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
@@ -153,6 +214,31 @@ ul.navigation li.arrow-r a {
   height: 15px;
   display: block;
   text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
+  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
+  width: 10px;
+  height: 15px;
+  display: block;
+  text-indent: -10000px;
 }
 ul.navigation li a:hover, ul.navigation li.active a {
   color: #8ac3d7;
@@ -162,71 +248,239 @@ ul.navigation li a:hover, ul.navigation li.active a {
   display: block;
   border: 0;
 }
-.book-thumb img {
+.book-thumb.listview a {
+  display: block;
   height: 50px;
+  width: 32px;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
 }
-.book_panel {
-  margin: 20px  auto;
-  padding: 0 5px 5px 5px;
-  height: 300px;
+.book-thumb.listview a:hover {
+  overflow: visible;
+  z-index: 1000;
+  border: none;
+}
+.book-thumb.listview a img {
+  position: absolute;
+  /* the excerpt you get looks cooler if you select from the middle, but 
+    	the popup version doesn't extend past the containing div's boundaries,
+    	so the positioned part is cut off.
+    	top:-20px;
+		left:-50px;
+		*/
+
+}
+.listview.author {
+  display: none;
+}
+.listview.icons {
+  float: left;
+}
+.listview.icons .booklist-status-img {
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  background-color: #fff;
+  margin-top: 4px;
+  height: 37px;
+}
+.listview.icons .booklist-status-img img {
+  padding: 5px;
+}
+.listview.icons .booklist-status-label, .listview.icons .right_add {
+  display: none;
+}
+.header-text {
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+}
+.panelborders {
+  border-width: 1px 0px;
+  border-style: solid none;
+  border-color: #FFFFFF;
+}
+.greenpanelstuff {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
   width: 120px;
   line-height: 16px;
+}
+.greenpanelactionborders {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+}
+.panelhoverlink {
+  text-decoration: none;
+  color: #3d4e53;
+}
+@charset "utf-8";
+* {
+  padding: 0px;
+  margin: 0px;
+}
+/*main_Css*/
+#main-wrapper {
+  height: 100%;
+  width: 725px;
+  margin: 0px;
+  padding: 0px 0px;
+}
+.panelview.tabs {
+  padding: 5px 0px;
+  margin: 0px;
+  width: 142px;
+  float: left;
+}
+.panelview.tabs span.active {
+  padding: 15px;
+  margin: 15px 0px;
+  font-weight: bold;
+}
+.panelview.book-list {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  width: 120px;
+  line-height: 16px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  width: 120px;
+  line-height: 16px;
+  margin: auto;
+  padding: 0px 5px 5px 5px;
+  height: 300px;
   background-color: #ffffff;
   color: #3d4e53;
   border: 5px solid #edf3f4;
+  position: relative;
+  /*	might need this for panel hover state; don't want it for nonhover. hm.
+	a {
+    	color: @dark-green;
+    	text-decoration: none;
+    	
+    	&:hover {
+    		color: @green;
+	    	text-decoration: none;
+		}
+	}
+*/
+
 }
-.book_panel a {
-  font-size: 12pt;
-  color: #73a334;
-  text-decoration: none;
-}
-.book_panel a:hover {
-  color: #8dc63f;
-  text-decoration: none;
-}
-.book_panel p {
-  margin: 0;
-}
-.book_panel img {
-  padding: 5px 0;
-  margin: 0;
-}
-.book_panel:hover {
+.panelview.book-list:hover {
   color: #3d4e53;
 }
-.green {
+.panelview.book-list img {
+  padding: 5px 0px;
+  margin: 0px;
+}
+.panelview.remove-wishlist,
+.panelview.on-wishlist,
+.panelview.create-account,
+.panelview.add-wishlist {
+  display: none;
+}
+.panelview.book-name, .panelview.author {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  line-height: 16px;
+  color: #3d4e53;
+}
+.panelview.booklist-status {
   color: #8dc63f;
   text-align: left;
 }
-.book_panel_back {
-  margin: 0  auto;
-  padding: 10px;
-  height: 295px;
+.panelview.booklist-status .booklist-status-label {
+  float: left;
+  font-weight: bold;
+}
+.panelview.icons {
+  position: absolute;
+  bottom: 0px;
+  width: 140px;
+}
+.panelview.icons .booklist-status-img {
+  float: left;
+}
+.panelview.icons .booklist-status-label {
+  position: absolute;
+  color: #8dc63f;
+  padding-left: 5px;
+  left: 40px;
+  bottom: 5px;
+}
+.panelview.icons .right_add {
+  float: right;
+  padding: 10px 10px 0 0;
+  width: 24px;
+}
+/*2 start*/
+.greenpanel2 {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
   width: 120px;
   line-height: 16px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  width: 120px;
+  line-height: 16px;
+  margin: 0px auto;
+  padding: 10px;
+  height: 295px;
   background-color: #8dc63f;
   color: #ffffff;
   position: relative;
 }
-.book_panel_back a {
-  font-size: 12px;
-  font-weight: normal;
-}
 .unglued_white {
-  margin: 0  auto;
+  font-size: 12px;
+  margin: 0px  auto;
   margin-bottom: 5px;
-  padding: 10px 0;
-}
-.status {
-  color: #8dc63f;
-  text-align: left;
+  padding: 10px 0px;
 }
 .read_itbutton {
   width: 118px;
   height: 35px;
-  padding: 0 0;
+  padding: 0px 0px;
   background: #FFFFFF;
-  margin: 0;
+  margin: 0px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
@@ -235,110 +489,333 @@ ul.navigation li a:hover, ul.navigation li.active a {
 .read_itbutton a {
   line-height: 40px;
   font-size: 11px;
-  background: url("/static/images/book-panel/book_icon.png") no-repeat left center;
+  background-repeat: no-repeat;
   background-position: 10px center;
-  padding: 0 0 0 30px;
-  color: #73a334;
-  text-decoration: none;
   font-weight: bold;
+  text-decoration: none;
   text-transform: uppercase;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: 10px center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
+  padding: 0px 0px 0px 30px;
+  color: #73a334;
 }
 .read_itbutton a:hover {
   text-decoration: none;
 }
-#add_towish {
-  width: 130px;
+.add_towish {
+  width: 125px;
   height: 30px;
-  padding: 0 0;
-  margin: 10px auto;
+  padding: 0px 0px;
+  margin: 15px auto;
 }
-#add_towish a {
+.add_towish a {
   line-height: 40px;
   font-size: 11px;
-  background-image: url("/static/images/book-panel/add_wish_icon.png") no-repeat left center;
-  padding: 8px 5px 8px 21px;
+  background-repeat: no-repeat;
+  background-position: left center;
   font-weight: bold;
-  color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/add_wish_icon.png);
+  padding: 8px 5px 8px 21px;
+  color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
 }
-#add_towish a:hover {
+.add_towish a:hover {
+  text-decoration: none;
+  color: #3d4e53;
   text-decoration: none;
   color: #3d4e53;
 }
-#white_text {
+.white_text {
   width: 130px;
   height: 40px;
-  padding: 17px 0;
-  margin: 0;
+  padding: 17px 0px;
+  margin: 0px;
 }
-#white_text a {
+.white_text a {
   color: #FFFFFF;
   text-decoration: none;
 }
-#white_text a:hover {
+.white_text a:hover {
+  text-decoration: none;
   color: #3d4e53;
   text-decoration: none;
+  color: #3d4e53;
 }
-#moreinfo {
+/*more info*/
+.moreinfo {
   width: 130px;
   height: 30px;
-  padding: 0;
+  padding: 0px;
   margin: 15px 0 0;
 }
-#moreinfo a {
+.moreinfo a {
   line-height: 40px;
   font-size: 11px;
-  background-image: url("/static/images/book-panel/more_icon.png") no-repeat left center;
-  padding: 8px 42px 8px 20px;
+  background-repeat: no-repeat;
+  background-position: left center;
   font-weight: bold;
-  padding-left: 20px;
-  color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/more_icon.png);
+  padding: 8px 42px 8px 20px;
+  padding-left: 20px;
+  color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
 }
-#moreinfo a:hover {
+.moreinfo a:hover {
   text-decoration: none;
   color: #3d4e53;
+  text-decoration: none;
+  color: #3d4e53;
+}
+/*end of the more info/*
+/*end the 2greenpanel*/
+/*2 start*/
+.graypanel {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  margin: 20px  auto;
+  padding: 4px 5px;
+  height: 300px;
+  width: 130px;
+  line-height: 16px;
+  background-color: #edf3f4;
+  color: #3d4e53;
+  border: 5px solid #edf3f4;
+}
+.unglued_white2 {
+  font-size: 12px;
+  margin: 3px  auto;
+  padding: 5px 0px;
 }
 .green {
   color: #8dc63f;
   text-align: left;
 }
-#graypanel a {
+.graypanel a {
+  text-decoration: none;
   color: #3d4e53;
   text-decoration: none;
+  color: #3d4e53;
 }
-.read {
+.graypanel a:hover {
+  color: #8dc63f;
+  text-decoration: none;
+}
+.Unglue_itbutton {
+  width: 110px;
+  height: 40px;
+  padding: 0px 9px;
+  background: #FFFFFF;
+  margin: 0px auto;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid #d4dcdd;
+}
+.Unglue_itbutton a {
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: 2px center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: 2px center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/unglue_icon.png);
+  padding: 5px 0px 0px 20px;
+  color: #3d4e53;
+  text-align: right;
+  font-family: "LucidaGrandeBold";
+}
+.Unglue_itbutton a:hover {
+  text-decoration: none;
+}
+.add_towish2 {
+  width: 130px;
+  height: 30px;
+  padding: 0px 0px;
   margin: 15px auto;
-  padding: 0;
+}
+.add_towish2 a {
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/add_gray.png);
+  padding: 8px 0px;
+  padding-left: 20px;
+  color: #3d4e53;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  font-family: "LucidaGrandeBold";
+}
+.add_towish2 a:hover {
+  text-decoration: none;
+}
+.white_text2 {
+  width: 130px;
+  height: 40px;
+  padding: 13px 0px;
+  margin: 0px;
+}
+.white_text2 a, a:hover {
+  text-decoration: none;
+  color: #3d4e53;
+  text-decoration: none;
+  color: #3d4e53;
+}
+/*more info*/
+.moreinfo2 {
+  width: 130px;
+  height: 30px;
+  padding: 0px 20px 0px 0px;
+  margin: 15px auto;
+}
+.moreinfo2 a {
+  line-height: 40px;
+  font-size: 12px;
+  background-image: url(/static/images/book-panel/gray_more_info.png);
+  background-repeat: no-repeat;
+  background-position: left center;
+  padding: 8px 35px;
+  font-weight: bold;
+  padding-left: 20px;
+  color: #3d4e53;
+  text-decoration: none;
+  text-transform: uppercase;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  font-family: "LucidaGrandeBold";
+}
+.moreinfo2 a:hover {
+  text-decoration: none;
+  color: #3d4e53;
+  text-decoration: none;
+  color: #3d4e53;
+}
+/*end the 2greenpanel*/
+.read {
+  margin: 15px auto 5px auto;
+  padding: 0px;
   width: 140px;
   color: #8dc63f;
   height: 40px;
   line-height: 25px;
   float: left;
+  position: absolute;
+  bottom: -15px;
 }
 .read p {
-  margin: 0;
+  margin: 0px;
   padding: 10px 3px;
   width: 50px;
   font-size: 10pt;
   float: left;
 }
 .read img {
-  padding: 5px;
-  margin: 0;
+  padding: 5px 0px;
+  margin: 0px;
   float: left;
 }
 .right_add {
   padding: 10px;
-  margin: 0;
+  margin: 0px;
   float: right;
 }
 p.right_add {
@@ -346,18 +823,46 @@ p.right_add {
   padding: 10px 10px 0 0;
   width: 24px;
 }
-/* slideout hover state */
-.book_panel_interior {
+/**/
+.read2 {
+  margin: 15px auto;
+  padding: 0px;
+  width: 130px;
+  color: #8dc63f;
+  height: 40px;
+  line-height: 25px;
+}
+.read2 p {
+  margin: 0px;
+  padding: 10px 3px;
+  width: 50px;
+  font-size: 10pt;
+  float: left;
+}
+.read2 img {
+  padding: 0px;
+  margin: 0px;
+  float: left;
+}
+.right_add {
+  padding: 10px;
+  margin: 0px;
+  float: right;
+}
+/* --------------- ( slideout hover state ) --------------------------------------------- */
+.panelview.book-thumb {
   float: left;
   position: relative;
-  margin: 0;
-  padding: 0;
-  left: 0;
+  margin: 0px;
+  padding: 0px;
+  left: 0px;
 }
-.book_panel_interior img {
+.panelview.book-thumb img {
   z-index: 100;
+  width: 120px;
+  height: 182px;
 }
-.book_panel_interior span {
+.panelview.book-thumb span {
   position: absolute;
   bottom: 0;
   left: -10px;
@@ -365,6 +870,20 @@ p.right_add {
   z-index: 1000;
   height: auto;
 }
+.header-text {
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+}
+.panelborders {
+  border-width: 1px 0px;
+  border-style: solid none;
+  border-color: #FFFFFF;
+}
 body {
   background: url("/static/images/bg-body.png") 0 0 repeat-x;
   padding: 0 0 20px 0;
@@ -421,6 +940,16 @@ a.readon span {
   padding: 0 5px 0 20px;
   height: 36px;
   line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
   display: block;
 }
 a {
@@ -462,6 +991,41 @@ a {
   font-weight: bold;
   font-size: 13px;
   letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
 }
 .js-topmenu ul li span#welcome {
   color: #8dc63f;
@@ -472,6 +1036,41 @@ a {
   font-weight: bold;
   font-size: 13px;
   letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
 }
 .js-topmenu ul li.last a {
   background: url("/static/images/bg.png") right top no-repeat;
@@ -518,6 +1117,16 @@ a {
   background: url("/static/images/bg.png") -645px -180px;
   height: 36px;
   line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
+  height: 36px;
+  line-height: 36px;
   float: left;
   color: #6994a3;
 }
@@ -551,6 +1160,21 @@ a {
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  border-radius: 0 0 10px 10px;
 }
 #js-leftcol ul.level1 > li > a {
   text-transform: uppercase;
@@ -587,6 +1211,7 @@ div.content-block {
 div.content-block-content {
   width: 100%;
   overflow: hidden;
+  padding-left: 10px;
 }
 div.content-block-content .cols3 .column {
   width: 33.33%;
@@ -616,6 +1241,20 @@ div.content-block-content .cols3 .column {
   margin-right: auto;
   padding: 5px 15px;
 }
+.header-text {
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+}
+.panelborders {
+  border-width: 1px 0px;
+  border-style: solid none;
+  border-color: #FFFFFF;
+}
 .block-inner {
   padding-right: 10px;
 }
@@ -681,6 +1320,21 @@ span.rounded {
   -moz-border-radius: 7px 7px 7px 7px;
   -webkit-border-radius: 7px 7px 7px 7px;
   border-radius: 7px 7px 7px 7px;
+  -moz-border-radius: 7px 7px 7px 7px;
+  -webkit-border-radius: 7px 7px 7px 7px;
+  border-radius: 7px 7px 7px 7px;
+  -moz-border-radius: 7px 7px 7px 7px;
+  -webkit-border-radius: 7px 7px 7px 7px;
+  border-radius: 7px 7px 7px 7px;
+  -moz-border-radius: 7px 7px 7px 7px;
+  -webkit-border-radius: 7px 7px 7px 7px;
+  border-radius: 7px 7px 7px 7px;
+  -moz-border-radius: 7px 7px 7px 7px;
+  -webkit-border-radius: 7px 7px 7px 7px;
+  border-radius: 7px 7px 7px 7px;
+  -moz-border-radius: 7px 7px 7px 7px;
+  -webkit-border-radius: 7px 7px 7px 7px;
+  border-radius: 7px 7px 7px 7px;
   padding: 1px;
   color: #fff;
   margin: 0 8px 0 0;
@@ -692,17 +1346,47 @@ span.rounded > span {
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
   text-align: center;
   display: inline-block;
 }
 span.blue {
   background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
+  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
+  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
+  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
+  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
+  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
 }
 span.orange {
   background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
+  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
+  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
+  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
+  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
+  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
 }
 span.grey {
   background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
+  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
+  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
+  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
+  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
+  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
 }
 div.check-list {
   float: left;
@@ -730,6 +1414,16 @@ a.my-setting {
   border-radius: 7px;
   height: 50px;
   line-height: 50px;
+  height: 50px;
+  line-height: 50px;
+  height: 50px;
+  line-height: 50px;
+  height: 50px;
+  line-height: 50px;
+  height: 50px;
+  line-height: 50px;
+  height: 50px;
+  line-height: 50px;
   display: block;
   padding: 0 0 0 10px;
   font-size: 20px;
@@ -738,9 +1432,10 @@ a.my-setting.active {
   background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;
 }
 #tabs {
-  border-bottom: 4px solid #8DC63F;
+  border-bottom: 4px solid #8dc63f;
   clear: both;
   float: left;
+  margin-left: 10px;
   margin-top: 10px;
   width: 100%;
 }
@@ -760,9 +1455,29 @@ ul.tabs li {
   float: left;
   height: 46px;
   line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
   margin-right: 10px;
 }
 ul.tabs li a {
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
+  height: 46px;
+  line-height: 46px;
   height: 46px;
   line-height: 46px;
   display: block;
@@ -783,68 +1498,256 @@ ul.tabs li a:hover, ul.tabs li.active a {
 .book-list span.rounded > span a {
   text-transform: capitalize;
 }
-.book_panel {
-  margin: 20px  auto;
-  padding: 0 5px 5px 5px;
-  height: 300px;
+div.content-block-content {
+  padding-left: 10px;
+}
+.js-news-text {
+  float: left;
+  width: 70%;
+  font-size: 16px;
+  color: #3d4e53;
+  font-family: lucida grande;
+}
+.js-news-links {
+  float: right;
+  width: 30%;
+}
+.column-left .item {
+  margin: 0 10px 10px 0;
+}
+.column-center .item {
+  margin: 0 5px 10px 5px;
+}
+.column-right .item {
+  margin: 0 0 10px 10px;
+}
+.column .item {
+  border: 7px solid #edf3f4;
+  padding: 10px;
+}
+.book-image {
+  padding: 0 0 10px 0;
+}
+.book-info {
+  padding: 0 0 10px 0;
+  line-height: 125%;
+  position: relative;
+}
+.book-info span.book-new {
+  background: url(/static/images/images/icon-new.png) 0 0 no-repeat;
+  width: 38px;
+  height: 36px;
+  display: block;
+  position: absolute;
+  right: 10px;
+  top: 0;
+}
+.book-name {
+  color: #3d4e53;
+  font-weight: bold;
+}
+.book-author {
+  color: #6994a3;
+}
+.book-status {
+  margin: 0 -10px;
+  border-top: 1px solid #edf3f4;
+  padding: 15px 10px 0 10px;
+  position: relative;
+}
+.book-status span.unglue {
+  font-style: italic;
+}
+.book-status span.status {
+  position: absolute;
+  right: 10px;
+  bottom: -5px;
+  width: 37px;
+  height: 25px;
+  display: block;
+}
+/* Do I even still need this?
+.book-status span.percent99{ background:url(../images/images/icon-book1.png) 0 0 no-repeat;}
+.book-status span.percent60{ background:url(../images/images/icon-book2.png) 0 0 no-repeat;}
+.book-status span.percent22{ background:url(../images/images/icon-book3.png) 0 0 no-repeat;}
+.book-status span.percent7{ background:url(../images/images/icon-book4.png) 0 0 no-repeat;}
+.book-status span.percent62{ background:url(../images/images/icon-book5.png) 0 0 no-repeat;}
+.book-status span.percent21{ background:url(../images/images/icon-book6.png) 0 0 no-repeat;}
+*/.header-text {
+  height: 36px;
+  line-height: 36px;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 13px;
+  letter-spacing: -0.05em;
+}
+.panelborders {
+  border-width: 1px 0px;
+  border-style: solid none;
+  border-color: #FFFFFF;
+}
+.greenpanelstuff {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
   width: 120px;
   line-height: 16px;
+}
+.greenpanelactionborders {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+}
+.panelhoverlink {
+  text-decoration: none;
+  color: #3d4e53;
+}
+@charset "utf-8";
+* {
+  padding: 0px;
+  margin: 0px;
+}
+/*main_Css*/
+#main-wrapper {
+  height: 100%;
+  width: 725px;
+  margin: 0px;
+  padding: 0px 0px;
+}
+.panelview.tabs {
+  padding: 5px 0px;
+  margin: 0px;
+  width: 142px;
+  float: left;
+}
+.panelview.tabs span.active {
+  padding: 15px;
+  margin: 15px 0px;
+  font-weight: bold;
+}
+.panelview.book-list {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  width: 120px;
+  line-height: 16px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  width: 120px;
+  line-height: 16px;
+  margin: auto;
+  padding: 0px 5px 5px 5px;
+  height: 300px;
   background-color: #ffffff;
   color: #3d4e53;
   border: 5px solid #edf3f4;
+  position: relative;
+  /*	might need this for panel hover state; don't want it for nonhover. hm.
+	a {
+    	color: @dark-green;
+    	text-decoration: none;
+    	
+    	&:hover {
+    		color: @green;
+	    	text-decoration: none;
+		}
+	}
+*/
+
 }
-.book_panel a {
-  font-size: 12pt;
-  color: #73a334;
-  text-decoration: none;
-}
-.book_panel a:hover {
-  color: #8dc63f;
-  text-decoration: none;
-}
-.book_panel p {
-  margin: 0;
-}
-.book_panel img {
-  padding: 5px 0;
-  margin: 0;
-}
-.book_panel:hover {
+.panelview.book-list:hover {
   color: #3d4e53;
 }
-.green {
+.panelview.book-list img {
+  padding: 5px 0px;
+  margin: 0px;
+}
+.panelview.remove-wishlist,
+.panelview.on-wishlist,
+.panelview.create-account,
+.panelview.add-wishlist {
+  display: none;
+}
+.panelview.book-name, .panelview.author {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  line-height: 16px;
+  color: #3d4e53;
+}
+.panelview.booklist-status {
   color: #8dc63f;
   text-align: left;
 }
-.book_panel_back {
-  margin: 0  auto;
-  padding: 10px;
-  height: 295px;
+.panelview.booklist-status .booklist-status-label {
+  float: left;
+  font-weight: bold;
+}
+.panelview.icons {
+  position: absolute;
+  bottom: 0px;
+  width: 140px;
+}
+.panelview.icons .booklist-status-img {
+  float: left;
+}
+.panelview.icons .booklist-status-label {
+  position: absolute;
+  color: #8dc63f;
+  padding-left: 5px;
+  left: 40px;
+  bottom: 5px;
+}
+.panelview.icons .right_add {
+  float: right;
+  padding: 10px 10px 0 0;
+  width: 24px;
+}
+/*2 start*/
+.greenpanel2 {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
   width: 120px;
   line-height: 16px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  width: 120px;
+  line-height: 16px;
+  margin: 0px auto;
+  padding: 10px;
+  height: 295px;
   background-color: #8dc63f;
   color: #ffffff;
   position: relative;
 }
-.book_panel_back a {
-  font-size: 12px;
-  font-weight: normal;
-}
 .unglued_white {
-  margin: 0  auto;
+  font-size: 12px;
+  margin: 0px  auto;
   margin-bottom: 5px;
-  padding: 10px 0;
-}
-.status {
-  color: #8dc63f;
-  text-align: left;
+  padding: 10px 0px;
 }
 .read_itbutton {
   width: 118px;
   height: 35px;
-  padding: 0 0;
+  padding: 0px 0px;
   background: #FFFFFF;
-  margin: 0;
+  margin: 0px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
@@ -853,110 +1756,333 @@ ul.tabs li a:hover, ul.tabs li.active a {
 .read_itbutton a {
   line-height: 40px;
   font-size: 11px;
-  background: url("/static/images/book-panel/book_icon.png") no-repeat left center;
+  background-repeat: no-repeat;
   background-position: 10px center;
-  padding: 0 0 0 30px;
-  color: #73a334;
-  text-decoration: none;
   font-weight: bold;
+  text-decoration: none;
   text-transform: uppercase;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: 10px center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
+  padding: 0px 0px 0px 30px;
+  color: #73a334;
 }
 .read_itbutton a:hover {
   text-decoration: none;
 }
-#add_towish {
-  width: 130px;
+.add_towish {
+  width: 125px;
   height: 30px;
-  padding: 0 0;
-  margin: 10px auto;
+  padding: 0px 0px;
+  margin: 15px auto;
 }
-#add_towish a {
+.add_towish a {
   line-height: 40px;
   font-size: 11px;
-  background-image: url("/static/images/book-panel/add_wish_icon.png") no-repeat left center;
-  padding: 8px 5px 8px 21px;
+  background-repeat: no-repeat;
+  background-position: left center;
   font-weight: bold;
-  color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/add_wish_icon.png);
+  padding: 8px 5px 8px 21px;
+  color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
 }
-#add_towish a:hover {
+.add_towish a:hover {
+  text-decoration: none;
+  color: #3d4e53;
   text-decoration: none;
   color: #3d4e53;
 }
-#white_text {
+.white_text {
   width: 130px;
   height: 40px;
-  padding: 17px 0;
-  margin: 0;
+  padding: 17px 0px;
+  margin: 0px;
 }
-#white_text a {
+.white_text a {
   color: #FFFFFF;
   text-decoration: none;
 }
-#white_text a:hover {
+.white_text a:hover {
+  text-decoration: none;
   color: #3d4e53;
   text-decoration: none;
+  color: #3d4e53;
 }
-#moreinfo {
+/*more info*/
+.moreinfo {
   width: 130px;
   height: 30px;
-  padding: 0;
+  padding: 0px;
   margin: 15px 0 0;
 }
-#moreinfo a {
+.moreinfo a {
   line-height: 40px;
   font-size: 11px;
-  background-image: url("/static/images/book-panel/more_icon.png") no-repeat left center;
-  padding: 8px 42px 8px 20px;
+  background-repeat: no-repeat;
+  background-position: left center;
   font-weight: bold;
-  padding-left: 20px;
-  color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/more_icon.png);
+  padding: 8px 42px 8px 20px;
+  padding-left: 20px;
+  color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
 }
-#moreinfo a:hover {
+.moreinfo a:hover {
   text-decoration: none;
   color: #3d4e53;
+  text-decoration: none;
+  color: #3d4e53;
+}
+/*end of the more info/*
+/*end the 2greenpanel*/
+/*2 start*/
+.graypanel {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  margin: 20px  auto;
+  padding: 4px 5px;
+  height: 300px;
+  width: 130px;
+  line-height: 16px;
+  background-color: #edf3f4;
+  color: #3d4e53;
+  border: 5px solid #edf3f4;
+}
+.unglued_white2 {
+  font-size: 12px;
+  margin: 3px  auto;
+  padding: 5px 0px;
 }
 .green {
   color: #8dc63f;
   text-align: left;
 }
-#graypanel a {
+.graypanel a {
+  text-decoration: none;
   color: #3d4e53;
   text-decoration: none;
+  color: #3d4e53;
 }
-.read {
+.graypanel a:hover {
+  color: #8dc63f;
+  text-decoration: none;
+}
+.Unglue_itbutton {
+  width: 110px;
+  height: 40px;
+  padding: 0px 9px;
+  background: #FFFFFF;
+  margin: 0px auto;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid #d4dcdd;
+}
+.Unglue_itbutton a {
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: 2px center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: 2px center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/unglue_icon.png);
+  padding: 5px 0px 0px 20px;
+  color: #3d4e53;
+  text-align: right;
+  font-family: "LucidaGrandeBold";
+}
+.Unglue_itbutton a:hover {
+  text-decoration: none;
+}
+.add_towish2 {
+  width: 130px;
+  height: 30px;
+  padding: 0px 0px;
   margin: 15px auto;
-  padding: 0;
+}
+.add_towish2 a {
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  line-height: 40px;
+  font-size: 11px;
+  background-repeat: no-repeat;
+  background-position: left center;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  background-image: url(/static/images/book-panel/add_gray.png);
+  padding: 8px 0px;
+  padding-left: 20px;
+  color: #3d4e53;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  font-family: "LucidaGrandeBold";
+}
+.add_towish2 a:hover {
+  text-decoration: none;
+}
+.white_text2 {
+  width: 130px;
+  height: 40px;
+  padding: 13px 0px;
+  margin: 0px;
+}
+.white_text2 a, a:hover {
+  text-decoration: none;
+  color: #3d4e53;
+  text-decoration: none;
+  color: #3d4e53;
+}
+/*more info*/
+.moreinfo2 {
+  width: 130px;
+  height: 30px;
+  padding: 0px 20px 0px 0px;
+  margin: 15px auto;
+}
+.moreinfo2 a {
+  line-height: 40px;
+  font-size: 12px;
+  background-image: url(/static/images/book-panel/gray_more_info.png);
+  background-repeat: no-repeat;
+  background-position: left center;
+  padding: 8px 35px;
+  font-weight: bold;
+  padding-left: 20px;
+  color: #3d4e53;
+  text-decoration: none;
+  text-transform: uppercase;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: #FFFFFF;
+  border-bottom-color: #FFFFFF;
+  font-family: "LucidaGrandeBold";
+}
+.moreinfo2 a:hover {
+  text-decoration: none;
+  color: #3d4e53;
+  text-decoration: none;
+  color: #3d4e53;
+}
+/*end the 2greenpanel*/
+.read {
+  margin: 15px auto 5px auto;
+  padding: 0px;
   width: 140px;
   color: #8dc63f;
   height: 40px;
   line-height: 25px;
   float: left;
+  position: absolute;
+  bottom: -15px;
 }
 .read p {
-  margin: 0;
+  margin: 0px;
   padding: 10px 3px;
   width: 50px;
   font-size: 10pt;
   float: left;
 }
 .read img {
-  padding: 5px;
-  margin: 0;
+  padding: 5px 0px;
+  margin: 0px;
   float: left;
 }
 .right_add {
   padding: 10px;
-  margin: 0;
+  margin: 0px;
   float: right;
 }
 p.right_add {
@@ -964,18 +2090,46 @@ p.right_add {
   padding: 10px 10px 0 0;
   width: 24px;
 }
-/* slideout hover state */
-.book_panel_interior {
+/**/
+.read2 {
+  margin: 15px auto;
+  padding: 0px;
+  width: 130px;
+  color: #8dc63f;
+  height: 40px;
+  line-height: 25px;
+}
+.read2 p {
+  margin: 0px;
+  padding: 10px 3px;
+  width: 50px;
+  font-size: 10pt;
+  float: left;
+}
+.read2 img {
+  padding: 0px;
+  margin: 0px;
+  float: left;
+}
+.right_add {
+  padding: 10px;
+  margin: 0px;
+  float: right;
+}
+/* --------------- ( slideout hover state ) --------------------------------------------- */
+.panelview.book-thumb {
   float: left;
   position: relative;
-  margin: 0;
-  padding: 0;
-  left: 0;
+  margin: 0px;
+  padding: 0px;
+  left: 0px;
 }
-.book_panel_interior img {
+.panelview.book-thumb img {
   z-index: 100;
+  width: 120px;
+  height: 182px;
 }
-.book_panel_interior span {
+.panelview.book-thumb span {
   position: absolute;
   bottom: 0;
   left: -10px;
diff --git a/static/css/sitewide.css b/static/css/sitewide.css
index 681858d0..d45ee96c 100644
--- a/static/css/sitewide.css
+++ b/static/css/sitewide.css
@@ -1,252 +1,34 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-body {
-  background: url("/static/images/bg-body.png") 0 0 repeat-x;
-  padding: 0 0 20px 0;
-  margin: 0;
-  font-size: 12px;
-  font-family: Lucida "Lucida Grande", "Lucida Sans Unicode", sans-serif, Helvetica, sans-serif;
-  color: #3d4e53;
-}
-img {
-  border: none;
-}
-h2.content-heading {
-  padding: 15px;
-  margin: 0;
-  font-size: 19px;
-  font-weight: normal;
-  color: #3d4e53;
-  float: left;
-  width: 50%;
-}
-h2.content-heading span {
-  font-style: italic;
-}
-h3.jsmod-title {
-  background: url("/static/images/bg.png") 0 0 no-repeat;
-  padding: 0;
-  margin: 0;
-  height: 73px;
-}
-h3.jsmod-title span {
-  background: url("/static/images/icon-h3.png") 90% center no-repeat;
-  font-size: 17px;
-  color: #fff;
-  padding: 26px 40px 27px 20px;
-  display: block;
-}
-ul.menu {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-a.readon {
-  background: url("/static/images/bg.png") 100% -72px no-repeat;
-  color: #fff;
-  text-transform: capitalize;
-  display: block;
-  float: right;
-  font-size: 13px;
-  font-weight: bold;
-}
-a.readon span {
-  background: url("/static/images/bg.png") -770px -108px no-repeat;
-  margin-right: 34px;
-  padding: 0 5px 0 20px;
-  height: 36px;
-  line-height: 36px;
-  display: block;
-}
-a {
-  font-weight: bold;
-  font-size: 13px;
-  text-decoration: none;
-  cursor: pointer;
-}
-#js-header {
-  height: 90px;
-}
-.js-main {
-  width: 960px;
-  margin: 0 auto;
-  clear: both;
-  padding: 0;
-}
-.js-logo {
-  float: left;
-  padding-top: 10px;
-}
-.js-logo a img {
-  border: none;
-}
-.js-topmenu {
-  float: right;
-  padding-top: 25px;
-}
-.js-topmenu ul li {
-  float: left;
-  padding: 0 10px;
-}
-.js-topmenu ul li a {
-  color: #3d4e53;
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.js-topmenu ul li span#welcome {
-  color: #8dc63f;
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.js-topmenu ul li.last a {
-  background: url("/static/images/bg.png") right top no-repeat;
-}
-.js-topmenu ul li.last a span {
-  background: url("/static/images/bg.png") -770px -36px no-repeat;
-  margin-right: 29px;
-  display: block;
-  padding: 0 5px 0 15px;
-}
-#js-topsection {
-  padding: 15px 0;
-  overflow: hidden;
-}
-.js-topnews {
-  float: left;
-  width: 100%;
-}
-.js-topnews1 {
-  background: url("/static/images/header/header-m.png") 0 0 repeat-y;
-}
-.js-topnews2 {
-  background: url("/static/images/header/header-t.png") 0 0 no-repeat;
-}
-.js-topnews3 {
-  background: url("/static/images/header/header-b.png") 0 100% no-repeat;
-  display: block;
-  overflow: hidden;
-  padding: 10px;
-}
-.js-search {
-  float: right;
-  width: 30%;
-  padding-top: 25px;
-}
-.js-search input {
-  float: left;
-}
-.js-search .inputbox {
-  padding: 0 0 0 15px;
-  margin: 0;
-  border: none;
-  outline: none;
-  background: url("/static/images/bg.png") -645px -180px;
-  height: 36px;
-  line-height: 36px;
-  float: left;
-  color: #6994a3;
-}
-.js-search .button {
-  background: url("/static/images/bg.png") 100% -144px no-repeat;
-  padding: 0;
-  margin: 0;
-  width: 40px;
-  height: 36px;
-  display: block;
-  border: none;
-  text-indent: -10000px;
-  cursor: pointer;
-}
-.js-search-inner {
-  float: right;
-}
-#js-leftcol {
-  float: left;
-  width: 235px;
-}
-#js-leftcol a {
-  font-weight: normal;
-}
-#js-leftcol a:hover {
-  text-decoration: underline;
-}
-#js-leftcol .jsmod-content {
-  border: 1px solid #edf3f4;
-  margin-left: 10px;
-  -moz-border-radius: 0 0 10px 10px;
-  -webkit-border-radius: 0 0 10px 10px;
-  border-radius: 0 0 10px 10px;
-}
-#js-leftcol ul.level1 > li > a {
-  text-transform: uppercase;
-  color: #3d4e53;
-  font-size: 12px;
-  border-bottom: 1px solid #edf3f4;
-  border-top: 1px solid #edf3f4;
-  display: block;
-  padding: 10px;
-}
-#js-leftcol ul.level2 li {
-  padding: 5px 10px;
-}
-#js-leftcol ul.level2 li a {
-  color: #6994a3;
-}
-#js-maincol-fr {
-  float: right;
-  width: 725px;
-}
-div.content-block {
-  overflow: hidden;
-  background: url("/static/images/bg.png") 100% -223px no-repeat;
-  padding: 0 0 0 7px;
-}
-.content-block-heading a.block-link {
-  float: right;
-  padding: 15px;
-  font-size: 11px;
-  color: #3d4e53;
-  text-decoration: underline;
-  font-weight: normal;
-}
-div.content-block-content {
-  width: 100%;
-  overflow: hidden;
-  padding-left: 10px;
-}
-div.content-block-content .cols3 .column {
-  width: 33.33%;
-  float: left;
-}
-#footer {
-  border-top: 7px solid #edf3f4;
-  clear: both;
-  height: 90px;
-  text-align: center;
-  padding-top: 5px;
-}
-#footer a {
-  color: #3d4e53;
-}
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
+body{background:url("/static/images/bg-body.png") 0 0 repeat-x;padding:0 0 20px 0;margin:0;font-size:12px;font-family:Lucida "Lucida Grande","Lucida Sans Unicode",sans-serif,Helvetica,sans-serif;color:#3d4e53;}
+img{border:none;}
+h2.content-heading{padding:15px;margin:0;font-size:19px;font-weight:normal;color:#3d4e53;float:left;width:50%;}h2.content-heading span{font-style:italic;}
+h3.jsmod-title{background:url("/static/images/bg.png") 0 0 no-repeat;padding:0;margin:0;height:73px;}h3.jsmod-title span{font-size:17px;color:#fff;padding:26px 40px 27px 20px;display:block;}
+ul.menu{list-style:none;padding:0;margin:0;}
+a.readon{background:url("/static/images/bg.png") 100% -72px no-repeat;color:#fff;text-transform:capitalize;display:block;float:right;font-size:13px;font-weight:bold;}a.readon span{background:url("/static/images/bg.png") -770px -108px no-repeat;margin-right:34px;padding:0 5px 0 20px;height:36px;line-height:36px;display:block;}
+a{font-weight:bold;font-size:13px;text-decoration:none;cursor:pointer;}
+#js-header{height:90px;}
+.js-main{width:960px;margin:0 auto;clear:both;padding:0;}
+.js-logo{float:left;padding-top:10px;}.js-logo a img{border:none;}
+.js-topmenu{float:right;padding-top:25px;}.js-topmenu ul li{float:left;padding:0 10px;}.js-topmenu ul li a{color:#3d4e53;height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.js-topmenu ul li span#welcome{color:#8dc63f;height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.js-topmenu ul li.last a{background:url("/static/images/bg.png") right top no-repeat;}.js-topmenu ul li.last a span{background:url("/static/images/bg.png") -770px -36px no-repeat;margin-right:29px;display:block;padding:0 5px 0 15px;}
+#js-topsection{padding:15px 0;overflow:hidden;}
+.js-topnews{float:left;width:100%;}
+.js-topnews1{background:url("/static/images/header/header-m.png") 0 0 repeat-y;}
+.js-topnews2{background:url("/static/images/header/header-t.png") 0 0 no-repeat;}
+.js-topnews3{background:url("/static/images/header/header-b.png") 0 100% no-repeat;display:block;overflow:hidden;padding:10px;}
+.js-search{float:left;padding-top:25px;margin-left:81px;}.js-search input{float:left;}
+.js-search .inputbox{padding:0 0 0 15px;margin:0;border:none;outline:none;background:url("/static/images/bg.png") -645px -180px;height:36px;line-height:36px;float:left;color:#6994a3;}
+.js-search .button{background:url("/static/images/bg.png") 100% -144px no-repeat;padding:0;margin:0;width:40px;height:36px;display:block;border:none;text-indent:-10000px;cursor:pointer;}
+.js-search-inner{float:right;}
+#js-leftcol{float:left;width:235px;}#js-leftcol a{font-weight:normal;}#js-leftcol a:hover{text-decoration:underline;}
+#js-leftcol .jsmod-content{border:1px solid #edf3f4;margin-left:10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
+#js-leftcol ul.level1>li>a{text-transform:uppercase;color:#3d4e53;font-size:12px;border-bottom:1px solid #edf3f4;border-top:1px solid #edf3f4;display:block;padding:10px;}
+#js-leftcol ul.level2 li{padding:5px 10px;}#js-leftcol ul.level2 li a{color:#6994a3;}
+#js-maincol-fr{float:right;width:725px;}
+div.content-block{overflow:hidden;background:url("/static/images/bg.png") 100% -223px no-repeat;padding:0 0 0 7px;}
+.content-block-heading a.block-link{float:right;padding:15px;font-size:11px;color:#3d4e53;text-decoration:underline;font-weight:normal;}
+div.content-block-content{width:100%;overflow:hidden;padding-left:10px;}div.content-block-content .cols3 .column{width:33.33%;float:left;}
+#footer{border-top:7px solid #edf3f4;clear:both;height:90px;text-align:center;padding-top:5px;}
+#footer a{color:#3d4e53;}
diff --git a/static/css/supporter_layout.css b/static/css/supporter_layout.css
index 78724e97..c27ead62 100644
--- a/static/css/supporter_layout.css
+++ b/static/css/supporter_layout.css
@@ -1,258 +1,44 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-.block-inner {
-  padding-right: 10px;
-}
-.user-block {
-  width: 100%;
-  clear: both;
-}
-.user-block-hide {
-  float: left;
-  width: 100%;
-  clear: both;
-}
-.user-block-hide .block {
-  float: left;
-  width: 33%;
-}
-.user-block-hide input {
-  float: left;
-  margin: 3px 10px 0 0;
-}
-.user-block-hide label {
-  float: left;
-  width: 90%;
-}
-.user-block1 {
-  float: left;
-  width: 25%;
-}
-.user-block2 {
-  color: #6994a3;
-  font-size: 11px;
-  line-height: normal;
-  float: left;
-  width: 25%;
-}
-.user-block3, .user-block4 {
-  float: right;
-  width: 25%;
-  margin-top: 10px;
-}
-img.user-avatar {
-  float: left;
-  margin-right: 10px;
-}
-.social {
-  width: 100%;
-  padding-left: 35px;
-}
-span.user-name, span.user-date, span.user-short-info {
-  display: block;
-}
-span.user-name, span.user-name a, a {
-  font-size: 12px;
-  color: #3d4e53;
-}
-span.user-status-title {
-  float: left;
-  margin-right: 8px;
-  padding-top: 5px;
-}
-span.rounded {
-  border: 1px solid #d4d4d4;
-  -moz-border-radius: 7px 7px 7px 7px;
-  -webkit-border-radius: 7px 7px 7px 7px;
-  border-radius: 7px 7px 7px 7px;
-  padding: 1px;
-  color: #fff;
-  margin: 0 8px 0 0;
-  display: inline-block;
-}
-span.rounded > span {
-  padding: 7px 10px;
-  min-width: 15px;
-  -moz-border-radius: 5px 5px 5px 5px;
-  -webkit-border-radius: 5px 5px 5px 5px;
-  border-radius: 5px 5px 5px 5px;
-  text-align: center;
-  display: inline-block;
-}
-span.blue {
-  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
-}
-span.orange {
-  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
-}
-span.grey {
-  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
-}
-div.check-list {
-  float: left;
-  width: 100%;
-  padding-bottom: 7px;
-}
-a.profile-edit {
-  display: block;
-  background: url("/static/images/header/icon-edit.png") right top no-repeat;
-}
-div.profile-save {
-  padding-top: 15px;
-  border: none;
-}
-input.profile-save {
-  background: url("/static/images/header/save-setting.png") 0 0 no-repeat;
-  width: 116px;
-  height: 42px;
-  display: block;
-  text-indent: -100000px;
-  border: none;
-}
-a.my-setting {
-  background: #d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;
-  border-radius: 7px;
-  height: 50px;
-  line-height: 50px;
-  display: block;
-  padding: 0 0 0 10px;
-  font-size: 20px;
-}
-a.my-setting.active {
-  background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;
-}
-#tabs {
-  border-bottom: 4px solid #8dc63f;
-  clear: both;
-  float: left;
-  margin-left: 10px;
-  margin-top: 10px;
-  width: 100%;
-}
-#tabs ul.book-list-view {
-  margin-bottom: 4px !important;
-}
-#tabs-1, #tabs-2, #tabs-3 {
-  margin-left: 10px;
-}
-ul.tabs {
-  float: left;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-ul.tabs li {
-  float: left;
-  height: 46px;
-  line-height: 46px;
-  margin-right: 10px;
-}
-ul.tabs li a {
-  height: 46px;
-  line-height: 46px;
-  display: block;
-  text-align: center;
-  padding: 0 10px;
-  min-width: 80px;
-  border-radius: 7px 7px 0 0;
-  background: url("/static/images/header/bg-tabs1.png") left bottom repeat-x;
-}
-ul.tabs li a:hover, ul.tabs li.active a {
-  background: url("/static/images/header/bg-tabs.png") left bottom repeat-x;
-  color: #fff;
-}
-.book-list span.rounded > span {
-  line-height: normal;
-  width: 75px;
-}
-.book-list span.rounded > span a {
-  text-transform: capitalize;
-}
-div.content-block-content {
-  padding-left: 10px;
-}
-.js-news-text {
-  float: left;
-  width: 70%;
-  font-size: 16px;
-  color: #3d4e53;
-  font-family: lucida grande;
-}
-.js-news-links {
-  float: right;
-  width: 30%;
-}
-.column-left .item {
-  margin: 0 10px 10px 0;
-}
-.column-center .item {
-  margin: 0 5px 10px 5px;
-}
-.column-right .item {
-  margin: 0 0 10px 10px;
-}
-.column .item {
-  border: 7px solid #edf3f4;
-  padding: 10px;
-}
-.book-image {
-  padding: 0 0 10px 0;
-}
-.book-info {
-  padding: 0 0 10px 0;
-  line-height: 125%;
-  position: relative;
-}
-.book-info span.book-new {
-  background: url(/static/images/images/icon-new.png) 0 0 no-repeat;
-  width: 38px;
-  height: 36px;
-  display: block;
-  position: absolute;
-  right: 10px;
-  top: 0;
-}
-.book-name {
-  color: #3d4e53;
-  font-weight: bold;
-}
-.book-author {
-  color: #6994a3;
-}
-.book-status {
-  margin: 0 -10px;
-  border-top: 1px solid #edf3f4;
-  padding: 15px 10px 0 10px;
-  position: relative;
-}
-.book-status span.unglue {
-  font-style: italic;
-}
-.book-status span.status {
-  position: absolute;
-  right: 10px;
-  bottom: -5px;
-  width: 37px;
-  height: 25px;
-  display: block;
-}
-/* Do I even still need this?
-.book-status span.percent99{ background:url(../images/images/icon-book1.png) 0 0 no-repeat;}
-.book-status span.percent60{ background:url(../images/images/icon-book2.png) 0 0 no-repeat;}
-.book-status span.percent22{ background:url(../images/images/icon-book3.png) 0 0 no-repeat;}
-.book-status span.percent7{ background:url(../images/images/icon-book4.png) 0 0 no-repeat;}
-.book-status span.percent62{ background:url(../images/images/icon-book5.png) 0 0 no-repeat;}
-.book-status span.percent21{ background:url(../images/images/icon-book6.png) 0 0 no-repeat;}
-*/
\ No newline at end of file
+.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
+.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
+.block-inner{padding-right:10px;}
+.user-block{width:100%;clear:both;}
+.user-block-hide{float:left;width:100%;clear:both;}.user-block-hide .block{float:left;width:33%;}
+.user-block-hide input{float:left;margin:3px 10px 0 0;}
+.user-block-hide label{float:left;width:90%;}
+.user-block1{float:left;width:25%;}
+.user-block2{color:#6994a3;font-size:11px;line-height:normal;float:left;width:25%;}
+.user-block3,.user-block4{float:right;width:25%;margin-top:10px;}
+img.user-avatar{float:left;margin-right:10px;}
+.social{width:100%;padding-left:35px;}
+span.user-name,span.user-date,span.user-short-info{display:block;}
+span.user-name,span.user-name a,a{font-size:12px;color:#3d4e53;}
+span.user-status-title{float:left;margin-right:8px;padding-top:5px;}
+span.rounded{border:1px solid #d4d4d4;-moz-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block;}span.rounded>span{padding:7px 10px;min-width:15px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;text-align:center;display:inline-block;}
+span.blue{background:#a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;}
+span.orange{background:#eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;}
+span.grey{background:#bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;}
+div.check-list{float:left;width:100%;padding-bottom:7px;}
+a.profile-edit{display:block;background:url("/static/images/header/icon-edit.png") right top no-repeat;}
+div.profile-save{padding-top:15px;border:none;}
+input.profile-save{background:url("/static/images/header/save-setting.png") 0 0 no-repeat;width:116px;height:42px;display:block;text-indent:-100000px;border:none;}
+a.my-setting{background:#d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;border-radius:7px;height:50px;line-height:50px;display:block;padding:0 0 0 10px;font-size:20px;}
+a.my-setting.active{background:#d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;}
+#tabs{border-bottom:4px solid #8dc63f;clear:both;float:left;margin-left:10px;margin-top:10px;width:100%;}
+#tabs ul.book-list-view{margin-bottom:4px !important;}
+#tabs-1,#tabs-2,#tabs-3{margin-left:10px;}
+ul.tabs{float:left;padding:0;margin:0;list-style:none;}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:10px;}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;border-radius:7px 7px 0 0;background:url("/static/images/header/bg-tabs1.png") left bottom repeat-x;}
+ul.tabs li a:hover,ul.tabs li.active a{background:url("/static/images/header/bg-tabs.png") left bottom repeat-x;color:#fff;}
+.book-list span.rounded>span{line-height:normal;width:75px;}.book-list span.rounded>span a{text-transform:capitalize;}
+div.content-block-content{padding-left:10px;}
+.js-news-text{float:left;width:70%;font-size:16px;color:#3d4e53;font-family:lucida grande;}
+.js-news-links{float:right;width:30%;}
+.column-left .item{margin:0 10px 10px 0;}
+.column-center .item{margin:0 5px 10px 5px;}
+.column-right .item{margin:0 0 10px 10px;}
+.column .item{border:7px solid #edf3f4;padding:10px;}
+.book-image{padding:0 0 10px 0;}
+.book-info{padding:0 0 10px 0;line-height:125%;position:relative;}.book-info span.book-new{background:url(/static/images/images/icon-new.png) 0 0 no-repeat;width:38px;height:36px;display:block;position:absolute;right:10px;top:0;}
+.book-name{color:#3d4e53;font-weight:bold;}
+.book-author{color:#6994a3;}
+.book-status{margin:0 -10px;border-top:1px solid #edf3f4;padding:15px 10px 0 10px;position:relative;}.book-status span.unglue{font-style:italic;}
+.book-status span.status{position:absolute;right:10px;bottom:-5px;width:37px;height:25px;display:block;}
diff --git a/static/less/variables.css b/static/css/variables.css
similarity index 100%
rename from static/less/variables.css
rename to static/css/variables.css
diff --git a/static/images/unglued.png b/static/images/unglued.png
new file mode 100644
index 00000000..d71edccd
Binary files /dev/null and b/static/images/unglued.png differ
diff --git a/static/less/book_list.css b/static/less/book_list.css
deleted file mode 100644
index b2f26c20..00000000
--- a/static/less/book_list.css
+++ /dev/null
@@ -1,184 +0,0 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-div.book-list.listview {
-  clear: both;
-  display: block;
-  vertical-align: middle;
-  height: 43px;
-  line-height: 43px;
-  margin: 0 5px 0 0;
-  padding: 7px 0;
-}
-div.book-list.listview.row1 {
-  background: #f6f9f9;
-}
-div.book-list.listview.row2 {
-  background: #fff;
-}
-div.book-list.listview div.unglue-this {
-  float: left;
-}
-div.book-list.listview div.book-thumb {
-  margin-right: 5px;
-  float: left;
-}
-div.book-list.listview div.book-name {
-  width: 260px;
-  margin-right: 10px;
-  background: url("../images/booklist/booklist-vline.png") right center no-repeat;
-  float: left;
-}
-div.book-list.listview div.book-name span {
-  display: block;
-  line-height: normal;
-  height: 43px;
-  line-height: 43px;
-}
-div.book-list.listview div.add-wishlist, div.book-list.listview div.remove-wishlist {
-  margin-right: 10px;
-  padding-right: 10px;
-  background: url("../images/booklist/booklist-vline.png") right center no-repeat;
-  float: left;
-}
-div.book-list.listview div.add-wishlist a, div.book-list.listview div.remove-wishlist a {
-  font-weight: normal;
-  color: #3d4e53;
-  text-transform: none;
-  background: url("../images/booklist/add-wishlist.png") left center no-repeat;
-  padding-left: 20px;
-}
-div.book-list.listview div.booklist-status {
-  margin-right: 7px;
-  float: left;
-}
-.booklist-status.listview span.booklist-status-label {
-  display: none;
-}
-.booklist-status.listview span.booklist-status-text {
-  float: left;
-  display: block;
-  padding-right: 5px;
-  text-transform: capitalize;
-}
-.booklist-status.listview .booklist-status-img p {
-  display: none;
-}
-div.unglue-this a {
-  text-transform: uppercase;
-  color: #3d4e53;
-  font-size: 11px;
-  font-weight: bold;
-}
-div.unglue-this.complete .unglue-this-inner1 {
-  background: url("/static/images/booklist/bg.png") 0 -84px no-repeat;
-  height: 42px;
-}
-div.unglue-this.complete .unglue-this-inner2 {
-  background: url("/static/images/booklist/bg.png") 100% -126px no-repeat;
-  margin-left: 29px;
-  height: 42px;
-  padding-right: 10px;
-}
-div.unglue-this.complete a {
-  color: #fff;
-  display: block;
-}
-div.unglue-this.processing .unglue-this-inner1 {
-  background: url("/static/images/booklist/bg.png") 0 0 no-repeat;
-  height: 42px;
-}
-div.unglue-this.processing .unglue-this-inner2 {
-  background: url("/static/images/booklist/bg.png") 100% -42px no-repeat;
-  margin-left: 25px;
-  height: 42px;
-  padding-right: 10px;
-}
-ul.book-list-view {
-  padding: 0;
-  margin: 15px;
-  float: right;
-  list-style: none;
-}
-ul.book-list-view li {
-  float: left;
-  margin-right: 10px;
-  display: block;
-  vertical-align: middle;
-  line-height: 22px;
-}
-div.navigation {
-  float: left;
-  clear: both;
-  width: 100%;
-  color: #37414d;
-}
-ul.navigation {
-  float: right;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-ul.navigation li {
-  float: left;
-  line-height: normal;
-  margin-right: 5px;
-}
-ul.navigation li a {
-  color: #37414d;
-  font-weight: normal;
-}
-ul.navigation li.arrow-l a {
-  background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
-  width: 10px;
-  height: 15px;
-  display: block;
-  text-indent: -10000px;
-}
-ul.navigation li.arrow-r a {
-  background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
-  width: 10px;
-  height: 15px;
-  display: block;
-  text-indent: -10000px;
-}
-ul.navigation li a:hover, ul.navigation li.active a {
-  color: #8ac3d7;
-  text-decoration: underline;
-}
-.unglue-button {
-  display: block;
-  border: 0;
-}
-.book-thumb.listview a {
-  display: block;
-  height: 50px;
-  width: 32px;
-  overflow: hidden;
-  position: relative;
-  z-index: 1;
-}
-.book-thumb.listview a:hover {
-  overflow: visible;
-  z-index: 1000;
-  border: none;
-}
-.book-thumb.listview a img {
-  position: absolute;
-  top: -20px;
-  left: -50px;
-}
-.listview.author {
-  display: none;
-}
diff --git a/static/less/book_list.less b/static/less/book_list.less
index dbf9ffbd..033671c9 100755
--- a/static/less/book_list.less
+++ b/static/less/book_list.less
@@ -8,6 +8,7 @@ div.book-list.listview{
     margin:0 5px 0 0;
     padding:7px 0;
     // overflow:hidden;
+    position: relative;
 
 	&.row1 {
 		background:#f6f9f9;
@@ -30,6 +31,12 @@ div.book-list.listview{
 			margin-right:10px;
 			background:url("../images/booklist/booklist-vline.png") right center no-repeat;
 			float: left;
+			overflow: hidden;
+			
+			&:hover {
+				z-index: 1000;
+				overflow: visible;
+			}
 			
 			span { 
 				display:block;
@@ -200,7 +207,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
 }
 
 .listview.icons {
-	float: left;
+	position: absolute;
+	right: 31px;
+	
 	.booklist-status-img {
 		.border-radius(4px, 4px, 4px, 4px);
 		background-color: #fff;
@@ -215,3 +224,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
 		display: none;
 	}
 }
+
+div.content-block-content {
+  padding-bottom: 200px;
+}
diff --git a/static/less/book_panel.css b/static/less/book_panel.css
deleted file mode 100644
index 03c376a8..00000000
--- a/static/less/book_panel.css
+++ /dev/null
@@ -1,431 +0,0 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-.greenpanelstuff {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  width: 120px;
-  line-height: 16px;
-}
-.greenpanelactionborders {
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-}
-.panelhoverlink {
-  text-decoration: none;
-  color: #3d4e53;
-}
-@charset "utf-8";
-* {
-  padding: 0px;
-  margin: 0px;
-}
-/*main_Css*/
-#main-wrapper {
-  height: 100%;
-  width: 725px;
-  margin: 0px;
-  padding: 0px 0px;
-}
-.panelview.tabs {
-  padding: 5px 0px;
-  margin: 0px;
-  width: 142px;
-  float: left;
-}
-.panelview.tabs span.active {
-  padding: 15px;
-  margin: 15px 0px;
-  font-weight: bold;
-}
-.panelview.book-list {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  width: 120px;
-  line-height: 16px;
-  margin: auto;
-  padding: 0px 5px 5px 5px;
-  height: 300px;
-  background-color: #ffffff;
-  color: #3d4e53;
-  border: 5px solid #edf3f4;
-  /*	might need this for panel hover state; don't want it for nonhover. hm.
-	a {
-    	color: @dark-green;
-    	text-decoration: none;
-    	
-    	&:hover {
-    		color: @green;
-	    	text-decoration: none;
-		}
-	}
-*/
-
-}
-.panelview.book-list:hover {
-  color: #3d4e53;
-}
-.panelview.book-list img {
-  padding: 5px 0px;
-  margin: 0px;
-}
-div.remove-wishlist.panelview {
-  display: none;
-}
-.panelview.book-name, .panelview.author {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  line-height: 16px;
-  color: #3d4e53;
-}
-.panelview.booklist-status {
-  color: #8dc63f;
-  text-align: left;
-}
-.panelview.booklist-status .booklist-status-label {
-  float: left;
-  font-weight: bold;
-}
-/*2 start*/
-.greenpanel2 {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  width: 120px;
-  line-height: 16px;
-  margin: 0px auto;
-  padding: 10px;
-  height: 295px;
-  background-color: #8dc63f;
-  color: #ffffff;
-  position: relative;
-}
-.unglued_white {
-  font-size: 12px;
-  margin: 0px  auto;
-  margin-bottom: 5px;
-  padding: 10px 0px;
-}
-.read_itbutton {
-  width: 118px;
-  height: 35px;
-  padding: 0px 0px;
-  background: #FFFFFF;
-  margin: 0px;
-  -moz-border-radius: 4px 4px 4px 4px;
-  -webkit-border-radius: 4px 4px 4px 4px;
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid #81bb38;
-}
-.read_itbutton a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: 10px center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
-  padding: 0px 0px 0px 30px;
-  color: #73a334;
-}
-.read_itbutton a:hover {
-  text-decoration: none;
-}
-.add_towish {
-  width: 125px;
-  height: 30px;
-  padding: 0px 0px;
-  margin: 15px auto;
-}
-.add_towish a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/add_wish_icon.png);
-  padding: 8px 5px 8px 21px;
-  color: #FFFFFF;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-}
-.add_towish a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-.white_text {
-  width: 130px;
-  height: 40px;
-  padding: 17px 0px;
-  margin: 0px;
-}
-.white_text a {
-  color: #FFFFFF;
-  text-decoration: none;
-}
-.white_text a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*more info*/
-.moreinfo {
-  width: 130px;
-  height: 30px;
-  padding: 0px;
-  margin: 15px 0 0;
-}
-.moreinfo a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/more_icon.png);
-  padding: 8px 42px 8px 20px;
-  padding-left: 20px;
-  color: #FFFFFF;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-}
-.moreinfo a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*end of the more info/*
-/*end the 2greenpanel*/
-/*2 start*/
-.graypanel {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  margin: 20px  auto;
-  padding: 4px 5px;
-  height: 300px;
-  width: 130px;
-  line-height: 16px;
-  background-color: #edf3f4;
-  color: #3d4e53;
-  border: 5px solid #edf3f4;
-}
-.unglued_white2 {
-  font-size: 12px;
-  margin: 3px  auto;
-  padding: 5px 0px;
-}
-.green {
-  color: #8dc63f;
-  text-align: left;
-}
-.graypanel a {
-  text-decoration: none;
-  color: #3d4e53;
-}
-.graypanel a:hover {
-  color: #8dc63f;
-  text-decoration: none;
-}
-.Unglue_itbutton {
-  width: 110px;
-  height: 40px;
-  padding: 0px 9px;
-  background: #FFFFFF;
-  margin: 0px auto;
-  -moz-border-radius: 4px 4px 4px 4px;
-  -webkit-border-radius: 4px 4px 4px 4px;
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid #d4dcdd;
-}
-.Unglue_itbutton a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: 2px center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/unglue_icon.png);
-  padding: 5px 0px 0px 20px;
-  color: #3d4e53;
-  text-align: right;
-  font-family: "LucidaGrandeBold";
-}
-.Unglue_itbutton a:hover {
-  text-decoration: none;
-}
-.add_towish2 {
-  width: 130px;
-  height: 30px;
-  padding: 0px 0px;
-  margin: 15px auto;
-}
-.add_towish2 a {
-  line-height: 40px;
-  font-size: 11px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-  background-image: url(/static/images/book-panel/add_gray.png);
-  padding: 8px 0px;
-  padding-left: 20px;
-  color: #3d4e53;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-  font-family: "LucidaGrandeBold";
-}
-.add_towish2 a:hover {
-  text-decoration: none;
-}
-.white_text2 {
-  width: 130px;
-  height: 40px;
-  padding: 13px 0px;
-  margin: 0px;
-}
-.white_text2 a, a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*more info*/
-.moreinfo2 {
-  width: 130px;
-  height: 30px;
-  padding: 0px 20px 0px 0px;
-  margin: 15px auto;
-}
-.moreinfo2 a {
-  line-height: 40px;
-  font-size: 12px;
-  background-image: url(/static/images/book-panel/gray_more_info.png);
-  background-repeat: no-repeat;
-  background-position: left center;
-  padding: 8px 35px;
-  font-weight: bold;
-  padding-left: 20px;
-  color: #3d4e53;
-  text-decoration: none;
-  text-transform: uppercase;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: #FFFFFF;
-  border-bottom-color: #FFFFFF;
-  font-family: "LucidaGrandeBold";
-}
-.moreinfo2 a:hover {
-  text-decoration: none;
-  color: #3d4e53;
-}
-/*end the 2greenpanel*/
-.read {
-  margin: 15px auto 5px auto;
-  padding: 0px;
-  width: 140px;
-  color: #8dc63f;
-  height: 40px;
-  line-height: 25px;
-  float: left;
-  position: absolute;
-  bottom: -15px;
-}
-.read p {
-  margin: 0px;
-  padding: 10px 3px;
-  width: 50px;
-  font-size: 10pt;
-  float: left;
-}
-.read img {
-  padding: 5px 0px;
-  margin: 0px;
-  float: left;
-}
-.right_add {
-  padding: 10px;
-  margin: 0px;
-  float: right;
-}
-p.right_add {
-  float: right;
-  padding: 10px 10px 0 0;
-  width: 24px;
-}
-/**/
-.read2 {
-  margin: 15px auto;
-  padding: 0px;
-  width: 130px;
-  color: #8dc63f;
-  height: 40px;
-  line-height: 25px;
-}
-.read2 p {
-  margin: 0px;
-  padding: 10px 3px;
-  width: 50px;
-  font-size: 10pt;
-  float: left;
-}
-.read2 img {
-  padding: 0px;
-  margin: 0px;
-  float: left;
-}
-.right_add {
-  padding: 10px;
-  margin: 0px;
-  float: right;
-}
-/* --------------- ( slideout hover state ) --------------------------------------------- */
-.panelview.book-thumb {
-  float: left;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  left: 0px;
-}
-.panelview.book-thumb img {
-  z-index: 100;
-  width: 120px;
-  height: 182px;
-}
-.panelview.book-thumb span {
-  position: absolute;
-  bottom: 0;
-  left: -10px;
-  top: -5px;
-  z-index: 1000;
-  height: auto;
-}
diff --git a/static/less/book_panel.less b/static/less/book_panel.less
index d237dae7..89af3b12 100644
--- a/static/less/book_panel.less
+++ b/static/less/book_panel.less
@@ -69,6 +69,7 @@
     color: @text-blue;
     border: 5px solid @pale-blue;
     position: relative;
+//    float: left;
     
     &:hover {
     	color: @text-blue;
@@ -102,7 +103,9 @@
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height:16px;
+    max-height:32px;
     color: #3d4e53;
+    overflow: hidden;    
 }
 
 
@@ -118,7 +121,7 @@
 
 .panelview.icons {
 	position: absolute;
-	bottom: 0px;
+	bottom: -3px;
 	width: 140px;
 	
 	.booklist-status-img {
@@ -409,13 +412,14 @@ p.right_add { float:right; padding:10px 10px 0 0; width:24px; }
     margin:0px;
     padding:0px;
     left:0px;
-}
-    .panelview.book-thumb img { 
+    
+    img { 
         z-index: 100;
         width: 120px;
         height: 182px; 
     }
-    .panelview.book-thumb span {
+
+	span {
         position:absolute;
         bottom: 0;
         left:-10px;
@@ -423,3 +427,5 @@ p.right_add { float:right; padding:10px 10px 0 0; width:24px; }
         z-index: 1000;
         height:auto;
     }
+   
+}
\ No newline at end of file
diff --git a/static/less/campaign.css b/static/less/campaign.css
deleted file mode 100644
index 72d500b5..00000000
--- a/static/less/campaign.css
+++ /dev/null
@@ -1,227 +0,0 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-#js-page-wrap {
-  overflow: hidden;
-}
-#main-container {
-  margin-top: 20px;
-}
-#js-leftcol .jsmodule {
-  margin-bottom: 10px;
-}
-#js-leftcol .jsmodule.rounded {
-  background: #edf3f4;
-  -moz-border-radius: 20px 20px 20px 20px;
-  -webkit-border-radius: 20px 20px 20px 20px;
-  border-radius: 20px 20px 20px 20px;
-}
-#js-leftcol .jsmodule.rounded .jsmod-content {
-  padding: 10px 20px;
-  font-weight: bold;
-  border: none;
-  margin: 0;
-}
-.book-detail {
-  float: left;
-  width: 100%;
-  clear: both;
-  display: block;
-}
-.book-detail-img {
-  float: left;
-  margin-right: 10px;
-  width: 151px;
-}
-.book-detail-img img {
-  padding: 5px;
-  border: solid 5px #edf3f4;
-}
-.book-detail-info {
-  float: left;
-  width: 309px;
-}
-.book-detail-info h2.book-name, .book-detail-info h3.book-author, .book-detail-info h3.book-year {
-  padding: 0;
-  margin: 0;
-  line-height: normal;
-}
-.book-detail-info h2.book-name {
-  font-size: 18px;
-  text-transform: capitalize;
-  font-weight: bold;
-  color: #3d4e53;
-}
-.book-detail-info h3.book-author, .book-detail-info h3.book-year {
-  font-size: 12px;
-  font-weight: normal;
-  color: #6994a3;
-}
-.book-detail-info > div {
-  width: 100%;
-  clear: both;
-  display: block;
-  overflow: hidden;
-  border-top: 1px solid #edf3f4;
-  padding: 10px 0;
-}
-.book-detail-info .find-book {
-  margin-top: 15px;
-}
-.book-detail-info .find-book label {
-  float: left;
-  line-height: 31px;
-}
-.book-detail-info .find-link {
-  float: right;
-}
-.book-detail-info .pledged-info {
-  padding: 0;
-}
-.book-detail-info .pledged-group {
-  padding: 10px 40px 10px 0;
-  float: left;
-}
-.book-detail-info .status {
-  float: right;
-  padding-top: 4px;
-}
-.book-detail-info .btn_support a {
-  background: url("/static/images/btn_bg.png") 0 0 no-repeat;
-  width: 104px;
-  height: 41px;
-  line-height: 41px;
-  display: block;
-  color: #fff;
-  font-weight: bold;
-  text-align: center;
-}
-#tabs {
-  border-bottom: 4px solid #6994a3;
-  clear: both;
-  float: left;
-  margin-top: 10px;
-  width: 100%;
-}
-#tabs ul.book-list-view {
-  margin-bottom: 4px !important;
-}
-#tabs-1, #tabs-2, #tabs-3 {
-  margin-left: 10px;
-}
-#tabs-2, #tabs-3, #tabs-4 {
-  display: none;
-}
-ul.tabs {
-  float: left;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-ul.tabs li {
-  float: left;
-  height: 46px;
-  line-height: 46px;
-  margin-right: 2px;
-  margin-bottom: 1px;
-}
-ul.tabs li a {
-  height: 46px;
-  line-height: 46px;
-  display: block;
-  text-align: center;
-  padding: 0 10px;
-  min-width: 80px;
-  -moz-border-radius: 7px 7px 0 0;
-  -webkit-border-radius: 7px 7px 0 0;
-  border-radius: 7px 7px 0 0;
-  background: #d6dde0;
-  color: #3d4e53;
-}
-ul.tabs li a:hover, ul.tabs li.active a {
-  background: #6994a3;
-  color: #fff;
-}
-#js-rightcol {
-  float: right;
-  width: 235px;
-}
-#js-rightcol h3.jsmod-title {
-  background: #a7c1ca;
-  -moz-border-radius: 10px 10px 10px 10px;
-  -webkit-border-radius: 10px 10px 10px 10px;
-  border-radius: 10px 10px 10px 10px;
-  padding: 10px;
-  height: auto;
-  font-style: normal;
-  font-size: 14px;
-  margin: 0 0 10px 0;
-}
-#js-rightcol h3.jsmod-title span {
-  padding: 0;
-  color: #fff;
-  font-style: normal;
-}
-#js-rightcol .jsmodule {
-  margin-bottom: 10px;
-}
-#js-rightcol .jsmod-content {
-  padding-left: 10px;
-}
-.js-rightcol-pad {
-  border: 1px solid #d6dde0;
-  -moz-border-radius: 10px 10px 10px 10px;
-  -webkit-border-radius: 10px 10px 10px 10px;
-  border-radius: 10px 10px 10px 10px;
-  padding: 10px;
-}
-#js-maincol {
-  float: left;
-  width: 470px;
-  margin: 0 10px;
-}
-#js-maincol div.content-block {
-  background: none;
-  padding: 0;
-}
-ul.social li {
-  padding: 5px 0 5px 30px;
-  height: 28px;
-  line-height: 28px;
-}
-ul.social li.facebook {
-  background: url("/static/images/icons/facebook.png") left center no-repeat;
-}
-ul.social li.twitter {
-  background: url("/static/images/icons/twitter.png") left center no-repeat;
-}
-ul.social li.email {
-  background: url("/static/images/icons/email.png") left center no-repeat;
-}
-ul.support li {
-  border-bottom: 1px solid #d6dde0;
-  padding: 10px 15px 10px 0;
-  background: url("/static/images/icons/r-arrow.png") right center no-repeat;
-}
-ul.support li span {
-  display: block;
-}
-ul.support li span .menu-item-price {
-  font-size: 18px;
-}
-/* differs from sitewide.css. should it? */
-a {
-  color: #3d4e53;
-  font-size: 12px;
-}
diff --git a/static/less/campaign.less b/static/less/campaign.less
index 6ba02869..cd23f1bf 100644
--- a/static/less/campaign.less
+++ b/static/less/campaign.less
@@ -236,12 +236,11 @@ ul.social li {
 ul.support li {
 	border-bottom:1px solid #d6dde0;
 	padding:10px 15px 10px 0;
-	background:url("@{image-base}icons/r-arrow.png") right center no-repeat;
 	
 	span {
 		display:block;
 
-		.menu-item-price { 
+		&.menu-item-price { 
 			font-size:18px;
 		}
 	}
diff --git a/static/less/layout.css b/static/less/layout.css
index 62bbf696..e42609ba 100644
--- a/static/less/layout.css
+++ b/static/less/layout.css
@@ -50,6 +50,7 @@ div.book-list.listview {
   line-height: 43px;
   margin: 0 5px 0 0;
   padding: 7px 0;
+  position: relative;
 }
 div.book-list.listview.row1 {
   background: #f6f9f9;
@@ -69,6 +70,11 @@ div.book-list.listview div.book-name {
   margin-right: 10px;
   background: url("../images/booklist/booklist-vline.png") right center no-repeat;
   float: left;
+  overflow: hidden;
+}
+div.book-list.listview div.book-name:hover {
+  z-index: 1000;
+  overflow: visible;
 }
 div.book-list.listview div.book-name span {
   display: block;
@@ -275,7 +281,8 @@ ul.navigation li a:hover, ul.navigation li.active a {
   display: none;
 }
 .listview.icons {
-  float: left;
+  position: absolute;
+  right: 31px;
 }
 .listview.icons .booklist-status-img {
   -moz-border-radius: 4px 4px 4px 4px;
@@ -306,6 +313,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
 .listview.icons .booklist-status-label, .listview.icons .right_add {
   display: none;
 }
+div.content-block-content {
+  padding-bottom: 200px;
+}
 .header-text {
   height: 36px;
   line-height: 36px;
@@ -407,7 +417,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 16px;
+  max-height: 32px;
   color: #3d4e53;
+  overflow: hidden;
 }
 .panelview.booklist-status {
   color: #8dc63f;
@@ -419,7 +431,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
 }
 .panelview.icons {
   position: absolute;
-  bottom: 0px;
+  bottom: -3px;
   width: 140px;
 }
 .panelview.icons .booklist-status-img {
@@ -914,7 +926,8 @@ h3.jsmod-title {
   height: 73px;
 }
 h3.jsmod-title span {
-  background: url("/static/images/icon-h3.png") 90% center no-repeat;
+  /*			background:url("@{image-base}icon-h3.png") 90% center no-repeat; */
+
   font-size: 17px;
   color: #fff;
   padding: 26px 40px 27px 20px;
@@ -1102,9 +1115,9 @@ a {
   padding: 10px;
 }
 .js-search {
-  float: right;
-  width: 30%;
+  float: left;
   padding-top: 25px;
+  margin-left: 81px;
 }
 .js-search input {
   float: left;
@@ -1674,7 +1687,9 @@ div.content-block-content {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 16px;
+  max-height: 32px;
   color: #3d4e53;
+  overflow: hidden;
 }
 .panelview.booklist-status {
   color: #8dc63f;
@@ -1686,7 +1701,7 @@ div.content-block-content {
 }
 .panelview.icons {
   position: absolute;
-  bottom: 0px;
+  bottom: -3px;
   width: 140px;
 }
 .panelview.icons .booklist-status-img {
diff --git a/static/less/registration.css b/static/less/registration.css
deleted file mode 100644
index 9e71d3ed..00000000
--- a/static/less/registration.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.errorlist {
-  color: red;
-}
-#registration {
-  margin-left: auto;
-  margin-right: auto;
-  width: 30%;
-  margin-top: 5%;
-}
-#registration input[type="submit"] {
-  margin-left: auto;
-  margin-right: auto;
-  padding: 5px 15px;
-}
diff --git a/static/less/sitewide.css b/static/less/sitewide.css
deleted file mode 100644
index 79719b89..00000000
--- a/static/less/sitewide.css
+++ /dev/null
@@ -1,252 +0,0 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: 1px;
-  text-transform: capitalize;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-body {
-  background: url("/static/images/bg-body.png") 0 0 repeat-x;
-  padding: 0 0 20px 0;
-  margin: 0;
-  font-size: 12px;
-  font-family: Lucida "Lucida Grande", "Lucida Sans Unicode", sans-serif, Helvetica, sans-serif;
-  color: #3d4e53;
-}
-img {
-  border: none;
-}
-#js-header {
-  height: 90px;
-}
-.js-main {
-  width: 960px;
-  margin: 0 auto;
-  clear: both;
-  padding: 0;
-}
-.js-logo {
-  float: left;
-  padding-top: 20px;
-}
-.js-logo a img {
-  border: none;
-}
-.js-topmenu {
-  float: right;
-  padding-top: 25px;
-}
-.js-topmenu ul li {
-  float: left;
-  padding: 0 10px;
-}
-.js-topmenu ul li a {
-  color: #fff;
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: 1px;
-  text-transform: capitalize;
-}
-.js-topmenu ul li span#welcome {
-  color: yellow;
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: 1px;
-  text-transform: capitalize;
-}
-.js-topmenu ul lilast a {
-  background: url("/static/images/bg.png") right top no-repeat;
-}
-.js-topmenu ul lilast a span {
-  background: url("/static/images/bg.png") -770px -36px no-repeat;
-  margin-right: 29px;
-  display: block;
-  padding: 0 5px 0 15px;
-}
-#js-topsection {
-  padding: 15px 0;
-  overflow: hidden;
-}
-.js-topnews {
-  float: left;
-  width: 60%;
-}
-.js-news-text {
-  float: left;
-  width: 70%;
-  font-size: 16px;
-  color: #3d4e53;
-}
-.js-news-links {
-  float: right;
-  width: 30%;
-}
-.js-search {
-  width: 960px;
-  margin: 0 auto;
-  clear: both;
-  padding: 0;
-}
-.js-search .inputbox {
-  padding: 0 0 0 15px;
-  margin: 0;
-  border: none;
-  outline: none;
-  background: url("/static/images/bg.png") -645px -180px;
-  height: 36px;
-  line-height: 36px;
-  float: left;
-  color: #6994a3;
-}
-.js-search .button {
-  background: url("/static/images/bg.png") 100% -144px no-repeat;
-  padding: 0;
-  margin: 0;
-  width: 40px;
-  height: 36px;
-  display: block;
-  border: none;
-  text-indent: -10000px;
-  cursor: pointer;
-}
-.js-search-inner {
-  margin: 0 auto;
-}
-#js-leftcol {
-  float: left;
-  width: 235px;
-}
-#js-leftcol a {
-  font-weight: normal;
-}
-#js-leftcol a:hover {
-  text-decoration: underline;
-}
-#js-leftcol .jsmod-content {
-  border: 1px solid #edf3f4;
-  margin-left: 10px;
-  border-radius: 0 0 10px 10px;
-  -moz-border-radius: 0 0 10px 10px;
-  -webkit-border-radius: 0 0 10px 10px;
-}
-#js-leftcol ul.level1 > li > a {
-  text-transform: uppercase;
-  color: #3d4e53;
-  font-size: 12px;
-  border-bottom: 1px solid #edf3f4;
-  border-top: 1px solid #edf3f4;
-  display: block;
-  padding: 10px;
-}
-#js-leftcol ul.level2 li {
-  padding: 5px 10px;
-}
-#js-leftcol ul.level2 li a {
-  color: #6994a3;
-  line-height: 20px;
-}
-#js-maincol-fr {
-  float: left;
-  width: 725px;
-}
-div.content-block {
-  overflow: hidden;
-  background: url("/static/images/bg.png") 100% -223px no-repeat;
-  padding: 0 0 0 7px;
-}
-.content-block-heading a.block-link {
-  float: right;
-  padding: 15px;
-  font-size: 11px;
-  color: #3d4e53;
-  text-decoration: underline;
-  font-weight: normal;
-}
-div.content-block-content {
-  width: 100%;
-  overflow: hidden;
-}
-div.content-block-content .cols3 .column {
-  width: 33.33%;
-  float: left;
-}
-h2 .content-heading {
-  padding: 15px;
-  margin: 0;
-  font-size: 19px;
-  font-weight: normal;
-  color: #3d4e53;
-  float: left;
-  width: 50%;
-}
-h2 .content-heading span {
-  font-style: italic;
-}
-h3 .jsmod-title {
-  background: url("/static/images/bg.png") 0 0 no-repeat;
-  padding: 0;
-  margin: 0;
-  height: 73px;
-}
-h3 .jsmod-title span {
-  background: url(../images/icon-h3.png) 90% center no-repeat;
-  font-size: 17px;
-  color: #fff;
-  padding: 26px 40px 27px 20px;
-  display: block;
-}
-ul.menu {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  line-height: 20px;
-}
-a.readon {
-  background: url("/static/images/bg.png") 100% -72px no-repeat;
-  color: #fff;
-  text-transform: capitalize;
-  display: block;
-  float: right;
-  font-size: 13px;
-  font-weight: bold;
-}
-a.readon span {
-  background: url("/static/images/bg.png") -770px -108px no-repeat;
-  margin-right: 34px;
-  padding: 0 5px 0 20px;
-  height: 36px;
-  line-height: 36px;
-  display: block;
-}
-a {
-  font-weight: bold;
-  font-size: 13px;
-  text-decoration: none;
-  cursor: pointer;
-}
-#footer {
-  border-top: 7px solid #edf3f4;
-  clear: both;
-  height: 90px;
-  text-align: center;
-  padding-top: 5px;
-}
-#footer a {
-  color: #3d4e53;
-}
diff --git a/static/less/sitewide.less b/static/less/sitewide.less
index 3340e033..4af99d1d 100644
--- a/static/less/sitewide.less
+++ b/static/less/sitewide.less
@@ -39,7 +39,7 @@ h3 {
 		height:73px;
 		
 		span {
-			background:url("@{image-base}icon-h3.png") 90% center no-repeat;
+/*			background:url("@{image-base}icon-h3.png") 90% center no-repeat; */
 			font-size:17px;
 			color:#fff;
 			padding:26px 40px 27px 20px;
@@ -159,9 +159,9 @@ a {
 }
 
 .js-search {
-	float:right;
-	width:30%;
+	float:left;
 	padding-top:25px;
+	margin-left: 81px;
 	
 	input {
 		float: left;
diff --git a/static/less/supporter_layout.css b/static/less/supporter_layout.css
deleted file mode 100644
index 78724e97..00000000
--- a/static/less/supporter_layout.css
+++ /dev/null
@@ -1,258 +0,0 @@
-.header-text {
-  height: 36px;
-  line-height: 36px;
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 13px;
-  letter-spacing: -0.05em;
-}
-.panelborders {
-  border-width: 1px 0px;
-  border-style: solid none;
-  border-color: #FFFFFF;
-}
-.block-inner {
-  padding-right: 10px;
-}
-.user-block {
-  width: 100%;
-  clear: both;
-}
-.user-block-hide {
-  float: left;
-  width: 100%;
-  clear: both;
-}
-.user-block-hide .block {
-  float: left;
-  width: 33%;
-}
-.user-block-hide input {
-  float: left;
-  margin: 3px 10px 0 0;
-}
-.user-block-hide label {
-  float: left;
-  width: 90%;
-}
-.user-block1 {
-  float: left;
-  width: 25%;
-}
-.user-block2 {
-  color: #6994a3;
-  font-size: 11px;
-  line-height: normal;
-  float: left;
-  width: 25%;
-}
-.user-block3, .user-block4 {
-  float: right;
-  width: 25%;
-  margin-top: 10px;
-}
-img.user-avatar {
-  float: left;
-  margin-right: 10px;
-}
-.social {
-  width: 100%;
-  padding-left: 35px;
-}
-span.user-name, span.user-date, span.user-short-info {
-  display: block;
-}
-span.user-name, span.user-name a, a {
-  font-size: 12px;
-  color: #3d4e53;
-}
-span.user-status-title {
-  float: left;
-  margin-right: 8px;
-  padding-top: 5px;
-}
-span.rounded {
-  border: 1px solid #d4d4d4;
-  -moz-border-radius: 7px 7px 7px 7px;
-  -webkit-border-radius: 7px 7px 7px 7px;
-  border-radius: 7px 7px 7px 7px;
-  padding: 1px;
-  color: #fff;
-  margin: 0 8px 0 0;
-  display: inline-block;
-}
-span.rounded > span {
-  padding: 7px 10px;
-  min-width: 15px;
-  -moz-border-radius: 5px 5px 5px 5px;
-  -webkit-border-radius: 5px 5px 5px 5px;
-  border-radius: 5px 5px 5px 5px;
-  text-align: center;
-  display: inline-block;
-}
-span.blue {
-  background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
-}
-span.orange {
-  background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
-}
-span.grey {
-  background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
-}
-div.check-list {
-  float: left;
-  width: 100%;
-  padding-bottom: 7px;
-}
-a.profile-edit {
-  display: block;
-  background: url("/static/images/header/icon-edit.png") right top no-repeat;
-}
-div.profile-save {
-  padding-top: 15px;
-  border: none;
-}
-input.profile-save {
-  background: url("/static/images/header/save-setting.png") 0 0 no-repeat;
-  width: 116px;
-  height: 42px;
-  display: block;
-  text-indent: -100000px;
-  border: none;
-}
-a.my-setting {
-  background: #d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;
-  border-radius: 7px;
-  height: 50px;
-  line-height: 50px;
-  display: block;
-  padding: 0 0 0 10px;
-  font-size: 20px;
-}
-a.my-setting.active {
-  background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;
-}
-#tabs {
-  border-bottom: 4px solid #8dc63f;
-  clear: both;
-  float: left;
-  margin-left: 10px;
-  margin-top: 10px;
-  width: 100%;
-}
-#tabs ul.book-list-view {
-  margin-bottom: 4px !important;
-}
-#tabs-1, #tabs-2, #tabs-3 {
-  margin-left: 10px;
-}
-ul.tabs {
-  float: left;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-ul.tabs li {
-  float: left;
-  height: 46px;
-  line-height: 46px;
-  margin-right: 10px;
-}
-ul.tabs li a {
-  height: 46px;
-  line-height: 46px;
-  display: block;
-  text-align: center;
-  padding: 0 10px;
-  min-width: 80px;
-  border-radius: 7px 7px 0 0;
-  background: url("/static/images/header/bg-tabs1.png") left bottom repeat-x;
-}
-ul.tabs li a:hover, ul.tabs li.active a {
-  background: url("/static/images/header/bg-tabs.png") left bottom repeat-x;
-  color: #fff;
-}
-.book-list span.rounded > span {
-  line-height: normal;
-  width: 75px;
-}
-.book-list span.rounded > span a {
-  text-transform: capitalize;
-}
-div.content-block-content {
-  padding-left: 10px;
-}
-.js-news-text {
-  float: left;
-  width: 70%;
-  font-size: 16px;
-  color: #3d4e53;
-  font-family: lucida grande;
-}
-.js-news-links {
-  float: right;
-  width: 30%;
-}
-.column-left .item {
-  margin: 0 10px 10px 0;
-}
-.column-center .item {
-  margin: 0 5px 10px 5px;
-}
-.column-right .item {
-  margin: 0 0 10px 10px;
-}
-.column .item {
-  border: 7px solid #edf3f4;
-  padding: 10px;
-}
-.book-image {
-  padding: 0 0 10px 0;
-}
-.book-info {
-  padding: 0 0 10px 0;
-  line-height: 125%;
-  position: relative;
-}
-.book-info span.book-new {
-  background: url(/static/images/images/icon-new.png) 0 0 no-repeat;
-  width: 38px;
-  height: 36px;
-  display: block;
-  position: absolute;
-  right: 10px;
-  top: 0;
-}
-.book-name {
-  color: #3d4e53;
-  font-weight: bold;
-}
-.book-author {
-  color: #6994a3;
-}
-.book-status {
-  margin: 0 -10px;
-  border-top: 1px solid #edf3f4;
-  padding: 15px 10px 0 10px;
-  position: relative;
-}
-.book-status span.unglue {
-  font-style: italic;
-}
-.book-status span.status {
-  position: absolute;
-  right: 10px;
-  bottom: -5px;
-  width: 37px;
-  height: 25px;
-  display: block;
-}
-/* Do I even still need this?
-.book-status span.percent99{ background:url(../images/images/icon-book1.png) 0 0 no-repeat;}
-.book-status span.percent60{ background:url(../images/images/icon-book2.png) 0 0 no-repeat;}
-.book-status span.percent22{ background:url(../images/images/icon-book3.png) 0 0 no-repeat;}
-.book-status span.percent7{ background:url(../images/images/icon-book4.png) 0 0 no-repeat;}
-.book-status span.percent62{ background:url(../images/images/icon-book5.png) 0 0 no-repeat;}
-.book-status span.percent21{ background:url(../images/images/icon-book6.png) 0 0 no-repeat;}
-*/
\ No newline at end of file
diff --git a/static/less/variables.less b/static/less/variables.less
index e9f4cd54..0482d1a2 100644
--- a/static/less/variables.less
+++ b/static/less/variables.less
@@ -1,4 +1,4 @@
-// variables and mixins go here 
+// variables and mixins used in multiple less files go here 
 @text-blue: #3d4e53;
 @medium-blue: #6994a3;
 @pale-blue: #edf3f4;