Chris@3: /* ------------------ Sidebar ----------------- */
Chris@3: 
Chris@3: @media all and (min-width: 560px) {
Chris@3:   .sidebar {
Chris@3:     float: left; /* LTR */
Chris@3:     position: relative;
Chris@3:     width: 50%;
Chris@3:   }
Chris@3:   [dir="rtl"] .sidebar {
Chris@3:     float: right;
Chris@3:   }
Chris@3:   .layout-one-sidebar .sidebar {
Chris@3:     width: 100%;
Chris@3:   }
Chris@3: }
Chris@3: @media all and (min-width: 851px) {
Chris@3:   .layout-one-sidebar .sidebar {
Chris@3:     width: 25%;
Chris@3:   }
Chris@3:   #sidebar-first {
Chris@3:     width: 25%;
Chris@3:     margin-left: -100%; /* LTR */
Chris@3:   }
Chris@3:   [dir="rtl"] #sidebar-first {
Chris@3:     margin-right: -100%;
Chris@3:     margin-left: 0;
Chris@3:   }
Chris@3:   #sidebar-second {
Chris@3:     width: 25%;
Chris@3:     margin-left: -25%; /* LTR */
Chris@3:     clear: none;
Chris@3:   }
Chris@3:   [dir="rtl"] #sidebar-second {
Chris@3:     margin-right: -25%;
Chris@3:     margin-left: 0;
Chris@3:   }
Chris@3: }
Chris@3: 
Chris@3: .sidebar .section {
Chris@3:   padding: 10px 15px 0;
Chris@3: }
Chris@3: .sidebar .block {
Chris@3:   border-style: solid;
Chris@3:   border-width: 1px;
Chris@3:   padding: 15px 20px;
Chris@3:   margin: 0 0 20px;
Chris@3: }
Chris@3: .sidebar h2 {
Chris@3:   margin: 0 0 0.5em;
Chris@3:   border-bottom: 1px solid #d6d6d6;
Chris@3:   padding-bottom: 5px;
Chris@3:   text-shadow: 0 1px 0 #fff;
Chris@3:   font-size: 1.071em;
Chris@3:   line-height: 1.2;
Chris@3: }
Chris@3: .sidebar .block .content {
Chris@3:   font-size: 0.914em;
Chris@3:   line-height: 1.4;
Chris@3: }
Chris@3: .sidebar tbody {
Chris@3:   border: none;
Chris@3: }
Chris@3: .sidebar tr.even,
Chris@3: .sidebar tr.odd {
Chris@3:   background: none;
Chris@3:   border-bottom: 1px solid #d6d6d6;
Chris@3: }