theme/default/display.css

   1 /* CSS Document */
   2 /* Design & CSS by Marie-Claude Doyon http://www.marieclaudedoyon.com */
   3
   4 html {
   5         background-color: #f6e5b0;
   6         }
   7 body {
   8         position: absolute;
   9         width: 100%;
  10         margin: 0;
  11         padding: 0;
  12         font-family: Verdana, Arial, Helvetica, sans-serif;
  13         font-size: 10px;
  14         line-height: 12px;
  15         min-height: 100%;
  16         height: 100%;
  17     color: #701238;
  18         }
  19 a {
  20         color: #d1451a;
  21         text-decoration: none;
  22         }
  23 a:hover {
  24         text-decoration: underline;
  25         }
  26 img, img a {
  27         border: 0;
  28         }
  29 h1 {
  30         font-size: 14px;
  31         }
  32
  33 #wrap {
  34         margin: 0 auto;
  35         padding: 0 20px;
  36         width: 760px;
  37         background: url(bg-header.gif) repeat-x #fbf2d7;
  38         }
  39 #header {
  40         position: relative;
  41         margin: 0 auto;
  42         width: 600px;
  43         height: 216px;
  44         }
  45 #logo {
  46         margin-top: 9px;
  47         }
  48 p#branding {
  49         margin: 0;
  50         padding: 6px 0 3px 0;
  51         color: #fbf2d7;
  52         font-size: 21px;
  53         font-weight: bold;
  54         line-height: 27px;
  55         }
  56 p#branding a {
  57         color: #dab134;
  58         }
  59
  60 #header h1.pagetitle {
  61         margin: 0;
  62         padding: 0;
  63         font-size: 15px;
  64         line-height: 24px;
  65         color: #fff6d5;
  66 }
  67
  68 #header h2.sitename {
  69         display: none;
  70         margin: 0;
  71         padding: 0;
  72         color: #fff6d5;
  73 }
  74
  75 abbr.published { border-bottom:0; }
  76
  77 /* ===== Begin Navigation Styling ===== */
  78
  79 /* ----- Navigation ------ */
  80 #nav {
  81         float: right;
  82         margin: 0;
  83         padding: 0;
  84         list-style-type: none;
  85         font-size: 12px;
  86         }
  87 #nav li {
  88         display: block;
  89         float: left;
  90         }
  91 #nav li a {
  92         display: block;
  93         padding: 9px 9px 12px 9px;
  94         color: #F60;
  95         }
  96 #nav li a:hover {
  97         text-decoration: underline;
  98         }
  99
 100 /* ----- Tabs ----- */
 101 #nav_views {
 102         margin: 0 auto;
 103         padding: 0;
 104         position: absolute;
 105         bottom: 0;
 106         list-style-type: none;
 107         font-size: 14px;
 108         font-weight: bold;
 109         width: 600px;
 110         /*height: 30px;*/
 111         }
 112 #nav_views li {
 113         display: block;
 114         float: left;
 115         line-height: 21px;
 116         }
 117 #nav_views li a {
 118         display: block;
 119         margin: 0;
 120         padding: 4px 12px 3px 12px;
 121         color: #fff6d5;
 122         background-color: #d1451a;
 123         border-right: 1px solid #dcaa3f;
 124         }
 125 #nav_views li a:hover {
 126         text-decoration: none;
 127         }
 128 #nav_views li.current a, #nav_views li.current a:hover {
 129         color: #701238;
 130         background-color: #fff6d5;
 131         border-right: 1px solid #dcaa3f;
 132         }
 133 #nav_views li.current a:hover {
 134         color: #d1451a;
 135         }
 136 #nav_views li a:hover {
 137         color: #fff6d5;
 138         background-color: #701238;
 139         border-right: 1px solid #dcaa3f;
 140         }
 141
 142 .feeds {
 143 clear:both;
 144 float:right;
 145 margin-top:1.25em;
 146 position:absolute;
 147 right:0;
 148 bottom:-30px;
 149 }
 150 .feeds * {
 151 line-height:1.4;
 152 padding:0;
 153 margin:0;
 154 font-size:12px;
 155 }
 156
 157 .feeds p {
 158 font-weight:bold;
 159 display:inline;
 160 display:none;
 161 }
 162 .feeds ul {
 163 display:inline;
 164 }
 165 .feeds li {
 166 list-style-type:none;
 167 display:inline;
 168 margin-left:0.5em;
 169 }
 170 .feeds li a.rss,
 171 .feeds li a.atom {
 172 background:url(icon_feed.jpg) no-repeat;
 173 padding-top:2px;
 174 padding-left:20px;
 175 }
 176 .feeds li a.foaf {
 177 background:url(icon_foaf.gif) no-repeat;
 178 padding-top:2px;
 179 padding-left:30px;
 180 }
 181
 182 form#disfavor, form.disfavor,
 183 form#favor, form.favor  {
 184         float: right;
 185 }
 186
 187 /*favorites*/
 188 input#favor, input.favor,
 189 input#disfavor, input.disfavor  {
 190         background-color:#fcfff5;
 191         background-color:transparent;
 192         background-image:url(icon_heart-02.gif);
 193         background-repeat:no-repeat;
 194         cursor: pointer;
 195         border: 0;
 196         width: 16px;
 197         height:16px;
 198         text-indent:-9999px;
 199 }
 200
 201 input#disfavor, input.disfavor {
 202         background-image:url(icon_heart-01.gif);
 203 }
 204
 205 .notice_single:hover input.favor,
 206 .notice_single:hover input.disfavor {
 207         background-color:#f3f8ea;
 208 }
 209
 210 /*profile_actions*/
 211 #profile_actions {
 212 padding-left:0;
 213 list-style-type:none;
 214 margin:0;
 215 }
 216 #profile_actions li {
 217 margin-bottom:0.5em;
 218 clear:both;
 219 }
 220
 221 #profile_actions #profile_nudge input.submit {
 222 margin:0 0 0 -3px;
 223 padding:0;
 224 background-color:transparent;
 225 color:#C15D42;
 226 font-family:Georgia,"Times New Roman",Times,serif;
 227 font-weight:normal;
 228 font-size:14px;
 229 text-align:left;
 230 float:left;
 231 line-height:18px;
 232 }
 233 #profile_actions #profile_nudge input.submit:hover {
 234 background-color:transparent;
 235 color:#C15D42;
 236 }
 237
 238 #wrap #content input.processing {
 239 background-color:transparent;
 240 line-height:18px;
 241 }
 242
 243 #wrap p#nudge_response {
 244 background-color:transparent;
 245 line-height:18px;
 246 font-size:14px;
 247 }
 248
 249 #wrap form input.disabled,
 250 #wrap form input.disabled:hover {
 251 background-color:#999;
 252 cursor:default;
 253 }
 254
 255 /* ----- Nav Footer ----- */
 256 #nav_sub {
 257         clear: both;
 258         margin: 18px auto 0 auto;
 259         padding: 0;
 260         list-style-type: none;
 261         font-size: 11px;
 262         font-weight: bold;
 263         line-height: 21px;
 264         border-top: 1px solid #dec5b5;
 265         width: 600px;
 266         }
 267 #nav_sub li {
 268         display: block;
 269         float: left;
 270         }
 271 #nav_sub li a {
 272         padding: 6px 24px 6px 0;
 273         }
 274 #nav_sub li a:hover {
 275         text-decoration: underline;
 276         }
 277 /* ===== End Navigation Styling ===== */
 278
 279 #content {
 280         clear: left;
 281         margin: 40px 0 45px 0;
 282         padding: 0 80px;
 283         font-family: Georgia, "Times New Roman", Times, serif;
 284         font-size: 14px;
 285         line-height: 18px;
 286         }
 287 #content h2 {
 288         font-family: Verdana, Arial, Helvetica, sans-serif;
 289         font-size: 15px;
 290         }
 291 #content label {
 292         font-family: Verdana, Arial, Helvetica, sans-serif;
 293         font-size: 12px;
 294         }
 295 .instructions p, .success, .error {
 296         font-weight: normal;
 297         margin: 36px 0 0 0;
 298         padding: 10px;
 299         font-family: Georgia, "Times New Roman", Times, serif;
 300         font-size: 13px;
 301         line-height: 15px;
 302         border: 1px solid #dec5b5;
 303         color: #fff6d5;
 304         }
 305 .instructions a, .success a, .error a {
 306         color: #d8e2d7;
 307         text-decoration: underline;
 308         }
 309 .instructions a:hover, .success a:hover, .error a:hover {
 310         color: #fff6d5;
 311         }
 312 .success {
 313         background-color: #48705b;
 314         }
 315 .error {
 316         background-color: #ce3728;
 317         }
 318
 319 /* ----- Stream -----*/
 320
 321 #notices {
 322         clear: both;
 323         margin: 0 auto;
 324         padding: 0;
 325         list-style-type: none;
 326         width: 600px;
 327         border-top: 1px solid #dec5b5;
 328         }
 329 #notices a:hover {
 330         text-decoration: underline;
 331         }
 332 .notice_single {
 333         clear: both;
 334         display: block;
 335         margin: 0;
 336         padding: 5px 5px 5px 0;
 337         min-height: 48px;
 338         font-family: Georgia, "Times New Roman", Times, serif;
 339         font-size: 13px;
 340         line-height: 16px;
 341         border-bottom: 1px solid #dec5b5;
 342         background-color:#FCFFF5;
 343         opacity:1;
 344         }
 345 .notice_single:hover {
 346         background-color: #f7ebcc;
 347         }
 348 .notice_single p {
 349         display: inline;
 350         margin: 0;
 351         padding: 0;
 352         }
 353 #notice_delete_form #confirmation_text {
 354     display: block;
 355         font-size: 14px;
 356         font-weight: bold;
 357         }
 358
 359 input#submit_yes, input#submit_no {
 360         margin: 18px 10px 0px 0px;
 361         padding: 4px;
 362         font-weight: bold;
 363         color: #fff6d5;
 364         background-color: #F60;
 365         cursor: pointer;
 366         border: 0;
 367         width: 40px;
 368         }
 369 input#submit_yes:hover, input#submit_no:hover {
 370         background-color: #701238;
 371         }
 372 .avatar.stream {
 373         float: left;
 374         margin: 0 10px 0.5em 0;
 375         }
 376 p.time {
 377         display: block;
 378         font-family: Verdana, Arial, Helvetica, sans-serif;
 379         font-size: 10px;
 380         line-height: 15px;
 381         }
 382 p.time a {
 383         color: #dab134;
 384         }
 385
 386 /* ----- Profile -----*/
 387 #profile {
 388         clear: left;
 389         margin: 0 -80px;
 390         padding: 10px 0 0 0;
 391         min-height: 170px;
 392         border-top: 1px solid #dec5b5;
 393         font-family: Georgia, "Times New Roman", Times, serif;
 394         margin-bottom:1em;
 395         float:left;
 396         width:750px;
 397         }
 398 #profile h1 {
 399         margin: 0;
 400         padding: 0;
 401         font-family: Verdana, Arial, Helvetica, sans-serif;
 402         font-size: 14px;
 403         }
 404 #profile h2 {
 405         margin: 0;
 406         padding: 0;
 407         font-family: Verdana, Arial, Helvetica, sans-serif;
 408         font-size: 11px;
 409         text-transform: uppercase;
 410         color: #dab134;
 411         }
 412 #profile p {
 413         margin: 0 10px 0 0;
 414         font-size: 12px;
 415         line-height: 14px;
 416         }
 417 #profile p.location {
 418         margin: 0 10px 12px 0;
 419         font-style: italic;
 420         }
 421 #profile p.notice_current {
 422         font-size: 18px;
 423         line-height: 21px;
 424         }
 425 #profile_avatar {
 426         float: left;
 427         margin-right: 4px;
 428         }
 429 #profile_avatar img {
 430         margin-bottom: 5px;
 431         }
 432 .avatar.profile {
 433         clear: left;
 434         margin: 0 10px 5px 0;
 435         }
 436 .avatar.original {
 437         float: left;
 438         margin: 0 10px 18px 0;
 439         }
 440 a.nickname {
 441         font-family: Verdana, Arial, Helvetica, sans-serif;
 442         font-weight: bold;
 443         font-size: 12px;
 444         padding-right: 3px;
 445         }
 446 #profile_information {
 447         float: left;
 448         position: relative;
 449         width: 270px;
 450         }
 451 .statistics {
 452         margin-top: 18px;
 453         }
 454 .statistics h2 {
 455         margin: 12px 0 3px 0;
 456         }
 457 dl.statistics {
 458         margin: 0;
 459         font-size: 12px;
 460         line-height: 14px;
 461         }
 462 .statistics dt {
 463         float: left;
 464         width: 96px;
 465 }
 466 .statistics dd {
 467         margin-left: 100px;
 468 }
 469 .statistics dt:after {
 470         content: ":";
 471         }
 472 #subscriptions {
 473         float: left;
 474         margin: 18px 0 30px 0;
 475         }
 476 #subscriptions_avatars {
 477         float: left;
 478         margin: 6px 0 0 0;
 479         padding: 0;
 480         list-style-type: none;
 481         width: 270px;
 482         }
 483 #subscriptions_avatars li .avatar.mini {
 484         float: left;
 485         margin: 0 3px 3px 0;
 486         padding: 0;
 487         line-height: 0;
 488         /* border: 1px solid #f00; */
 489         }
 490 #subscriptions_viewall {
 491         clear: left;
 492         }
 493 /* ----- End Profile -----*/
 494
 495 /* ----- Begin Subscriptions & Subscribers -----*/
 496
 497 ul.subscriptions, ul.subscribers {
 498         float: none;
 499         margin: 0;
 500         padding: 0;
 501         list-style-type: none;
 502         overflow: auto;
 503         clear:both;
 504         }
 505 ul.subscriptions li, ul.subscribers li {
 506         display: block;
 507         float: left;
 508         padding: 0;
 509         }
 510 /* ----- End Subscriptions & Subscribers -----*/
 511
 512 #pagination {
 513         margin: 18px auto;
 514         width: 600px;
 515         }
 516 #nav_pagination {
 517         margin: 0 0 36px 0;
 518         padding: 0;
 519         float: right;
 520         list-style-type: none;
 521         font-size: 12px;
 522         font-weight: bold;
 523         }
 524 #nav_pagination li {
 525         display: block;
 526         float: left;
 527         background-color: #701238;
 528         }
 529 #nav_pagination li.before {
 530         margin-right: 1px;
 531         }
 532 #nav_pagination li a {
 533         padding: 6px 15px;
 534         line-height: 21px;
 535         background-color: #701238;
 536         color: #fff6d5;
 537         }
 538 #nav_pagination li a:hover {
 539         background-color: #3F606F;
 540         color: #fff6d5;
 541         text-decoration: none;
 542         }
 543
 544 #footer {
 545         clear: both;
 546         margin: 0 auto;
 547         padding: 0 0 36px 0;
 548         width: 600px;
 549         border-top: 1px solid #dec5b5;
 550         }
 551 #footer p {
 552         margin-top: 9px;
 553         line-height: 12px;
 554         }
 555 #cc {
 556         float: left;
 557         margin: 3px 10px 0 0;
 558         }
 559
 560 /* ===== Begin Forms Styling ===== */
 561
 562 /* ----- Forms General Style ----- */
 563 form {
 564         margin: 0 auto;
 565         padding: 0;
 566         }
 567 form {
 568         font-family: Verdana, Arial, Helvetica, sans-serif;
 569         font-size: 12px;
 570         }
 571 form label {
 572         display: block;
 573         font-size: 12px;
 574         font-weight: bold;
 575         line-height: 18px;
 576         }
 577 form input {
 578         border: 1px solid #dec5b5;
 579         width: 264px;
 580         }
 581 input#submit, input.submit  {
 582         display: block;
 583         margin: 18px 0;
 584         padding: 4px;
 585         font-weight: bold;
 586         color: #fff6d5;
 587         background-color: #F60;
 588         cursor: pointer;
 589         border: 0;
 590         width: auto;
 591         }
 592 input#submit:hover, input.submit:hover {
 593         background-color: #701238;
 594         }
 595 input.checkbox {
 596         /*width: 14px;
 597         height: 14px;*/
 598         width: auto;
 599         border: 0;
 600         }
 601
 602 label.checkbox_label {
 603     display: inline;
 604     font-weight: normal;
 605 }
 606
 607 textarea, input {
 608         font-family: Verdana, Arial, Helvetica, sans-serif;
 609         font-size: 12px;
 610         color: #701238;
 611         padding: 3px;
 612         }
 613 textarea:focus, input:focus {
 614         background-color: #f8ebc0;
 615         }
 616 textarea {
 617         width: 270px;
 618         border: 1px solid #D8E2D7;
 619         }
 620 .input_instructions {
 621         margin-top: 3px;
 622         display: block;
 623         font-size: 11px;
 624         line-height: 15px;
 625         color: #924959;
 626         font-family: Verdana, Arial, Helvetica, sans-serif;
 627         }
 628
 629 /* ----- Status Form ----- */
 630 #status_form {
 631         height: 96px;
 632         /*background-color: #F00;*/
 633         }
 634 #status_form p {
 635         margin: 36px 0 0 0;
 636         padding: 0;
 637         }
 638 #status_label {
 639         display: block;
 640         clear: both;
 641         margin: 0;
 642         padding: 0 0 3px 0;
 643         font-size: 18px;
 644         font-weight: bold;
 645         line-height: 24px;
 646         color: #dab134;
 647         }
 648 #status_textarea {
 649         display: block;
 650         float: left;
 651         width: 463px;
 652         height: 35px;
 653         padding: 5px;
 654         font-family: Verdana, Arial, Helvetica, sans-serif;
 655         font-size: 12px;
 656         color: #701238;
 657         border: 0;
 658         }
 659 #status_submit {
 660         display: block;
 661         float: left;
 662         margin: 1px 0 0 4px;
 663         width: 63px;
 664         height: 45px;
 665         background-color: #F60;
 666         font-family: Verdana, Arial, Helvetica, sans-serif;
 667         font-weight: bold;
 668         font-size: 14px;
 669         color: #fff6d5;
 670         cursor: pointer;
 671         border: 0;
 672         }
 673 #status_submit:hover {
 674         background-color: #d1451a;
 675         }
 676 #counter {
 677         position: absolute;
 678         top: 140px;
 679         left: -64px;
 680         width: 50px;
 681         font-weight: bold;
 682         text-align: right;
 683 }
 684 .response_error textarea,
 685 .response_error .on_max {
 686 background-color:#fee;
 687 }
 688
 689 /* ----- Subscribe Form ----- */
 690 #content .subscribe .submit, #content .unsubscribe .submit, #remotesubscribe .button, #remotesubscribe {
 691         clear: left;
 692         margin: 0;
 693         width: 96px;
 694         height: 27px;
 695         font-family: verdana, arial, helvetica, sans-serif;
 696         font-weight: bold;
 697         font-size: 10px;
 698         text-transform: uppercase;
 699         background-color: #F60;
 700         color: #fff6d5;
 701         border: 0;
 702         }
 703 #remotesubscribe {
 704         width: 96px;
 705         height: 22px;
 706         padding: 5px 0 0 0;
 707         text-align: center;
 708         }
 709 #content .subscribe .button:hover, #content .unsubscribe .button:hover {
 710         background-color: #904632;
 711         cursor: pointer;
 712         }
 713
 714 a#remotesubscribe {
 715         display: block;
 716 }
 717
 718 /* ----- Login Form -----*/
 719 input#license {
 720         width: auto;
 721         border: 0;
 722         }
 723 /* ----- Avatar Form -----*/
 724 form {
 725         clear: left;
 726 }
 727
 728 /* ----- OpenID Form -----*/
 729
 730 input#openid_url {
 731    background: url(login-bg.gif) no-repeat;
 732    background-color: #fff;
 733    background-position: 4px 50%;
 734    color: #000;
 735    padding-left: 24px;
 736 }
 737
 738 /* People lists (search results, maybe subscribers) */
 739
 740 #profiles {
 741         clear: both;
 742         margin: 0 auto;
 743         padding: 0;
 744         list-style-type: none;
 745         width: 600px;
 746         border-top: 1px solid #dec5b5;
 747         /*border: 1px solid #F00;*/
 748         }
 749 #profiles a:hover {
 750         text-decoration: underline;
 751         }
 752
 753 .profile_single {
 754         clear: both;
 755         display: block;
 756         margin: 0;
 757         padding: 5px 5px 5px 0;
 758         min-height: 48px;
 759         font-family: Georgia, "Times New Roman", Times, serif;
 760         font-size: 13px;
 761         line-height: 16px;
 762         border-bottom: 1px solid #dec5b5;
 763         }
 764 .profile_single:hover {
 765         background-color: #f7ebcc;
 766         }
 767
 768 .profile_single form.subscribe {
 769         float: right;
 770 }
 771
 772 .profile_single form.unsubscribe {
 773         float: right;
 774 }
 775
 776 /* ----- IM Settings Form -----*/
 777
 778 #imsettings p {
 779         margin: 0;
 780         padding: 0;
 781         line-height: 15px;
 782 }
 783
 784 /* ----- direct message ----- */
 785
 786 #message_form {
 787         height: 96px;
 788         /*background-color: #F00;*/
 789         }
 790
 791 #message_form p {
 792         margin: 21px 0 0 0;
 793         padding: 0;
 794         }
 795 #message_form label {
 796         display: inline;
 797         }
 798
 799 #message_content {
 800         display: block;
 801         float: left;
 802         width: 463px;
 803         height: 35px;
 804         padding: 5px;
 805         font-family: Verdana, Arial, Helvetica, sans-serif;
 806         font-size: 12px;
 807         color: #193441;
 808         border: 0;
 809         }
 810
 811 #message_send {
 812         display: block;
 813         float: left;
 814         margin: 1px 0 0 4px;
 815         width: 63px;
 816         height: 45px;
 817         background-color: #C15D42;
 818         font-family: Verdana, Arial, Helvetica, sans-serif;
 819         font-weight: bold;
 820         font-size: 14px;
 821         color: #FCFFF5;
 822         cursor: pointer;
 823         border: 0;
 824         }
 825
 826 #message_send:hover {
 827         background-color: #904632;
 828         }
 829
 830 /* ===== End Forms Styling ===== */
 831
 832 /* ===== Tag Cloud Styling ===== */
 833
 834 p.tagcloud {
 835 text-align: center;
 836 }
 837
 838 p.tagcloud a {
 839 line-height:100%;
 840 vertical-align:middle;
 841 }
 842
 843 p.tagcloud a.largest {
 844 font-size: 400%;
 845 }
 846 p.tagcloud a.verylarge {
 847 font-size: 300%;
 848 }
 849
 850 p.tagcloud a.large {
 851 font-size: 200%;
 852 }
 853
 854 p.tagcloud a.medium {
 855 font-size: 150%;
 856 }
 857
 858 p.tagcloud a.small {
 859 font-size: 100%;
 860 }
 861
 862 p.tagcloud a.verysmall {
 863 font-size: 80%;
 864 }
 865
 866 p.tagcloud a.smallest {
 867 font-size: 60%;
 868 }
 869
 870 #subscriptions_nav,
 871 #filter_tags {
 872 margin:0 0 2em 0;
 873 }
 874
 875 #subscriptions_nav {
 876 padding-bottom:0.5em;
 877 /*border-bottom:1px solid #D8E2D7;*/
 878 float:right;
 879 }
 880 #filter_tags {
 881 float:left;
 882 }
 883
 884 #subscriptions_nav dt,
 885 #filter_tags dt {
 886 display:none;
 887 }
 888 #subscriptions_nav dd,
 889 #filter_tags dd {
 890 margin-left:0;
 891 }
 892 #subscriptions_nav ul,
 893 #filter_tags ul {
 894 padding-left:0;
 895 list-style-type:none;
 896 margin-left:0;
 897 }
 898 #subscriptions_nav ul li {
 899 display:inline;
 900 padding-left:0.5em;
 901 margin-left:0.5em;
 902 border-left:1px solid #D8E2D7;;
 903 }
 904 #subscriptions_nav ul li.child_1 {
 905 border-left:0;
 906 padding-left:0;
 907 margin-left:0;
 908 }
 909
 910 #filter_tags ul li {
 911 float:left;
 912 margin-left:0.5em;
 913 padding-left:0.5em;
 914 border-left:1px solid #D8E2D7;;
 915 }
 916 #filter_tags ul li.child_1 {
 917 margin-left:0;
 918 border-left:0;
 919 padding-left:0;
 920 }
 921 #filter_tags ul li li {
 922 margin-left:0;
 923 }
 924 #filter_tags ul li#filter_tags_item {
 925 width:30em;
 926 }
 927 #filter_tags ul li#filter_tags_item form {
 928 clear:none;
 929 }
 930 #filter_tags ul li#filter_tags_item label {
 931 margin-right:0.5em;
 932 font-size:14px;
 933 font-weight:normal;
 934 font-family:Georgia,"Times New Roman",Times,serif;
 935 }
 936 #filter_tags ul li#filter_tags_item label,
 937 #filter_tags ul li#filter_tags_item select {
 938 margin-top:-1px;
 939 margin-bottom:0.5em;
 940 display:inline;
 941 }
 942 #filter_tags ul li#filter_tags_item p {
 943 margin:0 1em 0 0;
 944 padding:0;
 945 float:left;
 946 }
 947 #filter_tags ul li .input_instructions {
 948 display:inline;
 949 display:block;
 950 margin:0;
 951 }
 952 #filter_tags ul li#filter_tags_item .submit {
 953 margin:0;
 954 }
 955
 956 .tags_self,
 957 .tags_user {
 958 margin-left:4.5em;
 959 }
 960 .tags_self dl,
 961 .tags_user dl {
 962 margin-left:0;
 963 }
 964
 965 .tags_self dt,
 966 .tags_user dt {
 967 display:inline;
 968 margin-right:0.5em;
 969 }
 970
 971 .tags_self dd,
 972 .tags_user dd {
 973 margin-left:0;
 974 display:inline;
 975 }
 976
 977 ul.tags {
 978 padding-left:0;
 979 margin-left:0;
 980 list-style-type:none;
 981 display:inline;
 982 }
 983 ul.tags li {
 984 display:inline;
 985 margin-right:0.75em;
 986 }
 987 ul.tags li a {
 988 padding-left:17px;
 989 background:url(icon_tag-01.gif) no-repeat;
 990 line-height:1.5;
 991 }
 992
 993 .tag_user {
 994 text-align:right;
 995 margin-top:0;
 996 margin-bottom:0;
 997 }
 998
 999 form#tag_user {
1000 margin-left:8.75em;
1001 clear:both;
1002 }
1003 form#tag_user p {
1004 margin:0;
1005 }
1006
1007 form#tag_user label {
1008 display:inline;
1009 margin-right:1em;
1010 }
1011 form#tag_user .submit {
1012 margin-left:4em;
1013 }
1014
1015 form#tag_user .input_instructions {
1016 margin-left:4.5em;
1017 }
1018
1019 .profile_list p {
1020 margin:0 0 0.5em 0;
1021 }
1022
1023 .profile_list .bio {
1024 margin-left:4.5em;
1025 }
1026
1027 /* ----- Mailbox ----- */
1028 #messages {
1029         clear: both;
1030         margin: 0 auto;
1031         padding: 0;
1032         list-style-type: none;
1033         width: 600px;
1034         border-top: 1px solid #dec5b5;
1035         }
1036
1037 #messages a:hover {
1038         text-decoration: underline;
1039         }
1040
1041 .message_single {
1042         clear: both;
1043         display: block;
1044         margin: 0;
1045         padding: 5px 5px 5px 0;
1046         min-height: 48px;
1047         font-family: Georgia, "Times New Roman", Times, serif;
1048         font-size: 13px;
1049         line-height: 16px;
1050         border-bottom: 1px solid #dec5b5;
1051         }
1052 .message_single:hover {
1053         background-color: #f7ebcc;
1054         }
1055 .message_single p {
1056         display: inline;
1057         margin: 0;
1058         padding: 0;
1059         }