public/stylesheets/fc2.css

   1 body, td { font-family: Helvetica, sans-serif; }
   2 body { background: #fff; margin: 0; padding: 0; }
   3 img { border: none; }
   4 body, td, p { color: #444; }
   5 li { padding: 0.2em 0; }
   6 table, td, tr { margin: 0; padding: 0; }
   7 ul a { font-weight: normal; color: #00a; }
   8 a { color: #00a; }
   9
  10 h1 {
  11         text-align: center;
  12         color:#fff;
  13         font-size: 120%;
  14         font-family: Georgia, Helvetica;
  15 }
  16 h2 {
  17         clear:both;
  18         font-size: 110%;
  19 }
  20
  21 h3 {
  22         font-size: 105%;
  23 }
  24
  25 .fleft { float: left; }
  26 .fright { float: right; }
  27 .clear { clear: both; }
  28
  29
  30 div.logbar {
  31         background: #234;
  32         color: #eee;
  33         /*
  34         width: 960px;
  35         margin: 0 auto;
  36         */
  37         margin: 0 5% 0.1em 5%;
  38 }
  39
  40 div.loginstatus {
  41         font-size: 75%;
  42         text-align: right;
  43         padding: 0.5em 2em;
  44         text-shadow: #888 0 0 0.4em;
  45 }
  46
  47 span.username {
  48         font-weight: bold;
  49         padding: 0 0.5em;
  50 }
  51
  52 div.navbar {
  53         margin: 0.1em 0;
  54         background: #333;
  55
  56         background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
  57         background: -moz-linear-gradient(#222, #333)
  58
  59         ztext-shadow: black 0 0 0.2em;
  60         zborder-bottom: solid 1px #888;
  61         font-size: 110%;
  62         color: #eee;
  63         font-weight: bold;
  64         text-align: left;
  65         vertical-align: top;
  66 }
  67
  68 .navbar .logo {
  69         padding-left: 60px;
  70 }
  71
  72 div.content {
  73         margin: 0 5% 0.1em 5%;
  74         padding: 1.0em 0%;
  75         zbackground: #fdd;
  76         min-height: 30em;
  77         zborder-left: solid 1px #ccc;
  78         zborder-right: solid 1px #ccc;
  79         zbackground-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#eef));
  80         zbackground-image: -moz-linear-gradient(#fff, #eef)
  81 }
  82
  83 div.contenthome {
  84         margin: 0 5% 0.1em 5%;
  85         min-height: 40em;
  86         overflow: hidden;
  87         background: url("/images/home.jpg") no-repeat;
  88
  89         width: 960px;
  90         margin: 0 auto;
  91 }
  92
  93 .contenthome .tagline {
  94         margin: 5em 4em 0 25em;
  95         color: #fff;
  96         font-weight: bold;
  97 }
  98 .contenthome .tagline p {
  99         color: #fff;
 100 }
 101
 102
 103 span.reglink a {
 104         color: #00a;
 105         font-size: 80%;
 106         margin-left: 2em;
 107         font-weight: normal;
 108 }
 109
 110 span.hint {
 111         font-size: 80%;
 112         margin-left: 2em;
 113         font-weight: normal;
 114 }
 115
 116 span.text p {
 117 }
 118
 119 span.texterror p {
 120         color: #f00;
 121 }
 122
 123 span.texterror p {
 124         color: #f00;
 125 }
 126
 127 img.logo {
 128         margin: 0 2%;
 129         vertical-align: middle;
 130 }
 131
 132 /*td.lilogo {
 133         padding-right: 2em;
 134 }*/
 135
 136 td.menu {
 137         font-size: 90%;
 138         width: 100%;
 139         text-align: center;
 140         padding: 0.5em 2em 0 2em;
 141         font-weight: normal;
 142 }
 143
 144 td.menu a {
 145         color: #fff;
 146         margin: 0 0em;
 147         text-decoration: none;
 148         text-shadow: #888 0 0 0.8em;
 149         padding: 2px 10px;
 150         -webkit-border-radius: .2em;
 151         -moz-border-radius: .2em;
 152         border-radius: .2em;
 153 }
 154
 155 td.menu a.special {
 156         background: #456;
 157         color: #fff;
 158         margin: 0 1em;
 159         text-decoration: none;
 160         text-shadow: #888 0 0 0.8em;
 161         padding: 2px 10px;
 162         -webkit-border-radius: .2em;
 163         -moz-border-radius: .2em;
 164         border-radius: .2em;
 165 }
 166
 167 td.menu a:hover {
 168         color: #000;
 169         background: #fff;
 170 }
 171
 172 div.footer {
 173         font-size: 80%;
 174         text-align: center;
 175         padding: 1.5em 5% 1.5em 5%;
 176         margin: 1em 5% 1em 5%;
 177         background: #234;
 178         color: #def;
 179 }
 180
 181 div.footer a {
 182         padding: 0.5em 0.5em 0 0.5em;
 183         font-weight: normal;
 184         color: #ccc;
 185         text-decoration: underline;
 186 }
 187
 188 .footer .col1 img {
 189         margin: 0.5em 0;
 190 }
 191 .footer td.col1 {
 192         width: 20%;
 193         text-align: right;
 194         color: #eee;
 195         border-right: solid 1px #abc;
 196         padding-right: 1em;
 197 }
 198
 199 .footerer {
 200         text-align: center;
 201         font-size: 70%;
 202         margin-bottom: 2em;
 203 }
 204 .footerer a {
 205         text-decoration: underline;
 206         font-weight: normal;
 207 }
 208 .footerer a, .footerer p {
 209         color: #888;
 210 }
 211
 212 img.lilogo {
 213         padding: 0 1em;
 214         width: 120px;
 215 }
 216
 217 div.header {
 218         background: #333;
 219         background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
 220         background-image: -moz-linear-gradient(#444, #222)
 221         text-shadow: black 0 0 0.2em;
 222         border-bottom: solid 1px #888;
 223         font-size: 130%;
 224         color: white;
 225         font-weight: bold;
 226         text-align: center;
 227         padding: 0.5em 1em;
 228         margin: 0;
 229 }
 230
 231 div#wrapper div#header {
 232         color: #eee;
 233         background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(68, 68, 68)), to(rgb(34, 34, 34)));
 234         height: 42px;
 235         padding-top: 5px;
 236         font-size: 15px;
 237 }
 238 div#wrapper div#header div.buttons {
 239   float: right;
 240 }
 241
 242 div#wrapper div#header {
 243         background: #444;
 244 }
 245
 246 div#wrapper div#header .rcol {
 247         padding: 10px 1em 0 0;
 248 }
 249 div#wrapper div#header .rcol a {
 250         text-decoration: underline;
 251 }
 252
 253 div.area {
 254         -moz-border-radius: 0.20em;
 255         -webkit-border-radius: 0.20em;
 256         border: solid 1px #888;
 257         margin: 2%;
 258         padding: 0.5em 2%;
 259 }
 260
 261 div.content h1 {
 262         color: #000;
 263         text-align: left;
 264         font-weight: bold;
 265         font-family: Georgia, Helvetica;
 266 }
 267
 268 #sidebar {
 269         float: left;
 270         width: 30%;
 271         height: 100%;
 272         background: #fff;
 273 }
 274
 275 #sidebar div.container {
 276         -moz-border-radius: 0.3em;
 277         -webkit-border-radius: 0.3em;
 278         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 279         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 280         height: 100%;
 281         border-right: solid 1px #888;
 282 }
 283
 284 .hidden {
 285         display: none;
 286 }
 287
 288 #editor {
 289         float: left;
 290         width: 70%;
 291 }
 292
 293 #title {
 294   zpadding: 5px;
 295   font-size: 120%;
 296   color: #fff;
 297   background: #000;
 298 }
 299
 300 #title .buttons {
 301   float: right;
 302 }
 303
 304 #title .buttons a {
 305   zmargin-left: 10px;
 306 }
 307
 308 /*========================*/
 309 #notesContainer {
 310 float: left;
 311 width: 25%;
 312 }
 313 #notesHeader {
 314 zpadding: 0.8em;
 315 border: 2px solid #ddd;
 316 }
 317 #notesComponent {
 318 zmargin-top: 4em;
 319 zpadding: 0.8em;
 320 border: 2px solid #ddd;
 321 text-align: center;
 322 }
 323
 324 #backchat {
 325         height: 100%;
 326         background: #eef;
 327 }
 328 #backchatHeader {
 329 font-weight: bold;
 330 zpadding: 0.5em 0.8em;
 331 background-color: #DDD;
 332 border-bottom: 2px solid #aaa;
 333 }
 334 #backchatHeader input { font-size: 0.7em; }
 335 #backchatHeaderInstructions {
 336 display: none;
 337
 338 background-color: #EEE;
 339 zpadding: 1em;
 340 }
 341 #backchatHeaderInstructions p {
 342 text-indent: 1em;
 343 zmargin-top: 0.2em;
 344 }
 345
 346 #sidebar div.container .userBox {
 347         position: relative; /* allow position absolute for charsLeftMsg and submit btn */
 348         padding: 0.5em 1em;
 349         border-bottom: 1px solid #aaa;
 350         background-color: #caccd0;
 351 }
 352 #userHeader {
 353         zmargin: 0 0 0.5em 0;
 354 }
 355 #loginBox {
 356         zpadding: 0.5em 1em;
 357         border-bottom: 1px solid #aaa;
 358         background: #ddd;
 359         background-image: -webkit-gradient(linear, left top, left bottom, from(#ddf), to(#cce));
 360         background-image: -moz-linear-gradient(#ddf, #cce)
 361 }
 362 #userHeader .userName {
 363         font-weight: bold;
 364         font-size: 110%;
 365         width: 10em;
 366 }
 367 #userHeader .userAffil {
 368         font-style: italic;
 369 }
 370 #userButtons {
 371 float: right;
 372 }
 373 #enterPostTextarea {
 374         width: 98%;
 375         zpadding: 0.3em 0.4em;
 376 }
 377 #charsLeftMsg {
 378 position: absolute;
 379 left: 3em;
 380 bottom: 1.5em;
 381 color: red;
 382 }
 383 #submitPost {
 384         /*position: absolute;
 385         right: 1.5em;
 386         bottom: 1.5em;*/
 387 }
 388 #enterUser { display: none; }
 389 #enterAdmin { display: none; }
 390 #posts {
 391         background: #dde;
 392         padding: 1em 1.5em;
 393   overflow-y: auto;
 394 }
 395 #postsHeader {
 396         padding-bottom: 0.5em;
 397 }
 398 .postsHeaderTitle {
 399         font-weight: bold;
 400 }
 401 .showpostsButton {
 402 /* this doesn't work in Firefox; may be impossible on OS X */
 403 font-size: 70%;
 404 }
 405 #postsHeaderInstructions {
 406         background-color: #ffc3c3;
 407 }
 408 #recentPosts {
 409 min-height: 6em;
 410  padding: 1em 1.5em;
 411 }
 412 #posts .postContainer {
 413         min-height: 5.3em;
 414
 415         -moz-border-radius: 0.3em;
 416         -webkit-border-radius: 0.3em;
 417
 418         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 419         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 420
 421         margin: 0.8em 0;
 422         padding: 0.5em 1em;
 423         background: #fff;
 424 }
 425 #posts .postVoteContainer {
 426         float: left;
 427 }
 428 .unvoted {
 429         background-color: #afa;
 430 }
 431 #posts .postVoteContainer .vote-tally-rect {
 432         width: 1.6em;
 433         height: 1em;
 434         border: 1px solid #aaa;
 435         -moz-border-radius: 0.2em;
 436         -webkit-border-radius: 0.2em;
 437         padding: 0.2em;
 438         background-color: #fff;
 439         text-align: right;
 440         cursor: pointer; cursor: hand;
 441         font-size: 120%;
 442         font-weight: bold;
 443         margin: 0.2em;
 444         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 445         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 446 }
 447 .postVoteContainer .vote-up {
 448 background: transparent url(/images/arrow_up.png) no-repeat scroll 10% 50%;
 449 }
 450 .postVoteContainer .voteFlag {
 451         cursor: pointer; cursor: hand;
 452         font-size: 80%;
 453         color: #fff;
 454         background: #f00;
 455         font-weight: bold;
 456         text-align: center;
 457         -moz-border-radius: 0.3em;
 458         -webkit-border-radius: 0.3em;
 459         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 460         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 461 }
 462 #posts .postDisplayContainer {
 463  margin: 0.3em 0.3em 0.3em 4em;
 464 }
 465 #posts .postBody {
 466         min-height: 4.0em;
 467         overflow: auto;
 468 }
 469 #posts .postFooter {
 470         border-top: solid 1px #ccc;
 471         color: #888;
 472         padding: 0.2em 0em;
 473         font-style: italic;
 474         font-size: 90%;
 475         text-align:right;
 476 }
 477 #posts .commentFooter {
 478         border-top: solid 1px #ccc;
 479         color: #666;
 480         padding: 0.2em 0em;
 481         font-style: italic;
 482         font-size: 80%;
 483 }
 484 #posts .postFooter .postid {
 485         float: right;
 486         font-size: 70%;
 487         color: #ccc;
 488 }
 489 #posts .userName {
 490 }
 491 #posts .userAffil {
 492 }
 493
 494 #posts .commentAmt {
 495   cursor: pointer; cursor: hand;
 496 }
 497
 498 #loginForm .label {
 499         width: 50%;
 500         text-align: right;
 501         display: table-cell;
 502         font-weight: bold;
 503 }
 504 #loginForm .data {
 505         display: table-cell;
 506 }
 507 #loginBox h1 {
 508         font-size: 105%;
 509 }
 510
 511 #commentText {
 512         width: 100%;
 513 }
 514 #posts .flagged {
 515   background: #fee;
 516 }
 517 #posts .flagged .commentForm {
 518   display: none;
 519 }
 520 #posts .instructor {
 521   background: #EDDA74;
 522 }
 523
 524 .page a {
 525 }
 526
 527 a {
 528   font-weight: bold;
 529   text-decoration: none;
 530 }
 531 span.sub_menu{
 532         zfloat:right;
 533         border-top:  solid 1px #a98;
 534         border-bottom:  solid 1px #000;
 535         background-color:#567;
 536         -moz-border-radius: 0.3em;
 537         -webkit-border-radius: 0.3em;
 538         padding: 0.1em 0.5em;
 539         color:#fff;
 540         text-align: right;
 541         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 542         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 543 }
 544 span.sub_menu a{
 545         color:#fff;
 546         text-decoration:none;
 547         font-size: 90%;
 548 }
 549 span.sub_menu a:hover {
 550         color:#fff;
 551         text-decoration:underline;
 552 }
 553
 554
 555 #sidebar h3 {
 556         margin: 0;
 557         font-size: 105%;
 558 }
 559 .rnd {
 560         -moz-border-radius: 0.3em;
 561         -webkit-border-radius: 0.3em;
 562         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 563         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 564 }
 565
 566 .ylw{
 567         background:#F7F4CE;
 568 }
 569
 570 .blu{
 571         background: #def;
 572 }
 573 .frm_login{
 574         width:275px;
 575         zmargin:0 auto;
 576 }
 577
 578 .row {
 579         display: table-row;
 580 }
 581 .row .label {
 582         width: 50%;
 583         text-align: right;
 584         display: table-cell;
 585         padding: 0.8em 3% 0.8em 0%;
 586         white-space: nowrap;
 587         font-weight: bold;
 588 }
 589 .row .field {
 590         width: 300px;
 591
 592         display: table-cell;
 593         padding: 0.2em 0;
 594 }
 595 .row .field input {
 596         width: 90%;
 597 }
 598
 599 .commentContainer {
 600         background: #eee;
 601         padding: 0.5em;
 602 }
 603
 604 div.school {
 605
 606         cursor: pointer; cursor: hand;
 607         margin: 1%;
 608         padding: 2%;
 609         border: solid 1px #888;
 610         -moz-border-radius: 0.20em;
 611         -webkit-border-radius: 0.20em;
 612         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .1);
 613         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .1);
 614         /*
 615         */
 616
 617
 618 }
 619
 620 /*
 621 .content .container1 h1 {
 622         background: #778899;
 623         color: #fff;
 624         padding: 0.5em 1em 0.5em 8em;
 625         position: relative;
 626         left: -8em;
 627         letter-spacing: 0.1em;
 628
 629         -webkit-border-top-right-radius: 0.3em;
 630         -webkit-border-bottom-right-radius: 0.3em;
 631         -moz-border-radius-topright: 0.3em;
 632         -moz-border-radius-bottomright: 0.3em;
 633         border-top-right-radius: 0.3em;
 634         border-bottom-right-radius: 0.3em;
 635
 636         -moz-border-radius: 0.3em;
 637         -webkit-border-radius: 0.3em;
 638         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 639         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 640 }
 641 */
 642 .content h1 {
 643         border-bottom: 2px solid #5c6572;
 644         background: transparent url("/images/bg_main-heading.gif") 0 100% repeat-x;
 645         font-family: Georgia, helvetica;
 646         font-weight: normal;
 647         font-size: 140%;
 648         padding: 0.2em 1%;
 649 }
 650
 651 div.menubar {
 652         text-align: right;
 653 }
 654
 655 div.school div.name {
 656         font-weight: bold;
 657         font-size: 120%;
 658         margin: 0 0;
 659 }
 660
 661 div.school div.desc {
 662         font-size: 90%;
 663         color: #888;
 664         font-style: italic;
 665         margin: 0 0;
 666 }
 667
 668 div.course {
 669         margin: 1em 0;
 670 }
 671
 672 #messages {
 673         margin: 0em 5%;
 674 }
 675 #messages ul {
 676         padding: 0.5em 1em 0.5em 3em;
 677         color: #fff;
 678 }
 679 #messages ul a {
 680         font-weight: bold;
 681         text-decoration: underline;
 682         color: #fff;
 683 }
 684 #messages ul.info {
 685         background: #090;
 686 }
 687 #messages ul.error {
 688         background: #900;
 689 }
 690
 691
 692 .anonpost {
 693         font-size: 70%;
 694 }
 695
 696 a.readonlylink {
 697         font-weight: normal;
 698         color: #bbb;
 699         font-size: 80%;
 700         margin: 0 2em;
 701 }
 702
 703 div#editor div.readonly {
 704         background: #fff;
 705         min-height: 100%;
 706         padding: 1.5em 3%;
 707 }
 708
 709 div#reportedContainer h1 {
 710         margin: 0;
 711         padding: 0.3em 1em;
 712         font-weight: bold;
 713         font-size: 100%;
 714         color:#442;
 715         text-align: left;
 716         background-color:#caccd0;
 717         -moz-border-radius: 0.3em;
 718         -webkit-border-radius: 0.3em;
 719         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 720         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 721         letter-spacing: 0.1em;
 722         cursor: pointer; cursor: hand;
 723 }
 724
 725 div#postsHeader h1 {
 726         margin: 0;
 727         padding: 0.3em 1em;
 728         font-family: helvetica;
 729         font-weight: bold;
 730         font-size: 100%;
 731         color:#442;
 732         text-align: left;
 733         background-color:#caccd0;
 734         -moz-border-radius: 0.3em;
 735         -webkit-border-radius: 0.3em;
 736         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 737         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 738         letter-spacing: 0.1em;
 739 }
 740
 741 #sortPosts {
 742         float: right;
 743 }
 744
 745 div.postContainer div.privacy {
 746         background: #44a;
 747         font-size: 75%;
 748         color: #eef;
 749         text-align: center;
 750 }
 751
 752
 753 table.contact td {
 754         padding: 0.4em 1em;
 755         vertical-align: top;
 756 }
 757
 758 table.contact td:first-child {
 759         text-align: right;
 760         font-weight: bold;
 761 }
 762
 763
 764 .staticNote {
 765         margin: 2em 0;
 766 }
 767
 768 .button {
 769         display: inline-block;
 770         outline: none;
 771         cursor: pointer;
 772         text-align: center;
 773         text-decoration: none;
 774         font: 14px/100% Arial, Helvetica, sans-serif;
 775         padding: .5em 2em .55em;
 776         text-shadow: 0 1px 1px rgba(0,0,0,.3);
 777         -webkit-border-radius: .2em;
 778         -moz-border-radius: .2em;
 779         border-radius: .2em;
 780         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 781         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 782         box-shadow: 0 1px 2px rgba(0,0,0,.2);
 783         font-weight: bold;
 784 }
 785 .button:hover {
 786         text-decoration: none;
 787 }
 788 .button:active {
 789         position: relative;
 790         top: 1px;
 791 }
 792
 793 .orange {
 794         color: #fef4e9;
 795         border: solid 1px #da7c0c;
 796         background: #f78d1d;
 797         background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 798         background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
 799         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
 800 }
 801 .orange:hover {
 802         background: #f47c20;
 803         background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
 804         background: -moz-linear-gradient(top,  #f88e11,  #f06015);
 805         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
 806 }
 807 .orange:active {
 808         color: #fcd3a5;
 809         background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
 810         background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
 811         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
 812 }
 813 .green {
 814         color: #efe;
 815         border: solid 1px #aca;
 816         background: #080;
 817         background: -webkit-gradient(linear, left top, left bottom, from(#090), to(#070));
 818         background: -moz-linear-gradient(top,  #090,  #070);
 819         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bb00', endColorstr='#007700');
 820 }
 821 .green:active {
 822         background: #eef;
 823         background: -webkit-gradient(linear, left top, left bottom, from(#009), to(#007));
 824         background: -moz-linear-gradient(top,  #009,  #007);
 825         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000bb', endColorstr='#000077');
 826 }
 827
 828 div.press {
 829         margin: 2em 0;
 830 }
 831 img.press {
 832         height: 2.5em;
 833         float: left;
 834         zborder: solid 1px #aaa;
 835         margin: 0 2em 1em 0;
 836 }
 837
 838 div.press p.date {
 839         font-size: 90%;
 840         color: #68a;
 841 }
 842
 843 div.press p.readmore {
 844         font-size: 90%;
 845         font-style: italic;
 846 }
 847
 848 div.press p.readmore a {
 849         color: #48c;
 850 }
 851
 852 div.conduct { text-align: center; }
 853 div.conduct p.academic {
 854         padding: 2em 0;
 855 }
 856 div.conduct img {
 857         padding: 20px;
 858         border: solid 1px #888;
 859         background: -webkit-gradient(linear, left top, left bottom, from(#fcfcff), to(#f4f4ff));
 860         background: -moz-linear-gradient(top,  #fcfcff,  #f4f4ff);
 861         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcff', endColorstr='#f4f4ff');
 862         -webkit-border-radius: .2em;
 863         -moz-border-radius: .2em;
 864         border-radius: .2em;
 865         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
 866         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
 867         box-shadow: 0 1px 2px rgba(0,0,0,.5);
 868 }
 869 div.conduct p.vague {
 870         font-style: italic;
 871         font-size: 80%;
 872         color: #888;
 873 }
 874
 875
 876