X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ftestbubble%2Fstyle.css;h=1e63c7ef63056abe19bef689c5513abadf9f2432;hb=19bf0aa28397ddbfd6637c855e7f400ff8deef35;hp=97939c45a48286393402af365d2c617f8c6864ef;hpb=939449602a58838f81045c9a0e9a205c8fa9e6bd;p=friendica.git

diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 97939c45a4..1e63c7ef63 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -7,14 +7,11 @@
 */
 /* ========== */
 /* = Colors
-
 Red links - #b20202
 Red link hover - #db0503
 Red Gradients (buttons and other gradients) - #b20202 and #d60808
-
 Grey/body text - #626262
 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
-
 Dark Grey Gradients - #7c7d7b and #555753
 
 You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
@@ -22,24 +19,13 @@ You can switch out the colors of the header, buttons and links by using a find a
  = */
 /* ========== */
 
-/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-weight: inherit;
-	font-style: inherit;
-	font-size: 100%;
-	font-family: inherit;
-	vertical-align: baseline;
-}*/
-
 body {
 	margin: 0px;
 	padding: 0px;
 	font-family: freesans,helvetica,arial,clean,sans-serif;
 	font-size: 15px;
 	color: #626262;
-	width: 100%;
+	width: 100%;	
 }
 
 img {  border: 0 none; max-width: 550px; }
@@ -69,7 +55,7 @@ p {
 }
 
 label {
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
 
 li {
@@ -79,6 +65,8 @@ li {
 .required { display: inline; color: #b20202; }
 .fakelink { color: #b20202; cursor: pointer; }
 .fakelink :hover { color: #db0503; }
+.heart { color: #FF0000; font-size: 100%; }
+
 
 input[type=text] {
 	border: 2px solid #b0b0b0;
@@ -127,16 +115,72 @@ input[type=submit]:active {
 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
 
 section {
-	margin: 20px 11% 0px 11%;
+	float: left;
+	margin-left: 8%;
+	padding-top: 50px;
+	width: 50%;	
+	margin: 20px 0px 30px 10%;
 	font-size: 0.9em;
 	line-height: 1.2em;
-	padding-right: 230px;
+}
+
+.lframe {
+	border: 1px solid #dddddd;
+	-moz-box-shadow: 3px 3px 6px #959494;
+	-webkit-box-shadow: 3px 3px 6px #959494;
+	box-shadow: 3px 3px 6px #959494;
+	background-color: #efefef;
+	padding: 10px;	
+}
+
+.mframe {
+	padding: 5px;
+	background-color: #efefef;
+	border: 2px solid #dddddd;
+	-moz-box-shadow: 3px 3px 4px #959494;
+	-webkit-box-shadow: 3px 3px 4px #959494;
+	box-shadow: 3px 3px 4px #959494;
 }
 
 #wall-item-lock {
 	margin-left: 10px;
 }
 
+.button {
+	border: none;
+	font-size: 1em;
+	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	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;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	color:#efefef;
+	text-align: center;	
+}
+
+.button:hover {
+	border: none;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+	background-color:#b20202;
+	color: #efefef;	
+}
+
+.button:active {
+	position:relative;
+	top:1px;
+}
+
+.button a {
+	color: #efefef;
+}
+
 /* ========= */
 /* = Login = */
 /* ========= */
@@ -159,45 +203,16 @@ section {
 #login-extra-links {
 	width: 90px;
 	margin-top: 20px;
-	border: none;
-	font-size: 0.9em;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
-	color:#efefef;
-	text-align: center;
 }
 
 #login-extra-links a {
 	display: block;
 	margin: 10px;
 	padding: 5px 0px 5px 0px;
-	color: #efefef;
 	text-align: center;
 	margin-right: 20px;	
 }
 
-#login-extra-links:hover {
-	border: none;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-	color: #efefef;	
-}
-
-#login-extra-links:active {
-	position:relative;
-	top:1px;	
-}
-
 #login-extra-filler {
 	display: none;
 }
@@ -246,9 +261,11 @@ section {
 /* ======= */
 
 nav {
+	z-index: 10000;
 	height: 50px;
 	display: block;
-	position: relative;
+	position: fixed;
+	width: 100%;
 	padding: 0px 10%;
 	color: #efefef;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
@@ -263,7 +280,7 @@ nav a:hover { text-decoration: none;	color: #eeeeec; border:0px;}
 nav #banner {
 	display: block;
 	position: absolute;
-	margin-left: 20px;
+	margin-left: 10px;
 	margin-top: 5px;
 	padding-bottom:5px;	
 }
@@ -278,18 +295,19 @@ nav #user-menu {
     display: block;	
 	width: 250px;
     float: right;
-	margin-right:15px;
+	margin-right:20%;
     margin-top: 10px;
 	padding: 5px;
     position: relative;
     vertical-align: middle;
-	background:-webk/*	margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #898988), color-stop(1, #a2a2a2) );
-	background:-moz-linear-gradient( center top, #898988 5%, #a2a2a2 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#898988', endColorstr='#a2a2a2');
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
+	background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
 	background-color:#a2a2a2;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
 	border-radius:5px;
+	border: 1px solid #9A9A9A;
 	color:#efefef;
 	text-decoration:none;
 	text-align: center;   
@@ -317,7 +335,7 @@ ul#user-menu-popup {
     width: 100%;
     padding: 10px 0px;
     margin: 0px;
-	margin-top: 10px;
+	margin-top: 4px;
     top: 20px;
 	left: 0px;
 	border: 1px solid #9a9a9a;
@@ -350,7 +368,7 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
 #notifications {
 	height: 32px;
 	position: absolute;
-	top:10px; left: 650px;
+	top:10px; left: 35%;
 }
 .nav-ajax-update {
 	width: 44px;
@@ -362,12 +380,13 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
 	padding-top: 0.5em;
 	float: left;
 	padding-left: 11px;
-    display: none;
+    /*display: none;*/
 }
-#net-update { background-position: 0px 0px; }
-#mail-update { background-position: 0px -42px; }
-#notify-update { background-position: 0px -84px; }
-#home-update { background-position: 0px -126px; }
+#notify-update { background-position: 0px -168px; }
+#net-update { background-position: 0px -126px }
+#mail-update { background-position: 0px -40px; }
+#intro-update { background-position: 0px -84px; }
+#home-update { background-position: 0px 0px; }
 
 #lang-select-icon {
 	cursor: pointer;
@@ -420,12 +439,11 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
 /* ================= */
 
 aside {
-    position: absolute;
-    right: 11%;
-/*	float: right;
-	margin-right: 11%;*/
-	width: 260px;
-	margin-top: auto;
+	float: right;
+    margin-right: 10%;
+	/*width: 21%;*/
+	width: 250px;
+	margin-top: 50px;
     font-size: 0.8em;
 	font-style: bold;
 }
@@ -437,17 +455,13 @@ aside a{
 
 .vcard {
 	font-size: 1em;
-	font-variant:small-caps;
-}
-
-.marital {
-	font-size: 1em;
-	font-variant:small-caps;	
+/*	font-variant:small-caps; */
 }
 
-.homepage-label {
-	font-size: 1em;
-	font-variant:small-caps;	
+.vcard dd {
+	font-size: 12px;
+	font-variant: normal;
+	-webkit-margin-start: 10px;
 }
 
 .vcard .fn {
@@ -470,16 +484,15 @@ aside a{
 
 aside h4 { font-size: 1.3em; }
 
-aside #viewcontacts {
+.allcontact-link {
+	color: #626262;
 	text-align: center;
 	font-weight: bold;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	font-size: 1.1em;
-	padding-top: 5px;
 }
-
-#viewcontacts a{
-	color: #898989;
+.allcontact-link a {
+	padding-bottom: 10px;
 }
 
 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
@@ -526,7 +539,6 @@ aside #viewcontacts {
 
 #netsearch-box {
 	background-color: #f6f6f6;
-	/*padding: 10px 10px 10px 20px;*/
 	padding: 10px 8px 10px 8px;
 }
 #netsearch-box input[type="text"] {
@@ -606,6 +618,7 @@ h3#search:before {
 	text-align: center;
 }
 
+
 #sidebar-new-group:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
@@ -618,6 +631,25 @@ h3#search:before {
 	top:1px;
 }
 
+.group-selected, .nets-selected {
+	padding-bottom: 0px;
+	padding-left: 2px;
+	padding-right: 2px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	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;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	display:inline-block;
+	color:#efefef;
+	text-decoration:none;
+}
+
 #sidebar-new-group a {
 	color: #efefef;
 	font-size: 14px;
@@ -631,10 +663,29 @@ ul .sidebar-group-li{
 	padding-bottom: 5px;
 }
 
-ul .sidebar-group-li img{
-	display: none;
+ul .sidebar-group-li .icon{
+	display: inline-block;
+	height: 12px;
+	width: 12px;
 }
 
+
+.nets-ul {
+	list-style-type: none;
+}
+
+.nets-ul li {
+	margin-top: 10px;
+}
+
+.nets-link {
+	margin-left: 24px;
+}
+.nets-all {
+	margin-left: 42px;
+}
+
+
 .widget h3{
 	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% );
@@ -672,6 +723,20 @@ ul .sidebar-group-li img{
 	margin-right: 5px;
 }
 
+.birthday-today, .event-today {
+	font-weight: bold;
+}
+
+#birthday-wrapper, #event-wrapper {
+	margin-left: 15px;
+}
+
+#pause {
+  position: fixed;
+  bottom: 5px;
+  right: 5px;
+}
+
 /* ================== */
 /* = Contacts Block = */
 /* ================== */
@@ -697,7 +762,30 @@ ul .sidebar-group-li img{
 #profile-jot-submit-wrapper { 
 }
 
-#profile-jot-perms, #profile-jot-submit {
+
+#jot-title {
+	border: 0px;
+	margin: 0px;
+	height: 20px;
+	width: 462px;
+	font-weight: bold;
+	border: 1px solid #ffffff;
+}
+
+#jot-title::-webkit-input-placeholder{font-weight: normal;}
+#jot-title:-moz-placeholder{font-weight: normal;}
+		
+	
+#jot-title:hover,
+#jot-title:focus {
+	border: 1px solid #cccccc; 
+}
+
+.preview {
+	background: #FFFFC8;
+}
+
+#profile-jot-perms, #profile-jot-submit, #jot-preview-link {
 	width: 60px;
 	font-size: 12px;
 	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -735,19 +823,18 @@ ul .sidebar-group-li img{
 	margin-left: -30px;
 }
 
-#profile-jot-perms:hover, #profile-jot-submit:hover {
+#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 	background-color:#b20202;
 }
-#profile-jot-perms:active, #profile-jot-submit:active {
+#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
 	position:relative;
 	top:1px;
 }
 
 #character-counter {
-	/*float: left; padding: 8px 10px;*/ 
 	position: absolute: right: 100px; top:100px;
 }
 #profile-rotator-wrapper {
@@ -814,60 +901,42 @@ profile-jot-banner-wrapper {
 /* = Tabs = */
 /* ======== */
 
-.tabs-wrapper {
-	width: 450px;
+.tabs {
+	min-width: 400px;
 	list-style: none;
 	padding: 10px;
-	margin: 0px 0px 10px 0px;
 	border-bottom: 1px solid #efefef;
+	font-size: 0.9em;
 }
-.tabs-wrapper li { display: inline;}
+.tabs li { display: inline;}
 
-.tabs {
+.tab {
 	padding: 5px 10px 5px 10px;
+	display: inline-block;
+	margin-bottom: 5px;
 	margin-right: 5px;
 	font-style: bold;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
-	color:#efefef;
-	text-decoration:none;
-	text-align: center;
 }
 
-.tabs:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-	color:#efefef;
+.tab:hover {
 	padding: 5px 10px 5px 10px;
-	margin-right: 5px;
-}
-.tabs:active {
-	position:relative;
-	top:1px;
-	color:#efefef;
-	padding: 5px 10px 5px 10px;
-	margin-right: 5px;
 }
 
 /* ========= */
 /* = Posts = */
 /* ========= */
 
-.wall-item-outside-wrapper { 
-	margin-top: 50px;
+.wall-item-outside-wrapper {
+	max-width: 93%;
+	border-bottom: 1px solid #dedede; 
+	margin-top: 20px;
+	padding-right: 10px;
+	padding-left: 12px;
+/*	overflow: hidden; */
 }
+
 .wall-item-outside-wrapper-end { clear: both;}
-.wall-item-content-wrapper { position: relative; max-width: 95%; }
+.wall-item-content-wrapper { position: relative; max-width: 100%; }
 .wall-item-photo-menu { display: none;}
 .wall-item-photo-menu-button {
 	display:none;
@@ -886,12 +955,6 @@ profile-jot-banner-wrapper {
 .wall-item-photo-wrapper { 
 	width: 80px; height: 80px;  
 	position: relative;
-	padding: 5px;
-	background-color: #eeeeee;
-	border: 1px solid #dddddd;
-	-moz-box-shadow: 3px 3px 4px #959494;
-	-webkit-box-shadow: 3px 3px 4px #959494;
-	box-shadow: 3px 3px 4px #959494;
 }
 
 .wall-item-tools { 
@@ -919,12 +982,13 @@ profile-jot-banner-wrapper {
 }
 
 .wall-item-outside-wrapper.comment .wall-item-tools {
-	margin: 5px 5px 10px 60px;
+	margin: 5px 5px 10px 70px;
 	float: left;
 }
 
 .wall-item-like-buttons {
 	float: left;
+	padding-left: 10px;
 }
 .wall-item-like-buttons a.icon {
 	float: left;
@@ -952,10 +1016,21 @@ profile-jot-banner-wrapper {
 	margin-right: 2px;
 	float: left;	
 }
+.tag-item {
+	margin-left: 5px;
+	margin-right: 2px;
+	float: left;	
+}
 .wall-item-title { font-size: 1.2em; font-weight: bold;}
-.wall-item-body { margin-left: 140px; padding-right: 20px; }
+.wall-item-body {
+	margin-left: 140px;
+	padding-right: 10px;
+	max-width: 85%;
+}
+
+.wall-item-body img { max-width: 100%; height: auto; }
+
 .wall-item-body p {
-	max-width: 600px;
 	font-size: 0.8em;
 }
 .wall-item-lock-wrapper { float: right; }
@@ -965,7 +1040,8 @@ profile-jot-banner-wrapper {
 	clear: left;
 	font-size: 0.9em;
 	margin: 4px 0px 0px 140px;
-	font-variant:small-caps;
+	padding-left: 10px;
+/*	font-variant:small-caps; */
 }
 
 .wall-item-author a {
@@ -987,7 +1063,7 @@ profile-jot-banner-wrapper {
 	margin-left: 25px;
 	font-size: 0.9em;
 	display: block;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	color: #898989;
 }
 
@@ -996,7 +1072,7 @@ profile-jot-banner-wrapper {
 .wall-item-conv a{
 	font-size: 0.9em;
 	color: #898989;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
 
 .wallwall .wwto {
@@ -1005,7 +1081,7 @@ profile-jot-banner-wrapper {
     position: absolute;
     top: 65px;
     width: 30px;
-    z-index: 10001;
+    z-index: 900;
 	width: 30px;
 	height: 30px;    
 }
@@ -1016,7 +1092,7 @@ profile-jot-banner-wrapper {
     position: absolute;
     left: 20px;
     top: 70px;
-    z-index: 10002;
+    z-index: 950;
 }
 
 .wall-item-photo-menu {
@@ -1071,11 +1147,7 @@ profile-jot-banner-wrapper {
 .icon.drop,
 .icon.drophide { float: left; }
 #item-delete-selected {	overflow: auto;	width: 100%;}
-.wall-item-outside-wrapper {
-	max-width: 90%;
-	border-bottom: 1px solid #dedede;
-	margin-top: 20px;
-}
+
 
 /* ============ */
 /* = Comments = */
@@ -1084,12 +1156,16 @@ profile-jot-banner-wrapper {
  .ccollapse-wrapper {
 	font-size: 0.9em;
 	color: #898989;
-	margin-left: 80px;
-	font-variant:small-caps;
+	margin-left: 60px;
+/*	font-variant:small-caps; */
 }
  
-.wall-item-outside-wrapper.comment { margin-left: 80px; }
-.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
+.wall-item-outside-wrapper.comment { margin-left: 70px; }
+.wall-item-outside-wrapper.comment .wall-item-photo {
+	width: 40px!important;
+	height: 40px!important;
+}
+
 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
 	width: 50px;
@@ -1097,7 +1173,13 @@ profile-jot-banner-wrapper {
 	background-position: 35px center;
 }
 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
-.wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 85%;}
+.wall-item-outside-wrapper.comment .wall-item-body {
+	margin-left: 70px;
+	max-width: 85%;
+	padding-right: 10px;
+	padding-left: 10px;
+}
+
 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
 
 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
@@ -1107,7 +1189,7 @@ profile-jot-banner-wrapper {
 .icollapse-wrapper {
 	font-size: 0.9em;
 	color: #898989;
-	font-variant:small-caps;	
+/*	font-variant:small-caps;	*/
 }
 
 .comment-wwedit-wrapper,
@@ -1157,15 +1239,15 @@ profile-jot-banner-wrapper {
 	color: #898989;
 }
 
-/**
- * item text style
- **/
 .wall-item-body code {
-    border-color: #CCCCCC;
-    border-style: solid;
+	font-family: Courier, monospace;
+	white-space: pre;
+	display: block;
+	overflow: auto;
+	border: 1px solid #cccccc;
     border-width: 1px 1px 1px 10px;
-    display: block;
-    padding-left: 10px;
+	padding-left: 10px;
+	margin-top: 20px; 
 }
 
 /* =========== */
@@ -1184,7 +1266,7 @@ profile-jot-banner-wrapper {
 	margin-bottom: 0px;
 	padding-bottom: 5px;
 	font-size: 18px;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
  
 div[id$="wrapper"] { height: 100%;} 
@@ -1198,132 +1280,30 @@ div[id$="wrapper"] br { clear: left; }
 	width: 150px;
 	margin-bottom:20px;
 	margin-top: 20px;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
 	display:inline-block;
-	color:#efefef;
 	font-style: bold;
 	text-align: center;
 }
 
-#profile-listing-desc:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-#profile-listing-desc:active {
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-#profile-listing-desc a {
-	color: #efefef;
-}
-
 #profile-listing-new-link-wrapper {
 	float: left;
 	display: inline;
 	width: 130px;
 	margin-left:5px;
 	margin-top: 20px;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
 	padding: 5px 10px 5px 10px;
 	font-style: bold;
-	color:#efefef;
 	text-align: center;
 }
 
-#profile-listing-new-link-wrapper:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-#profile-listing-new-link-wrapper:active {
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-#profile-listing-new-link-wrapper a {
-	color: #efefef;
-}
-
 .profile-listing-name {
 	font-size: 1em;
-	font-variant: small-caps;
+/*	font-variant: small-caps;*/
 }
 .profile-listing-name a {
 	color: #898989;
 }
 
-.profile-listing-visible {
-	width: 90px;
-	margin-bottom:20px;
-	margin-top: 10px;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
-	padding: 5px 10px 5px 10px;
-	margin-right: 5px;
-	color:#efefef;
-	text-align: center;
-}
-
-.profile-listing-visible:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-.profile-listing-visible:active {
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-.profile-listing-visible  a {
-	color: #efefef;
-}
-
-.profile-listing-photo {
-	padding: 5px;
-	background-color: #efefef;
-	border: 2px dotted #eeeeee;
-	-moz-box-shadow: 3px 3px 4px #959494;
-	-webkit-box-shadow: 3px 3px 4px #959494;
-	box-shadow: 3px 3px 4px #959494;	
-}
-
 #profile-edit-links li {
 	display: inline;
 	width: 150px;
@@ -1351,12 +1331,18 @@ div[id$="wrapper"] br { clear: left; }
 	background-color: #b20202;	
 }
 
+.profile-edit-side-div {
+	margin-top: 5px;
+	margin-right: 30px;
+	float: right;
+}
+
 #cropimage-wrapper { float:left; }
 #crop-image-form { clear:both; }
 
 .profile-match-name a{
 	color: #999;
-	font-variant: small-caps;
+/*	font-variant: small-caps; */
 	font-size: 1em;
 }
 
@@ -1365,23 +1351,48 @@ div[id$="wrapper"] br { clear: left; }
 }
 
 .profile-match-wrapper {
-	width: 300px;
+	width: 82%;
 	padding: 5px;
 	margin-bottom:10px;
+	margin-left: 20px;
 	background-color: #f6f6f6;
 	border: 1px solid #dddddd;
 	-moz-box-shadow: 3px 3px 4px #959494;
 	-webkit-box-shadow: 3px 3px 4px #959494;
-	box-shadow: 3px 3px 4px #959494;	
+	box-shadow: 3px 3px 4px #959494;
+	clear: both;	
+}
+
+.profile-match-end {
+	clear: both;
+}
+
+.profile-match-photo {
+	float: left;
+	margin-right: 10px;
+	margin-bottom: 5px;
 }
 
 /* ========== */
 /* = Photos = */
 /* ========== */
+.photos {
+	height: auto;
+	overflow: auto;
+}
+
+#side-bar-photos-albums h3:before {
+	content: url("photography.png");
+	padding-right: 10px;
+	vertical-align: middle;
+}
 
 #side-bar-photos-albums li {
-	font-size: 1.2em;
+	font-size: 14px;
 	font-variant: none;
+	text-align: left;
+	padding-left: 20px;
+	margin-bottom: 5px;
 }
 
 #photo-top-links {
@@ -1409,21 +1420,31 @@ div[id$="wrapper"] br { clear: left; }
 	background-color: #b20202;	
 }
 
-.photo-album-image-wrapper,
-.photo-top-image-wrapper { 
-	float: left; 
+.photo-album-image-wrapper { 
+	float: left;
 	margin: 0px 10px 10px 0px;
-	border: 1px solid #dddddd;
-	-moz-box-shadow: 3px 3px 6px #959494;
-	-webkit-box-shadow: 3px 3px 6px #959494;
-	box-shadow: 3px 3px 6px #959494;
-	background-color: #efefef;
-	padding: 10px;
-	padding-bottom: 30px; 
+	padding-bottom: 30px;
 	position:relative;	
 }
 
-#photo-photo { max-width: 100% }
+.photo-top-image-wrapper {
+	float: left;
+	width: 180px;
+	height: 180px;
+	margin: 0px 10px 10px 0px;
+	padding-bottom: 30px;
+	position:relative;
+}
+
+#photo-album-wrapper-inner {
+	position: relative;
+	float: left;
+	width: 180px;
+	height: 180px;
+	overflow: hidden;
+}
+
+#photo-photo { max-width: 85%; height: auto; }
 #photo-photo img { max-width: 100% }
 
 .photo-top-image-wrapper a:hover,
@@ -1432,7 +1453,7 @@ div[id$="wrapper"] br { clear: left; }
 	border-bottom: 0px; 
 }
 
-.photo-top-photo,
+.photo-top-photo {}
 .photo-album-photo {} 
 
 .photo-top-album-name {
@@ -1441,7 +1462,7 @@ div[id$="wrapper"] br { clear: left; }
 	padding: 0px 5px;
 	font-weight: bold;
 	font-stretch:semi-expanded;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 } 
 
 .photo-top-album-name a{
@@ -1455,24 +1476,18 @@ div[id$="wrapper"] br { clear: left; }
 	text-align: center;
 	color: #6e6e6e;
 	font-size: 0.9em;
-	font-variant: small-caps;
+/*	font-variant: small-caps; */
 }
 
 #photo-photo{
 	position: relative;
 	float:left;	
-	border: 1px solid #dddddd;
-	-moz-box-shadow: 3px 3px 6px #959494;
-	-webkit-box-shadow: 3px 3px 6px #959494;
-	box-shadow: 3px 3px 6px #959494;
-	background-color: #efefef;
-	padding: 10px;	
 }
 
 #photo-caption {
 	margin-top: 10px;
 	color: #6E6E6E;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	font-size: 1.1em;
 }
 
@@ -1532,60 +1547,24 @@ div[id$="wrapper"] br { clear: left; }
 #photos-upload-newalbum { width: 400px; }
 
 #photos-upload-perms-menu {
-	width: 180px;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
-	padding: 7px;
-	text-align: center;
-	font-size: 0.9em;
-	color: #efefef;
-}
-
-#photos-upload-perms-menu:hover {
-	text-align: center;
-	font-size: 0.9em;
 	width: 180px;
 	padding: 7px;
-	color: #efefef;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-#photos-upload-perms-menu:active {
-	text-align: center;
-	font-size: 0.9em;
-	width: 180px;
-	padding: 7px;
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-#photos-upload-perms-menu  a {
-	color: #efefef;
 }
 
 #photos-upload-perms-menu .icon {
 	display: none;
 }
 
-select[size], select[multiple], select[size][multiple] {
-	-webkit-appearance: listbox;	
+select, input {
 	border: 2px solid #b0b0b0;
 	padding: 2px;
     -webkit-border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;
+    border-radius: 3px 3px 3px 3px;	
+}
+
+select[size], select[multiple], select[size][multiple] {
+	-webkit-appearance: listbox;
 }
 
 select {
@@ -1593,11 +1572,6 @@ select {
 	box-sizing: border-box;
 	-webkit-box-align: center;
 	cursor: default;	
-	border: 2px solid #b0b0b0;
-	padding: 2px;
-    -webkit-border-radius: 3px 3px 3px 3px;
-    -moz-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;
 }
 
 keygen, select {
@@ -1614,57 +1588,12 @@ input, textarea, keygen {
 	text-shadow: none;
 	display: inline-block;
 	text-align: -webkit-auto;	
-	border: 2px solid #b0b0b0;
-	padding: 2px;
-    -webkit-border-radius: 3px 3px 3px 3px;
-    -moz-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;
 }
 
 .qq-upload-button {
-	background-color: none;
-	-moz-box-shadow:inset 0px 1px 0px 0px #a65151;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
-	box-shadow:inset 0px 1px 0px 0px #a65151;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
-	background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100%);
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
-	background-color:#d60808;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
 	border-radius:5px;
-	border:1px solid #fc5656;
-	display:inline-block;
-	color:#f0e7e7;
-	text-shadow:1px 1px 0px #b36f6f;
-	text-align: center;
-	font-size: 0.9em;
-	color: #efefef;
-	width: 91px;
-	padding: 7px;
-}
-
-.qq-upload-button:hover {
-	text-align: center;
-	font-size: 0.9em;
-	color: #efefef;
-	width: 91px;
-	padding: 7px;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
-	background-color:#b20202;
-}
-
-.qq-upload-button:active {
-	text-align: center;
-	font-size: 0.9em;
-	color: #efefef;
-	background-color: #B20202;
-	width: 91px;
-	padding: 7px;
-	position:relative;
-	top:1px;
 }
 
 #album-edit-link {
@@ -1709,41 +1638,10 @@ input#photo_edit_form {
 	display: inline;
 	margin-top: 10px;
 	margin-right: 10px;
-	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-	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;
-	-moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
 	padding: 4px;
-	color: #efefef;
-	text-align: center;
-	font-size: 0.9em;
 	width: 100px;
 }
 
-#photo-edit-perms-menu:hover {
-	color: #efefef;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-#photo-edit-perms-menu:active {
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-#photo-edit-perms-menu a {
-	color: #efefef;
-}
-
 #photo-edit-perms-menu .icon {
 	display: none;
 }
@@ -1754,16 +1652,6 @@ input#photo_edit_form {
 	margin-left: 190px;
 }
 
-#side-bar-photos-albums h3:before {
-	content: url("photography.png");
-	padding-right: 10px;
-	vertical-align: middle;
-}
-
-#side-bar-photos-albums li {
-	margin-bottom: 5px;
-}
-
 #photo-album-edit-wrapper {
 	margin-bottom: 10px;
 }
@@ -1824,31 +1712,30 @@ input#photo_edit_form {
 }
 
 #prvmail-subject-label {
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
 
 #prvmail-to {
 	padding-left: 10px;
 }
 #prvmail-to-label {
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
 
 #prvmail-message-label {
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	font-size: 1em;	
 }
 
-
 #prvmail-submit-wrapper { margin-top: 10px; }
 #prvmail-submit {
 	float: right;
 	margin-top: 0px;
-	margin-right: 90px;
+	margin-right: 0px;
 }
 
 #prvmail-upload {
-margin-left: 90px;	
+margin-left: 0px;	
 }
 
 #prvmail-submit-wrapper > div {
@@ -1882,17 +1769,17 @@ margin-left: 90px;
 .mail-list-sender-name {
 	font-size: 1.1em;
 	display: inline;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
 
 .mail-list-date {
 	float: right;
 	clear: block;
 	display: inline;
-	font-size: 0.8em;
+	font-size: 0.9em;
 	padding-left: 10px;
 	font-stretch:ultra-condensed;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 }
 
 .mail-list-subject {
@@ -1906,25 +1793,23 @@ margin-left: 90px;
 	color: #626262;
 }
 
-.mail-list-delete-wrapper { float: left; margin-right:550px; }
+.mail-list-delete-wrapper { float: right;}
 .mail-list-outside-wrapper-end {
 	clear: both;
 }
 
+.mail-conv-outside-wrapper {
+	margin-bottom: 10px;
+}
+
 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
 .mail-conv-sender-photo {
 	width: 64px;
 	height: 64px;
-	padding: 5px;
-	background-color: #efefef;
-	border: 1px solid #dddddd;
-	-moz-box-shadow: 3px 3px 4px #959494;
-	-webkit-box-shadow: 3px 3px 4px #959494;
-	box-shadow: 3px 3px 4px #959494;
 }
 
-.mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
-.mail-conv-date { float: right; font-variant:small-caps; }
+.mail-conv-sender-name { float: left; font-style: bold; }
+.mail-conv-date { float: right; }
 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
 .mail-conv-body {
 	clear: both;
@@ -1933,19 +1818,26 @@ margin-left: 90px;
 .mail-conv-detail {
 	width: 500px;
 	padding: 30px;
+	padding-bottom: 10px;
 	margin-left: 20px;
+	margin-bottom: 0px;
 	vertical-align: middle;
 	margin: auto;
 	border: 1px solid #dddddd;
 }
-.mail-conv-break { display: none; border: none;}
-.mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
+.mail-conv-break { display: none; border: none;}
+.mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
+
+#prvmail-subject {
+	font-weight: bold;
+	border: 1px solid #dddddd;
+}
 
 /* ================= */
 /* = Notifications = */
 /* ================= */
 
-#notification-show-hide-wrapper {
+/*#notification-show-hide-wrapper {
 	width: 160px;
 	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -1981,7 +1873,7 @@ margin-left: 90px;
 
 #notification-show-hide-wrapper a {
 	color: #efefef;
-}
+}*/
 
 /* ============ */
 /* = Contacts = */
@@ -2004,14 +1896,6 @@ margin-left: 90px;
 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
 .contact-entry-edit-links { position: absolute; top: 60px; }
 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
-.contact-entry-photo {
-	padding: 3px;
-	background-color: #eeeeee;
-	border: 1px solid #dddddd;
-	-moz-box-shadow: 3px 3px 4px #959494;
-	-webkit-box-shadow: 3px 3px 4px #959494;
-	box-shadow: 3px 3px 4px #959494;
-}
 
 .contact-entry-name {
 	width: 100px;
@@ -2019,7 +1903,7 @@ margin-left: 90px;
 	font: #999;
 	font-size: 12px;
 	text-align:center;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	font-weight: bold;
 	margin-top:5px;
 }
@@ -2036,35 +1920,14 @@ margin-left: 90px;
 	background-color: #ffffff;
 }
 
-#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
-#contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
-#contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
-#contact-edit-nav-wrapper { margin-left: 210px; }
-#contact-edit-links { float: left; margin-top: 23px; }
-#contact-drop-links {/*position: absolute; top: 150px; left: 348px;*/}
-#contact-edit-nav-wrapper .icon {
-	border: 1px solid #babdb6;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;	
-}
-
-#contact-edit-nettype {
-	font-size: 1em;
-	font-variant: small-caps;
-	margin-left: 30px;
-	margin-bottom: 0px;
-	padding-bottom: 0px;
-}
+#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
 
-#contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
-#contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
-#contact-edit-last-updated { font-weight: bold; }
-#contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
-#contact-edit-end { clear: both; margin-bottom: 65px;}
 
 #contact-edit-update-now {
-	width: 80px;
+	padding:7px;
+	width: 165px;
+	margin: auto;
+	margin-left: 40px;
 	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -2075,15 +1938,13 @@ margin-left: 90px;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
 	border-radius:5px;
-	padding: 5px 10px 5px 10px;
-	margin-left: 125px;
-	margin-top: 10px;
-	font-style: bold;
-	color: #efefef;
+	display:inline-block;
+	color:#efefef;
+	text-decoration:none;
+	text-align: center;
 }
 
 #contact-edit-update-now:hover {
-	color: #efefef;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
@@ -2091,20 +1952,18 @@ margin-left: 90px;
 }
 
 #contact-edit-update-now:active {
-	background-color: #b20202;
 	position:relative;
 	top:1px;
 }
 
 #contact-edit-update-now a {
 	color: #efefef;
+	font-size: 14px;
+	text-align: center;
+	margin: auto;
 }
 
 
-#contact-edit-profile-select-text > p {
-	font-size: 1em;
-}
-
 .contact-photo-menu-button {
 	position: absolute;
     background-image: url("photo-menu.jpg");
@@ -2119,15 +1978,6 @@ margin-left: 90px;
     display: none;      
 }
 
-#contact-edit-photo {
-	padding: 10px;
-	background-color: #f1f1f1;
-	border: 1px solid #dedede;
-	margin-bottom: 5px;
-	-moz-box-shadow: 5px 5px 8px #959494;
-	-webkit-box-shadow: 5px 5px 8px #959494;
-	box-shadow: 5px 5px 8px #959494;	
-}
 .contact-photo-menu {
     width: auto;
     border: 1px solid #ddd;
@@ -2152,17 +2002,8 @@ margin-left: 90px;
 	text-decoration: none;
 }
 
-.view-contact-photo {
-	padding: 5px;
-	background-color: #efefef;
-	border: 1px solid #dddddd;
-	-moz-box-shadow: 3px 3px 4px #959494;
-	-webkit-box-shadow: 3px 3px 4px #959494;
-	box-shadow: 3px 3px 4px #959494;	
-}
-
 .view-contact-name {
-	font-variant: small-caps;
+/*	font-variant: small-caps; */
 }
 
 #div.side-link {
@@ -2186,6 +2027,10 @@ margin-left: 90px;
 	margin-bottom: 10px;
 }
 
+#side-follow-submit {
+	width: 70px;
+}
+
 #side-match-link {
 	width: 180px;
 	padding: 10px;
@@ -2254,6 +2099,7 @@ margin-left: 90px;
 	background-color:#b20202;	
 }
 
+
 #side-invite-link:active {
 	background-color: #b20202;
 	position:relative;
@@ -2264,32 +2110,10 @@ margin-left: 90px;
 	color: #efefef;	
 }
 
-#invite-message, #invite-recipients, #invite-recipient-text {
-	padding: 10px;
-}
-
-#side-follow-wrapper{
-	font-size: 1em;
-	font-weight: bold;
-	font-stretch:semi-expanded;
-	background-color: #f3f3f3;
-	border: 1px solid #cdcdcd;
-	padding: 10px;
-	margin-top: 20px;
-	-webkit-border-radius: 5px 5px 5px 5px;
-    -moz-border-radius: 5px 5px 5px 5px;
-    border-radius: 5px 5px 5px 5px;
-}
-
-#side-follow-wrapper label{
-	font-size: 1.1em;
-	font-variant: normal;	
-}
-
-#contact-view-recent {
-	float: left;
-	width: 150px;
+#side-suggest-link {
+	width: 180px;
 	padding: 10px;
+	margin: auto;
 	margin-bottom: 20px;
 	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -2307,7 +2131,7 @@ margin-left: 90px;
 	text-align: center;	
 }
 
-#contact-view-recent:hover{
+#side-suggest-link:hover {
 	color: #efefef;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
@@ -2315,14 +2139,37 @@ margin-left: 90px;
 	background-color:#b20202;	
 }
 
-#contact-view-recent:active {
+
+#side-suggest-link:active {
 	background-color: #b20202;
 	position:relative;
 	top:1px;	
 }
 
-#contact-view-recent a {
-	color: #efefef;
+#side-suggest-link a {
+	color: #efefef;	
+}
+
+#invite-message, #invite-recipients, #invite-recipient-text {
+	padding: 10px;
+}
+
+#side-follow-wrapper {
+	font-size: 1em;
+	font-weight: bold;
+	font-stretch:semi-expanded;
+	background-color: #f3f3f3;
+	border: 1px solid #cdcdcd;
+	padding: 10px;
+	margin-top: 20px;
+	-webkit-border-radius: 5px 5px 5px 5px;
+    -moz-border-radius: 5px 5px 5px 5px;
+    border-radius: 5px 5px 5px 5px;
+}
+
+#side-follow-wrapper label{
+	font-size: 1.1em;
+	font-variant: normal;	
 }
 
 #contact-suggest {
@@ -2365,76 +2212,46 @@ margin-left: 90px;
 	color: #efefef;
 }
 
-#contact-edit-info-wrapper {
-	clear: both;
+.crepair-label {
+	margin-top: 10px;
+	float: left;
+	width: 250px;
+}
+
+.crepair-input {
+	margin-top: 10px;
+	float: left;
+	width: 200px;
 }
 
 /* ===================================== */
 /* = Register, Settings, Profile Forms = */
 /* ===================================== */
 
-#id_openid_url,
-.openid {
+.openid input{
 	background: url(login-bg.gif) no-repeat;
 	background-position: 0 50%;
 	padding-left: 18px;
-	width: 385px;
+	width: 384px!important;
 }
 
 #profile-tabs-wrapper {
 	padding-top: 10px;
 }
 
-#profile-tab-status-link:hover {
-	border: 0px;
-	padding: 5px 10px 5px 10px;
-	font-style: bold;
-	color: #efefef;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-#profile-tab-status-link:active {
+#profile-tab-status-link {
 	border: 0px;
 	padding: 5px 10px 5px 10px;
 	font-style: bold;
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-#profile-tab-status-link a {
-	color: #efefef;
 }
 
 #uexport-link a {
 	color: #efefef;
 }
 
-#profile-tab-profile-link:hover {
-	border: 0px;
-	padding: 5px 10px 5px 10px;
-	font-style: bold;
-	color: #efefef;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
-	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
-	background-color:#b20202;
-}
-
-#profile-tab-profile-link:active {
+#profile-tab-profile-link {
 	border: 0px;
 	padding: 5px 10px 5px 10px;
-	font-style: bold;
-	background-color: #b20202;
-	position:relative;
-	top:1px;
-}
-
-#profile-tab-profile-link a {
-	color: #efefef;
 }
 
 #uexport-link {
@@ -2520,18 +2337,27 @@ margin-left: 90px;
     padding: 5px;
 }
 
-#register-form div,
-#profile-edit-form div { 
+#register-form div {
 	clear: both;
 }
 
+#profile-edit-form div { 
+	margin-bottom: 5px;
+}
+
+#profile-edit-form div[id$='desc'] {
+	font-size: 0.8em;
+	margin-left: 2%;
+}
+
 #register-form label,
 #profile-edit-form label {
 	width: 300px; float: left;
 }
 
-#register-form span,
-#profile-edit-form span  {
+/* #register-form span,
+#profile-edit-form span  { */
+#register-form span {
 	color: #555753;
 	display:block;
 	margin-bottom: 20px;
@@ -2564,7 +2390,7 @@ margin-left: 90px;
 	float: right;
 	display: inline;
 }
-#group-delete-icon-11 { position: absolute; left: 360px; top: 103px; }
+
 .group-delete-wrapper {
 	width: 90px;
 	display: inline;
@@ -2579,7 +2405,7 @@ margin-left: 90px;
 	background-color:#bdbdbd;
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
-	border-radius:5px;
+	border-radius:5px;*/
 }
 
 .group-delete-wrapper:hover {
@@ -2597,7 +2423,8 @@ margin-left: 90px;
 }
 
 .group-delete-wrapper a {
-	color: #efefef;	
+	color: #efefef;
+	font-size: 0.9em;
 }
 
 #group-edit-desc { margin: 10px 0xp; }
@@ -2654,6 +2481,7 @@ margin-left: 90px;
 	padding: 20px;
 	padding-top: 10px;
 	margin: 0 0px;
+	margin-bottom: 10px;
 	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);
@@ -2712,7 +2540,7 @@ margin-left: 90px;
 	margin-bottom: 2px;
 	margin-top: 2px;
 	font-size: 0.9em;
-	font-variant: small-caps;
+/*	font-variant: small-caps; */
 	text-align: left;
 }
 
@@ -2778,7 +2606,7 @@ margin-left: 90px;
 .event-list-date {
 	color: #626262;
 	margin-bottom: 10px;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	font-stretch:condensed;
 }
 
@@ -2814,7 +2642,7 @@ margin-left: 90px;
 	color: #ffffff;
 	font-weight: bold;
 	text-align:center;
-	font-variant:small-caps;
+/*	font-variant:small-caps; */
 	-moz-box-shadow: 5px 2px 8px #959494;
 	-webkit-box-shadow: 5px 2px 8px #959494;
 	box-shadow: 5px 2px 8px #959494;
@@ -2888,24 +2716,17 @@ tr {
 .directory-item {
 	float: left;
 	margin: 50px 50px 0px 0px;
-	padding: 10px;
-	background-color: #f1f1f1;
-	border: 1px solid #dedede;
-	margin-bottom: 5px;
-	-moz-box-shadow: 5px 5px 8px #959494;
-	-webkit-box-shadow: 5px 5px 8px #959494;
-	box-shadow: 5px 5px 8px #959494;	
 }
 
 .directory-details {
 	font-size: 0.9em;
-	font-variant: small-caps;
+/*	font-variant: small-caps; */
 	width: 160px;
 }
 
 .directory-name {
 	font-size: 1em;
-	font-variant: small-caps;
+/*	font-variant: small-caps; */
 	width: 150px;	
 }
 
@@ -2932,7 +2753,9 @@ tr {
 .admin.link {
 	list-style-position: inside;
 	font-size: 1em;
-	padding: 3px;
+	padding: 5px;
+	width: 100px;
+	margin: 5px;
 }
 
 #adminpage dl {
@@ -3065,6 +2888,10 @@ tr {
 	repeat: no-repeat;
 }
 
+.notify {
+  background-image: url("notify.png");}
+  repeat: no-repeat;
+}
 
 .border {
 	border: 1px solid #c1c1c1;
@@ -3123,7 +2950,8 @@ tr {
 .on 		{ background-position: -50px  -60px;}
 .off 		{ background-position: -70px  -60px;}
 .prev 		{ background-position: -90px  -60px;}
-.next 		{ background-position: -110px  -60px;}
+.next 		{ background-position: -110px -60px;}
+.tagged     { background-position: -130px -60px;}
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
 
@@ -3319,4 +3147,136 @@ a.active {
 	color:#efefef;
 	padding: 5px 10px 5px 10px;
 	margin-right: 5px;
-}
\ No newline at end of file
+}
+
+/* notifications popup menu */
+.nav-notify {
+	display: none;
+	position: absolute;
+	font-size: 10px;
+	padding: 1px 3px;
+	top: 0px;
+	right: -10px;
+	min-width: 15px;
+	text-align: right;
+}
+.nav-notify.show {
+	display: block;
+}
+ul.menu-popup {
+	position: absolute;
+	display: none;
+	width: 10em;
+	margin: 0px;
+	padding: 0px;
+	list-style: none;
+	z-index: 100000;
+	top: 40px;
+}
+#nav-notifications-menu {
+	width: 320px;
+	max-height: 400px;
+	overflow-y: scroll;overflow-style:scrollbar;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
+	background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
+	background-color:#a2a2a2;
+	-moz-border-radius:0px 0px 5px 5px;
+	-webkit-border-radius:0px 0px 5px 5px;
+	border-radius:0px 0px 5px 5px;
+	border: 1px solid #9A9A9A;
+	border-top: none;
+	-moz-box-shadow: 5px 5px 10px #242424;
+	-webkit-box-shadow: 5px 5px 10px #242424;
+	box-shadow: 5px 5px 10px #242424;
+
+}
+#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
+#nav-notifications-menu img { float: left; margin-right: 5px; }
+#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
+#nav-notifications-menu li {
+	padding: 7px 0px 7px 10px;
+	word-wrap:normal;
+	border-bottom: 1px solid #626262;
+}
+
+#nav-notifications-menu li:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+	background-color:#b20202;
+}
+
+#nav-notifications-menu a:hover {
+	text-decoration: underline;
+}
+
+.notif-item a {
+	vertical-align: middle;
+	color: #626262;
+	padding-bottom: 7px;
+}
+
+.notif-item a:hover {
+	color: #b20202;
+}
+
+.notif-image {
+	width: 32px;
+	height: 32px;
+	padding: 7px 7px 0px 0px;
+}
+
+#jGrowl {
+	z-index: 20000;
+}
+
+/* autocomplete popup */
+.acpopup {
+	max-height:150px;
+	overflow:auto;
+	z-index:100000;
+	
+	color: #2e3436;
+	border-top: 0px;
+	background: #eeeeee;
+	border-right: 1px solid #dddddd;
+	border-left: 1px solid #dddddd;
+	border-bottom: 1px solid #dddddd;
+	-webkit-border-radius: 0px 5px 5px 5px;
+	-moz-border-radius: 0px 5px 5px 5px;
+	border-radius: 0px 5px 5px 5px;
+	-moz-box-shadow: 3px 3px 4px #959494;
+	-webkit-box-shadow: 3px 3px 4px #959494;
+	box-shadow: 3px 3px 4px #959494;
+	
+}
+.acpopupitem {
+	color: #2e3436; padding: 4px;
+	clear:left;
+}
+.acpopupitem img {
+	float: left;
+	margin-right: 4px;
+}
+
+.acpopupitem.selected {
+	color: #efefef;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+	background-color:#b20202; 
+	order-bottom: none;
+}
+
+.qcomment {
+	opacity: 0;
+	filter:alpha(opacity=0);
+}
+.qcomment:hover {
+	opacity: 1.0;
+	filter:alpha(opacity=100);
+}
+.notify-seen {
+	background: #000;
+}