@media all { /* Posts */
  .ewebcams-00 {margin-bottom: 30px; background: #111 url(../_images/background-videos-03.jpg) 50% 0 repeat;}
  .ewebcams-00 .ewebcams-01 {margin: 0 auto;}
  .ewebcams-00 .ewebcams-01 .ewebcams-02 {}
  .ewebcams-00 .ewebcams-01 .ewebcams-02 > div {}
  .ewebcams-00 .ewebcams-01 .ewebcams-02 > div > div {position: relative; padding-bottom: 56.25%; overflow: hidden;}
  .ewebcams-00 .ewebcams-01 .ewebcams-02 > div > div > iframe {position: absolute; top: 0; bottom: 0; width: 100%; height: 100%;}
  ul.webcams {list-style: none; margin: 0; padding: 0;}
  ul.webcams > li {margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
  ul.webcams > li:last-child {border-bottom: none;}
  ul.webcams > li.even {}
  ul.webcams > li.odd {}
  ul.webcams > li.highlight-on {}
  ul.webcams > li.clear2 {}
  ul.webcams > li.clear3 {}
  ul.webcams > li.clear4 {}
  ul.webcams > li.clear5 {}
  ul.webcams > li.clear6 {}
  ul.webcams > li > div {display: table; width: 100%; table-layout: fixed;}
  ul.webcams > li > div > div {display: table-row; width: 100%;}
  ul.webcams > li > div > div .webcams-thumbnail {display: table-cell; width: 50%; vertical-align: top;}
  ul.webcams > li > div > div .webcams-thumbnail > div {padding: 10px;}
  ul.webcams > li > div > div .webcams-thumbnail > div a {display: block; line-height: 0;}
  ul.webcams > li > div > div .webcams-thumbnail > div img {display: block;}
  ul.webcams > li > div > div .webcams-text {display: table-cell; width: 50%; vertical-align: middle;}
  ul.webcams > li > div > div .webcams-text > div {padding: 10px 10px 10px 0;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title {font-size: .8em; line-height: 1.3em;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title a {color: #222; text-decoration: none; transition: color .25s;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title a:link {color: #222; text-decoration: none;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title a:visited {color: #222; text-decoration: none;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title a:hover {color: #745400; text-decoration: none;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title a:active {color: #745400; text-decoration: none;}
  ul.webcams > li > div > div .webcams-text > div .webcams-title::before {content: 'Webcam: '; color: #745400;}
  ul.webcams > li > div > div .webcams-text > div .webcams-subtitle {display: none;}
  ul.webcams > li > div > div .webcams-text > div .webcams-subtitle > :first-child {}
  ul.webcams > li > div > div .webcams-text > div .webcams-subtitle > :last-child {}
  ul.webcams > li > div > div .webcams-text > div .webcams-teaser {display: none;}
  ul.webcams > li > div > div .webcams-text > div .webcams-teaser > :first-child {}
  ul.webcams > li > div > div .webcams-text > div .webcams-teaser > :last-child {}
  ul.webcams.webcams-full {}
  ul.webcams.webcams-brief {}
  ul.webcams.webcams-compact {}
  ul.webcams.webcams-minimal > li > div {display: block;}
  ul.webcams.webcams-minimal > li > div > div {display: block;}
  ul.webcams.webcams-minimal > li > div > div .webcams-thumbnail {display: none;}
  ul.webcams.webcams-minimal > li > div > div .webcams-text {display: block; width: 100%;}
  ul.webcams.webcams-minimal > li > div > div .webcams-text > div {padding: 10px 0;}
  ul.webcams.webcams-minimal > li > div > div .webcams-text > div .webcams-title {font-size: .9em; line-height: 1.3em;}

  @media all and (min-width: 600px) {
    ul.webcams::after {display: block; clear: left; content: ''; height: 0; visibility: hidden;}
    ul.webcams > li {float: left; width: 50%; border: none;}
    ul.webcams > li:last-child {border: none;}
    ul.webcams > li.clear2 {clear: left;}
    ul.webcams > li > div {display: block;}
    ul.webcams > li > div > div {display: block;}
    ul.webcams > li > div > div .webcams-thumbnail {display: block; width: 100%;}
    ul.webcams > li > div > div .webcams-thumbnail > div {}
    ul.webcams > li > div > div .webcams-thumbnail > div a {}
    ul.webcams > li > div > div .webcams-thumbnail > div img {}
    ul.webcams > li > div > div .webcams-text {display: block; width: 100%;}
    ul.webcams > li > div > div .webcams-text > div {padding: 0 10px 10px;}
    ul.webcams > li > div > div .webcams-text > div .webcams-title {font-size: 1.1em;}
    ul.webcams > li > div > div .webcams-thumbnail:hover + .webcams-text > div .webcams-title a {color: #745400; text-decoration: none;}
    ul.webcams > li > div > div .webcams-text > div .webcams-subtitle {display: block; margin-top: 10px; font-size: .95em; font-weight: 300; line-height: 1.3em; color: #000;}
    ul.webcams > li > div > div .webcams-text > div .webcams-subtitle > :first-child {margin-top: 0; padding-top: 0;}
    ul.webcams > li > div > div .webcams-text > div .webcams-subtitle > :last-child {margin-bottom: 0; padding-bottom: 0;}
    ul.webcams > li > div > div .webcams-text > div .webcams-teaser {display: block; margin-top: 10px; font-size: .75em; line-height: 1.4em; color: #999;}
    ul.webcams > li > div > div .webcams-text > div .webcams-teaser > :first-child {margin-top: 0; padding-top: 0;}
    ul.webcams > li > div > div .webcams-text > div .webcams-teaser > :last-child {margin-bottom: 0; padding-bottom: 0;}
    ul.webcams.webcams-compact > li {width: 33.3333333333%;}
    ul.webcams.webcams-compact > li.clear2 {clear: none;}
    ul.webcams.webcams-compact > li.clear3 {clear: left;}
    ul.webcams.webcams-compact > li > div > div .webcams-thumbnail > div {padding: 7px;}
    ul.webcams.webcams-compact > li > div > div .webcams-text > div {padding: 0 7px 7px;}
    ul.webcams.webcams-compact > li > div > div .webcams-text > div .webcams-title {font-size: .8em; line-height: 1.3em;}
    ul.webcams.webcams-minimal > li {float: none; width: 100%; border-bottom: 1px solid #ccc;}
    ul.webcams.webcams-minimal > li:last-child {border-bottom: none;}
    ul.webcams.webcams-minimal > li > div > div .webcams-text > div {padding: 10px 0;}
    ul.webcams.webcams-minimal > li > div > div .webcams-text > div .webcams-title {font-size: .9em;}
  }

  @media all and (min-width: 800px) {
    ul.webcams > li {width: 33.3333333333%;}
    ul.webcams > li.clear2 {clear: none;}
    ul.webcams > li.clear3 {clear: left;}
    ul.webcams.webcams-minimal > li {width: 100%;}
}

  @media all and (min-width: 900px) {
    ul.webcams.webcams-compact > li {width: 16.6666666666%;}
    ul.webcams.webcams-compact > li.clear2 {clear: none;}
    ul.webcams.webcams-compact > li.clear3 {clear: none;}
    ul.webcams.webcams-compact > li.clear6 {clear: left;}
    ul.webcams.webcams-minimal > li {width: 100%;}
  }

  @media all and (min-width: 950px) {
    body.type-webcams .main-00 .main-01 .main-02 > div .main-2col .main-2col-left {width: 75%;}
    body.type-webcams .main-00 .main-01 .main-02 > div .main-2col .main-2col-right {width: 25%;}
  }

}
