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