theme/base/css/display.css

   1 /* theme: base */
   2 * { margin:0; padding:0; }
   3 img { display:block; border:0; }
   4 a abbr { cursor: pointer; border-bottom:0; }
   5 table { border-collapse:collapse; }
   6 ol { list-style-position:inside; }
   7 html { font-size: 87.5%; background-color:#fff; height:100%; }
   8 body {
   9 background-color:#fff;
  10 color:#000;
  11 font-family:sans-serif;
  12 font-size:1em;
  13 line-height:1.65;
  14 position:relative;
  15 margin:0 auto;
  16 width:1004px;
  17 width:71.714em;
  18 }
  19 h1,h2,h3,h4,h5,h6 {
  20         text-transform:uppercase;
  21         margin-bottom:7px;
  22 }
  23 h1 {
  24 font-size:1.4em;
  25 line-height:1;
  26 margin-bottom:18px;
  27 }
  28 h2 { font-size:1.3em; }
  29 h3 { font-size:1.2em; }
  30 h4 { font-size:1.1em; }
  31 h5 { font-size:1em; }
  32 h6 { font-size:0.9em; }
  33
  34 caption {
  35 font-weight:bold;
  36 }
  37 .opened { display: block !important;}
  38 .closed { display: none !important;}
  39
  40 legend {
  41 font-weight:bold;
  42 font-size:1.3em;
  43 text-transform:uppercase;
  44 }
  45 form {
  46 }
  47 input, textarea, select, option {
  48 padding:4px;
  49 font-family:sans-serif;
  50 font-size:1em;
  51 }
  52 input, textarea, select {
  53 border-width:2px;
  54 border-style: solid;
  55 -moz-border-radius:4px;
  56 }
  57 input.submit {
  58 font-weight:bold;
  59 }
  60 textarea {
  61 overflow:auto;
  62 }
  63 select, option {
  64 padding-bottom:0;
  65 }
  66 fieldset {
  67 padding:0;
  68 border:0;
  69 }
  70 form ul li {
  71 list-style-type:none;
  72 margin:0 0 18px 0;
  73 }
  74 form label {
  75 font-weight:bold;
  76 /*margin:0 0 11px 0;*/
  77 }
  78 form ul li input {
  79 }
  80
  81 input.checkbox {
  82 position:relative;
  83 top:2px;
  84 left:0;
  85 border:0;
  86 }
  87
  88 #page_notice .error,
  89 #page_notice .success {
  90 padding:4px 7px;
  91 -moz-border-radius:4px;
  92 }
  93 form label.submit {
  94 display:none;
  95 }
  96 .form_settings input.remove {
  97 margin-left:11px;
  98 }
  99
 100
 101
 102
 103 /* FORM SETTINGS */
 104 .form_settings fieldset {
 105 margin-bottom:29px;
 106 }
 107
 108 .form_guide {
 109 font-style:italic;
 110 }
 111
 112
 113 .form_settings .form_datas li {
 114 width:100%;
 115 float:left;
 116 }
 117
 118 .form_settings .form_datas label {
 119 float:left;
 120 }
 121 .form_settings .form_datas textarea,
 122 .form_settings .form_datas select,
 123 .form_settings .form_datas input {
 124 margin-left:11px;
 125 float:left;
 126 }
 127
 128 .form_settings label {
 129 margin-top:2px;
 130 width:152px;
 131 }
 132
 133 .form_actions label {
 134 display:none;
 135 }
 136
 137 .form_settings #settings_autosubscribe label {
 138 display:inline;
 139 font-weight:bold;
 140 }
 141
 142 #form_settings_profile legend,
 143 #form_login legend,
 144 #form_register legend {
 145 display:none;
 146 }
 147
 148 .form_settings .form_datas p.form_guide {
 149 clear:both;
 150 margin-left:163px;
 151 margin-bottom:0;
 152 }
 153
 154 .form_settings p {
 155 margin-bottom:11px;
 156 }
 157
 158 .form_settings input.checkbox {
 159 margin-top:3px;
 160 margin-left:0;
 161 }
 162 .form_settings label.checkbox {
 163 font-weight:normal;
 164 margin-top:0;
 165 margin-right:0;
 166 margin-left:11px;
 167 float:left;
 168 width:90%;
 169 }
 170
 171 #form_login p.form_guide,
 172 #form_register #settings_rememberme p.form_guide {
 173 margin-left:0;
 174 }
 175
 176
 177 .form_settings .form_note {
 178 -moz-border-radius:4px;
 179 padding:0 7px;
 180 }
 181
 182 /* FORM SETTINGS */
 183
 184
 185
 186
 187 address {
 188 float:left;
 189 margin-bottom:18px;
 190 margin-left:18px;
 191 }
 192 address .fn,
 193 address .email {
 194 display:none;
 195 }
 196
 197
 198
 199 #header {
 200 width:100%;
 201 position:relative;
 202 float:left;
 203 padding-top:18px;
 204 margin-bottom:29px;
 205 }
 206
 207 #site_nav_global_primary {
 208 float:right;
 209 }
 210 #site_nav_global_primary ul li {
 211 display:inline;
 212 margin-left:11px;
 213 }
 214
 215
 216 .system_notice dt {
 217 font-weight:bold;
 218 text-transform:uppercase;
 219 display:none;
 220 }
 221
 222 #site_notice {
 223 position:absolute;
 224 right:0;
 225 top:49px;
 226 float:right;
 227 width:322px;
 228 }
 229 #page_notice {
 230 clear:both;
 231 margin-bottom:18px;
 232 }
 233
 234
 235
 236
 237 #footer {
 238 float:left;
 239 width:68%;
 240 padding-bottom:11px;
 241 }
 242
 243
 244
 245 #site_nav_local_views {
 246 width:100%;
 247 float:left;
 248 }
 249 #site_nav_local_views dt {
 250 display:none;
 251 }
 252 #site_nav_local_views li {
 253 float:left;
 254 margin-right:18px;
 255 list-style-type:none;
 256 }
 257 #site_nav_local_views a {
 258 float:left;
 259 text-decoration:none;
 260 padding:4px 11px;
 261 -moz-border-radius-topleft:4px;
 262 -moz-border-radius-topright:4px;
 263 border-width:1px;
 264 border-style:solid;
 265 border-bottom:0;
 266 font-weight:bold;
 267 }
 268 #site_nav_local_views .nav {
 269 float:left;
 270 width:100%;
 271 }
 272
 273
 274 #site_nav_global_primary dt,
 275 #site_nav_global_secondary dt {
 276 display:none;
 277 }
 278 /*
 279 #site_nav_global_primary .current a {
 280 font-weight:bold;
 281 border-style:solid;
 282 }
 283 */
 284 #site_nav_global_secondary {
 285 margin-bottom:11px;
 286 }
 287
 288 #site_nav_global_secondary ul li {
 289 display:inline;
 290 margin-right:11px;
 291 }
 292 #export_data li a {
 293 padding-left:20px;
 294 }
 295 #export_data li a.foaf {
 296 padding-left:30px;
 297 }
 298 #export_data li a.export_vcard {
 299 padding-left:28px;
 300 }
 301
 302
 303
 304 #export_data ul {
 305 display:inline;
 306 }
 307 #export_data li {
 308 list-style-type:none;
 309 display:inline;
 310 margin-left:11px;
 311 }
 312 #export_data li:first-child {
 313 margin-left:0;
 314 }
 315
 316
 317
 318 #licenses {
 319 font-size:0.9em;
 320 }
 321
 322 #licenses dt {
 323 font-weight:bold;
 324 display:none;
 325 }
 326 #licenses dd {
 327 margin-bottom:11px;
 328 line-height:1.5;
 329 }
 330
 331
 332 #site_content_license_cc p {
 333 }
 334 #site_content_license_cc img {
 335 display:inline;
 336 vertical-align:top;
 337 margin-right:4px;
 338 }
 339
 340
 341 #wrap {
 342         float:left;
 343         margin:0 auto;
 344     width:1004px;
 345     width:71.714em;
 346 }
 347
 348
 349 #core {
 350 position:relative;
 351 width:100%;
 352 float:left;
 353 margin-bottom:1em;
 354 }
 355
 356 #content {
 357 width:644px;
 358 padding:18px;
 359 float:left;
 360 -moz-border-radius:7px;
 361 -moz-border-radius-topleft:0;
 362 }
 363
 364 #content_inner {
 365 position:relative;
 366 }
 367
 368 #aside_primary {
 369 width:300px;
 370 float:left;
 371 margin-left:2px;
 372 padding:18px 4px 18px 18px;
 373 -moz-border-radius:7px;
 374 }
 375
 376
 377
 378
 379 /*Start: FORM NOTICE*/
 380 #form_notice {
 381 width:384px;
 382 width:458px;
 383 float:left;
 384 margin-left:68px;
 385 position:relative;
 386 line-height:1;
 387 }
 388 #form_notice fieldset {
 389 border:0;
 390 padding:0;
 391 }
 392 #form_notice legend {
 393 display:none;
 394 }
 395 #form_notice textarea {
 396 -moz-border-radius:4px;
 397 width:377px;
 398 height:86px;
 399 line-height:1.5;
 400 padding:7px 7px 14px 7px;
 401 }
 402 #form_notice label {
 403 display:block;
 404 font-size:1.3em;
 405 margin-bottom:7px;
 406 }
 407 #form_notice .form_datas li {
 408 float:left;
 409 }
 410
 411 #form_notice #notice_attach_file label,
 412 #form_notice #notice_submit label {
 413 display:none;
 414 }
 415
 416 #form_notice #notice_attachment {
 417 margin-top:25px;
 418 margin-left:4px;
 419 }
 420
 421 #form_notice .form_note {
 422 position:absolute;
 423 top:116px;
 424 right:98px;
 425 z-index:9;
 426 }
 427
 428 #form_notice .form_note dt {
 429 font-weight:bold;
 430 display:none;
 431 }
 432 #notice_text-count {
 433 font-weight:bold;
 434 line-height:1.15;
 435 }
 436
 437 #form_notice #notice_data-attach_view {
 438 /*position:absolute;*/
 439 top:25px;
 440 right:30px;
 441 margin-left:4px;
 442 padding:0;
 443 cursor:pointer;
 444 width:16px;
 445 height:16px;
 446 border:0;
 447 text-indent:-9999px;
 448 }
 449 #form_notice .form_actions {
 450 position:absolute;
 451 bottom:0;
 452 right:0;
 453 }
 454 #form_notice .form_actions input.submit {
 455 width:60px;
 456 padding:8px;
 457 }
 458
 459 #form_notice li {
 460 margin-bottom:0;
 461 }
 462 /*end FORM NOTICE*/
 463
 464
 465
 466
 467
 468 /* user_profile */
 469 #user_profile {
 470 position:relative;
 471 width:633px;
 472 min-height:123px;
 473 float:left;
 474 margin-bottom:17px;
 475 margin-left:0;
 476 }
 477 #user_profile dt,
 478 #user_statistics dt {
 479 font-weight:bold;
 480 }
 481 #user_profile .user_depiction {
 482 float:left;
 483 position:absolute;
 484 top:0;
 485 left:0;
 486 width:96px;
 487 }
 488 #user_profile .user_fn,
 489 #user_profile .user_nickname,
 490 #user_profile .user_location,
 491 #user_profile .user_url,
 492 #user_profile .user_note,
 493 #user_profile .user_tags {
 494 float:left;
 495 clear:left;
 496 margin-left:125px;
 497 width:322px;
 498 margin-bottom:4px;
 499 }
 500
 501 #user_profile .user_fn,
 502 #user_profile .user_nickname {
 503 width:auto;
 504 clear:none;
 505 }
 506 #user_profile .user_nickname {
 507 margin-left:11px;
 508 }
 509 #user_profile .user_nickname .nickname {
 510 font-style:italic;
 511 font-weight:bold;
 512 margin-left:4px;
 513 margin-right:4px;
 514 }
 515
 516 #user_profile .user_nickname dd:before {
 517 content: "(";
 518 }
 519 #user_profile .user_nickname dd:after {
 520 content: ")";
 521 }
 522
 523 #user_profile dt {
 524 display:none;
 525 }
 526 #user_profile h2 {
 527 display:none;
 528 }
 529 /* user_profile */
 530
 531 /*user_actions*/
 532 #user_actions {
 533 clear:left;
 534 float:left;
 535 position:absolute;
 536 top:0;
 537 right:0;
 538 }
 539 #user_actions h2 {
 540 display:none;
 541 }
 542 #user_actions ul {
 543 list-style-type:none;
 544 }
 545 #user_actions li {
 546 border-top-width:1px;
 547 border-top-style:dotted;
 548 }
 549 #user_actions li:first-child {
 550 border-top:0;
 551 }
 552 #user_actions fieldset {
 553 border:0;
 554 padding:0;
 555 }
 556 #user_actions legend {
 557 display:none;
 558 }
 559
 560 #user_actions a,
 561 #user_actions input.submit {
 562 display:block;
 563 text-align:left;
 564 padding:4px 0 4px 19px;
 565 }
 566 #user_actions a {
 567 text-decoration:none;
 568 }
 569 #user_subscribe a,
 570 #TB_window input.submit,
 571 #user_actions input.submit {
 572 border:0;
 573 cursor:pointer;
 574 padding-left:16px;
 575 width:100%;
 576 font-size:0.9em;
 577 }
 578
 579 #user_subscribe a {
 580 width:auto;
 581 padding-left:20px;
 582 }
 583
 584 #user_subscribe a,
 585 #TB_window input.submit,
 586 .form_user_subscribe input.submit {
 587 font-weight:bold;
 588 }
 589
 590
 591
 592 #user_send-a-message form {
 593 clear:left;
 594 width:322px;
 595 margin-top:18px;
 596 }
 597
 598 #user_send-a-message textarea {
 599 width:96%;
 600 }
 601
 602 .user_tags ul {
 603 list-style-type:none;
 604 }
 605 .user_tags li {
 606 display:inline;
 607 margin-right:1em;
 608 float:left;
 609 }
 610
 611
 612
 613 .aside .section {
 614 margin-bottom:29px;
 615 clear:both;
 616 }
 617 .aside .section h2 {
 618 text-transform:uppercase;
 619 font-size:1em;
 620 }
 621
 622 #user_statistics dt,
 623 #user_statistics dd {
 624 display:inline;
 625 }
 626 #user_statistics dt:after {
 627 content: ":";
 628 }
 629
 630
 631 #user_subscriptions,
 632 #user_subscriptions-common {
 633 float:left;
 634 }
 635 #user_subscriptions ul.users {
 636 width:220px;
 637 float:left;
 638 }
 639 #user_subscriptions .users li {
 640 list-style-type:none;
 641 float:left;
 642 margin-right:7px;
 643 margin-bottom:7px;
 644 }
 645 #user_subscriptions .users li .photo {
 646 width:24px;
 647 height:24px;
 648 margin-right:0;
 649 }
 650 #user_subscriptions .users li .fn {
 651 display:none;
 652 }
 653 .aside .section .more {
 654 clear:both;
 655 }
 656
 657
 658
 659
 660
 661 /* NOTICE */
 662 .notice {
 663 position:relative;
 664 padding-top:18px;
 665 padding-bottom:18px;
 666 clear:both;
 667 float:left;
 668 width:644px;
 669 width:96.699%;
 670 width:100%;
 671 border-top:1px dashed #D1D9E4;
 672 /*-moz-border-radius:7px;*/
 673 }
 674 .notices li {
 675 list-style-type:none;
 676 /*margin-bottom:11px;*/
 677 }
 678
 679 /* NOTICES */
 680 #notices_primary {
 681 float:left;
 682 width:644px;
 683 -moz-border-radius:7px;
 684 }
 685 #notices_primary h2 {
 686 display:none;
 687 }
 688 .notice-data a span {
 689 display:block;
 690 padding-left:28px;
 691 }
 692
 693
 694 .notice .author {
 695 margin-right:11px;
 696 }
 697 .notice .author a {
 698 }
 699 .notice .author:after {
 700 /*content:":";*/
 701 }
 702
 703 .vcard .photo {
 704 display:inline;
 705 margin-right:7px;
 706 margin-bottom:7px;
 707 float:left;
 708 }
 709 .vcard .url {
 710 text-decoration:none;
 711 }
 712 .vcard .url:hover {
 713 text-decoration:underline;
 714 }
 715 .vcard .fn {
 716 font-style:italic;
 717 }
 718 .vcard .fn:hover {
 719
 720 }
 721
 722
 723 .notice .entry-title {
 724 float:left;
 725 width:100%;
 726 }
 727 .notice p.entry-content {
 728 display:inline;
 729 }
 730
 731 .notice_video p.entry-content,
 732 .notice_audio p.entry-content,
 733 .notice_image p.entry-content,
 734 .notice_location p.entry-content,
 735 .notice_event p.entry-content,
 736 .notice_document p.entry-content {
 737 }
 738 #laconicat .notice p.entry-content {
 739 /*margin-left:199px;*/
 740 }
 741 .notice p.entry-content a {
 742
 743 }
 744 .notice p.entry-content a:hover {
 745
 746 }
 747 .notice p.entry-content .tag a {
 748
 749 }
 750 .notice p.entry-content .tag a:hover {
 751
 752 }
 753
 754
 755 .notice div.entry-content {
 756 /*border:1px solid blue;*/
 757 clear:left;
 758 float:left;
 759 width:48%;
 760 font-size:0.95em;
 761 }
 762 .notice div.entry-content a,
 763 .notice .notice-options a,
 764 .notice .notice-options input {
 765
 766 }
 767 .notice .notice-options a,
 768 .notice .notice-options input {
 769 float:left;
 770 font-size:1.025em;
 771 }
 772
 773 #laconicat .notice div.entry-content {
 774 /*margin-left:0;*/
 775 }
 776
 777 .notice div.entry-content dl,
 778 .notice div.entry-content dt,
 779 .notice div.entry-content dd {
 780 display:inline;
 781 }
 782 .notice div.entry-content .timestamp dt,
 783 .notice div.entry-content .response dt {
 784 display:none;
 785 }
 786 .notice div.entry-content .timestamp a {
 787 display:inline-block;
 788 }
 789 .notice div.entry-content .device dt {
 790 text-transform:lowercase;
 791 }
 792 .notice div.entry-content a {
 793
 794 }
 795 .notice div.entry-content a:hover {
 796 }
 797
 798
 799
 800 .notice-data {
 801 position:absolute;
 802 top:18px;
 803 right:0;
 804 min-height:50px;
 805 margin-bottom:4px;
 806 }
 807 .notice .entry-content .notice-data dt {
 808 display:none;
 809 }
 810
 811 .notice-data a {
 812 display:block;
 813 outline:none;
 814 }
 815
 816 .notice-options {
 817 padding-left:2%;
 818 float:left;
 819 width:50%;
 820 position:relative;
 821 font-size:0.95em;
 822 }
 823
 824 .notice-options a {
 825 float:left;
 826 }
 827 .notice-options .notice_delete,
 828 .notice-options .notice_reply,
 829 .notice-options .form_favor,
 830 .notice-options .form_disfavor {
 831 position:absolute;
 832 top:0;
 833 }
 834 .notice-options .form_favor,
 835 .notice-options .form_disfavor {
 836 left:0;
 837 }
 838 .notice-options .notice_reply {
 839 left:29px;
 840 }
 841 .notice-options .notice_delete {
 842 left:76px;
 843 }
 844 .notice-options .notice_reply dt {
 845 display:none;
 846 }
 847
 848 .notice-options input,
 849 .notice-options a {
 850 text-indent:-9999px;
 851 outline:none;
 852 }
 853
 854 .notice-options .notice_reply a,
 855 .notice-options form input.submit {
 856 display:block;
 857 border:0;
 858 }
 859 .notice-options .notice_reply a,
 860 .notice-options .notice_delete a {
 861 text-decoration:none;
 862 padding-left:16px;
 863 }
 864
 865 .notice-options .notice_delete {
 866
 867 }
 868
 869 .notice-options form input.submit {
 870 cursor:pointer;
 871 width:16px;
 872 padding:2px 0;
 873 }
 874
 875 .notice-options .notice_delete dt,
 876 .notice-options .form_favor legend,
 877 .notice-options .form_disfavor legend {
 878 display:none;
 879 }
 880 .notice-options .notice_delete fieldset,
 881 .notice-options .form_favor fieldset,
 882 .notice-options .form_disfavor fieldset {
 883 border:0;
 884 padding:0;
 885 }
 886
 887 /*END: NOTICES */
 888
 889
 890
 891
 892
 893 .pagination dt {
 894 font-weight:bold;
 895 display:none;
 896 }
 897
 898 .pagination .nav {
 899 float:left;
 900 width:100%;
 901 list-style-type:none;
 902 }
 903
 904 .pagination .nav_prev {
 905 float:left;
 906 }
 907 .pagination .nav_next {
 908 float:right;
 909 }
 910
 911 .pagination a {
 912 display:block;
 913 text-decoration:none;
 914 font-weight:bold;
 915 padding:7px;
 916 border:1px dotted #D1D9E4;
 917 border-bottom:0;
 918 }
 919
 920 .pagination .nav_prev a {
 921 -moz-border-radius-topright:7px;
 922 padding-left:20px;
 923 border-left:0;
 924 }
 925 .pagination .nav_next a {
 926 -moz-border-radius-topleft:7px;
 927 padding-right:20px;
 928 border-right:0;
 929 }
 930
 931
 932 /* END: NOTICE */
 933
 934
 935
 936
 937
 938
 939
 940 /*START: LOAD ALONG WITH JS*/
 941 .notice .in-reply-to {
 942         width:98%;
 943         margin-left:2%;
 944 }
 945 .notice .in-reply-to li {
 946 background-color:#F7F9FB;
 947 }
 948 .notice .in-reply-to li .in-reply-to li {
 949 background-color:#E4E9F0;
 950 }
 951 .notice .in-reply-to li .in-reply-to li .in-reply-to li {
 952 background-color:#D1D9E4;
 953 }
 954
 955
 956
 957 #user_actions #user_subscribe .form_note,
 958 #user_actions #user_subscribe .form_datas,
 959 #user_actions #user_subscribe .form_actions label {
 960 display:none;
 961 }
 962 #form_user-relationship .form_note,
 963 #form_user-relationship .form_datas,
 964 #form_user-relationship .form_actions label {
 965 display:block;
 966 }
 967
 968 #user_actions #user-relationship_submit {
 969 margin-bottom:0;
 970 }
 971 #form_user-relationship .form_datas li label {
 972 margin-right:11px;
 973 }
 974
 975 #user_relationship_xfn {
 976 /*z-index:1000;
 977 position:absolute;
 978 width:521px;
 979 height:322px;*/
 980 display:none;
 981 }
 982 #user_relationship_xfn fieldset {
 983 background-color:#fff;
 984 }
 985
 986 /*END: LOAD ALONG WITH JS*/
 987
 988
 989
 990 /* TOP_POSTERS */
 991 #top-posters caption {
 992 text-align:left;
 993 text-transform:uppercase;
 994 }
 995
 996 #top-posters thead {
 997 display:none;
 998 }
 999 #top-poster_user {
1000 width:199px;
1001 }
1002 #top-poster_number-of-notices {
1003 width:123px;
1004 }
1005 #top-posters tbody td {
1006 padding-right:11px;
1007 padding-bottom:4px;
1008 }
1009 #top-posters img {
1010 margin-right:7px;
1011 height:24px;
1012 width:24px;
1013 }
1014
1015
1016
1017 /* tagcloud */
1018 #tagcloud ul {
1019 list-style-type:none;
1020 }
1021 #tagcloud ul li {
1022 display:inline;
1023 margin-right:7px;
1024 line-height:1.4;
1025 }
1026
1027 #tagcloud.section dt {
1028 text-transform:uppercase;
1029 font-weight:bold;
1030 }
1031 #tagcloud .weight_1 {
1032 font-size:1em;
1033 }
1034 #tagcloud .weight_2 {
1035 font-size:1.3em;
1036 }
1037 #tagcloud .weight_3 {
1038 font-size:1.6em;
1039 }
1040 #tagcloud .weight_4 {
1041 font-size:1.9em;
1042 }
1043 #tagcloud .weight_5 {
1044 font-size:2.2em;
1045 }
1046
1047
1048
1049 #form_settings_photo .form_datas {
1050 clear:both;
1051 }
1052
1053
1054
1055
1056 #photo_original,
1057 #photo_preview {
1058 float:left;
1059 }
1060 #photo_preview,
1061 #settings_photo_action-crop {
1062 margin-left:29px;
1063 }
1064 #photo_preview_view {
1065 height:96px;
1066 width:96px;
1067 overflow:hidden;
1068 }
1069
1070
1071
1072
1073 .section .groups,
1074 #users_featured ul {
1075 list-style-type:none;
1076 }
1077 .section .groups li,
1078 #users_featured li {
1079 margin-top:11px;
1080 float:left;
1081 width:100%;
1082 }
1083 .section .groups li:first-child,
1084 #users_featured li:first-child {
1085 margin-top:0;
1086 }
1087
1088 .section .groups .vcard,
1089 #users_featured .vcard {
1090 float:left;
1091 margin-bottom:-23px;
1092 }
1093
1094 .section .groups dl,
1095 #users_featured dl {
1096 float:left;
1097 margin-left:63px;
1098 clear:left;
1099 }
1100 .section .groups dt,
1101 #users_featured dt {
1102 display:none;
1103 font-weight:bold;
1104 }
1105
1106
1107
1108 #home.logged_out h1 {
1109 display:none;
1110 }
1111
1112 #home #intro {
1113 margin-bottom:29px;
1114 float:left;
1115 width:100%;
1116 }
1117
1118 #home #intro p {
1119 margin-bottom:18px;
1120 font-size:1.8em;
1121 }
1122
1123 #home #intro #guide_steps {
1124 list-style-type:none;
1125 }
1126 #home #intro #guide_steps li {
1127 float:left;
1128 margin-left:18px;
1129 }
1130 #home #intro #guide_steps li:first-child {
1131 margin-left:0;
1132 }
1133 #home #intro #guide_steps li a {
1134 display:block;
1135 float:left;
1136 width:185px;
1137 height:109px;
1138 border-width:1px;
1139 border-style:dotted;
1140 text-decoration:none;
1141 -moz-border-radius:7px;
1142 padding:7px;
1143 font-size:1.6em;
1144 font-weight:bold;
1145 text-align:center;
1146 }
1147
1148
1149 #testimonials {
1150 clear:both;
1151 }