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