view/theme/default/style.css

   1 /*
   2         Loozah CSS - Emmanuel Revah manurevah.com
   3         Copy, Paste, Send - Free
   4
   5         this is still considered as messy :]
   6 */
   7
   8 /** {*/
   9         /*margin: 0;*/
  10         /*padding: 0;*/
  11 /*}*/
  12
  13 /* GENERIC STUFF */
  14 body {
  15         background: #F5F6FB;
  16         color: #444444;
  17         font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  18         font-size: 90%;
  19         margin-left: 10px;
  20 }
  21 a, a:visited {
  22 /*      color: #34366A; */
  23         color: #15607B;
  24         text-decoration: none;
  25 }
  26 a:hover {
  27         color: #0CBEFE;
  28         text-decoration: none;
  29 }
  30 input, select {
  31         background-color: #ECECEC;
  32         border: 1px solid #858585;
  33 }
  34 input:hover {
  35
  36         background-color: #0CBEFE;
  37 /*      background-color: #49dbFa; */
  38         color: black;
  39 /*      color: #F5F6FB; */
  40 /*      border: 1px solid #F5F6FB; */
  41         cursor: pointer;
  42 }
  43
  44 .openid {
  45    background-color: #ECECEC !important;
  46    background: url(login-bg.gif) no-repeat;
  47    background-position: 0 50%;
  48    padding-left: 18px;
  49 }
  50 .openid:hover {
  51         background-color: #0CBEFE !important;
  52 }
  53
  54 option {
  55         background-color: #ECD6D2;
  56 }
  57 img {
  58         border: none;
  59 }
  60 code {
  61         font-family: Courier, monospace;
  62         white-space: pre;
  63         display: block;
  64         overflow: auto;
  65         border: 1px solid #444;
  66         background: #EEE;
  67         color: #444;
  68         padding: 10px;
  69         margin-top: 20px;
  70 }
  71 blockquote:before {
  72         content: '>> ';
  73 }
  74
  75 .shiny {
  76         border-color: orange !important;
  77 }
  78
  79 .nav-login-link {
  80         float: right;
  81         margin-left: 0px;
  82         margin-right: 3px;
  83         padding: 3px;
  84         font-size: 70%;
  85 }
  86
  87 /* NOTIFICATION */
  88 #notification-show-hide-link {
  89         background-color: red;
  90         padding: 2px 4px;
  91         background-color: #ECECEC;
  92         border: 1px solid #858585;
  93 }
  94 #notification-show-hide-link:hover {
  95         background-color: #0CBEFE;
  96         color: #F5F6FB;
  97         border: 1px solid #F5F6FB;
  98 }
  99
 100 #jot-perms-icon,
 101 #profile-location,
 102 #profile-nolocation,
 103 #profile-video,
 104 #profile-link,
 105 #wall-image-upload,
 106 #profile-upload-wrapper,
 107 #wall-image-upload-div,
 108 .hover, .focus {
 109         cursor: pointer;
 110 }
 111
 112 .fakelink, .fakelink:visited {
 113         color: #15607B;
 114         text-decoration: none;
 115         cursor: pointer;
 116         margin-top: 15px;
 117         margin-bottom: 15px;
 118 }
 119 .lockview {
 120         cursor: pointer;
 121 }
 122
 123 .fakelink:hover {
 124         color: #0CBEFE;
 125         text-decoration: none;
 126         cursor: pointer;
 127 }
 128 .smalltext {
 129         font-size: 0.7em;
 130 }
 131 #sysmsg {
 132         width: 600px;
 133         margin-bottom: 10px;
 134 }
 135
 136 #top-margin {
 137         height: 20px;
 138 }
 139
 140 #logo-img {
 141         margin-top: 3px;
 142
 143 }
 144
 145 #logo-text {
 146         font-family: "gill sans MT bold", "lucida grande",tahoma,verdana,arial,sans-serif;
 147         margin-left: 3px;
 148         vertical-align: top;
 149 }
 150
 151 #banner {
 152         color: #F5F6FB;
 153         font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
 154         font-size: 2.0em;
 155         position: absolute;
 156         top: 5px;
 157         left: 39%;
 158 }
 159
 160 #panel {
 161         background-color: ivory;
 162         position: absolute;
 163         z-index: 2;
 164         width: 30%;
 165         padding: 25px;
 166         border: 1px solid #444;
 167 }
 168
 169 img.photo {
 170         /*border: 1px solid #AAAAAA;*/
 171         /*padding: 5px;*/
 172         /*background: #FFFFFF;*/
 173 }
 174
 175 #logo {
 176         font-size: 300%;
 177         color: #A8A8A8;
 178         font-weight: bold;
 179         margin-left: 280px;
 180 }
 181
 182 /*
 183  * #page-footer {
 184  *      height: 20px;
 185  *
 186  * }
 187  */
 188
 189 .heart {
 190         color: #FF0000;
 191         font-size: 100%;
 192 }
 193
 194 aside {
 195         /*position: absolute;*/
 196         /*left: 0px;*/
 197         /*top: 60px;*/
 198         /*right: 250px;*/
 199         width: 230px;
 200         /*margin-left: 20px;*/
 201         /*margin-right: 0px;*/
 202         font-size: 0.9em;
 203
 204         float: left;
 205         margin-top: 64px;
 206         margin-left: 20px;
 207 }
 208 section {
 209         position: absolute;
 210         left: 250px;
 211         top: 60px;
 212         margin-top: 25px;
 213         margin-left: 20px;
 214         margin-right: 20px;
 215         right: 0px;
 216 }
 217 h1 {
 218         font-size: 1.6em;
 219 }
 220
 221 nav {
 222         position: absolute;
 223         top: 0px;
 224         height: 48px;
 225         left: 0px;
 226         right: 0px;
 227         background: #15607B;
 228 }
 229
 230 /*
 231  * footer {
 232  *      left: 0px;
 233  *      bottom: 0px;
 234  *      position: fixed;
 235  *      background-color: #0CBEFE;
 236  *      width: 100%;
 237  *      padding: 2px 3%;
 238  * }
 239  */
 240
 241 .fn {
 242         font-size: 1.4em;
 243         margin-bottom: 10px;
 244         line-height: 1.5;
 245 }
 246
 247 .powered {
 248         font-size: 0.6em;
 249         color: black;
 250 }
 251 .powered a {
 252         color: #EBF3F3;
 253         font-weight: bold;
 254 }
 255 .powered a:hover {
 256         color: #FFC019;
 257 }
 258 .error-message {
 259         color: #FF0000;
 260         font-size: 1.1em;
 261         border: 1px solid #FF8888;
 262         background-color: #FFEEEE;
 263         padding: 10px;
 264 }
 265
 266 .nav-link {
 267         float: right;
 268         margin-left: 0px;
 269         margin-right: 3px;
 270         padding: 6px;
 271         /*border: 2px solid #000000;*/
 272         background: #D5D5D5;
 273         font-size: 80%;
 274         font-weight: bold;
 275         -moz-border-radius-topleft: 3px;
 276         -moz-border-radius-topright: 3px;
 277         -webkit-border-radius-topleft: 3px;
 278         -webkit-border-radius-topright: 3px;
 279         border-radius-topleft: 3px;
 280         border-radius-topright: 3px;
 281 }
 282 .nav-link:hover {
 283         background-color: #0CBEFE;
 284         color: #F5F6FB;
 285 }
 286
 287
 288 .nav-ajax-left {
 289         margin-left: 1px;
 290         margin-right: 2px;
 291         float: left;
 292         font-size: 0.6em;
 293         font-weight: bold;
 294         color: #F8FF15;
 295         /*background: #FFFFFF;*/
 296 }
 297
 298
 299
 300 .nav-selected {
 301         border-bottom: none !important;
 302         background: #F5F6FB !important;
 303         padding: 8px 6px 6px 6px !important;
 304         color: #000 !important;
 305 }
 306
 307
 308 .nav-ajax-left:hover {
 309         font-size: 1.5em;
 310 }
 311
 312 .nav-ajax-right {
 313         margin-left: 1px;
 314         float: right;
 315         font-size: 0.6em;
 316         font-weight: bold;
 317         color: #FF0000;
 318 }
 319
 320 .nav-commlink {
 321         float: left;
 322         margin-left: 3px;
 323         margin-right: 0px;
 324         padding: 6px;
 325         /*border: 2px solid #000000;*/
 326         background: #D5D5D5;
 327         font-size: 80%;
 328         font-weight: bold;
 329         text-decoration: none;
 330         -moz-border-radius-topleft: 3px;
 331         -moz-border-radius-topright: 3px;
 332         -webkit-border-radius-topleft: 3px;
 333         -webkit-border-radius-topright: 3px;
 334         border-radius-topleft: 3px;
 335         border-radius-topright: 3px;
 336 }
 337 .nav-commlink:hover {
 338         background-color: #0CBEFE;
 339         color: #F5F6FB;
 340 }
 341
 342 #nav-end {
 343         clear: both;
 344 }
 345
 346 .login-extra-links {
 347         font-size: 0.7em;
 348 }
 349
 350 #profile-extra-links {
 351         margin-top: 20px;
 352         margin-bottom: 20px;
 353         margin-left: 20px;
 354         margin-right: 20px;
 355 }
 356 #register-fill-ext {
 357         margin-bottom: 25px;
 358 }
 359
 360 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
 361         float: left;
 362         width: 350px;
 363         margin-top: 10px;
 364 }
 365
 366 #register-name, #register-email, #register-nickname {
 367         float: left;
 368         margin-top: 10px;
 369         width: 150px;
 370 }
 371
 372 #register-openid {
 373         float: left;
 374         margin-top: 10px;
 375         width: 130px;
 376 }
 377
 378 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
 379         clear: both;
 380 }
 381
 382 #register-nickname-desc {
 383         margin-top: 30px;
 384         width: 650px;
 385 }
 386 #register-sitename {
 387         float: left;
 388         margin-top: 10px;
 389 }
 390
 391 #register-submit-button {
 392         margin-top: 50px;
 393         margin-left: 350px;
 394 }
 395
 396 #label-login-name, #label-login-password, #login-extra-filler {
 397         float: left;
 398         width: 200px;
 399         margin-bottom: 20px;
 400 }
 401
 402
 403 #login-password {
 404         float: left;
 405         width: 170px;
 406 }
 407
 408 #login-name {
 409         float: left;
 410         width: 153px;
 411 }
 412
 413 #login-name.no-openid {
 414         float: left;
 415         width: 170px;
 416 }
 417
 418 #register-link, #lost-password-link {
 419         float: left;
 420         font-size: 80%;
 421         margin-right: 15px;
 422 }
 423
 424 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 425         clear: both;
 426 }
 427
 428 #login-submit-button {
 429 /*      margin-top: 10px; */
 430         margin-left: 200px;
 431 }
 432
 433 input#dfrn-url {
 434         float: left;
 435         background: url(ff-16.jpg) no-repeat;
 436         background-position: 2px center;
 437         font-size: 17px;
 438         padding-left: 21px;
 439         height: 21px;
 440         background-color: #FFFFFF;
 441         color: #000000;
 442         margin-bottom: 20px;
 443 }
 444
 445 #dfrn-url-label {
 446         float: left;
 447         width: 250px;
 448 }
 449
 450 #dfrn-request-url-end {
 451         clear: both;
 452 }
 453
 454 #knowyouyes, #knowyouno {
 455         float: left;
 456 }
 457
 458 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 459
 460         float: none;
 461 }
 462 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 463         float: left;
 464         width: 75px;
 465         margin-left: 50px;
 466         margin-bottom: 7px;
 467 }
 468 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 469         clear: both;
 470
 471 }
 472
 473 #dfrn-request-message-wrapper {
 474         margin-bottom: 50px;
 475 }
 476 #dfrn-request-submit-wrapper {
 477         clear: both;
 478         margin-left: 50px;
 479 }
 480
 481 #dfrn-request-info-wrapper {
 482         margin-left: 50px;
 483 }
 484
 485 #settings-nick-wrapper {
 486         margin-bottom: 30px;
 487 }
 488
 489 #settings-username-end,
 490 #settings-email-end,
 491 #settings-nick-end,
 492 #settings-defloc-end,
 493 #settings-allowloc-end,
 494 #settings-timezone-end,
 495 #settings-theme-end,
 496 #settings-password-end,
 497 #settings-confirm-end,
 498 #settings-openid-end,
 499 #settings-maxreq-end,
 500 #notify1-end,
 501 #notify2-end,
 502 #notify3-end,
 503 #notify4-end,
 504 #notify5-end {
 505         margin-bottom: 5px;
 506         clear: both;
 507 }
 508
 509 #settings-username-label,
 510 #settings-email-label,
 511 #settings-nick-label,
 512 #settings-defloc-label,
 513 #settings-allowloc-label,
 514 #settings-timezone-label,
 515 #settings-theme-label,
 516 #settings-password-label,
 517 #settings-confirm-label,
 518 #settings-openid-label,
 519 #settings-maxreq-label,
 520 #settings-label-notify1,
 521 #settings-label-notify2,
 522 #settings-label-notify3,
 523 #settings-label-notify4,
 524 #settings-label-notify5 {
 525         float: left;
 526         width: 200px;
 527 }
 528
 529 #settings-username,
 530 #settings-email,
 531 #settings-nick,
 532 #settings-defloc,
 533 #settings-allowloc,
 534 #timezone-select,
 535 #theme-select,
 536 #settings-password,
 537 #settings-confirm,
 538 #settings-maxreq,
 539 #notify1,
 540 #notify2,
 541 #notify3,
 542 #notify4,
 543 #notify5 {
 544         float: left;
 545         margin-bottom: 20px;
 546 }
 547
 548 #settings-openid {
 549         float: left;
 550         margin-bottom: 20px;
 551         width: 127px;
 552 }
 553
 554 #settings-maxreq-desc {
 555         float: left;
 556         margin-left: 20px;
 557 }
 558
 559 #settings-theme-label,
 560 #settings-defloc-label {
 561         margin-top: 20px;
 562 }
 563
 564 #settings-defloc {
 565         margin-top: 20px;
 566 }
 567
 568
 569 #theme-select {
 570         margin-top: 20px;
 571         width: 207px;
 572 }
 573 #settings-notify-desc {
 574         margin-top: 20px;
 575         margin-bottom: 20px;
 576 }
 577 #settings-nick-desc {
 578         width: 500px;
 579 }
 580
 581 #settings-nick {
 582         margin-bottom: 50px;
 583 }
 584
 585 #cropimage-wrapper, #cropimage-preview-wrapper {
 586         float: left;
 587         padding: 30px;
 588 }
 589
 590 #crop-image-form {
 591         margin-top: 30px;
 592         clear: both;
 593 }
 594
 595 .intro-wrapper {
 596         margin-top: 20px;
 597 }
 598
 599 .intro-fullname {
 600         font-size: 1.1em;
 601         font-weight: bold;
 602
 603 }
 604 .intro-desc {
 605         margin-bottom: 20px;
 606         font-weight: bold;
 607 }
 608
 609 .intro-note {
 610         padding: 10px;
 611 }
 612
 613 .intro-end {
 614         padding: 30px;
 615 }
 616
 617 .intro-form {
 618         float: left;
 619 }
 620 .intro-approve-form {
 621         clear: both;
 622 }
 623 .intro-approve-as-friend-end {
 624         clear: both;
 625 }
 626 .intro-submit-approve, .intro-submit-ignore {
 627         margin-right: 20px;
 628 }
 629 .intro-submit-approve {
 630         margin-top: 15px;
 631 }
 632
 633 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
 634         float: left;
 635         width: 100px;
 636         margin-left: 20px;
 637 }
 638 .intro-approve-as-friend, .intro-approve-as-fan {
 639         float: left;
 640 }
 641 .intro-form-end {
 642         clear: both;
 643 }
 644 .intro-approve-as-friend-desc {
 645         margin-top: 15px;
 646 }
 647 .intro-approve-as-end {
 648         clear: both;
 649         margin-bottom: 10px;
 650 }
 651
 652 .intro-end {
 653         clear: both;
 654         margin-bottom: 30px;
 655 }
 656
 657 #profile-extra-links ul {
 658         list-style-type: none;
 659 }
 660
 661
 662 #profile-extra-links li {
 663         margin-top: 5px;
 664 }
 665
 666 #profile-edit-links ul {
 667         list-style-type: none;
 668 }
 669
 670 #profile-edit-links li {
 671         margin-top: 10px;
 672 }
 673
 674 .view-contact-wrapper {
 675         margin-top: 20px;
 676         float: left;
 677         margin-left: 20px;
 678         width: 180px;
 679 }
 680 #view-contact-end {
 681         clear: both;
 682 }
 683 #viewcontacts {
 684         margin-top: 15px;
 685 }
 686 #profile-edit-default-desc {
 687         color: #FF0000;
 688         border: 1px solid #FF8888;
 689         background-color: #FFEEEE;
 690         padding: 7px;
 691 }
 692
 693 #profile-edit-clone-link-wrapper {
 694         float: left;
 695         margin-left: 50px;
 696         margin-bottom: 20px;
 697         width: 300px;
 698 }
 699
 700 #profile-edit-drop-link-wrapper {
 701         float: left;
 702 }
 703
 704 #profile-edit-links-end {
 705         clear: both;
 706 }
 707 .profile-listing-photo {
 708         border: none;
 709 }
 710
 711 .profile-edit-submit-wrapper {
 712         margin-top: 20px;
 713         margin-bottom: 20px;
 714 }
 715
 716 #profile-edit-profile-name-label,
 717 #profile-edit-name-label,
 718 #profile-edit-gender-label,
 719 #profile-edit-dob-label,
 720 #profile-edit-address-label,
 721 #profile-edit-locality-label,
 722 #profile-edit-region-label,
 723 #profile-edit-postal-code-label,
 724 #profile-edit-country-name-label,
 725 #profile-edit-marital-label,
 726 #profile-edit-sexual-label,
 727 #profile-edit-politic-label,
 728 #profile-edit-religion-label,
 729 #profile-edit-keywords-label,
 730 #profile-edit-homepage-label {
 731         float: left;
 732         width: 175px;
 733 }
 734
 735 #profile-edit-profile-name,
 736 #profile-edit-name,
 737 #gender-select,
 738 #profile-edit-dob,
 739 #profile-edit-address,
 740 #profile-edit-locality,
 741 #profile-edit-region,
 742 #profile-edit-postal-code,
 743 #profile-edit-country-name,
 744 #marital-select,
 745 #sexual-select,
 746 #profile-edit-politic,
 747 #profile-edit-religion,
 748 #profile-edit-keywords,
 749 #profile-in-dir-yes,
 750 #profile-in-dir-no,
 751 #profile-in-netdir-yes,
 752 #profile-in-netdir-no,
 753 #hide-friends-yes,
 754 #hide-friends-no,
 755 #settings-normal,
 756 #settings-soapbox,
 757 #settings-community,
 758 #settings-freelove {
 759         float: left;
 760         margin-bottom: 20px;
 761 }
 762
 763 #profile-in-dir-yes-label,
 764 #profile-in-dir-no-label,
 765 #profile-in-netdir-yes-label,
 766 #profile-in-netdir-no-label,
 767 #hide-friends-yes-label,
 768 #hide-friends-no-label {
 769         margin-left: 125px;
 770         float: left;
 771         width: 50px;
 772 }
 773
 774 #profile-edit-with-label {
 775         width: 175px;
 776         margin-left: 20px;
 777 }
 778
 779 #profile-edit-keywords-desc {
 780         float: left;
 781         margin-left: 20px;
 782 }
 783
 784
 785 #profile-edit-homepage {
 786         float: left;
 787         margin-bottom: 35px;
 788 }
 789 #settings-normal-label,
 790 #settings-soapbox-label,
 791 #settings-community-label,
 792 #settings-freelove-label {
 793         float: left;
 794         width: 200px;
 795 }
 796 #settings-normal-desc,
 797 #settings-soapbox-desc,
 798 #settings-community-desc,
 799 #settings-freelove-desc {
 800         float: left;
 801         margin-left: 75px;
 802 }
 803
 804 #profile-edit-profile-name-end,
 805 #profile-edit-name-end,
 806 #profile-edit-gender-end,
 807 #profile-edit-dob-end,
 808 #profile-edit-address-end,
 809 #profile-edit-locality-end,
 810 #profile-edit-region-end,
 811 #profile-edit-postal-code-end,
 812 #profile-edit-country-name-end,
 813 #profile-edit-marital-end,
 814 #profile-edit-sexual-end,
 815 #profile-edit-politic-end,
 816 #profile-edit-religion-end,
 817 #profile-edit-keywords-end,
 818 #profile-edit-homepage-end,
 819 #profile-in-dir-break,
 820 #profile-in-dir-end,
 821 #profile-in-netdir-break,
 822 #profile-in-netdir-end,
 823 #hide-friends-break,
 824 #hide-friends-end,
 825 #settings-normal-break,
 826 #settings-soapbox-break,
 827 #settings-community-break,
 828 #settings-freelove-break {
 829         clear: both;
 830 }
 831
 832
 833
 834
 835
 836 #gender-select, #marital-select, #sexual-select {
 837         width: 220px;
 838 }
 839
 840 #profile-edit-profile-name-wrapper .required {
 841         color: #FF0000;
 842         float: left;
 843 }
 844
 845 #contacts-main {
 846         margin-top: 20px;
 847         margin-bottom: 20px;
 848 }
 849
 850 .contact-entry-wrapper {
 851         float: left;
 852         width: 180px;
 853 }
 854
 855 .contact-entry-direction-icon {
 856         margin-top: 24px;
 857         margin-right: 2px;
 858 }
 859
 860 .contact-entry-photo img {
 861         border: none;
 862 }
 863 .contact-entry-photo-end {
 864         clear: both;
 865 }
 866 .contact-entry-name {
 867         float: left;
 868         margin-left: 30px;
 869 }
 870 .contact-entry-edit-links {
 871         margin-top: 6px;
 872         margin-left: 10px;
 873         width: 16px;
 874 }
 875 .contact-entry-nav-wrapper {
 876         float: left;
 877         margin-left: 10px;
 878 }
 879
 880 .contact-entry-edit-links img {
 881         border: none;
 882         margin-right: 15px;
 883 }
 884 .contact-entry-photo {
 885         float: left;
 886 }
 887 .contact-entry-end {
 888         clear: both;
 889 }
 890
 891 #contact-edit-end {
 892         clear: both;
 893 }
 894
 895 .wall-item-content-wrapper {
 896         margin-top: 10px;
 897         border: 1px solid #CCC;
 898 }
 899
 900 .wall-item-content-wrapper.comment {
 901         margin-left: 50px;
 902         background: #CCCCCC;
 903 }
 904
 905 .wall-item-photo-wrapper {
 906         margin-top: 10px;
 907         margin-left: 10px;
 908         margin-bottom: 10px;
 909         width: 100px;
 910         float: left;
 911 }
 912 .wall-item-arrowphoto-wrapper {
 913         margin-top: 40px;
 914         margin-right: 20px;
 915         float: left;
 916 }
 917 .wall-item-wrapper {
 918         float: left;
 919 }
 920 .wall-item-lock {
 921         height: 20px;
 922         margin-top: 10px;
 923 }
 924
 925 .wall-item-ago {
 926         color: #888888;
 927         font-size: 0.8em;
 928 }
 929
 930 .wall-item-like-buttons img {
 931         cursor: pointer;
 932 }
 933 .wall-item-delete-wrapper {
 934         float: right;
 935         margin-top: 20px;
 936         margin-right: 50px;
 937 }
 938
 939 .wall-item-delete-end {
 940         clear: both;
 941 }
 942
 943 .wall-item-delete-icon {
 944         border: none;
 945 }
 946
 947
 948 .wall-item-wrapper-end {
 949         clear: both;
 950 }
 951 .wall-item-name-link {
 952         font-weight: bold;
 953         text-decoration: none;
 954         color: #3172BD;
 955 }
 956 .wall-item-photo {
 957         border: none;
 958 }
 959 .wall-item-content {
 960         float: left;
 961         width: 450px;
 962         margin-left: 10px;
 963         margin-bottom: 20px;
 964 }
 965
 966 .wall-item-title {
 967         float: left;
 968         font-weight: bold;
 969         width: 450px;
 970 }
 971
 972 .wall-item-body {
 973         float: left;
 974         width: 450px;
 975         margin-top: 30px;
 976 }
 977
 978 .comment-edit-wrapper {
 979         margin-top: 15px;
 980         background: #CCCCCC;
 981         margin-left: 50px;
 982 }
 983
 984 .comment-wwedit-wrapper {
 985         margin-top: 15px;
 986         background: #CCCCCC;
 987         margin-left: 250px;
 988 }
 989
 990 .comment-edit-photo {
 991         margin-top: 10px;
 992         margin-left: 10px;
 993         margin-bottom: 10px;
 994         width: 100px;
 995         float: left;
 996 }
 997 .comment-edit-text-empty, .comment-edit-text-full {
 998         float: left;
 999         margin-top: 40px;
1000 }
1001 .comment-edit-text-end {
1002         clear: both;
1003 }
1004
1005 .comment-edit-submit {
1006         margin-left: 110px;
1007         margin-top: 10px;
1008 }
1009
1010 #profile-jot-submit-wrapper {
1011         margin-top: 15px;
1012 }
1013
1014 #profile-jot-submit {
1015         float: left;
1016 }
1017 #profile-upload-wrapper {
1018         float: left;
1019         margin-left: 50px;
1020 }
1021
1022 #profile-rotator {
1023         float: left;
1024         margin-left: 50px;
1025 }
1026 #profile-link-wrapper {
1027         float: left;
1028         margin-left: 20px;
1029 }
1030 #profile-youtube-wrapper {
1031         float: left;
1032         margin-left: 20px;
1033 }
1034 #profile-location-wrapper {
1035         float: left;
1036         margin-left: 20px;
1037 }
1038 #profile-nolocation-wrapper {
1039         float: left;
1040         margin-left: 20px;
1041 }
1042
1043 #profile-jot-perms {
1044         float: left;
1045         margin-left: 200px;
1046         font-weight: bold;
1047         font-size: 1.2em;
1048 }
1049
1050 #profile-jot-perms-end {
1051         clear: both;
1052 }
1053
1054 #profile-jot-end {
1055         clear: both;
1056         margin-bottom: 30px;
1057 }
1058 #about-jot-submit-wrapper {
1059         margin-top: 15px;
1060 }
1061 #about-jot-end {
1062         margin-bottom: 30px;
1063 }
1064 #contacts-main {
1065         margin-bottom: 30px;
1066 }
1067
1068 #profile-listing-desc {
1069         margin-left: 30px;
1070 }
1071
1072 #profile-listing-new-link-wrapper {
1073         margin-left: 30px;
1074         margin-bottom: 30px;
1075 }
1076 .profile-listing-photo-wrapper {
1077         float: left;
1078 }
1079
1080 .profile-listing-edit-buttons-wrapper {
1081         clear: both;
1082 }
1083 .profile-listing-photo-edit-link {
1084         float: left;
1085         width: 125px;
1086 }
1087 .profile-listing-end {
1088         clear: both;
1089 }
1090 .profile-listing-edit-buttons-wrapper img{
1091         border: none;
1092         margin-right: 20px;
1093 }
1094 .profile-listing {
1095         margin-top: 25px;
1096 }
1097 .profile-listing-name {
1098         float: left;
1099         margin-left: 32px;
1100         margin-top: 10px;
1101         color: #3172BD;
1102         font-weight: bold;
1103         width: 200px;
1104
1105 }
1106 .fortune {
1107         margin-top: 50px;
1108         color: #4444FF;
1109         font-weight: bold;
1110         margin-bottom: 20px;
1111 }
1112
1113
1114 .directory-end {
1115         clear: both;
1116 }
1117 .directory-name {
1118         text-align: center;
1119 }
1120 .directory-photo {
1121         margin-left: 25px;
1122 }
1123 .directory-details {
1124         font-size: 0.7em;
1125         text-align: center;
1126         margin-left: 5px;
1127         margin-right: 5px;
1128 }
1129 .directory-item {
1130         float: left;
1131         width: 225px;
1132         height: 260px;
1133         overflow: auto;
1134 }
1135
1136 #directory-search-wrapper {
1137         margin-top: 20px;
1138         margin-right: 20px;
1139         margin-bottom: 50px;
1140 }
1141
1142 #directory-search-end {
1143 }
1144
1145 .directory-photo-img {
1146         border: none;
1147 }
1148
1149
1150 .pager {
1151   padding: 10px;
1152   text-align: center;
1153   font-size: 1.0em;
1154 }
1155
1156
1157 .pager_first,
1158 .pager_last,
1159 .pager_prev,
1160 .pager_next,
1161 .pager_n {
1162         border: 1px solid black;
1163         background: #EEE;
1164         padding: 4px;
1165 }
1166
1167 .pager_first a,
1168 .pager_last a,
1169 .pager_prev a,
1170 .pager_next a,
1171 .pager_n a {
1172         text-decoration: none;
1173 }
1174
1175 .pager_current {
1176   border: 1px solid black;
1177   background: #FFCCCC;
1178   padding: 4px;
1179 }
1180
1181
1182 #advanced-profile-name-wrapper,
1183 #advanced-profile-gender-wrapper,
1184 #advanced-profile-dob-wrapper,
1185 #advanced-profile-age-wrapper,
1186 #advanced-profile-marital-wrapper,
1187 #advanced-profile-sexual-wrapper,
1188 #advanced-profile-homepage-wrapper,
1189 #advanced-profile-politic-wrapper,
1190 #advanced-profile-religion-wrapper,
1191 #advanced-profile-about-wrapper,
1192 #advanced-profile-interest-wrapper,
1193 #advanced-profile-contact-wrapper,
1194 #advanced-profile-music-wrapper,
1195 #advanced-profile-book-wrapper,
1196 #advanced-profile-tv-wrapper,
1197 #advanced-profile-film-wrapper,
1198 #advanced-profile-romance-wrapper,
1199 #advanced-profile-work-wrapper,
1200 #advanced-profile-education-wrapper {
1201         margin-top: 20px;
1202 }
1203
1204 #advanced-profile-name-text,
1205 #advanced-profile-gender-text,
1206 #advanced-profile-dob-text,
1207 #advanced-profile-age-text,
1208 #advanced-profile-marital-text,
1209 #advanced-profile-sexual-text,
1210 #advanced-profile-homepage-text,
1211 #advanced-profile-politic-text,
1212 #advanced-profile-religion-text,
1213 #advanced-profile-about-text,
1214 #advanced-profile-interest-text,
1215 #advanced-profile-contact-text,
1216 #advanced-profile-music-text,
1217 #advanced-profile-book-text,
1218 #advanced-profile-tv-text,
1219 #advanced-profile-film-text,
1220 #advanced-profile-romance-text,
1221 #advanced-profile-work-text,
1222 #advanced-profile-education-text {
1223         width: 300px;
1224         float: left;
1225 }
1226
1227 #advanced-profile-name-end,
1228 #advanced-profile-gender-end,
1229 #advanced-profile-dob-end,
1230 #advanced-profile-age-end,
1231 #advanced-profile-marital-end,
1232 #advanced-profile-sexual-end,
1233 #advanced-profile-homepage-end,
1234 #advanced-profile-politic-end,
1235 #advanced-profile-religion-end {
1236         clear: both;
1237 }
1238
1239 #advanced-profile-about-end,
1240 #advanced-profile-interest-end,
1241 #advanced-profile-contact-end,
1242 #advanced-profile-music-end,
1243 #advanced-profile-book-end,
1244 #advanced-profile-tv-end,
1245 #advanced-profile-film-end,
1246 #advanced-profile-romance-end,
1247 #advanced-profile-work-end,
1248 #advanced-profile-education-end {
1249
1250
1251 }
1252
1253 #advanced-profile-name,
1254 #advanced-profile-gender,
1255 #advanced-profile-dob,
1256 #advanced-profile-age,
1257 #advanced-profile-marital,
1258 #advanced-profile-sexual,
1259 #advanced-profile-homepage,
1260 #advanced-profile-politic,
1261 #advanced-profile-religion {
1262         float: left;
1263
1264 }
1265
1266
1267 #advanced-profile-about,
1268 #advanced-profile-interest,
1269 #advanced-profile-contact,
1270 #advanced-profile-music,
1271 #advanced-profile-book,
1272 #advanced-profile-tv,
1273 #advanced-profile-film,
1274 #advanced-profile-romance,
1275 #advanced-profile-work,
1276 #advanced-profile-education {
1277         margin-top: 10px;
1278         margin-left: 50px;
1279         margin-right: 20px;
1280         padding: 10px;
1281         border: 1px solid #CCCCCC;
1282 }
1283
1284 #advanced-profile-with {
1285         float: left;
1286         margin-left: 15px;
1287 }
1288
1289 #contact-edit-wrapper {
1290         margin-top: 50px;
1291 }
1292
1293 #contact-edit-banner-name {
1294         font-size: 1.4em;
1295         font-weight: bold;
1296         margin-left: 30px;
1297 }
1298
1299 #contact-edit-poll-wrapper {
1300         margin-left: 50px;
1301         margin-top: 30px;
1302 }
1303 #contact-edit-poll-text {
1304         margin-bottom: 10px;
1305 }
1306
1307 #contact-edit-photo-wrapper {
1308         margin-bottom: 20px;
1309 }
1310 #contact-edit-links {
1311         float: left;
1312 }
1313 #contact-edit-links img {
1314         margin-left: 20px;
1315         border: none;
1316 }
1317
1318 #contact-drop-links {
1319         float: left;
1320 }
1321
1322 #contact-drop-links img {
1323         margin-left: 20px;
1324         border: none;
1325 }
1326
1327 #contact-edit-nav-end {
1328         clear: both;
1329 }
1330
1331 #contact-edit-direction-icon {
1332         float: left;
1333         margin-top: 70px;
1334         margin-right: 2px;
1335 }
1336
1337 #contact-edit-photo {
1338         float: left;
1339 }
1340
1341 #contact-edit-photo-end {
1342         clear: both;
1343 }
1344
1345 #contact-edit-photo-wrapper {
1346         float: left;
1347 }
1348
1349 #contact-edit-nav-wrapper {
1350         float: left;
1351 }
1352
1353 #contact-edit-end {
1354         clear: both;
1355 }
1356
1357 #contact-profile-selector {
1358         width: 175px;
1359         margin-left: 175px;
1360 }
1361
1362 #contact-reputation-selector {
1363         margin-left: 175px;
1364 }
1365
1366 #contact-edit-rating-text {
1367         margin-left: 175px;
1368 }
1369
1370 .contact-edit-submit {
1371         margin-top: 20px;
1372         margin-left: 50px;
1373 }
1374
1375 #block-message, #ignore-message, #profile-edit-insecure {
1376         margin-top: 20px;
1377         color: #FF0000;
1378         font-size: 1.1em;
1379         border: 1px solid #FF8888;
1380         background-color: #FFEEEE;
1381         padding: 10px;
1382 }
1383
1384 #block-message, #ignore-message {
1385         width: 180px;
1386 }
1387
1388 #profile-edit-insecure {
1389         width: 600px;
1390 }
1391
1392 .profile-tabs {
1393         float: left;
1394         padding: 4px;
1395         margin-top: 10px;
1396         margin-bottom: 10px;
1397         margin-right: 5px;
1398         /*border: 1px solid #CCC;*/
1399         /*background: #F8F8F8;*/
1400         font-size: 0.8em;
1401         font-weight: bold;
1402         background-color: #ECECEC;
1403         border: 1px solid #858585;
1404 }
1405 .profile-tabs:hover {
1406         background-color: #0CBEFE;
1407         color: #F5F6FB;
1408         border: 1px solid #F5F6FB;
1409         /*cursor: pointer;*/
1410 }
1411
1412 #profile-tabs-end {
1413         clear: both;
1414 }
1415
1416 .comment-edit-text-empty {
1417         color: gray;
1418         height: 30px;
1419         width: 175px;
1420         overflow: auto;
1421         margin-bottom: 10px;
1422 }
1423
1424 .comment-edit-text-full {
1425         color: black;
1426         height: 150px;
1427         width: 350px;
1428         overflow: auto;
1429 }
1430
1431 #group-new-submit-wrapper {
1432         margin-top: 30px;
1433 }
1434
1435 #acl-allow-group-label,
1436 #acl-allow-contact-label,
1437 #acl-deny-group-label,
1438 #acl-deny-contact-label {
1439         display: block;
1440 }
1441
1442 #acl-permit-text,
1443 #acl-deny-text {
1444         margin-top: 10px;
1445 }
1446
1447 #acl-allow-group-label,
1448 #acl-allow-contact-label,
1449 #acl-deny-group-label,
1450 #acl-deny-contact-label {
1451         margin-top: 5px;
1452         margin-bottom: 5px;
1453 }
1454
1455
1456 #group_allow_wrapper,
1457 #group_deny_wrapper {
1458         float: left;
1459         width: 100px;
1460         margin-right: 10px;
1461 }
1462
1463 #contact_allow_wrapper,
1464 #contact_deny_wrapper {
1465         float: left;
1466         width: 150px;
1467         margin-right: 10px;
1468 }
1469
1470 #acl-allow-end,
1471 #acl-deny-end {
1472         clear: both;
1473 }
1474 #acl-permit-outer-wrapper,
1475 #acl-deny-outer-wrapper {
1476         padding: 10px;
1477         margin-top: 10px;
1478         border: 2px solid #BBBBBB;
1479         float: left;
1480 }
1481
1482 #acl-wrapper-end {
1483         clear: both;
1484 }
1485
1486 #group-edit-name-label {
1487         float: left;
1488         width: 175px;
1489         margin-top: 20px;
1490         margin-bottom: 20px;
1491 }
1492
1493 #group-edit-name {
1494         float: left;
1495         width: 225px;
1496         margin-top: 20px;
1497         margin-bottom: 20px;
1498 }
1499
1500 #group-edit-name-wrapper {
1501
1502
1503 }
1504
1505
1506 #group_members_select_label {
1507         display: block;
1508         float: left;
1509         width: 175px;
1510 }
1511
1512 .group_members_select {
1513         float: left;
1514         width: 230px;
1515         overflow: auto;
1516 }
1517
1518 #group_members_select_end {
1519         clear: both;
1520 }
1521 #group-edit-name-end {
1522         clear: both;
1523 }
1524
1525 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1526         margin-bottom: 10px;
1527         margin-top: 20px;
1528 }
1529
1530 #prvmail-submit {
1531         float: left;
1532         margin-top: 10px;
1533         margin-right: 30px;
1534 }
1535 #prvmail-upload-wrapper,
1536 #prvmail-link-wrapper,
1537 #prvmail-rotator-wrapper {
1538         float: left;
1539         margin-top: 10px;
1540         margin-right: 10px;
1541         width: 24px;
1542 }
1543
1544 #prvmail-end {
1545         clear: both;
1546 }
1547
1548 .mail-list-sender,
1549 .mail-list-detail {
1550         float: left;
1551 }
1552 .mail-list-detail {
1553         margin-left: 20px;
1554 }
1555
1556 .mail-list-subject {
1557         font-size: 1.1em;
1558         margin-top: 10px;
1559 }
1560 a.mail-list-link {
1561         display: block;
1562         padding: 4px 5px;
1563 }
1564
1565 /*
1566 *a.mail-list-link:hover {
1567 *       background-color: #15607B;
1568 *       color: #F5F6FB;
1569 *}
1570 */
1571
1572 .mail-list-outside-wrapper-end {
1573         clear: both;
1574 }
1575
1576 .mail-list-outside-wrapper {
1577         margin-top: 30px;
1578 }
1579
1580 .mail-list-delete-wrapper {
1581         float: right;
1582         margin-right: 30px;
1583         margin-top: 15px;
1584 }
1585
1586 .mail-list-delete-icon {
1587         border: none;
1588 }
1589
1590 .mail-conv-sender,
1591 .mail-conv-detail {
1592         float: left;
1593 }
1594 .mail-conv-detail {
1595         margin-left: 20px;
1596         width: 500px;
1597 }
1598
1599 .mail-conv-subject {
1600         font-size: 1.1em;
1601         margin-top: 10px;
1602 }
1603
1604 .mail-conv-outside-wrapper-end {
1605         clear: both;
1606 }
1607
1608 .mail-conv-outside-wrapper {
1609         margin-top: 30px;
1610 }
1611
1612 .mail-conv-delete-wrapper {
1613         float: right;
1614         margin-right: 30px;
1615         margin-top: 15px;
1616 }
1617
1618 .mail-conv-delete-icon {
1619         border: none;
1620 }
1621
1622 .message-links ul {
1623         list-style-type: none;
1624 }
1625
1626 .message-links li {
1627         margin-top: 10px;
1628 }
1629 .message-links a {
1630         /*background-color: #ECECEC;*/
1631         /*border: 1px solid #858585;*/
1632         padding: 3px 5px;
1633         /*display: block;*/
1634 }
1635 .message-links a:hover {
1636         background-color: #0CBEFE;
1637         color: #F5F6FB;
1638         /*border: 1px solid #F5F6FB;*/
1639 }
1640
1641 #sidebar-group-list ul {
1642         list-style-type: none;
1643 }
1644
1645 #sidebar-group-list li {
1646         margin-top: 10px;
1647 }
1648
1649 #side-follow-wrapper {
1650         margin-top: 20px;
1651 }
1652 #side-follow-url {
1653         margin-top: 5px;
1654 }
1655 #side-follow-submit {
1656         margin-top: 15px;
1657 }
1658
1659 .photo-album-image-wrapper {
1660         float: left;
1661         margin-top: 15px;
1662         height: 350px;
1663         width: 350px;
1664 }
1665
1666 #photo-album-end {
1667         clear: both;
1668 }
1669
1670 .photo-top-image-wrapper {
1671         float: left;
1672         margin-top: 15px;
1673         height: 350px;
1674         width: 350px;
1675 }
1676
1677 #photo-top-end {
1678         clear: both;
1679 }
1680
1681 #photo-top-links {
1682         margin-bottom: 30px;
1683         margin-left: 30px;
1684 }
1685
1686 #photos-upload-newalbum-div {
1687         float: left;
1688         width: 175px;
1689 }
1690 #photos-upload-existing-album-text {
1691         float: left;
1692         width: 175px;
1693 }
1694 #photos-upload-newalbum {
1695         float: left;
1696 }
1697 #photos-upload-album-select {
1698         float: left;
1699 }
1700 #photos-upload-new-end, #photos-upload-exist-end {
1701         clear: both;
1702 }
1703 #photos-upload-exist-end {
1704         margin-bottom: 15px;
1705 }
1706 #photos-upload-submit {
1707         margin-top: 15px;
1708 }
1709
1710 #photos_upload_applet_wrapper {
1711         margin-bottom: 15px;
1712 }
1713
1714 #photos-upload-no-java-message {
1715         margin-bottom: 15px;
1716 }
1717
1718 #profile-jot-desc {
1719         float: left;
1720         width: 480px;
1721         margin-top: 10px;
1722         margin-bottom: 10px;
1723 }
1724 #character-counter {
1725         float: left;
1726         font-size: 120%;
1727 }
1728
1729 #character-counter.grey {
1730         color: #888888;
1731 }
1732
1733 #character-counter.orange {
1734         color: orange;
1735 }
1736 #character-counter.red {
1737         color: red;
1738 }
1739
1740 #profile-jot-banner-end {
1741         clear: both;
1742 }
1743
1744 #photos-upload-select-files-text {
1745         margin-top: 15px;
1746         margin-bottom: 15px;
1747 }
1748
1749 #photos-upload-perms-menu, #photos-upload-perms-menu:visited {
1750         color: #8888FF;
1751         text-decoration: none;
1752         cursor: pointer;
1753 }
1754
1755 #photos-upload-perms-menu:hover {
1756         color: #0000FF;
1757         text-decoration: underline;
1758         cursor: pointer;
1759 }
1760 #settings-default-perms-menu {
1761         margin-top: 15px;
1762         margin-bottom: 15px;
1763 }
1764
1765 #photo-edit-caption-label, #photo-edit-tags-label {
1766         float: left;
1767         width: 150px;
1768 }
1769 #photo-edit-caption, #photo-edit-newtag {
1770         float: left;
1771         margin-bottom: 25px;
1772 }
1773 #photo-edit-link-wrap {
1774         margin-bottom: 15px;
1775 }
1776 #photo-like-div {
1777         margin-bottom: 25px;
1778 }
1779
1780 #photo-edit-caption-end, #photo-edit-tags-end {
1781         clear: both;
1782 }
1783
1784 #photo-edit-delete-button {
1785         margin-left: 200px;
1786 }
1787 #photo-edit-end {
1788         margin-bottom: 35px;
1789 }
1790 #photo-caption {
1791         font-size: 110%;
1792         font-weight: bold;
1793         margin-top: 15px;
1794         margin-bottom: 15px;
1795 }
1796
1797 #in-this-photo-text {
1798         color: #0000FF;
1799         margin-left: 30px;
1800 }
1801
1802 #in-this-photo {
1803         margin-left: 60px;
1804         margin-top: 10px;
1805         margin-bottom: 20px;
1806 }
1807
1808 #photo-album-edit-submit, #photo-album-edit-drop {
1809         margin-top: 15px;
1810         margin-bottom: 15px;
1811 }
1812
1813 #photo-album-edit-drop {
1814         margin-left: 200px;
1815 }
1816
1817 .group-delete-wrapper {
1818         float: right;
1819         margin-right: 50px;
1820 }
1821
1822 #install-dbhost-label,
1823 #install-dbuser-label,
1824 #install-dbpass-label,
1825 #install-dbdata-label,
1826 #install-tz-desc {
1827        float: left;
1828        width: 250px;
1829        margin-top: 10px;
1830        margin-bottom: 10px;
1831
1832 }
1833
1834 #install-dbhost,
1835 #install-dbuser,
1836 #install-dbpass,
1837 #install-dbdata {
1838        float: left;
1839        width: 200px;
1840        margin-left: 20px;
1841 }
1842
1843 #install-dbhost-end,
1844 #install-dbuser-end,
1845 #install-dbpass-end,
1846 #install-dbdata-end,
1847 #install-tz-end {
1848        clear: both;
1849 }
1850
1851 #install-form select#timezone_select {
1852        float: left;
1853        margin-top: 18px;
1854        margin-left: 20px;
1855 }
1856
1857 #dfrn-request-networks {
1858         margin-bottom: 30px;
1859 }
1860
1861 #pause {
1862   position: fixed;
1863   bottom: 5px;
1864   right: 5px;
1865 }
1866
1867 .sparkle {
1868         cursor: url('lock.cur'), pointer;
1869 /*      cursor: pointer !important; */
1870 }
1871
1872 .contact-block-div {
1873         float: left;
1874         width: 52px;
1875         height: 52px;
1876 }
1877 #contact-block-end {
1878         clear: both;
1879 }
1880 .contact-block-link {
1881         float: left;
1882 }
1883
1884 #tag-remove {
1885         margin-bottom: 15px;
1886 }
1887
1888 #tagrm li {
1889         margin-bottom: 10px;
1890 }
1891
1892 #tagrm-submit, #tagrm-cancel {
1893         margin-top: 25px;
1894 }
1895
1896 #tagrm-cancel {
1897         margin-left: 15px;
1898 }
1899
1900 .wall-item-conv {
1901         margin-top: 5px;
1902         margin-bottom: 25px;
1903 }
1904
1905 #search-submit {
1906         margin-left: 15px;
1907 }
1908
1909 #search-box {
1910         margin-bottom: 25px;
1911 }
1912
1913 .location-label, .gender-label, .marital-label, .homepage-label {
1914         float: left;
1915         text-align: right;
1916         display: block;
1917         width: 65px;
1918 }
1919
1920 .adr, .x-gender, .marital-text, .homepage-url {
1921         float: left;
1922         display: block;
1923         margin-left: 8px;
1924 }
1925
1926 .profile-clear {
1927         clear: both;
1928 }