/****************************/
/* STYLES
/****************************/
body {
  min-width: 1000px;
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  font-family: Georgia, "Times New Roman", serif;
  background: #cce0ee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAAFElEQVQIW2P4//8/AxYsRSTG0AsAutg8yXtuergAAAAASUVORK5CYII=') repeat center top;
  -webkit-font-smoothing: subpixel-antialiased;
}
body > iframe {
  position: absolute;
}
h1 {
  color: #000;
  margin: 0 0 0.5em 0;
  font: italic normal 34px/1 Georgia, "Times New Roman", serif;
}
h2 {
  color: #000;
  margin: 1.3em 0 0.5em 0;
  font: italic normal 28px/1 Georgia, "Times New Roman", serif;
}
h3 {
  color: #000;
  margin: 1.3em 0 0.5em 0;
  font: italic normal 22px/1 Georgia, "Times New Roman", serif;
}
h4 {
  margin: 0;
  color: #000;
  font: normal 18px/1.2 Georgia, "Times New Roman", serif;
}
h4 a {
  color: #000;
  text-decoration: none;
}
h4 a:hover {
  color: #069;
}
hgroup {
  width: 100%;
  margin: 20px 0 15px 0;
  display: inline-block;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('beforeEnd', '<em class="hgroup-after"></em>'));
  *zoom: 1;
}
hgroup:after,
hgroup em.hgroup-after {
  content: '';
  height: 19px;
  display: block;
  overflow: hidden;
  border-bottom: 1px dotted #BBB;
  border-color: rgba(0, 0, 0, 0.3);
}
hgroup h1,
hgroup h2 {
  float: left;
  margin: 0 5px 0 0;
}
hgroup h2 {
  margin-top: 2px;
}
hgroup aside {
  float: right;
  margin-left: 5px;
  line-height: 34px;
}
hgroup aside span {
  vertical-align: middle;
}
hgroup.pagetitle {
  padding: 20px 25px;
  position: relative;
  margin: -25px -25px 25px -25px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAQAAAByztdQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUCJljYZBiYWAAo/8wBib3P+kM2nGJZGD3EQB62xtBvX/u9wAAAABJRU5ErkJggg==') repeat-x top;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(255,255,255,0) 80px);
  background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(255,255,255,0) 80px);
  background-image: -ms-linear-gradient(rgba(0,0,0,0.1), rgba(255,255,255,0) 80px);
  background-image: -o-linear-gradient(rgba(0,0,0,0.1), rgba(255,255,255,0) 80px);
  background-image: linear-gradient(rgba(0,0,0,0.1), rgba(255,255,255,0) 80px);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
hgroup.pagetitle:after,
hgroup.pagetitle em.hgroup-after {
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAAiCAMAAAAwPednAAAAb1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt6r1GAAAAJXRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkfUEyegAAAuVJREFUeNrt1QlyFDEMheFkAoRlCEsghIQsBO5/RmqGqtR4mm7pSbJsN++/gMvLJ5+wzE4H6YQxqtpHs4wRGZEySqNPRm6MNBnFMbqkuJQ2qZ22jy6prk6bBpEvTTZVR1+USpP1IjMSJckGrVvb2SBt2kSQa4VHVmOTJcjh5K0T2QtjZ0JjIqVHX12ay4Azfh0DJUdF3aijrup1QJMcD2vLrhNlLwevE6NtSf6H9nLI9UbrVWq9cc1huX6NqfBqezNTWn2JRquiXBnGFHlVyCX7Oh+kZKlVWKZ4HFZfsLtIb01ZvU6tKdlImcEiR7JYi16QujBtfVB6Y6wPvmE2g0zW4tgtvwh4PnJx0EA4K6uOVKdMt8l4jR3x89KzqvNxq6Lr7dBVseqjaTXp5diaYhQ+qzuLObO2YFrvhi6Yq9mmRaVVZBTGbH9We6g7XJzVWg1a20GqwdWqE3eJirRqTJLo1AfT86tDwcHKcFXvhw42ixtFYfpNwhydFqsBhPE54enNIdxgZDitC38fjF34g7niSBGaepVOkDDGcIggP9yeCp5SnZIcKg2l5YfzMTEvaJwr6lPJUmlSBTJAYxRE3J8Wn0Kehp2ZHEQN1oVT+tRNMF/cKsQTYCmZ1IDUcAQseh1i/Ez2ZHiAOoGcxA1T5gb1eZDccDGjAk2BJWJSBgloFCwaHQL+FPoAelN4KLrtUQpvADMPq0ttX1K71OYhCxBVyNweBaGcisQ4KiwCEgWCIkAMnyxPhierk8QpsIHIIih97agIviBSBU7JpWxSBil7xDAqIWoJSv7U+BbkCe5kdTI5UZtWmQ3UlbZvqV1ps8HVGhVtCixlk7LIBY9qjJLERYbK7+xc66gwNMumJDMH5IjE3JNfesjXZd933Rx0W/bjubui+0kP+x6n/Zzpad8vrN9RYcs+/W1mJ4//6GHX/aS7sufTvS27OWx3RddlSxNkdiyU7GehF6xnSReMBcEFYc0n+genpUhNj3XldwAAAABJRU5ErkJggg==') no-repeat bottom;
}
hgroup.pagetitle h1 {
  max-width: 73%;
}
hgroup.pagetitle h3 {
  color: #555;
  float: left;
  clear: both;
  margin: 5px 0 0 0;
}
hgroup.pagetitle aside {
  color: #696969;
  font-size: 18px;
}
big,
.big {
  font-size: 18px;
}
small,
.small {
  font-size: 13px;
}
p {
  margin: 0.8em 0;
  letter-spacing: normal;
}
a {
  color: #06C;
}
a:hover,
a:active {
  color: #09F;
}
a.gray {
  color: #777;
}
a.gray:hover,
a.gray:active {
  color: #000;
}
a.red {
  color: #C30;
}
a.red:hover,
a.red:active {
  color: #F60;
}
.label {
  color: #FFF;
  height: 1.5em;
  padding: 0 5px;
  font-size: 13px;
  line-height: 1.4em;
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #69C;
  text-transform: lowercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background: #6699cc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAQAAADmB58qAAAAH0lEQVQIW2P578vC8I+F4S8Y/UFCv8EIzoCw4QikHgBibhRSnINP7AAAAABJRU5ErkJggg==') repeat-x left top;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label:hover {
  color: #FFF;
  border-color: #069;
  background-color: #069;
}
.count {
  background: none;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  font: bold 32px Arial, Helvetica, sans-serif;
}
.freelancer {
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  text-indent: -5000px;
  background: url('../img/sprites.png') no-repeat -70px 0;
}
.avatar {
  padding: 5px;
  background: #FFF;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.userpic {
  padding: 3px;
  background: #DDD;
  position: relative;
  margin: 3px 0 0 5px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('beforeEnd', '<em class="after"></em>'));
}
.userpic:after,
.userpic em.after {
  top: 19px;
  height: 0;
  left: 100%;
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 0 5px 5px;
  border-left-color: #DDD;
}
.userpic img {
  display: block;
  background: #DDD;
  border: 1px solid #FFF;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.userpic.owner {
  background-color: #FC6;
}
.userpic.owner:after,
.userpic.owner em.after {
  border-left-color: #FC6;
}
.no-boxshadow .avatar {
  border: 1px solid #DDD;
}
.toc {
  margin-left: 0;
  list-style: none;
}
.toc li {
  margin: 3px 0;
  overflow: hidden;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('beforeEnd', '<em class="after"></em>'));
}
.toc li:after,
.toc li em.after {
  content: '';
  height: 0.7em;
  display: block;
  overflow: hidden;
  border-bottom: 1px dotted #CCC;
  border-color: rgba(0, 0, 0, 0.2);
}
.toc li dfn {
  float: left;
  margin-right: 3px;
  font-style: normal;
}
.toc li var {
  float: right;
  margin-left: 3px;
  font-style: normal;
}
.nocover {
  display: block;
  background: #FCFCFC;
  border: 2px solid #EEE;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.prev,
.next {
  left: 0;
  top: 50%;
  opacity: 0;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  margin-top: -16px;
  position: absolute;
  visibility: hidden;
  background: url('../img/sprites.png') no-repeat 0 -68px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.prev:hover,
.next:hover {
  opacity: 1 !important;
}
.next {
  right: 0;
  left: auto;
  background-position: -32px -68px;
}
.tagcloud {
  margin-top: 1.3em;
  padding-top: 20px;
  text-align: center;
  white-space: normal;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAAiCAMAAAAwPednAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbeq9RgAAACV0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJH1BMnoAAAMuSURBVHja7ZrbcsMgDETZ6f9/8/at0za20Q0QWH6KQQhQ9iAgwVdrrbWG9u/B3xc81l59xm3NRwWujX6/4fO16/jiHZ0GkHn9KbqtuCm/q2xPjSIeWswp98WbCl6/sWPETo+UfWZ3IK3xrv2nY/a6vBg3BdNAX2gdSUtoQDNUib37Xu+0Dh0ScIMUBlwwlzR5oALexyL7K2XgPraixXtv2fhfhJ4K0C3pJVE5EGJW+5kKuuVEMX1zxXLqonIlYyokmPak/ciFnC4H2p8FVE8fElnABGfHN1TYwL00iEo0EZCChJxQMtBQi6UoTfZLuha6bEXZVloHmyQC8MkNFjqhxNeQ6GRYaned8BKUK/e5EWUQlxQZStIp1QYxiY2uECBEa2ZAEWIiS3LK2VqTnwI07EadyFS9W5UnEMaUmEw0oClXJ1jkgRGEmu9LpL1COSE4AVIjhqzUSRtQX0uNPR12NHdA94rSq4VdE+qmzuzkLIxdb6Ye9TCTtRGHR4syNeL3FbL52RPEidbv13nvoN3SBWwXEbbWhJ3y9jkJWhn0nSDVwqbOD/0ubMdfqUnY7R5Ck6YeJ4T1ELUdPf9iJiThOdIoI9B1pDcGhTL8l2RHarXUYUBfwTedeyfC2N8yHKq21HFAX+ERUSoEobZj8pAvfw3ZXeIdDEbuX+OzprdWGwqOFQjCrd1oePMaVs38XBoZZubbEXLCkuHdyVuVglEtkITr0fOc5ZKradS0mEQMV88zVjJjrycwme61W82sf+BetWWNZYVDw8IE3zxmNMRirwHBOvx2dMb5ictHEL+ShcoCMxtj8MhwPGizhcfBTTgTIGbhJlPGwORxIl/Ulp8WObktF0yaGXkZ7h3TW2JvuJLDyunDYL4grFBImusLFFRbQMssxHAzPJb0h7xRQME1yyl3mGpGpWALtylIwj56Sr2jzRoqbK6x1e5rbzpcvtx47JuKCCfPG4VVhl75Ts3vMrhKbKdiwNL5GUMtRHcSPUvZrx15/WOmxvVWyaBm8BbNHjSD89ft2j1W/i2h1mzrKeRKlhWFgq3kV/Gpp1ArkVX8CrISUT3bRbuwmvh8Ayv/IzW/5HHyAAAAAElFTkSuQmCC') no-repeat top;
}
.tagcloud a {
  margin: 0 3px;
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.tagcloud a.s1 {
  font-size: 110%;
}
.tagcloud a.s2 {
  font-size: 120%;
}
.tagcloud a.s3 {
  font-size: 130%;
}
.tagcloud a.s4 {
  font-size: 140%;
}
.tagcloud a.s5 {
  font-size: 150%;
}
.tagcloud a.s6 {
  font-size: 160%;
}
.tagcloud a.s7 {
  font-size: 170%;
}
.tagcloud a.s8 {
  font-size: 180%;
}
.tagcloud a.s9 {
  font-size: 190%;
}
.adblock {
  margin-top: 1.3em;
  padding-top: 1.3em;
  text-align: center;
  border-top: 1px dotted #DDD;
}
.wrapext {
  min-height: 100%;
}
.wrapint {
  padding-bottom: 100px;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
header {
  padding: 10px 0;
  position: relative;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
  background: #006699 url('../img/waves.png') repeat top;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin', '<em class="header-before"></em>'));
}
header:before,
header:after,
header em.header-before {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAQAAADtJZLrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUGJVjYWBgYWBkgZJwhMZFRkw4uGgMrFw4SYwgGVoIOgOP+zERepgAADc1AhDh18Z9AAAAAElFTkSuQmCC') repeat-x bottom;
  background-size: contain;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
}
header:after {
  background-image: -webkit-radial-gradient(top, circle cover, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
  background-image: -moz-radial-gradient(top, circle cover, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
  background-image: -ms-radial-gradient(top, circle cover, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
  background-image: -o-radial-gradient(top, circle cover, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
  background-image: radial-gradient(top, circle cover, rgba(0,0,0,0.2), rgba(0,0,0,0.5));
}
header .wrapper {
  z-index: 3;
  position: relative;
}
header .logo {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
header .name {
  color: #FFF;
  height: 25px;
  font-size: 19px;
  line-height: 27px;
  margin-left: 10px;
  padding-left: 10px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #789;
}
nav {
  height: 80px;
  line-height: 80px;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('beforeEnd', '<em class="nav-after"></em>'));
}
nav em.nav-after {
  display: inline-block;
}
nav ul {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
nav li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #789;
}
nav li:first-child {
  border: 0;
}
nav li a {
  color: #9AB;
  height: 25px;
  display: block;
  font-size: 19px;
  line-height: 25px;
  text-decoration: none;
  border-bottom: 1px dotted #89A;
}
nav li a:hover {
  color: #FFF;
  border-color: #FFF;
}
nav li.selected a {
  border: 0;
  color: #FFF;
}
footer {
  color: #9AB;
  height: 75px;
  padding-top: 25px;
  margin-top: -100px;
  position: relative;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
  background: #003355 url('../img/waves.png') repeat top;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin', '<em class="footer-before"></em>'), insertAdjacentHTML('beforeEnd', '<em class="footer-after"></em>'));
}
footer:before,
footer:after,
footer em.footer-before,
footer em.footer-after {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAQAAADtJZLrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdJREFUGNNjYfBlYWBgYfiPm8TFxWRjcgmK/6eSeuKtxup4PP5FkAAtGk6RZbZhsgAAAABJRU5ErkJggg==') repeat-x top;
  background-size: contain;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: -o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
}
footer:after,
footer em.footer-after {
  height: 6px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAQAAACoGTy6AAAAGUlEQVQIHWNh2MzC8IqF4SELwx0WhttABgArOwUvbsC6AgAAAABJRU5ErkJggg==') repeat-x top;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
  background-image: -o-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
  background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
}
footer .wrapper {
  z-index: 3;
  position: relative;
}
footer small {
  font-size: 15px;
}
footer small span,
footer small a {
  margin-right: 15px;
  display: inline-block;
}
footer a {
  color: #9AB;
  text-decoration: none;
}
footer a:hover {
  color: #FFF;
}
footer a.powered {
  margin: 0;
  opacity: 0.5;
  width: 115px;
  height: 28px;
  display: block;
  text-indent: -5000px;
  text-decoration: none;
  background: url('/img/powered.png') no-repeat left top;
}
footer a.powered:hover {
  opacity: 1;
}
.content {
  z-index: 1;
  position: relative;
  padding: 40px 0 60px 0;
}
.content:before {
  left: 0;
  top: 1px;
  content: '';
  width: 100%;
  height: 30px;
  position: absolute;
  background-image: -webkit-radial-gradient(top, farthest-side, rgba(0,0,0,0.3), rgba(128,128,128,0));
  background-image: -moz-radial-gradient(top, farthest-side, rgba(0,0,0,0.3), rgba(128,128,128,0));
  background-image: -ms-radial-gradient(top, farthest-side, rgba(0,0,0,0.3), rgba(128,128,128,0));
  background-image: -o-radial-gradient(top, farthest-side, rgba(0,0,0,0.3), rgba(128,128,128,0));
  background-image: radial-gradient(top, farthest-side, rgba(0,0,0,0.3), rgba(128,128,128,0));
}
.contentbox {
  padding: 30px;
  background: #FFF;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.no-boxshadow .contentbox {
  padding: 29px;
  border: 1px solid #BCD;
}
.no-opacity footer a.powered {
  zoom: 1;
  filter: alpha(opacity=50);
}
.no-opacity footer a.powered:hover {
  filter: none;
}
.featured {
  position: relative;
  padding: 17px 25px 0 25px;
  margin: -25px -25px 20px -25px;
  background: #ffee99 url('../img/stars.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin', '<em class="featured-before"></em>'));
  *zoom: 1;
  *top: -25px;
  *left: -25px;
  *width: 100%;
}
.featured:before,
.featured em.featured-before {
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  content: '';
  height: 100%;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFeCAQAAADus72UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUOMtjYACD/4xMDAxMDMgkGheNJF6KbAaRbIJcrCK4BImUJU/lKKJu8BIZrcSnFoJsPIIMxIkTmYnwZ0N6IADWmQS1DGurqgAAAABJRU5ErkJggg==') repeat-x bottom;
  background-size: contain;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 90%);
  background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 90%);
  background-image: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 90%);
  background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 90%);
}
.carousel {
  margin: 0 -15px;
  overflow: hidden;
  position: relative;
}
.carousel .wrapbox {
  width: 1000%;
  position: relative;
}
.carousel .wrapbox li {
  margin: 0;
}
.carousel .item {
  width: 280px;
  padding: 8px;
  margin: 0 7px;
  background: #FFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.carousel:hover .prev,
.carousel:hover .next {
  opacity: 0.5;
  visibility: visible;
}
.carousel .prev,
.carousel .next {
  top: 40%;
}
.intro {
  font-size: 22px;
  font-style: italic;
  margin-bottom: 1.3em;
}
.updates {
  margin: 0 -30px;
  padding: 0 15px;
  position: relative;
  background: #e3e9f3 url(../img/stars.png) repeat top;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin', '<em class="updates-before"></em>'), insertAdjacentHTML('beforeEnd', '<em class="updates-after"></em>'));
}
.updates:before,
.updates em.updates-before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: '';
  height: 50%;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAQAAACD+0N+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUKJFjYWBg+c/IAiQZGMEIzkBjMxIhDkFMRIgTZDNh46KJU0gSI0i5FjyCZJPEBBSRbGIijvjEgEhFACn4BR6PKEmaAAAAAElFTkSuQmCC') repeat-x bottom;
  background-size: contain;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  background-image: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}
.updates:after,
.updates em.updates-after {
  top: 0;
  left: 0;
  width: 100%;
  content: '';
  height: 6px;
  position: absolute;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAQAAACoGTy6AAAAGUlEQVQIHWNhMGZh+MXC8J2F4RsLw1cgAwAmGwUfsN9ftQAAAABJRU5ErkJggg==') repeat-x top;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
  background-image: -o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
  background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
}
.updates article {
  padding: 0 15px;
  position: relative;
}
.updates h2 {
  color: #900;
  font-size: 22px;
  position: relative;
  margin: 0 0 1.5em 0;
  padding: 15px 0 0 42px;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin', '<em class="before"></em>'));
}
.updates h2:before,
.updates h2 em.before {
  top: 0;
  left: 0;
  content: '';
  width: 36px;
  height: 54px;
  position: absolute;
  background: url('../img/sprites.png') no-repeat 0 0;
}
.updates h4 {
  margin: 0;
  display: inline;
  vertical-align: middle;
}
.updates ul {
  margin: 0;
  list-style: none;
}
.updates ul li {
  display: block;
  margin-bottom: 1em;
}
.updates p {
  margin: 0.4em 0;
}
.no-boxshadow .updates {
  margin: 0 -29px;
}
.worklist {
  margin: 0 -15px;
}
.worklist ins {
  width: 33.33%;
}
.worklist .item {
  position: relative;
  padding: 0 15px 30px 15px;
}
.workcaption {
  padding: 8px 0;
  display: block;
  overflow: hidden;
}
.workcaption mark {
  float: right;
  font-size: 15px;
  background: none;
  line-height: 24px;
  padding-left: 5px;
}
.workcaption mark span {
  margin-left: 2px;
  padding-left: 13px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
}
.workcaption mark span.work-rating {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcElEQVQYlWNg6GBgwILDsYpjEeQH4rdQmqDiBCD+D6UJKt4FVbwLm+IiqCQhXATTlQbE33AoAoknozvDAIhfoSl8BRXHcDMnFtO/QcUxFHtDFXwG4glQ+j9UHEPxfCA+AMSKUL4ilL8Im2LMcEUTBwAzdGphYqI7NwAAAABJRU5ErkJggg==');
}
.workcaption mark span.work-comment {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAc0lEQVQYlWP4//8/A7GYgSHtDAzbA/EWIL4ExP+h9BaoOEQNkOCECv7Hg7eA1QGJXgIKYbgXpPgVkYpfgRS/JVLxW5DiCUQqnkCsB3fBPAjDTkC8HYhvQBV8RlJcBws6XBhkYyMQf4PajFcxDKsA8RwQGwB3sOzIYw94ywAAAABJRU5ErkJggg==');
}
.workcaption h4 {
  height: 24px;
  font-size: 20px;
  overflow: hidden;
  line-height: 24px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.workcaption p {
  clear: both;
  color: #555;
  margin: 0.2em 0;
  font-size: 16px;
  overflow: hidden;
  max-height: 2.4em;
  line-height: 1.2em;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.workcaption small {
  color: #888;
  display: block;
  font-size: 12px;
  margin-top: 0.5em;
}
.imageset {
  width: 560px;
  height: 560px;
  position: relative;
}
.imageset:hover .prev,
.imageset:hover .next {
  opacity: 0.5;
  visibility: visible;
}
.imageset .prev {
  left: 10px;
}
.imageset .next {
  right: 10px;
}
.imageset ul {
  margin: 0;
  list-style: none;
}
.imageset ul li {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: absolute;
  text-align: center;
  line-height: 560px;
}
.imageset ul li img {
  vertical-align: middle;
}
.imageset ol {
  left: 0;
  right: 0;
  margin: 0;
  bottom: 5px;
  font-size: 0;
  list-style: none;
  position: absolute;
  text-align: center;
}
.imageset ol li {
  color: #000;
  width: 16px;
  height: 20px;
  cursor: pointer;
  font-size: 39px;
  line-height: 16px;
  display: inline-block;
  text-shadow: 0 0 2px #FFF;
  -webkit-font-smoothing: antialiased;
  *zoom: 1;
  *display: inline;
}
.details {
  width: 300px;
}
.details .toc {
  font-size: 18px;
  margin-bottom: 0.8em;
}
.details .toc dfn {
  color: #777;
}
.files {
  margin: 1em 0;
  list-style: none;
}
.files li {
  color: #555;
  margin: 0.3em 0;
  font-size: 14px;
  padding-left: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA2ElEQVR42q2UsQrCMBRFg4IU0kVBhIp+gIviIAqujk6KQmkRFAsScRA/oH9e73Ah5SHhVXrhkN4mnBLS1lRV1QradMAKHMAN7MHMNIwFBSh/cAV9reQBSo5TEHFMvayZxFJSz5Hzc61kCDL2D5hy3Zj3TjqJ709wB28eQOS3p5c4dsceg4TXmVoiei7Wb0IS2V1gvgdMFxR/ShywhlmLI85rfaSSMBdOJOw7kIYlfKhIzsmB8Yk1EpmF+G4m4CW3G5TIV11QACu2yx7OEpxBBrY8TXVa+7F9AdCXqVwzEEgAAAAAAElFTkSuQmCC') no-repeat left top;
}
.tags {
  color: #888;
  margin: 1em 0;
  font-size: 14px;
  padding-left: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAhElEQVR42q3QwQmAMAxA0U4iCA4gLhA6jidxg25eDRQKfk0MGvinkgdNqrWmwEgLA8hBSktiEJGsAQPkI6IBA+QjRQNGyEeeMIXiCN+yQt8Rfi2O4NjGMU3kCs3GMQ2E0E6oYwYCqBgJER8aNWBAfGjSAgigDctA3kHDzcHXswULBvRLB5gXp1YFNxVhAAAAAElFTkSuQmCC') no-repeat left top;
}
.tags a {
  color: #777;
}
.tags a:hover {
  color: #000;
}
.description {
  font-size: 18px;
  margin-top: 1.5em;
}
.testimonials {
  list-style: none;
  margin: 20px 0 0 0;
}
.testimonials li {
  margin: 0.5em 0;
  position: relative;
  background: #FCF9F0;
  padding: 20px 30px 20px 80px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  *zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin', '<em class="testimonials-before">“</em>'));
}
.testimonials li:before,
.testimonials li em.testimonials-before {
  left: 10px;
  top: -15px;
  content: '“';
  color: #DCD9D0;
  font-size: 120px;
  font-weight: bold;
  position: absolute;
  font-style: normal;
}
.testimonials p {
  font-style: italic;
  margin: 0 0 0.5em 0;
}
.testimonials small {
  color: #7C7970;
  display: block;
}
.comments ul {
  margin: 0;
  list-style: none;
}
.comments ul li {
  overflow: hidden;
  padding: 15px 0 0 0;
}
.comments ul li:first-child {
  border: 0;
  padding: 0;
}
.comments ul li ul {
  padding: 15px 0 0 30px;
}
.comments article {
  overflow: hidden;
  padding: 0 0 15px 15px;
}
.comments article p {
  margin: 0 0 0.3em 0;
}
.comments article small {
  display: block;
  overflow: hidden;
}
.comments article em {
  float: left;
  color: #777;
}
.comments article .button {
  float: right;
  visibility: hidden;
}
.comments article:hover .button {
  visibility: visible;
}
.comments .userpic,
.comments .userpic img {
  float: left;
}
.userinfo {
  padding-left: 20px;
}
.userinfo p {
  margin-bottom: 0;
}
.social {
  margin: 2em 0;
  overflow: hidden;
  list-style: none;
}
.social li {
  width: 49%;
  padding: 0;
  float: left;
  margin: 2px 0;
}
.social a {
  line-height: 32px;
  padding-left: 36px;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.social a:before {
  left: 0;
  top: 50%;
  content: '';
  width: 32px;
  height: 32px;
  margin-top: -16px;
  position: absolute;
  background: url('../img/sprites.png') no-repeat;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.social a.twitter:before {
  background-position: -170px 0;
}
.social a.facebook:before {
  background-position: -202px 0;
}
.social a.linkedin:before {
  background-position: -170px -32px;
}
.social a.googleplus:before {
  background-position: -202px -32px;
}
.social a.dribbble:before {
  background-position: -170px -64px;
}
.social a.pinterest:before {
  background-position: -202px -64px;
}
.social a.flickr:before {
  background-position: -170px -96px;
}
.social a.tumblr:before {
  background-position: -202px -96px;
}
.connections {
  margin: 2em 0;
  overflow: hidden;
}
.connections .presenter {
  width: 49%;
  float: right;
  background: #EEE;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0));
}
.connections .presenter:first-child {
  float: left;
}
.connections .badge {
  top: 50%;
  left: 10px;
  display: block;
  position: absolute;
  text-indent: -5000px;
  background: url(../img/sprites.png) no-repeat;
}
.connections .placeholder {
  height: 75px;
  margin: 10px 10px 10px 35px;
}
.connections .placeholder.busy {
  background: url('../img/busy.gif') no-repeat center center;
}
.connections .fl .badge {
  width: 19px;
  height: 61px;
  margin-top: -30px;
  background-position: -50px 0;
}
.connections .fl img {
  padding-right: 5px;
}
.connections .tw .badge {
  left: 12px;
  width: 14px;
  height: 65px;
  margin-top: -32px;
  background-position: -36px 0;
}
.connections .tw li {
  color: #555;
  width: 100%;
  font-size: 12px;
}