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         }
 505 ul.subscriptions li, ul.subscribers li {
 506         display: block;
 507         float: left;
 508         padding: 0;
 509         }
 510 /* ----- End Subscriptions & Subscribers -----*/
 511
 512
 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 textarea, input {
 604         font-family: Verdana, Arial, Helvetica, sans-serif;
 605         font-size: 12px;
 606         color: #701238;
 607         padding: 3px;
 608         }
 609 textarea:focus, input:focus {
 610         background-color: #f8ebc0;
 611         }
 612 textarea {
 613         width: 270px;
 614         border: 1px solid #D8E2D7;
 615         }
 616 .input_instructions {
 617         margin-top: 3px;
 618         display: block;
 619         font-size: 11px;
 620         line-height: 15px;
 621         color: #924959;
 622         font-family: Verdana, Arial, Helvetica, sans-serif;
 623         }
 624
 625 /* ----- Status Form ----- */
 626 #status_form {
 627         height: 96px;
 628         /*background-color: #F00;*/
 629         }
 630 #status_form p {
 631         margin: 36px 0 0 0;
 632         padding: 0;
 633         }
 634 #status_label {
 635         display: block;
 636         clear: both;
 637         margin: 0;
 638         padding: 0 0 3px 0;
 639         font-size: 18px;
 640         font-weight: bold;
 641         line-height: 24px;
 642         color: #dab134;
 643         }
 644 #status_textarea {
 645         display: block;
 646         float: left;
 647         width: 463px;
 648         height: 35px;
 649         padding: 5px;
 650         font-family: Verdana, Arial, Helvetica, sans-serif;
 651         font-size: 12px;
 652         color: #701238;
 653         border: 0;
 654         }
 655 #status_submit {
 656         display: block;
 657         float: left;
 658         margin: 1px 0 0 4px;
 659         width: 63px;
 660         height: 45px;
 661         background-color: #F60;
 662         font-family: Verdana, Arial, Helvetica, sans-serif;
 663         font-weight: bold;
 664         font-size: 14px;
 665         color: #fff6d5;
 666         cursor: pointer;
 667         border: 0;
 668         }
 669 #status_submit:hover {
 670         background-color: #d1451a;
 671         }
 672 #counter {
 673         position: absolute;
 674         top: 140px;
 675         left: -64px;
 676         width: 50px;
 677         font-weight: bold;
 678         text-align: right;
 679 }
 680 .response_error textarea,
 681 .response_error .on_max {
 682 background-color:#fee;
 683 }
 684
 685
 686
 687 /* ----- Subscribe Form ----- */
 688 #content .subscribe .submit, #content .unsubscribe .submit, #remotesubscribe .button, #remotesubscribe {
 689         clear: left;
 690         margin: 0;
 691         width: 96px;
 692         height: 27px;
 693         font-family: verdana, arial, helvetica, sans-serif;
 694         font-weight: bold;
 695         font-size: 10px;
 696         text-transform: uppercase;
 697         background-color: #F60;
 698         color: #fff6d5;
 699         border: 0;
 700         }
 701 #remotesubscribe {
 702         width: 96px;
 703         height: 22px;
 704         padding: 5px 0 0 0;
 705         text-align: center;
 706         }
 707 #content .subscribe .button:hover, #content .unsubscribe .button:hover {
 708         background-color: #904632;
 709         cursor: pointer;
 710         }
 711
 712 a#remotesubscribe {
 713         display: block;
 714 }
 715
 716 /* ----- Login Form -----*/
 717 input#license {
 718         width: auto;
 719         border: 0;
 720         }
 721 /* ----- Avatar Form -----*/
 722 form {
 723         clear: left;
 724 }
 725
 726 /* ----- OpenID Form -----*/
 727
 728 input#openid_url {
 729    background: url(login-bg.gif) no-repeat;
 730    background-color: #fff;
 731    background-position: 4px 50%;
 732    color: #000;
 733    padding-left: 24px;
 734 }
 735
 736 /* People lists (search results, maybe subscribers) */
 737
 738 #profiles {
 739         clear: both;
 740         margin: 0 auto;
 741         padding: 0;
 742         list-style-type: none;
 743         width: 600px;
 744         border-top: 1px solid #dec5b5;
 745         /*border: 1px solid #F00;*/
 746         }
 747 #profiles a:hover {
 748         text-decoration: underline;
 749         }
 750
 751 .profile_single {
 752         clear: both;
 753         display: block;
 754         margin: 0;
 755         padding: 5px 5px 5px 0;
 756         min-height: 48px;
 757         font-family: Georgia, "Times New Roman", Times, serif;
 758         font-size: 13px;
 759         line-height: 16px;
 760         border-bottom: 1px solid #dec5b5;
 761         }
 762 .profile_single:hover {
 763         background-color: #f7ebcc;
 764         }
 765
 766 .profile_single form.subscribe {
 767         float: right;
 768 }
 769
 770 .profile_single form.unsubscribe {
 771         float: right;
 772 }
 773
 774 /* ----- IM Settings Form -----*/
 775
 776 #imsettings p {
 777         margin: 0;
 778         padding: 0;
 779         line-height: 15px;
 780 }
 781
 782
 783
 784
 785 /* ----- direct message ----- */
 786
 787 #message_form {
 788         height: 96px;
 789         /*background-color: #F00;*/
 790         }
 791
 792 #message_form p {
 793         margin: 21px 0 0 0;
 794         padding: 0;
 795         }
 796 #message_form label {
 797         display: inline;
 798         }
 799
 800 #message_content {
 801         display: block;
 802         float: left;
 803         width: 463px;
 804         height: 35px;
 805         padding: 5px;
 806         font-family: Verdana, Arial, Helvetica, sans-serif;
 807         font-size: 12px;
 808         color: #193441;
 809         border: 0;
 810         }
 811
 812 #message_send {
 813         display: block;
 814         float: left;
 815         margin: 1px 0 0 4px;
 816         width: 63px;
 817         height: 45px;
 818         background-color: #C15D42;
 819         font-family: Verdana, Arial, Helvetica, sans-serif;
 820         font-weight: bold;
 821         font-size: 14px;
 822         color: #FCFFF5;
 823         cursor: pointer;
 824         border: 0;
 825         }
 826
 827 #message_send:hover {
 828         background-color: #904632;
 829         }
 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
 873 .tags_self,
 874 .tags_user {
 875 margin-left:4.5em;
 876 }
 877 .tags_self dl,
 878 .tags_user dl {
 879 margin-left:0;
 880 }
 881
 882 .tags_self dt,
 883 .tags_user dt {
 884 display:inline;
 885 margin-right:0.5em;
 886 }
 887
 888 .tags_self dd,
 889 .tags_user dd {
 890 margin-left:0;
 891 display:inline;
 892 }
 893
 894
 895 ul.tags {
 896 padding-left:0;
 897 margin-left:0;
 898 list-style-type:none;
 899 display:inline;
 900 }
 901 ul.tags li {
 902 display:inline;
 903 margin-right:0.75em;
 904 }
 905 ul.tags li a {
 906 padding-left:17px;
 907 background:url(icon_tag-01.gif) no-repeat;
 908 line-height:1.5;
 909 }
 910
 911 .tag_user {
 912 text-align:right;
 913 margin-top:0;
 914 margin-bottom:0;
 915 }
 916
 917 form#tag_user {
 918 margin-left:8.75em;
 919 clear:both;
 920 }
 921 form#tag_user p {
 922 margin:0;
 923 }
 924
 925 form#tag_user label {
 926 display:inline;
 927 margin-right:1em;
 928 }
 929 form#tag_user .submit {
 930 margin-left:4em;
 931 }
 932
 933 form#tag_user .input_instructions {
 934 margin-left:4.5em;
 935 }
 936
 937 .profile_list p {
 938 margin:0 0 0.5em 0;
 939 }
 940
 941 .profile_list .bio {
 942 margin-left:4.5em;
 943 }
 944
 945
 946 /* ----- Mailbox ----- */
 947 #messages {
 948         clear: both;
 949         margin: 0 auto;
 950         padding: 0;
 951         list-style-type: none;
 952         width: 600px;
 953         border-top: 1px solid #dec5b5;
 954         }
 955
 956 #messages a:hover {
 957         text-decoration: underline;
 958         }
 959
 960 .message_single {
 961         clear: both;
 962         display: block;
 963         margin: 0;
 964         padding: 5px 5px 5px 0;
 965         min-height: 48px;
 966         font-family: Georgia, "Times New Roman", Times, serif;
 967         font-size: 13px;
 968         line-height: 16px;
 969         border-bottom: 1px solid #dec5b5;
 970         }
 971 .message_single:hover {
 972         background-color: #f7ebcc;
 973         }
 974 .message_single p {
 975         display: inline;
 976         margin: 0;
 977         padding: 0;
 978         }