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