Merge https://github.com/friendica/friendica into pull

1 files changed, 2879 insertions, 0 deletions

diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less
new file mode 100644
index 000000000..141ff731b
--- /dev/null
+++ b/view/theme/dispy/light/style.less
@@ -0,0 +1,2879 @@
+/*
+ * dispy
+ *
+ * maintainer: simon <http://simon.kisikew.org/>
+ * author: unknown
+ *
+ * Author's notes:
+ * A few things of note here. The less file is our working copy,
+ * and the CSS is *generated* from it. The CSS is the one that's
+ * included in the HTML, and not the less one. This is to save
+ * bandwidth and processing time.
+ */
+/* from html5boilerplate */
+/* these are to tell browsers they should be displayed a certain way */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+  display: block; }
+
+audio, canvas, video, time {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1; }
+
+audio:not([controls]), [hidden] {
+  display: none; }
+
+/* 
+ *  Base
+ */
+/*
+ * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
+ * 2. Force vertical scrollbar in non-IE
+ * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
+ */
+
+html {
+  font-size: 100%;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%; }
+
+body {
+  margin: 0;
+  font-size: 16px;
+  line-height: 1.1em;
+  font-family: sans-serif;
+  color: #222;
+  background-color: #e8e8e8; }
+
+button, input, select, textarea {
+  font-family: sans-serif;
+  color: #222;
+  background-color: #e8e8e8; }
+
+select {
+  border: 1px #555 dotted;
+  padding: 3px;
+  margin: 3px;
+  color: #222;
+  background: #e8e8e8; }
+
+option {
+  padding: 3px;
+  color: #222;
+  background: #e8e8e8;
+  &[selected="selected"] {
+    color: #111;
+    background: #cca; } }
+
+ul, ol {
+  padding: 0; }
+
+/* remember to define focus styles! */
+
+:focus {
+  outline: 0; }
+
+[disabled="disabled"] {
+  background: #ddd;
+  color: #333; }
+
+/* remember to highlight inserts somehow! */
+
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none; }
+
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold; }
+
+/* Redeclare monospace font family: h5bp.com/j */
+
+pre, code, kbd, samp, .wall-item-body code {
+  font-family: monospace, monospace;
+  _font-family: monospace;
+  font-size: 1em; }
+
+/* Improve readability of pre-formatted text in all browsers */
+
+pre, .wall-item-body code {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+q {
+  quotes: none;
+  &:before, &:after {
+    content: "";
+    content: none; } }
+
+small {
+  font-size: 85%; }
+
+/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+img {
+  border: 0 none; }
+
+a {
+  color: #3465a4;
+  text-decoration: none;
+  margin-bottom: 1px;
+  &:hover img {
+    text-decoration: none; } }
+
+blockquote {
+  background: #eee;
+  color: #111;
+  text-indent: 5px;
+  padding: 5px;
+  border: 1px #aaa solid;
+  border-radius: 5px; }
+
+a:hover {
+  color: #729fcf;
+  border-bottom: 1px dotted #729fcf; }
+
+.required {
+  display: inline;
+  color: #f00;
+  font-size: 16px;
+  font-weight: bold;
+  margin: 3px; }
+
+.fakelink, .lockview {
+  color: #3465a4;
+  cursor: pointer; }
+
+.fakelink:hover {
+  color: #729fcf; }
+
+.smalltext {
+  font-size: 0.7em; }
+
+#panel {
+  position: absolute;
+  font-size: 0.8em;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  border: 1px solid #fff;
+  background-color: #2e3436;
+  color: #eeeeec;
+  padding: 1em; }
+
+.pager {
+  margin-top: 60px;
+  display: block;
+  clear: both;
+  text-align: center;
+  span {
+    padding: 4px;
+    margin: 4px; } }
+
+.pager_current {
+  background-color: #729fcf;
+  color: #fff; }
+
+/**
+ * global
+ */
+/* .tool .action */
+
+.action {
+  margin: 5px 0; }
+
+.tool {
+  margin: 5px 0;
+  list-style: none; }
+
+#articlemain {
+  width: 100%;
+  height: 100%;
+  margin: 0 auto; }
+
+/**
+ * login
+ */
+
+#asidemain .field {
+  overflow: hidden;
+  width: 200px; }
+
+#login-extra-links {
+  overflow: auto !important;
+  padding-top: 60px !important;
+  width: 100% !important;
+  a {
+    margin-right: 20px; } }
+
+#login_standard {
+  display: block !important;
+  float: none !important;
+  height: 100% !important;
+  position: relative !important;
+  width: 100% !important;
+  .field label {
+    width: 200px !important; }
+  input {
+    margin: 0 0 8px !important;
+    width: 210px !important;
+    &[type="text"] {
+      margin: 0 0 8px !important;
+      width: 210px !important; } } }
+
+#login-submit-wrapper {
+  margin: 0 !important; }
+
+#login-submit-button {
+  margin-left: 0px !important; }
+
+#asidemain #login_openid {
+  position: relative !important;
+  float: none !important;
+  margin-left: 0px !important;
+  height: auto !important;
+  width: 200px !important; }
+
+#login_openid {
+  #id_openid_url {
+    width: 180px !important;
+    overflow: hidden !important; }
+  label {
+    width: 180px !important; } }
+
+/**
+ * nav
+ */
+
+nav {
+  height: 60px;
+  background-color: #2e3436;
+  color: #eeeeec;
+  position: relative;
+  padding: 20px 20px 10px 95px;
+  a {
+    text-decoration: none;
+    color: #eeeeec;
+    border: 0px;
+    &:hover {
+      text-decoration: none;
+      color: #eeeeec;
+      border: 0px; } }
+  #banner {
+    display: block;
+    position: absolute;
+    left: 51px;
+    top: 25px;
+    #logo-text a {
+      font-size: 40px;
+      font-weight: bold;
+      margin-left: 3px; } } }
+
+ul#user-menu-popup {
+  display: none;
+  position: absolute;
+  background-color: #555753;
+  width: 100%;
+  padding: 10px 0px;
+  margin: 0px;
+  top: 20px;
+  left: 0;
+  -webkit-border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  border-radius: 0 0 5px 5px;
+  box-shadow: 5px 10px 10px 0 #111;
+  z-index: 10000;
+  li {
+    display: block;
+    a {
+      display: block;
+      padding: 5px;
+      &:hover {
+        color: #2e3436;
+        background-color: #eeeeec; }
+      &.nav-sep {
+        border-top: 1px solid #eeeeec; } } } }
+
+nav .nav-link {
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  margin: 0px 5px 5px;
+  text-indent: 50px;
+  background: transparent url(light/icons.png) 0 0 no-repeat; }
+
+#nav-apps-link {
+  background-position: 0 -66px;
+  &:hover {
+    background-position: -22px -66px; } }
+
+#nav-community-link, #nav-contacts-link {
+  background-position: 0 -22px;
+  &:hover {
+    background-position: -22px -22px; } }
+
+#nav-directory-link {
+  background-position: -44px -154px;
+  &:hover {
+    background-position: -66px -154px; } }
+
+#nav-help-link {
+  background-position: 0 -110px;
+  &:hover {
+    background-position: -22px -110px; } }
+
+#nav-home-link {
+  background-position: -44px -132px;
+  &:hover {
+    background-position: -66px -132px; } }
+
+#nav-intro-link {
+  background-position: 0px -190px;
+  &:hover {
+    background-position: -44px -190px; } }
+
+#nav-login-link, #nav-logout-link {
+  background-position: 0 -88px;
+  &:hover {
+    background-position: -22px -88px; } }
+
+#nav-messages-link {
+  background-position: -44px -88px;
+  &:hover {
+    background-position: -66px -88px; } }
+
+#nav-notify-link, #nav-notifications-linkmenu {
+  background-position: -44px -110px; }
+
+#nav-notify-link:hover {
+  background-position: -66px -110px; }
+
+#nav-network-link {
+  background-position: 0px -177px;
+  &:hover {
+    background-position: -22px -177px; } }
+
+#nav-search-link {
+  background-position: 0 -44px;
+  &:hover {
+    background-position: -22px -44px; } }
+
+#profile-link, #profile-title, #wall-image-upload, #wall-file-upload, #profile-attach-wrapper, #profile-audio, #profile-link, #profile-location, #profile-nolocation, #profile-title, #jot-title, #profile-upload-wrapper, #profile-video, #profile-jot-submit, #wall-image-upload-div, #wall-file-upload-div, .icon, .hover, .focus, .pointer {
+  cursor: pointer; }
+
+/* popup notifications */
+
+div.jGrowl div {
+  &.notice {
+    background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
+    color: #ffffff;
+    padding-left: 58px; }
+  &.info {
+    background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
+    color: #ffffff;
+    padding-left: 58px; } }
+
+#nav-notifications-menu {
+  margin: 30px 0 0 -20px;
+  width: 275px;
+  max-height: 300px;
+  overflow-y: auto;
+  font-size: 9pt;
+  .contactname {
+    font-weight: bold;
+    font-size: 0.9em; }
+  img {
+    float: left;
+    margin-right: 5px; }
+  .notif-when {
+    font-size: 0.8em;
+    display: block; }
+  li {
+    word-wrap: normal;
+    border-bottom: 1px solid #000;
+    &:hover {
+      color: black; } }
+  a:hover {
+    color: black;
+    text-decoration: underline; } }
+
+nav #nav-notifications-linkmenu {
+  &.on .icon.s22.notify, &.selected .icon.s22.notify {
+    background-image: url("../../../images/icons/22/notify_on.png"); } }
+
+.show {
+  display: block; }
+
+#notifications {
+  height: 20px;
+  width: 170px;
+  position: absolute;
+  top: -19px;
+  left: 4px; }
+
+#nav-floater {
+  position: fixed;
+  top: 20px;
+  right: 1%;
+  padding: 5px;
+  background: #2e3436;
+  color: transparent;
+  border-radius: 5px;
+  z-index: 100;
+  width: 300px;
+  height: 60px; }
+
+#nav-buttons {
+  clear: both;
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+  height: 25px;
+  > li {
+    padding: 0;
+    display: inline-block;
+    margin: 0px -4px 0px 0px; } }
+
+.floaterflip {
+  display: block;
+  position: fixed;
+  z-index: 110;
+  top: 56px;
+  right: 19px;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  margin: 0px;
+  background: transparent url(light/icons.png) -190px -60px no-repeat; }
+
+.search-box {
+  display: inline-block;
+  margin: 5px;
+  position: fixed;
+  right: 0px;
+  bottom: 0px;
+  z-index: 100;
+  background: #1d1f1d;
+  border-radius: 5px; }
+
+#search-text {
+  border: 1px #eec solid;
+  background: #2e3436;
+  color: #eec; }
+
+.search-box #search-text {
+  margin: 8px;
+  width: 10em;
+  height: 14px;
+  color: #eec; }
+
+#scrollup {
+  position: fixed;
+  right: 5px;
+  bottom: 40px;
+  z-index: 100;
+  a:hover {
+    text-decoration: none;
+    border: 0; } }
+
+#user-menu {
+  box-shadow: 5px 0 10px 0 #111;
+  display: block;
+  width: 75%;
+  margin: 3px 0 0 0;
+  position: relative;
+  background-color: #555753;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  background: #555753 url("light/menu-user-pin.jpg") 98% center no-repeat;
+  clear: both;
+  top: 4px;
+  left: 10px;
+  padding: 2px;
+  > a {
+    vertical-align: top; } }
+
+#user-menu-label {
+  font-size: 12px;
+  padding: 3px 20px 9px 5px;
+  height: 10px; }
+
+.nav-ajax-update, .nav-ajax-left {
+  width: 30px;
+  height: 19px;
+  background: transparent url(light/notifications.png) 0 0 no-repeat;
+  color: #222;
+  font-weight: bold;
+  font-size: 0.8em;
+  padding-top: 0.2em;
+  text-align: center;
+  float: left;
+  margin: 0 -1px 0 3px;
+  display: block;
+  visibility: hidden; }
+
+.nav-ajax-update.show, .nav-ajax-left.show {
+  visibility: visible; }
+
+#net-update {
+  background-position: 0px 0px; }
+
+#mail-update {
+  background-position: -30px 0; }
+
+#notify-update {
+  background-position: -60px 0px; }
+
+#home-update {
+  background-position: -90px 0px; }
+
+#intro-update {
+  background-position: -120px 0px; }
+
+#lang-select-icon {
+  cursor: pointer;
+  position: fixed;
+  left: 28px;
+  bottom: 6px;
+  z-index: 10; }
+
+#language-selector {
+  position: fixed;
+  bottom: 2px;
+  left: 52px;
+  z-index: 10; }
+
+.menu-popup {
+  position: absolute;
+  display: none;
+  width: 11em;
+  background: #ffffff;
+  color: #2d2d2d;
+  margin: 0px;
+  padding: 0px;
+  list-style: none;
+  border: 3px solid #364e59;
+  z-index: 100000;
+  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
+  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
+  a {
+    display: block;
+    color: #2d2d2d;
+    padding: 5px 10px;
+    text-decoration: none;
+    &:hover {
+      background-color: #bdcdd4; } }
+  .menu-sep {
+    border-top: 1px solid #9eabb0; }
+  li {
+    float: none;
+    overflow: auto;
+    height: auto;
+    display: block;
+    img {
+      float: left;
+      width: 16px;
+      height: 16px;
+      padding-right: 5px; } }
+  .empty {
+    padding: 5px;
+    text-align: center;
+    color: #9eabb0; } }
+
+.notif-item {
+  font-size: small;
+  a {
+    vertical-align: middle; } }
+
+.notif-image {
+  width: 32px;
+  height: 32px;
+  padding: 7px 7px 0px 0px; }
+
+.notify-seen {
+  background: #ddd; }
+
+/**
+ * sysmsg
+ */
+
+#sysmsg_info {
+  position: fixed;
+  bottom: 0;
+  -moz-box-shadow: 3px 3px 3px 10px 0 #000;
+  -webkit-box-shadow: 3px 3px 10px 0 #000;
+  box-shadow: 3px 3px 10px 0 #000;
+  padding: 10px;
+  background-color: #fcaf3e;
+  border: 2px solid #f8911b;
+  border-bottom: 0;
+  padding-bottom: 50px;
+  z-index: 1000; }
+
+#sysmsg {
+  position: fixed;
+  bottom: 0;
+  -moz-box-shadow: 3px 3px 10px 0 #000;
+  -webkit-box-shadow: 3px 3px 10px 0 #000;
+  box-shadow: 3px 3px 10px 0 #000;
+  padding: 10px;
+  background-color: #fcaf3e;
+  border: 2px solid #f8911b;
+  border-bottom: 0;
+  padding-bottom: 50px;
+  z-index: 1000; }
+
+#sysmsg_info br, #sysmsg br {
+  display: block;
+  margin: 2px 0px;
+  border-top: 1px solid #ccccce; }
+
+/**
+ * aside
+ */
+
+#asidemain {
+  float: left;
+  font-size: smaller;
+  margin: 20px 0 20px 35px;
+  width: 25%;
+  display: inline; }
+
+/* for now, disappear these */
+
+#asideright, #asideleft {
+  display: none; }
+
+.vcard {
+  .fn {
+    font-size: 1.7em;
+    font-weight: bold;
+    border-bottom: 1px solid #729fcf;
+    padding-bottom: 3px; }
+  #profile-photo-wrapper {
+    margin: 20px;
+    img {
+      box-shadow: 3px 3px 10px 0 #000; } } }
+
+/* http://css-tricks.com/snippets/css/css-box-shadow/
+* box-shadow:
+* 1. The horizontal offset of the shadow, positive means
+* the shadow will be on the right of the box, a negative
+* offset will put the shadow on the left of the box.
+* 2. The vertical offset of the shadow, a negative one
+* means the box-shadow will be above the box, a
+* positive one means the shadow will be below the box.
+* 3. The blur radius (optional), if set to 0 the shadow
+* will be sharp, the higher the number, the more blurred
+* it will be.
+* 4. The spread radius (optional), positive values increase
+* the size of the shadow, negative values decrease the size.
+* Default is 0 (the shadow is same size as blur).
+* 5. Colo[u]r
+*/
+
+#asidemain {
+  h4 {
+    font-size: 1.2em; }
+  #viewcontacts {
+    text-align: right; } }
+
+.aprofile dt {
+  background: transparent;
+  color: #666666;
+  font-weight: bold;
+  box-shadow: 1px 1px 5px 0 #000;
+  margin: 15px 0 5px;
+  padding-left: 5px; }
+
+#profile-extra-links ul {
+  margin-left: 0px;
+  padding-left: 0px;
+  list-style: none; }
+
+#dfrn-request-link {
+  background: #3465a4 url(light/connect.png) no-repeat 95% center;
+  border-radius: 5px 5px 5px 5px;
+  color: #fff;
+  display: block;
+  font-size: 1.2em;
+  padding: 0.2em 0.5em; }
+
+#wallmessage-link {
+  /*background: #3465A4 url(light/connect.png) no-repeat 95% center;*/
+  /*border-radius: 5px 5px 5px 5px;*/
+  color: #eee;
+  display: block;
+  font-size: 1.2em;
+  padding: 0.2em 0.5em; }
+
+#netsearch-box {
+  margin: 20px 0px 30px;
+  width: 150px;
+  #search-submit {
+    margin: 5px 5px 0px 0px; } }
+
+.ttright {
+  margin: 0px 0px 0px 0px; }
+
+/**
+ * contacts block
+ */
+
+.contact-block-div {
+  width: 50px;
+  height: 50px;
+  float: left; }
+
+.contact-block-textdiv {
+  width: 150px;
+  height: 34px;
+  float: left; }
+
+#contact-block-end {
+  clear: both; }
+
+/**
+ * jot
+ */
+
+#jot {
+  /*width: 785px;*/
+  margin: 10px 0 20px 0px;
+  width: 100%;
+  #jot-tools {
+    margin: 0px;
+    padding: 0px;
+    height: 35px;
+    overflow: none;
+    width: 100%;
+    /*background-color: #0e232e;*/
+    /*border-bottom: 2px solid #9eabb0;*/
+    span {
+      float: left;
+      margin: 10px 20px 2px 0px;
+      a {
+        display: block; } }
+    .perms {
+      float: right;
+      width: 40px; }
+    li.loading {
+      float: right;
+      background-color: #ffffff;
+      width: 20px;
+      vertical-align: center;
+      text-align: center;
+      border-top: 2px solid #9eabb0;
+      height: 38px;
+      img {
+        margin-top: 10px; } } }
+  #jot-title {
+    border: 1px solid #ccc;
+    margin: 0 0 5px;
+    height: 20px;
+    width: 90%;
+    font-weight: bold;
+    border-radius: 5px;
+    vertical-align: middle; } }
+
+#jot-category {
+  margin: 5px 0;
+  border-radius: 5px;
+  border: 1px #ccc solid;
+  color: #666;
+  font-size: smaller;
+  &:focus {
+    color: #111; } }
+
+#jot #character-counter {
+  width: 6%;
+  float: right;
+  text-align: right;
+  height: 15px;
+  line-height: 20px;
+  padding: 2px 20px 5px 0; }
+
+#profile-jot-text_parent {
+  box-shadow: 5px 0 10px 0 #111; }
+
+#profile-jot-text_tbl {
+  margin-bottom: 10px;
+  background: #777; }
+
+#profile-jot-text_ifr {
+  width: 99.900002% !important; }
+
+#profile-jot-text_toolbargroup, .mceCenter tr {
+  background: #777; }
+
+[id$="jot-text_ifr"] {
+  width: 99.900002% !important;
+  color: #2e2f2e;
+  background: #eec;
+  .mceContentBody {
+    color: #2e2f2e;
+    background: #eec; } }
+
+.defaultSkin {
+  tr.mceFirst {
+    background: #777; }
+  td {
+    &.mceFirst, &.mceLast {
+      background-color: #eec; } }
+  span.mceIcon, img.mceIcon, .mceButtonDisabled .mceIcon {
+    background-color: #eec; } }
+
+#profile-attach-wrapper, #profile-audio-wrapper, #profile-link-wrapper, #profile-location-wrapper, #profile-nolocation-wrapper, #profile-title-wrapper, #profile-upload-wrapper, #profile-video-wrapper {
+  float: left;
+  margin: 0 20px 0 0; }
+
+#profile-rotator-wrapper {
+  float: right; }
+
+#profile-jot-tools-end, #profile-jot-banner-end {
+  clear: both; }
+
+#profile-jot-email-wrapper {
+  margin: 10px 10% 0;
+  border: 1px solid #555753;
+  border-bottom: 0; }
+
+#profile-jot-email-label {
+  background-color: #555753;
+  color: #ccccce;
+  padding: 5px; }
+
+#profile-jot-email {
+  width: 90%;
+  margin: 5px; }
+
+#profile-jot-networks {
+  margin: 0 10%;
+  border: 1px solid #555753;
+  border-top: 0;
+  border-bottom: 0;
+  padding: 5px; }
+
+#profile-jot-net {
+  margin: 5px 0; }
+
+#jot-preview-link {
+  margin: 0 0 0 10px;
+  border: 0;
+  text-decoration: none;
+  float: right; }
+
+.icon-text-preview {
+  margin: 0 0 -18px 0;
+  display: block;
+  width: 20px;
+  height: 20px;
+  background: url(light/icons.png) no-repeat -128px -40px;
+  border: 0;
+  text-decoration: none;
+  float: right;
+  cursor: pointer; }
+
+#profile-jot-perms {
+  float: right;
+  background-color: #555753;
+  height: 22px;
+  width: 20px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  overflow: hidden;
+  border: 0px;
+  margin: 0 10px 0 10px; }
+
+#profile-jot-plugin-wrapper {
+  width: 1px;
+  margin: 10px 0 0 0;
+  float: right; }
+
+#profile-jot-submit-wrapper {
+  float: right;
+  width: 100%;
+  list-style: none;
+  margin: 10px 0 0 0;
+  padding: 0; }
+
+#profile-jot-submit {
+  height: auto;
+  background-color: #555753;
+  color: #eeeeec;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  border: 2px outset #222420;
+  margin: 0;
+  float: right;
+  text-shadow: 1px 1px #111;
+  width: auto;
+  &:active {
+    box-shadow: 0 0 0 0; } }
+
+#jot-perms-icon {
+  height: 22px;
+  width: 20px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  overflow: hidden;
+  border: 0; }
+
+#profile-jot-acl-wrapper {
+  margin: 0 10px;
+  border: 1px solid #555753;
+  border-top: 0;
+  display: block !important; }
+
+#group_allow_wrapper, #group_deny_wrapper, #acl-permit-outer-wrapper {
+  width: 47%;
+  float: left; }
+
+#contact_allow_wrapper, #contact_deny_wrapper, #acl-deny-outer-wrapper {
+  width: 47%;
+  float: right; }
+
+#acl-permit-text {
+  background-color: #555753;
+  color: #ccccce;
+  padding: 5px;
+  float: left; }
+
+#jot-public {
+  background-color: #555753;
+  color: #ff0000;
+  padding: 5px;
+  float: left; }
+
+#acl-deny-text {
+  background-color: #555753;
+  color: #ccccce;
+  padding: 5px;
+  float: left; }
+
+#acl-permit-text-end, #acl-deny-text-end {
+  clear: both; }
+
+#jot-title-desc {
+  color: #ccc; }
+
+#profile-jot-desc {
+  color: #a00;
+  margin: 5px 0; }
+
+#jot-title-wrapper {
+  margin-bottom: 5px; }
+
+#jot-title-display {
+  font-weight: bold; }
+
+.jothidden {
+  display: none; }
+
+#jot-preview-content {
+  background-color: #ffffe0;
+  color: #111;
+  border: 1px #aa0 solid;
+  border-radius: 5px;
+  padding: 3px 3px 6px 10px;
+  .wall-item-outside-wrapper {
+    border: 0;
+    border-radius: 0px; } }
+
+/**
+ * section
+ */
+
+#sectionmain {
+  margin: 20px;
+  font-size: 0.8em;
+  min-width: 475px;
+  width: 67%;
+  float: left;
+  display: inline; }
+
+/**
+ * tabs
+ */
+
+.tabs {
+  list-style: none;
+  margin: 10px 0;
+  padding: 0;
+  li {
+    display: inline;
+    font-size: smaller;
+    font-weight: bold; } }
+
+.tab {
+  border: 1px solid #729fcf;
+  padding: 4px;
+  &:hover, &.active:hover, &:active {
+    background: #729fcf;
+    color: #eeeeec; }
+  &.active {
+    background: #729fcf;
+    color: #eeeeec;
+    a {
+      color: #729fcf; } }
+  a {
+    border: 0;
+    text-decoration: none; } }
+
+/**
+ * items
+ */
+
+.wall-item-outside-wrapper {
+  border: 1px solid #aaa;
+  border-radius: 5px;
+  box-shadow: 5px 0 10px 0 #888;
+  &.comment {
+    margin-top: 5px; } }
+
+.wall-item-outside-wrapper-end {
+  clear: both; }
+
+.wall-item-content-wrapper {
+  position: relative;
+  padding: 10px;
+  width: auto; }
+
+.wall-item-outside-wrapper .wall-item-comment-wrapper {
+  /*margin-left: 90px;*/ }
+
+.shiny {
+  background: #efefdf;
+  border-radius: 5px; }
+
+.wall-outside-wrapper .shiny {
+  border-radius: 5px; }
+
+.heart {
+  color: red; }
+
+.wall-item-content {
+  overflow-x: auto;
+  margin: 0px 15px 0px 5px; }
+
+/* removing it from here, vs. putting it in .wall-item-content
+* might break things for people. we shall see ;) */
+
+[id^="tread-wrapper"], [class^="tread-wrapper"] {
+  margin: 15px 0 0 0;
+  padding: 0px;
+  /*overflow-x: auto;*/ }
+
+.wall-item-photo-menu {
+  display: none; }
+
+.wall-item-photo-menu-button {
+  display: none;
+  text-indent: -99999px;
+  background: #555753 url(light/menu-user-pin.jpg) no-repeat 75px center;
+  position: absolute;
+  overflow: hidden;
+  height: 20px;
+  width: 90px;
+  top: 85px;
+  left: 0;
+  -webkit-border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  border-radius: 0 0 5px 5px; }
+
+.wall-item-info {
+  float: left;
+  width: 110px; }
+
+.wall-item-photo-wrapper {
+  width: 80px;
+  height: 80px;
+  position: relative;
+  padding: 5px;
+  background-color: #555753;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px; }
+
+[class^="wall-item-tools"] * {
+  /*margin: 0 0 5px 0;*/
+  > * {
+    /*margin: 0 0 5px 0;*/ } }
+
+.wall-item-tools {
+  float: right;
+  opacity: 0.4;
+  -webkit-transition: all 1s ease-in-out;
+  -moz-transition: all 1s ease-in-out;
+  -o-transition: all 1s ease-in-out;
+  -ms-transition: all 1s ease-in-out;
+  transition: all 1s ease-in-out;
+  &:hover {
+    opacity: 1;
+    -webkit-transition: all 1s ease-in-out;
+    -moz-transition: all 1s ease-in-out;
+    -o-transition: all 1s ease-in-out;
+    -ms-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out; } }
+
+.wall-item-subtools1 {
+  height: 30px;
+  list-style: none outside none;
+  margin: 20px 0 30px -20px;
+  padding: 0;
+  width: 30px; }
+
+.wall-item-subtools2 {
+  height: 25px;
+  list-style: none outside none;
+  margin: -75px 0 0 5px;
+  padding: 0;
+  width: 25px; }
+
+.wall-item-title {
+  font-size: 1.2em;
+  font-weight: bold;
+  margin-bottom: 1em; }
+
+.wall-item-body {
+  margin: 20px 20px 10px 0px;
+  text-align: left;
+  overflow-x: auto; }
+
+.wall-item-lock-wrapper {
+  float: right;
+  height: 22px;
+  margin: 0 -5px 0 0;
+  width: 22px;
+  opacity: 1; }
+
+.wall-item-dislike, .wall-item-like {
+  clear: left;
+  font-size: 0.8em;
+  color: #878883;
+  margin: 5px 0 5px 120px; }
+
+.wall-item-author, .wall-item-actions-author {
+  clear: left;
+  font-size: 0.8em;
+  color: #878883;
+  margin: 20px 20px 0 110px; }
+
+.wall-item-ago {
+  display: inline;
+  padding-left: 10px; }
+
+.wall-item-wrapper-end {
+  clear: both; }
+
+.wall-item-location {
+  margin-top: 15px;
+  width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  .icon {
+    float: left; }
+  > a, .smalltext {
+    margin-left: 25px;
+    font-size: 0.7em;
+    display: block; }
+  > br {
+    display: none; } }
+
+.wallwall {
+  .wwto {
+    left: 5px;
+    margin: 0;
+    position: absolute;
+    top: 75px;
+    width: 30px;
+    z-index: 10001;
+    width: 30px;
+    height: 30px;
+    img {
+      width: 30px !important;
+      height: 30px !important; } }
+  .wall-item-photo-end {
+    clear: both; } }
+
+.wall-item-arrowphoto-wrapper {
+  position: absolute;
+  left: 35px;
+  top: 80px;
+  z-index: 10002; }
+
+.wall-item-photo-menu {
+  min-width: 92px;
+  border: 2px solid #FFFFFF;
+  border-top: 0px;
+  background: #555753;
+  position: absolute;
+  left: -2px;
+  top: 101px;
+  display: none;
+  z-index: 10003;
+  -webkit-border-radius: 0px 5px 5px 5px;
+  -moz-border-radius: 0px 5px 5px 5px;
+  border-radius: 0px 5px 5px 5px;
+  ul {
+    margin: 0px;
+    padding: 0px;
+    list-style: none; }
+  li a {
+    white-space: nowrap;
+    display: block;
+    padding: 5px 2px;
+    color: #eeeeec;
+    &:hover {
+      color: #555753;
+      background: #eeeeec; } } }
+
+#item-delete-selected {
+  overflow: auto;
+  width: 100%; }
+
+#connect-services-header, #connect-services, #extra-help-header, #extra-help, #postit-header, #postit {
+  margin: 5px 0 0 0; }
+
+/**
+ * comment
+ */
+
+.ccollapse-wrapper {
+  font-size: 0.9em;
+  margin-left: 80px; }
+
+.wall-item-outside-wrapper.comment {
+  margin-left: 80px;
+  .wall-item-photo {
+    width: 40px!important;
+    height: 40px!important; }
+  .wall-item-photo-wrapper {
+    width: 40px;
+    height: 40px; }
+  .wall-item-photo-menu-button {
+    width: 50px;
+    top: 45px;
+    background-position: 35px center; }
+  .wall-item-info {
+    width: 60px; }
+  .wall-item-body {
+    margin-left: 10px; }
+  .wall-item-author {
+    margin-left: 50px; }
+  .wall-item-photo-menu {
+    min-width: 50px;
+    top: 60px; } }
+
+.comment-wwedit-wrapper {
+  /*margin: 30px 0px 0px 80px;*/ }
+
+.comment-edit-wrapper {
+  border-top: 1px #aaa solid; }
+
+[class^="comment-edit-bb"] {
+  list-style: none;
+  display: none;
+  margin: -40px 0 5px 60px;
+  width: 75%;
+  > li {
+    display: inline-block;
+    margin: 0 10px 0 0;
+    visibility: none; } }
+
+.comment-wwedit-wrapper img, .comment-edit-wrapper img {
+  width: 20px;
+  height: 20px; }
+
+.comment-edit-photo-link, .comment-edit-photo {
+  margin-left: 10px; }
+
+.my-comment-photo {
+  width: 40px;
+  height: 40px;
+  padding: 5px; }
+
+[class^="comment-edit-text"] {
+  margin: 5px 0 10px 20px;
+  width: 84.5%; }
+
+.comment-edit-text-empty {
+  height: 20px;
+  border: 2px #babdd6 solid;
+  border-radius: 5px;
+  color: #babdb6;
+  -webkit-transition: all 0.5s ease-in-out;
+  -moz-transition: all 0.5s ease-in-out;
+  -o-transition: all 0.5s ease-in-out;
+  -ms-transition: all 0.5s ease-in-out;
+  transition: all 0.5s ease-in-out;
+  &:hover {
+    color: #999999; } }
+
+.comment-edit-text-full {
+  height: 10em;
+  border-radius: 5px;
+  -webkit-transition: all 0.5s ease-in-out;
+  -moz-transition: all 0.5s ease-in-out;
+  -o-transition: all 0.5s ease-in-out;
+  -ms-transition: all 0.5s ease-in-out;
+  transition: all 0.5s ease-in-out; }
+
+.comment-edit-submit-wrapper {
+  width: 90%;
+  margin: 5px 5px 10px 50px;
+  text-align: right; }
+
+.comment-edit-submit {
+  height: 22px;
+  background-color: #555753;
+  color: #eeeeec;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  border: 0; }
+
+/**
+ * item text style
+ */
+
+.wall-item-body code {
+  display: block;
+  padding: 0 0 10px 5px;
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 1px 1px 10px;
+  background: #eee;
+  color: #444;
+  width: 95%; }
+
+/**
+ * profile
+ */
+
+div {
+  &[id$="text"] {
+    font-weight: bold;
+    border-bottom: 1px solid #ccc; }
+  &[id$="wrapper"] {
+    height: 100%;
+    margin-bottom: 1em;
+    br {
+      clear: left; } } }
+
+[id$="-end"], [class$="end"] {
+  clear: both;
+  margin: 0 0 10px 0; }
+
+#advanced-profile-with {
+  margin-left: 200px; }
+
+/**
+ * photos
+ */
+
+.photos {
+  height: auto;
+  overflow: auto; }
+
+#photo-top-links {
+  margin-bottom: 30px; }
+
+.photo-album-image-wrapper, .photo-top-image-wrapper {
+  float: left;
+  -moz-box-shadow: 3px 3px 10px 0 #000;
+  -webkit-box-shadow: 3px 3px 10px 0 #000;
+  box-shadow: 3px 3px 10px 0 #000;
+  background-color: #eee;
+  color: #111;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  padding-bottom: 30px;
+  position: relative;
+  margin: 0 10px 10px 0; }
+
+#photo-photo {
+  max-width: 100%;
+  img {
+    max-width: 100%; } }
+
+.photo-top-image-wrapper a:hover, #photo-photo a:hover, .photo-album-image-wrapper a:hover {
+  border-bottom: 0; }
+
+.photo-top-photo, .photo-album-photo {
+  -webkit-border-radius: 5px 5px 0 0;
+  -moz-border-radius: 5px 5px 0 0;
+  border-radius: 5px 5px 0 0; }
+
+.photo-top-album-name {
+  position: absolute;
+  bottom: 0;
+  padding: 0 5px; }
+
+.caption {
+  position: absolute;
+  bottom: 0;
+  margin: 0 5px; }
+
+#photo-photo {
+  position: relative;
+  float: left; }
+
+#photo-prev-link, #photo-next-link {
+  position: absolute;
+  width: 30%;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.5);
+  opacity: 0;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  -ms-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  background-position: center center;
+  background-repeat: no-repeat; }
+
+#photo-prev-link {
+  left: 0;
+  top: 0;
+  background-image: url(light/prev.png); }
+
+#photo-next-link {
+  right: 0;
+  top: 0;
+  background-image: url(light/next.png); }
+
+#photo-prev-link a, #photo-next-link a {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  text-indent: -900000px; }
+
+#photo-prev-link:hover {
+  opacity: 1;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  -ms-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out; }
+
+#photo-next-link {
+  &:hover {
+    opacity: 1;
+    -webkit-transition: all .2s ease-in-out;
+    -moz-transition: all .2s ease-in-out;
+    -o-transition: all .2s ease-in-out;
+    -ms-transition: all .2s ease-in-out;
+    transition: all .2s ease-in-out; }
+  .icon {
+    display: none; } }
+
+#photo-prev-link .icon {
+  display: none; }
+
+#photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper {
+  margin-bottom: 1em; }
+
+#photos-upload-existing-album-text, #photos-upload-newalbum-div {
+  background-color: #555753;
+  color: #eeeeec;
+  padding: 1px; }
+
+#photos-upload-album-select, #photos-upload-newalbum {
+  width: 99%; }
+
+#photos-upload-perms-menu {
+  text-align: right; }
+
+#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
+  float: left;
+  margin-bottom: 25px; }
+
+#photo-edit-link-wrap {
+  margin-bottom: 15px; }
+
+#photo-edit-caption, #photo-edit-newtag {
+  width: 100%; }
+
+#photo-like-div {
+  margin-bottom: 25px; }
+
+#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
+  clear: both; }
+
+#photo-edit-delete-button {
+  margin-left: 200px; }
+
+#photo-edit-end {
+  margin-bottom: 35px; }
+
+#photo-caption {
+  font-size: 110%;
+  font-weight: bold;
+  margin-top: 15px;
+  margin-bottom: 15px; }
+
+/**
+ * message
+ */
+
+.prvmail-text {
+  width: 100%; }
+
+#prvmail-subject {
+  width: 100%;
+  color: #eec;
+  background: #444; }
+
+#prvmail-submit-wrapper {
+  margin-top: 10px; }
+
+#prvmail-submit {
+  float: right;
+  margin-top: 0; }
+
+#prvmail-submit-wrapper div {
+  margin-right: 5px;
+  float: left; }
+
+.mail-list-outside-wrapper {
+  margin-top: 20px; }
+
+.mail-list-sender {
+  float: left; }
+
+.mail-list-detail {
+  margin-left: 90px; }
+
+.mail-list-sender-name {
+  display: inline;
+  font-size: 1.1em; }
+
+.mail-list-date {
+  display: inline;
+  font-size: 0.9em;
+  padding-left: 10px; }
+
+.mail-list-sender-name, .mail-list-date {
+  font-style: italic; }
+
+.mail-list-subject {
+  font-size: 1.2em; }
+
+.mail-list-delete-wrapper {
+  float: right; }
+
+.mail-list-outside-wrapper-end {
+  clear: both;
+  border-bottom: 1px #eec dotted; }
+
+.mail-conv-sender {
+  float: left;
+  margin: 0px 5px 5px 0px; }
+
+.mail-conv-sender-photo {
+  width: 32px;
+  height: 32px; }
+
+.mail-conv-sender-name {
+  float: left; }
+
+.mail-conv-date {
+  float: right; }
+
+.mail-conv-subject {
+  clear: right;
+  font-weight: bold;
+  font-size: 1.2em; }
+
+.mail-conv-body {
+  clear: both; }
+
+.mail-conv-delete-wrapper {
+  margin-top: 5px; }
+
+/**
+ * contacts
+ */
+
+.view-contact-wrapper, .contact-entry-wrapper {
+  float: left;
+  margin: 0 5px 40px 0;
+  width: 120px;
+  height: 120px;
+  padding: 3px;
+  position: relative; }
+
+.contact-direction-wrapper {
+  position: absolute;
+  top: 20px; }
+
+.contact-edit-links {
+  position: absolute;
+  top: 60px; }
+
+.contact-entry-photo-wrapper {}
+
+.contact-entry-photo {
+  margin-left: 20px; }
+
+.contact-entry-name {
+  width: 120px;
+  font-weight: bold;
+  /*overflow: hidden;*/ }
+
+.contact-entry-photo {
+  position: relative; }
+
+.contact-entry-edit-links .icon {
+  border: 1px solid #babdb6;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background-color: #fff; }
+
+#contact-entry-url, [id^="contact-entry-url"] {
+  font-size: smaller;
+  /*overflow: scroll;*/ }
+
+#contact-entry-network, [id^="contact-entry-network"] {
+  font-size: smaller;
+  font-style: italic; }
+
+#contact-edit-banner-name {
+  font-size: 1.5em; }
+
+#contact-edit-photo-wrapper {
+  position: relative;
+  float: left;
+  padding: 20px; }
+
+#contact-edit-direction-icon {
+  position: absolute;
+  top: 60px;
+  left: 0; }
+
+#contact-edit-nav-wrapper {
+  margin-left: 0px; }
+
+#contact-edit-links {
+  margin-top: 23px;
+  ul {
+    list-style-type: none; } }
+
+#contact-drop-links {
+  margin-left: 5px; }
+
+#contact-edit-nav-wrapper .icon {
+  border: 1px solid #babdb6;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px; }
+
+#contact-edit-poll-wrapper {
+  margin-left: 0px; }
+
+#contact-edit-last-update-text {
+  margin-bottom: 15px; }
+
+#contact-edit-last-updated {
+  font-weight: bold; }
+
+#contact-edit-poll-text {
+  display: inline; }
+
+#contact-edit-info_tbl, #contact-edit-info_parent, .mceLayout {
+  width: 100%; }
+
+#contact-edit-end {
+  clear: both;
+  margin-bottom: 65px; }
+
+.contact-photo-menu-button {
+  position: absolute;
+  background-image: url("light/photo-menu.jpg");
+  background-position: top left;
+  background-repeat: no-repeat;
+  margin: 0px;
+  padding: 0px;
+  width: 16px;
+  height: 16px;
+  top: 64px;
+  left: 0px;
+  overflow: hidden;
+  text-indent: 40px;
+  display: none; }
+
+.contact-photo-menu {
+  width: auto;
+  border: 2px solid #444;
+  background: #eee;
+  color: #111;
+  position: absolute;
+  left: 0px;
+  top: 90px;
+  display: none;
+  z-index: 10000;
+  ul {
+    margin: 0px;
+    padding: 0px;
+    list-style: none; }
+  li a {
+    display: block;
+    padding: 2px;
+    &:hover {
+      color: #fff;
+      background: #3465A4;
+      text-decoration: none; } } }
+
+/**
+ * register, settings & profile forms
+ */
+
+.openid {}
+
+#id_openid_url {
+  background: url(light/login-bg.gif) no-repeat;
+  background-position: 0 50%;
+  padding-left: 18px; }
+
+#settings-nickname-desc {
+  background-color: #eee;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  padding: 5px;
+  color: #111; }
+
+#settings-default-perms {
+  margin-bottom: 20px; }
+
+#register-form div, #profile-edit-form div {
+  clear: both; }
+
+.settings-block {
+  label {
+    clear: left; }
+  input {
+    margin: 10px 5px; } }
+
+/*#register-form label,     */
+/*#profile-edit-form label {*/
+/*    width: 300px;         */
+/*    float: left;          */
+/*}                         */
+
+/*#register-form span,     */
+/*#profile-edit-form span {*/
+/*    color: #555753;      */
+/*    display: block;      */
+/*    margin-bottom: 20px; */
+/*}                        */
+
+#profile-edit-marital-label span {
+  margin: -4px; }
+
+.settings-submit-wrapper, .profile-edit-submit-wrapper {
+  margin: 0 0 30px -3px; }
+
+.profile-edit-side-div {
+  display: none; }
+
+/*.profile-edit-side-div:hover {
+    display: block;
+}
+.profile-edit-side-link {
+    margin: 3px 0px 0px 70px;
+}*/
+
+#profiles-menu-trigger {
+  margin: 0px 0px 0px 25px; }
+
+.profile-listing {
+  float: left;
+  margin: 20px 20px 0px 0px; }
+
+.icon-profile-edit {
+  background: url("light/icons.png") -150px 0px no-repeat;
+  border: 0;
+  cursor: pointer;
+  display: block;
+  float: right;
+  width: 20px;
+  height: 20px;
+  margin: 0 0 -18px;
+  position: absolute;
+  text-decoration: none;
+  top: 113px;
+  right: 260px; }
+
+#profile-edit-links ul {
+  margin: 20px 0;
+  padding: 0;
+  list-style: none; }
+
+.marital {
+  margin-top: 5px; }
+
+#register-sitename {
+  display: inline;
+  font-weight: bold; }
+
+#advanced-expire-popup {
+  background: #2e2f2e;
+  color: #eec; }
+
+#id_ssl_policy {
+  width: 374px; }
+
+#theme-preview img {
+  margin: 10px 10px 10px 288px; }
+
+/**
+ * contacts selector
+ */
+
+.group-delete-wrapper {
+  margin: -31px 50px 0 0;
+  float: right; }
+
+/*.group-delete-icon {
+    margin: 0 0 0 10px;
+}*/
+
+#group-edit-submit-wrapper {
+  margin: 0 0 10px 0;
+  display: inline; }
+
+#group-edit-desc {
+  margin: 10px 0px; }
+
+#group-members, #prof-members {
+  height: 200px;
+  overflow: auto;
+  border: 1px solid #555753;
+  -webkit-border-radius: 5px 5px 0 0;
+  -moz-border-radius: 5px 5px 0 0;
+  border-radius: 5px 5px 0 0; }
+
+#group-all-contacts, #prof-all-contacts {
+  height: 200px;
+  overflow: auto;
+  border: 1px solid #555753;
+  -webkit-border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  border-radius: 0 0 5px 5px; }
+
+#group-members h3, #group-all-contacts h3, #prof-members h3, #prof-all-contacts h3 {
+  color: #eeeeec;
+  background-color: #555753;
+  margin: 0;
+  padding: 5px; }
+
+#group-separator, #prof-separator {
+  display: none; }
+
+/**
+ * profile
+ */
+
+#cropimage-wrapper {
+  float: left; }
+
+#crop-image-form {
+  clear: both; }
+
+/**
+ * intros
+ */
+
+.intro-wrapper {
+  margin-top: 20px; }
+
+.intro-fullname {
+  font-size: 1.1em;
+  font-weight: bold; }
+
+.intro-desc {
+  margin-bottom: 20px;
+  font-weight: bold; }
+
+.intro-note {
+  padding: 10px; }
+
+.intro-end {
+  padding: 30px; }
+
+.intro-form {
+  float: left; }
+
+.intro-approve-form, .intro-approve-as-friend-end {
+  clear: both; }
+
+.intro-submit-approve, .intro-submit-ignore {
+  margin-right: 20px; }
+
+.intro-submit-approve {
+  margin-top: 15px; }
+
+.intro-approve-as-friend-label, .intro-approve-as-fan-label, .intro-approve-as-friend, .intro-approve-as-fan {
+  float: left; }
+
+.intro-form-end {
+  clear: both;
+  margin-bottom: 10px; }
+
+.intro-approve-as-friend-desc {
+  margin-top: 10px; }
+
+.intro-approve-as-end {
+  clear: both;
+  margin-bottom: 10px; }
+
+.intro-end, .clear {
+  clear: both; }
+
+/**
+ * events
+ */
+
+.eventcal {
+  float: left;
+  font-size: 20px; }
+
+.event {
+  background: #2e2f2e; }
+
+.vevent {
+  border: 1px solid #ccc;
+  .event-description, .event-location, .event-start {
+    margin-left: 10px;
+    margin-right: 10px; } }
+
+#new-event-link {
+  margin-bottom: 10px; }
+
+.edit-event-link, .plink-event-link {
+  /*float: left;      */
+  /*margin-top: 4px;  */
+  /*margin-right: 4px;*/
+  /*margin-bottom: 15px;*/ }
+
+.event-description:before {
+  content: url('../../../images/calendar.png');
+  margin-right: 15px; }
+
+.event-start, .event-end {
+  margin-left: 10px;
+  width: 330px;
+  font-size: smaller; }
+
+.event-start .dtstart, .event-end .dtend {
+  float: right; }
+
+.event-list-date {
+  margin-bottom: 10px; }
+
+.prevcal, .nextcal {
+  float: left;
+  margin-left: 32px;
+  margin-right: 32px;
+  margin-top: 64px; }
+
+.event-calendar-end {
+  clear: both; }
+
+.calendar {
+  font-family: monospace; }
+
+.today {
+  font-weight: bold;
+  color: #FF0000; }
+
+#event-start-text, #event-finish-text {
+  margin-top: 10px;
+  margin-bottom: 5px; }
+
+#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text, #event-share-checkbox {
+  float: left; }
+
+#event-datetime-break {
+  margin-bottom: 10px; }
+
+#event-nofinish-break, #event-adjust-break, #event-share-break {
+  clear: both; }
+
+#event-desc-text, #event-location-text {
+  margin-top: 10px;
+  margin-bottom: 5px; }
+
+#event-submit {
+  margin-top: 10px; }
+
+.body-tag {
+  margin: 10px 0;
+  opacity: 0.5;
+  &:hover {
+    opacity: 1.0 !important; } }
+
+.filesavetags, .categorytags {
+  margin: 20px 0;
+  opacity: 0.5; }
+
+.filesavetags:hover, .categorytags:hover {
+  margin: 20px 0;
+  opacity: 1.0 !important; }
+
+.item-select {
+  opacity: 0.1;
+  margin: 5px 0 0 6px !important;
+  &:hover {
+    opacity: 1; } }
+
+.checkeditem {
+  opacity: 1; }
+
+#item-delete-selected {
+  margin-top: 30px; }
+
+/* was tired of having no way of moving it around, so
+* here's a little 'hook' to do so */
+
+.delete-checked {
+  position: absolute;
+  left: 35px;
+  margin-top: 20px; }
+
+#item-delete-selected-end {
+  clear: both; }
+
+#item-delete-selected-icon {
+  float: left;
+  margin-right: 5px; }
+
+#item-delete-selected-desc {
+  float: left;
+  margin-right: 5px;
+  &:hover {
+    text-decoration: underline; } }
+
+.fc-state-highlight {
+  background: #eec;
+  color: #2e2f2e; }
+
+/**
+ * directory
+ */
+
+.directory-item {
+  float: left;
+  margin: 0 5px 4px 0;
+  padding: 3px;
+  width: 180px;
+  height: 250px;
+  position: relative; }
+
+/**
+ * sidebar
+ */
+
+#group-sidebar {
+  margin-bottom: 10px; }
+
+.group-selected, .nets-selected, .fileas-selected {
+  padding: 3px;
+  color: #111;
+  background: #f8f8f8;
+  font-weight: bold; }
+
+.group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
+  color: #111; }
+
+.groupsideedit {
+  margin-right: 10px; }
+
+#sidebar-group-ul {
+  padding-left: 0; }
+
+#sidebar-group-list {
+  margin: 0 0 5px 0;
+  ul {
+    list-style-type: none;
+    list-style-position: inside; }
+  li {
+    margin-top: 10px; }
+  .icon {
+    display: inline-block;
+    height: 12px;
+    width: 12px; } }
+
+#sidebar-new-group {
+  margin: auto;
+  display: inline-block;
+  color: #efefef;
+  text-decoration: none;
+  text-align: center; }
+
+#peoplefind-sidebar form {
+  margin-bottom: 10px; }
+
+#sidebar-new-group {
+  &:hover {
+    /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
+    /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
+    /*background-color: #b20202;*/ }
+  &:active {
+    position: relative;
+    top: 1px; } }
+
+#side-peoplefind-url {
+  background-color: #e5e0cf;
+  color: #666;
+  border: 1px 666 solid;
+  margin-right: 3px;
+  width: 75%;
+  &:hover, &:focus {
+    background-color: #efefef;
+    color: #222;
+    border: 1px 333 solid; } }
+
+.nets-ul {
+  list-style-type: none;
+  padding-left: 0px;
+  li {
+    margin: 10px 0 0; } }
+
+.nets-link, .nets-all {
+  margin-left: 0px; }
+
+#netsearch-box {
+  margin-top: 20px;
+  width: 150px;
+  #search-submit {
+    margin: 5px 0px 0px 0px; } }
+
+/**
+ * admin
+ */
+
+#pending-update {
+  float: right;
+  color: #fff;
+  font-weight: bold;
+  background-color: #ff0000;
+  padding: 0 .3em; }
+
+.admin {
+  &.linklist {
+    border: 0;
+    padding: 0; }
+  &.link {
+    list-style-position: inside; } }
+
+#adminpage {
+  color: #111;
+  background: transparent;
+  margin: 5px;
+  padding: 10px;
+  dl {
+    clear: left;
+    margin-bottom: 2px;
+    padding-bottom: 2px;
+    border-bottom: 1px solid #000; }
+  dt {
+    width: 250px;
+    float: left;
+    font-weight: bold; }
+  dd {
+    margin-left: 250px; }
+  h3 {
+    border-bottom: 1px solid #ccc; }
+  .submit {
+    clear: left; }
+  #pluginslist {
+    margin: 0;
+    padding: 0; }
+  .plugin {
+    list-style: none;
+    display: block;
+    border: 1px solid #888;
+    padding: 1em;
+    margin-bottom: 5px;
+    clear: left; }
+  .toggleplugin {
+    float: left;
+    margin-right: 1em; }
+  table {
+    width: 100%;
+    border-bottom: 1px solid #000;
+    margin: 5px 0;
+    th {
+      text-align: left; } }
+  td .icon {
+    float: left; }
+  table {
+    &#users img {
+      width: 16px;
+      height: 16px; }
+    tr:hover {
+      /*color: ;*/
+      background-color: #bbc7d7; } }
+  .selectall {
+    text-align: right; }
+  #users a {
+    /*color: #;*/
+    text-decoration: underline; } }
+
+#users .name {
+  color: #eec; }
+
+/**
+ * form fields
+ */
+
+.field {
+  /*margin-bottom: 10px;*/
+  /*padding-bottom: 10px;*/
+  overflow: auto;
+  /* width: 100%;*/
+  label {
+    width: 38%;
+    display: inline-block;
+    font-size: 1.077em;
+    margin: 0 10px 1em 0;
+    border: 1px #999 solid;
+    padding: 5px;
+    background: #ccc;
+    color: #111; } }
+
+.field .onoff {
+  float: right;
+  margin: 0 330px 0 auto;
+  width: 80px;
+  a {
+    display: block;
+    border: 1px solid #666;
+    padding: 3px 6px 4px 10px;
+    height: 16px;
+    text-decoration: none; }
+  .on {
+    background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;
+    color: #111;
+    text-align: left; }
+  .off {
+    background: url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc;
+    color: #333;
+    text-align: right; } }
+
+.hidden {
+  display: none !important; }
+
+.field textarea {
+  width: 80%;
+  height: 100px; }
+
+.field_help {
+  display: block;
+  margin-left: 297px;
+  color: #666; }
+
+.field.radio .field_help {
+  margin-left: 297px; }
+
+label {
+  width: 38%;
+  display: inline-block;
+  font-size: 1.077em;
+  margin: 0 10px 1em 0;
+  border: 1px #999 solid;
+  padding: 5px;
+  background: #ccc;
+  color: #111; }
+
+input {
+  width: 250px;
+  height: 25px;
+  border: 1px #999 solid;
+  &[type="text"], &[type="password"], &[type="search"] {
+    width: 250px;
+    height: 25px;
+    border: 1px #999 solid; }
+  &[type="checkbox"], &[type="radio"] {
+    border: 1px #999 solid;
+    margin: 0 0 0 0;
+    height: 15px;
+    width: 15px; }
+  &[type="submit"], &[type="button"] {
+    background-color: #555753;
+    border: 2px outset #444;
+    border-radius: 5px;
+    box-shadow: 1px 3px 4px 0 #111;
+    color: #eeeeec;
+    cursor: pointer;
+    font-weight: bold;
+    width: auto;
+    text-shadow: 1px 1px #111;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px; }
+  &[type="submit"]:active, &[type="button"]:active {
+    box-shadow: 0 0 0 0; } }
+
+
+/*
+ * update
+ */
+
+.popup {
+  width: 100%;
+  height: 100%;
+  top: 0px;
+  left: 0px;
+  position: absolute;
+  display: none;
+  .background {
+    background-color: #000;
+    opacity: 0.5;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0px;
+    left: 0px; }
+  .panel {
+    top: 25%;
+    left: 25%;
+    width: 50%;
+    height: 50%;
+    padding: 1em;
+    position: absolute;
+    border: 4px solid #000000;
+    background-color: #FFFFFF; } }
+
+#panel {
+  z-index: 100; }
+
+.grey {
+  color: grey; }
+
+.orange {
+  color: orange; }
+
+.red {
+  color: red; }
+
+.popup .panel {
+  .panel_text {
+    display: block;
+    overflow: auto;
+    height: 80%; }
+  .panel_in {
+    width: 100%;
+    height: 100%;
+    position: relative; }
+  .panel_actions {
+    width: 100%;
+    bottom: 4px;
+    left: 0px;
+    position: absolute; } }
+
+.panel_text .progress {
+  width: 50%;
+  overflow: hidden;
+  height: auto;
+  border: 1px solid #cccccc;
+  margin-bottom: 5px;
+  span {
+    float: right;
+    display: block;
+    width: 25%;
+    background-color: #eeeeee;
+    text-align: right; } }
+
+/**
+ * OAuth
+ */
+
+.oauthapp {
+  height: auto;
+  overflow: auto;
+  border-bottom: 2px solid #cccccc;
+  padding-bottom: 1em;
+  margin-bottom: 1em;
+  img {
+    float: left;
+    width: 48px;
+    height: 48px;
+    margin: 10px;
+    &.noicon {
+      background-image: url("../../../images/icons/48/plugin.png");
+      background-position: center center;
+      background-repeat: no-repeat; } }
+  a {
+    float: left; } }
+
+/**
+ * icons
+ */
+
+.iconspacer {
+  display: block;
+  width: 16px;
+  height: 16px; }
+
+.icon {
+  display: block;
+  width: 20px;
+  height: 20px;
+  background: url(light/icons.png) no-repeat;
+  border: 0;
+  text-decoration: none;
+  border-radius: 5px;
+  &:hover {
+    border: 0;
+    text-decoration: none; } }
+
+.editicon {
+  display: inline-block;
+  width: 21px;
+  height: 21px;
+  background: url(light/editicons.png) no-repeat;
+  border: 0;
+  text-decoration: none; }
+
+.shadow {
+  box-shadow: 2px 2px 5px 2px #111;
+  &:active, &:focus, &:hover {
+    box-shadow: 0 0 0 0; } }
+
+.editicon:hover {
+  border: 0; }
+
+.boldbb {
+  background-position: 0px 0px;
+  &:hover {
+    background-position: -22px 0px; } }
+
+.italicbb {
+  background-position: 0px -22px;
+  &:hover {
+    background-position: -22px -22px; } }
+
+.underlinebb {
+  background-position: 0px -44px;
+  &:hover {
+    background-position: -22px -44px; } }
+
+.quotebb {
+  background-position: 0px -66px;
+  &:hover {
+    background-position: -22px -66px; } }
+
+.codebb {
+  background-position: 0px -88px;
+  &:hover {
+    background-position: -22px -88px; } }
+
+.imagebb {
+  background-position: -44px 0px;
+  &:hover {
+    background-position: -66px 0px; } }
+
+.urlbb {
+  background-position: -44px -22px;
+  &:hover {
+    background-position: -66px -22px; } }
+
+.videobb {
+  background-position: -44px -44px;
+  &:hover {
+    background-position: -66px -44px; } }
+
+.icon {
+  &.drop, &.drophide, &.delete {
+    float: left;
+    margin: 0 2px; }
+  &.s22 {
+    &.delete {
+      display: block;
+      background-position: -110px 0; }
+    &.text {
+      padding: 10px 0px 0px 25px;
+      width: 200px; } }
+  &.text {
+    text-indent: 0px; }
+  &.s16 {
+    min-width: 16px;
+    height: 16px; } }
+
+.s16 .add {
+  background: url("../../../images/icons/16/add.png") no-repeat; }
+
+.add {
+  margin: 0px 5px; }
+
+.article {
+  background-position: -50px 0; }
+
+.audio {
+  background-position: -70px 0; }
+
+.block {
+  background-position: -90px 0px; }
+
+.drop, .delete {
+  background-position: -110px 0; }
+
+.drophide {
+  background-position: -130px 0; }
+
+.edit {
+  background-position: -150px 0; }
+
+.camera {
+  background-position: -170px 0; }
+
+.dislike {
+  background-position: -190px 0; }
+
+.file-as {
+  background-position: -230px -60px; }
+
+.like {
+  background-position: -211px 0; }
+
+.link {
+  background-position: -230px 0; }
+
+.globe, .location {
+  background-position: -50px -20px; }
+
+.noglobe, .nolocation {
+  background-position: -70px -20px; }
+
+.no {
+  background-position: -90px -20px; }
+
+.pause {
+  background-position: -110px -20px; }
+
+.play {
+  background-position: -130px -20px; }
+
+.pencil {
+  background-position: -151px -18px; }
+
+.small-pencil {
+  background-position: -170px -20px; }
+
+.recycle {
+  background-position: -190px -20px; }
+
+.remote-link {
+  background-position: -210px -20px; }
+
+.share {
+  background-position: -230px -20px; }
+
+.tools {
+  background-position: -50px -40px; }
+
+.lock {
+  background-position: -70px -40px; }
+
+.unlock {
+  background-position: -88px -40px; }
+
+.video {
+  background-position: -110px -40px; }
+
+.attach {
+  background-position: -190px -40px; }
+
+.language {
+  background-position: -210px -40px; }
+
+.starred {
+  background-position: -130px -60px; }
+
+.unstarred {
+  background-position: -150px -60px; }
+
+.tagged {
+  background-position: -170px -60px; }
+
+.on {
+  background-position: -50px -60px; }
+
+.off {
+  background-position: -70px -60px; }
+
+.prev {
+  background-position: -90px -60px; }
+
+.next {
+  background-position: -110px -60px; }
+
+.icon.dim {
+  opacity: 0.3; }
+
+#pause {
+  position: fixed;
+  bottom: 40px;
+  right: 30px; }
+
+.border {
+  border: 1px solid #babdb6;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  &:hover {
+    border: 1px solid #babdb6;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px; } }
+
+.attachtype {
+  display: block;
+  width: 20px;
+  height: 23px;
+  background-image: url(../../../images/content-types.png); }
+
+.type-video {
+  background-position: 0px 0px; }
+
+.type-image {
+  background-position: -20px 0; }
+
+.type-audio {
+  background-position: -40px 0; }
+
+.type-text {
+  background-position: -60px 0px; }
+
+.type-unkn {
+  background-position: -80px 0; }
+
+/**
+ * footer
+ */
+
+.cc-license {
+  margin-top: 100px;
+  font-size: 0.7em; }
+
+footer {
+  display: block;
+  /*margin: 50px 20%;*/
+  clear: both; }
+
+#profile-jot-text {
+  height: 20px;
+  color: #666;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  width: 99.5%; }
+
+/**
+ * acl
+ */
+
+#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
+  display: block !important;
+  background: #eec;
+  color: #2e2f2e; }
+
+#acl-wrapper {
+  width: 660px;
+  margin: 0 auto; }
+
+#acl-search {
+  float: right;
+  background: white url("../../../images/search_18.png") no-repeat right center;
+  padding-right: 20px;
+  margin: 6px;
+  color: #111; }
+
+#acl-showall {
+  float: left;
+  display: block;
+  width: auto;
+  height: 18px;
+  background: #eeeecc url("../../../images/show_all_off.png") 8px 8px no-repeat;
+  padding: 7px 10px 7px 30px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  color: #999;
+  margin: 5px 0;
+  &.selected {
+    color: #000;
+    background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } }
+
+#acl-list {
+  height: 210px;
+  border: 1px solid #ccc;
+  clear: both;
+  margin-top: 30px;
+  overflow: auto; }
+
+/*#acl-list-content {
+}*/
+
+.acl-list-item {
+  border: 1px solid #ccc;
+  display: block;
+  float: left;
+  height: 110px;
+  margin: 3px 0 5px 5px;
+  width: 120px;
+  img {
+    width: 22px;
+    height: 22px;
+    float: left;
+    margin: 5px 5px 20px; }
+  p {
+    height: 12px;
+    font-size: 10px;
+    margin: 0 0 22px;
+    padding: 2px 0 1px; }
+  a {
+    background: #ccc 3px 3px no-repeat;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    clear: both;
+    font-size: 10px;
+    display: block;
+    width: 55px;
+    height: 20px;
+    color: #999;
+    margin: 5px auto 0;
+    padding: 0 3px;
+    text-align: center;
+    vertical-align: middle; } }
+
+#acl-wrapper a:hover {
+  text-decoration: none;
+  color: #000;
+  border: 0; }
+
+.acl-button-show {
+  background-image: url('../../../images/show_off.png');
+  margin: 0 auto; }
+
+.acl-button-hide {
+  background-image: url('../../../images/hide_off.png');
+  margin: 0 auto; }
+
+.acl-button-show.selected {
+  color: #000;
+  background-color: #9ade00;
+  background-image: url(../../../images/show_on.png); }
+
+.acl-button-hide.selected {
+  color: #000;
+  background-color: #ff4141;
+  background-image: url(../../../images/hide_on.png); }
+
+.acl-list-item {
+  &.groupshow {
+    border-color: #9ade00; }
+  &.grouphide {
+    border-color: #ff4141; } }
+
+/** /acl **/
+
+/* autocomplete popup */
+
+.acpopup {
+  max-height: 175px;
+  max-width: 42%;
+  background-color: #555753;
+  color: #fff;
+  overflow: auto;
+  z-index: 100000;
+  border: 1px solid #cccccc; }
+
+.acpopupitem {
+  background-color: #555753;
+  padding: 4px;
+  clear: left;
+  img {
+    float: left;
+    margin-right: 4px; }
+  &.selected {
+    color: #2e3436;
+    background-color: #eeeeec; } }
+
+.qcomment-wrapper {
+  padding: 0px;
+  margin: 5px 5px 5px 81%; }
+
+.qcomment {
+  opacity: 0.5;
+  &:hover {
+    opacity: 1.0; } }
+
+#network-star-link {
+  margin-top: 10px; }
+
+.network-star {
+  float: left;
+  margin-right: 5px;
+  &.icon.starred {
+    display: inline-block; } }
+
+#fileas-sidebar {}
+
+.fileas-ul {
+  padding: 0; }
+
+/*
+ * addons theming
+ */
+
+#sidebar-page-list {
+  ul {
+    padding: 0;
+    margin: 5px 0; }
+  li {
+    list-style: none; } }
+
+#jappix_mini {
+  margin-left: 130px;
+  position: fixed;
+  bottom: 0;
+  right: 175px !important;
+  /* override the jappix css */
+  z-index: 999; }
+
+/* media stuff */
+@media handheld {
+  body {
+    font-size: 15pt; } }