ul.asides {list-style: none; margin: 0 0 30px; padding: 0;}
ul.asides li.aside {margin: 0 0 30px; padding: 0;}

ul.images {list-style: none; margin: 0 0 30px; padding: 0;}
ul.images li.image {margin: 0 0 15px; padding: 0;}
ul.images li.image figure {}
ul.images li.image figure a {display: block;}
ul.images li.image figure img {display: block; line-height: 0;}
ul.images li.image figure figcaption {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em;}
ul.images li.image-last {margin: 0;}
ul.images.images-hf figure, ul.images.images-hp figure, ul.images.images-hpl figure {position: relative;}
ul.images.images-hf figure figcaption, ul.images.images-hp figure figcaption, ul.images.images-hpl figure figcaption {position: absolute; bottom: 0; left: 0;  padding: 5px 10px; color: #fff; background-image: url(../_images/caption-background-65.png); background-position: top left; background-repeat: repeat;}

.box {margin: 30px 0;}
.box > div {}
.box > div > div {border-radius: 5px; background: #fafafa; border: 1px solid #ccc;}
.box > div > div > div {}
.box > div > div > div > div {}
.box > div > div > div > div .box-thumbnail {line-height: 0;}
.box > div > div > div > div .box-thumbnail > div {padding: 10px 10px 0;}
.box > div > div > div > div .box-thumbnail > div img {}
.box > div > div > div > div .box-text {}
.box > div > div > div > div .box-text > div {padding: 15px 10px 10px;}
.box > div > div > div > div .box-text > div .box-title {font-weight: bold; line-height: 1.2em; color: #444;}
.box > div > div > div > div .box-text > div .box-title a {color: #444; text-decoration: none;}
.box > div > div > div > div .box-text > div .box-title + .box-subtitle {margin-top: 10px;}
.box > div > div > div > div .box-text > div .box-subtitle {line-height: 1.25em;}
.box > div > div > div > div .box-text > div .box-title + .box-teaser {margin-top: 20px;}
.box > div > div > div > div .box-text > div .box-subtitle + .box-teaser {margin-top: 20px;}
.box > div > div > div > div .box-text > div .box-teaser {font-family: sans-serif; font-size: .8em; line-height: 1.4em;}
.box > div > div > div > div .box-text > div .box-teaser :first-child {margin-top: 0; padding-top: 0;}
.box > div > div > div > div .box-text > div .box-teaser :last-child {margin-bottom: 0; padding-bottom: 0;}
.box > div > div > div > div .box-text > div .box-title + .box-more {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
.box > div > div > div > div .box-text > div .box-subtitle + .box-more {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
.box > div > div > div > div .box-text > div .box-teaser + .box-more {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
.box > div > div > div > div .box-text > div .box-more {font-size: .9em; line-height: 1.5em; text-align: right;}
.box > div > div > div > div .box-text > div .box-more a {display: inline-block; padding: 5px 15px; border: 1px solid #07d; border-radius: 5px; color: #07d; background: #fff; text-decoration: none;}
.box > div > div > div > div .box-text > div .box-more a:link {color: #07d;}
.box > div > div > div > div .box-text > div .box-more a:visited {color: #07d;}
.box > div > div > div > div .box-text > div .box-more a:hover {color: #07d; text-decoration: none;}
.box > div > div > div > div .box-text > div .box-more a:active {color: #07d;}
.box > div > div > div > div .box-text > div .box-title + .box-more-2 {margin-top: 20px;}
.box > div > div > div > div .box-text > div .box-subtitle + .box-more-2 {margin-top: 20px;}
.box > div > div > div > div .box-text > div .box-teaser + .box-more-2 {margin-top: 20px;}
.box > div > div > div > div .box-text > div .box-more + .box-more-2 {margin-top: 15px;}
.box > div > div > div > div .box-text > div .box-more-2 {font-size: .7em; line-height: 1.5em; text-align: right;}

@media all and (min-width: 480px) {
  .box > div > div > div {display: table; width: 100%; table-layout: fixed;}
  .box > div > div > div > div {display: table-row; width: 100%;}
  .box > div > div > div > div .box-thumbnail {display: table-cell; width: 30%; vertical-align: top;}
  .box > div > div > div > div .box-thumbnail > div {padding: 10px;}
  .box > div > div > div > div .box-text {display: table-cell; width: 100%; vertical-align: middle;}
  .box > div > div > div > div .box-text > div {padding: 10px;}
  .box > div > div > div > div .box-thumbnail + .box-text {width: 70%;}
  .box.full-full > div > div > div {display: block;}
  .box.full-full > div > div > div > div {display: block;}
  .box.full-full > div > div > div > div .box-thumbnail {display: block; width: 100%;}
  .box.full-full > div > div > div > div .box-thumbnail > div {padding: 10px 10px 0;}
  .box.full-full > div > div > div > div .box-text {display: block; width: 100%;}
  .box.full-full > div > div > div > div .box-text > div {padding: 15px 10px 10px;}
  .box.left {float: left; width: 50%; margin: 0;}
  .box.left > div {padding: 15px 30px 15px 0;}
  .box.left + .box.left {clear: left;}
  .box.left > div > div > div {display: block;}
  .box.left > div > div > div > div {display: block;}
  .box.left > div > div > div > div .box-thumbnail {display: block; width: 100%;}
  .box.left > div > div > div > div .box-thumbnail > div {padding: 10px 10px 0;}
  .box.left > div > div > div > div .box-text {display: block; width: 100%;}
  .box.left > div > div > div > div .box-text > div {padding: 15px 10px 10px;}
  .box.right {float: right; width: 50%; margin: 0;}
  .box.right > div {padding: 15px 0 15px 30px;}
  .box.right + .box.right {clear: right;}
  .box.right > div > div > div {display: block;}
  .box.right > div > div > div > div {display: block;}
  .box.right > div > div > div > div .box-thumbnail {display: block; width: 100%;}
  .box.right > div > div > div > div .box-thumbnail > div {padding: 10px 10px 0;}
  .box.right > div > div > div > div .box-text {display: block; width: 100%;}
  .box.right > div > div > div > div .box-text > div {padding: 15px 10px 10px;}
}

@media all and (min-width: 768px) {
  #sidebar-right .box > div > div > div {display: block;}
  #sidebar-right .box > div > div > div > div {display: block;}
  #sidebar-right .box > div > div > div > div .box-thumbnail {display: block; width: 100%;}
  #sidebar-right .box > div > div > div > div .box-thumbnail > div {padding: 10px 10px 0;}
  #sidebar-right .box > div > div > div > div .box-text {display: block; width: 100%;}
  #sidebar-right .box > div > div > div > div .box-text > div {padding: 15px 10px 10px;}
}