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         margin: 1%;
 607         padding: 2%;
 608         /*
 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 .school h2 {
 620 }
 621
 622 /*
 623 .content .container1 h1 {
 624         background: #778899;
 625         color: #fff;
 626         padding: 0.5em 1em 0.5em 8em;
 627         position: relative;
 628         left: -8em;
 629         letter-spacing: 0.1em;
 630
 631         -webkit-border-top-right-radius: 0.3em;
 632         -webkit-border-bottom-right-radius: 0.3em;
 633         -moz-border-radius-topright: 0.3em;
 634         -moz-border-radius-bottomright: 0.3em;
 635         border-top-right-radius: 0.3em;
 636         border-bottom-right-radius: 0.3em;
 637
 638         -moz-border-radius: 0.3em;
 639         -webkit-border-radius: 0.3em;
 640         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 641         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 642 }
 643 */
 644 .content .container1 h1 {
 645         border-bottom: 2px solid #5c6572;
 646         background: transparent url("/images/bg_main-heading.gif") 0 100% repeat-x;
 647         font-family: Georgia, helvetica;
 648         font-weight: normal;
 649         font-size: 140%;
 650         padding: 0.2em 1%;
 651 }
 652
 653 div.menubar {
 654         text-align: right;
 655 }
 656
 657 div.school h2 {
 658         font-size: 120%;
 659         margin: 0 0;
 660 }
 661
 662 #messages {
 663         margin: 0em 5%;
 664 }
 665 #messages ul {
 666         padding: 0.5em 1em 0.5em 3em;
 667         color: #fff;
 668 }
 669 #messages ul a {
 670         font-weight: bold;
 671         text-decoration: underline;
 672         color: #fff;
 673 }
 674 #messages ul.info {
 675         background: #090;
 676 }
 677 #messages ul.error {
 678         background: #900;
 679 }
 680
 681
 682 .anonpost {
 683         font-size: 70%;
 684 }
 685
 686 a.readonlylink {
 687         font-weight: normal;
 688         color: #bbb;
 689         font-size: 80%;
 690         margin: 0 2em;
 691 }
 692
 693 div#editor div.readonly {
 694         background: #fff;
 695         min-height: 100%;
 696         padding: 1.5em 3%;
 697 }
 698
 699 div#reportedContainer h1 {
 700         margin: 0;
 701         padding: 0.3em 1em;
 702         font-weight: bold;
 703         font-size: 100%;
 704         color:#442;
 705         text-align: left;
 706         background-color:#caccd0;
 707         -moz-border-radius: 0.3em;
 708         -webkit-border-radius: 0.3em;
 709         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 710         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 711         letter-spacing: 0.1em;
 712         cursor: pointer; cursor: hand;
 713 }
 714
 715 div#postsHeader h1 {
 716         margin: 0;
 717         padding: 0.3em 1em;
 718         font-family: helvetica;
 719         font-weight: bold;
 720         font-size: 100%;
 721         color:#442;
 722         text-align: left;
 723         background-color:#caccd0;
 724         -moz-border-radius: 0.3em;
 725         -webkit-border-radius: 0.3em;
 726         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 727         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 728         letter-spacing: 0.1em;
 729 }
 730
 731 #sortPosts {
 732         float: right;
 733 }
 734
 735 div.postContainer div.privacy {
 736         background: #44a;
 737         font-size: 75%;
 738         color: #eef;
 739         text-align: center;
 740 }
 741
 742
 743 table.contact td {
 744         padding: 0.4em 1em;
 745         vertical-align: top;
 746 }
 747
 748 table.contact td:first-child {
 749         text-align: right;
 750         font-weight: bold;
 751 }
 752
 753
 754 .staticNote {
 755         margin: 2em 0;
 756 }
 757
 758 .button {
 759         display: inline-block;
 760         outline: none;
 761         cursor: pointer;
 762         text-align: center;
 763         text-decoration: none;
 764         font: 14px/100% Arial, Helvetica, sans-serif;
 765         padding: .5em 2em .55em;
 766         text-shadow: 0 1px 1px rgba(0,0,0,.3);
 767         -webkit-border-radius: .2em;
 768         -moz-border-radius: .2em;
 769         border-radius: .2em;
 770         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 771         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 772         box-shadow: 0 1px 2px rgba(0,0,0,.2);
 773         font-weight: bold;
 774 }
 775 .button:hover {
 776         text-decoration: none;
 777 }
 778 .button:active {
 779         position: relative;
 780         top: 1px;
 781 }
 782
 783 .orange {
 784         color: #fef4e9;
 785         border: solid 1px #da7c0c;
 786         background: #f78d1d;
 787         background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 788         background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
 789         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
 790 }
 791 .orange:hover {
 792         background: #f47c20;
 793         background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
 794         background: -moz-linear-gradient(top,  #f88e11,  #f06015);
 795         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
 796 }
 797 .orange:active {
 798         color: #fcd3a5;
 799         background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
 800         background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
 801         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
 802 }
 803 .green {
 804         color: #efe;
 805         border: solid 1px #aca;
 806         background: #080;
 807         background: -webkit-gradient(linear, left top, left bottom, from(#090), to(#070));
 808         background: -moz-linear-gradient(top,  #090,  #070);
 809         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bb00', endColorstr='#007700');
 810 }
 811 .green:active {
 812         background: #eef;
 813         background: -webkit-gradient(linear, left top, left bottom, from(#009), to(#007));
 814         background: -moz-linear-gradient(top,  #009,  #007);
 815         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000bb', endColorstr='#000077');
 816 }
 817
 818 div.press {
 819         margin: 2em 0;
 820 }
 821 img.press {
 822         height: 2.5em;
 823         float: left;
 824         zborder: solid 1px #aaa;
 825         margin: 0 2em 1em 0;
 826 }
 827
 828 div.press p.date {
 829         font-size: 90%;
 830         color: #68a;
 831 }
 832
 833 div.press p.readmore {
 834         font-size: 90%;
 835         font-style: italic;
 836 }
 837
 838 div.press p.readmore a {
 839         color: #48c;
 840 }
 841
 842 div.conduct { text-align: center; }
 843 div.conduct p.academic {
 844         padding: 2em 0;
 845 }
 846 div.conduct img {
 847         padding: 20px;
 848         border: solid 1px #888;
 849         background: -webkit-gradient(linear, left top, left bottom, from(#fcfcff), to(#f4f4ff));
 850         background: -moz-linear-gradient(top,  #fcfcff,  #f4f4ff);
 851         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcff', endColorstr='#f4f4ff');
 852         -webkit-border-radius: .2em;
 853         -moz-border-radius: .2em;
 854         border-radius: .2em;
 855         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
 856         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
 857         box-shadow: 0 1px 2px rgba(0,0,0,.5);
 858 }
 859 div.conduct p.vague {
 860         font-style: italic;
 861         font-size: 80%;
 862         color: #888;
 863 }
 864
 865
 866