WordPress.org

Forums

How to change font's and sizes (newbie) (2 posts)

  1. adamhammond118
    Member
    Posted 2 years ago #

    http://www.Loot4Students.com

    Hi guys and girls.

    I'm still a relative newbie in this wordpress forum but here goes.

    On my website, I feel as if all the headers(e.g h1,h2,h3...etc) and the widget titles to the side don't stand out enough. I'd like to change the colour and the font of them but I don't know where to change it within my CSS.

    I'd also like to change the font of the content text so a large more readable style, any suggestions?

    Here is my CSS code:

    /*
    Theme Name: loot2
    Theme URI:
    Description:
    Version: 1.1
    Author: Christopher Shear
    Author URI:
    Tags: fixed-width, three-columns, valid HTML5, widgets
    */
    
    /* Created by Artisteer v4.0.0.58475 */
    
    #art-main
    {
       background: #FFFFFF;
       margin:0 auto;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       position: relative;
       width: 100%;
       min-height: 100%;
       left: 0;
       top: 0;
       cursor:default;
       overflow:hidden;
    }
    table, ul.art-hmenu
    {
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    
    h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
    {
       margin: 0;
       padding: 0;
    }
    
    /* Reset buttons border. It's important for input and button tags.
     * border-collapse should be separate for shadow in IE.
     */
    .art-button
    {
       border: 0;
       border-collapse: separate;
       -webkit-background-origin: border !important;
       -moz-background-origin: border !important;
       background-origin: border-box !important;
       background: #A1ADBA;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
       padding:0 21px;
       margin:0 auto;
       height:26px;
    }
    
    .art-postcontent,
    .art-postheadericons,
    .art-postfootericons,
    .art-blockcontent,
    ul.art-vmenu a
    {
       text-align: justify; /*AAAAAAAAAA was left .... justifies page text*/
    }
    
    .art-postcontent,
    .art-postcontent li,
    .art-postcontent table,
    .art-postcontent a,
    .art-postcontent a:link,
    .art-postcontent a:visited,
    .art-postcontent a.visited,
    .art-postcontent a:hover,
    .art-postcontent a.hovered
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent p
    {
       margin: 12px 20px 0 0; /*XXXXXXXXXXX was 12px 0 this is to edit the page content padding*/
    }
    
    .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
    .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
    .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
    .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
    .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
    .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
    .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
    .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
    .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
    .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
    .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
    {
       font-size: 29px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       line-height: 120%;
    }
    
    .art-postcontent a, .art-postcontent a:link
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       color: #89A800;
    }
    
    .art-postcontent a:visited, .art-postcontent a.visited
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       color: #89A800;
    }
    
    .art-postcontent  a:hover, .art-postcontent a.hover
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: underline;
       color: #89A800;
    }
    
    .art-postcontent h1 /*COLOR TO CHANGE FOR HEADINGS WAS #6C7F93*/
    {
       color: #2c3a49;
       margin: 10px 0 0;
       font-size: 29px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent h1
    {
       margin: 10px 0 0;
       font-size: 29px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
    {
       font-size: 29px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h2
    {
       color: #2c3a49;
       margin: 10px 0 0;
       font-size: 24px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    #googleAd { text-align: center; }
    
    .art-blockcontent h2
    {
       margin: 10px 0 0;
       font-size: 24px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
    {
       font-size: 24px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h3
    {
       color: #2c3a49;
       margin: 10px 0 0;
       font-size: 22px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent h3
    {
       margin: 10px 0 0;
       font-size: 22px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
    {
       font-size: 22px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h4
    {
       color: #2c3a49;
       margin: 10px 0 0;
       font-size: 18px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent h4
    {
       margin: 10px 0 0;
       font-size: 18px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
    {
       font-size: 18px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h5
    {
       color: #2c3a49;
       margin: 10px 0 0;
       font-size: 15px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent h5
    {
       margin: 10px 0 0;
       font-size: 15px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
    {
       font-size: 15px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h6 /* WAS a6b7c9*/
    {
       color: #2c3a49;
       margin: 10px 0 0;
       font-size: 14px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent h6
    {
       margin: 10px 0 0;
       font-size: 14px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
    {
       font-size: 14px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
    {
       -webkit-background-origin: border !important;
       -moz-background-origin: border !important;
       background-origin: border-box !important;
    }
    
    header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
    {
       display: block;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    
    ul
    {
       list-style-type: none;
    }
    
    ol
    {
       list-style-position: inside;
    }
    
    html, body
    {
       height: 100%;
    }
    
    body
    {
       padding: 0;
       margin:0;
       min-width: 1150px;
       color: #303F50;
    }
    
    .clearfix:before, .clearfix:after {
       content: "";
       display: table;
    }
    
    .clearfix:after {
       clear: both;
    }
    
    .cleared {
       font: 0/0 serif;
       clear: both;
    }
    
    form
    {
       padding: 0 !important;
       margin: 0 !important;
    }
    
    table.position
    {
       position: relative;
       width: 100%;
       table-layout: fixed;
    }
    
    li h1, .art-postcontent li h1, .art-blockcontent li h1
    {
       margin:1px;
    }
    li h2, .art-postcontent li h2, .art-blockcontent li h2
    {
       margin:1px;
    }
    li h3, .art-postcontent li h3, .art-blockcontent li h3
    {
       margin:1px;
    }
    li h4, .art-postcontent li h4, .art-blockcontent li h4
    {
       margin:1px;
    }
    li h5, .art-postcontent li h5, .art-blockcontent li h5
    {
       margin:1px;
    }
    li h6, .art-postcontent li h6, .art-blockcontent li h6
    {
       margin:1px;
    }
    li p, .art-postcontent li p, .art-blockcontent li p
    {
       margin:1px;
    }
    
    .art-shapes
    {
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       overflow: hidden;
       z-index: 0;
    }
    
    .art-slider-inner {
       position: relative;
       overflow: hidden;
       width: 100%;
       height: 100%;
    }
    
    .art-slidenavigator > a {
       display: inline-block;
       vertical-align: middle;
       outline-style: none;
       font-size: 1px;
    }
    
    .art-slidenavigator > a:last-child {
       margin-right: 0 !important;
    }
    
    .art-headline
    {
      display: inline-block;
      position: absolute;
      min-width: 50px;
      top: 12px;
      left: 12.6%;
      line-height: 100%;
      margin-left: -34px !important;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      z-index: 99;
    }
    
    .art-headline,
    .art-headline a,
    .art-headline a:link,
    .art-headline a:visited,
    .art-headline a:hover
    {
    font-size: 48px;
    font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
      padding: 0;
      margin: 0;
      color: #89A800 !important;
      white-space: nowrap;
    }
    .art-slogan
    {
      display: inline-block;
      position: absolute;
      min-width: 50px;
      top: 70px;
      left: 15.02%;
      line-height: 100%;
      margin-left: -28px !important;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      z-index: 99;
      white-space: nowrap;
    }
    
    .art-slogan,
    .art-slogan a,
    .art-slogan a:link,
    .art-slogan a:visited,
    .art-slogan a:hover
    {
    font-size: 18px;
    font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
      padding: 0;
      margin: 0;
      color: #89A800 !important;
    }
    
    #art-header-bg
    {
       position: absolute;
       overflow:hidden;
       left:0;
       margin:0 auto;
       width: 100%;
       height: 110px;
       z-index: auto;
       background-position: center top;
       background-image: url('images/header.jpg');
       background-repeat: no-repeat;
    }
    
    #art-hmenu-bg
    {
       position: absolute;
       overflow: hidden;
       left: 0;
       margin: 0 auto;
       width: 100%;
       z-index: auto;
    }
    
    .art-sheet
    {
       background: #FFFFFF;
       margin:0 auto;
       position:relative;
       cursor:auto;
       width: 1150px;
       z-index: auto !important;
    }
    
    .art-header
    {
       margin:0 auto;
       height: 110px;
       background-image: url('images/object1525195757.png'), url('images/header.jpg');
       background-position: 20px 15px, center top;
       background-repeat: no-repeat;
       position: relative;
       z-index: auto !important;
    }
    
    .responsive .art-header
    {
       background-image: url('images/header.jpg');
       background-position: center center;
    }
    
    .art-header>.widget
    {
       position:absolute;
       z-index:101;
    }
    
    .art-nav
    {
       background: #89A800;
       margin:0 auto;
       position: relative;
       z-index: 100;
       font-size: 0;
    }
    
    ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
    {
       outline: none;
       position: relative;
       z-index: 11;
    }
    
    ul.art-hmenu, ul.art-hmenu ul
    {
       display: block;
       margin: 0;
       padding: 0;
       border: 0;
       list-style-type: none;
    }
    
    ul.art-hmenu li
    {
       position: relative;
       z-index: 5;
       display: block;
       float: left;
       background: none;
       margin: 0;
       padding: 0;
       border: 0;
    }
    
    ul.art-hmenu li:hover
    {
       z-index: 10000;
       white-space: normal;
    }
    
    ul.art-hmenu:after, ul.art-hmenu ul:after
    {
       content: ".";
       height: 0;
       display: block;
       visibility: hidden;
       overflow: hidden;
       clear: both;
    }
    
    ul.art-hmenu, ul.art-hmenu ul
    {
       min-height: 0;
    }
    
    ul.art-hmenu
    {
       display: inline-block;
       vertical-align: bottom;
       padding-left: 0;
       padding-right: 0;
    }
    
    .art-nav-inner:before
    {
       content:' ';
    }
    
    .art-nav-inner{
       text-align: center;
       margin:0 auto;
    }
    
    .desktop-nav.art-nav
    {
       padding-left: 0;
       padding-right: 0;
    }
    
    .art-hmenu-extra1
    {
       position : absolute;
       left: 0;
       top: 0;
       width: auto;
       height: auto;
       background-position: center;
    }
    
    .art-hmenu-extra2
    {
       position: absolute;
       right: 0;
       top: 0;
       width: auto;
       height: auto;
       background-position: center;
    }
    
    .art-menuitemcontainer
    {
       margin:0 auto;
    }
    ul.art-hmenu>li {
       margin-left: 7px;
    }
    ul.art-hmenu>li:first-child {
       margin-left: 3px;
    }
    ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
       margin-right: 3px;
    }
    
    ul.art-hmenu>li>a
    {
       background: #89A800;
       -webkit-border-radius:3px 3px 0 0;
       -moz-border-radius:3px 3px 0 0;
       border-radius:3px 3px 0 0;
       padding:0 22px;
       margin:0 auto;
       position: relative;
       display: block;
       height: 30px;
       cursor: pointer;
       text-decoration: none;
       color: #FFFFFF;
       line-height: 30px;
       text-align: center;
    }
    
    .art-hmenu a,
    .art-hmenu a:link,
    .art-hmenu a:visited,
    .art-hmenu a.active,
    .art-hmenu a:hover
    {
       font-size: 15px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       text-decoration: none;
       text-align: left;
    }
    
    ul.art-hmenu>li>a.active
    {
       background: #FFFFFF;
       -webkit-border-radius:3px 3px 0 0;
       -moz-border-radius:3px 3px 0 0;
       border-radius:3px 3px 0 0;
       padding:0 22px;
       margin:0 auto;
       color: #89A800;
       text-decoration: none;
    }
    
    ul.art-hmenu>li>a:visited,
    ul.art-hmenu>li>a:hover,
    ul.art-hmenu>li:hover>a {
       text-decoration: none;
    }
    
    ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
    {
       background: #FFFFFF;
       -webkit-border-radius:3px 3px 0 0;
       -moz-border-radius:3px 3px 0 0;
       border-radius:3px 3px 0 0;
       padding:0 22px;
       margin:0 auto;
    }
    ul.art-hmenu>li>a:hover,
    .desktop-nav ul.art-hmenu>li:hover>a {
       color: #89A800;
       text-decoration: none;
    }
    
    ul.art-hmenu>li:before
    {
       position:absolute;
       display: block;
       content:' ';
       top:0;
       left:  -7px;
       width:7px;
       height: 30px;
       background: url('images/menuseparator.png') center center no-repeat;
    }
    ul.art-hmenu>li:first-child:before{
       display:none;
    }
    
    ul.art-hmenu li li a
    {
       background: #B9C2CB;
       background: transparent;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
       padding:0 8px;
       margin:0 auto;
    }
    ul.art-hmenu li li
    {
       float: none;
       width: auto;
       margin-top: 1px;
       margin-bottom: 1px;
    }
    
    .desktop-nav ul.art-hmenu li li ul>li:first-child
    {
       margin-top: 0;
    }
    
    ul.art-hmenu li li ul>li:last-child
    {
       margin-bottom: 0;
    }
    
    .art-hmenu ul a
    {
       display: block;
       white-space: nowrap;
       height: 26px;
       min-width: 7em;
       border: 0 solid transparent;
       text-align: left;
       line-height: 26px;
       color: #6A7D90;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       margin:0;
    }
    
    .art-hmenu ul a:link,
    .art-hmenu ul a:visited,
    .art-hmenu ul a.active,
    .art-hmenu ul a:hover
    {
       text-align: left;
       line-height: 26px;
       color: #6A7D90;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       margin:0;
    }
    
    ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
    {
       background: #FFFFFF;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
       margin:0 auto;
    }
    .art-hmenu ul a:hover
    {
       text-decoration: none;
    }
    
    .art-hmenu ul li a:hover
    {
       color: #89A800;
    }
    
    .desktop-nav .art-hmenu ul li:hover>a
    {
       color: #89A800;
    }
    
    ul.art-hmenu ul:before
    {
       background: #EFF2F5;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
       border:1px solid #CFD8E2;
       margin:0 auto;
       display: block;
       position: absolute;
       content: ' ';
       z-index: 1;
    }
    .desktop-nav ul.art-hmenu li:hover>ul {
       visibility: visible;
       top: 100%;
    }
    .desktop-nav ul.art-hmenu li li:hover>ul {
       top: 0;
       left: 100%;
    }
    
    ul.art-hmenu ul
    {
       visibility: hidden;
       position: absolute;
       z-index: 10;
       left: 0;
       top: 0;
       background-image: url('images/spacer.gif');
    }
    
    .desktop-nav ul.art-hmenu>li>ul
    {
       padding: 12px 32px 32px 32px;
       margin: -10px 0 0 -30px;
    }
    
    .desktop-nav ul.art-hmenu ul ul
    {
       padding: 32px 32px 32px 14px;
       margin: -32px 0 0 -9px;
    }
    
    .desktop-nav ul.art-hmenu ul.art-hmenu-left-to-right
    {
       right: auto;
       left: 0;
       margin: -10px 0 0 -30px;
    }
    
    .desktop-nav ul.art-hmenu ul.art-hmenu-right-to-left
    {
       left: auto;
       right: 0;
       margin: -10px -30px 0 0;
    }
    
    .desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
       right: auto;
       left: 100%;
    }
    .desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
       left: auto;
       right: 100%;
    }
    
    .desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right
    {
       right: auto;
       left: 0;
       padding: 32px 32px 32px 14px;
       margin: -32px 0 0 -9px;
    }
    
    .desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left
    {
       left: auto;
       right: 0;
       padding: 32px 14px 32px 32px;
       margin: -32px -9px 0 0;
    }
    
    .desktop-nav ul.art-hmenu li ul>li:first-child {
       margin-top: 0;
    }
    .desktop-nav ul.art-hmenu li ul>li:last-child {
       margin-bottom: 0;
    }
    
    .desktop-nav ul.art-hmenu ul ul:before
    {
       border-radius: 3px;
       top: 30px;
       bottom: 30px;
       right: 30px;
       left: 12px;
    }
    
    .desktop-nav ul.art-hmenu>li>ul:before
    {
       top: 10px;
       right: 30px;
       bottom: 30px;
       left: 30px;
    }
    
    .desktop-nav ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
       right: 30px;
       left: 30px;
    }
    .desktop-nav ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
       right: 30px;
       left: 30px;
    }
    .desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
       right: 30px;
       left: 12px;
    }
    .desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
       right: 12px;
       left: 30px;
    }
    
    .art-layout-wrapper
    {
       position: relative;
       margin: 0 auto 0 auto;
       z-index: auto !important;
    }
    
    .art-content-layout
    {
       display: table;
       width: 100%;
       table-layout: fixed;
       border-collapse: collapse;
    }
    
    .art-content-layout-row
    {
       display: table-row;
    }
    
    .art-layout-cell
    {
       display: table-cell;
       vertical-align: top;
    }
    
    .art-breadcrumbs
    {
       margin:0 auto;
    }
    
    a.art-button,
    a.art-button:link,
    a:link.art-button:link,
    body a.art-button:link,
    a.art-button:visited,
    body a.art-button:visited,
    input.art-button,
    button.art-button
    {
       text-decoration: none;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       position:relative;
       display: inline-block;
       vertical-align: middle;
       white-space: nowrap;
       text-align: center;
       color: #FFFFFF;
       margin: 0 !important;
       overflow: visible;
       cursor: pointer;
       text-indent: 0;
       line-height: 26px;
       -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
    }
    
    .art-button img
    {
       margin: 0;
       vertical-align: middle;
    }
    
    .firefox2 .art-button
    {
       display: block;
       float: left;
    }
    
    input, select, textarea
    {
       vertical-align: middle;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    
    .art-block select
    {
       width:96%;
    }
    
    input.art-button
    {
       float: none !important;
    }
    
    .art-button.active, .art-button.active:hover
    {
       background: #A1ADBA;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
       padding:0 21px;
       margin:0 auto;
    }
    .art-button.active, .art-button.active:hover {
       color: #FFFFFF !important;
    }
    
    .art-button.hover, .art-button:hover
    {
       background: #8A99A8;
       -webkit-border-radius:3px;
       -moz-border-radius:3px;
       border-radius:3px;
       padding:0 21px;
       margin:0 auto;
    }
    .art-button.hover, .art-button:hover {
       color: #FFFFFF !important;
    }
    
    input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
    {
       background: #F9FAFB;
       -webkit-border-radius:4px;
       -moz-border-radius:4px;
       border-radius:4px;
       border:1px solid #B9C2CB;
       margin:0 auto;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
    {
       width: 100%;
       padding: 4px 0;
       color: #3D5166 !important;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    input.art-error, textarea.art-error
    {
       background: #F9FAFB;
       border:1px solid #E2341D;
       margin:0 auto;
    }
    input.art-error, textarea.art-error {
       color: #3D5166 !important;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    form.art-search input[type="text"]
    {
       background: #FFFFFF;
       -webkit-border-radius:4px;
       -moz-border-radius:4px;
       border-radius:4px;
       border:1px solid #CCD6E0;
       margin:0 auto;
       width: 100%;
       padding: 3px 0;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       color: #7D2B03 !important;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    form.art-search
    {
       background-image: none;
       border: 0;
       display:block;
       position:relative;
       top:0;
       padding:0;
       margin:5px;
       left:0;
       line-height: 0;
    }
    
    form.art-search input
    {
       top:0;
       right:0;
    }
    
    form.art-search>input {
       bottom:0;
       left:0;
       vertical-align: middle;
    }
    
    form.art-search input[type="submit"]
    {
       margin:0 auto;
       color: #FFFFFF !important;
       position:absolute;
       display:block;
       left: auto;
       border:none;
       background:url('images/searchicon.png') center center no-repeat;
       width:24px;
       height: 100%;
       padding:0;
    }
    
    label.art-checkbox:before
    {
       background: #F9FAFB;
       background: linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -webkit-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -moz-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -o-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -ms-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       -svg-background: linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       -webkit-border-radius:2px;
       -moz-border-radius:2px;
       border-radius:2px;
       -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       border:1px solid #9CAFC4;
       margin:0 auto;
       width:16px;
       height:16px;
       display: inline-block;
       vertical-align: top;
       content: ' ';
    }
    label.art-checkbox
    {
       cursor: pointer;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       line-height: 16px;
       display: inline-block;
       position: relative;
    }
    
    .art-checkbox>input[type="checkbox"]
    {
       margin: 0 5px 0 0;
    }
    
    label.art-checkbox.active:before
    {
       background: #FC905A;
       background: linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       background: -webkit-linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       background: -moz-linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       background: -o-linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       background: -ms-linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       background: linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       -svg-background: linear-gradient(top, #FDB28C 0, #FB6B23 100%) no-repeat;
       -webkit-border-radius:2px;
       -moz-border-radius:2px;
       border-radius:2px;
       -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       border:1px solid #D74B04;
       margin:0 auto;
       width:16px;
       height:16px;
       display: inline-block;
    }
    
    label.art-checkbox.hovered:before
    {
       background: #D9DEE3;
       background: linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -webkit-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -moz-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -o-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -ms-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       -svg-background: linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       -webkit-border-radius:2px;
       -moz-border-radius:2px;
       border-radius:2px;
       -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       border:1px solid #7993AF;
       margin:0 auto;
       width:16px;
       height:16px;
       display: inline-block;
    }
    
    label.art-radiobutton:before
    {
       background: #F9FAFB;
       background: linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -webkit-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -moz-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -o-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: -ms-linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       background: linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       -svg-background: linear-gradient(top, #FFFFFF 0, #B2C1D1 100%) no-repeat;
       -webkit-border-radius:6px;
       -moz-border-radius:6px;
       border-radius:6px;
       -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       border:1px solid #9CAFC4;
       margin:0 auto;
       width:12px;
       height:12px;
       display: inline-block;
       vertical-align: top;
       content: ' ';
    }
    label.art-radiobutton
    {
       cursor: pointer;
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       line-height: 12px;
       display: inline-block;
       position: relative;
    }
    
    .art-radiobutton>input[type="radio"]
    {
       vertical-align: baseline;
       margin: 0 5px 0 0;
    }
    
    label.art-radiobutton.active:before
    {
       background: #B9C2CB;
       background: linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       background: -webkit-linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       background: -moz-linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       background: -o-linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       background: -ms-linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       background: linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       -svg-background: linear-gradient(top, #D9DEE3 0, #98A6B3 100%) no-repeat;
       -webkit-border-radius:6px;
       -moz-border-radius:6px;
       border-radius:6px;
       -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       border:1px solid #5A7796;
       margin:0 auto;
       width:12px;
       height:12px;
       display: inline-block;
    }
    
    label.art-radiobutton.hovered:before
    {
       background: #D9DEE3;
       background: linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -webkit-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -moz-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -o-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: -ms-linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       background: linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       -svg-background: linear-gradient(top, #F9FAFB 0, #B6BFC9 100%) no-repeat;
       -webkit-border-radius:6px;
       -moz-border-radius:6px;
       border-radius:6px;
       -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
       border:1px solid #7993AF;
       margin:0 auto;
       width:12px;
       height:12px;
       display: inline-block;
    }
    
    label.art-radiobutton input[type="radio"]
    {
       display: none;
    }
    
    label.art-radiobutton.art-checked:after
    {
       content: url('images/radiobuttonicon.png');
       position: absolute;
       line-height: 12px;
       left: 0;
       top: 0;
    }
    
    label.art-checkbox input[type="checkbox"]
    {
       display: none;
    }
    
    label.art-checkbox.art-checked:after
    {
       content: url('images/checkboxicon.png');
       position: absolute;
       left: 0;
       top: 0;
    }
    
    .art-block
    {
       background: #D9DEE3;
       background: rgba(217, 222, 227, 0.2);
       border:1px solid rgba(156, 175, 196, 0.2);
       padding:7px;
       margin:3px;
    }
    div.art-block img
    {
       border: none;
       margin: 0;
    }
    
    .art-blockheader
    {
       padding:6px 5px;
       margin:0 auto;
    }
    .art-blockheader .t,
    .art-blockheader .t a,
    .art-blockheader .t a:link,
    .art-blockheader .t a:visited,
    .art-blockheader .t a:hover
    {
       color: #2c3a49; /*COLOR WAS 6c7f93*/
       font-size: 22px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
       margin: 0 10px;
    }
    
    .art-blockcontent
    {
       padding:5px;
       margin:0 auto;
       color: #2C3A49;
       font-size: 13px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    .art-blockcontent table,
    .art-blockcontent li,
    .art-blockcontent a,
    .art-blockcontent a:link,
    .art-blockcontent a:visited,
    .art-blockcontent a:hover
    {
       color: #2C3A49;
       font-size: 13px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent p
    {
       margin: 0 5px;
    }
    
    .art-blockcontent a, .art-blockcontent a:link
    {
       color: #89A800;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-blockcontent a:visited, .art-blockcontent a.visited
    {
       color: #89A800;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: underline;
    }
    
    .art-blockcontent a:hover, .art-blockcontent a.hover
    {
       color: #89A800;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: underline;
    }
    .art-block ul>li:before
    {
       content:url('images/blockbullets.png');
       margin-right:6px;
       bottom: 2px;
       position:relative;
       display:inline-block;
       vertical-align:middle;
       font-size:0;
       line-height:0;
       margin-left: -11px;
    }
    .opera .art-block ul>li:before
    {
       /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
    }
    
    .art-block li
    {
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       line-height: 125%;
       color: #4B637C;
       margin: 5px 0 0 10px;
    }
    
    .art-block ul>li, .art-block ol
    {
       padding: 0;
    }
    
    .art-block ul>li
    {
       padding-left: 11px;
    }
    
    .art-post
    {
       padding:5px;
    }
    a img
    {
       border: 0;
    }
    
    .art-article img, img.art-article, .art-block img, .art-footer img
    {
       margin: 7px 7px 7px 7px;
    }
    
    .art-metadata-icons img
    {
       border: none;
       vertical-align: middle;
       margin: 2px;
    }
    
    .art-article table, table.art-article
    {
       border-collapse: collapse;
       margin: 1px;
    }
    
    .art-post .art-content-layout-br
    {
       height: 0;
    }
    
    .art-article th
    {
       text-align: center;
       vertical-align: middle;
       padding: 7px;
    }
    
    pre
    {
       overflow: auto;
       padding: 0.1em;
    }
    
    .preview-cms-logo
    {
       border: 0;
       margin: 1em 1em 0 0;
       float: left;
    }
    
    .image-caption-wrapper
    {
       padding: 7px 7px 7px 7px;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    
    .image-caption-wrapper img
    {
       margin: 0 !important;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    
    .image-caption-wrapper div.art-collage
    {
       margin: 0 !important;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    
    .image-caption-wrapper p
    {
       font-size: 80%;
       text-align: right;
       margin: 0;
    }
    
    .art-postheader /*COLOR WAS 4e6883*/
    {
       color: #2c3a49;
       margin: 5px 0;
       font-size: 29px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    
    .art-postheader a,
    .art-postheader a:link,
    .art-postheader a:visited,
    .art-postheader a.visited,
    .art-postheader a:hover,
    .art-postheader a.hovered
    {
       font-size: 29px;
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: normal;
    }
    
    .art-postheader a, .art-postheader a:link
    {
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       text-align: left;
       color: #2c3a49;
    }
    
    .art-postheader a:visited, .art-postheader a.visited
    {
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       text-align: left;
       color: #2c3a49;
    }
    
    .art-postheader a:hover,  .art-postheader a.hovered
    {
       font-family: Lobster, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
       text-align: left;
       color: #2c3a49;
    }
    
    .art-postheadericons,
    .art-postheadericons a,
    .art-postheadericons a:link,
    .art-postheadericons a:visited,
    .art-postheadericons a:hover
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       color: #4E6883;
    }
    
    .art-postheadericons
    {
       display:inline-block;
       padding: 1px;
    }
    
    .art-postheadericons a, .art-postheadericons a:link
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       color: #7993AF;
    }
    
    .art-postheadericons a:visited, .art-postheadericons a.visited
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: italic;
       text-decoration: underline;
       color: #587493;
    }
    
    .art-postheadericons a:hover, .art-postheadericons a.hover
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       font-weight: normal;
       font-style: italic;
       text-decoration: none;
       color: #7993AF;
    }
    
    .art-postdateicon:before
    {
       content:url('images/postdateicon.png');
       margin-right:6px;
       position:relative;
       display:inline-block;
       vertical-align:middle;
       font-size:0;
       line-height:0;
       bottom: auto;
    }
    .opera .art-postdateicon:before
    {
       /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
    }
    
    .art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before
    {
       content:url('images/postbullets.png');
       margin-right:10px;
       bottom: 2px;
       position:relative;
       display:inline-block;
       vertical-align:middle;
       font-size:0;
       line-height:0;
    }
    .opera .art-postcontent ul>li:before, .opera   .art-post ul>li:before, .opera   .art-textblock ul>li:before
    {
       /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
    }
    
    .art-postcontent li, .art-post li, .art-textblock li
    {
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       color: #303F50;
       margin: 5px 0 5px 11px;
    }
    
    .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
    {
       padding: 0;
    }
    
    .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
    {
       padding-left: 17px;
    }
    
    .art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before
    {
       margin-left: -17px;
    }
    
    .art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
    {
       margin: 1em 0 1em 11px;
    }
    
    .art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
    {
       margin: 0.5em 0 0.5em 11px;
    }
    
    .art-postcontent li, .art-post li, .art-textblock li
    {
       margin: 5px 0 5px 0;
    }
    
    .art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
    {
       /* overrides overflow for "ul li" and sets the default value */
      overflow: visible;
    }
    
    .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
    {
       /* makes "ul li" not to align behind the image if they are in the same line */
      overflow-x: visible;
       overflow-y: hidden;
    }
    
    blockquote
    {
       background: #EFF2F5 url('images/postquote.png') no-repeat scroll;
       padding:10px 10px 10px 34px;
       margin:10px 0 0 25px;
       color: #0D1216;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       /* makes block not to align behind the image if they are in the same line */
      overflow: auto;
       clear:both;
    }
    blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
    blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
    blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
    blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
    {
       color: #0D1216;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    /* Override native 'p' margins*/
    blockquote p,
    .art-postcontent blockquote p,
    .art-blockcontent blockquote p,
    .art-footer blockquote p
    {
       margin: 0;
       margin:5px;
    }
    
    .art-footer
    {
       background: #FFFFFF;
       border-top:1px dotted #9CAFC4;
       margin:20px auto 0;
       position: relative;
       color: #6986A5;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-align: center;
       padding: 0;
    }
    
    .art-footer a,
    .art-footer a:link,
    .art-footer a:visited,
    .art-footer a:hover,
    .art-footer td,
    .art-footer th,
    .art-footer caption
    {
       color: #6986A5;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-footer p
    {
       padding:0;
       text-align: center;
    }
    
    .art-footer a,
    .art-footer a:link
    {
       color: #89A800;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }
    
    .art-footer a:visited
    {
       color: #89A800;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: underline;
    }
    
    .art-footer a:hover
    {
       color: #89A800;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       text-decoration: none;
    }
    
    .art-footer img
    {
       border: none;
       margin: 0;
    }
    
    .art-footer-inner
    {
       margin: 0 auto;
       width:1150px;
       padding:25px;
       padding-right: 25px;
       padding-left: 25px;
    }
    
    .art-footer ul>li:before
    {
       content:url('images/footerbullets.png');
       margin-right:6px;
       bottom: 2px;
       position:relative;
       display:inline-block;
       vertical-align:middle;
       font-size:0;
       line-height:0;
       margin-left: -13px;
    }
    .opera .art-footer ul>li:before
    {
       /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
    }
    
    .art-footer li
    {
       font-size: 14px;
       font-family: Cabin, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
       line-height: 125%;
       color: #A53903;
    }
    
    .art-footer ul>li, .art-footer ol
    {
       padding: 0;
    }
    
    .art-footer ul>li
    {
       padding-left: 13px;
    }
    
    .art-page-footer,
    .art-page-footer a,
    .art-page-footer a:link,
    .art-page-footer a:visited,
    .art-page-footer a:hover
    {
       font-family: Arial;
       font-size: 10px;
       letter-spacing: normal;
       word-spacing: normal;
       font-style: normal;
       font-weight: normal;
       text-decoration: underline;
       color: #647587;
    }
    
    .art-page-footer
    {
       position: relative;
       z-index: auto !important;
       padding: 1em;
       text-align: center !important;
       text-decoration: none;
       color: #435970;
    }
    
    img.art-lightbox
    {
       cursor: pointer;
    }
    
    #art-lightbox-bg *
    {
       padding: 0;
       margin: 0;
    }
    
    div#art-lightbox-bg
    {
       top: 0;
       left: 0;
       width: 100%;
       position: absolute;
       height: 100%;
       background-color: #000;
       opacity: 0.8;
       filter: alpha(opacity=80);
       z-index: 9999;
    }
    
    img.art-lightbox-image
    {
       -webkit-transition: opacity 350ms ease-in-out;
       -moz-transition: opacity 350ms ease-in-out;
       -o-transition: opacity 350ms ease-in-out;
       -ms-transition: opacity 350ms ease-in-out;
       transition: opacity 350ms ease-in-out;
       cursor: pointer;
       z-index: 10000;
       position: fixed;
       border: 6px solid #fff;
       border-radius: 3px;
       opacity: 0;
       filter: alpha(opacity=0);
    }
    
    img.art-lightbox-image.active
    {
       opacity: 1;
       filter: alpha(opacity=100);
    }
    
    .lightbox-error
    {
       position: fixed;
       background: #fff;
       z-index: 100;
       opacity: 0.95;
       padding: 20px;
       border: 1px solid #b4b4b4;
       border-radius: 10px;
       box-shadow: 0 2px 5px #333;
       width: 300px;
       height: 80px;
    }
    
    .loading
    {
       position: fixed;
       background: #fff url('images/preloader-01.gif') center center no-repeat;
       width: 32px;
       height: 32px;
       z-index: 10100;
       opacity: 0.5;
       padding: 10px;
       border: 1px solid #b4b4b4;
       border-radius: 10px;
       box-shadow: 0 2px 5px #333;
    }
    
    .arrow
    {
       height: 100px;
       width: 82px;
       z-index: 10003;
       position: fixed;
       cursor: pointer;
       opacity: 0.5;
       filter: alpha(opacity=50);
    }
    
    .arrow.left
    {
       left: 9px;
    }
    .arrow.right
    {
       right: 9px;
    }
    
    .arrow:hover
    {
       opacity: 1;
       filter: alpha(opacity=100);
    }
    
    .arrow.disabled
    {
       display: none;
    }
    
    .arrow-t, .arrow-b
    {
       height: 6px;
       width: 30px;
       left: 26px;
       background-color: #fff;
       position: relative;
       border-radius: 3px;
    }
    
    .arrow-t
    {
       top: 38px;
    }
    
    .arrow-b
    {
       top: 50px;
    }
    
    .close
    {
       width: 22px;
       height: 22px;
       position: fixed;
       top: 30px;
       right: 39px;
       cursor: pointer;
       opacity: 0.5;
       filter: alpha(opacity=50);
    }
    
    .close:hover
    {
       opacity: 1;
       filter: alpha(opacity=100);
    }
    
    .close .cw, .close .ccw
    {
       position: absolute;
       top: 8px;
       left: -4px;
       width: 30px;
       height: 6px;
       background-color: #fff;
       border-radius: 3px;
    }
    
    .cw
    {
       transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       /* IE 9 */
        -webkit-transform: rotate(45deg);
       /* Safari and Chrome */
        -o-transform: rotate(45deg);
       /* Opera */
        -moz-transform: rotate(45deg);
    /* Firefox */}
    
    .ccw
    {
       transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
       /* IE 9 */
        -webkit-transform: rotate(-45deg);
       /* Safari and Chrome */
        -o-transform: rotate(-45deg);
       /* Opera */
        -moz-transform: rotate(-45deg);
    /* Firefox */}
    
    .close-alt, .arrow-right-alt, .arrow-left-alt
    {
       display: none;
       color: #fff;
       font-size: 2.5em;
    }
    
    .ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt {
       display: block;
    }
    .ie8 .cw, .ie8 .ccw {
       display: none;
    }
    
    .art-content-layout .art-content
    {
       margin:0 auto;
    }
    
    .art-content-layout .art-sidebar1
    {
       border:1px dotted #A3B4C8;
       border-top:none;
       border-bottom:none;
       margin:0 auto;
       width: 250px;
    }
    
    .art-content-layout .art-sidebar2
    {
       margin:0 auto;
       width: 250px;
    }
    
    textarea#comment
    {
        width:99%;
    }
    
    ul#comments-list div.avatar
    {
        float:right;
    }
    
    ul#comments-list, ul#comments-list li
    {
      background: none;
      padding:0;
    }
    
    ul#comments-list li li
    {
      margin-left: 20px;
    }
    
    div.avatar
    {
      position:relative;
      margin: 7px;
      border: 1px solid #aaa;
      padding: 1px;
      background: #fff;
      float:left;
    }
    
    div.avatar img, div.avatar img.wp-post-image
    {
        margin:0 !important;
        padding:0;
        border:none;
    }
    
    span.page-navi-outer, span.page-navi-inner
    {
        position:relative;
        display:block;
        float:left;
        margin:0;
        padding:0;
    }
    
    span.page-navi-outer
    {
      margin: 1px;
      border: 1px solid #aaa;
    }
    
    span.page-navi-inner
    {
      padding: 1px;
      min-width:14px;
      line-height:18px;
      text-align:center;
      border: 2px solid #fff;
      font-weight:bold;
    }
    
    a span.page-navi-inner, span.page-navi-caption span.page-navi-inner
    {
        border-width:1px;
        font-weight:normal;
    }
    
    a span.page-navi-outer, span.page-navi-caption
    {
        margin:2px 1px;
    }
    
    ul#comments-list li cite
    {
      font-size: 1.2em;
    }
    
    #commentform textarea
    {
      width: 100%;
    }
    
    #commentform
    {
      text-align:left;
    }
    
    .rtl #commentform
    {
      text-align:right;
    }
    
    img.wp-smiley
    {
      border: none;
      margin: 1px;
      vertical-align:middle;
      padding: 0;
    }
    
    .navigation
    {
      display: block;
      text-align: center;
    }
    
    /* Recommended by http://codex.wordpress.org/CSS */
    /* Begin */
    .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
    {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    
    p.aligncenter , p.center
    {
       text-align: center;
    }
    
    .alignleft
    {
      float: left;
    }
    
    .alignright
    {
      float: right;
    }
    
    .wp-caption
    {
      border: 1px solid #ddd;
      background-color: #f3f3f3;
      padding-top: 4px;
      margin: 10px;
    }
    
    .wp-caption img
    {
      margin: 0;
      padding: 0;
      border: 0 none;
    }
    
    .wp-caption p.wp-caption-text
    {
      font-size: 11px;
      line-height: 17px;
      padding: 0 4px 5px;
      margin: 0;
    }
    
    .wp-caption, .wp-caption p
    {
        text-align: center;
    }
    
    .gallery {
    	margin: 0 auto 18px;
        clear:both;
        overflow:hidden;
    }
    
    .gallery .gallery-item {
    	float: left;
    	margin-top: 0;
    	text-align: center;
    	width: 33%;
    }
    .gallery img {
    	border: 2px solid #cfcfcf;
    }
    
    .gallery .gallery-caption {
    	color: #888;
    	font-size: 12px;
    	margin: 0 0 12px;
    }
    
    .gallery dl {
    	margin: 0;
    }
    
    .gallery img {
    	border: 10px solid #f1f1f1;
    }
    
    .gallery br+br {
    	display: none;
    }
    /* End */
    
    .hidden
    {
      display: none;
    }
    
    /* Calendar */
    #wp-calendar {
      empty-cells: show;
      margin: 10px auto 0;
      width: 155px;
    }
    
    #wp-calendar #next a {
      padding-right: 10px;
      text-align: right;
    }
    
    #wp-calendar #prev a {
      padding-left: 10px;
      text-align: left;
    }
    
    #wp-calendar a {
      display: block;
    }
    
    #wp-calendar caption {
      text-align: center;
      width: 100%;
    }
    
    #wp-calendar td {
      padding: 3px 0;
      text-align: center;
    }
    
    .gallery {
      letter-spacing: normal;
    }
    
    .art-content {
      position: relative;
      z-index: 1;
    }
    
    #todays-events{
      position: relative;
      z-index: 11;
    }
    
    #upcoming-events{
      position: relative;
      z-index: 10;
    }
    
    img.wp-post-image
    {
        margin:0 5px 5px 0 !important;
    }
    
    ul#comments-list li
    {
        list-style-image: none;
        background:none;
        list-style-type:none;
    
    }
    
    div.art-footer div.art-content-layout
    {
        margin:0 auto;
        width:100%;
    }
    
    div.art-layout-cell-size1
    {
        width:100%;
    }
    
    div.art-layout-cell-size2
    {
        width:50%;
    }
    div.art-layout-cell-size3
    {
        width:33%;
    }
    
    div.art-layout-cell-size4
    {
        width:25%;
    }
    
    .art-widget-title
    {
        padding:0 0 0 24px;
        margin-bottom:0;
    }
    
    div.art-center-wrapper
    {
      position: relative;
      float: right;
      right: 50%;
    
    }
    
    div.art-center-inner
    {
      position: relative;
      float: left;
      left: 50%;
    }
    
    .firefox2 div.art-center-inner
    {
      float: none;
    }
    
    div.breadcrumbs h4,
    div.breadcrumbs p,
    li.pingback p,
    #respond p,
    h3#reply-title,
    h4#comments,
    h4.box-title
    {
        margin:0;
    }
    
    #respond .comment-notes {
    	margin-bottom: 1em;
    }
    
    .form-allowed-tags {
    	line-height: 1em;
    }
    
    #comments-list #respond {
    	margin-left: 20px !important;
    }
    
    #cancel-comment-reply-link {
    	font-size: 12px;
    	font-weight: normal;
    	line-height: 18px;
    }
    
    #respond .required {
    	color: #ff4b33;
    	font-weight: bold;
    }
    
    #respond label {
    	font-size: 12px;
    }
    
    #respond input {
    	margin: 0 0 9px;
    	width: 98%;
    }
    
    #respond textarea {
    	width: 98%;
    }
    
    #respond .form-allowed-tags {
    	font-size: 12px;
    	line-height: 18px;
    }
    
    #respond .form-allowed-tags code {
    	font-size: 11px;
    }
    
    #respond .form-submit {
    	margin: 12px 0;
    }
    
    #respond .form-submit input {
    	width: auto;
    }
    
    .art-footer .art-widget-title
    {
        font-size:1.2em;
        padding: 0;
    }
    
    .art-footer .art-widget,
    .art-footer .art-widget a,
    .art-footer .art-widget a:link,
    .art-footer .art-widget a:visited,
    .art-footer .art-widget a:hover
    {
        text-align: left;
    }
    
    DIV[id^="GMPmap"] IMG
    {
        margin: 0px;
    }
    #centrevideo {
    	align:center;
    }
    .Centreadvert {
    	width:100%;
    	margin-left: auto ;
      margin-right: auto ;
    }
    
    /* Begin Additional CSS Styles */
    
    /* End Additional CSS Styles */

    Any font size/ font style/ font color suggestions would be welcomed.

    Thanks in advance.

    Adam.

  2. Tara
    Volunteer Moderator
    Posted 2 years ago #

    -Try using Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/

Topic Closed

This topic has been closed to new replies.

About this Topic