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