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