[Summary view] [Print] [Text view]

   1  /* $Id: style.css,v 1.1.2.10 2010/04/24 19:35:19 sociotech Exp $ */

   2  
   3  /* Margin, Padding, Border Resets

   4  -------------------------------------------------------------- */
   5  html, body, div, span, p,
   6  dl, dt, dd, ul, ol, li,
   7  h1, h2, h3, h4, h5, h6,
   8  form, fieldset, input, textarea {
   9    margin: 0;
  10    padding: 0;
  11  }
  12  
  13  img, abbr, acronym {
  14    border: 0;
  15  }
  16  
  17  
  18  /* HTML Elements

  19  -------------------------------------------------------------- */
  20  p {
  21    margin: 1em 0;
  22  }
  23  
  24  h1, h2, h3, h4, h5, h6 {
  25    margin: 0 0 0.5em 0;
  26  }
  27  
  28  ul, ol, dd {
  29    margin-bottom: 1.5em;
  30    margin-left: 2em; /* LTR */
  31  }
  32  
  33  li ul, li ol {
  34    margin-bottom: 0;
  35  }
  36  
  37  ul {
  38    list-style-type: disc;
  39  }
  40  
  41  ol {
  42    list-style-type: decimal;
  43  }
  44  
  45  a {
  46    margin: 0;
  47    padding: 0;
  48    text-decoration: none;
  49  }
  50  
  51  a:link,
  52  a:visited {
  53  }
  54  
  55  a:hover,
  56  a:focus,
  57  a:active {
  58    text-decoration: underline;
  59  }
  60  
  61  blockquote {
  62  }
  63  
  64  hr {
  65    height: 1px;
  66    border: 1px solid gray;
  67  }
  68  
  69  /* tables */

  70  table {
  71    border-spacing: 0;
  72    width: 100%;
  73  }
  74  
  75  caption {
  76    text-align: left;
  77  }
  78  
  79  th {
  80    margin: 0;
  81    padding: 0 10px 0 0;
  82  }
  83  
  84  th.active img {
  85    display: inline;
  86  }
  87  
  88  thead th {
  89    padding-right: 10px;
  90  }
  91  
  92  td {
  93    margin: 0;
  94    padding: 3px;
  95  }
  96  
  97  /* Remove grid block styles from Drupal's table ".block" class */

  98  td.block {
  99    border: none;
 100    float: none;
 101    margin: 0;
 102  }
 103  
 104  /* Maintain light background/dark text on dragged table rows */

 105  tr.drag td,
 106  tr.drag-previous td {
 107    background: #FFFFDD;
 108    color: #000;
 109  }
 110  
 111  
 112  /* Accessibility

 113  /-------------------------------------------------------------- */
 114  /* skip-link to main content, hide offscreen */

 115  #skip a,

 116  #skip a:hover,

 117  #skip a:visited {

 118    height: 1px;
 119    left: 0px;
 120    overflow: hidden;
 121    position: absolute;
 122    top: -500px;
 123    width: 1px;
 124  }
 125  
 126  /* make skip link visible when selected */

 127  #skip a:active,

 128  #skip a:focus {

 129    background-color: #fff;
 130    color: #000;
 131    height: auto;
 132    padding: 5px 10px;
 133    position: absolute;
 134    top: 0;
 135    width: auto;
 136    z-index: 99;
 137  }
 138  
 139  #skip a:hover {

 140    text-decoration: none;
 141  }
 142  
 143  
 144  /* Helper Classes

 145  /-------------------------------------------------------------- */
 146  .hide {
 147    display: none;
 148    visibility: hidden;
 149  }
 150  
 151  .left {
 152    float: left;
 153  }
 154  
 155  .right {
 156    float: right;
 157  }
 158  
 159  .clear {
 160    clear: both;
 161  }
 162  
 163  /* clear floats after an element */

 164  /* (also in ie6-fixes.css, ie7-fixes.css) */

 165  .clearfix:after,
 166  .clearfix .inner:after {
 167    clear: both;
 168    content: ".";
 169    display: block;
 170    font-size: 0;
 171    height: 0;
 172    line-height: 0;
 173    overflow: auto;
 174    visibility: hidden;
 175  }
 176  
 177  
 178  /* Grid Layout Basics (specifics in 'gridnn_x.css')

 179  -------------------------------------------------------------- */
 180  /* center page and full rows: override this for left-aligned page */

 181  .page,
 182  .row {
 183    margin: 0 auto;
 184  }
 185  
 186  /* fix layout/background display on floated elements */

 187  .row,
 188  .nested,
 189  .block {
 190    overflow: hidden;
 191  }
 192  
 193  /* full-width row wrapper */

 194  div.full-width {
 195    width: 100%;
 196  }
 197  
 198  /* float, un-center & expand nested rows */

 199  .nested {
 200    float: left; /* LTR */
 201    margin: 0;
 202    width: 100%;
 203  }
 204  
 205  /* allow Superfish menus to overflow */

 206  #sidebar-first.nested,

 207  #sidebar-last.nested,

 208  div.superfish {
 209    overflow: visible;
 210  }
 211  
 212  /* sidebar layouts */

 213  .sidebars-both-first .content-group {
 214    float: right; /* LTR */
 215  }
 216  
 217  .sidebars-both-last .sidebar-first {
 218    float: right; /* LTR */
 219  }
 220  
 221  /* Grid Mask Overlay

 222  -------------------------------------------------------------- */
 223  #grid-mask-overlay {

 224    display: none;
 225    left: 0;
 226    opacity: 0.75;
 227    position: absolute;
 228    top: 0;
 229    width: 100%;
 230    z-index: 997;
 231  }
 232  
 233  #grid-mask-overlay .row {

 234    margin: 0 auto;
 235  }
 236  
 237  #grid-mask-overlay .block .inner {

 238    background-color: #e3fffc;
 239    outline: none;
 240  }
 241  
 242  .grid-mask #grid-mask-overlay {
 243    display: block;
 244  }
 245  
 246  .grid-mask .block {
 247    overflow: visible;
 248  }
 249  
 250  .grid-mask .block .inner {
 251    outline: #f00 dashed 1px;
 252  }
 253  
 254  #grid-mask-toggle {

 255    background-color: #777;
 256    border: 2px outset #fff;
 257    color: #fff;
 258    cursor: pointer;
 259    font-variant: small-caps;
 260    font-weight: normal;
 261    left: 0;
 262    -moz-border-radius: 5px;
 263    padding: 0 5px 2px 5px;
 264    position: absolute;
 265    text-align: center;
 266    top: 22px;
 267    -webkit-border-radius: 5px;
 268    z-index: 998;
 269  }
 270  
 271  #grid-mask-toggle.grid-on {

 272    border-style: inset;
 273    font-weight: bold;
 274  }
 275  
 276  
 277  /* Site Info

 278  -------------------------------------------------------------- */
 279  #header-site-info {

 280    width: auto;
 281  }
 282  
 283  #site-name-wrapper {

 284    float: left;   /* LTR */
 285  }
 286  
 287  #site-name,

 288  #slogan {

 289    display: block;
 290  }
 291  
 292  #site-name a:link,

 293  #site-name a:visited,

 294  #site-name a:hover,

 295  #site-name a:active {

 296    text-decoration: none;
 297  }
 298  
 299  #site-name a {

 300    outline: 0;
 301  }
 302  
 303  
 304  /* Regions

 305  -------------------------------------------------------------- */
 306  
 307  /* Header Regions

 308  -------------------------------------------------------------- */
 309  #header-group {

 310    overflow: visible;
 311  }
 312  
 313  /* Content Regions (Main)

 314  -------------------------------------------------------------- */
 315  .node-bottom {
 316    margin: 1.5em 0 0 0;
 317  }
 318  
 319  /*  Clear floats on regions

 320  -------------------------------------------------------------- */
 321  #header-top-wrapper,

 322  #header-group-wrapper,

 323  #preface-top-wrapper,

 324  #main-wrapper,

 325  #preface-bottom,

 326  #content-top,

 327  #content-region,

 328  #content-bottom,

 329  #postscript-top,

 330  #postscript-bottom-wrapper,

 331  #footer-wrapper,

 332  #footer-message-wrapper {

 333    clear: both;
 334  }
 335  
 336  
 337  /* Drupal Core

 338  /-------------------------------------------------------------- */
 339  
 340  /* Lists

 341  /-------------------------------------------------------------- */
 342  .item-list ul li {
 343    margin: 0;
 344  }
 345  
 346  .block ul,
 347  .block ol {
 348    margin-left: 2em; /* LTR */
 349    padding: 0;
 350  }
 351  
 352  .content-inner ul,
 353  .content-inner ol {
 354    margin-bottom: 1.5em;
 355  }
 356  
 357  .content-inner li ul,
 358  .content-inner li ol {
 359    margin-bottom: 0;
 360  }
 361  
 362  .block ul.links {
 363    margin-left: 0; /* LTR */
 364  }
 365  
 366  /* Menus

 367  /-------------------------------------------------------------- */
 368  ul.menu li,
 369  ul.links li {
 370    margin: 0;
 371    padding: 0;
 372  }
 373  
 374  /* Primary Menu

 375  /-------------------------------------------------------------- */
 376  /* use ID to override overflow: hidden for .block, dropdowns should always be visible */

 377  #primary-menu {

 378    overflow: visible;
 379  }
 380  
 381  /* remove left margin from primary menu list */

 382  #primary-menu.block ul {

 383    margin-left: 0; /* LTR */
 384  }
 385  
 386  /* remove bullets, float left */

 387  .primary-menu ul li {
 388    float: left; /* LTR */
 389    list-style: none;
 390    position: relative;
 391  }
 392  
 393  /* style links, and unlinked parent items (via Special Menu Items module) */

 394  .primary-menu ul li a,
 395  .primary-menu ul li .nolink {
 396    display: block;
 397    padding: 0.75em 1em;
 398    text-decoration: none;
 399  }
 400  
 401  /* Add cursor style for unlinked parent menu items */

 402  .primary-menu ul li .nolink {
 403    cursor: default;
 404  }
 405  
 406  /* remove outline */

 407  .primary-menu ul li:hover,
 408  .primary-menu ul li.sfHover,
 409  .primary-menu ul a:focus,
 410  .primary-menu ul a:hover,
 411  .primary-menu ul a:active {
 412    outline: 0;
 413  }
 414  
 415  /* Secondary Menu

 416  /-------------------------------------------------------------- */
 417  .secondary-menu-inner ul.links {
 418    margin-left: 0; /* LTR */
 419  }
 420  
 421  
 422  /* Skinr styles

 423  /-------------------------------------------------------------- */
 424  
 425  /* Skinr selectable helper classes */

 426  .fusion-clear {
 427    clear: both;
 428  }
 429  
 430  div.fusion-right {
 431    float: right; /* LTR */
 432  }
 433  
 434  div.fusion-center {
 435    float: none;
 436    margin-left: auto;
 437    margin-right: auto;
 438  }
 439  
 440  .fusion-center-content .inner {
 441    text-align: center;
 442  }
 443  
 444  .fusion-center-content .inner ul.menu {
 445    display: inline-block;
 446    text-align: center;
 447  }
 448  
 449  /* required to override drupal core */

 450  .fusion-center-content #user-login-form {
 451    text-align: center;
 452  }
 453  
 454  .fusion-right-content .inner {
 455    text-align: right; /* LTR */
 456  }
 457  
 458  /* required to override drupal core */

 459  .fusion-right-content #user-login-form {
 460    text-align: right; /* LTR */
 461  }
 462  
 463  /* Large, bold callout text style */

 464  .fusion-callout .inner {
 465    font-weight: bold;
 466  }
 467  
 468  /* Extra padding on block */

 469  .fusion-padding .inner {
 470    padding: 30px;
 471  }
 472  
 473  /* Adds 1px border and padding */

 474  .fusion-border .inner {
 475    border-width: 1px;
 476    border-style: solid;
 477    padding: 10px;
 478  }
 479  
 480  /* Single line menu with separators */

 481  .fusion-inline-menu .inner ul.menu {
 482    margin-left: 0; /* LTR */
 483  }
 484  
 485  .fusion-inline-menu .inner ul.menu li {
 486    border-right-style: solid;
 487    border-right-width: 1px;
 488    display: inline;
 489    margin: 0;
 490    padding: 0;
 491    white-space: nowrap;
 492  }
 493  
 494  .fusion-inline-menu .inner ul.menu li a {
 495    padding: 0 8px 0 5px; /* LTR */
 496  }
 497  
 498  .fusion-inline-menu .inner ul li.last {
 499    border: none;
 500  }
 501  
 502  /* Hide second level (and beyond) menu items */

 503  .fusion-inline-menu .inner ul li.expanded ul {
 504    display: none;
 505  }
 506  
 507  /* Multi-column menu style with bolded top level menu items */

 508  .fusion-multicol-menu .inner ul {
 509    margin-left: 0; /* LTR */
 510    text-align: left; /* LTR */
 511  }
 512  
 513  .fusion-multicol-menu .inner ul li {
 514    border-right: none;
 515    display: block;
 516    font-weight: bold;
 517  }
 518  
 519  .fusion-multicol-menu .inner ul li.last {
 520    border-right: none;
 521  }
 522  
 523  .fusion-multicol-menu .inner ul li.last a {
 524    padding-right: 0; /* LTR */
 525  }
 526  
 527  .fusion-multicol-menu .inner ul li.expanded,
 528  .fusion-multicol-menu .inner ul li.leaf {
 529    float: left; /* LTR */
 530    list-style-image: none;
 531    margin-left: 50px; /* LTR */
 532  }
 533  
 534  .fusion-multicol-menu .inner ul.menu li.first {
 535    margin-left: 0; /* LTR */
 536  }
 537  
 538  .fusion-multicol-menu .inner ul li.expanded li.leaf {
 539    float: none;
 540    margin-left: 0; /* LTR */
 541  }
 542  
 543  .fusion-multicol-menu .inner ul li.expanded ul {
 544    display: block;
 545    margin-left: 0; /* LTR */
 546  }
 547  
 548  .fusion-multicol-menu .inner ul li.expanded ul li {
 549    border: none;
 550    margin-left: 0; /* LTR */
 551    text-align: left; /* LTR */
 552  }
 553  
 554  .fusion-multicol-menu .inner ul.menu li ul.menu li {
 555    font-weight: normal;
 556  }
 557  
 558  /* Split list across multiple columns */

 559  .fusion-2-col-list .inner .item-list ul li,
 560  .fusion-2-col-list .inner ul.menu li {
 561    float: left; /* LTR */
 562    width: 50%;
 563  }
 564  
 565  .fusion-3-col-list .inner .item-list ul li,
 566  .fusion-3-col-list .inner ul.menu li {
 567    float: left; /* LTR */
 568    width: 33%;
 569  }
 570  
 571  .fusion-2-col-list .inner .item-list ul.pager li,
 572  .fusion-3-col-list .inner .item-list ul.pager li {
 573    float: none;
 574    width: auto;
 575  }
 576  
 577  /* List with bottom border

 578      Fixes a common issue when list items have bottom borders and appear to be

 579      doubled when nested lists end and begin. This removes the extra border-bottom

 580   */
 581  .fusion-list-bottom-border .inner ul li {
 582    list-style: none;
 583    list-style-type: none;
 584    list-style-image: none;
 585  }
 586  
 587  .fusion-list-bottom-border .inner ul li,
 588  .fusion-list-bottom-border .view-content div.views-row {
 589    padding: 0 0 0 10px; /* LTR */
 590    border-bottom-style: solid;
 591    border-bottom-width: 1px;
 592    line-height: 216.7%; /* 26px */
 593  }
 594  
 595  .fusion-list-bottom-border .inner ul {
 596    margin: 0;
 597  }
 598  
 599  .fusion-list-bottom-border .inner ul li ul {
 600    border-bottom-style: solid;
 601    border-bottom-width: 1px;
 602  }
 603  
 604  .fusion-list-bottom-border .inner ul li ul li.last {
 605    border-bottom-style: solid;
 606    border-bottom-width: 1px;
 607    margin-bottom: -1px;
 608    margin-top: -1px;
 609  }
 610  
 611  /* List with no bullet and extra padding

 612      This is a common style for menus, which removes the bullet and adds more

 613      vertical padding for a simple list style

 614   */
 615  .fusion-list-vertical-spacing .inner ul,
 616  .fusion-list-vertical-spacing div.views-row-first {
 617    margin-left: 0;
 618    margin-top: 10px;
 619  }
 620  
 621  .fusion-list-vertical-spacing .inner ul li,
 622  .fusion-list-vertical-spacing div.views-row {
 623    line-height: 133.3%; /* 16px/12px */
 624    margin-bottom: 10px;
 625    padding: 0;
 626  }
 627  
 628  .fusion-list-vertical-spacing .inner ul li {
 629    list-style: none;
 630    list-style-image: none;
 631    list-style-type: none;
 632  }
 633  
 634  .fusion-list-vertical-spacing .inner ul li ul {
 635    margin-left: 10px; /* LTR */
 636  }
 637  
 638  /* Bold all links */

 639  .fusion-bold-links .inner a {
 640    font-weight: bold;
 641  }
 642  
 643  /* Float imagefield images left and add margin */

 644  .fusion-float-imagefield-left .field-type-filefield,
 645  .fusion-float-imagefield-left .image-insert,
 646  .fusion-float-imagefield-left .imagecache {
 647    float: left; /* LTR */
 648    margin: 0 15px 15px 0; /* LTR */
 649  }
 650  
 651  /* Clear float on new Views item so each row drops to a new line */

 652  .fusion-float-imagefield-left .views-row {
 653    clear: left; /* LTR */
 654  }
 655  
 656  /* Float imagefield images right and add margin */

 657  .fusion-float-imagefield-right .field-type-filefield,
 658  .fusion-float-imagefield-right .image-insert
 659  .fusion-float-imagefield-right .imagecache {
 660    float: right; /* LTR */
 661    margin: 0 0 15px 15px; /* LTR */
 662  }
 663  
 664  /* Clear float on new Views item so each row drops to a new line */

 665  .fusion-float-imagefield-right .views-row {
 666    clear: right; /* LTR */
 667  }
 668  
 669  /* Superfish: all menus */

 670  .sf-menu li:hover,
 671  .sf-menu li.hover {
 672    z-index: 100;
 673  }
 674  
 675  .sf-menu li {
 676    list-style: none;
 677    list-style-image: none;
 678    list-style-type: none;
 679  }
 680  
 681  /* Superfish: vertical menus */

 682  .superfish-vertical {
 683    position: relative;
 684    z-index: 9;
 685  }
 686  
 687  ul.sf-vertical {
 688    background: #fafafa;
 689    margin: 0;
 690    width: 100%;
 691  }
 692  
 693  ul.sf-vertical li {
 694    border-bottom: 1px solid #ccc;
 695    font-weight: bold;
 696    line-height: 200%; /* 24px */
 697    padding: 0;
 698    width: 100%;
 699  }
 700  
 701  ul.sf-vertical li a:link,
 702  ul.sf-vertical li a:visited,
 703  ul.sf-vertical li .nolink {
 704    margin-left: 10px;
 705    padding: 2px;
 706  }
 707  
 708  ul.sf-vertical li a:hover,
 709  ul.sf-vertical li a.active {
 710    text-decoration: underline;
 711  }
 712  
 713  ul.sf-vertical li ul {
 714    background: #fafafa;
 715    border-top: 1px solid #ccc;
 716    margin-left: 0;
 717    width: 150px;
 718  }
 719  
 720  ul.sf-vertical li ul li.last {
 721    border-top: 1px solid #ccc;
 722    margin-bottom: -1px;
 723    margin-top: -1px;
 724  }
 725  
 726  ul.sf-vertical li ul {
 727    border-top: none;
 728    padding: 4px 0;
 729  }
 730  
 731  ul.sf-vertical li ul li {
 732    border-bottom: none;
 733    line-height: 150%; /* 24px */
 734  }
 735  
 736  ul.sf-vertical li ul li.last {
 737    border-top: none;
 738  }
 739  
 740  ul.sf-vertical li ul li ul {
 741    margin-top: -4px;
 742  }
 743  
 744  
 745  /* Pagers

 746  -------------------------------------------------------------- */
 747  ul.pager {
 748    margin: 20px 0;
 749  }
 750  
 751  ul.pager li {
 752    margin: 0;
 753    white-space: nowrap;
 754  }
 755  
 756  ul.pager a,
 757  ul.pager li.pager-current {
 758    border-style: solid;
 759    border-width: 1px;
 760    padding: 3px 6px 2px 6px;
 761    text-decoration: none;
 762  }
 763  
 764  ul.pager a:link,
 765  ul.pager a:visited {
 766    color: inherit;
 767  }
 768  
 769  ul.pager a:hover,
 770  ul.pager a:active,
 771  ul.pager a:focus {
 772    border-style: solid;
 773    border-width: 1px;
 774  }
 775  
 776  ul.pager span.pager-ellipsis {
 777    padding: 0 4px;
 778  }
 779  
 780  .item-list .pager li {
 781    padding: 0;
 782  }
 783  
 784  
 785  /* Forms

 786  /-------------------------------------------------------------- */
 787  /* defaults for all text fields */

 788  .form-text {
 789    padding: 2px;
 790  }
 791  
 792  /* defaults for all form buttons */

 793  form input.form-submit {
 794    cursor: pointer;
 795    font-weight: bold;
 796    margin: 2px;
 797    padding: 3px 5px;
 798  }
 799  
 800  form input.form-submit:hover {
 801    cursor: pointer;
 802  }
 803  
 804  fieldset {
 805    margin: 15px 0;
 806    padding: 10px;
 807  }
 808  
 809  html.js fieldset.collapsed {
 810    margin-bottom: 15px;
 811  }
 812  
 813  /* limit width of form inputs */

 814  textarea,
 815  .form-item input,
 816  .form-item select,
 817  #content-region input.form-text {

 818    max-width: 95%;
 819  }
 820  
 821  html.js textarea {
 822    max-width: 100%;
 823  }
 824  
 825  /* adjust for collapsible fieldset differences */

 826  fieldset.collapsible .resizable-textarea textarea {
 827    max-width: 101.5%;
 828  }
 829  
 830  fieldset.collapsible .resizable-textarea .grippie {
 831    width: 101%;
 832  }
 833  
 834  /* keep admin pages visible */

 835  .page-admin #main-content-inner .nested,
 836  .page-admin #content-group,
 837  .page-admin #content-region,
 838  .page-admin #content-inner {
 839    margin-bottom: 1.5em;
 840    overflow: visible;
 841  }
 842  
 843  /* keep admin form elements on top */

 844  .page-admin .content-inner-inner {
 845    z-index: 10;
 846  }
 847  
 848  /* theme settings form field width limit */

 849  form#system-theme-settings select,
 850  form#system-theme-settings input.form-text {
 851    max-width: 95%;
 852  }
 853  
 854  /* keep theme select form visible */

 855  #system-themes-form {

 856    position: relative;
 857    z-index: 1;
 858  }
 859  
 860  /* keep theme switcher visible */

 861  .form-item select#edit-theme {
 862    max-width: none;
 863  }
 864  
 865  /* keep admin columns from dropping under */

 866  div.admin .left,
 867  div.admin .right {
 868    margin-left: 1%;
 869    margin-right: 1%;
 870  }
 871  
 872  /* region labels on block admin page */

 873  .block-region {
 874    background-color: #F3F3F3;
 875    border: 3px dashed #CCCCCC;
 876    color: #555555;
 877    font-weight: bold;
 878    margin: 1px;
 879    padding: 3px;
 880    text-align: center;
 881    text-shadow: 1px 1px #FDFDFD;
 882    text-transform: uppercase;
 883    -moz-border-radius: 5px;
 884    -webkit-border-radius: 5px;
 885  }
 886  
 887  
 888  /* User Login Form

 889  /-------------------------------------------------------------- */
 890  /* remove centering on login form */

 891  #user-login-form {

 892    text-align: left; /* LTR */
 893  }
 894  
 895  #user-login-form .item-list {

 896    margin-top: 1em;
 897  }
 898  
 899  #user-login-form .item-list ul {

 900    margin-left: 0; /* LTR */
 901  }
 902  
 903  /* remove list styling on login form */

 904  #user-login-form div.item-list ul li {

 905    list-style-type: none;
 906    margin: 0;
 907  }
 908  
 909  /* adjust openid link (display set in openid.js) */

 910  #user-login-form li.openid-link a,

 911  #user-login li.openid-link a {

 912    background-position: 0 0;
 913    padding: 0 0 0 20px;
 914  }
 915  
 916  /* User Login Form - Horizontal (Skinr selectable)

 917  /-------------------------------------------------------------- */
 918  .fusion-horiz-login#block-user-0 {
 919    float: right;
 920    margin: 20px 0 10px 0;
 921    position: relative;
 922  }
 923  
 924  html.js .fusion-horiz-login#block-user-0 {
 925    margin-top: 10px;
 926  }
 927  
 928  .fusion-horiz-login#block-user-0 h2.title {
 929    display: none;
 930  }
 931  
 932  .fusion-horiz-login#block-user-0 #user-login-form div.form-item,
 933  .fusion-horiz-login#block-user-0 #user-login-form input.form-submit,
 934  .fusion-horiz-login#block-user-0 .item-list {
 935    float: left;
 936    margin: 0 10px 0 0;
 937    text-align: left;
 938  }
 939  
 940  .fusion-horiz-login#block-user-0 #user-login-form input.form-submit {
 941    padding: 2px 15px;
 942    text-align: center;
 943  }
 944  
 945  .fusion-horiz-login#block-user-0 #user-login-form div.form-item {
 946    width: 115px;
 947  }
 948  
 949  .fusion-horiz-login#block-user-0 #user-login-form label {
 950    margin: -20px 0 0 2px;
 951  }
 952  
 953  html.js .fusion-horiz-login#block-user-0 #user-login-form label {
 954    display: block;
 955    font-weight: normal;
 956    margin: 0 0 0 7px;
 957    position: absolute;
 958    top: 2px;
 959  }
 960  
 961  .fusion-horiz-login#block-user-0 #user-login-form input.form-text {
 962    border-width: 1px;
 963    padding: 1px;
 964    width: 125px;
 965  }
 966  
 967  .fusion-horiz-login#block-user-0 .item-list {
 968    margin-top: -1px;
 969  }
 970  
 971  .fusion-horiz-login#block-user-0 .item-list ul {
 972    margin: 0;
 973    padding: 0;
 974  }
 975  
 976  .fusion-horiz-login#block-user-0 .item-list li {
 977    list-style: none;
 978    margin: 0;
 979  }
 980  
 981  .fusion-horiz-login#block-user-0 .item-list li a {
 982    text-decoration: none;
 983  }
 984  
 985  .fusion-horiz-login#block-user-0 .item-list li a:hover,
 986  .fusion-horiz-login#block-user-0 .item-list li a:focus {
 987    text-decoration: underline;
 988  }
 989  
 990  
 991  /* OpenID login*/

 992  .fusion-horiz-login#block-user-0 #user-login-form li.openid-link,
 993  .fusion-horiz-login#block-user-0 #user-login-form li.user-link {
 994    background: none;
 995    padding: 6px 0 0 0;
 996  }
 997  
 998  .fusion-horiz-login#block-user-0 #user-login-form div#edit-openid-identifier-wrapper {
 999    margin: 0 10px 0 0;
1000    width: 145px;
1001  }
1002  
1003  .fusion-horiz-login#block-user-0 #user-login-form input#edit-openid-identifier.form-text {
1004    width: 135px;
1005  }
1006  
1007  html.js .fusion-horiz-login#block-user-0 #user-login-form div#edit-openid-identifier-wrapper label {
1008    padding-left: 18px;
1009  }
1010  
1011  .fusion-horiz-login#block-user-0 #edit-openid-identifier-wrapper .description {
1012    padding-right: 5px;
1013    text-align: right;
1014  }
1015  
1016  
1017  /* Blocks

1018  /-------------------------------------------------------------- */
1019  .block {
1020    float: left; /* LTR */
1021    margin-bottom: 1.5em;
1022    width: 100%;
1023  }
1024  
1025  /* no gutters for blocks in content region */

1026  #content-content .inner {

1027    margin-left: 0;
1028    margin-right: 0;
1029  }
1030  
1031  /* administrator block edit links */

1032  .block .inner {
1033    position: relative;
1034  }
1035  
1036  .block .fusion-edit {
1037    display: none;
1038    padding: 0;
1039    position: absolute;
1040    right: 0;
1041    text-align: left; /* LTR */
1042    top: 0;
1043    z-index: 10;
1044  }
1045  
1046  .block:hover > .inner > .fusion-edit {
1047    display: block;
1048  }
1049  
1050  .block .fusion-edit a {
1051    background-color: #fff;
1052    border: 1px solid #333;
1053    display: block;
1054    float: left;
1055    outline: 0;
1056    padding: 2px 2px 2px 6px;
1057    text-indent: -9999px;
1058    width: 16px;
1059  }
1060  
1061  .block .fusion-edit a:hover {
1062    background-color: #eee;
1063    text-decoration: none;
1064  }
1065  
1066  .block .fusion-block-config,
1067  .block .fusion-block-edit {
1068    background: url(../images/emblem-system.png) center center no-repeat;
1069  }
1070  
1071  .block .fusion-edit-menu {
1072    background: url(../images/text-x-generic-menu.png) center center no-repeat;
1073  }
1074  
1075  
1076  /* Nodes

1077  /-------------------------------------------------------------- */
1078  div.node {
1079    margin-bottom: 1.5em;
1080  }
1081  
1082  /* remove image borders and add margin for feed, node link, table sort images */

1083  a.feed-icon img,
1084  ul.links img,
1085  th img {
1086    border: 0;
1087    margin: 0 5px;
1088  }
1089  
1090  /* remove awkward link padding on login/register to comment links */

1091  #content-content .node ul.links li.comment_forbidden a {

1092    padding-right: 0;
1093  }
1094  
1095  
1096  /* Comments

1097  /-------------------------------------------------------------- */
1098  div.comment {
1099    margin: 15px 0;
1100    padding: 10px;
1101  }
1102  
1103  div.comment h3.title {
1104    font-weight: bold;
1105    margin: 0 0 5px 0;
1106  }
1107  
1108  div.comment div.links a,
1109  div.comment ul.links a {
1110    text-align: right;
1111  }
1112  
1113  .comment-folded {
1114    margin: 1em 0 1em 1em;
1115  }
1116  
1117  .comment-folded .subject {
1118    font-weight: bold;
1119    padding-right: 5px;
1120    text-transform: uppercase;
1121  }
1122  
1123  .comment-folded .subject a {
1124    font-style: normal;
1125    text-transform: none;
1126    font-weight: normal;
1127  }
1128  
1129  .signature {
1130    border-top-style: solid;
1131    border-top-width: 1px;
1132    margin: 10px 0;
1133    padding: 0;
1134  }
1135  
1136  
1137  /* Profiles

1138  /-------------------------------------------------------------- */
1139  .profile {
1140    clear: none;
1141    margin: 12px 0;
1142  }
1143  
1144  .profile h2.title {
1145    margin-top: 15px;
1146    border-bottom: 1px solid;
1147  }
1148  
1149  .profile dt {
1150    float: left; /* LTR */
1151    margin-bottom: -10px;
1152    margin-right: 5px; /* LTR */
1153    padding: 0 5px;
1154    text-align: left; /* LTR */
1155    width: 185px;
1156  }
1157  
1158  
1159  /* Forum

1160  /-------------------------------------------------------------- */
1161  #forum .description {

1162    margin: 5px;
1163  }
1164  
1165  #forum td.created,

1166  #forum td.posts,

1167  #forum td.topics,

1168  #forum td.last-reply,

1169  #forum td.replies,

1170  #forum td.pager {

1171    white-space: nowrap;
1172  }
1173  
1174  #forum td.posts,

1175  #forum td.topics,

1176  #forum td.replies,

1177  #forum td.pager {

1178    text-align: center;
1179  }
1180  
1181  .forum-topic-navigation {
1182    padding: 10px 0 0 30px;
1183    border-bottom-style: solid;
1184    border-bottom-width: 1px;
1185    border-top-style: solid;
1186    border-top-width: 1px;
1187    text-align: center;
1188    padding: 5px;
1189  }
1190  
1191  .forum-topic-navigation .topic-previous {
1192    text-align: right; /* LTR */
1193    float: left; /* LTR */
1194    width: 46%;
1195  }
1196  
1197  .forum-topic-navigation .topic-next {
1198    text-align: left; /* LTR */
1199    float: right; /* LTR */
1200    width: 46%;
1201  }
1202  
1203  
1204  /* Book

1205  /-------------------------------------------------------------- */
1206  .book-navigation .menu {
1207    border-top-style: solid;
1208    border-top-width: 1px;
1209    padding: 10px 0 0 30px;
1210  }
1211  .book-navigation .page-links {
1212    border-bottom-style: solid;
1213    border-bottom-width: 1px;
1214    border-top-style: solid;
1215    border-top-width: 1px;
1216    text-align: center;
1217    padding: 5px;
1218  }
1219  
1220  
1221  /* Drupal Messages

1222  /-------------------------------------------------------------- */
1223  div.content-messages div.messages,
1224  div.content-help div.help {
1225    border-style: solid;
1226    border-width: 6px;
1227    font-weight: bold;
1228    margin-bottom: 1.5em;
1229    overflow: hidden;
1230    padding: 14px;
1231  }
1232  
1233  div.content-messages-inner div.status {
1234    background-color: #EAF8E4;
1235    border-color: #8DC478;
1236    color: #3E642F;
1237  }
1238  
1239  div.content-messages-inner div.warning {
1240    background: #FFFFDD;
1241    border-color: #EED300;
1242    color: #745500;
1243  }
1244  
1245  div.content-messages-inner div.error {
1246    background-color: #FFF2F2;
1247    border-color: #CC0000;
1248    color: #B20000;
1249  }
1250  
1251  .help,
1252  div.content-help-inner div.help {
1253    background-color: #E4EEF8;
1254    border-color: #57718A;
1255    color: #292929;
1256  }
1257  
1258  div.messages ul,
1259  div.content-help .help ul {
1260    list-style-position: inside;
1261  }
1262  
1263  div.messages a:link,
1264  div.messages a:visited,
1265  .help a:link,
1266  .help a:visited,
1267  .help .more-help-link a:link,
1268  .help .more-help-link a:visited {
1269    color: #333;
1270    text-decoration: underline;
1271  }
1272  
1273  div.messages a:hover,
1274  div.messages a:active,
1275  .help a:hover,
1276  .help a:active,
1277  .help .more-help-link a:hover,
1278  .help .more-help-link a:active,
1279  div.messages em {
1280    color: #333;
1281    text-decoration: none;
1282  }
1283  
1284  #content-region ul.tips li {

1285    background: transparent;
1286    list-style: disc;
1287    list-style-image: none;
1288    list-style-position: inside;
1289  }
1290  
1291  
1292  /* Welcome Page

1293  /-------------------------------------------------------------- */
1294  #first-time p {

1295    clear: both;
1296  }
1297  
1298  
1299  /* Maintenance Page

1300  /-------------------------------------------------------------- */
1301  /* let site name & slogan drop under logo */

1302  .in-maintenance .page #logo {
1303    float: none;
1304  }
1305  
1306  /* default margins for logo and site name */

1307  .in-maintenance .page .header-site-info {
1308    margin-bottom: 10px;
1309    margin-top: 10px;
1310  }
1311  
1312  /* default padding with no db */

1313  .db-offline .page .header-group-inner,
1314  .db-offline .page .main-inner {
1315    padding-left: 10px;
1316    padding-right: 10px;
1317  }
1318  
1319  
1320  /* Poll

1321  /-------------------------------------------------------------- */
1322  /* increase default font size and spacing of poll titles */

1323  .block-poll .poll div.title {
1324    font-weight: bold;
1325    margin-bottom: 10px;
1326  }
1327  
1328  
1329  /* Views

1330  /-------------------------------------------------------------- */
1331  .view {
1332    margin: 0;
1333  }
1334  
1335  /* views form field width limit */

1336  .views-edit-view input,
1337  .views-edit-view textarea {
1338    max-width: 95%;
1339  }
1340  
1341  /* remove extra bottom margin from last node in view */

1342  .block-wrapper .block-views .views-row-last .node {
1343    margin-bottom: 0;
1344  }
1345  
1346  /* prevent horizontal scrollbar on admin link hover */

1347  div.view div.views-admin-links {
1348    width: auto;
1349  }
1350  
1351  div.view div.views-admin-links li {
1352    background: transparent;
1353  }
1354  
1355  /* Reset any list/link styling on views admin links */

1356  div.view div.views-admin-links ul.links,
1357  div.view div.views-admin-links ul.links li,
1358  div.view div.views-admin-links ul.links li a:link,
1359  div.view div.views-admin-links ul.links li a:visited,
1360  div.view div.views-admin-links ul.links li a:hover,
1361  div.view div.views-admin-links ul.links li a:focus {
1362    background-image: none;
1363    border: 0;
1364    display: inline;
1365    font-weight: bold;
1366    margin: 0;
1367    padding: 0;
1368    text-decoration: none;
1369  }
1370  
1371  div.view div.views-admin-links ul.links li {
1372    list-style: none;
1373    list-style-image: none;
1374  }
1375  
1376  div.view div.views-admin-links ul.links li a:link,
1377  div.view div.views-admin-links ul.links li a:visited {
1378    background-color: #fff;
1379    color: #000;
1380    filter: alpha(opacity=75);
1381    -khtml-opacity: 0.75;
1382      -moz-opacity: 0.75;
1383    opacity: 0.75;
1384    padding: 3px;
1385  }
1386  
1387  div.view div.views-admin-links ul.links li a:hover,
1388  div.view div.views-admin-links ul.links li a:focus {
1389    text-decoration: underline;
1390  }
1391  
1392  
1393  /* Ubercart

1394  /-------------------------------------------------------------- */
1395  #cart-form-products,

1396  .cart-review {
1397    border: 0;
1398  }
1399  
1400  #cart-form-buttons,

1401  #checkout-form-bottom,

1402  .review-button-row {
1403    border: 0;
1404  }
1405  
1406  .product-image {
1407    border-left: 0;
1408    clear: left;
1409    float: none;
1410    margin-left: 0;
1411    padding-left: 0;
1412  }
1413  
1414  /* limit quantity field width */

1415  .add-to-cart .form-text[name=qty] {
1416    width: 25px;
1417  }
1418  
1419  /* category grid products */

1420  .category-grid-products table {
1421    border: none;
1422    clear: both;
1423    margin: 5px 0;
1424    table-layout: fixed;
1425  }
1426  
1427  .category-grid-products table tbody {
1428    border-top: none;
1429  }
1430  
1431  .category-grid-products td {
1432    background: none;
1433    border: none;
1434    padding: 5px;
1435    vertical-align: top;
1436  }
1437  
1438  .category-grid-products .catalog-grid-image {
1439    display: block;
1440    margin: 0 0 .5em 0;
1441    padding: 0;
1442    text-align: center;
1443    width: 100%;
1444  }
1445  
1446  .category-grid-products #edit-qty-wrapper {
1447    display: block;
1448  }
1449  
1450  .category-grid-products .form-item label {
1451    display: inline;
1452  }
1453  
1454  .category-grid-products .form-item .form-text {
1455    margin: 0;
1456  }
1457  
1458  .category-grid-products .catalog-grid-title {
1459    display: block;
1460    width: 100%;
1461  }
1462  
1463  .catalog-grid-title a {
1464    display: block;
1465    padding: 10px;
1466  }
1467  
1468  /* center product grids */

1469  .category td,
1470  .category-grid-products td,
1471  .cart-block-summary-table tr.cart-block-summary-tr td {
1472    text-align: center;
1473  }
1474  
1475  .uc-price-list_price,
1476  .uc-price-list {
1477    text-decoration: line-through;
1478  }
1479  
1480  
1481  /* Vertical tabs

1482  /-------------------------------------------------------------- */
1483  .vertical-tabs {
1484    margin-left: 0;
1485  }
1486  
1487  .vertical-tabs-list {
1488    border: none;
1489    left: -1.5em;
1490  }
1491  
1492  .vertical-tabs ul li {
1493    border-left: none;
1494    list-style-image: none;
1495  }
1496  
1497  .vertical-tabs ul li.last {
1498    border-bottom: none;
1499  }
1500  
1501  .vertical-tabs-list li a:link,
1502  .vertical-tabs-list li a:visited,
1503  .vertical-tabs-list li a:hover,
1504  .vertical-tabs-list li a:active {
1505    background-color: transparent;
1506    background-image: none;
1507    border: none;
1508  }
1509  
1510  
1511  /* Quicktabs

1512  /-------------------------------------------------------------- */
1513  .quicktabs .block {
1514    float: none;   /* keep content in div */
1515  }
1516  
1517  
1518  /* Views admin links

1519  /-------------------------------------------------------------- */
1520  .block div.view div.views-admin-links {
1521    margin-top: 0;
1522  }
1523  
1524  
1525  /* Skinr preview

1526  /-------------------------------------------------------------- */
1527  html.js span.preview-icon {
1528    background: url(../images/skinrpreviews/skinr-image-preview.png) no-repeat bottom right;
1529    cursor: help;
1530    display: inline-block;
1531    height: 20px;
1532    margin: 0 0 -6px 3px;
1533    width: 20px;
1534  }
1535  
1536  span.preview-icon {
1537    display: block;
1538    text-indent: -9000px;
1539  }
1540  
1541  #screenshot {

1542    background: #333;
1543    color: #333;
1544    display: block;
1545    height: 190px;
1546    padding: 5px 5px 0 5px;
1547    position: absolute;
1548    z-index: 100;
1549    box-shadow: 3px 3px 3px #999;
1550    -moz-border-radius: 3px;
1551    -moz-box-shadow: 3px 3px 3px #999;
1552    -webkit-border-radius: 3px;
1553    -webkit-box-shadow: 3px 3px 3px #999;
1554  }
1555  
1556  #screenshot .screenshot-caption {

1557    bottom: 0;
1558    color: #fff;
1559    height: 30px;
1560    font-weight: bold;
1561    line-height: 100%;
1562    margin: 0 0 -3px -5px;
1563    overflow: hidden;
1564    padding: 0 10px;
1565    position: absolute;
1566    text-align: center;
1567    z-index: 100;
1568    -moz-border-radius: 3px;
1569    -webkit-border-radius: 3px;
1570  }
1571  
1572  #screenshot .screenshot-preview {

1573    background: #333;
1574    display: block;
1575    margin-bottom: 30px;
1576    position: relative;
1577    z-index: 100;
1578  }
1579  
1580  /* Skinr image preview - General styles */

1581  #screenshot .fusion-general-styles-fusion-callout {

1582    background: url(../images/skinrpreviews/fusion-general-styles-fusion-callout.png) no-repeat;
1583  }
1584  
1585  #screenshot .fusion-general-styles-fusion-padding {

1586    background: url(../images/skinrpreviews/fusion-general-styles-fusion-padding.png) no-repeat;
1587  }
1588  
1589  #screenshot .fusion-general-styles-fusion-border {

1590    background: url(../images/skinrpreviews/fusion-general-styles-fusion-border.png) no-repeat;
1591  }
1592  
1593  #screenshot .fusion-general-styles-bold-links {

1594    background: url(../images/skinrpreviews/fusion-general-styles-bold-links.png) no-repeat;
1595  }
1596  
1597  #screenshot .fusion-general-styles-equal-heights {

1598    background: url(../images/skinrpreviews/fusion-general-styles-equal-heights.png) no-repeat;
1599  }
1600  
1601  /* Skinr image preview - Stackable list/menu styles */

1602  #screenshot .list-styles-bottom-border {

1603    background: url(../images/skinrpreviews/list-styles-bottom-border.png) no-repeat;
1604  }
1605  
1606  #screenshot .list-styles-extra-vertical-spacing {

1607    background: url(../images/skinrpreviews/list-styles-extra-vertical-spacing.png) no-repeat;
1608  }
1609  
1610  /* Skinr image preview - Stackable list/menu styles */

1611  #screenshot .fusion-menu-fusion-inline-menu {

1612    background: url(../images/skinrpreviews/fusion-menu-fusion-inline-menu.png) no-repeat;
1613  }
1614  
1615  #screenshot .fusion-menu-fusion-multicol-menu {

1616    background: url(../images/skinrpreviews/fusion-menu-fusion-multicol-menu.png) no-repeat;
1617  }
1618  
1619  /* Skinr image preview - Superfish menu styles */

1620  #screenshot .fusion-superfish-superfish-vertical {

1621    background: url(../images/skinrpreviews/fusion-superfish-superfish-vertical.png) no-repeat;
1622  }
1623  
1624  /* Skinr image preview - User login block styles */

1625  #screenshot .fusion-login-fusion-horiz-login {

1626    background: url(../images/skinrpreviews/fusion-login-fusion-horiz-login.png) no-repeat;
1627  }