]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/smoothly/style.css
projects / friendica.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
shared items and shared links for duepuntozero, quattro and smoothly
[friendica.git] / view / theme / smoothly / style.css
diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index 56a22d7103cf8aba683d6fe385484aac19d5b719..4b2ab87fe2d0e4516fc0e83e06a3e60b694235a1 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -1,8 +1,8 @@
 /*
        style.css
-       Smoothly
-   
-       Created by alex@friendica.pixelbits.de on 2012-10-23
+       Theme: Smoothly
+       Maintainer: alex@friendica.pixelbits.de
+       last change: 2013-05-08
 
 ** Colors ** 
 Blue links - #1873a2
@@ -16,6 +16,27 @@ Orange - #fec01d
 
 @import url('css/typography.css');
 
+@media only screen and (device-width: 768px) {
+/* For general iPad layouts */
+#body {
+       -moz-background-clip: border; 
+       -moz-background-origin: pdading; 
+       -moz-background-size: auto auto; 
+       background-attachment: scroll; 
+       background-color: transparent; 
+       background-image: url( ); 
+       background-position: center top; 
+       background-repeat: no-repeat;
+       } 
+}
+
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
+/* For portrait layouts only */
+}
+        
+@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
+/* For landscape layouts only */
+}
 
 .lockview {
        cursor: pointer;
@@ -26,13 +47,11 @@ Orange - #fec01d
        font-size: 100%;
 }
 
-
 input[type=text] {
        float: left;
        border: 1px solid #b0b0b0;
        padding: 2px;
        width: 550px;
-       /*margin-top: 10px;*/
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
@@ -73,12 +92,13 @@ input[type=submit]:hover {
        color: #efefef;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
 }
+
 input[type=submit]:active {
        position: relative;
        top: 1px;
@@ -96,14 +116,13 @@ input[type=submit]:active {
 }
 
 .dirsearch-desc {
-
 }
 
 .smalltext {
        font-size: 0.7em
 }
 
-::selection    {
+::selection {
        background: #fec01d;
        color: #000; /* Safari and Opera */
 }
@@ -114,15 +133,20 @@ input[type=submit]:active {
 }
 
 section {
+       position: relative;
        float: left;
-       margin-top: 50px;
+       margin: 50px auto -2em; /* the bottom margin is the negative value of the footer's height */
        width: 730px;
+       min-height: 100%;
+       height: auto !important;
+       height: 100%;
        font-size: 0.9em;
        line-height: 1.2em;
+       padding-bottom: 2em;
 }
 
 .lframe {
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
        box-shadow: 3px 3px 6px #959494;
                -moz-box-shadow: 3px 3px 6px #959494;
                -webkit-box-shadow: 3px 3px 6px #959494;
@@ -131,15 +155,15 @@ section {
 }
 
 .mframe {
-       padding: 3px;
-    background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #C5C5C5;
+       padding: 1px;
+       background: none repeat scroll 0 0 #FFFFFF;
+       border: 1px solid #7C7D7B;
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 #wall-item-lock {
@@ -163,8 +187,8 @@ section {
 .button:hover {
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -188,7 +212,8 @@ section {
 /* = Login = */
 /* ========= */
 
-#login-name-wrapper {
+#login-name-wrapper,
+#login-password-wrapper {
        vertical-align: middle;
        margin: auto;
 }
@@ -198,23 +223,16 @@ section {
        margin-left: 20px;
 }
 
-#login-password-wrapper {
-       vertical-align: middle;
-       margin: auto;
-}
-
 #login-extra-links {
-       width: 90px;
+       width: auto;
        margin-top: 20px;
        clear: both;
 }
 
-#login-extra-links a {
-       display: block;
-       margin: 10px;
-       padding: 5px 0px 5px 0px;
-       text-align: center;
-       margin-right: 20px;     
+.login-extra-links {
+       width: 100%;
+       margin-left: 0px;
+       clear: both;
 }
 
 #login-extra-filler {
@@ -222,24 +240,39 @@ section {
 }
 
 #login_standard {
-       width: 210px;
+       width: 260px;
+       float: left;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
+       padding: 15px 10px 10px 20px;
+       margin: 20px 0 0 210px;
+}
+
+#login_openid,
+#login-extra-links a {
+       width: 460px;
        float: left;
+       margin: 5px 0 0 230px;
 }
-#login_openid {
-       width: 210px;
-       margin-left: 150px;
+
+#div_id_remember {
+       width: 258px;
+       float: left;
+       margin: 5px 0 0 230px;
 }
 
 #login_standard input,
 #login_openid input {
+       height: 20px;
        width: 240px;
 }
 
 #register-link,
 #lost-password-link {
-       font-size: 80%;
-       width: 210px;
-       margin-left: 5px;
+       width: 260px;
+
 }
 
 #login-name-end,
@@ -249,14 +282,17 @@ section {
        height: 50px;
 }
 
+#login-submit-button,
+#login-submit-wrapper {
+}
+
 #login-submit-button {
-       margin-top: 10px;
-       margin-left: 75px;
+       width: 250px;
+       margin: 10px 0 0 230px;
 }
 
-#login-submit-wrapper {
+.login-form,
        margin-top: 10px;
-       margin-left: 75px;
 }
 
 /* ========= */
@@ -285,11 +321,9 @@ section {
 /* ========= */
 
 .pager {
-       padding-top: 10px;
-       padding-bottom: 10px;
        display: block;
-       clear: both;
-       text-align: center;
+       /*clear: both;*/
+       text-align: left;
 }
 
 .pager a {
@@ -316,7 +350,7 @@ nav {
        list-style: none outside none;
        margin: 0;
        padding: 0;
-       width: 960px;
+       width: 958px;
        z-index: 10000;
        height: 40px;
        position: fixed;
@@ -328,11 +362,11 @@ nav {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-       border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 0px 0px 5px 5px;
+               -moz-border-radius: 0px 0px 5px 5px;
+               -webkit-border-radius: 0px 0px 5px 5px;
 }
 
 nav a {
@@ -357,7 +391,7 @@ nav #banner {
        display: block;
        position: absolute;
        margin-left: 3px;
-       margin-top: 3px;
+       /*margin-top: 2px;*/
        padding-bottom: 5px;    
 }
 
@@ -383,16 +417,35 @@ nav #user-menu {
        background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
        background-color: #a2a2a2;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
-       border: 1px solid #7C7D8B;
        color: #efefef;
        text-decoration: none;
        text-align: center;   
 }
+
+nav #user-menu:hover {
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
+       background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
+       background-color: #1873a2;
+       color: #efefef;
+}
+
 nav #user-menu-label::after {
-       content: url("menu-user-pin.png") no-repeat;
+       content: url("images/menu-user-pin.png") no-repeat;
        padding-left: 15px;
 }
 
@@ -412,32 +465,6 @@ nav #user-menu-label {
 nav #nav-link-wrapper .nav-link {
        border-right: 1px solid #babdb6;
 }
-/* menu problems
-.nav-commlink, .nav-login-link {
-       display: block;
-       height: 15px;
-       margin-top: 67px;
-       margin-right: 2px;
-       padding: 6px 3px;
-       float: left;
-       bottom: 140px;
-       border: 1px solid #babdb6;
-       border-bottom: 0px;
-       background-color: #aec0d3;
-       color: #565854;         
-       border-radius: 3px 3px 0px 0px;
-       -moz-border-radius: 3px 3px 0px 0px;
-}
-
-.nav-commlink.selected {
-       background-color: #ffffff;
-       border-bottom: 1px solid #ffffff;
-       color: #000000 !important;
-       margin-top: 64px;
-       padding-top: 6px;
-       padding-bottom: 8px;
-}
-*/
 
 .error-message {
        color: #FF0000;
@@ -463,19 +490,19 @@ ul#user-menu-popup {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
        background-color: #898988;
        width: 100%;
-       padding: 10px 0px;
+       padding: 0;
        margin: 0px;
-       margin-top: 4px;
+       margin-top: 10px;
        top: 20px;
        left: 0px;
        border: 1px solid #9a9a9a;
        border-top: none;
-       -webkit-border-radius: 0px 0px 5px 5px;
-       -moz-border-radius: 0px 0px 5px 5px;    
        border-radius: 0px 0px 5px 5px;
-       -moz-box-shadow: 5px 5px 10px #242424;
-       -webkit-box-shadow: 5px 5px 10px #242424;
+               -webkit-border-radius: 0px 0px 5px 5px;
+               -moz-border-radius: 0px 0px 5px 5px;
        box-shadow: 5px 5px 10px #242424;    
+               -moz-box-shadow: 5px 5px 10px #242424;
+               -webkit-box-shadow: 5px 5px 10px #242424;
        z-index: 10000;
 }
 
@@ -493,7 +520,7 @@ ul#user-menu-popup li a:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
        background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
-       background-color: #6da6c4;
+       background-color: #1873a2;
 }
 
 ul#user-menu-popup li a.nav-sep {
@@ -515,7 +542,7 @@ ul#user-menu-popup li a.nav-sep {
 .nav-ajax-update {
        width: 44px;
        height: 32px;
-       background: transparent url('notifications.png') 0px 0px no-repeat; 
+       background: transparent url('images/notifications.png') 0px 0px no-repeat; 
        color: #333333;
        font-weight: bold;
        font-size: 0.8em;
@@ -545,16 +572,16 @@ ul#user-menu-popup li a.nav-sep {
 }
 
 #lang-select-icon {
-       bottom: 6px;
+       bottom: 5px;
        cursor: pointer;
-       left: 28px;
+       left: 25px;
        position: fixed;
        z-index: 10;
 }
 #language-selector {
        position: fixed;
        bottom: 2px;
-       left: 52px;
+       left: 55px;
        z-index: 10;
 }
 
@@ -562,7 +589,8 @@ ul#user-menu-popup li a.nav-sep {
 /* = System Messages = */
 /* =================== */
 
-#sysmsg_info, #sysmsg {
+#sysmsg_info, 
+#sysmsg {
        position: fixed; 
        bottom: 0px; right:20%; 
        box-shadow: 7px 7px 10px #434343;
@@ -588,7 +616,7 @@ ul#user-menu-popup li a.nav-sep {
 #sysmsg br {
        display:block;
        margin:2px 0px;
-       border-top: 1px solid #dddddd;
+       border-top: 1px solid #7C7D7B;
 }
 
 /* ================= */
@@ -607,6 +635,16 @@ aside a {
        /*padding-bottom: 5px;*/
 }
 
+aside h4 {
+       font-size: 1.3em;
+}
+
+.vcard  {
+       width: 205px;
+       padding-bottom: 10px;
+       /*border-bottom-style: dotted;*/
+}
+
 .vcard .title {
        font-size: 1em;
 }
@@ -629,23 +667,20 @@ aside a {
 
 .vcard #profile-photo-wrapper {
        margin: 10px 0px;
-       padding: 6px;
+       padding: 0;
        width: auto;
-       background: none repeat scroll 0 0 #FFFFFF;
-       border: 1px solid #C5C5C5;
+       /*background: none repeat scroll 0 0 #FFFFFF;
+       border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
+               -webkit-border-radius: 5px;*/
 }
 
-aside h4 {
-       font-size: 1.3em;
-}
 
 .allcontact-link {
        color: #626262;
@@ -691,8 +726,8 @@ aside h4 {
        display: block;
        color: #FFFFFF;
        border-radius: 5px;
-       -webkit-border-radius: 5px ;
-       -moz-border-radius: 5px;
+               -webkit-border-radius: 5px ;
+               -moz-border-radius: 5px;
        padding: 5px;
        font-weight: bold;
        background-color: #3465a4;
@@ -725,15 +760,15 @@ aside h4 {
        width: auto;
 }
 
-h3#search:before {
-       content: url("search.png");
+h3 #search:before {
+       content: url("images/search.png");
        padding-right: 10px;
        vertical-align: middle;
 }
 
 #network-new-link {
        background-color: #f3f3f3;
-       border: 1px solid #cdcdcd;
+       border: 1px solid #7C7D7B;
        margin-bottom: 10px;
        border-radius: 5px;     
                -webkit-border-radius: 5px;
@@ -747,6 +782,29 @@ h3#search:before {
        padding-bottom: 10px;
 }
 
+#message-sidebar {
+       vertical-align: middle;
+       margin-top: 40px;
+}
+
+#message-new {
+       padding: 7px;
+       width: 165px;
+       margin: 10px;
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+       background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+       background-color: #bdbdbd;
+       display: inline-block;
+       color: #efefef;
+       text-decoration: none;
+       text-align: center;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
+}
+
 #peoplefind-desc {
        margin-left: 10px;
 }
@@ -756,18 +814,13 @@ h3#search:before {
        margin-right: 30px;
 }
 
-#sidebar-group-list  a {
-       /*padding-bottom: 10px;*/
+#sidebar-ungrouped {
+       margin: 10px;
 }
 
-/*#sidebar-group-list ul {
-       list-style-type: none;
+#sidebar-group-list  a {
 }
 
-#sidebar-group-list li {
-       margin-top: 10px;
-}*/
-
 #sidebar-group-list .icon,
 #sidebar-group-list .iconspacer {
        display: inline-block;
@@ -775,6 +828,17 @@ h3#search:before {
        width: 12px;
 }
 
+#side-peoplefind-submit {
+       margin: 10px;
+}
+
+#side-peoplefind-url {
+       margin: 10px;
+       width: 175px;
+}
+
+#sidebar-page-list {}
+
 .widget {
        margin-top: 20px;
        box-shadow: 1px 2px 6px 0px #959494;
@@ -788,12 +852,12 @@ h3#search:before {
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        color: #7c7d7b;
-       border: 1px solid #cdcdcd;
+       border: 1px solid #7C7D7B;
 }
 
 li.widget-list {
        list-style: none outside none;
-       background: url("arrow.png") no-repeat scroll left center transparent;
+       background: url("images/arrow.png") no-repeat scroll left center transparent;
        display: block;
        padding: 3px 24px;
 }
@@ -825,8 +889,8 @@ li.widget-list {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -837,7 +901,10 @@ li.widget-list {
        top: 1px;
 }
 
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {
+.group-selected, 
+.nets-selected, 
+.fileas-selected, 
+.categories-selected {
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
@@ -868,9 +935,8 @@ li.widget-list {
 }
 
 ul .sidebar-group-li {
-       list-style: none;
+       list-style: disc;
        font-size: 1.0em;
-       /*padding-bottom: 5px;*/
 }
 
 ul .sidebar-group-li .icon {
@@ -883,22 +949,30 @@ ul .sidebar-group-li .icon {
        list-style-type: none;
 }
 
-.nets-ul li, .fileas-ul li, .categories-ul li {
-       /*margin-top: 10px;*/
+.nets-ul li, 
+.fileas-ul li, 
+.categories-ul li {
 }
 
 .nets-link {
-       margin-left: 24px;
+       color: #1873A2;
+       text-decoration: none;
+       margin-left: 2px;
+       padding-left: 20px;
+       background: url("images/arrow.png") no-repeat scroll left center transparent;
+       box-shadow: none;
 }
 .nets-all {
        margin-left: 42px;
 }
 
-.fileas-link, .categories-link {
+.fileas-link, 
+.categories-link {
        margin-left: 0px;
 }
 
-.fileas-all, .categories-all {
+.fileas-all, 
+.categories-all {
        margin-left: 0px;
 }
 
@@ -912,7 +986,7 @@ ul .sidebar-group-li .icon {
                -moz-border-radius: 5px 5px 0px 0px;
                -webkit-border-radius: 5px 5px 0px 0px;
        border: 1px solid #e2e2e2;
-       border-bottom: 1px solid #cdcdcd;
+       border-bottom: 1px solid #7C7D7B;
        padding-top: 5px;
        padding-bottom: 5px;
        vertical-align: baseline;
@@ -925,7 +999,7 @@ ul .sidebar-group-li .icon {
 }
 
 #group-sidebar h3:before {
-       content: url("groups.png");
+       content: url("images/groups.png");
        padding-right: 10px;
        vertical-align: middle;
 }
@@ -943,11 +1017,13 @@ ul .sidebar-group-li .icon {
        margin-right: 5px;
 }
 
-.birthday-today, .event-today {
+.birthday-today, 
+.event-today {
        font-weight: bold;
 }
 
-#birthday-wrapper, #event-wrapper {
+#birthday-wrapper, 
+#event-wrapper {
        margin-left: 15px;
 }
 
@@ -962,17 +1038,18 @@ ul .sidebar-group-li .icon {
 /* ================== */
 
 .contact-block-img {
-       width: 47px;
-       height: 47px;
+       width: 47px !important;
+       height: 47px !important;
        margin-right: 2px;
-       border: 1px solid #C5C5C5;
+       border: 1px solid #7C7D7B;
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
+
 .contact-block-div {
        float: left;
 }
@@ -989,17 +1066,28 @@ ul .sidebar-group-li .icon {
 
 .contact-block-h4,
 .contact-block-content {
+       margin: 0;
+       font-size: 1.2em;
 }
 
 #contact-block,
 #contact-block-end {
        clear: both;
+       padding-top: 10px;
 }
 
 /* ======= */
 /* = Jot = */
 /* ======= */
 
+.jothidden {
+  display: none;
+}
+#jot {
+  width: 100%;
+  margin: 0px 2em 20px 0px;
+}
+
 #profile-jot-text-loading,
 #profile-jot-text {
        height: 20px;
@@ -1012,14 +1100,15 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-text_ifr {
-       width: 99.9%!important
+       width: 99.9% !important;
 }
 
 #profile-jot-submit-wrapper { 
        margin-top: 30px;
 }
 
-#jot-title, #jot-category {
+#jot-title, 
+#jot-category {
        margin: 0px;
        height: 20px;
        width: 575px;
@@ -1048,8 +1137,6 @@ ul .sidebar-group-li .icon {
        border: 1px solid #cccccc;
 }
 
-.jothidden { display:none; }
-
 .preview {
        background: #FFFFC8;
 }
@@ -1058,7 +1145,8 @@ ul .sidebar-group-li .icon {
        margin: 15px 0 15px 0;
 }
 
-#profile-jot-perms, #profile-jot-submit {
+#profile-jot-perms, 
+#profile-jot-submit {
        width: 60px;
        font-size: 12px;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
@@ -1080,7 +1168,6 @@ ul .sidebar-group-li .icon {
 #jot-preview-link {
        float: left;
        width: 60px;
-       /*height: 10px;*/
        font-size: 12px;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
        background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
@@ -1136,8 +1223,8 @@ ul .sidebar-group-li .icon {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -1194,11 +1281,12 @@ ul .sidebar-group-li .icon {
        border-bottom: 0px;
        padding: 5px;
 }
+
 #profile-jot-acl-wrapper {
        margin: 0px 10px;
        border: 1px solid #eeeeee;
        border-top: 0px;
-    display:block!important;
+       display: block !important;
 }
 
 #profile-video-wrapper,
@@ -1298,6 +1386,13 @@ ul .sidebar-group-li .icon {
 /* = Posts = */
 /* ========= */
 
+.wall-item-name {
+       font-style: bold !important;
+       border: 0px !important;
+       border-radius: 0px !important;
+       box-shadow: none !important;
+}
+
 .wall-item-outside-wrapper {
        max-width: 100%;
        border-bottom: 1px solid #dedede; 
@@ -1306,13 +1401,13 @@ ul .sidebar-group-li .icon {
        padding-right: 10px;
        padding-left: 12px;
        background: none repeat scroll 0 0 #FFFFFF;
-       border: 1px solid #CDCDCD;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .wall-item-outside-wrapper-end {
@@ -1329,20 +1424,22 @@ ul .sidebar-group-li .icon {
        margin-left: 10px;
 }
 
-.wall-item-photo-menu {
-       display: none;
-}
-
 .wall-item-photo-menu-button {
        display: none;
        text-indent: -99999px;
-       background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
+       background: #eeeeee url("images/menu-user-pin.png") no-repeat 35px center;
        position: absolute;
        overflow: hidden;
        height: 20px;
-       width: 90px;
-       top: 85px;
-       left: -1px;
+       width: 100%;
+       top: 82px;
+       left: 0;
+       border-right: 1px solid #7C7D7B;
+       border-left: 1px solid #7C7D7B;
+       border-bottom: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 0px 0px 5px  5px;        
                -webkit-border-radius: 0px 0px 5px  5px;
                -moz-border-radius: 0px 0px 5px  5px;
@@ -1355,8 +1452,26 @@ ul .sidebar-group-li .icon {
 
 .wall-item-photo-wrapper { 
        width: 80px; 
-       height: 80px;  
+       height: 80px;
+       padding: 0;
        position: relative;
+       /*border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -webkit-border-radius: 5px;
+               -moz-border-radius: 5px;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
+}
+
+.wall-item-photo { 
+       border: 0px solid #7C7D7B;
+       border-radius: 2px;
+               -webkit-border-radius: 2px;
+               -moz-border-radius: 2px;
+       /*box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
 }
 
 .wall-item-tools { 
@@ -1435,10 +1550,7 @@ ul .sidebar-group-li .icon {
        margin-right: 20px;
 }
 
-.star-item {
-       float: left;    
-}
-
+.star-item,
 .tag-item {
        float: left;    
 }
@@ -1459,7 +1571,8 @@ ul .sidebar-group-li .icon {
 
 .wall-item-body img { 
        max-width: 100%; 
-       height: auto; 
+       height: auto;
+       border-radius: 0;
 }
 
 .wall-item-body p {
@@ -1500,7 +1613,6 @@ ul .sidebar-group-li .icon {
 
 .wall-item-location {
        margin-top: 5px;
-       width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
@@ -1562,43 +1674,35 @@ ul .sidebar-group-li .icon {
 }
 
 .wall-item-photo-menu {
-       min-width: 92px;
+       display: none;
+       min-width: 88px;
        color: #2e3436;
        border-top: 1px;
        background: #eeeeee;
-       border-right: 1px solid #dddddd;
-       border-left: 1px solid #dddddd;
-       border-bottom: 1px solid #dddddd;
+       border-right: 1px solid #7C7D7B;
+       border-left: 1px solid #7C7D7B;
+       border-bottom: 1px solid #7C7D7B;
        position: absolute;
-       left: -2px; 
+       left: 0px; 
        top: 101px;
        display: none;
        z-index: 10000;
        border-radius: 0px 5px 5px 5px;
                -webkit-border-radius: 0px 5px 5px 5px;
                -moz-border-radius: 0px 5px 5px 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-
-}
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 
-.wall-item-photo-menu-button {
-       border-right: 1px solid #dddddd;
-       border-left: 1px solid #dddddd;
-       border-bottom: 1px solid #dddddd;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
 }
 
 .fakelink wall-item-photo-menu-button {
        -webkit-border-radius: 0px 5px 5px 5px;
        -moz-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .wall-item-photo-menu ul { 
@@ -1620,27 +1724,78 @@ ul .sidebar-group-li .icon {
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
        background-color: #1873a2; 
-       /*order-bottom: none;*/
+}
+
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  float: left;
+  margin-right: 10px;
+}
+.type-link blockquote {
+  margin-left: 160px;
+  max-height: 160px;
+  overflow: hidden;
+}
+.type-link .oembed {
+}
+
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #D2D2D2;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+
+.shared_header a {
+  color: black;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+.shared_header a:hover {
+  color: #36c;
+}
+
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+
+.shared_header span {
+  margin-left: 9px;
+}
+
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
 }
 
 .icon.drop,
 .icon.drophide { 
-       float: right;
+       float: left;
 }
 
 #item-delete-selected-end,
 #item-delete-selected {        
        overflow: auto;
-       margin-top: 20px;
+       margin-top: 0px;
        float: right;
-    width: 250px;
+       width: 250px;
 }
 
 #item-delete-selected-icon {}
 
 code {
        font-family: Courier, monospace;
-       /*white-space: pre;*/
        display: block;
        overflow: auto;
        border: 1px solid #444;
@@ -1683,17 +1838,22 @@ code {
 .wall-item-outside-wrapper.comment .wall-item-photo {
        width: 40px!important;
        height: 40px!important;
+       border-radius: 3px;
+               -webkit-border-radius: 3px;
+               -moz-border-radius: 3px;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
        width: 40px; 
-       height: 40px; 
+       height: 40px;
+       border-radius: 3px;
+               -webkit-border-radius: 3px;
+               -moz-border-radius: 3px;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
-       width: 50px;
-       top: 45px;
-       background-position: 35px center;
+       top: 42px;
+       background-position: 15px center;
 }
        
 .wall-item-outside-wrapper.comment .wall-item-info { 
@@ -1738,7 +1898,8 @@ code {
 }
 
 .comment-edit-text-empty { 
-       width: 672px; /*80%*/
+       width: 98%;
+       max-width: 672px;
        height: 20px;
        color: #babdb6;
        transition: all 0.5s ease-in-out;       
@@ -1751,7 +1912,8 @@ code {
 }
 
 .comment-edit-text-full { 
-       width: 670px; 
+       width: 98%;
+       max-width: 672px;
        height: 6em;
        transition: all 0.5s ease-in-out;       
                -webkit-transition: all 0.5s ease-in-out;
@@ -1759,7 +1921,8 @@ code {
 }
 
 .comment-edit-submit-wrapper { 
-       width: 670px; 
+       width: 98%;
+       max-width: 672px;
        margin-left: 20px; 
        text-align: left; 
 }
@@ -1769,7 +1932,7 @@ code {
        padding: 5px 5px;
        background-color: #a2a2a2;
        color: #eeeeec;
-       border: 1px solid #CDCDCD;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -1777,13 +1940,13 @@ code {
 
 .comment-edit-submit:hover {
        background-color: #1873a2;
-       border: 1px solid #CDCDCD;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .comment-edit-submit:active {
@@ -1797,7 +1960,6 @@ code {
 
 .wall-item-body code {
        font-family: Courier, monospace;
-       /*white-space: pre;*/
        display: block;
        overflow: auto;
        border: 1px solid #cccccc;
@@ -1848,17 +2010,6 @@ div[id$="wrapper"] br {
        text-align: center;
 }
 
-/*#profile-listing-new-link-wrapper {
-       float: left;
-       display: inline;
-       width: auto;
-       margin-left: 5px;
-       margin-top: 20px;
-       padding: 5px 10px 5px 10px;
-       font-style: bold;
-       text-align: center;
-}*/
-
 .profile-listing-name {
        font-size: 1em;
 }
@@ -1866,6 +2017,10 @@ div[id$="wrapper"] br {
        color: #898989;
 }
 
+#profile-edit-links {
+       margin-left: 0;
+}
+
 #profile-edit-links li {
        display: inline;
        width: 150px;
@@ -1914,9 +2069,10 @@ div[id$="wrapper"] br {
        clear:both; 
 }
 
-.profile-match-name a{
-       color: #999;
-       font-size: 1em;
+.profile-match-name {
+        float: left;
+        text-align: left;
+        overflow: hidden;
 }
 
 .profile-match-name a:hover {
@@ -1924,18 +2080,36 @@ div[id$="wrapper"] br {
 }
 
 .profile-match-wrapper {
-       width: 82%;
-       padding: 5px;
-       margin-bottom: 10px;
-       margin-left: 20px;
+       position: relative;
+       float:left;
+       height:80px;
+       padding:5px;
+       width:80px;
+       margin-bottom: 70px;
+       margin-right: 29px;
        background-color: #f6f6f6;
-       border: 1px solid #dddddd;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-       clear: both;    
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
+.profile-match-break,
+.profile-match-end {
+        clear: both;
+}
+
+.profile-match-connect {
+        text-align: left;
+        font-weight: bold;
+}
+.profile-match-ignore {
+       height: 0!important;
+}
+
+#profile-match-wrapper-end {
+        clear: both;
+}
 .profile-match-end {
        clear: both;
 }
@@ -1946,21 +2120,38 @@ div[id$="wrapper"] br {
        margin-bottom: 5px;
 }
 
-/* ========== */
-/* = Photos = */
-/* ========== */
-.photos {
-       height: auto;
-       overflow: auto;
+/* ========== */
+/* = Photos = */
+/* ========== */
+
+.photos {
+       height: auto;
+       overflow: auto;
+}
+
+.photo {
+       height: 203px !important;
+       width: 203px !important;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
+}
+
+#side-bar-photos-albums {
 }
 
-.photo {
-       height: 191px;
-       width: 191px;
+#photo-albums-upload-link {
+       margin: 20px;
 }
 
 #side-bar-photos-albums h3:before {
-       content: url("photography.png");
+       content: url("images/photography.png");
        padding-right: 10px;
        vertical-align: middle;
 }
@@ -2038,7 +2229,9 @@ div[id$="wrapper"] br {
        border-bottom: 0px; 
 }
 
-.photo-top-photo {}
+.photo-top-photo {
+       width: 180px;
+}
 .photo-album-photo {} 
 
 .photo-top-album-name {
@@ -2094,13 +2287,13 @@ div[id$="wrapper"] br {
 #photo-prev-link { 
        left: 0px; 
        top: 0px; 
-       background-image: url('prev.png'); 
+       background-image: url('images/prev.png'); 
 }
 
 #photo-next-link { 
        right: 0px; 
        top: 0px; 
-       background-image: url('next.png');
+       background-image: url('images/next.png');
 }
 
 #photo-prev-link a,
@@ -2133,17 +2326,15 @@ div[id$="wrapper"] br {
 
 #photos-upload-existing-album-text,
 #photos-upload-newalbum-div { 
-       background-color: #fff;
        color: #909090;
-       font-size: 1.2em;
        padding: 3px 0px;
-       padding-left: 0px;
        width: 300px;
 }
 
 #photos-upload-album-select,
 #photos-upload-newalbum { 
-       width: 400px; 
+       width: 400px;
+       margin-bottom: 10px;
 }
 
 #photos-upload-perms-menu {
@@ -2155,6 +2346,12 @@ div[id$="wrapper"] br {
        display: none;
 }
 
+#photos-upload-perms {
+       margin-top: 10px;
+}
+
+.photos-upload-perms {}
+
 select, input {
        border: 1px solid #b0b0b0;
        padding: 2px;
@@ -2192,14 +2389,6 @@ textarea, keygen {
 input {
        margin-top: 3px;
        margin-right: 10px;
-       /*font-size: 0.9em;
-       letter-spacing: normal;
-       word-spacing: normal;
-       line-height: 1.2em;
-       text-transform: none;
-       text-indent: 0px;
-       text-shadow: none;
-       display: inline-block;*/
        text-align: -webkit-auto;
 }
 
@@ -2241,7 +2430,7 @@ input {
        text-align: left;
 }
 
-input#photo_edit_form {
+input #photo_edit_form {
        display: block;
        width: 100%;
 }
@@ -2277,13 +2466,17 @@ input#photo_edit_form {
 .mail-conv-detail, 
 .mail-list-detail {
        position: relative;
-       width: 500px;
+       width: 550px;
        padding: 50px;
-       margin: 20px auto;
+       margin: 20px 0 0 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #prvmail-wrapper:before, 
@@ -2308,6 +2501,10 @@ input#photo_edit_form {
                -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        z-index: -1;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #prvmail-wrapper:after, 
@@ -2320,6 +2517,10 @@ input#photo_edit_form {
                -moz-transform: skew(5deg) rotate(5deg);
                -ms-transform: skew(5deg) rotate(5deg);
                -o-transform: skew(5deg) rotate(5deg);
+       border: 1px solid #7C7D7B;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 .prvmail-text {
@@ -2378,13 +2579,13 @@ margin-left: 0px;
        float: left;
        padding: 2px;
        background-color: #efefef;
-       border: 1px solid #C5C5C5;
+       border: 1px solid #7C7D7B;
        border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
-    box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .mail-list-detail {
@@ -2393,7 +2594,7 @@ margin-left: 0px;
        min-height: 70px;
        padding: 20px;
        padding-top: 10px;
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
 }
        
 .mail-list-sender-name {
@@ -2442,6 +2643,7 @@ margin-left: 0px;
 .mail-conv-sender-photo {
        width: 64px;
        height: 64px;
+       border-radius: 3px 3px 3px 3px;
 }
 
 .mail-conv-sender-name { 
@@ -2471,8 +2673,9 @@ margin-left: 0px;
        margin-bottom: 0px;
        vertical-align: middle;
        margin: auto;
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
 }
+
 .mail-conv-break { 
        display: none; 
        border: none;
@@ -2486,7 +2689,7 @@ margin-left: 0px;
 
 #prvmail-subject {
        font-weight: bold;
-       border: 1px solid #dddddd;
+       border: 1px solid #7C7D7B;
 }
 
 /* ================= */
@@ -2592,6 +2795,13 @@ margin-left: 0px;
 
 .contact-entry-photo {
        position: relative;
+       /*border: 1px solid #7C7D7B;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
 }
 
 .contact-entry-edit-links .icon {      
@@ -2629,10 +2839,18 @@ margin-left: 0px;
 }
 
 #contact-edit-update-now:hover {
+       color: #efefef;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
        background-color: #1873a2;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
 }
 
 #contact-edit-update-now:active {
@@ -2663,10 +2881,11 @@ margin-left: 0px;
 
 .contact-photo-menu-button {
        position: absolute;
-       background-image: url("photo-menu.jpg");
+       background-image: url("images/photo-menu.jpg");
        background-position: top left; 
        background-repeat: no-repeat;
-       margin: 10px 0 0 0; padding: 0px;
+       margin: 10px 0 0 0; 
+       padding: 0px;
        width: 16px;
        height: 16px;
        top: 64px; left:0px;
@@ -2680,7 +2899,8 @@ margin-left: 0px;
        border: 1px solid #ddd;
        background: #f1f1f1;
        position: absolute;
-       left: 0px; top: 90px;
+       left: 0px; 
+       top: 90px;
        display: none;
        z-index: 10000;
        box-shadow: 3px 3px 5px #888;
@@ -2719,11 +2939,11 @@ margin-left: 0px;
 }
 
 #follow-sidebar {
-       margin-bottom: 80px;
+       margin-bottom: 10px;
 }
 
 #follow-sidebar h3:before {
-       content: url("user.png");
+       content: url("images/user.png");
        padding-right: 10px;
        vertical-align: middle;
 }
@@ -2739,50 +2959,10 @@ margin-left: 0px;
        text-align: center;
 }
 
+#side-invite-link,
+#side-random-profile-link,
+#side-suggest-link,
 #side-match-link {
-       width: 158px;
-       padding: 10px;
-       margin: auto 10px 20px;
-       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-       background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
-       background-color: #bdbdbd;
-       padding: 5px 10px 5px 10px;
-       color: #efefef;
-       font-size: 1.1em;
-       text-align: center;
-       border: 1px solid #7C7D7B;
-       border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
-}
-
-#side-match-link:hover {
-       color: #efefef;
-       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
-       background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
-       background-color: #1873a2;
-       border: 1px solid #7C7D7B;
-       box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-       border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
-}
-
-#side-match-link:active {
-       background-color: #1873a2;
-       position: relative;
-       top: 1px;
-}
-
-#side-match-link a {
-       color: #efefef;
-}
-
-#side-invite-link {
        width: 80%;
        padding: 10px;
        margin: auto;
@@ -2801,7 +2981,10 @@ margin-left: 0px;
                -webkit-border-radius: 5px;
 }
 
-#side-invite-link:hover {
+#side-invite-link:hover,
+#side-random-profile-link:hover,
+#side-suggest-link:hover,
+#side-match-link:hover {
        color: #efefef;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@@ -2809,67 +2992,30 @@ margin-left: 0px;
        background-color: #1873a2;      
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
 }
 
 
-#side-invite-link:active {
+#side-invite-link:active,
+#side-random-profile-link:active,
+#side-suggest-link:active,
+#side-match-link:active {
        background-color: #1873a2;
        position: relative;
        top: 1px;       
 }
 
-#side-invite-link a {
+#side-invite-link a,
+#side-random-profile-link a,
+#side-suggest-link a,
+#side-match-link a {
        color: #efefef; 
 }
 
-#side-suggest-link {
-       width: 80%;
-       padding: 10px;
-       margin: auto;
-       margin-bottom: 20px;
-       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-       background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
-       background-color: #bdbdbd;
-       padding: 5px 10px 5px 10px;
-       color: #efefef;
-       font-size: 1.1em;
-       text-align: center;
-       border: 1px solid #7C7D7B;
-       border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
-}
-
-#side-suggest-link:hover {
-       color: #efefef;
-       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
-       background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
-       background-color: #1873a2;      
-       border: 1px solid #7C7D7B;
-       box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
-       border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
-}
-
-#side-suggest-link:active {
-       background-color: #1873a2;
-       position: relative;
-       top: 1px;       
-}
-
-#side-suggest-link a {
-       color: #efefef; 
-}
 
 #invite-message,
 #invite-recipients, 
@@ -2882,7 +3028,7 @@ margin-left: 0px;
        font-weight: bold;
        font-stretch: semi-expanded;
        background-color: #f3f3f3;
-       border: 1px solid #cdcdcd;
+       border: 1px solid #7C7D7B;
        padding: 10px;
        margin-top: 20px;
        border-radius: 5px;
@@ -2951,11 +3097,12 @@ margin-left: 0px;
 /* = Register, Settings, Profile Forms = */
 /* ===================================== */
 
-#id_openid_url, .openid input{
-       background: url(login-bg.gif) no-repeat;
+#id_openid_url, 
+.openid input {
+       background: url(images/login-bg.gif) no-repeat;
        background-position: 0 50%;
        padding-left: 18px;
-       width: 220px!important;
+       width: 250px!important;
 }
 
 .openid:hover {
@@ -3038,8 +3185,8 @@ margin-left: 0px;
        background-color: #555753;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -3086,8 +3233,6 @@ margin-left: 0px;
        margin-right: 155px;
 }
 
-/* #register-form span,
-#profile-edit-form span  { */
 #register-form span {
        color: #555753;
        display: block;
@@ -3117,13 +3262,18 @@ margin-left: 0px;
        margin-top: 10px;
 }
 
-#label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
+#label-register-name, 
+#label-register-email, 
+#label-register-nickname, 
+#label-register-openid {
        float: left;
        width: 350px;
        margin-top: 10px;
 }
 
-#register-name, #register-email, #register-nickname {
+#register-name, 
+#register-email, 
+#register-nickname {
        float: left;
        margin-top: 10px;
        width: 150px;
@@ -3139,7 +3289,11 @@ margin-left: 0px;
        margin-bottom: 25px;
 }
 
-#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
+#register-name-end, 
+#register-email-end, 
+#register-nickname-end, 
+#register-submit-end, 
+#register-openid-end {
        clear: both;
 }
 
@@ -3237,7 +3391,7 @@ margin-left: 0px;
 #group-members h3,
 #group-all-contacts h3,
 #prof-members h3,
-#prof-all-contacts h3{
+#prof-all-contacts h3 {
        color: #555753;
        margin: 0px;
        padding: 5px;
@@ -3316,7 +3470,7 @@ margin-left: 0px;
        font-weight: bolder;
 }
 
- .vevent .event-location {
+.vevent .event-location {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 1em;
@@ -3379,7 +3533,7 @@ margin-left: 0px;
 }
 
 .event-description:before {
-       content: url('calendar.png');
+       content: url('images/calendar.png');
        margin-right: 15px;
        vertical-align: middle;
 }
@@ -3439,10 +3593,6 @@ margin-left: 0px;
                -webkit-box-shadow: 5px 2px 8px #959494;
 }
 
-tr {
-       border: 1px solid #eeeeee;
-}
-
 .calendar td {
        font-size: 14px;
        text-align: center;
@@ -3524,7 +3674,7 @@ tr {
 /* ========= */
 
 #adminpage {
-       width: 80%;
+       width: 90%;
 }
 
 #pending-update {
@@ -3566,6 +3716,7 @@ tr {
 #adminpage h3 {
        border-bottom: 1px solid #898989;
        margin-bottom: 5px;
+       padding-bottom: 5px;
        margin-top: 10px;
 }
 
@@ -3582,10 +3733,16 @@ tr {
 #adminpage .plugin {
        list-style: none;
        display: block;
-       border: 1px solid #888888;
-       padding: 1em;
-       margin-bottom: 5px;
        clear: left;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
+       padding:10px;
+       margin:10px 10px 10px 0;
 }
 
 #adminpage .toggleplugin {
@@ -3625,13 +3782,25 @@ tr {
 /* =============== */
 
 .field {
-       width: 90%;
+    /*margin-bottom: 10px;*/
+    overflow: auto;
+    padding-bottom: 10px;
+    width: 100%;
+}
+
+.field.radio .field_help {
+    margin-left: 255px;
+}
+
+.field .field_help {
+    color: #666666;
+    display: block;
+    margin-left: 225px;
 }
 
 .field label {
-       float: left;
-       width: auto;
-       margin: 5px 10px 0 0;
+    float: left;
+    width: 230px;
 }
 
 .field checkbox {
@@ -3641,17 +3810,14 @@ tr {
 
 .field input,
 .field textarea {
-       width: 220px;
-       border: 1px solid #CDCDCD;
+       /*width: 400px;*/
+       float: left;
+       border: 1px solid #7C7D7B;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
 }
 
-.field textarea { 
-       height: 100px; 
-}
-
 .field password { 
        height: 100px;
        margin-left: 150px;     
@@ -3695,10 +3861,6 @@ tr {
        text-align: left;
 }
 
-.hidden { 
-       display: none!important; 
-}
-
 .field .radio .field_help { 
        margin-left: 0px; 
 }
@@ -3709,6 +3871,21 @@ tr {
 
 .sparkle {
        cursor: url('lock.cur'), pointer;
+       width: 100%;
+       height: auto;
+       /*border: 1px solid #7C7D7B;
+       border-radius: 3px;
+               -moz-border-radius: 3px;
+               -webkit-border-radius: 3px;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;*/
+}
+
+.label {
+       border: 0px;
+       border-radius: 0px;
+       box-shadow: none;
 }
 
 .icon {
@@ -3717,19 +3894,19 @@ tr {
        display: block; 
        width: 20px; 
        height: 20px;
-       background-image: url("icons.png");
+       background-image: url("images/icons.png");
 }
 .starred { 
-       background-image: url("star.png");
+       background-image: url("images/star.png");
        repeat: no-repeat;
 }
 .unstarred { 
-       background-image: url("premium.png");
+       background-image: url("images/premium.png");
        repeat: no-repeat;
 }
 
 .notify {
-       background-image: url("notifications.png");
+       background-image: url("images/notifications.png");
        repeat: no-repeat;
 }
 
@@ -3770,7 +3947,7 @@ tr {
 }
 
 .sharePerms {
-       background-image: url("icons.png");
+       background-image: url("images/icons.png");
        width: 20px;
        height: 20px;
        margin: 2px 0px 2px 3px;
@@ -3791,6 +3968,7 @@ tr {
 .attachtype {
        display: block; width: 20px; height: 23px;
        background-image: url("../../../images/content-types.png");
+       background-position: -80px 0px;
 }
 
 .type-video { background-position: 0px 0px; }
@@ -3808,12 +3986,39 @@ tr {
        font-size: 0.7em; 
 }
 
-footer { 
-       display: block; 
-       margin: 50px 20%; 
-       clear: both; 
-}
+footer { display: block; margin: 50px 20%; clear: both; }
+
+/* ========== */
+/* = Tools = */
+/* ========== */
 
+tools {
+       background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
+       background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
+       background-color: #f0edf0;
+       border-radius: 5px 5px 0px 0px;
+               -moz-border-radius: 5px 5px 0px 0px;
+               -webkit-border-radius: 5px 5px 0px 0px;
+       border: 1px solid #7C7D7B;
+       border-bottom: none;
+       box-shadow: 1px 2px 6px 0px #959494;
+               -moz-box-shadow: 1px 2px 6px 0px #959494;
+               -webkit-box-shadow: 1px 2px 6px 0px #959494;
+       color: #EFEFEF;
+       display: block;
+       float: right;
+       font-size: 15px;
+       height: 38px;
+       list-style: none outside none;
+       margin: 0 0 0 755px;
+       padding: 0;
+       position: fixed;
+       bottom: 0;
+       width: 203px;
+       z-index: 10;
+       clear:both;
+}
 
 /* ======= */
 /* = ACL = */
@@ -3882,7 +4087,7 @@ footer {
                -moz-box-shadow: 2px 2px 3px #c1c1c1;
                -webkit-box-shadow: 2px 2px 3px #c1c1c1;
 }
-.acl-list-item img{
+.acl-list-item img {
        width: 30px;
        height: 30px;
        float: left;
@@ -3923,7 +4128,7 @@ footer {
        background-color: #1873a2;
 }
 
-.acl-button-hide.selected {
+.acl-button-hide .selected {
        color: #efefef;
        background-color: #a2a2a2;
 }
@@ -3960,8 +4165,8 @@ footer {
        background-color: #1873a2;
        border: 1px solid #7C7D7B;
        box-shadow: 0 0 8px #BDBDBD;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
@@ -4090,15 +4295,15 @@ ul.menu-popup {
        color: #2e3436;
        border-top: 0px;
        background: #eeeeee;
-       border-right: 1px solid #dddddd;
-       border-left: 1px solid #dddddd;
-       border-bottom: 1px solid #dddddd;
+       border-right: 1px solid #7C7D7B;
+       border-left: 1px solid #7C7D7B;
+       border-bottom: 1px solid #7C7D7B;
        border-radius: 0px 5px 5px 5px;
                -webkit-border-radius: 0px 5px 5px 5px;
                -moz-border-radius: 0px 5px 5px 5px;
-       box-shadow: 3px 3px 4px #959494;
-               -moz-box-shadow: 3px 3px 4px #959494;
-               -webkit-box-shadow: 3px 3px 4px #959494;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
 }
 
 .acpopupitem {
@@ -4136,9 +4341,9 @@ ul.menu-popup {
        background: #000000;
 }
 
-/* Pages profile widget
------------------------------------------------------------ */
-#page-profile
+/* Pages profile widget ----------------------------------------------------------- */
+
+#page-profile,
 #profile-page-list {
        margin-left: 45px;
 }
@@ -4182,17 +4387,22 @@ ul.menu-popup {
 /* SCROLL TO TOP
 ----------------------------------------------------------- */
 #scrollup {
-       position: fixed;
-       right: 1px;
-       bottom: 30px;
+       position: absolute;
+       right: 0px;
+       bottom: -1px;
        z-index: 100;
+padding-right: 10px;
 }
 
-#scrollup a:hover{
+#scrollup a:hover {
        text-decoration: none;
        border: 0;
 }
 
+.item-scrollup {
+       margin-left: 5px;
+}
+
 /* New posts and comments => background color
 ----------------------------------------------------------- */
 .shiny {
@@ -4200,7 +4410,7 @@ ul.menu-popup {
 }
 
 div.wall-item-content-wrapper.shiny {
-       background-image: url("shiny.png");
+       background-image: url("images/shiny.png");
        background-repeat: repeat-x;
 }
 
@@ -4218,22 +4428,26 @@ div.wall-item-content-wrapper.shiny {
 #profile-upload-wrapper,
 #wall-image-upload-div,
 #wall-file-upload-div,
-
-.hover, .focus {
+.hover, 
+.focus {
        cursor: pointer;
 }
 
 hr.line-dots {
-    background: url("dot.png") repeat-x scroll left center transparent;
+    background: url("images/dot.png") repeat-x scroll left center transparent;
     border: medium none;
 }
 
-.body-tag, .filesavetags, .categorytags {
+.body-tag, 
+.filesavetags, 
+.categorytags {
        opacity: 0.5;
        filter:alpha(opacity=50);
 }
 
-.body-tag:hover, .filesavetags:hover, .categorytags:hover {
+.body-tag:hover, 
+.filesavetags:hover, 
+.categorytags:hover {
        opacity: 1.0 !important;
        filter:alpha(opacity=100) !important;
 }
@@ -4245,14 +4459,17 @@ hr.line-dots {
        margin-right: 10px;
 
 }
-.item-select:hover, .checkeditem {
+.item-select:hover, 
+.checkeditem {
        opacity: 1;
        filter:alpha(opacity=100);
 }
 
 .filer-icon {
        display: block; width: 16px; height: 16px;
-       background-image: url('file.gif');
+       background-image: url('images/file.gif');
+       margin-left: 5px;
+       float: left;
 }
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
@@ -4272,16 +4489,26 @@ hr.line-dots {
        color: #888888;
 }
 
-.location, .location-label, .gender-label, .marital-label, .homepage-label {
+.location, 
+.location-label, 
+.gender-label, 
+.marital-label, 
+.homepage-label {
        float: left;
        text-align: left;
        display: block;
+       line-height: 0.6em;
 }
 
-.adr, .x-gender, .marital-text, .homepage-url {
+.adr, 
+.x-gender, 
+.marital-text, 
+.homepage-url {
        float: left;
        display: block;
        margin-left: 8px;
+       line-height: 1em;
+       text-align: left;
 }
 
 #birthday-notice {}
@@ -4307,18 +4534,19 @@ hr.line-dots {
 .fc-border-separate,
 .fc-content {}
 
-div#datebrowse-sidebar.widget {
+div #datebrowse-sidebar.widget {
        text-align:center;
 }
 
 /* Fakelink */
 
-.fakelink, .fakelink:visited, .fakelink:link {
+.fakelink, 
+.fakelink:visited, 
+.fakelink:link {
        color: #1873a2;
        cursor: pointer;
        margin-bottom: 10px;
-       margin-left: 10px;
-       /*background: url("down.png") no-repeat scroll left center transparent;*/
+       /*background: url("images/down.png") no-repeat scroll left center transparent;*/
 }
 
 .fakelink:hover {
@@ -4329,6 +4557,12 @@ div#datebrowse-sidebar.widget {
        margin:10px 10px 0 0;
 }
 
+#id_maxreq,
+#id_cntunkmail,
+#id_expire {
+       width: 75px;
+}
+
 #id_post_newfriend,
 #id_post_joingroup,
 #id_post_profilechange,
@@ -4341,7 +4575,7 @@ div#datebrowse-sidebar.widget {
 #id_notify7,
 #id_notify8,
 #id_allow_location {
-       margin: 6px 0 0 0;
+       margin: 6px 0 0 10px;
 }
 
 #settings-form {}
@@ -4352,15 +4586,105 @@ div#datebrowse-sidebar.widget {
 
 #settings-activity-desc,
 #settings-notify-desc {
-       margin:10px 10px 10px 0;
+       margin: 10px 10px 10px 0;
        font-weight: bold;
 }
 
 #settings-notifications {
+       width: 410px;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 5px;
+               -moz-border-radius: 5px;
+               -webkit-border-radius: 5px;
+       padding: 10px;
+       margin: 10px 10px 10px 0;
+}
+
+#id_npassword {}
+
+#posted-date-selector {
+       margin-left: 33px;
+}
+
+#hide-comments-page-widget {
+       margin-left: 40px;
+}
+
+#collapsed-comments-page-widget {}
+
+.tool {
+    list-style-type: disc;
+}
+
+#logo-text {
+}
+
+#logo-img {
+       margin: 3px 0 0 0;
+}
+
+.bigwidget {}
+
+#remote-friends-in-common  {}
+
+.settings-block {
        border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+               -moz-box-shadow: 0 0 8px #BDBDBD;
+               -webkit-box-shadow: 0 0 8px #BDBDBD;
        border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        padding:10px;
+       margin:10px 10px 10px 0;
 }
 
+#page-settings-label{
+       width: auto !important;
+       margin-bottom: 5px !important;
+}
+
+.onoff {
+       margin-right: 10px;
+}
+
+.settings-heading {
+       margin: 25px 0 25px 0;
+}
+
+#id_itemcache,
+#id_basepath,
+#id_temppath,
+#id_lockpath,
+#id_proxyuser,
+#id_proxy,
+#id_allowed_email,
+#id_allowed_sites,
+#id_directory_submit_url,
+#id_register_text {
+       width: 440px;
+}
+
+#id_itemcache_duration,
+#id_abandon_days,
+#id_maxloadavg,
+#id_poll_interval,
+#id_delivery_interval,
+#id_timeout,
+#id_jpegimagequality,
+#id_maximagelength,
+#id_maximagesize,
+#id_max_daily_registrations {
+       width: 75px;
+}
+
+#id_remember {
+       width: auto;
+       float: right;
+}
+
+.field.input.openid {
+}
Unnamed repository; edit this file 'description' to name the repository.