[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  {
  59    text-decoration: underline;
  60  }
  61  
  62  blockquote {
  63  }
  64  
  65  hr {
  66    height: 1px;
  67    border: 1px solid gray;
  68  }
  69  
  70  /* tables */

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

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

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

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

 116  #skip a,

 117  #skip a:hover,

 118  #skip a:visited {

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

 128  #skip a:active,

 129  #skip a:focus {

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

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

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

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

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

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

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

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

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

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

 207  #siderbar-first-top,

 208  #sidebar-first.nested,

 209  #sidebar-last.nested,

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

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

 224  -------------------------------------------------------------- */
 225  #grid-mask-overlay {

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

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

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

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

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

 280  -------------------------------------------------------------- */
 281  #header-site-info {

 282    width: auto;
 283  }
 284  
 285  #site-name-wrapper {

 286    float: left;   /* LTR */
 287  }
 288  
 289  #site-name,

 290  #slogan {

 291    display: block;
 292  }
 293  
 294  #site-name a:link,

 295  #site-name a:visited,

 296  #site-name a:hover,

 297  #site-name a:active {

 298    text-decoration: none;
 299  }
 300  
 301  #site-name a {

 302    outline: 0;
 303  }
 304  
 305  
 306  /* Regions

 307  -------------------------------------------------------------- */
 308  
 309  /* Header Regions

 310  -------------------------------------------------------------- */
 311  #header-group {

 312    overflow: visible;
 313  }
 314  
 315  /* Content Regions (Main)

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

 322  -------------------------------------------------------------- */
 323  #header-top-wrapper,

 324  #header-group-wrapper,

 325  #preface-top-wrapper,

 326  #main-wrapper,

 327  #preface-bottom,

 328  #content-top,

 329  #content-region,

 330  #content-bottom,

 331  #postscript-top,

 332  #postscript-bottom-wrapper,

 333  #footer-wrapper,

 334  #footer-message-wrapper {

 335    clear: both;
 336  }
 337  
 338  
 339  /* Drupal Core

 340  /-------------------------------------------------------------- */
 341  
 342  /* Lists

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

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

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

 379  #primary-menu {

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

 384  #primary-menu.block ul {

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

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

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

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

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

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

 425  /-------------------------------------------------------------- */
 426  
 427  /* Skinr selectable helper classes */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 615      vertical padding for a simple list style

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

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

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

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

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

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

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

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

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

 788  /-------------------------------------------------------------- */
 789  /* defaults for all text fields */

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

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

 816  textarea,
 817  .form-item input,
 818  .form-item select,
 819  #content-region input.form-text {

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

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

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

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

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

 857  #system-themes-form {

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

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

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

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

 891  /-------------------------------------------------------------- */
 892  /* remove centering on login form */

 893  #user-login-form {

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

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

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

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

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

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

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

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

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

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

1020  /-------------------------------------------------------------- */
1021  .block {
1022    float: left; /* LTR */
1023    margin-bottom: 1.5em;
1024    width: 100%;
1025  }
1026  #block-block-2

1027  {
1028    margin-bottom: 0px;
1029  }
1030  /* no gutters for blocks in content region */

1031  #content-content .inner {

1032    margin-left: 61px;
1033    margin-right: 61px;
1034  }
1035  /* administrator block edit links */

1036  .block .inner {
1037    position: relative;
1038  }
1039  
1040  .block .fusion-edit {
1041    display: none;
1042    padding: 0;
1043    position: absolute;
1044    right: 0;
1045    text-align: left; /* LTR */
1046    top: 0;
1047    z-index: 10;
1048  }
1049  
1050  .block:hover > .inner > .fusion-edit {
1051    display: block;
1052  }
1053  
1054  .block .fusion-edit a {
1055    /* background-color: #fff; */

1056    border: 1px solid #333;
1057    display: block;
1058    float: left;
1059    outline: 0;
1060    padding: 2px 2px 2px 6px;
1061    text-indent: -9999px;
1062    width: 16px;
1063  }
1064  
1065  .block .fusion-edit a:hover {
1066    background-color: #eee;
1067    text-decoration: none;
1068  }
1069  
1070  .block .fusion-block-config,
1071  .block .fusion-block-edit {
1072    background: url(../images/emblem-system.png) center center no-repeat;
1073  }
1074  
1075  .block .fusion-edit-menu {
1076    background: url(../images/text-x-generic-menu.png) center center no-repeat;
1077  }
1078  
1079  
1080  /* Nodes

1081  /-------------------------------------------------------------- */
1082  div.node {
1083    margin-bottom: 1.5em;
1084  }
1085  
1086  /* remove image borders and add margin for feed, node link, table sort images */

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

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

1096    padding-right: 0;
1097  }
1098  
1099  
1100  /* Comments

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

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

1164  /-------------------------------------------------------------- */
1165  #forum .description {

1166    margin: 5px;
1167  }
1168  
1169  #forum td.created,

1170  #forum td.posts,

1171  #forum td.topics,

1172  #forum td.last-reply,

1173  #forum td.replies,

1174  #forum td.pager {

1175    white-space: nowrap;
1176  }
1177  
1178  #forum td.posts,

1179  #forum td.topics,

1180  #forum td.replies,

1181  #forum td.pager {

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

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

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

1289    background: transparent;
1290    list-style: disc;
1291    list-style-image: none;
1292    list-style-position: inside;
1293  }
1294  
1295  
1296  /* Welcome Page

1297  /-------------------------------------------------------------- */
1298  #first-time p {

1299    clear: both;
1300  }
1301  
1302  
1303  /* Maintenance Page

1304  /-------------------------------------------------------------- */
1305  /* let site name & slogan drop under logo */

1306  .in-maintenance .page #logo {
1307    float: none;
1308  }
1309  
1310  /* default margins for logo and site name */

1311  .in-maintenance .page .header-site-info {
1312    margin-bottom: 10px;
1313    margin-top: 10px;
1314  }
1315  
1316  /* default padding with no db */

1317  .db-offline .page .header-group-inner,
1318  .db-offline .page .main-inner {
1319    padding-left: 10px;
1320    padding-right: 10px;
1321  }
1322  
1323  
1324  /* Poll

1325  /-------------------------------------------------------------- */
1326  /* increase default font size and spacing of poll titles */

1327  .block-poll .poll div.title {
1328    font-weight: bold;
1329    margin-bottom: 10px;
1330  }
1331  
1332  
1333  /* Views

1334  /-------------------------------------------------------------- */
1335  .view {
1336    margin: 0;
1337  }
1338  
1339  /* views form field width limit */

1340  .views-edit-view input,
1341  .views-edit-view textarea {
1342    max-width: 95%;
1343  }
1344  
1345  /* remove extra bottom margin from last node in view */

1346  .block-wrapper .block-views .views-row-last .node {
1347    margin-bottom: 0;
1348  }
1349  
1350  /* prevent horizontal scrollbar on admin link hover */

1351  div.view div.views-admin-links {
1352    width: auto;
1353  }
1354  
1355  div.view div.views-admin-links li {
1356    background: transparent;
1357  }
1358  
1359  /* Reset any list/link styling on views admin links */

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

1398  /-------------------------------------------------------------- */
1399  #cart-form-products,

1400  .cart-review {
1401    border: 0;
1402  }
1403  
1404  #cart-form-buttons,

1405  #checkout-form-bottom,

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

1419  .add-to-cart .form-text[name=qty] {
1420    width: 25px;
1421  }
1422  
1423  /* category grid products */

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

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

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

1516  /-------------------------------------------------------------- */
1517  .quicktabs .block {
1518    float: none;   /* keep content in div */
1519  }
1520  
1521  
1522  /* Views admin links

1523  /-------------------------------------------------------------- */
1524  .block div.view div.views-admin-links {
1525    margin-top: 0;
1526  }
1527  
1528  
1529  /* Skinr preview

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

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

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

1577    background: #333;
1578    display: block;
1579    margin-bottom: 30px;
1580    position: relative;
1581    z-index: 100;
1582  }
1583  
1584  /* Skinr image preview - General styles */

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

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

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

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

1598    background: url(../images/skinrpreviews/fusion-general-styles-bold-links.png) no-repeat;
1599  }
1600  
1601  #screenshot .fusion-general-styles-equal-heights {

1602    background: url(../images/skinrpreviews/fusion-general-styles-equal-heights.png) no-repeat;
1603  }
1604  
1605  /* Skinr image preview - Stackable list/menu styles */

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

1607    background: url(../images/skinrpreviews/list-styles-bottom-border.png) no-repeat;
1608  }
1609  
1610  #screenshot .list-styles-extra-vertical-spacing {

1611    background: url(../images/skinrpreviews/list-styles-extra-vertical-spacing.png) no-repeat;
1612  }
1613  
1614  /* Skinr image preview - Stackable list/menu styles */

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

1616    background: url(../images/skinrpreviews/fusion-menu-fusion-inline-menu.png) no-repeat;
1617  }
1618  
1619  #screenshot .fusion-menu-fusion-multicol-menu {

1620    background: url(../images/skinrpreviews/fusion-menu-fusion-multicol-menu.png) no-repeat;
1621  }
1622  
1623  /* Skinr image preview - Superfish menu styles */

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

1625    background: url(../images/skinrpreviews/fusion-superfish-superfish-vertical.png) no-repeat;
1626  }
1627  
1628  /* Skinr image preview - User login block styles */

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

1630    background: url(../images/skinrpreviews/fusion-login-fusion-horiz-login.png) no-repeat;
1631                                                 }
1632  
1633  
1634  #edit-name-wrapper label.overlabel-apply,  #edit-pass-wrapper label.overlabel-apply

1635  {
1636    text-indent: 0px !important;
1637  }
1638  
1639  #user-login-form {

1640    padding: 0 0;
1641    margin-top: 10px;
1642    width:400px;
1643  }
1644  
1645  #user-login-form div.item-list ul {

1646    margin: 10px; padding: 0px;
1647    padding-top:5px;
1648    text-align:left;
1649  /*  clear:both; */

1650  }
1651  
1652  #user-login-form div.item-list, .overlabel-wrapper

1653  {
1654  display: inline;
1655  }
1656  
1657  #block-block-5

1658  {
1659    margin-top: 5px;
1660    display: inline;
1661  }
1662  
1663  
1664  #user-login-form input.form-submit {

1665    margin-top: -1px;
1666    margin-left: 10px;
1667    padding: 0em .5em .1em .5em;
1668    font-size: 1.1em;
1669    border:1px solid #999;
1670   /*  background-color:#E3A332;

1671    color:white;

1672    cursor:pointer; */
1673  }