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 #wrap form input.disabled,
 256 #wrap form input.disabled:hover {
 257 background-color:#999;
 258 cursor:default;
 259 }
 260
 261 /* ----- Nav Footer ----- */
 262 #nav_sub {
 263         clear: both;
 264         margin: 18px auto 0 auto;
 265         padding: 0;
 266         list-style-type: none;
 267         font-size: 11px;
 268         font-weight: bold;
 269         line-height: 21px;
 270         border-top: 1px solid #dec5b5;
 271         width: 600px;
 272         }
 273 #nav_sub li {
 274         display: block;
 275         float: left;
 276         }
 277 #nav_sub li a {
 278         padding: 6px 24px 6px 0;
 279         }
 280 #nav_sub li a:hover {
 281         text-decoration: underline;
 282         }
 283 /* ===== End Navigation Styling ===== */
 284
 285 #content {
 286         clear: left;
 287         margin: 40px 0 45px 0;
 288         padding: 0 80px;
 289         font-family: Georgia, "Times New Roman", Times, serif;
 290         font-size: 14px;
 291         line-height: 18px;
 292         }
 293 #content h2 {
 294         font-family: Verdana, Arial, Helvetica, sans-serif;
 295         font-size: 15px;
 296         }
 297 #content label {
 298         font-family: Verdana, Arial, Helvetica, sans-serif;
 299         font-size: 12px;
 300         }
 301 .instructions p, .success, .error {
 302         font-weight: normal;
 303         margin: 36px 0 0 0;
 304         padding: 10px;
 305         font-family: Georgia, "Times New Roman", Times, serif;
 306         font-size: 13px;
 307         line-height: 15px;
 308         border: 1px solid #dec5b5;
 309         color: #fff6d5;
 310         }
 311 .instructions a, .success a, .error a {
 312         color: #d8e2d7;
 313         text-decoration: underline;
 314         }
 315 .instructions a:hover, .success a:hover, .error a:hover {
 316         color: #fff6d5;
 317         }
 318 .success {
 319         background-color: #48705b;
 320         }
 321 .error {
 322         background-color: #ce3728;
 323         }
 324
 325
 326 /* ----- Stream -----*/
 327
 328 #notices {
 329         clear: both;
 330         margin: 0 auto;
 331         padding: 0;
 332         list-style-type: none;
 333         width: 600px;
 334         border-top: 1px solid #dec5b5;
 335         }
 336 #notices a:hover {
 337         text-decoration: underline;
 338         }
 339 .notice_single {
 340         clear: both;
 341         display: block;
 342         margin: 0;
 343         padding: 5px 5px 5px 0;
 344         min-height: 48px;
 345         font-family: Georgia, "Times New Roman", Times, serif;
 346         font-size: 13px;
 347         line-height: 16px;
 348         border-bottom: 1px solid #dec5b5;
 349         background-color:#FCFFF5;
 350         opacity:1;
 351         }
 352 .notice_single:hover {
 353         background-color: #f7ebcc;
 354         }
 355 .notice_single p {
 356         display: inline;
 357         margin: 0;
 358         padding: 0;
 359         }
 360 #notice_delete_form #confirmation_text {
 361     display: block;
 362         font-size: 14px;
 363         font-weight: bold;
 364         }
 365
 366 input#submit_yes, input#submit_no {
 367         margin: 18px 10px 0px 0px;
 368         padding: 4px;
 369         font-weight: bold;
 370         color: #fff6d5;
 371         background-color: #F60;
 372         cursor: pointer;
 373         border: 0;
 374         width: 40px;
 375         }
 376 input#submit_yes:hover, input#submit_no:hover {
 377         background-color: #701238;
 378         }
 379 .avatar.stream {
 380         float: left;
 381         margin: 0 10px 0.5em 0;
 382         }
 383 p.time {
 384         display: block;
 385         font-family: Verdana, Arial, Helvetica, sans-serif;
 386         font-size: 10px;
 387         line-height: 15px;
 388         }
 389 p.time a {
 390         color: #dab134;
 391         }
 392
 393 /* ----- Profile -----*/
 394 #profile {
 395         clear: left;
 396         margin: 0 -80px;
 397         padding: 10px 0 0 0;
 398         min-height: 170px;
 399         border-top: 1px solid #dec5b5;
 400         font-family: Georgia, "Times New Roman", Times, serif;
 401         margin-bottom:1em;
 402         float:left;
 403         width:750px;
 404         }
 405 #profile h1 {
 406         margin: 0;
 407         padding: 0;
 408         font-family: Verdana, Arial, Helvetica, sans-serif;
 409         font-size: 14px;
 410         }
 411 #profile h2 {
 412         margin: 0;
 413         padding: 0;
 414         font-family: Verdana, Arial, Helvetica, sans-serif;
 415         font-size: 11px;
 416         text-transform: uppercase;
 417         color: #dab134;
 418         }
 419 #profile p {
 420         margin: 0 10px 0 0;
 421         font-size: 12px;
 422         line-height: 14px;
 423         }
 424 #profile p.location {
 425         margin: 0 10px 12px 0;
 426         font-style: italic;
 427         }
 428 #profile p.notice_current {
 429         font-size: 18px;
 430         line-height: 21px;
 431         }
 432 #profile_avatar {
 433         float: left;
 434         margin-right: 4px;
 435         }
 436 #profile_avatar img {
 437         margin-bottom: 5px;
 438         }
 439 .avatar.profile {
 440         clear: left;
 441         margin: 0 10px 5px 0;
 442         }
 443 .avatar.original {
 444         float: left;
 445         margin: 0 10px 18px 0;
 446         }
 447 a.nickname {
 448         font-family: Verdana, Arial, Helvetica, sans-serif;
 449         font-weight: bold;
 450         font-size: 12px;
 451         padding-right: 3px;
 452         }
 453 #profile_information {
 454         float: left;
 455         position: relative;
 456         width: 270px;
 457         }
 458 .statistics {
 459         margin-top: 18px;
 460         }
 461 .statistics h2 {
 462         margin: 12px 0 3px 0;
 463         }
 464 dl.statistics {
 465         margin: 0;
 466         font-size: 12px;
 467         line-height: 14px;
 468         }
 469 .statistics dt {
 470         float: left;
 471         width: 96px;
 472 }
 473 .statistics dd {
 474         margin-left: 100px;
 475 }
 476 .statistics dt:after {
 477         content: ":";
 478         }
 479 #subscriptions {
 480         float: left;
 481         margin: 18px 0 30px 0;
 482         }
 483 #subscriptions_avatars {
 484         float: left;
 485         margin: 6px 0 0 0;
 486         padding: 0;
 487         list-style-type: none;
 488         width: 270px;
 489         }
 490 #subscriptions_avatars li .avatar.mini {
 491         float: left;
 492         margin: 0 3px 3px 0;
 493         padding: 0;
 494         line-height: 0;
 495         /* border: 1px solid #f00; */
 496         }
 497 #subscriptions_viewall {
 498         clear: left;
 499         }
 500 /* ----- End Profile -----*/
 501
 502 /* ----- Begin Subscriptions & Subscribers -----*/
 503
 504 ul.subscriptions, ul.subscribers {
 505         float: none;
 506         margin: 0;
 507         padding: 0;
 508         list-style-type: none;
 509         overflow: auto;
 510         clear:both;
 511         }
 512 ul.subscriptions li, ul.subscribers li {
 513         display: block;
 514         float: left;
 515         padding: 0;
 516         }
 517 /* ----- End Subscriptions & Subscribers -----*/
 518
 519
 520
 521 #pagination {
 522         margin: 18px auto;
 523         width: 600px;
 524         }
 525 #nav_pagination {
 526         margin: 0 0 36px 0;
 527         padding: 0;
 528         float: right;
 529         list-style-type: none;
 530         font-size: 12px;
 531         font-weight: bold;
 532         }
 533 #nav_pagination li {
 534         display: block;
 535         float: left;
 536         background-color: #701238;
 537         }
 538 #nav_pagination li.before {
 539         margin-right: 1px;
 540         }
 541 #nav_pagination li a {
 542         padding: 6px 15px;
 543         line-height: 21px;
 544         background-color: #701238;
 545         color: #fff6d5;
 546         }
 547 #nav_pagination li a:hover {
 548         background-color: #3F606F;
 549         color: #fff6d5;
 550         text-decoration: none;
 551         }
 552
 553 #footer {
 554         clear: both;
 555         margin: 0 auto;
 556         padding: 0 0 36px 0;
 557         width: 600px;
 558         border-top: 1px solid #dec5b5;
 559         }
 560 #footer p {
 561         margin-top: 9px;
 562         line-height: 12px;
 563         }
 564 #cc {
 565         float: left;
 566         margin: 3px 10px 0 0;
 567         }
 568
 569 /* ===== Begin Forms Styling ===== */
 570
 571 /* ----- Forms General Style ----- */
 572 form {
 573         margin: 0 auto;
 574         padding: 0;
 575         }
 576 form {
 577         font-family: Verdana, Arial, Helvetica, sans-serif;
 578         font-size: 12px;
 579         }
 580 form label {
 581         display: block;
 582         font-size: 12px;
 583         font-weight: bold;
 584         line-height: 18px;
 585         }
 586 form input {
 587         border: 1px solid #dec5b5;
 588         width: 264px;
 589         }
 590 input#submit, input.submit  {
 591         display: block;
 592         margin: 18px 0;
 593         padding: 4px;
 594         font-weight: bold;
 595         color: #fff6d5;
 596         background-color: #F60;
 597         cursor: pointer;
 598         border: 0;
 599         width: auto;
 600         }
 601 input#submit:hover, input.submit:hover {
 602         background-color: #701238;
 603         }
 604 input.checkbox {
 605         /*width: 14px;
 606         height: 14px;*/
 607         width: auto;
 608         border: 0;
 609         }
 610 textarea, input {
 611         font-family: Verdana, Arial, Helvetica, sans-serif;
 612         font-size: 12px;
 613         color: #701238;
 614         padding: 3px;
 615         }
 616 textarea:focus, input:focus {
 617         background-color: #f8ebc0;
 618         }
 619 textarea {
 620         width: 270px;
 621         border: 1px solid #D8E2D7;
 622         }
 623 .input_instructions {
 624         margin-top: 3px;
 625         display: block;
 626         font-size: 11px;
 627         line-height: 15px;
 628         color: #924959;
 629         font-family: Verdana, Arial, Helvetica, sans-serif;
 630         }
 631
 632 /* ----- Status Form ----- */
 633 #status_form {
 634         height: 96px;
 635         /*background-color: #F00;*/
 636         }
 637 #status_form p {
 638         margin: 36px 0 0 0;
 639         padding: 0;
 640         }
 641 #status_label {
 642         display: block;
 643         clear: both;
 644         margin: 0;
 645         padding: 0 0 3px 0;
 646         font-size: 18px;
 647         font-weight: bold;
 648         line-height: 24px;
 649         color: #dab134;
 650         }
 651 #status_textarea {
 652         display: block;
 653         float: left;
 654         width: 463px;
 655         height: 35px;
 656         padding: 5px;
 657         font-family: Verdana, Arial, Helvetica, sans-serif;
 658         font-size: 12px;
 659         color: #701238;
 660         border: 0;
 661         }
 662 #status_submit {
 663         display: block;
 664         float: left;
 665         margin: 1px 0 0 4px;
 666         width: 63px;
 667         height: 45px;
 668         background-color: #F60;
 669         font-family: Verdana, Arial, Helvetica, sans-serif;
 670         font-weight: bold;
 671         font-size: 14px;
 672         color: #fff6d5;
 673         cursor: pointer;
 674         border: 0;
 675         }
 676 #status_submit:hover {
 677         background-color: #d1451a;
 678         }
 679 #counter {
 680         position: absolute;
 681         top: 140px;
 682         left: -64px;
 683         width: 50px;
 684         font-weight: bold;
 685         text-align: right;
 686 }
 687 .response_error textarea,
 688 .response_error .on_max {
 689 background-color:#fee;
 690 }
 691
 692
 693
 694 /* ----- Subscribe Form ----- */
 695 #content .subscribe .submit, #content .unsubscribe .submit, #remotesubscribe .button, #remotesubscribe {
 696         clear: left;
 697         margin: 0;
 698         width: 96px;
 699         height: 27px;
 700         font-family: verdana, arial, helvetica, sans-serif;
 701         font-weight: bold;
 702         font-size: 10px;
 703         text-transform: uppercase;
 704         background-color: #F60;
 705         color: #fff6d5;
 706         border: 0;
 707         }
 708 #remotesubscribe {
 709         width: 96px;
 710         height: 22px;
 711         padding: 5px 0 0 0;
 712         text-align: center;
 713         }
 714 #content .subscribe .button:hover, #content .unsubscribe .button:hover {
 715         background-color: #904632;
 716         cursor: pointer;
 717         }
 718
 719 a#remotesubscribe {
 720         display: block;
 721 }
 722
 723 /* ----- Login Form -----*/
 724 input#license {
 725         width: auto;
 726         border: 0;
 727         }
 728 /* ----- Avatar Form -----*/
 729 form {
 730         clear: left;
 731 }
 732
 733 /* ----- OpenID Form -----*/
 734
 735 input#openid_url {
 736    background: url(login-bg.gif) no-repeat;
 737    background-color: #fff;
 738    background-position: 4px 50%;
 739    color: #000;
 740    padding-left: 24px;
 741 }
 742
 743 /* People lists (search results, maybe subscribers) */
 744
 745 #profiles {
 746         clear: both;
 747         margin: 0 auto;
 748         padding: 0;
 749         list-style-type: none;
 750         width: 600px;
 751         border-top: 1px solid #dec5b5;
 752         /*border: 1px solid #F00;*/
 753         }
 754 #profiles a:hover {
 755         text-decoration: underline;
 756         }
 757
 758 .profile_single {
 759         clear: both;
 760         display: block;
 761         margin: 0;
 762         padding: 5px 5px 5px 0;
 763         min-height: 48px;
 764         font-family: Georgia, "Times New Roman", Times, serif;
 765         font-size: 13px;
 766         line-height: 16px;
 767         border-bottom: 1px solid #dec5b5;
 768         }
 769 .profile_single:hover {
 770         background-color: #f7ebcc;
 771         }
 772
 773 .profile_single form.subscribe {
 774         float: right;
 775 }
 776
 777 .profile_single form.unsubscribe {
 778         float: right;
 779 }
 780
 781 /* ----- IM Settings Form -----*/
 782
 783 #imsettings p {
 784         margin: 0;
 785         padding: 0;
 786         line-height: 15px;
 787 }
 788
 789
 790
 791
 792 /* ----- direct message ----- */
 793
 794 #message_form {
 795         height: 96px;
 796         /*background-color: #F00;*/
 797         }
 798
 799 #message_form p {
 800         margin: 21px 0 0 0;
 801         padding: 0;
 802         }
 803 #message_form label {
 804         display: inline;
 805         }
 806
 807 #message_content {
 808         display: block;
 809         float: left;
 810         width: 463px;
 811         height: 35px;
 812         padding: 5px;
 813         font-family: Verdana, Arial, Helvetica, sans-serif;
 814         font-size: 12px;
 815         color: #193441;
 816         border: 0;
 817         }
 818
 819 #message_send {
 820         display: block;
 821         float: left;
 822         margin: 1px 0 0 4px;
 823         width: 63px;
 824         height: 45px;
 825         background-color: #C15D42;
 826         font-family: Verdana, Arial, Helvetica, sans-serif;
 827         font-weight: bold;
 828         font-size: 14px;
 829         color: #FCFFF5;
 830         cursor: pointer;
 831         border: 0;
 832         }
 833
 834 #message_send:hover {
 835         background-color: #904632;
 836         }
 837
 838
 839 /* ===== End Forms Styling ===== */
 840
 841 /* ===== Tag Cloud Styling ===== */
 842
 843 p.tagcloud {
 844 text-align: center;
 845 }
 846
 847 p.tagcloud a {
 848 line-height:100%;
 849 vertical-align:middle;
 850 }
 851
 852 p.tagcloud a.largest {
 853 font-size: 400%;
 854 }
 855 p.tagcloud a.verylarge {
 856 font-size: 300%;
 857 }
 858
 859 p.tagcloud a.large {
 860 font-size: 200%;
 861 }
 862
 863 p.tagcloud a.medium {
 864 font-size: 150%;
 865 }
 866
 867 p.tagcloud a.small {
 868 font-size: 100%;
 869 }
 870
 871 p.tagcloud a.verysmall {
 872 font-size: 80%;
 873 }
 874
 875 p.tagcloud a.smallest {
 876 font-size: 60%;
 877 }
 878
 879
 880 #subscriptions_nav,
 881 #filter_tags {
 882 margin:0 0 2em 0;
 883 }
 884
 885 #subscriptions_nav {
 886 padding-bottom:0.5em;
 887 /*border-bottom:1px solid #D8E2D7;*/
 888 float:right;
 889 }
 890 #filter_tags {
 891 float:left;
 892 }
 893
 894 #subscriptions_nav dt,
 895 #filter_tags dt {
 896 display:none;
 897 }
 898 #subscriptions_nav dd,
 899 #filter_tags dd {
 900 margin-left:0;
 901 }
 902 #subscriptions_nav ul,
 903 #filter_tags ul {
 904 padding-left:0;
 905 list-style-type:none;
 906 margin-left:0;
 907 }
 908 #subscriptions_nav ul li {
 909 display:inline;
 910 padding-left:0.5em;
 911 margin-left:0.5em;
 912 border-left:1px solid #D8E2D7;;
 913 }
 914 #subscriptions_nav ul li.child_1 {
 915 border-left:0;
 916 padding-left:0;
 917 margin-left:0;
 918 }
 919
 920
 921 #filter_tags ul li {
 922 float:left;
 923 margin-left:0.5em;
 924 padding-left:0.5em;
 925 border-left:1px solid #D8E2D7;;
 926 }
 927 #filter_tags ul li.child_1 {
 928 margin-left:0;
 929 border-left:0;
 930 padding-left:0;
 931 }
 932 #filter_tags ul li li {
 933 margin-left:0;
 934 }
 935 #filter_tags ul li#filter_tags_item {
 936 width:30em;
 937 }
 938 #filter_tags ul li#filter_tags_item form {
 939 clear:none;
 940 }
 941 #filter_tags ul li#filter_tags_item label {
 942 margin-right:0.5em;
 943 font-size:14px;
 944 font-weight:normal;
 945 font-family:Georgia,"Times New Roman",Times,serif;
 946 }
 947 #filter_tags ul li#filter_tags_item label,
 948 #filter_tags ul li#filter_tags_item select {
 949 margin-top:-1px;
 950 margin-bottom:0.5em;
 951 display:inline;
 952 }
 953 #filter_tags ul li#filter_tags_item p {
 954 margin:0 1em 0 0;
 955 padding:0;
 956 float:left;
 957 }
 958 #filter_tags ul li .input_instructions {
 959 display:inline;
 960 display:block;
 961 margin:0;
 962 }
 963 #filter_tags ul li#filter_tags_item .submit {
 964 margin:0;
 965 }
 966
 967
 968
 969
 970 .tags_self,
 971 .tags_user {
 972 margin-left:4.5em;
 973 }
 974 .tags_self dl,
 975 .tags_user dl {
 976 margin-left:0;
 977 }
 978
 979 .tags_self dt,
 980 .tags_user dt {
 981 display:inline;
 982 margin-right:0.5em;
 983 }
 984
 985 .tags_self dd,
 986 .tags_user dd {
 987 margin-left:0;
 988 display:inline;
 989 }
 990
 991
 992 ul.tags {
 993 padding-left:0;
 994 margin-left:0;
 995 list-style-type:none;
 996 display:inline;
 997 }
 998 ul.tags li {
 999 display:inline;
1000 margin-right:0.75em;
1001 }
1002 ul.tags li a {
1003 padding-left:17px;
1004 background:url(icon_tag-01.gif) no-repeat;
1005 line-height:1.5;
1006 }
1007
1008 .tag_user {
1009 text-align:right;
1010 margin-top:0;
1011 margin-bottom:0;
1012 }
1013
1014 form#tag_user {
1015 margin-left:8.75em;
1016 clear:both;
1017 }
1018 form#tag_user p {
1019 margin:0;
1020 }
1021
1022 form#tag_user label {
1023 display:inline;
1024 margin-right:1em;
1025 }
1026 form#tag_user .submit {
1027 margin-left:4em;
1028 }
1029
1030 form#tag_user .input_instructions {
1031 margin-left:4.5em;
1032 }
1033
1034 .profile_list p {
1035 margin:0 0 0.5em 0;
1036 }
1037
1038 .profile_list .bio {
1039 margin-left:4.5em;
1040 }
1041
1042
1043 /* ----- Mailbox ----- */
1044 #messages {
1045         clear: both;
1046         margin: 0 auto;
1047         padding: 0;
1048         list-style-type: none;
1049         width: 600px;
1050         border-top: 1px solid #dec5b5;
1051         }
1052
1053 #messages a:hover {
1054         text-decoration: underline;
1055         }
1056
1057 .message_single {
1058         clear: both;
1059         display: block;
1060         margin: 0;
1061         padding: 5px 5px 5px 0;
1062         min-height: 48px;
1063         font-family: Georgia, "Times New Roman", Times, serif;
1064         font-size: 13px;
1065         line-height: 16px;
1066         border-bottom: 1px solid #dec5b5;
1067         }
1068 .message_single:hover {
1069         background-color: #f7ebcc;
1070         }
1071 .message_single p {
1072         display: inline;
1073         margin: 0;
1074         padding: 0;
1075         }