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