application.css

body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background-color:#E6E0D9;}
body a{color:#336699;}
body h2{padding-bottom:12px;font-weight:bold;}
body h3{padding-bottom:10px;}
#container{width:80%;margin:20px auto;overflow:hidden;}
#header{background-color:#900209;padding:30px 10px 20px 10px;border-bottom:2px solid #EC9A94;overflow:hidden;}
#header h1{float:left;color:#ECEBC3;font-size:2.3em;font-weight:bold;}
#header ul.menu{margin-left:80px;margin-top:10px;float:left;overflow:hidden;}
#header ul.menu li{float:left;margin-right:20px;padding-bottom:5px;}
#header ul.menu li a{font-size:1.2em;color:#DFF6FC;text-decoration:none;}
#header ul.menu li a:hover{text-decoration:underline;}
#main{float:left;width:600px;padding-top:20px;}
#main h2{font-size:2.1em;}
#main .field-errors{border:2px solid red;background-color:#ECEBC3;padding:10px;margin-top:5px;margin-bottom:5px;}
#main .field-errors h2{font-size:1.2em}
#main .field-errors ul{list-style-type: disc;margin-left:25px;margin-top:10px;display:block;}
#main .field-errors ul li{margin-left:0px;padding-top:5px;margin:0px;}
#sidebar{padding:20px;margin-left:20px;float:left;height:650px;width:320px;border:1px dotted black;float:right;}
#sidebar p{font-weight:bold;padding-top:10px;padding-bottom:12px;}
#footer{padding:30px 10px 10px 10px;text-align:center;}

application.haml

!!! Strict
%html
  %head
    %title=[@title, "Padrino Sample Blog"].compact.join(" | ")
    =stylesheet_link_tag 'reset', 'application', 'text', '960'
    =javascript_include_tag "jquery.min", 'jquery.form', 'jquery.ui', 'application'
  %body
    #header
      %h1 Sample Padrino Blog
      %ul.menu
        %li=link_to 'Blog'
        %li=link_to 'About'
    #container
      #main= yield
      #sidebar
        %p Sidebar
    #footer
      Copyright © 2009-2010 Padrino