/*
  Width = 500
*/
@import "/skins/shared.css";
body {
  background-color: #FFF;
  /* Customizable as color Background */
}
.pagination a, #footer a, ul#filter li.sel a {
  color: #fff;
  /* Customizable as color Background */
}
h1 a, #admin-h1 {
  color: #000;
  /* Customizable as color Header */
}
#headercontainer {
  border-color: #000;
  /* Customizable as color Header */
}
#header #avatar, ul#accounts li {
  background-color: #000;
  /* Customizable as color Header */
}
body, .post .meta .time, .post .content blockquote, .post .content cite, .source a, #admin-description {
  color: #000;
  /* Customizable as color Fonts */
}
#content h2 {
  color: #777;
  /* Customizable as color Dates */
}
/* TODO: bug in customization, in previous version h1 a would override
     a as more specific, but here we do all selectors so this breaks */
a {
  color: #2faaff;
  /* Customizable as color Links */
}
.pagination a, ul#friendslist, ul#filter li.sel a {
  background-color: #2faaff;
  /* Customizable as color Links */
}
body, textarea, .post .content cite, .post .content cite input {
  font-family: Arial, Helvetica, sans-serif;
  /* Customizable as font Text */
}
.post .content blockquote, .post .content blockquote textarea {
  font-family: Georgia, "Trebuchet MS", sans-serif;
  font-style: italic;
}
.admin-style-header_1, #header h1, #header h1 input, #content h2 {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -.08em;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  font-variant: normal;
}
body {
  font-size: 100%;
  margin: 0;
}
#footer a.feed {
  background: url(/images/rss14.png) left center no-repeat;
  padding-left: 18px;
}
h1, h2, h3, h4, h3 input {
  margin: 0;
  letter-spacing: -1px;
}
/* Block "Style 1" for Header */
#header h1, #header h1 input, #content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-variant: normal;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -.08em;
}
/* End of block */
/* Block "Style 2" for Header */
/*#header h1, #header h1 input, #content h2 {
    font-family: Georgia;
    font-variant: normal;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0;
  }
  #content h2 { font-style: normal }
  */
/* End of block */
/* Block "Style 3" for Header */
/*#header h1, #header h1 input, #content h2 {
    font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0;
  }*/
/* End of block */
/* Block "Style 4" for Header */
/*#header h1, #header h1 input, #content h2 {
    font-family: 'Trebuchet MS',sans-serif;
    font-variant: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.03em;
  }*/
/* End of block */
/* Block "Style 5" for Header */
/*#header h1, #header h1 input, #content h2 {
    font-family: Futura, Corbel, 'Trebuchet MS', Arial, sans-serif;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
  }*/
/* End of block */
/* Block "Style 6" for Header */
/*#header h1, #header h1 input, #content h2 {
    font-family: 'American Typewriter', 'Courier New', Courier, sans-serif;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
  }*/
/* End of block */
input, textarea {
  font-size: 1em !important;
}
#posts, #friendslist, #header, #filter, #footer, .pagination, #accounts, #groups_friends, #description_search {
  width: 565px;
  /* Customizable as s***ize Width 350..700  this needs width calculation before it can be activated */
  margin: 0 auto;
}
#contentcontainer2 {
  position: relative;
}
#headercontainer {
  overflow: hidden;
}
/* Block Show for Line */
#headercontainer {
  border-top-width: .5em;
  border-top-style: solid;
}
#accountcontainer {
  position: absolute;
  top: .5em;
}
/* End of block */
/* Block Hide for Line */
/*
  #headercontainer {
    border-top-style: none;
  }
  #accountcontainer {
    position: absolute;
    top: 0;  
  }  
  */
/* End of block */
#header h1 {
  font-size: 2.8em;
  margin: 2em auto .4em auto;
  float: left;
  clear: left;
}
#header h1 input {
  font-weight: bold;
}
#header h1 input.text {
  background: transparent;
}
#header h1 input.submit {
  font-size: .7em !important;
  padding: .2em;
}
#header h1 a {
  padding-top: 0;
  text-decoration: none;
}
#header h4 {
  display: none;
}
#header #avatar {
  margin: 0;
  padding: .3em;
  padding-bottom: .1em;
  padding-top: 0;
  -moz-border-radius-bottomleft: .5em;
  -moz-border-radius-bottomright: .5em;
  float: right;
  border-radius-bottomleft: .5em;
  border-radius-bottomright: .5em;
}
#description_search {
  position: relative;
  z-index: 20;
}
#descriptioncontainer {
  margin-bottom: 1.5em;
  clear: both;
  float: left;
}
#groups_friends {
  clear: both;
}
#searchcontainer {
  float: right;
  margin-left: 1em;
  font-size: .9em;
}
#searchcontainer input.search {
  width: 10em;
}
#main {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
ul#accounts {
  list-style: none;
  padding: 0;
  float: left;
}
ul#accounts li {
  margin: 0 1px 0 0;
  padding: 0;
  float: left;
  opacity: .5;
  behavior: url(/stylesheets/iepngfix.htc);
}
ul#accounts li:hover {
  opacity: 1;
}
ul#accounts li a {
  display: block;
  width: 26px;
  height: 22px;
  padding-top: 5px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}
#content h2 {
  font-size: 1.6em;
  margin: 1.5em .6em .5em 0;
  letter-spacing: -.08em;
  clear: both;
}
#content h2 .y {
  display: none;
}
ul#filter {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 1em auto 0 auto;
  clear: both;
}
ul#filter li {
  float: left;
}
ul#filter li a {
  display: block;
  padding: .1em .8em;
  text-align: center;
}
ul#filter li.sel a {
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}
ul#friendslist {
  list-style: none;
  padding: .5em;
  overflow: hidden;
  -moz-border-radius: .5em;
  border-radius: .5em;
}
ul#friendslist li {
  margin: 0 .1em .1em 0;
  padding: 0;
  float: left;
}
ul#friendslist li a {
  display: block;
  height: 32px;
}
#groups_friends #groups {
  padding-bottom: 0;
}
#groups_friends h4 {
  display: block;
  float: left;
  width: 4.5em;
}
.friends_empty #groups_friends h4 {
  display: none;
}
#groups_friends ul.friends {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#groups_friends ul.friends li {
  float: left;
  margin: 0 .2em .2em 0;
  padding: 0;
}
#content.friends #friendscontainer {
  display: none;
}
#friendscontainer ul.friends li.morefriends {
  display: none;
}
#posts #more_loading, #posts #page_end {
  padding-bottom: 2em;
}
#posts #reload_notice {
  margin: 1em 0 0 0;
}
.post {
  overflow: hidden;
  clear: both;
  padding: 0;
  margin: 1.8em 0 1.5em 0;
}
.post h3 {
  margin: 0 0 .4em 0;
  font-size: 1.5em;
}
.post h3 input {
  width: 97% !important;
  margin: 0 !important;
}
/* Block Left for Icons */
#posts .post {
  margin-left: -65px;
}
#posts .post .meta {
  float: left;
  clear: left;
  font-size: .8em;
  padding-right: 19px;
}
#posts .post_image .admin-edit .admin-bar, #posts .new-container .post .admin-edit {
  margin-left: 0;
}
.twitter .content {
  left: -5px;
}
/* End of block */
/* Block Right for Icons */
/*
  #posts .post {
    margin-left: 0;
  }
  #posts .post .meta {
    float: right;
    clear: right;
    font-size: .8em;
    padding: 0;
  }

  #posts .jaiku .content .extra,
  #posts .twitter .content .extra {
    background-position: left top;
    right: 0; left: auto;
  }
  .twitter .content { left: 0; }
  #content .twitter .content .extra { background-image: url('/images/twitter_r.gif'); }
  #content .jaiku .content .extra { background-image: url('/images/jaiku_r.png'); }
  #content .twitter .content .body { margin-right: 6px; margin-left: 0; }
  #content .jaiku .content .body { margin-right: 8px; margin-left: 0; }
  */
/* End of block */
.post .meta .icon {
  height: 40px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  -moz-border-radius: .6em;
  text-align: center;
  border-radius: .6em;
}
.post .meta .icon, .post .meta .time {
  font-size: .9em;
  width: 40px;
}
.post .meta .icon a {
  display: block;
  height: 100%;
}
#content.multiple-authors .post .meta .icon a {
  margin-left: 4px;
}
/* Block Glossy for Style */
body {
  background-image: url(/skins/whitespace/bg.png);
  background-repeat: no-repeat;
  behavior: url(/stylesheets/iepngfix.htc);
}
.post .meta .icon a {
  background: url(/skins/whitespace/icon_sheen3.png) no-repeat;
  behavior: url(/stylesheets/iepngfix.htc);
}
#content.multiple-authors .post .meta .icon a {
  background: none;
}
/* End of block */
/* Block Flat for Style */
/*
  body {
    background-image: none;
  } 
  .post .meta .icon a {
    background: none;  
  }
  */
/* End of block */
.post .meta .icons {
  behavior: url(/stylesheets/iepngfix.htc);
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
}
.post .meta .hidden {
  display: block;
  visibility: hidden;
}
.post_regular .meta .icons {
  background-image: url(/skins/whitespace/icon_regular_bg.png);
}
.post_link .meta .icons {
  background-image: url(/skins/whitespace/icon_link_bg.png);
}
.post_quote .meta .icons {
  background-image: url(/skins/whitespace/icon_quote_bg.png);
}
.post_file .meta .icons {
  background-image: url(/skins/whitespace/icon_file_bg.png);
}
.post_image .meta .icons {
  background-image: url(/skins/whitespace/icon_image_bg.png);
}
.post_video .meta .icons {
  background-image: url(/skins/whitespace/icon_video_bg.png);
}
.post_review .meta .icons {
  background-image: url(/skins/whitespace/icon_review_bg.png);
}
.post_event .meta .icons {
  background-image: url(/skins/whitespace/icon_event_bg.png);
}
.imported .meta .icons {
  background-image: url(/skins/whitespace/icon_feed_bg.png);
}
#content.multiple-authors .meta .icons {
  background-image: none;
}
.jaiku .meta .source, .twitter .meta .source {
  background-image: url(/skins/whitespace/icon_twitter_bg.png);
}
.flickr .meta .source {
  background-image: url(/skins/whitespace/icon_flickr_bg.png);
}
/*.youtube .meta .source { background-color: #fff; border: 1px solid #999 }*/
#content.multiple-authors .post .meta .type {
  display: none;
}
#content.multiple-authors .post.author-self .meta .type {
  display: block;
}
#content.multiple-authors .post .meta .source {
  display: none;
}
#posts .imported .meta .type {
  display: none;
}
#posts .meta .author {
  display: none;
}
#content.multiple-authors .meta .author {
  display: block;
}
#content.multiple-authors .post.author-self .meta .author {
  display: none;
}
.post .meta .source img {
  margin: 12px 10px;
}
.post .meta .time {
  text-align: center;
  padding: .5em .5em .2em 0;
  line-height: 1em;
}
.post .content .source {
  font-size: .75em;
  margin: 1em 0 0 0;
  opacity: .6;
  filter: alpha(opacity=60);
  /* ie6fix */
  zoom: 1;
  /* ie6fix */
}
.post .content .after_reactions {
  margin-top: 0;
}
.post .content-container {
  width: 495px;
  float: left;
  line-height: 1.4em;
  margin-bottom: .6em;
}
.post .content-container .admin-buttons {
  line-height: 1em;
}
/*.twitter .content {
    width: 460px;
  }*/
/*.post .content p {
    margin: 0 2.7em .8em 0;
  }*/
.post_link .content p {
  font-size: .9em;
  line-height: 1.3em;
}
#posts .googlereader .content p {
  margin: 0 0 .8em 0;
}
.post_link .content {
  margin-top: 6px;
}
.post .content form {
  margin: 0;
}
.post_quote .content blockquote {
  margin: 0 2em 0 0;
}
.post_quote .content blockquote, .post .content blockquote textarea {
  font-style: italic;
  font-size: 1.4em;
  line-height: 1.2em;
  letter-spacing: -.02em;
}
.post_quote .content blockquote textarea {
  width: 100% !important;
}
.long .content blockquote {
  font-size: 1.2em !important;
  line-height: 1.3em;
}
.short .content blockquote {
  font-size: 1.9em !important;
}
.post_regular .content .body blockquote {
  font-size: 1em !important;
  line-height: 1.4em;
}
.long .content .description blockquote {
  font-size: 1em !important;
  margin-top: 0;
}
.long .content .description blockquote p {
  margin: 0;
}
.post_quote .content cite {
  margin: .5em 7em 0 0;
  /*text-align: right;*/
  display: block;
}
.post_quote .content cite, .post .content cite input {
  font-size: .8em;
  font-style: normal;
}
.post_quote .admin-edit blockquote .start, .post_quote .admin-edit blockquote .end {
  display: none;
}
body.calendar h2.upcoming-events {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 565px;
}
body.calendar a.to-front-page {
  display: none;
}
.pagination {
  text-align: center;
  overflow: hidden;
  padding: 2em 0 1em 0;
}
.pagination a {
  text-decoration: none;
  -moz-border-radius: .5em;
  border-radius: .5em;
}
.paginationtop a {
  -moz-border-radius: .5em;
  border-radius: .5em;
}
.paginationbottom {
  margin-top: 2.7em;
}
.pagination a.more {
  font-size: 1em;
  margin-right: 1em;
  font-weight: bold;
  margin-top: 3.5em;
  padding: .5em 1em;
}
.pagination a.front, .pagination a.back {
  float: left;
  padding: .3em .7em .3em .9em;
  font-size: .85em;
  margin-right: .1em;
}
.paginationbottom a.back {
  position: relative;
  bottom: .5em;
}
#footercontainer {
  clear: both;
  overflow: hidden;
  width: 100%;
}
#footer p.feed {
  font-size: .9em;
  margin-top: 1em;
}
html, body, #content {
  /* height: 100%;  Makes troubles with endless scrolling, incorrect pageHeight gets detected */
  _height: auto;
  /* ie6 */
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -6.3em;
  /* the bottom margin is the negative value of the footer's height */
}
#footercontainer, #wrapper .push {
  height: 6.3em;
  /* .push must be the same height as .footer */
}