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