body {
  background: #202020;
  line-height: 1.4em;
  font-family: Helvetica, Arial;
  font-size: 10pt;
  color: #fff;
  text-shadow: #000 0 1px 1px; }

#head {
  height: 49px;
  line-height: 49px;
  background-color: #111;
  margin-bottom: 20px;
  border-bottom: 1px solid #454545; }
  #head .content {
    width: 960px;
    margin: 0 auto;
    position: relative; }
  #head a.logo {
    display: block;
    height: 49px;
    width: 210px;
    background: url(images/logo.gif) 20px center no-repeat;
    text-decoration: none; }
  #head .loginInfo {
    position: absolute;
    height: 49px;
    line-height: 49px;
    top: 0;
    right: 20px;
    color: #707070; }
    #head .loginInfo a {
      color: #707070; }
      #head .loginInfo a.name {
        text-decoration: none;
        font-weight: bold;
        color: #fff; }
  #head .beta {
    position: absolute;
    height: 49px;
    line-height: 49px;
    top: 0;
    right: 20px;
    color: #707070; }
    #head .beta strong {
      color: #fff; }
    #head .beta a {
      color: #707070; }

#foot {
  clear: both; }

h1 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 2em;
  padding: 0; }

a {
  color: #153a52; }

.contentBox {
  background-color: #e3e4e9;
  color: #1e1e1e;
  text-shadow: #f5f5f7 0 1px 1px;
  -webkit-box-shadow: #000 3px 3px 7px;
  -moz-box-shadow: 3px 3px 7px #000;
  border: 1px solid #fff;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .contentBox .content {
    padding: 20px; }

.button {
  display: block;
  text-decoration: none;
  width: 15em;
  height: 34px;
  padding-right: 8px;
  background: url(images/button-right.png) top right no-repeat; }

.button span {
  display: block;
  padding-left: 8px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: url(images/button-left.png) top left no-repeat;
  font-weight: bold;
  color: #cadeeb;
  text-shadow: rgba(0,0,0,0.5) 0 1px 0; }

.button:hover {
  background: url(images/button-right.png) -34px right no-repeat; }

.button:hover span {
  background: url(images/button-left.png) -34px left no-repeat;
  color: white; }

#head .content {
  width: 690px; }
#head.withSidebar .content {
  width: 960px; }

#foot {
  clear: both; }

#content {
  width: 690px;
  margin: 0 auto;
  position: relative; }
  #content.withSidebar {
    width: 960px; }

.profile {
  color: #fff;
  height: 50px;
  position: relative;
  margin-bottom: 20px; }
  .profile .avatar {
    width: 50px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 20px;
    -webkit-box-shadow: #000 3px 3px 7px;
    -moz-box-shadow: 3px 3px 7px #000; }
  .profile .name {
    font-size: 1.5em;
    line-height: 50px;
    position: absolute;
    left: 20px;
    text-shadow: #000 0 2px 1px;
    letter-spacing: 0.05em; }
  .profile .button {
    position: absolute;
    right: -2px;
    top: 10px;
    width: 240px; }
  .profile.withAvatar .name {
    left: 90px; }

img.no-album {
  position: absolute;
  top: 50px;
  right: 0; }

.albumList {
  float: left;
  width: 690px;
  background-color: #e3e4e9;
  color: #1e1e1e;
  text-shadow: #f5f5f7 0 1px 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: #000 3px 3px 7px;
  -moz-box-shadow: 3px 3px 7px #000;
  border: 1px solid #fff;
  margin-bottom: 20px; }
  .albumList .album {
    clear: both;
    overflow: hidden;
    width: 650px;
    padding: 10px 20px 0 20px;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 40%, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0))); }
  .albumList .even {
    background-color: #dadbdf; }
  .albumList .album .content {
    position: relative;
    width: 650px;
    height: 230px; }
  .albumList .first {
    border-top-width: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px; }
  .albumList .last {
    border-bottom-width: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px; }
  .albumList .pages {
    background-color: #bdbdbd;
    height: 1.9em;
    padding-top: 0.5em;
    padding-right: 20px;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px; }
    .albumList .pages .links {
      float: right;
      line-height: 1.4em;
      height: 1.4em; }
      .albumList .pages .links span, .albumList .pages .links a {
        float: left;
        margin-left: 5px; }
      .albumList .pages .links a {
        font-weight: bold;
        padding: 0 4px;
        text-decoration: none;
        text-align: center;
        border: 1px solid transparent;
        color: #666;
        position: relative;
        top: -1px; }
        .albumList .pages .links a:hover {
          border: 1px solid #153a52;
          color: #153a52; }
        .albumList .pages .links a.current {
          border: 1px solid #153a52;
          background-color: #153a52;
          color: #bdbdbd; }

.album .name {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 2em;
  padding: 0; }
  .album .name a {
    text-decoration: none;
    color: #1e1e1e; }
.album .info {
  line-height: 1.7em;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 170px;
  padding: 0; }
  .album .info .publishDate {
    margin-bottom: 1em; }
.album.notPublished .teaser img.not-published {
  display: block; }
.album .teaser img.not-published {
  position: absolute;
  top: -3px;
  left: -3px;
  display: none; }
.album .description {
  padding: 20px 0;
  color: #666; }
.album .buttons {
  position: absolute;
  width: 170px;
  top: 0;
  right: 0; }
  .album .buttons .link {
    clear: left;
    float: left;
    width: 160px;
    color: #1e1e1e; }
.album a.link .label {
  display: block;
  line-height: 2em;
  padding-left: 20px; }
.album a.link .slideshow {
  background: url(images/albums/button-slideshow.gif) center left no-repeat; }
.album a.link .showalbum {
  background: url(images/albums/button-showalbum.gif) center left no-repeat; }
.album a.link .edit {
  background: url(images/albums/button-edit.gif) center left no-repeat; }

.sidebar {
  float: right;
  width: 240px;
  background-color: #e3e4e9;
  color: #1e1e1e;
  text-shadow: #fff 0 1px 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: #000 3px 3px 7px;
  -moz-box-shadow: 3px 3px 7px #000;
  font-size: 0.9em;
  line-height: 1.3em;
  border: 1px solid #fff; }
  .sidebar .content {
    padding: 10px; }
  .sidebar h3 {
    font-size: 1.2em;
    margin-bottom: 0.8em; }
  .sidebar .section {
    margin-bottom: 1em; }