diff -x .svn -Naur maven-fluido-skin/src/main/resources/META-INF/maven/site.vm maven-fluido-skin.orig/src/main/resources/META-INF/maven/site.vm
--- maven-fluido-skin/src/main/resources/META-INF/maven/site.vm	2012-04-12 15:06:59.000000000 +0200
+++ maven-fluido-skin.orig/src/main/resources/META-INF/maven/site.vm	2012-04-12 15:03:11.000000000 +0200
@@ -5,7 +5,7 @@
 -->
 #macro ( topMenu $menus )
   #foreach( $menu in $menus )
-  #if ( $menu.name )
+    #if ( $menu.name )
       <li class="dropdown">
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">$menu.name <b class="caret"></b></a>
         <ul class="dropdown-menu">
@@ -114,7 +114,7 @@
       #end
       <a href="$hrf" id="$id"#if( $banner.alt ) title="$banner.alt"#end>
     #else
-      <div id="$id" style="padding-top:25px;">
+        <div id="$id">
     #end
 ##
     #if( $banner.src )
@@ -149,9 +149,7 @@
         #end
         <img src="$src" $alt$imgBorder$imgWidth$imgHeight/>
     #else
-        #if ( $topBarEnabled )
-          <h2>$banner.name</h2>
-        #end
+        <h2>$banner.name</h2>
     #end
 ##
     #if( $banner.href )
@@ -390,17 +388,17 @@
   #set ( $links = $decoration.body.links )
 
   #if ( $datePosition.equalsIgnoreCase( "right" ) && $versionPosition.equalsIgnoreCase( "right" ) )
-    #set ( $prefix = '<li class="divider pull-right hidden-phone">|</li>' )
+    #set ( $prefix = '<li class="divider pull-right">|</li>' )
   #else
     #set ( $prefix = "" )
   #end
 ##
   #if ( $datePosition.equalsIgnoreCase( $position ) )
-  #if ( ( $datePosition.equalsIgnoreCase( "right" ) ) || ( $datePosition.equalsIgnoreCase( "bottom" ) ) )
-        <li id="publishDate" class="pull-right hidden-phone">$i18n.getString( "site-renderer", $locale, "template.lastpublished" ): $dateValue</li> $prefix
-        #if ( $versionPosition.equalsIgnoreCase( $position ) )
-          <li id="projectVersion" class="pull-right hidden-phone">$i18n.getString( "site-renderer", $locale, "template.version" ): ${project.version}</li>
-        #end
+    #if ( ( $datePosition.equalsIgnoreCase( "right" ) ) || ( $datePosition.equalsIgnoreCase( "bottom" ) ) )
+        <li id="publishDate" class="pull-right">$i18n.getString( "site-renderer", $locale, "template.lastpublished" ): $dateValue</li> $prefix
+      #if ( $versionPosition.equalsIgnoreCase( $position ) )
+        <li id="projectVersion" class="pull-right">$i18n.getString( "site-renderer", $locale, "template.version" ): ${project.version}</li>
+      #end
     #elseif ( ( $datePosition.equalsIgnoreCase( "navigation-bottom" ) ) || ( $datePosition.equalsIgnoreCase( "navigation-top" ) ) )
       <div id="lastPublished">
         <span id="publishDate">$i18n.getString( "site-renderer", $locale, "template.lastpublished" ): $dateValue</span>
@@ -409,7 +407,7 @@
         #end
       </div>
     #elseif ( $datePosition.equalsIgnoreCase("left") )
-        <li id="publishDate">B $i18n.getString( "site-renderer", $locale, "template.lastpublished" ): $dateValue</li>
+        <li id="publishDate">$i18n.getString( "site-renderer", $locale, "template.lastpublished" ): $dateValue</li>
         #if ( $versionPosition.equalsIgnoreCase( $position ) )
           <li class="divider">|</li> <li id="projectVersion">$i18n.getString( "site-renderer", $locale, "template.version" ): ${project.version}</li>
         #end
@@ -419,7 +417,7 @@
     #end
   #elseif ( $versionPosition.equalsIgnoreCase( $position ) )
     #if ( $versionPosition.equalsIgnoreCase( "right" ) )
-    $prefix <li id="projectVersion" class="pull-right">$i18n.getString( "site-renderer", $locale, "template.version" ): ${project.version}</li>
+      $prefix <li id="projectVersion" class="pull-right">$i18n.getString( "site-renderer", $locale, "template.version" ): ${project.version}</li>
     #elseif ( $versionPosition.equalsIgnoreCase( "bottom" ) )
       <span id="projectVersion">$i18n.getString( "site-renderer", $locale, "template.version" ): ${project.version}</span>
     #elseif ( ( $versionPosition.equalsIgnoreCase( "navigation-bottom" ) ) || ( $versionPosition.equalsIgnoreCase( "navigation-top" ) ) )
@@ -604,17 +602,13 @@
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 
     #if( !$sideBarEnabled )
-    <ul class="nav pull-right" style="width:60px;"><li style="margin-top: 10px;">
-    #else
-    <div class="hidden-tablet">
+    <ul class="nav pull-right"><li style="margin-top: 10px;">
     #end
 
-      <div class="g-plusone" data-href="$project.url" data-size="$dataSize" #if( !$sideBarEnabled ) width="64px" align="right" #end></div>
+    <div class="g-plusone" data-href="$project.url" data-size="$dataSize" #if( !$sideBarEnabled ) width="60px" align="right" #end></div>
 
     #if( !$sideBarEnabled )
     </li></ul>
-    #else
-  </div>
     #end
   #end
 #end
@@ -635,14 +629,14 @@
       #set( $colorscheme = 'dark' )
     #end
 
-    #set( $frameWidth = 'width:64px; height:63px' )
+    #set( $frameWidth = 'width:48px; height:63px' )
     #if( !$sideBarEnabled )
-      #set( $frameWidth = 'width:90px; height:20px' )
+      #set( $frameWidth = 'width:80px; height:20px' )
     #end
 
     <iframe src="http://www.facebook.com/plugins/like.php?href=$project.url&send=false&layout=$layout&show-faces=false&action=like&colorscheme=$colorscheme"
         scrolling="no" frameborder="0"
-        style="border:none; $frameWidth; margin-top: 10px;" #if( !$sideBarEnabled ) class="pull-right" #else class="hidden-tablet" #end></iframe>
+        style="border:none; $frameWidth; margin-top: 10px;" #if( !$sideBarEnabled ) class="pull-right" #end></iframe>
   #end
 #end
 ##
@@ -668,27 +662,15 @@
     #if ( $sideBarEnabled )
       #set( $dataSize = "medium" )
       #set( $dataAlign = "left" )
-    <div id="twitter" class="visible-desktop" style="padding-right:20px;">
+    <div id="twitter">
     #else
-      #set( $dataSize = "medium" )
+      #set( $dataSize = "large" )
       #set( $dataAlign = "right" )
-    <ul class="nav pull-right" style="width:203px;"><li>
+    <ul class="nav pull-right"><li>
     #end
 
-    <div class="visible-tablet">
-      <a href="https://twitter.com/${user}" class="twitter-follow-button" data-show-count="${showfollowers}" data-align="left" data-size="${dataSize}" data-show-screen-name="${showUser}" data-lang="${locale}">Follow ${user}</a>
-      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-    </div>  
-
-    #if ( $topBarEnabled )
-      <div class="hidden-phone hidden-tablet" style="padding-top:10px;">
-    #else
-      <div class="hidden-phone hidden-tablet">
-    #end
-        <a href="https://twitter.com/${user}" class="twitter-follow-button" data-show-count="${showFollowers}" data-align="right" data-size="${dataSize}" data-show-screen-name="${showUser}" data-lang="${locale}">Follow ${user}</a>
-      </div>
-
-     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+    <a href="https://twitter.com/${user}" class="twitter-follow-button" data-show-count="${showFollowers}" data-align="${dataAlign}" data-size="${dataSize}" data-show-screen-name="${showUser}" data-lang="${locale}">Follow ${user}</a>
+    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
     #if ( $sideBarEnabled )
     </div>
@@ -737,7 +719,7 @@
       #end
     #end
 
-    <div id="ohloh" class="pull-right hidden-phone hidden-tablet">
+    <div id="ohloh" class="pull-right">
       <script type="text/javascript" src="http://www.ohloh.net/p/${projectId}/widgets/project_${widget}"></script>
     </div>
   #end
@@ -812,8 +794,8 @@
     #end
 
     #if ( $topBarEnabled )
-    <div id="topbar" class="navbar navbar-fixed-top hidden-tablet hidden-phone">
-      <div class="navbar-inner" style="height:85px;">
+    <div id="topbar" class="navbar navbar-fixed-top">
+      <div class="navbar-inner">
         #if ( $sideBarEnabled )
         <div class="container-fluid">
         #else
@@ -898,78 +880,24 @@
       </div>
     </div>
     #end
-    #if ( !$topBarEnabled )
-    <div id="topbar" class="navbar navbar-fixed-top" style="position:fixed; top:0px; padding-bottom:20px; margin-left:0px; margin-right:0px; margin-bottom:18px; height:85px;">
-      <div class="navbar-inner" style="height:85px;">
-    #else
-    <div id="topbar" class="navbar navbar-fixed-top hidden-desktop" style="position:fixed; top:0px; ">
-      <div class="navbar-inner" style="height:85px; padding-left:20px;">
-    #end  
-        #if ( $sideBarEnabled )
-        <div class="container-fluid">
-        #else
-        <div class="container" style="padding-left:10px;">
-        #end
-          ## MSKINS-31
-          #if( $decoration.body && $decoration.body.menus )
-            ##if ( !$sideBarEnabled )
-            <ul class="nav" style="float:left; margin-bottom:0; padding-right:10px; padding-left:5px;">
-                <h1 style="padding-left:30px; font-size:22px; padding-left:0px;">
-                #if( $project.name && $project.name != '' )
-                  $project.name
-                #else
-                  $project.artifactId
-                #end
-                </h1>
-              <ul class="nav" style="float:left; margin-bottom:0; padding-right:5px; padding-left:0;">
-                #if( $decoration.custom.getChild( 'fluidoSkin' ).getChild( 'facebookLike' ))
-                  #facebookLike( false )
-                #end
-              </ul>
-              <ul class="nav" style="float:left; margin-bottom:0; padding-right:5px; padding-left:0;">
-                #if( $decoration.custom.getChild( 'fluidoSkin' ).getChild( 'googlePlusOne' ))
-                  #googlePlusOne( false )
-                #end
-              </ul>
-              <ul class="nav" style="float:left; width:203px; margin-bottom:0; padding-right:5px; padding-top:10px; padding-left:20px;">
-                #if ( $decoration.custom.getChild( 'fluidoSkin' ).getChild( 'twitter' ))
-                  #followTwitter( false )
-                #end
-              </ul>
-            </ul>
-            ##end
-          #end
-        </div>
-      </div>
-    </div>
 
     #if ( $sideBarEnabled )
     <div class="container-fluid">
     #else
     <div class="container">
     #end
-      #if ( $topBarEnabled )
-        <div id="banner" class="hidden-desktop" style="padding-top:45px"></div>
-      #else
-        <div id="banner" class="hidden-desktop" style="padding-top:80px"></div>##65px
-      #end
-    
-      #if ( !$sideBarEnabled && !$topBarEnabled )
-      <div id="banner" class="hidden-phone hidden-tablet" style="padding-top:45px;">
-      #else
-      <div id="banner" class="hidden-phone hidden-tablet">
-      #end
+      <div id="banner">
         <div class="pull-left">
         #if( $decoration.bannerLeft )
           #banner( $decoration.bannerLeft "bannerLeft" )
         #else
           ## MSKINS-32
           <h1>
-              #if( $project.name && $project.name != '' )
-                $project.name
-              #else
-                $project.artifactId
-              #end
+            #if( $project.name && $project.name != '' )
+              $project.name
+            #else
+              $project.artifactId
+            #end
           </h1>
         #end
         </div>
@@ -991,7 +919,7 @@
                     && $decoration.version.position
                     && $decoration.version.position.equalsIgnoreCase( "right" ) ) )
             <li class="divider pull-right">|</li>
-            #end
+          #end
           #links( $decoration.body.links )
           #end
         </ul>
@@ -1000,7 +928,7 @@
       #if ( $sideBarEnabled )
       <div class="row-fluid">
         <div id="leftColumn" class="span3">
-          <div class="well sidebar-nav hidden-phone">
+          <div class="well sidebar-nav">
           #publishDate( "navigation-top" $decoration.publishDate $decoration.version )
           #mainMenu( $decoration.body.menus )
           #publishDate( "navigation-bottom" $decoration.publishDate $decoration.version )
diff -x .svn -Naur maven-fluido-skin/src/main/resources/css/bootstrap-2.0.css maven-fluido-skin.orig/src/main/resources/css/bootstrap-2.0.css
--- maven-fluido-skin/src/main/resources/css/bootstrap-2.0.css	2012-04-03 12:03:08.000000000 +0200
+++ maven-fluido-skin.orig/src/main/resources/css/bootstrap-2.0.css	2012-04-12 15:03:11.000000000 +0200
@@ -3609,46 +3609,63 @@
 .collapse.in {
   height: auto;
 }
-
+/*!
+ * Bootstrap Responsive v2.0.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
 .hidden {
   display: none;
   visibility: hidden;
 }
 .visible-phone {
-  display: none !important;
+  display: none;
 }
 .visible-tablet {
-  display: none !important;
+  display: none;
+}
+.visible-desktop {
+  display: block;
+}
+.hidden-phone {
+  display: block;
+}
+.hidden-tablet {
+  display: block;
 }
 .hidden-desktop {
-  display: none !important;
+  display: none;
 }
 @media (max-width: 767px) {
   .visible-phone {
-    display: inherit !important;
+    display: block;
   }
   .hidden-phone {
-    display: none !important;
+    display: none;
   }
   .hidden-desktop {
-    display: inherit !important;
+    display: block;
   }
   .visible-desktop {
-    display: none !important;
+    display: none;
   }
 }
 @media (min-width: 768px) and (max-width: 979px) {
   .visible-tablet {
-    display: inherit !important;
+    display: block;
   }
   .hidden-tablet {
-    display: none !important;
+    display: none;
   }
   .hidden-desktop {
-    display: inherit !important;
+    display: block;
   }
   .visible-desktop {
-    display: none !important ;
+    display: none;
   }
 }
 @media (max-width: 480px) {
@@ -3703,23 +3720,10 @@
     padding-left: 20px;
     padding-right: 20px;
   }
-  .navbar-fixed-top,
-  .navbar-fixed-bottom {
+  .navbar-fixed-top {
     margin-left: -20px;
     margin-right: -20px;
   }
-  .container-fluid {
-    padding: 0;
-  }
-  .dl-horizontal dt {
-    float: none;
-    clear: none;
-    width: auto;
-    text-align: left;
-  }
-  .dl-horizontal dd {
-    margin-left: 0;
-  }
   .container {
     width: auto;
   }
@@ -3729,13 +3733,16 @@
   .row {
     margin-left: 0;
   }
-  [class*="span"],
-  .row-fluid [class*="span"] {
+  .row > [class*="span"],
+  .row-fluid > [class*="span"] {
     float: none;
     display: block;
     width: auto;
     margin: 0;
   }
+  .thumbnails [class*="span"] {
+    width: auto;
+  }
   input[class*="span"],
   select[class*="span"],
   textarea[class*="span"],
@@ -3744,19 +3751,16 @@
     width: 100%;
     min-height: 28px;
     /* Make inputs at least the height of their button counterpart */
-  
+
     /* Makes inputs behave like true block-level elements */
-  
+
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
   }
-  .input-prepend input,
-  .input-append input,
   .input-prepend input[class*="span"],
   .input-append input[class*="span"] {
-    display: inline-block;
     width: auto;
   }
 }
@@ -3866,58 +3870,47 @@
   .row-fluid:after {
     clear: both;
   }
-  .row-fluid [class*="span"] {
-    display: block;
-    width: 100%;
-    min-height: 28px;
-    /* Make inputs at least the height of their button counterpart */
-  
-    /* Makes inputs behave like true block-level elements */
-  
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
+  .row-fluid > [class*="span"] {
     float: left;
     margin-left: 2.762430939%;
   }
-  .row-fluid [class*="span"]:first-child {
+  .row-fluid > [class*="span"]:first-child {
     margin-left: 0;
   }
-  .row-fluid .span12 {
+  .row-fluid > .span12 {
     width: 99.999999993%;
   }
-  .row-fluid .span11 {
+  .row-fluid > .span11 {
     width: 91.436464082%;
   }
-  .row-fluid .span10 {
+  .row-fluid > .span10 {
     width: 82.87292817100001%;
   }
-  .row-fluid .span9 {
+  .row-fluid > .span9 {
     width: 74.30939226%;
   }
-  .row-fluid .span8 {
+  .row-fluid > .span8 {
     width: 65.74585634900001%;
   }
-  .row-fluid .span7 {
+  .row-fluid > .span7 {
     width: 57.182320438000005%;
   }
-  .row-fluid .span6 {
+  .row-fluid > .span6 {
     width: 48.618784527%;
   }
-  .row-fluid .span5 {
+  .row-fluid > .span5 {
     width: 40.055248616%;
   }
-  .row-fluid .span4 {
+  .row-fluid > .span4 {
     width: 31.491712705%;
   }
-  .row-fluid .span3 {
+  .row-fluid > .span3 {
     width: 22.928176794%;
   }
-  .row-fluid .span2 {
+  .row-fluid > .span2 {
     width: 14.364640883%;
   }
-  .row-fluid .span1 {
+  .row-fluid > .span1 {
     width: 5.801104972%;
   }
   input,
@@ -3962,6 +3955,120 @@
     width: 32px;
   }
 }
+@media (max-width: 979px) {
+  body {
+    padding-top: 0;
+  }
+  .navbar-fixed-top {
+    position: static;
+    margin-bottom: 18px;
+  }
+  .navbar-fixed-top .navbar-inner {
+    padding: 5px;
+  }
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+  .navbar .brand {
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0 0 0 -5px;
+  }
+  .navbar .nav-collapse {
+    clear: left;
+  }
+  .navbar .nav {
+    float: none;
+    margin: 0 0 9px;
+  }
+  .navbar .nav > li {
+    float: none;
+  }
+  .navbar .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > .divider-vertical {
+    display: none;
+  }
+  .navbar .nav .nav-header {
+    color: #999999;
+    text-shadow: none;
+  }
+  .navbar .nav > li > a,
+  .navbar .dropdown-menu a {
+    padding: 6px 15px;
+    font-weight: bold;
+    color: #999999;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+  }
+  .navbar .dropdown-menu li + li a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > li > a:hover,
+  .navbar .dropdown-menu a:hover {
+    background-color: #222222;
+  }
+  .navbar .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    float: none;
+    display: block;
+    max-width: none;
+    margin: 0 15px;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+  .navbar .dropdown-menu:before,
+  .navbar .dropdown-menu:after {
+    display: none;
+  }
+  .navbar .dropdown-menu .divider {
+    display: none;
+  }
+  .navbar-form,
+  .navbar-search {
+    float: none;
+    padding: 9px 15px;
+    margin: 9px 0;
+    border-top: 1px solid #222222;
+    border-bottom: 1px solid #222222;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  }
+  .navbar .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  .navbar-static .navbar-inner {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .btn-navbar {
+    display: block;
+  }
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
+}
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+  }
+}
 @media (min-width: 1200px) {
   .row {
     margin-left: -30px;
@@ -4068,58 +4175,47 @@
   .row-fluid:after {
     clear: both;
   }
-  .row-fluid [class*="span"] {
-    display: block;
-    width: 100%;
-    min-height: 28px;
-    /* Make inputs at least the height of their button counterpart */
-  
-    /* Makes inputs behave like true block-level elements */
-  
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
+  .row-fluid > [class*="span"] {
     float: left;
     margin-left: 2.564102564%;
   }
-  .row-fluid [class*="span"]:first-child {
+  .row-fluid > [class*="span"]:first-child {
     margin-left: 0;
   }
-  .row-fluid .span12 {
+  .row-fluid > .span12 {
     width: 100%;
   }
-  .row-fluid .span11 {
+  .row-fluid > .span11 {
     width: 91.45299145300001%;
   }
-  .row-fluid .span10 {
+  .row-fluid > .span10 {
     width: 82.905982906%;
   }
-  .row-fluid .span9 {
+  .row-fluid > .span9 {
     width: 74.358974359%;
   }
-  .row-fluid .span8 {
+  .row-fluid > .span8 {
     width: 65.81196581200001%;
   }
-  .row-fluid .span7 {
+  .row-fluid > .span7 {
     width: 57.264957265%;
   }
-  .row-fluid .span6 {
+  .row-fluid > .span6 {
     width: 48.717948718%;
   }
-  .row-fluid .span5 {
+  .row-fluid > .span5 {
     width: 40.170940171000005%;
   }
-  .row-fluid .span4 {
+  .row-fluid > .span4 {
     width: 31.623931624%;
   }
-  .row-fluid .span3 {
+  .row-fluid > .span3 {
     width: 23.076923077%;
   }
-  .row-fluid .span2 {
+  .row-fluid > .span2 {
     width: 14.529914530000001%;
   }
-  .row-fluid .span1 {
+  .row-fluid > .span1 {
     width: 5.982905983%;
   }
   input,
@@ -4166,122 +4262,7 @@
   .thumbnails {
     margin-left: -30px;
   }
-  .row-fluid .thumbnails {
-    margin-left: 0;
-  }
-}
-@media (max-width: 979px) {
-  body {
-    padding-top: 0;
-  }
-  .navbar-fixed-top {
-    position: static;
-    margin-bottom: 18px;
-  }
-  .navbar-fixed-top .navbar-inner {
-    padding: 5px;
-  }
-  .navbar .container {
-    width: auto;
-    padding: 0;
-  }
-  .navbar .brand {
-    padding-left: 10px;
-    padding-right: 10px;
-    margin: 0 0 0 -5px;
-  }
-  .navbar .nav-collapse {
-    clear: left;
-  }
-  .navbar .nav {
-    float: none;
-    margin: 0 0 9px;
-  }
-  .navbar .nav > li {
-    float: none;
-  }
-  .navbar .nav > li > a {
-    margin-bottom: 2px;
-  }
-  .navbar .nav > .divider-vertical {
-    display: none;
-  }
-  .navbar .nav .nav-header {
-    color: #999999;
-    text-shadow: none;
-  }
-  .navbar .nav > li > a,
-  .navbar .dropdown-menu a {
-    padding: 6px 15px;
-    font-weight: bold;
-    color: #999999;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-  }
-  .navbar .dropdown-menu li + li a {
-    margin-bottom: 2px;
-  }
-  .navbar .nav > li > a:hover,
-  .navbar .dropdown-menu a:hover {
-    background-color: #222222;
-  }
-  .navbar .dropdown-menu {
-    position: static;
-    top: auto;
-    left: auto;
-    float: none;
-    display: block;
-    max-width: none;
-    margin: 0 15px;
-    padding: 0;
-    background-color: transparent;
-    border: none;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-radius: 0;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-  }
-  .navbar .dropdown-menu:before,
-  .navbar .dropdown-menu:after {
-    display: none;
-  }
-  .navbar .dropdown-menu .divider {
-    display: none;
-  }
-  .navbar-form,
-  .navbar-search {
-    float: none;
-    padding: 9px 15px;
-    margin: 9px 0;
-    border-top: 1px solid #222222;
-    border-bottom: 1px solid #222222;
-    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-  }
-  .navbar .nav.pull-right {
-    float: none;
-    margin-left: 0;
-  }
-  .navbar-static .navbar-inner {
-    padding-left: 10px;
-    padding-right: 10px;
-  }
-  .btn-navbar {
-    display: block;
-  }
-  .nav-collapse,
-  .nav-collapse.collapse {
-    overflow: hidden;
-    height: 0;
-  }
-}
-@media (min-width: 980px) {
-  .nav-collapse.collapse {
-    height: auto !important;
-    overflow: visible !important;
+  .thumbnails > li {
+    margin-left: 30px;
   }
 }