X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fsmoothly%2Fstyle.css;h=c560dcc77227efba6dd0e3bea1d1274f6e01b90b;hb=cde9b6370da1735fffab2fe5933334c2ac3320e9;hp=73636d1a952b65d6500996df2c110fbcd0b36842;hpb=5d22b13242849887978455f1f252b6129ebd52aa;p=friendica.git

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index 73636d1a95..c560dcc772 100644
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -2,9 +2,7 @@
   	style.css
   	Smoothly
    
-  	Created by Anne Walk and Devlon Duthie on 2011-09-24
-	Modified by alex@friendica.pixelbits.de on 2012-09-14
-
+	Created by alex@friendica.pixelbits.de on 2013-01-01
 
 ** Colors ** 
 Blue links - #1873a2
@@ -14,93 +12,12 @@ Grey/body text - #626262
 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
 Dark Grey Gradients - #7c7d7b and #555753
 Orange - #fec01d
-
 */
 
-body {
-    margin: 0 auto;
-    padding-bottom: 3em;
-    /*position: relative;*/
-    width: 960px;
-    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
-    font-size: 15px;
-    font-size-adjust: none;
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    line-height: 18px;
-    color: #626262;
-    background-color: #F2F2F2;
-    color: #333333;
-}
-
-img {
-	border: 0 none;
-	max-width: 550px;
-}
-
-a {
-	color: #1873a2;
-	text-decoration: none;
-	margin-bottom: 1px;
-}
-
-a:hover {
-	color: #6da6c4;
-	padding-bottom: 0px;
-}
-
-h3 > a, h4 > a {
-	font-size: 18px;
-	color: #626262;
-}
-
-h3 {
-	margin: 0px;
-	margin-bottom: 5px;
-	font-size: 18px;
-	color: #626262;
-}
-
-h2 {
-	color: #626262;
-}
-
-p {
-	max-width: 600px;
-}
-
-label {
-/*	font-variant:small-caps; */
-}
-
-li {
-	list-style: none outside none;
-}
+@import url('css/typography.css');
 
-li.widget-list {
-	list-style: none outside none;
-	background: url("arrow.png") no-repeat scroll left center transparent;
-	display: block;
-   	padding: 3px 24px;
-}
-
-.required {
-	display: inline;
-	color: #1873a2;
-}
-
-.fakelink {
-	color: #1873a2;
+.lockview {
 	cursor: pointer;
-	padding-left: 20px;
-	margin-left: 40px;
-	margin-bottom: 10px;
-	background: url("down.png") no-repeat scroll left center transparent;
-}
-
-.fakelink :hover {
-	color: #6da6c4;
 }
 
 .heart {
@@ -108,15 +25,14 @@ li.widget-list {
 	font-size: 100%;
 }
 
-
 input[type=text] {
+	float: left;
 	border: 1px solid #b0b0b0;
 	padding: 2px;
-	width: 466px;
-	margin-left: 0px;
-	border-radius: 3px 3px 3px 3px;
-		-webkit-border-radius: 3px 3px 3px 3px;
-		-moz-border-radius: 3px 3px 3px 3px;
+	width: 550px;
+	border-radius: 3px;
+		-moz-border-radius: 3px;
+		-webkit-border-radius: 3px;
 }
 
 input[type=text-sidebar] {
@@ -125,13 +41,13 @@ input[type=text-sidebar] {
 	width: 172px;
 	margin-left: 10px;
 	margin-top: 10px;
-	border-radius: 3px 3px 3px 3px;
-		-webkit-border-radius: 3px 3px 3px 3px;
-		-moz-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px;
+		-moz-border-radius: 3px;
+		-webkit-border-radius: 3px;
 }
 
 input[type=submit] {
-	margin: 10px;
+	margin:10px 10px 0 0;
 	font-size: 0.9em;
 	padding: 5px;
 	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
@@ -141,7 +57,9 @@ input[type=submit] {
 	color: #efefef;
 	text-align: center;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 input[type=submit]:hover {
@@ -152,30 +70,49 @@ input[type=submit]:hover {
 	color: #efefef;
 	border: 1px solid #7C7D7B;
 	box-shadow: 0 0 8px #BDBDBD;
-	border-radius: 5px 5px 5px 5px;
+		-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;
 }
+
 input[type=submit]:active {
 	position: relative;
 	top: 1px;
 }
 
+#search-text,
+#search-submit,
+#search-save {
+	margin: 10px 10px 0 0;
+}
+
+#directory-search,
+#directory-search-submit,
+#search-save {
+}
+
+.dirsearch-desc {
+}
+
 .smalltext {
 	font-size: 0.7em
 }
 
-::selection	{
-	background: #fdf795;
+::selection {
+	background: #fec01d;
 	color: #000; /* Safari and Opera */
 }
 
 ::-moz-selection {
-	background: #fdf795;
+	background: #fec01d;
 	color: #000; /* Firefox */
 }
 
 section {
 	float: left;
-	padding-top: 45px; /*60*/
+	margin-top: 50px;
 	width: 730px;
 	font-size: 0.9em;
 	line-height: 1.2em;
@@ -191,11 +128,15 @@ section {
 }
 
 .mframe {
-	padding: 2px;
-    background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #C5C5C5;
-    border-radius: 3px 3px 3px 3px;
-    box-shadow: 0 0 8px #BDBDBD;
+	padding: 3px;
+	background: none repeat scroll 0 0 #FFFFFF;
+	border: 1px solid #C5C5C5;
+	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;
 }
 
 #wall-item-lock {
@@ -204,7 +145,9 @@ section {
 
 .button {
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 	font-size: 1em;
 	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% );
@@ -217,7 +160,11 @@ section {
 .button:hover {
 	border: 1px solid #7C7D7B;
 	box-shadow: 0 0 8px #BDBDBD;
-	border-radius: 5px 5px 5px 5px;
+		-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;
 	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');
@@ -238,7 +185,8 @@ section {
 /* = Login = */
 /* ========= */
 
-#login-name-wrapper {
+#login-name-wrapper,
+#login-password-wrapper {
 	vertical-align: middle;
 	margin: auto;
 }
@@ -248,14 +196,10 @@ section {
 	margin-left: 20px;
 }
 
-#login-password-wrapper {
-	vertical-align: middle;
-	margin: auto;	
-}
-
 #login-extra-links {
 	width: 90px;
 	margin-top: 20px;
+	clear: both;
 }
 
 #login-extra-links a {
@@ -270,6 +214,55 @@ section {
 	display: none;
 }
 
+#login_standard {
+	width: 250px;
+	float: left;
+	border: 1px solid #7C7D7B;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	padding: 10px;
+	margin: 10px 0 0 0;
+}
+
+#login_openid {
+	width: 300px;
+	margin-left: 150px;
+}
+
+#login_standard input,
+#login_openid input {
+	width: 240px;
+}
+
+#register-link,
+#lost-password-link {
+	font-size: 80%;
+	width: 210px;
+	margin-left: 5px;
+}
+
+#login-name-end,
+#login-password-end, 
+#login-extra-end, 
+#login-submit-end {
+	height: 50px;
+}
+
+#login-submit-button,
+#login-submit-wrapper {
+	margin-top: 10px;
+	margin-left: 75px;
+}
+
+#login-submit-button {
+	width: 271px;
+}
+
+.login-form,
+	margin-top: 10px;
+}
+
 /* ========= */
 /* = Panel = */
 /* ========= */
@@ -296,7 +289,8 @@ section {
 /* ========= */
 
 .pager {
-	padding-top: 30px;
+	padding-top: 10px;
+	padding-bottom: 10px;
 	display: block;
 	clear: both;
 	text-align: center;
@@ -338,7 +332,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;
-	border-radius: 5px 5px 5px 5px;
+		-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;
 }
 
 nav a {
@@ -353,11 +351,17 @@ nav a:hover {
 	border: 0px;
 }
 
+nav #site-location {
+	color: #888a85;
+	font-size: 0.8em;
+	position: absolute;
+}
+
 nav #banner {
 	display: block;
 	position: absolute;
 	margin-left: 3px;
-	margin-top: 3px;
+	/*margin-top: 2px;*/
 	padding-bottom: 5px;	
 }
 
@@ -391,8 +395,24 @@ nav #user-menu {
 	text-decoration: none;
 	text-align: center;   
 }
+
+nav #user-menu: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;
+	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;
 }
 
@@ -403,6 +423,32 @@ nav #user-menu-label {
 	text-align: center;
 }
 
+.nav-ajax-left {
+	font-size: 0.8em;
+	float: left;
+	margin-top: 62px;	
+}
+
+nav #nav-link-wrapper .nav-link {
+	border-right: 1px solid #babdb6;
+}
+
+.error-message {
+	color: #FF0000;
+	font-size: 1.1em;
+	border: 1px solid #FF8888;
+	background-color: #FFEEEE;
+	padding: 10px;
+}
+
+.info-message {
+	color: #204a87;
+	font-size: 1.1em;
+	border: 1px solid #3465a4;
+	background-color: #d7e3f1;
+	padding: 10px;
+}
+
 ul#user-menu-popup {
 	display: none;
 	position: absolute;
@@ -411,19 +457,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;
 }
 
@@ -441,7 +487,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 {
@@ -463,7 +509,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;
@@ -510,7 +556,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;
@@ -546,16 +593,20 @@ ul#user-menu-popup li a.nav-sep {
 aside {
 	float: right;
 	width: 205px;
-	margin-top: 40px;
-	font-size: 0.9em;
+	margin-top: 45px;
+	/*font-size: 0.9em;*/
 	font-style: bold;
 }
 
-aside a{
-	padding-bottom: 5px;
+aside a {
+	/*padding-bottom: 5px;*/
+}
+
+aside h4 {
+	font-size: 1.3em;
 }
 
-.vcard {
+.vcard .title {
 	font-size: 1em;
 }
 
@@ -565,11 +616,14 @@ aside a{
 	-webkit-margin-start: 10px;
 }
 
+.fn {
+}
+
 .vcard .fn {
 	font-size: 1.4em;
 	font-weight: bold;
 	border-bottom: none;
-	padding-top: 15px;
+	margin-top:10px;
 }
 
 .vcard #profile-photo-wrapper {
@@ -581,12 +635,13 @@ aside a{
 	box-shadow: 0 0 8px #BDBDBD;
 		-moz-box-shadow: 3px 3px 4px #959494;
 		-webkit-box-shadow: 3px 3px 4px #959494;
-	border-radius: 5px 5px 5px 5px;
+		-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;
 }
 
-aside h4 {
-	font-size: 1.3em;
-}
 
 .allcontact-link {
 	color: #626262;
@@ -628,6 +683,17 @@ aside h4 {
 	text-shadow: 1px 1px 0px #b36f6f;
 }
 
+#wallmessage-link {
+	display: block;
+	color: #FFFFFF;
+	border-radius: 5px;
+		-webkit-border-radius: 5px ;
+		-moz-border-radius: 5px;
+	padding: 5px;
+	font-weight: bold;
+	background-color: #3465a4;
+}
+
 #dfrn-request-link:hover {
 	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% );
@@ -646,17 +712,17 @@ aside h4 {
 
 #netsearch-box {
 	background-color: #f6f6f6;
-	padding: 5px 5px 5px 5px;
+	padding: 5px 5px 0px 15px;
 }
 #netsearch-box input[type="text"] {
-	width: 97%;
+	width: 90%;
 }
 #netsearch-box input[type="submit"] {
 	width: auto;
 }
 
-h3#search:before {
-	content: url("search.png");
+h3 #search:before {
+	content: url("images/search.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
@@ -665,9 +731,9 @@ h3#search:before {
 	background-color: #f3f3f3;
 	border: 1px solid #cdcdcd;
 	margin-bottom: 10px;
-	border-radius: 5px 5px 5px 5px;	
-		-webkit-border-radius: 5px 5px 5px 5px;
-		-moz-border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;	
+		-webkit-border-radius: 5px;
+		-moz-border-radius: 5px;
 }
 
 #group-sidebar {
@@ -677,15 +743,63 @@ 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;
+}
+
 #sidebar-group-list {
 	margin-left: 0px;
 	margin-right: 30px;
 }
 
-#sidebar-group-list > a{
-	padding-bottom: 10px;
+#sidebar-ungrouped {
+	margin: 10px;
+}
+
+#sidebar-group-list  a {
+}
+
+#sidebar-group-list .icon,
+#sidebar-group-list .iconspacer {
+	display: inline-block;
+	height: 12px;
+	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;
@@ -702,6 +816,13 @@ h3#search:before {
 	border: 1px solid #cdcdcd;
 }
 
+li.widget-list {
+	list-style: none outside none;
+	background: url("images/arrow.png") no-repeat scroll left center transparent;
+	display: block;
+   	padding: 3px 24px;
+}
+
 #sidebar-new-group {
 	padding: 7px;
 	width: 165px;
@@ -716,7 +837,9 @@ h3#search:before {
 	text-decoration: none;
 	text-align: center;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 
@@ -727,7 +850,11 @@ h3#search:before {
 	background-color: #1873a2;
 	border: 1px solid #7C7D7B;
 	box-shadow: 0 0 8px #BDBDBD;
-	border-radius: 5px 5px 5px 5px;
+		-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;
 }
 
 #sidebar-new-group:active {
@@ -735,7 +862,10 @@ h3#search:before {
 	top: 1px;
 }
 
-.group-selected, .nets-selected {
+.group-selected, 
+.nets-selected, 
+.fileas-selected, 
+.categories-selected {
 	padding-bottom: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
@@ -754,6 +884,10 @@ h3#search:before {
 	text-decoration: none;
 }
 
+.settings-widget .selected {
+	font-weight: bold;
+}
+
 #sidebar-new-group a {
 	color: #efefef;
 	font-size: 14px;
@@ -764,7 +898,6 @@ h3#search:before {
 ul .sidebar-group-li {
 	list-style: none;
 	font-size: 1.0em;
-	padding-bottom: 5px;
 }
 
 ul .sidebar-group-li .icon {
@@ -773,22 +906,39 @@ ul .sidebar-group-li .icon {
 	width: 12px;
 }
 
-.nets-ul {
+.nets-ul, .fileas-ul, .categories-ul  {
 	list-style-type: none;
 }
 
-.nets-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 {
+	margin-left: 0px;
+}
+
+.fileas-all, 
+.categories-all {
+	margin-left: 0px;
+}
+
 .widget h3 {
+	font-size: 125%;
 	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');
@@ -805,15 +955,18 @@ ul .sidebar-group-li .icon {
 	text-shadow: -1px 0px 0px #bdbdbd;	
 }
 
+#connect-desc {
+	margin-left: 10px;
+}
+
 #group-sidebar h3:before {
-	content: url("groups.png");
+	content: url("images/groups.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
 
 #saved-search-list {
 	margin-top: 15px;
-	padding-bottom: 20px;
 }
 
 .saved-search-li {
@@ -825,11 +978,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;
 }
 
@@ -848,65 +1003,105 @@ ul .sidebar-group-li .icon {
 	height: 47px;
 	margin-right: 2px;
 	border: 1px solid #C5C5C5;
-    border-radius: 3px 3px 3px 3px;
-    box-shadow: 0 0 8px #BDBDBD;
+	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;
 }
+
 .contact-block-div {
 	float: left;
 }
 
+.contact-block-link {
+	float: left;
+}
+
 .contact-block-textdiv {
 	width: 150px;
 	height: 34px;
 	float: left;
 }
 
+.contact-block-h4,
+.contact-block-content {
+	margin: 0;
+}
+
+#contact-block,
 #contact-block-end {
 	clear: both;
-} 
+}
 
 /* ======= */
 /* = Jot = */
 /* ======= */
 
+#profile-jot-text-loading,
+#profile-jot-text {
+	height: 20px;
+	color: #cccccc;
+}
+
 #profile-jot-text_tbl {
 	margin-bottom: 10px;
+	margin-top: 10px;
 }
 
 #profile-jot-text_ifr {
-	width: 99.9%!important
+	width: 99.9% !important;
 }
 
 #profile-jot-submit-wrapper { 
 	margin-top: 30px;
 }
 
-#jot-title {
+#jot-title, 
+#jot-category {
 	margin: 0px;
 	height: 20px;
-	width: 466px;
+	width: 575px;
 	font-weight: bold;
 	border: 1px solid #cccccc;
 }
 
-#jot-title::-webkit-input-placeholder {
+#jot-perms-icon {
+	float: left;
+}
+
+#jot-title::-webkit-input-placeholder,
+#jot-category::-webkit-input-placeholder {
 	font-weight: normal;
 }
 
-#jot-title:-moz-placeholder {
+#jot-title:-moz-placeholder,
+#jot-category:-moz-placeholder {
 	font-weight: normal;
 }
 	
 #jot-title:hover,
-#jot-title:focus {
+#jot-title:focus,
+#jot-category:hover,
+#jot-category:focus {
 	border: 1px solid #cccccc;
 }
 
+.jothidden {
+	display: none; 
+}
+
 .preview {
 	background: #FFFFC8;
 }
 
-#profile-jot-perms, #profile-jot-submit {
+#theme-preview {
+	margin: 15px 0 15px 0;
+}
+
+#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) );
@@ -918,16 +1113,16 @@ ul .sidebar-group-li .icon {
 	text-decoration: none;
 	text-align: center;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
+#jot-preview-form {}
+
 #jot-preview-link {
-	float: right;
+	float: left;
 	width: 60px;
-	/*height: 10px;*/
-	margin-right: 180px;
-	/*margin-top: 0px;
-	margin-left: 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% );
@@ -939,18 +1134,22 @@ ul .sidebar-group-li .icon {
 	text-align: center;
 	padding: 5px 5px;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #profile-jot-perms {
-	width: 25px;
+	width: 27px;
+	height: 27px;
 	float: right;
 	overflow: hidden;
 	margin-left: 10px;
-	margin-right: 80px;
-	margin-top: -28px;
+	margin-top: -20px;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #jot-perms-perms .icon {
@@ -960,11 +1159,14 @@ ul .sidebar-group-li .icon {
 #profile-jot-submit {
 	width: 80px;
 	float: right;
-	margin-right: 90px;
-	margin-top: -28px;
+	margin-right: 145px;
+	margin-top: -20px;
 	margin-left: 10px;
+	padding: 5px 5px;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #profile-jot-perms:hover, 
@@ -976,7 +1178,11 @@ ul .sidebar-group-li .icon {
 	background-color: #1873a2;
 	border: 1px solid #7C7D7B;
 	box-shadow: 0 0 8px #BDBDBD;
-	border-radius: 5px 5px 5px 5px;
+		-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;
 }
 
 #profile-jot-perms:active, 
@@ -1037,6 +1243,12 @@ ul .sidebar-group-li .icon {
     display:block!important;
 }
 
+#profile-video-wrapper,
+#profile-audio-wrapper,
+#profile-location-wrapper,
+#profile-nolocation-wrapper {
+}
+
 #group_allow_wrapper,
 #group_deny_wrapper,
 #acl-permit-outer-wrapper {
@@ -1077,14 +1289,21 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-wrapper {
-	margin-top: 0px;
-	padding-top: 0px;
-}
-
-profile-jot-banner-wrapper {
-	padding: 0px;
-	margin: 0px;
-}
+	margin-top: -15px;
+}
+
+#profile-jot-desc,
+#profile-jot-form,
+#jot-location,
+#jot-coord,
+#jot-preview,
+#jot-title-wrap,
+#jot-category-wrap,
+#jot-text-wrap,
+#profile-jot-text-loading,
+#profile-attach-wrapper,
+#profile-link-wrapper,
+#profile-jot-banner-wrapper {}
 
 .contact-h4 {
 	font-size: 1.2em;
@@ -1124,14 +1343,18 @@ profile-jot-banner-wrapper {
 .wall-item-outside-wrapper {
 	max-width: 100%;
 	border-bottom: 1px solid #dedede; 
-	margin-top: 20px;
+	margin-top: 10px;
 	margin-bottom: 20px;
 	padding-right: 10px;
 	padding-left: 12px;
 	background: none repeat scroll 0 0 #FFFFFF;
 	border: 1px solid #CDCDCD;
-	border-radius: 5px 5px 5px 5px;
+	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;
 }
 
 .wall-item-outside-wrapper-end {
@@ -1144,20 +1367,26 @@ profile-jot-banner-wrapper {
 	padding-top: 10px;
 }
 
-.wall-item-photo-menu {
-	display: none;
+.wall-item-comment-wrapper {
+	margin-left: 10px;
 }
 
 .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 75px center;
 	position: absolute;
 	overflow: hidden;
 	height: 20px;
-	width: 90px;
+	width: 100%;
 	top: 85px;
 	left: -1px;
+	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;
 	border-radius: 0px 0px 5px  5px;	
 		-webkit-border-radius: 0px 0px 5px  5px;
 		-moz-border-radius: 0px 0px 5px  5px;
@@ -1170,8 +1399,16 @@ profile-jot-banner-wrapper {
 
 .wall-item-photo-wrapper { 
 	width: 80px; 
-	height: 80px;  
+	height: 80px;
+	padding: 4px;
 	position: relative;
+	border: 1px solid #dddddd;
+	border-radius: 5px;
+		-webkit-border-radius: 5px;
+		-moz-border-radius: 5px;
+	box-shadow: 3px 3px 4px #959494;
+		-moz-box-shadow: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
 }
 
 .wall-item-tools { 
@@ -1180,9 +1417,10 @@ profile-jot-banner-wrapper {
 	transition: all 0.25s ease-in-out;
 		-webkit-transition: all 0.25s ease-in-out;
 		-moz-transition: all 0.25s ease-in-out;
-	margin-top: 10px;
+	margin-top: 20px;
 	padding-bottom: 5px;
 	float: right;
+	width: auto;
 }
 
 .wall-item-tools:hover {
@@ -1191,22 +1429,40 @@ profile-jot-banner-wrapper {
 	transition: all 0.25s ease-in-out;	
 		-webkit-transition: all 0.25s ease-in-out;
 		-moz-transition: all 0.25s ease-in-out;
-	margin-left: 140px;
+}
+
+.wall-item-social { 
+	filter: alpha(opacity=60);
+	opacity: 0.7;
+	transition: all 0.25s ease-in-out;
+		-webkit-transition: all 0.25s ease-in-out;
+		-moz-transition: all 0.25s ease-in-out;
+	margin-top: 20px;
+	margin-left: 0px;
+	padding-bottom: 5px;
+	float: left;
+	width: auto;
+}
+
+.wall-item-social:hover {
+	filter: alpha(opacity=100);
+	opacity: 1;
+	transition: all 0.25s ease-in-out;	
+		-webkit-transition: all 0.25s ease-in-out;
+		-moz-transition: all 0.25s ease-in-out;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-tools {
-	margin: 5px 5px 0px 70px;
 	float: right;
 }
 
 .wall-item-like-buttons {
 	float: left;
-	padding-left: 10px;
 }
 
 .wall-item-like-buttons a.icon {
 	float: left;
-	margin-right: 5px;
+	margin-right: 10px;
 	display: inline;
 }
 
@@ -1217,23 +1473,21 @@ profile-jot-banner-wrapper {
 
 .wall-item-delete-wrapper {
 	float: left;
-	margin-right: 5px;
+	margin-right: 10px;
 }
 
 .wall-item-links-wrapper a.icon {
 	float: left;
-	margin-right: 5px;
+	margin-right: 10px;
 	display: inline;
 }
 
 .pencil {
 	float: left;
+	margin-right: 20px;
 }
 
-.star-item {
-	float: left;	
-}
-
+.star-item,
 .tag-item {
 	float: left;	
 }
@@ -1269,8 +1523,8 @@ profile-jot-banner-wrapper {
 .wall-item-like {
 	clear: left;
 	font-size: 0.9em;
-	margin: 0px 0px 10px 450px;
-	padding-left: 0px;
+	margin: 0px 0px 10px 0px;
+	padding-left: 10px;
 }
 
 .wall-item-author {
@@ -1295,7 +1549,6 @@ profile-jot-banner-wrapper {
 
 .wall-item-location {
 	margin-top: 5px;
-	width: 100px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 		-o-text-overflow: ellipsis;
@@ -1315,7 +1568,7 @@ profile-jot-banner-wrapper {
 }
 
 .wall-item-location .smalltext { 
-	margin-left: 25px;  
+	margin-left: 0px;  
 	font-size: 0.9em; 
 	display: block;
 }
@@ -1357,7 +1610,8 @@ profile-jot-banner-wrapper {
 }
 
 .wall-item-photo-menu {
-	min-width: 92px;
+	display: none;
+	min-width: 88px;
 	color: #2e3436;
 	border-top: 1px;
 	background: #eeeeee;
@@ -1365,7 +1619,7 @@ profile-jot-banner-wrapper {
 	border-left: 1px solid #dddddd;
 	border-bottom: 1px solid #dddddd;
 	position: absolute;
-	left: -2px; 
+	left: -1px; 
 	top: 101px;
 	display: none;
 	z-index: 10000;
@@ -1378,15 +1632,6 @@ profile-jot-banner-wrapper {
 
 }
 
-.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;
@@ -1415,20 +1660,35 @@ profile-jot-banner-wrapper {
 	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;*/
 }
 
 .icon.drop,
 .icon.drophide { 
-	float: right;
+	float: left;
 }
 
+#item-delete-selected-end,
 #item-delete-selected {	
 	overflow: auto;
 	margin-top: 20px;
-	width: 100%;
+	float: right;
+	width: 250px;
+}
+
+#item-delete-selected-icon {}
+
+code {
+	font-family: Courier, monospace;
+	display: block;
+	overflow: auto;
+	border: 1px solid #444;
+	background: #EEE;
+	color: #444;
+	padding: 10px;
+	margin-top: 10px; 
 }
 
+
 /* ============ */
 /* = Comments = */
 /* ============ */
@@ -1438,9 +1698,24 @@ profile-jot-banner-wrapper {
 	color: #898989;
 	margin-left: 60px;
 }
- 
+
+#tread-wrapper {}
+
+.tread-wrapper  {
+	border: 0px solid #CDCDCD;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	margin-bottom: 20px;
+	background-color: #E2E2E2;
+}
+
+.collapsed-comments,
+.hide-comments,
+.hide-comments-outer,
 .wall-item-outside-wrapper.comment { 
-	margin-left: 70px; 
+	margin-left: 30px;
+	margin-bottom: 20px;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo {
@@ -1454,7 +1729,6 @@ profile-jot-banner-wrapper {
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
-	width: 50px;
 	top: 45px;
 	background-position: 35px center;
 }
@@ -1485,22 +1759,24 @@ profile-jot-banner-wrapper {
 
 .comment-wwedit-wrapper,
 .comment-edit-wrapper { 
-	margin: 30px 0px 0px 80px;
+	margin: 0px 0px 5px 0px;
 }
 
 .comment-wwedit-wrapper img,
 .comment-edit-wrapper img { 
 	width: 20px; 
-	height: 20px; 
+	height: 20px;
+	margin-top: 5px;
 }
 
 .comment-edit-photo-link { 
 	float: left; 
-	width: 40px;
+	width: 30px;
 }
 
 .comment-edit-text-empty { 
-	width: 80%;
+	width: 98%;
+	max-width: 672px;
 	height: 20px;
 	color: #babdb6;
 	transition: all 0.5s ease-in-out;	
@@ -1513,7 +1789,8 @@ profile-jot-banner-wrapper {
 }
 
 .comment-edit-text-full { 
-	width: 80%; 
+	width: 98%;
+	max-width: 672px;
 	height: 6em;
 	transition: all 0.5s ease-in-out;	
 		-webkit-transition: all 0.5s ease-in-out;
@@ -1521,8 +1798,9 @@ profile-jot-banner-wrapper {
 }
 
 .comment-edit-submit-wrapper { 
-	width: 80%; 
-	margin-left: 40px; 
+	width: 98%;
+	max-width: 672px;
+	margin-left: 20px; 
 	text-align: left; 
 }
 
@@ -1532,14 +1810,20 @@ profile-jot-banner-wrapper {
 	background-color: #a2a2a2;
 	color: #eeeeec;
 	border: 1px solid #CDCDCD;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 .comment-edit-submit:hover {
 	background-color: #1873a2;
 	border: 1px solid #CDCDCD;
-	border-radius: 5px 5px 5px 5px;
+	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;
 }
 
 .comment-edit-submit:active {
@@ -1553,13 +1837,12 @@ profile-jot-banner-wrapper {
 
 .wall-item-body code {
 	font-family: Courier, monospace;
-	white-space: pre;
 	display: block;
 	overflow: auto;
 	border: 1px solid #cccccc;
-	border-width: 1px 1px 1px 10px;
-	padding-left: 10px;
-	margin-top: 20px; 
+	border-width: 1px 1px 1px 3px;
+	padding-left: 5px;
+	margin-top: 10px; 
 }
 
 /* =========== */
@@ -1592,29 +1875,18 @@ div[id$="wrapper"] br {
 	margin-left: 20px;
 }
 
-#profile-listing-desc {
+#profile-listing-desc,
+#profile-listing-new-link-wrapper {
 	float: left;
 	display: inline;
 	padding: 5px 10px 5px 10px;
 	width: 150px;
-	margin-bottom: 20px;
-	margin-top: 20px;
+	margin:20px 10px 0 0;
 	display: inline-block;
 	font-style: bold;
 	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;
 }
@@ -1622,6 +1894,10 @@ div[id$="wrapper"] br {
 	color: #898989;
 }
 
+#profile-edit-links {
+	margin-left: 0;
+}
+
 #profile-edit-links li {
 	display: inline;
 	width: 150px;
@@ -1632,9 +1908,9 @@ div[id$="wrapper"] br {
 	padding: 5px 10px 5px 10px;
 	margin-right: 5px;
 	font-style: bold;
-	border-radius: 5px 5px 5px 5px;	
-		-webkit-border-radius: 5px 5px 5px 5px;
-		-moz-border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #profile-edit-links li a {
@@ -1649,6 +1925,11 @@ div[id$="wrapper"] br {
 	background-color: #1873a2;	
 }
 
+#profile-edit-links-end {
+	clear: both;
+	margin-bottom: 15px;
+}
+
 .profile-edit-side-div {
 	margin-top: 10px;
 	margin-right: 0px;
@@ -1665,9 +1946,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 {
@@ -1675,18 +1957,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;	
 }
 
+.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;
 }
@@ -1700,13 +2000,26 @@ div[id$="wrapper"] br {
 /* ========== */
 /* = Photos = */
 /* ========== */
+
 .photos {
 	height: auto;
 	overflow: auto;
 }
 
+.photo {
+	height: 191px!important;
+	width: 191px!important;
+}
+
+#side-bar-photos-albums {
+}
+
+#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;
 }
@@ -1728,9 +2041,9 @@ div[id$="wrapper"] br {
 	padding: 5px 10px 5px 10px;
 	margin-right: 5px;
 	font-style: bold;
-	border-radius: 5px 5px 5px 5px;		
-		-webkit-border-radius: 5px 5px 5px 5px;
-		-moz-border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #photo-top-links a {
@@ -1784,7 +2097,9 @@ div[id$="wrapper"] br {
 	border-bottom: 0px; 
 }
 
-.photo-top-photo {}
+.photo-top-photo {
+	width: 180px;
+}
 .photo-album-photo {} 
 
 .photo-top-album-name {
@@ -1840,13 +2155,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,
@@ -1879,17 +2194,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 {
@@ -1901,19 +2214,24 @@ div[id$="wrapper"] br {
 	display: none;
 }
 
+#photos-upload-perms {
+	margin-top: 10px;
+}
+
+.photos-upload-perms {}
+
 select, input {
-	margin-top: 0px;
 	border: 1px solid #b0b0b0;
 	padding: 2px;
-	border-radius: 3px 3px 3px 3px;
-		-webkit-border-radius: 3px 3px 3px 3px;
-		-moz-border-radius: 3px 3px 3px 3px;
+	border-radius: 3px;
+		-moz-border-radius: 3px;
+		-webkit-border-radius: 3px;
 }
 
 select[size], 
 select[multiple], 
 select[size][multiple] {
-	-webkit-appearance: listbox;
+	margin: 5px 0px 10px 0px;
 }
 
 select {
@@ -1923,11 +2241,8 @@ select {
 	cursor: default;	
 }
 
-keygen, select {
-	/*-webkit-border-radius: ;*/
-}
-
-input, textarea, keygen {
+textarea, keygen {
+	margin-top: 3px;
 	font-size: 0.9em;
 	letter-spacing: normal;
 	word-spacing: normal;
@@ -1939,6 +2254,12 @@ input, textarea, keygen {
 	text-align: -webkit-auto;	
 }
 
+input {
+	margin-top: 3px;
+	margin-right: 10px;
+	text-align: -webkit-auto;
+}
+
 .qq-upload-button {
 	border-radius: 5px;
 		-moz-border-radius: 5px;
@@ -1954,9 +2275,9 @@ input, textarea, keygen {
 	padding: 5px 10px 5px 10px;
 	margin-right: 5px;
 	font-style: bold;
-	border-radius: 5px 5px 5px 5px;
-		-webkit-border-radius: 5px 5px 5px 5px;
-		-moz-border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #album-edit-link  a {
@@ -1977,7 +2298,7 @@ input, textarea, keygen {
 	text-align: left;
 }
 
-input#photo_edit_form {
+input #photo_edit_form {
 	display: block;
 	width: 100%;
 }
@@ -2013,9 +2334,9 @@ 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);
@@ -2115,8 +2436,10 @@ margin-left: 0px;
 	padding: 2px;
 	background-color: #efefef;
 	border: 1px solid #C5C5C5;
-    border-radius: 3px 3px 3px 3px;
-    box-shadow: 0 0 8px #BDBDBD;
+	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;
 }
@@ -2207,6 +2530,7 @@ margin-left: 0px;
 	margin: auto;
 	border: 1px solid #dddddd;
 }
+
 .mail-conv-break { 
 	display: none; 
 	border: none;
@@ -2273,6 +2597,13 @@ margin-left: 0px;
 	margin-bottom: 10px;
 }
 
+.contact-wrapper {
+	float: left;
+	width: 150px;
+	height: 150px;
+	overflow: auto;
+}
+
 .view-contact-wrapper,
 .contact-entry-wrapper {
 	float: left;
@@ -2283,6 +2614,14 @@ margin-left: 0px;
 	position: relative;
 }
 
+#view-contact-end {
+	clear: both;
+}
+
+#viewcontacts {
+	margin-top: 15px;
+}
+
 .contact-entry-direction-wrapper {
 	position: absolute;
 	top: 20px;
@@ -2348,10 +2687,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: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #contact-edit-update-now:active {
@@ -2366,12 +2713,27 @@ margin-left: 0px;
 	margin: auto;
 }
 
+#contact-edit-info-wrapper,
+#contact-edit-info-end,
+#contact-edit-profile-select-text,
+#contact-edit-profile-select-end,
+#contact-edit-poll-wrapper,
+#contact-edit-end {
+}
+
+.contact-edit-submit {
+}
+
+#contact-profile-selector {
+}
+
 .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: 0px; padding: 0px;
+	margin: 10px 0 0 0; 
+	padding: 0px;
 	width: 16px;
 	height: 16px;
 	top: 64px; left:0px;
@@ -2385,7 +2747,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;
@@ -2424,11 +2787,11 @@ margin-left: 0px;
 }
 
 #follow-sidebar {
-	margin-bottom: 20px;
+	margin-bottom: 10px;
 }
 
 #follow-sidebar h3:before {
-	content: url("user.png");
+	content: url("images/user.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
@@ -2444,44 +2807,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 5px 5px 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;
-	border-radius: 5px 5px 5px 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;
@@ -2495,10 +2824,15 @@ margin-left: 0px;
 	font-size: 1.1em;
 	text-align: center;
 	border: 1px solid #7C7D7B;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-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% );
@@ -2506,57 +2840,30 @@ margin-left: 0px;
 	background-color: #1873a2;	
 	border: 1px solid #7C7D7B;
 	box-shadow: 0 0 8px #BDBDBD;
-	border-radius: 5px 5px 5px 5px;
+		-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-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 5px 5px 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;
-	border-radius: 5px 5px 5px 5px;
-}
-
-#side-suggest-link:active {
-	background-color: #1873a2;
-	position: relative;
-	top: 1px;	
-}
-
-#side-suggest-link a {
-	color: #efefef;	
-}
 
 #invite-message,
 #invite-recipients, 
@@ -2572,9 +2879,9 @@ margin-left: 0px;
 	border: 1px solid #cdcdcd;
 	padding: 10px;
 	margin-top: 20px;
-	border-radius: 5px 5px 5px 5px;
-		-webkit-border-radius: 5px 5px 5px 5px;
-		-moz-border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #side-follow-wrapper label{
@@ -2638,11 +2945,15 @@ margin-left: 0px;
 /* = Register, Settings, Profile Forms = */
 /* ===================================== */
 
-.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: 384px!important;
+	width: 250px!important;
+}
+
+.openid:hover {
 }
 
 #profile-tabs-wrapper {
@@ -2693,39 +3004,40 @@ margin-left: 0px;
 	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;
-	position: relative;
-	top: 1px;
-}
-
-#settings-default-perms {
-	width: 260px;
-	text-align: center;
-	box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-		-moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-		-webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
-	background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
-	color: #EFEFEF;
-	background-color: #7c7d7b;
-	border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-	padding: 5px 10px 5px 10px;
-	margin-bottom: 10px;
+	background-color: #1873a2;
+	position: relative;
+	top: 1px;
 }
 
 #settings-default-perms .fakelink {
 	color: #efefef;
 }
 
+#settings-default-perms {
+	width: 260px;
+	text-align: center;
+	color: #EFEFEF;
+	padding: 5px 10px 5px 10px;
+	margin-bottom: 10px;
+	background-color: #BDBDBD;
+	background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
+	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+	border: 1px solid #7C7D7B;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+}
+
 #settings-default-perms:hover {
 	color: #efefef;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
-	background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
 	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;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
 
 #settings-default-perms:active {
@@ -2741,11 +3053,12 @@ margin-left: 0px;
 #settings-nickname-desc {
 	width: 80%;
 	background-color: #efefef;
+	margin-top: 10px;
 	margin-bottom: 10px;
 	border-radius: 5px;
 		-webkit-border-radius: 5px;
 		-moz-border-radius: 5px;
-	padding: 5px;
+	padding: 10px;
 }
 
 #register-form div {
@@ -2763,40 +3076,80 @@ margin-left: 0px;
 
 #register-form label,
 #profile-edit-form label {
-	width: 300px; 
-	float: left;
+	width: 575px; 
+	float: right;
+	margin-right: 155px;
 }
 
-/* #register-form span,
-#profile-edit-form span  { */
 #register-form span {
 	color: #555753;
 	display: block;
 	margin-bottom: 20px;
 }
 
+.settings-submit,
 .settings-submit-wrapper,
 .profile-edit-submit-wrapper { 
 	margin: 30px 0px;
 }
 
-.profile-listing { 
+.profile-listing,
+.profile-listing-end { 
 	float: left; 
 	clear: both; 
 	margin: 20px 20px 0px 0px;
 }
 
-#profile-edit-links ul { 
-	margin: 20px 0px; 
-	padding: 0px; 
-	list-style: none; 
-}
 
 #register-sitename { 
 	display: inline; 
 	font-weight: bold;
 }
- 
+
+#register-submit-button {
+	margin-top: 10px;
+}
+
+#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 {
+	float: left;
+	margin-top: 10px;
+	width: 150px;
+}
+
+#register-openid {
+	float: left;
+	margin-top: 10px;
+	width: 130px;
+}
+
+#register-fill-ext {
+	margin-bottom: 25px;
+}
+
+#register-name-end, 
+#register-email-end, 
+#register-nickname-end, 
+#register-submit-end, 
+#register-openid-end {
+	clear: both;
+}
+
+#register-nickname-desc {
+	margin-top: 30px;
+	width: 650px;
+}
+
 /* ===================== */
 /* = Contacts Selector = */
 /* ===================== */
@@ -2886,7 +3239,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;
@@ -2900,7 +3253,9 @@ margin-left: 0px;
 /* ========== */
 /* = Events = */
 /* ========== */
- 
+
+#events-reminder {}
+
 .clear { 
 	clear: both;
 	margin-top: 10px;
@@ -2963,7 +3318,7 @@ margin-left: 0px;
 	font-weight: bolder;
 }
 
- .vevent .event-location {
+.vevent .event-location {
 	margin-left: 10px;
 	margin-right: 10px;
 	font-size: 1em;
@@ -3026,7 +3381,7 @@ margin-left: 0px;
 }
 
 .event-description:before {
-	content: url('calendar.png');
+	content: url('images/calendar.png');
 	margin-right: 15px;
 	vertical-align: middle;
 }
@@ -3086,10 +3441,6 @@ margin-left: 0px;
 		-webkit-box-shadow: 5px 2px 8px #959494;
 }
 
-tr {
-	border: 1px solid #eeeeee;
-}
-
 .calendar td {
 	font-size: 14px;
 	text-align: center;
@@ -3213,6 +3564,7 @@ tr {
 #adminpage h3 {
 	border-bottom: 1px solid #898989;
 	margin-bottom: 5px;
+	padding-bottom: 5px;
 	margin-top: 10px;
 }
 
@@ -3229,10 +3581,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: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	padding:10px;
+	margin:10px 10px 10px 0;
 }
 
 #adminpage .toggleplugin {
@@ -3272,13 +3630,16 @@ tr {
 /* =============== */
 
 .field {
-	margin-bottom: 10px;
-	margin-top: 10px;
-	padding-bottom: 0px;
 	width: 90%;
 }
 
 .field label {
+	float: left;
+	min-width: 120px;
+	margin: 5px 10px 0 0;
+}
+
+.field checkbox {
 	float: left;
 	width: 480px;
 }
@@ -3287,15 +3648,24 @@ tr {
 .field textarea {
 	width: 220px;
 	border: 1px solid #CDCDCD;
-	border-radius: 5px 5px 5px 5px;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
 }
+
 .field textarea { 
 	height: 100px; 
 }
 
+.field password { 
+	height: 100px;
+	margin-left: 150px;	
+}
+
 .field_help {
 	display: block;
-	margin-left: 100px;
+	margin-left: 0px;
+	margin-bottom: 10px;
 	color: #666666;	
 }
 
@@ -3330,11 +3700,7 @@ tr {
 	text-align: left;
 }
 
-.hidden { 
-	display: none!important; 
-}
-
-.field.radio .field_help { 
+.field .radio .field_help { 
 	margin-left: 0px; 
 }
 
@@ -3352,19 +3718,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;
 }
 
@@ -3381,19 +3747,19 @@ tr {
 .drop 		{ background-position: -110px 0px;}
 .drophide 	{ background-position: -130px 0px;}
 .edit 		{ background-position: -150px 0px;}
-.camera 		{ background-position: -170px 0px;}
+.camera 	{ background-position: -170px 0px;}
 .dislike 	{ background-position: -190px 0px;}
 .like 		{ background-position: -210px 0px;}
 .link 		{ background-position: -230px 0px;}
 .globe 		{ background-position: -50px  -20px;}
 .noglobe 	{ background-position: -70px  -20px;}
-.no 			{ background-position: -90px  -20px;}
+.no 		{ background-position: -90px  -20px;}
 .pause 		{ background-position: -110px -20px;}
 .play 		{ background-position: -130px -20px;}
-.pencil 		{ background-position: -150px -20px;}
+.pencil 	{ background-position: -150px -20px; margin-right: 12px;}
 .small-pencil	{ background-position: -170px -20px;}
 .recycle 	{ background-position: -190px -20px;}
-.remote-link	{ background-position: -210px -20px;}
+.remote-link	{ background-position: -210px -20px; margin-right: 10px;}
 .share 		{ background-position: -230px -20px;}
 .tools 		{ background-position: -50px  -40px;}
 .lock 		{ background-position: -70px  -40px;}
@@ -3405,7 +3771,7 @@ tr {
 }
 
 .sharePerms {
-	background-image: url("icons.png");
+	background-image: url("images/icons.png");
 	width: 20px;
 	height: 20px;
 	margin: 2px 0px 2px 3px;
@@ -3414,13 +3780,13 @@ tr {
 
 .video 		{ background-position: -110px -40px;}
 .youtube 	{ background-position: -130px -40px;}
-.attach 		{ background-position: -190px -40px;}
+.attach 	{ background-position: -190px -40px;}
 .language 	{ background-position: -210px -40px;}
-.on 			{ background-position: -50px  -60px;}
+.on 		{ background-position: -50px  -60px;}
 .off 		{ background-position: -70px  -60px;}
 .prev 		{ background-position: -90px  -60px;}
 .next 		{ background-position: -110px -60px;}
-.tagged     	{ background-position: -130px -60px;}
+.tagged     	{ background-position: -130px -60px; margin-right: 10px;}
 .icon.dim 	{ opacity: 0.3;filter:alpha(opacity=30);}
 
 .attachtype {
@@ -3449,10 +3815,6 @@ footer {
 	clear: both; 
 }
 
-#profile-jot-text {
-	height: 20px;
-	color: #cccccc;
-}
 
 /* ======= */
 /* = ACL = */
@@ -3498,7 +3860,7 @@ footer {
 }
 
 #acl-list {
-	height: auto;
+	height: 400px;
 	border: 1px solid #cccccc;
 	background-color: #efefef;
 	clear: both;
@@ -3507,7 +3869,6 @@ footer {
 }
 
 #acl-list-content {
-	margin-left: 20px;
 }
 
 .acl-list-item {
@@ -3522,7 +3883,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;
@@ -3563,7 +3924,7 @@ footer {
 	background-color: #1873a2;
 }
 
-.acl-button-hide.selected {
+.acl-button-hide .selected {
 	color: #efefef;
 	background-color: #a2a2a2;
 }
@@ -3576,22 +3937,20 @@ footer {
 /* ========================= */
 
 #global-directory-link {
-	width: 130px;
-	padding: 7px;
-	margin-bottom: 10px;
-	margin-left: 0px;
-	box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-		-moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-		-webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
+	width: 150px;
+	padding: 4px;
+	/*margin-bottom: 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;
+	color: #efefef;
+	text-align: center;
+	-webkit-padding-start: 0px;
+	border: 1px solid #7C7D7B;
 	border-radius: 5px;
 		-moz-border-radius: 5px;
 		-webkit-border-radius: 5px;
-	color: #efefef;
-	text-align: center;
 }
 
 #global-directory-link:hover {
@@ -3600,6 +3959,13 @@ footer {
 	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;
 }
 
 #global-directory-link:active {
@@ -3612,10 +3978,6 @@ footer {
 	color: #efefef;
 }
 
-#global-directory-link {
-	-webkit-padding-start: 0px;
-}
-
 a.active {
 	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% );
@@ -3760,8 +4122,10 @@ ul.menu-popup {
 }
 
 .qcomment {
-	opacity: 0;
+	opacity: 0.8;
 	filter: alpha(opacity=0);
+	position: relative;
+	left: 30px;
 }
 
 .qcomment:hover {
@@ -3773,15 +4137,47 @@ ul.menu-popup {
 	background: #000000;
 }
 
-/* Pages profile widget
------------------------------------------------------------ */
-#page-profile div#profile-page-list{
+/* Pages profile widget ----------------------------------------------------------- */
+
+#page-profile,
+#profile-page-list {
 	margin-left: 45px;
 }
 
-hr.line-dots {
-    background: url("dot.png") repeat-x scroll left center transparent;
-    border: medium none;
+#page-profile .title {
+	font-weight: bold;
+}
+
+#profile-vcard-break {
+	clear: both;
+}
+
+#profile-extra-links {
+	clear: both;
+	margin-top: 10px;
+}
+
+#profile-extra-links ul {
+	list-style-type: none;
+	padding: 0px;
+}
+
+
+#profile-extra-links li {
+	margin-top: 5px;
+}
+
+.profile-edit-side-div {
+	float: right;
+}
+
+.profile-edit-side-link {
+	opacity: 0.3;
+	filter:alpha(opacity=30);
+}
+.profile-edit-side-link:hover {
+	opacity: 1.0;
+	filter:alpha(opacity=100);
 }
 
 /* SCROLL TO TOP
@@ -3793,7 +4189,7 @@ hr.line-dots {
 	z-index: 100;
 }
 
-#scrollup a:hover{
+#scrollup a:hover {
 	text-decoration: none;
 	border: 0;
 }
@@ -3802,10 +4198,230 @@ hr.line-dots {
 ----------------------------------------------------------- */
 .shiny {
 	background: #fbfde9;
+}
+
+div.wall-item-content-wrapper.shiny {
+	background-image: url("images/shiny.png");
+	background-repeat: repeat-x;
+}
+
+/* from default */
+#jot-perms-icon, 
+#profile-location,
+#profile-nolocation,
+#profile-youtube, 
+#profile-video, 
+#profile-audio,
+#profile-link,
+#profile-title, 
+#wall-image-upload,
+#wall-file-upload,
+#profile-upload-wrapper,
+#wall-image-upload-div,
+#wall-file-upload-div,
+.hover, 
+.focus {
+	cursor: pointer;
+}
+
+hr.line-dots {
+    background: url("images/dot.png") repeat-x scroll left center transparent;
+    border: medium none;
+}
+
+.body-tag, 
+.filesavetags, 
+.categorytags {
+	opacity: 0.5;
+	filter:alpha(opacity=50);
+}
+
+.body-tag:hover, 
+.filesavetags:hover, 
+.categorytags:hover {
+	opacity: 1.0 !important;
+	filter:alpha(opacity=100) !important;
+}
+
+.item-select {
+	opacity: 0.5;
+	filter:alpha(opacity=10);
+	float: right;
+	margin-right: 10px;
+
+}
+.item-select:hover, 
+.checkeditem {
+	opacity: 1;
+	filter:alpha(opacity=100);
+}
+
+.filer-icon {
+	display: block; width: 16px; height: 16px;
+	background-image: url('images/file.gif');
+	margin-left: 5px;
+	float: left;
+}
+
+.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
+[class^="comment-edit-bb"] {
+	list-style: none;
+	display: none;
+	margin: 0px 0 -5px 0px;
+	padding: 0px;
+	width: 75%;
+}
+
+.body-attach {
+	margin-top: 10px;
+}
+
+.grey {
+	color: #888888;
+}
+
+.location, 
+.location-label, 
+.gender-label, 
+.marital-label, 
+.homepage-label {
+	float: left;
+	text-align: left;
+	display: block;
+}
+
+.adr, 
+.x-gender, 
+.marital-text, 
+.homepage-url {
+	float: left;
+	display: block;
+	margin-left: 8px;
+}
+
+#birthday-notice {}
+#nav-notifications-template {}
+#categories-sidebar {}
+#nets-desc {}
+#status-tab {}
+#page-footer {}
+#live-profile {}
+
+.city-state-zip {}
+.country-name {}
+.locality {}
+.region {}
+.postal-code {}
+.mpfriend {}
+.toplevel_item {}
+
+.fc-header,
+.fc-view,
+.fc-view-basicWeek,
+.fc-grid,
+.fc-border-separate,
+.fc-content {}
+
+div #datebrowse-sidebar.widget {
+	text-align:center;
+}
+
+/* Fakelink */
+
+.fakelink, 
+.fakelink:visited, 
+.fakelink:link {
+	color: #1873a2;
+	cursor: pointer;
+	margin-bottom: 10px;
+	/*background: url("images/down.png") no-repeat scroll left center transparent;*/
+}
+
+.fakelink:hover {
+	color: #6da6c4;
+}
+
+#id_theme {
+	margin:10px 10px 0 0;
+}
+
+#id_post_newfriend,
+#id_post_joingroup,
+#id_post_profilechange,
+#id_notify1,
+#id_notify2,
+#id_notify3,
+#id_notify4,
+#id_notify5,
+#id_notify6,
+#id_notify7,
+#id_notify8,
+#id_allow_location {
+	margin: 6px 0 0 0;
+}
+
+#settings-form {}
+.select {}
+.field_help {
+	margin: 5px 0 10px;
+}
+
+#settings-activity-desc,
+#settings-notify-desc {
+	margin:10px 10px 10px 0;
+	font-weight: bold;
+}
+
+#settings-notifications {
+	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;
+	padding:10px;
+	margin:10px 10px 10px 0;
 }
 
-/*div.wall-item-content-wrapper.shiny {
-	background-image: url("star.png");
-	background-repeat: no-repeat;
-}*/
+#id_npassword {}
+
+#posted-date-selector {
+	margin-left: 33px;
+}
+
+#hide-comments-page-widget {
+	margin-left: 40px;
+}
+
+#collapsed-comments-page-widget {}
+
+.tool {}
+
+#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: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
+	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;
+}