Template gratis .software Template

Oleh : UnknownTidak ada komentar

jika anda menginginkan atau mau ganti template dengan template buatan sendiri di sini saya sediakan
silahkan copy faste Tapi jika anda ingin Mendownload softwarenya Di Syaqilah.net

Template orange abu abu 1 silahkan copy faste

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html dir='LTR' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<meta content='initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width' name='viewport'/>

<b:skin><![CDATA[
#header, #Header1{
    height: 100%;
}

#navbar {
    position: fixed;
    width: 100%;
    z-index: 10;
}

.art-nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.art-comment-avatar{
    background: none transparent !important;
    border: 0 none !important;
}

#ArchiveList ul li {
    text-indent: -10px !important;
    padding: 0 0 0 15px;
}

#ArchiveList ul li:before{
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    content: "";
}

.profile-datablock,
.profile-textblock {
    margin: 0 0 .75em;
    line-height: 1.4em;
}
.profile-img {
    float: left;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0;
    border: 5px solid #889977;
}
.profile-data {
    font-weight: bold;
}

.blog-pager{
    margin-left: 15px;
}

.post-feeds{
    margin-left: 15px;
}

.blog-feeds
{
    margin-left: 15px;
}

/* for Blogger Page Elements */

body#layout #art-main {
    position: relative;
}

body#layout .art-header {
    height: auto;
    width: 100%;
}
body#layout .art-content-layout {
    margin-top: 18px;
    padding-top: 2px;
    width: 100%
}

body#layout .art-sheet {
    width: 100%;
    margin-top: 0 !important;
    top: 0 !important;
}

body#layout .art-sheet:before,
body#layout .art-sheet:after {
    content : '';
}

body#layout .art-header, body#layout #Header1 {
    height: auto;
}

body#layout .art-footer,
body#layout .art-footer-inner {
    width: 100%;
}

body#layout .art-footer .art-footer-text {
    height: 85px;
}

body#layout .art-blockcontent {
    padding: 0;
}

body#layout .art-block {
    padding: 0;
}

body#layout .art-nav {
    height: auto;
    width: auto;
}

body#layout .section {
    width: auto;
}

body#layout #Header1{
    display: block;
}
body#layout #LinkList97,
body#layout #BlogArchive99,
body#layout #PageList99 {
    display: block;
}

body#layout {
    min-width: 0;
}

body#layout .art-content-layout {
    width: 100%;
}

body#layout .widget{
    left: 0;
    top: 0;
    width: 99%;
}

body#layout .art-footer-default {
    display: none;
}

#Attribution1 {
    display: none;
}

/* search results  */

#uds-searchControl {
    width: 99%;
}

#uds-searchControl .gsc-results,
#uds-searchControl .gsc-tabhActive {
    
  font-family: 'Times New Roman';
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
    color: #000000 !important;
    background-color: transparent !important;
    border-color: #808080 !important;
}

#uds-searchControl a,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gs-visibleUrl ,
#uds-searchControl .gsc-tabhInactive {
    
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
    color: #496da7 !important;
}

#uds-searchControl .gsc-cursor-page{
    color: #496da7 !important;
}

.gsc-tabsArea{
    margin-bottom: 0 !important;
}

.gsc-result-info{
    border-bottom: 0 none !important;
}

.blog-pager a:link,
.blog-pager a:visited,
.blog-pager a:active,
.blog-pager a:hover,
.feed-links a:link,
.feed-links a:visited,
.feed-links a:active,
.feed-links a:hover {
    color: #496da7;
}

#blog-pager-newer-link {
    float: left;
    margin-left: 13px;
}

#blog-pager-older-link {
    float: right;
    margin-right: 13px;
}

#blog-pager {
    text-align: center;
}

.jump-link{
    margin: 10px 0;
}

/* block content */

.art-blockcontent {
    color: #172335;
}

.art-blockcontent a:link{
    color: #4b6faa;
}

.art-blockcontent a:visited,
.art-blockcontent a.visited {
    color: #b1aab5;
}

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #ff9233;
}

.toggle span
{
    color: #4b6faa;
}

.gsc-branding-text {
    color: #172335 !important;
}

/*Jajang nurjaman*/

#art-main
{
   background: #FCFCFD url('images/page.jpeg') top center fixed;
   margin:0 auto;
   font-size: 11px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 150%;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.art-hmenu
{
   font-size: 11px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 150%;
}

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-collapse: separate;
   -webkit-border-radius: 0;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #FF9233;
   background: transparent;
   border:1px solid #FF7700;
   padding:0 5px;
   margin:0 auto;
   height:19px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a 
{
   text-align: left;
}

.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-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent p
{
   margin: 12px 0;
}

.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: 20px;
   font-family: 'Droid Sans', 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: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #496DA7;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #7A6F80;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #273A59;
}

.art-postcontent h1
{
   color: #496DA7;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: 'Droid Sans', 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: 20px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h2
{
   color: #6A8ABE;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 18px;
   font-family: 'Droid Sans', 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: 18px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h3
{
   color: #7A6F80;
   margin: 10px 0 0;
   font-size: 16px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: 'Droid Sans', 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: 16px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h4
{
   color: #172335;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 14px;
   font-family: 'Droid Sans', 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: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h5
{
   color: #172335;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 13px;
   font-family: 'Droid Sans', 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: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h6
{
   color: #385380;
   margin: 10px 0 0;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 12px;
   font-family: 'Droid Sans', 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: 12px;
   font-family: 'Droid Sans', 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%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
   -ms-text-size-adjust: 100%;
   /* 2 */
    -webkit-text-size-adjust: 100%;
/* 2 */}

body
{
   padding: 0;
   margin:0;
   min-width: 900px;
   color: #000000;
}

.art-header:before, 
#art-header-bg:before, 
.art-layout-cell:before, 
.art-layout-wrapper:before, 
.art-footer:before, 
.art-nav:before, 
#art-hmenu-bg:before, 
.art-sheet:before 
{
   width: 100%;
   content: " ";
   display: table;
   border-collapse: collapse;
   border-spacing: 0;
}

.art-header:after, 
#art-header-bg:after, 
.art-layout-cell:after, 
.art-layout-wrapper:after, 
.art-footer:after, 
.art-nav:after, 
#art-hmenu-bg:after, 
.art-sheet:after,
.cleared, .clearfix:after 
{
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

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: 39px;
  left: 27.85%;
  margin-left: -25px !important;
  line-height: 100%;
  -webkit-transform: rotate(23deg);
  -moz-transform: rotate(23deg);
  -o-transform: rotate(23deg);
  -ms-transform: rotate(23deg);
  transform: rotate(23deg);
  z-index: 102;
}

.art-headline, 
.art-headline a, 
.art-headline a:link, 
.art-headline a:visited, 
.art-headline a:hover
{
font-size: 24px;
font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
  padding: 0;
  margin: 0;
  color: #FFFFFF !important;
  white-space: nowrap;
}
.art-slogan
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 59px;
  left: 41.63%;
  line-height: 100%;
  margin-left: -53px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  white-space: nowrap;
}

.art-slogan, 
.art-slogan a, 
.art-slogan a:link, 
.art-slogan a:visited, 
.art-slogan a:hover
{
font-size: 15px;
font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  padding: 0;
  margin: 0;
  color: #F2FF00 !important;
}

.art-header
{
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   margin:0 auto;
   background-repeat: no-repeat;
   height: 100px;
   background-image: url('images/header.jpg');
   background-position: 0 0;
   position: relative;
   width: 900px;
   z-index: auto !important;
}

.custom-responsive .art-header
{
   background-image: url('images/header.jpg');
   background-position: 0 0;
}

.default-responsive .art-header,
.default-responsive #art-header-bg
{
   background-image: url('images/header.jpg');
   background-position: center center;
   background-size: auto;
}

.art-header .art-header-widget 
{
   position:absolute;
   z-index:101;
}

#art-flash-area
{
   position: absolute;
   top: 0;
   left: 0;
   width: 898px;
   height: 100px;
   overflow: hidden;
}

#art-flash-container
{
   height: 255px;
   top: -78px;
   position: absolute;
   width: 900px;
   left: 0;
}

#art-flash-container .art-flash-alt
{
   position: relative;
   width: 110px;
   height: 30px;
   margin: 0 auto;
   top: 78px;
}

.art-nav
{
   background: #21314A;
   background: -webkit-linear-gradient(top, rgba(188, 202, 225, 0.7) 0, rgba(78, 116, 177, 0.7) 39%, rgba(64, 95, 145, 0.7) 50%, rgba(33, 49, 74, 0.7) 50%, rgba(70, 104, 160, 0.7) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(188, 202, 225, 0.7) 0, rgba(78, 116, 177, 0.7) 39%, rgba(64, 95, 145, 0.7) 50%, rgba(33, 49, 74, 0.7) 50%, rgba(70, 104, 160, 0.7) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(188, 202, 225, 0.7) 0, rgba(78, 116, 177, 0.7) 39%, rgba(64, 95, 145, 0.7) 50%, rgba(33, 49, 74, 0.7) 50%, rgba(70, 104, 160, 0.7) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(188, 202, 225, 0.7) 0, rgba(78, 116, 177, 0.7) 39%, rgba(64, 95, 145, 0.7) 50%, rgba(33, 49, 74, 0.7) 50%, rgba(70, 104, 160, 0.7) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(188, 202, 225, 0.7) 0, rgba(78, 116, 177, 0.7) 39%, rgba(64, 95, 145, 0.7) 50%, rgba(33, 49, 74, 0.7) 50%, rgba(70, 104, 160, 0.7) 100%) no-repeat;
   background: linear-gradient(to bottom, rgba(188, 202, 225, 0.7) 0, rgba(78, 116, 177, 0.7) 39%, rgba(64, 95, 145, 0.7) 50%, rgba(33, 49, 74, 0.7) 50%, rgba(70, 104, 160, 0.7) 100%) no-repeat;
   padding:4px 4px 0;
   margin:0 auto;
   position: relative;
   z-index: 499;
}

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: 4px;
   padding-right: 4px;
}

.art-nav-inner:before 
{
   content:' ';
}

.art-nav-inner{
   text-align: left;
   margin:0 auto;
}

.desktop  .art-nav-inner{
   width: 900px;
   padding-left: 4px;
   padding-right: 4px;
}

.desktop .art-nav
{
   padding-left: 0;
   padding-right: 0;
}

.art-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu
{
   float: left;
}

.art-menuitemcontainer
{
   margin:0 auto;
}
ul.art-hmenu>li {
   margin-left: 23px;
}
ul.art-hmenu>li:first-child {
   margin-left: 11px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
   margin-right: 11px;
}

ul.art-hmenu>li>a
{
   background: #FF9233;
   -webkit-border-radius:2px 2px 0 0;
   -moz-border-radius:2px 2px 0 0;
   border-radius:2px 2px 0 0;
   border:1px solid #FF7700;
   border-bottom:none;
   padding:0 32px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 29px;
   cursor: pointer;
   text-decoration: none;
   color: #111927;
   line-height: 29px;
   text-align: center;
}

.art-hmenu>li>a, 
.art-hmenu>li>a:link, 
.art-hmenu>li>a:visited, 
.art-hmenu>li>a.active, 
.art-hmenu>li>a:hover
{
   font-size: 12px;
   font-family: 'Droid Sans', 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: #6787BC;
   -webkit-border-radius:2px 2px 0 0;
   -moz-border-radius:2px 2px 0 0;
   border-radius:2px 2px 0 0;
   border:1px solid rgba(51, 76, 117, 0.5);
   border-bottom:none;
   padding:0 32px;
   margin:0 auto;
   color: #172335;
   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: #C75D00;
   -webkit-border-radius:2px 2px 0 0;
   -moz-border-radius:2px 2px 0 0;
   border-radius:2px 2px 0 0;
   border:1px solid rgba(143, 67, 0, 0.8);
   border-bottom:none;
   padding:0 32px;
   margin:0 auto;
}
ul.art-hmenu>li>a:hover, 
.desktop ul.art-hmenu>li:hover>a {
   color: #000000;
   text-decoration: none;
}

ul.art-hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -23px;
   width:23px;
   height: 29px;
   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: #FFB06B;
   background: transparent;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   padding:0 25px;
   margin:0 auto;
}
ul.art-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 4px;
   margin-bottom: 4px;
}

.desktop 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: 31px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 31px;
   color: #612D00;
   font-size: 12px;
   font-family: 'Droid Sans', 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: 31px;
   color: #612D00;
   font-size: 12px;
   font-family: 'Droid Sans', 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: #FF9233;
   background: rgba(255, 146, 51, 0.7);
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
}
.art-hmenu ul a:hover
{
   text-decoration: none;
   color: #000000;
}

.desktop .art-hmenu ul li:hover>a
{
   color: #000000;
}

ul.art-hmenu ul:before
{
   background: #FFD6B3;
   background: rgba(255, 214, 179, 0.9);
   -webkit-border-radius:0 0 1px 1px;
   -moz-border-radius:0 0 1px 1px;
   border-radius:0 0 1px 1px;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop 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 ul.art-hmenu>li>ul
{
   padding: 14px 34px 34px 34px;
   margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul
{
   padding: 34px 34px 34px 15px;
   margin: -34px 0 0 -6px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 34px 34px 34px 15px;
   margin: -34px 0 0 -6px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 34px 15px 34px 34px;
   margin: -34px -6px 0 0;
}

.desktop ul.art-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.art-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before
{
   border-radius: 1px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 11px;
}

.desktop ul.art-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 11px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
   right: 11px;
   left: 30px;
}

.art-sheet
{
   background: #FFFFFF;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.25);
   border:1px solid #ACA5B1;
   margin:0 auto;
   position:relative;
   cursor:auto;
   width: 900px;
   z-index: auto !important;
}

.art-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.art-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.art-content-layout-row 
{
   display: table-row;
}

.art-layout-cell
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.art-postcontent .art-content-layout
{
   border-collapse: collapse;
}

.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: 12px;
   font-family: 'Droid Sans', 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: #22334E;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 19px;
   -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, a.art-search-button span
{
   vertical-align: middle;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.art-block select 
{
   width:96%;
}

input.art-button
{
   float: none !important;
   -webkit-appearance: none;
}

.art-button.active, .art-button.active:hover
{
   background: #C75D00;
   border:1px solid #988F9E;
   padding:0 5px;
   margin:0 auto;
}
.art-button.active, .art-button.active:hover {
   color: #DEDCE0 !important;
}

.art-button.hover, .art-button:hover
{
   background: #FF7700;
   background: transparent;
   border:1px solid #8F4300;
   padding:0 5px;
   margin:0 auto;
}
.art-button.hover, .art-button:hover {
   color: #4D2400 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
   background: #FFFFFF;
   border:1px solid #C0BBC4;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
   width: 100%;
   padding: 10px 0;
   color: #192539 !important;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.art-error, textarea.art-error
{
   background: #FFFFFF;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.art-error, textarea.art-error {
   color: #192539 !important;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.art-search input[type="text"]
{
   background: #FFFFFF;
   border-radius: 0;
   border:1px solid #C0BBC4;
   margin:0 auto;
   width: 100%;
   padding: 10px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #192539 !important;
   font-size: 13px;
   font-family: 'Droid Sans', 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, a.art-search-button
{
   -webkit-appearance: none;
   top:0;
   right:0;
}

form.art-search>input, a.art-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button
{
   border-radius: 0;
   margin:0 auto;
}
form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #111927 !important;
   cursor: pointer;
}

a.art-search-button span.art-search-button-text {
   display: none;
}

label.art-checkbox:before
{
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: -o-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: linear-gradient(to bottom, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   border:1px solid #988F9E;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.art-checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #172335 !important;
}

.art-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.art-checkbox.active:before
{
   background: #91A9CF;
   background: -webkit-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: -moz-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: -o-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: -ms-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   -svg-background: linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: linear-gradient(to bottom, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   border:1px solid #988F9E;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-checkbox.hovered:before
{
   background: #C6D2E6;
   background: -webkit-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: -moz-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: -o-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: -ms-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   -svg-background: linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: linear-gradient(to bottom, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   border:1px solid #988F9E;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-radiobutton:before
{
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: -o-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   background: linear-gradient(to bottom, #D7D3D9 0, #DCD9DE 40%, #DCD9DE 70%, #A7A0AC 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   border:1px solid #ACA5B1;
   margin:0 auto;
   width:20px;
   height:20px;
}
label.art-radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 20px;
   display: inline-block;
   color: #172335 !important;
}

.art-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.art-radiobutton.active:before
{
   background: #91A9CF;
   background: -webkit-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: -moz-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: -o-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: -ms-linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   -svg-background: linear-gradient(top, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   background: linear-gradient(to bottom, #95ACD0 0, #98AED2 40%, #98AED2 70%, #587CB6 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   border:1px solid #988F9E;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.art-radiobutton.hovered:before
{
   background: #C6D2E6;
   background: -webkit-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: -moz-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: -o-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: -ms-linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   -svg-background: linear-gradient(top, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   background: linear-gradient(to bottom, #CAD5E8 0, #CDD8E9 40%, #CDD8E9 70%, #8AA3CC 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   border:1px solid #988F9E;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

.art-comments
{
   border-top:1px solid #C0BBC4;
   margin:0 auto;
   margin-top: 25px;
}

.art-comments h2
{
   color: #000000;
}

.art-comment-inner
{
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #C6D2E6;
   padding:10px;
   margin:0 auto;
   margin-left: 94px;
}
.art-comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:2px;
   background:#fff;
   border:none;
}

.art-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.art-comment-content
{
   padding:10px 0;
   color: #000000;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment
{
   margin-top: 8px;
}

.art-comment:first-child
{
   margin-top: 0;
}

.art-comment-header
{
   color: #000000;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-header a, 
.art-comment-header a:link, 
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-header a, .art-comment-header a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #22334E;
}

.art-comment-header a:visited, .art-comment-header a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #39343C;
}

.art-comment-header a:hover,  .art-comment-header a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #0B1019;
}

.art-comment-content a, 
.art-comment-content a:link, 
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-content a, .art-comment-content a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #22334E;
}

.art-comment-content a:visited, .art-comment-content a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #39343C;
}

.art-comment-content a:hover,  .art-comment-content a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #0B1019;
}

.art-pager
{
   background: #D8E0EE;
   background: transparent;
   border:1px solid transparent;
   padding:7px;
   margin:2px;
   text-align:center;
}

.art-pager>*:last-child
{
   margin-right:0 !important;
}

.art-pager>span {
   cursor:default;
}

.art-pager>*
{
   background: #C6D2E6;
   background: transparent;
   border:1px dotted transparent;
   padding:5px;
   margin:0 9px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited,
.art-pager .active
{
   line-height: normal;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #272429
;
}

.art-pager .active
{
   background: #6787BC;
   background: transparent;
   border:1px dotted transparent;
   padding:5px;
   margin:0 9px 0 auto;
   color: #272429
;
}

.art-pager .more
{
   background: #C6D2E6;
   background: transparent;
   border:1px dotted transparent;
   margin:0 9px 0 auto;
}
.art-pager a.more:link,
.art-pager a.more:visited
{
   color: #272429
;
}
.art-pager a:hover
{
   background: #FF9233;
   border:1px dotted #6787BC;
   padding:5px;
   margin:0 9px 0 auto;
}
.art-pager  a:hover,
.art-pager  a.more:hover
{
   color: #121113
;
}
.art-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   border-right:1px dashed #6787BC;
   right: -6px;
   text-decoration:none;
}

.art-pager>*:last-child:after{
   display:none;
}

.art-commentsform
{
   background: #EAEEF6;
   background: transparent;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px dotted #C6D2E6;
   padding:5px;
   margin:0 auto;
   margin-top:25px;
   color: #000000;
}

.art-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #000000;
}

.art-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.art-commentsform input:not([type=submit]), .art-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.art-commentsform .form-submit
{
   margin-top: 0;
}
.art-vmenublock
{
   border:1px solid transparent;
   margin:7px;
}
div.art-vmenublock img
{
   margin: 0;
}

.art-vmenublockheader
{
   border:1px solid transparent;
   padding:12px 0;
   margin:0 auto;
}
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited, 
.art-vmenublockheader .t a:hover
{
   color: #243552;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 10px;
}

.art-vmenublockcontent
{
   border:1px solid transparent;
   margin:0 auto;
}

ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.art-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.art-vmenu ul.active
{
   display: block;
}

ul.art-vmenu>li>a
{
   padding:0 7px;
   margin:0 auto;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #4B6FAA;
   min-height: 34px;
   line-height: 34px;
}
ul.art-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.art-vmenu li{
   position:relative;
}

ul.art-vmenu>li
{
   margin-top: 0;
}
ul.art-vmenu>li>ul
{
   padding: 0;
   margin-top: 2px;
   margin-bottom: 2px;
}
ul.art-vmenu>li:first-child
{
   margin-top:0;
}

ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
   padding:0 7px;
   margin:0 auto;
}
ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
   text-decoration: underline;
}

ul.art-vmenu a:hover, ul.art-vmenu a.active:hover 
{
   color: #F57200;
}

ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.art-vmenu>li>a.active
{
   padding:0 7px;
   margin:0 auto;
   text-decoration: underline;
   color: #4B6FAA;
}

ul.art-vmenu>li>ul:before
{
   background: #F0EFF1;
   background: transparent;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.art-vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.art-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.art-vmenu li li{
   position: relative;
   margin-top: 0;
}

ul.art-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 34px;
   overflow: visible;
   padding: 0;
   padding-left: 20px;
   padding-right: 20px;
   z-index: 0;
   line-height: 34px;
   color: #4B6FAA;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active
{
   line-height: 34px;
   color: #4B6FAA;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul ul a
{
   padding-left: 40px;
}
ul.art-vmenu ul ul ul a
{
   padding-left: 60px;
}
ul.art-vmenu ul ul ul ul a
{
   padding-left: 80px;
}
ul.art-vmenu ul ul ul ul ul a
{
   padding-left: 100px;
}

ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover
{
   background: #C6D2E6;
   background: rgba(198, 210, 230, 0.4);
   margin:0 auto;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover
{
   text-decoration: underline;
   color: #776D7E;
}

ul.art-vmenu ul a:hover:after
{
   background-position: center ;
}
ul.art-vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.art-vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.art-vmenu ul>li>a.active
{
   background: #C6D2E6;
   background: rgba(198, 210, 230, 0.4);
   margin:0 auto;
}
ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover
{
   text-decoration: none;
   color: #776D7E;
}

.art-block
{
   border:1px solid transparent;
   margin:7px;
}
div.art-block img
{
   border: none;
   margin: 12px;
}

.art-blockheader
{
   border:1px solid transparent;
   padding:12px 7px;
   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: #000000;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 10px;
}

.art-blockcontent
{
   border:1px solid transparent;
   padding:7px;
   margin:0 auto;
   color: #172335;
   font-size: 12px;
   font-family: 'Droid Sans', 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: #172335;
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent p
{
   margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link
{
   color: #4B6FAA;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent a:visited, .art-blockcontent a.visited
{
   color: #B1AAB5;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.art-blockcontent a:hover, .art-blockcontent a.hover
{
   color: #FF9233;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.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: -13px;
}
.opera .art-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li
{
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
   color: #3B373F;
   margin: 5px 0 0 10px;
}

.art-block ul>li, .art-block ol
{
   padding: 0;
}

.art-block ul>li
{
   padding-left: 13px;
}

.art-post
{
   background: #EAEEF6;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
   padding:3px;
   margin:7px;
}
a img
{
   border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
   border: 1px solid #91A9CF;
   margin: 5px 5px 5px 5px;
}

.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, .art-article td
{
   padding: 2px;
   border: solid 1px #988F9E;
   vertical-align: top;
   text-align: left;
}

.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: 5px 5px 5px 5px;
   -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-postmetadataheader
{
   background: #D1DBEB;
   background: rgba(209, 219, 235, 0.5);
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
   margin-bottom: 5px;
}

.art-postheader
{
   color: #21314A;
   margin: 3px 0;
   font-size: 16px;
   font-family: 'Droid Sans', 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: 16px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.art-postheader a, .art-postheader a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #30486E;
}

.art-postheader a:visited, .art-postheader a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #504A55;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #172335;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   color: #39343C;
}

.art-postheadericons
{
   padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   color: #324A71;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #324A71;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #101723;
}

.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-postauthoricon:before
{
   content:url('images/postauthoricon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postauthoricon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postpdficon:before
{
   content:url('images/postpdficon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postpdficon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postprinticon:before
{
   content:url('images/postprinticon.png');
   margin-right:6px;
   bottom: 1px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .art-postprinticon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postediticon:before
{
   content:url('images/postediticon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postediticon: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:6px;
   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: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
   color: #39343C;
   margin: 5px 0 0 7px;
}

.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 7px;
}

.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 7px;
}

.art-postcontent li, .art-post li, .art-textblock li
{
   margin: 5px 0 0 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: #C6D2E6 url('images/postquote.png') no-repeat scroll;
   border:1px dotted #91A9CF;
   padding:12px 12px 12px 45px;
   margin:0 0 0 20px;
   color: #2F2B31;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   /* 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: #2F2B31;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #436498;
}

.Sorter a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #436498;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #436498;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #324A71;
}

.Sorter
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#22334E;
}

.art-footer
{
   background: #91A9CF url('images/footer.png') scroll;
   border-top:1px solid #C0BBC4;
   padding:15px;
   margin:0 auto;
   position: relative;
   color: #131C2B;
   font-size: 11px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
}

.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: #131C2B;
   font-size: 11px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer p 
{
   padding:0;
   text-align: center;
}

.art-footer a,
.art-footer a:link
{
   color: #2F466A;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer a:visited
{
   color: #625A68;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.art-footer a:hover
{
   color: #3B5887;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer h1
{
   color: #4668A0;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h2
{
   color: #6787BC;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h3
{
   color: #988F9E;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h4
{
   color: #334C75;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h5
{
   color: #334C75;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h6
{
   color: #334C75;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer img
{
   border: 1px solid #91A9CF;
   margin: 0;
}

.art-rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-rss-tag-icon:empty
{
   vertical-align: middle;
}

.art-facebook-tag-icon
{
   background:  url('images/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-facebook-tag-icon:empty
{
   vertical-align: middle;
}

.art-twitter-tag-icon
{
   background:  url('images/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.art-tumblr-tag-icon
{
   background:  url('images/tumblricon.png') no-repeat scroll;
   margin:0 auto;
   min-height:33px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-tumblr-tag-icon:empty
{
   vertical-align: middle;
}

.art-pinterest-tag-icon
{
   background:  url('images/pinteresticon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-pinterest-tag-icon:empty
{
   vertical-align: middle;
}

.art-vimeo-tag-icon
{
   background:  url('images/vimeoicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-vimeo-tag-icon:empty
{
   vertical-align: middle;
}

.art-youtube-tag-icon
{
   background:  url('images/youtubeicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-youtube-tag-icon:empty
{
   vertical-align: middle;
}

.art-linkedin-tag-icon
{
   background:  url('images/linkedinicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:33px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-linkedin-tag-icon:empty
{
   vertical-align: middle;
}

.art-footer ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 1px;
   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: 11px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #1F1C21;
}

.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: #5C7FB7;
}

.art-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #534C57;
}

.art-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image
{
   cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active
{
   display: inline-block;
}

.art-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.art-lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.art-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.art-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.art-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.art-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.art-lightbox-wrapper .arrow-t, 
.art-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.art-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.art-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.art-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.art-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw, 
.art-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.art-lightbox-wrapper .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 */}

.art-lightbox-wrapper .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 */}

.art-lightbox-wrapper .close-alt, 
.art-lightbox-wrapper .arrow-right-alt, 
.art-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt, 
.ie8 .art-lightbox-wrapper .arrow-right-alt, 
.ie8 .art-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .art-lightbox-wrapper .cw, 
.ie8 .art-lightbox-wrapper .ccw 
{
   display: none;
}

.art-content-layout .art-content
{
   margin:0 auto;
}

.art-content-layout .art-sidebar1
{
   background: #C6D2E6;
   background: rgba(198, 210, 230, 0.2);
   border-left:1px solid #C0BBC4;
   margin:0 auto;
   width: 225px;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

]]></b:skin>
<!--[if lte IE 7]>
<style>
/* Created by Artisteer v4.3.0.60745 */

.art-header, #art-header-bg, .art-layout-cell, .art-layout-wrapper, .art-footer, .art-nav, #art-hmenu-bg, .art-sheet,
.clearfix {
   zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
}

.art-textblock > div {
   display: block;
   line-height: normal;
   zoom: 1;
}

.art-header
{
   z-index: 1;
   background-image: [headerimage];
   background-position: [headerposition];
}

#art-header-bg 
{
   display: none;
}

.art-hmenu>li, .art-hmenu>li>a
{
   display: inline !important;
   zoom: 1;
   float: none !important;
   vertical-align: top;
}
ul.art-hmenu, ul.art-hmenu ul {
   zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
}
#art-hmenu-bg 
{
   display: none;
}

ul.art-hmenu>li:first-child {
   padding-right:23px;
}
ul.art-hmenu>li{
   zoom:expression(runtimeStyle.zoom=1,insertBefore(document.createElement('span'),firstChild).className='art-hmenu-separator');
}
ul.art-hmenu>li>span.art-hmenu-separator
{
   position:absolute;
   display: block;
   top:0;
   left:  -23px;
   width: 23px;
   height: 29px;
   background: url('images/menuseparator.png') center center no-repeat;
}
ul.art-hmenu>li:first-child>span.art-hmenu-separator
{
   display:none;
}

ul.art-hmenu ul{
   background-color: rgba(255, 214, 179, 0.9) !important;
}

.art-content-layout, .art-content-layout-row, .art-layout-cell 
{
   display: block;
   zoom: 1;
}
.art-layout-cell
{
   position:relative;
   float: left;
   clear: right;
}

input[type="text"]
{
   margin:0 0 0 -3px;
   zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
}

* html input[type="text"]
{
   margin :0;
}

form.art-search>input[type="text"]
{
   margin:0 0 0 -3px;
   zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
}

form.art-search div>input[type="text"]
{
   width: 100%;
}

* html form.art-search>input[type="text"] 
{
   margin :0;
}

form.art-search
{
   zoom: 1;
}
ul.art-vmenu, ul.art-vmenu ul, ul.art-vmenu li{
   zoom: 1;
}

ul.art-vmenu ul 
{
   background-color: transparent;
}

.art-postmetadataheader{
   zoom:1;
}

.art-postheadericons span{
   zoom: 1;
}
.art-postcontent {
   height: 1%;
}

.close-alt, .arrow-right-alt, .arrow-left-alt {
   display: block !important;
}
.cw, .ccw {
   display: none !important;
}

.art-sidebar1 
{
   width: auto;
   float:none;
   background: none !important;
   border: none !important;
   zoom:expression(runtimeStyle.zoom=1, parentNode.parentNode.insertBefore(document.createElement('div'),parentNode.parentNode.firstChild).className='art-sidebar1-bg' + (className.indexOf('art-sidebar1-fix') == -1 ? '' : ' art-sidebar1-bg-fix' ));
}

.art-sidebar1-bg 
{
   border-left:1px solid #C0BBC4;
   position:absolute;
   z-index:-2;
   direction: ltr;
   right:  0;
   bottom:0;
   top:0;
   width: 225px;
   overflow:hidden;
   display:block;
   background-color: #C6D2E6;
}

</style>
<![endif]-->
<style>
/* Created by Artisteer v4.3.0.60745 */

.responsive body
{
   min-width: 240px;
}
  
.responsive img 
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}  
  
.responsive .art-content-layout img,
.responsive .art-content-layout video
{
   max-width: 100%;
   height: auto !important;
}

.responsive.responsive-phone .art-content-layout img 
{
   margin: 1%;
}

.responsive.responsive-phone .art-collage,
.responsive.responsive-tablet .art-collage {
   margin: 0 !important;
}

.responsive .art-content-layout .art-sidebar0, 
.responsive .art-content-layout .art-sidebar1, 
.responsive .art-content-layout .art-sidebar2 
{
   width: auto !important;
}
    
.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}

.responsive .art-content-layout, 
.responsive .art-content-layout-row
{
   padding: 0;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .art-vmenublock,
.responsive.responsive-tablet .art-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .art-responsive-embed 
{
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
    position: relative;
}

.responsive .art-responsive-embed iframe,
.responsive .art-responsive-embed object,
.responsive .art-responsive-embed embed
{
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.responsive .art-header 
{
   width: auto !important;
   max-width: none !important;
   min-height: 100px !important;
   min-width: 0 !important;
   margin-right: 1% !important;
   margin-left: 1% !important;
   text-align: center;
}

.default-responsive .art-header 
{
   height: auto;
}

.default-responsive .art-header *
{
   position: relative;
   text-align: center;
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
}

.default-responsive .art-header .art-headline, 
.default-responsive .art-header .art-slogan 
{
   display: block !important;
   top: 0 !important;
   left: 0 !important;
   margin: 2% !important;
   text-align: center !important;
}
    
.default-responsive .art-header .art-headline a, 
.default-responsive .art-header .art-slogan 
{
   white-space: normal !important;
}

.default-responsive .art-header .art-logo
{
   display: inline-block;
   margin: auto !important;
   left: auto;
   top: auto !important;
   width: auto;
   height: auto;
}

.responsive .art-header .art-slidenavigator 
{
   position: absolute;
}

.default-responsive .art-header .art-positioncontrol 
{
   display: block !important;
   position: relative !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
   margin: 2% auto !important;
   width: auto !important;
   height: auto !important;
}

.responsive .art-header #art-flash-area
{
   display: none;
}

/* Search and other elements in header element directly */
.default-responsive .art-header>.art-textblock
{
   position: relative !important;
   display: block !important;
   margin: 1% auto !important;
   width: 75% !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
}

.default-responsive .art-header .art-textblock 
{
   position: relative !important;
   display: block !important;
   margin: auto !important;
   left: 0 !important;
   right: 0 !important;
   top: auto !important;
   height: auto !important;
   width: auto;
   background-image: none;
}

/* '.art-header *' used noram align, but for '.art-textblock *' we must force align because of preview */
.responsive .art-header .art-textblock *
{
   text-align: center !important;
}

.default-responsive .art-header .art-shapes > .art-textblock,
.default-responsive .art-header .art-slide-item > .art-textblock
{
   display: none !important;
}

.default-responsive .art-header .art-shapes > .art-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

.default-responsive .art-header .art-slider .art-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

/* For icons like facebook, rss, etc. */
.responsive .art-header>.art-textblock>div 
{
   width: 100%;
}
/* dynamic width nav */
.responsive .art-nav:not(#art-hmenu-bg),
.responsive .art-nav-inner
{
   width: auto !important;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   right: auto !important;
   bottom: auto !important;
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   text-align: left !important;
}

.responsive .art-nav:not(#art-hmenu-bg)
{
   min-width: 1%;
}

.responsive .art-nav 
{
   padding-left: 0;
   padding-right: 0;
   padding-top: 2px;
   padding-bottom: 2px;
}
 
/* full width hmenu, instead of inline-block */
.responsive .art-nav ul.art-hmenu 
{
   float: none;
   text-align: center;
   display: none;
}

/* elements on different lines */
.responsive .art-nav ul.art-hmenu li,
.responsive .art-hmenu-extra1,
.responsive .art-hmenu-extra2
{
   float: none;
}
  
/* horizontal margins */
.responsive .art-nav ul.art-hmenu>li:first-child, 
.responsive .art-nav ul.art-hmenu>li:last-child, 
.responsive .art-nav ul.art-hmenu>li
{
   margin-left: 0;
   margin-right: 0;
}
 
/* separator */ 
.responsive .art-nav ul.art-hmenu>li:before
{
   display: none;
}

/* vertical distance between items */
.responsive .art-nav ul.art-hmenu a
{
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   text-align: center !important;
   height: auto;
   white-space: normal;
}

.responsive .art-nav ul.art-hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .art-nav ul.art-hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .art-nav .ext, 
.responsive .art-nav ul.art-hmenu>li>ul, 
.responsive .art-nav ul.art-hmenu>li>ul>li,
.responsive .art-nav ul.art-hmenu>li>ul>li a
{
   width: auto !important;
}

/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   display: none !important;
   position: relative !important;
   visibility: visible !important;
}

.art-nav .art-menu-btn 
{
   border: 1px solid #404040;
   border-radius: 3px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
   display: none;
   -svg-background: linear-gradient(to bottom, #707070 0, #000 100%);
   background: -ms-linear-gradient(top, #707070 0, #000 100%);
   background: -moz-linear-gradient(top, #707070 0, #000 100%);
   background: -o-linear-gradient(top, #707070 0, #000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
   background: -webkit-linear-gradient(top, #707070 0, #000 100%);
   background: linear-gradient(to bottom, #707070 0, #000 100%);
   margin: 3px;
   outline: none;
   padding: 5px;
   position: relative;
   vertical-align: bottom;
   width: 20px;
}

.art-nav .art-menu-btn span 
{
   background: #E0E0E0;
   border-radius: 2px;
   display: block;
   height: 3px;
   margin: 3px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}

.art-nav .art-menu-btn:hover span
{
   background: #f3f3f3;
}

.responsive .art-nav .art-menu-btn 
{
   display: inline-block;
}

.responsive .art-nav .art-hmenu.visible 
{
   display: block;
}

.responsive .art-nav ul.art-hmenu>li>a
{
   border-bottom: 1px solid #FF7700;
}

.responsive .art-nav .art-hmenu>li>a
{
   border-radius: 2px;
}

.responsive .art-nav ul.art-hmenu>li>a.active
{
   border-bottom: 1px solid rgba(51, 76, 117, 0.5);
}

.responsive .art-nav ul.art-hmenu>li>a:hover
{
   border-bottom: 1px solid rgba(143, 67, 0, 0.8);
}

.responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after 
{
   display: none;
}
.responsive .art-nav ul.art-hmenu ul a
{
   padding-left: 4% !important;
}
.responsive .art-nav ul.art-hmenu ul ul a
{
   padding-left: 6% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul a
{
   padding-left: 8% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul a
{
   padding-left: 10% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul ul a
{
   padding-left: 12% !important;
}
  
.responsive .art-nav ul.art-hmenu>li>ul
{
   padding: 4px;
}
  
.responsive .art-nav ul.art-hmenu>li>ul:before
{
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.responsive .art-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none !important;
   margin-right: 1% !important;
   margin-left: 1% !important;
}

#art-resp {
   display: none;
}

@media all and (max-width: 899px)
{
    #art-resp, #art-resp-t { display: block; }
    #art-resp-m { display: none; }
}

@media all and (max-width: 480px)
{
    #art-resp, #art-resp-m { display: block; }
    #art-resp-t { display: none; }
}

#art-resp-desktop {
   display: none;
}
#art-resp-tablet-landscape {
   display: none;
}
#art-resp-tablet-portrait {
   display: none;
}
#art-resp-phone-landscape {
   display: none;
}
#art-resp-phone-portrait {
   display: none;
}

@media (min-width: 1200px)
{
    #art-resp-desktop { display: block; }
}

@media (min-width: 980px) and (max-width: 1199px)
{
    #art-resp-tablet-landscape { display: block; }
}

@media (min-width: 768px) and (max-width: 979px)
{
    #art-resp-tablet-portrait { display: block; }
}

@media (min-width: 480px) and (max-width: 767px)
{
    #art-resp-phone-landscape { display: block; }
}

@media (max-width: 479px)
{
    #art-resp-phone-portrait { display: block; }
}
.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}

.responsive .art-layout-cell 
{
   width: auto !important;
   height: auto !important;
}

.responsive .art-content-layout:after, 
.responsive .art-content-layout-row:after, 
.responsive .art-layout-cell:after 
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.responsive .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .art-layout-cell 
{
   margin: 1%;
   width: 98% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-2 .art-layout-cell
{
   width: 48% !important;
}

.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-3 .art-layout-cell
{
   width: 31% !important;
}
.responsive .art-post
{
   border-radius: 0;
}

.responsive .art-footer-inner
{
   min-width: 0;
}

</style>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin' rel='stylesheet' type='text/css'/>

// css helper
browser = function ($) {
    'use strict';
    var data = [
        { str: navigator.userAgent, sub: 'Chrome', ver: 'Chrome', name: 'chrome' },
        { str: navigator.vendor, sub: 'Apple', ver: 'Version', name: 'safari' },
        { prop: window.opera, ver: 'Opera', name: 'opera' },
        { str: navigator.userAgent, sub: 'Firefox', ver: 'Firefox', name: 'firefox' },
        { str: navigator.userAgent, sub: 'MSIE', ver: 'MSIE', name: 'ie' },
        { str: navigator.userAgent, sub: 'Trident/7.0', ver: 'rv', name: 'ie' }
    ];
    var v = function (s, n) {
        var i = s.indexOf(data[n].ver);
        return (i !== -1) ? parseFloat(s.substring(i + data[n].ver.length + 1)) : 0;
    };
    var result = { name: 'unknown', version: 0 };
    var html = $('html');
    for (var n = 0; n < data.length; n++) {
        if (!result[data[n].name]) {
            result[data[n].name] = false;
        }
        if ((data[n].str && (data[n].str.indexOf(data[n].sub) !== -1)) || data[n].prop) {
            result.name = data[n].name;
            result[result.name] = true;
            result.version = v(navigator.userAgent, n) || v(navigator.appVersion, n);
            html.addClass(result.name + ' ' + result.name + parseInt(result.version, 10));
        }
    }
    return result;
} (jQuery);

jQuery(function ($) {
    if (typeof responsiveDesign === "undefined") {
        $("html").addClass("desktop");
    }
});

jQuery(function ($) {
    'use strict';
    var i, j, k, l, m;
    if (!browser.ie || browser.version !== 9) {
        return;
    }
    var splitByTokens = function (str, startToken, endToken, last) {
        if (!last) {
            last = false;
        }
        var startPos = str.indexOf(startToken);
        if (startPos !== -1) {
            startPos += startToken.length;
            var endPos = last ? str.lastIndexOf(endToken) : str.indexOf(endToken, startPos);

if (endPos !== -1 && endPos > startPos) {
                return str.substr(startPos, endPos - startPos);
            }
        }
        return '';
    };

var byteToHex = function (d) {
        var hex = Number(d).toString(16);
        while (hex.length < 2) {
            hex = "0" + hex;
        }
        return hex;
    };

for (i = 0; i < document.styleSheets.length; i++) {
        var s = document.styleSheets[i];
        var r = [s];
        for (j = 0; j < s.imports.length; j++) {
            r.push(s.imports[j]);
        }
        for (j = 0; j < r.length; j++) {
            s = r[j];
            var n = [];
            for (k = 0; k < s.rules.length; k++) {
                var css = s.rules[k].cssText || s.rules[k].style.cssText;
                if (!css) {
                    continue;
                }
                var value = splitByTokens(css, '-svg-background:', ';');
                if (value === '') {
                    continue;
                }
                var values = splitWithBrackets(value);
                for (l = 0; l < values.length; l++) {
                    var g = splitByTokens(values[l], 'linear-gradient(', ')', true);
                    if (g === '') {
                        continue;
                    }
                    var args = splitWithBrackets(g);
                    if (args.length < 3) {
                        continue;
                    }
                    var maxOffset = 0;
                    var stops = [];
                    for (m = 1; m < args.length; m++) {
                        var stopValues = splitWithBrackets($.trim(args[m]), ' ');
                        if (stopValues.length < 2) {
                            continue;
                        }
                        var stopColor = $.trim(stopValues[0]);
                        var stopOpacity = 1;
                        if (stopColor == 'transparent') {
                            stopColor = '#000000';
                            stopOpacity = 0;
                        }
                        var colorRgba = splitByTokens(stopColor, 'rgba(', ')', true);
                        var stopOffset = $.trim(stopValues[1]);
                        if (colorRgba !== "") {
                            var rgba = colorRgba.split(',');
                            if (rgba.length < 4) {
                                continue;
                            }
                            stopColor = '#' + byteToHex(rgba[0]) + byteToHex(rgba[1]) + byteToHex(rgba[2]);
                            stopOpacity = rgba[3];
                        }
                        var isPx = stopOffset.indexOf('px') !== -1;
                        if (isPx) {
                            maxOffset = Math.max(maxOffset, parseInt(stopOffset, 10) || 0);
                        }
                        stops.push({ offset: stopOffset, color: stopColor, opacity: stopOpacity, isPx: isPx });
                    }
                    var stopsXML = '';
                    var lastStop = null;
                    for (m = 0; m < stops.length; m++) {
                        if (stops[m].isPx) {
                            stops[m].offset = ((parseInt(stops[m].offset, 10) || 0) / (maxOffset / 100)) + '%';
                        }
                        stopsXML += '<stop offset="' + stops[m].offset + '" stop-color="' + stops[m].color + '" stop-opacity="' + stops[m].opacity + '"/>';
                        if (m === stops.length - 1) {
                            lastStop = stops[m];
                        }
                    }
                    var isLeft = $.trim(args[0]) === 'left';
                    var direction = 'x1="0%" y1="0%" ' + (isLeft ? 'x2="100%" y2="0%"' : 'x2="0%" y2="100%"');
                    var gradientLength = '100%';
                    if (maxOffset > 0) {
                        gradientLength = maxOffset + 'px';
                    }
                    var size = (isLeft ? 'width="' + gradientLength + '" height="100%"' : 'width="100%" height="' + gradientLength + '"');
                    var last = "";
                    if (lastStop !== null && maxOffset > 0) {
                        last = '<rect ' +
                            (isLeft ?
                                'x="' + maxOffset + '" y="0"' :
                                'x="0" y="' + maxOffset + '"') +
                            ' width="100%" height="100%" style="fill:' + lastStop.color + ';opacity:' + lastStop.opacity + ';"/>';

}
                    var svgGradient = '<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><lineargradient id="g" gradientUnits="objectBoundingBox" ' + direction + '>' + stopsXML + '</linearGradient><rect x="0" y="0" ' + size + ' fill="url(#g)" />' + last + '</svg>';
                    values[l] = values[l].replace('linear-gradient(' + g + ')', 'url(data:image/svg+xml,' + escape(svgGradient) + ')');
                }
                n.push({ s: s.rules[k].selectorText, v: 'background: ' + values.join(",") });
            }
            for (k = 0; k < n.length; k++) {
                s.addRule(n[k].s, n[k].v);
            }
        }
    }
});

jQuery(function ($) {
    "use strict";
    // ie8
    if (!browser.ie || browser.version > 8) return;
    $('.art-shapes').each(function () {
        if ($(this).siblings('.art-slider').length) {
            $(this).remove();
        } else {
            $(this).css('z-index', 1);
        }
    });

// ie7
    if (!browser.ie || browser.version > 7) return;
    var textblockTexts = $('.art-textblock div[class$="-text"]');
    textblockTexts.each(function () {
        var tbText = $(this);
        var valign = tbText.css('vertical-align') ? tbText.css('vertical-align') : 'top';
        if (valign === 'middle') {
            var wrapper = tbText.wrap('<div/>').parent();
            tbText.css({
                'position': 'relative',
                'top': '-50%',
                'height': 'auto'
            });
            wrapper.css({
                'position': 'absolute',
                'top': '50%'
            });
        } else if (valign === 'bottom') {
            tbText.css({
                'position': 'absolute',
                'height': 'auto',
                'bottom': 0
            });
        }
    });
});

/* Set wmode=transparent for youtube and other video hostings to show it under the menus, lightboxes etc. */
jQuery(function ($) {
    "use strict";
    var video = ["youtube"];

$("iframe[src]").each(function () {
        var iframe = $(this),
            src = iframe.attr("src"),
            isVideo = false,
            i;

for (i = 0; i < video.length; i++) {
            if (src.toLowerCase().indexOf(video[i].toLowerCase()) !== -1) {
                isVideo = true;
                break;
            }
        }

if (!isVideo) {
            return;
        }

if (src.lastIndexOf("?") !== -1) {
            return;
        } else {
            src += "?wmode=transparent";
        }
        iframe.attr("src", src);
    });
});

jQuery(function ($) {
    "use strict";
    $(window).bind("resize", function () { navigatorResizeHandler($("html").hasClass("responsive")); });
});

var responsiveNavigator = (function ($) {
    "use strict";
    return function () {
        if (typeof headerObjectResizer !== 'undefined' && headerObjectResizer.isPreview) return;

var sheet = $('.art-sheet');
        var sheetWidth = sheet.outerWidth();

$(".art-slider").each(function () {
            var currentSlider = $(this);
            var currentSliderWidth = currentSlider.width();

var sliderNavigator = currentSlider.siblings(".art-slidenavigator");
            if (sliderNavigator.length) {
                var off = sheetLeftFunc(sheet, sliderNavigator);
                var calcWidth = isContentSlider(sliderNavigator) ? currentSliderWidth : sheetWidth;

var navigatorWidth = sliderNavigator.outerWidth();
                var offset = parseInt(sliderNavigator.attr('data-offset') || 0, 10);

// left offset
                sliderNavigator.css('margin-left', '0px');

var left = parseFloat(sliderNavigator.attr("data-left"), 10);
                var newLeft = off + uniToPx(left, navigatorWidth, calcWidth);
                sliderNavigator.css('left', newLeft + 'px');

// reset top to original value
                sliderNavigator.css("top", "");

// top
                var navigatorHeight = sliderNavigator.outerHeight();
                var uniy = parseFloat(sliderNavigator.attr('data-top'), 10);

var sliderHeight = parseInt(currentSlider.css('height'), 10);
                var newTop = uniToPx(uniy, navigatorHeight, sliderHeight);

sliderNavigator.css("top", (newTop + offset) + 'px');
            }
        });
    };
})(jQuery);

jQuery(function ($) {
    "use strict";

if (typeof responsiveDesign === "undefined") {
        $(window).bind("resize", responsiveNavigator);
    }

$(window).on("load", function pageInitialize() {
        $(window).trigger("resize");
        $(window).off("load", pageInitialize);
    });
});

/* Icons in Header should have display block.
 * Otherwise, in case of inline-block there's a space gap in some browsers (Opera 12.16) and icon is cutted.
 */
if (browser.opera) {
    jQuery(function ($) {
        $(".art-header a[class$='tag-icon']").css("display", "block");
    });
}

jQuery(function($) {
    "use strict";
    $('.art-nav:not(#art-hmenu-bg)').addClass("desktop-nav");
});

jQuery(function ($) {
    "use strict";
    if (!browser.ie || browser.version > 7) {
        return;
    }
    $('ul.art-hmenu>li:not(:first-child)').each(function () { $(this).prepend('<span class="art-hmenu-separator"> </span>'); });
});

jQuery(function ($) {
    "use strict";
    $("ul.art-hmenu a:not([href])").attr('href', '#').click(function (e) { e.preventDefault(); });
});

jQuery(function ($) {
    "use strict";
    if (!browser.ie || browser.version > 7) {
        return;
    }

/* Fix width of submenu items.
    * The width of submenu item calculated incorrectly in IE6-7. IE6 has wider items, IE7 display items like stairs.
    */
    $.each($("ul.art-hmenu ul"), function () {
        var maxSubitemWidth = 0;
        var submenu = $(this);
        var subitem = null;
        $.each(submenu.children("li").children("a"), function () {
            subitem = $(this);
            var subitemWidth = subitem.outerWidth(false);
            if (maxSubitemWidth < subitemWidth) {
                maxSubitemWidth = subitemWidth;
            }
        });
        if (subitem !== null) {
            var subitemBorderLeft = parseInt(subitem.css("border-left-width"), 10) || 0;
            var subitemBorderRight = parseInt(subitem.css("border-right-width"), 10) || 0;
            var subitemPaddingLeft = parseInt(subitem.css("padding-left"), 10) || 0;
            var subitemPaddingRight = parseInt(subitem.css("padding-right"), 10) || 0;
            maxSubitemWidth -= subitemBorderLeft + subitemBorderRight + subitemPaddingLeft + subitemPaddingRight;
            submenu.children("li").children("a").css("width", maxSubitemWidth + "px");
        }
    });
});

jQuery(function ($) {
    "use strict";
    var setDirection = function() {
        setHMenuOpenDirection({
            container: "div.art-sheet",
            defaultContainer: "#art-main",
            menuClass: "art-hmenu",
            leftToRightClass: "art-hmenu-left-to-right",
            rightToLeftClass: "art-hmenu-right-to-left"
        });
    };
    if (typeof responsiveDesign !== "undefined") {
        $(window).on('responsive', setDirection);
    } else {
        setDirection();
    }
});

var setHMenuOpenDirection = (function ($) {
    "use strict";
    return (function(menuInfo) {
        var defaultContainer = $(menuInfo.defaultContainer);
        defaultContainer = defaultContainer.length > 0 ? defaultContainer = $(defaultContainer[0]) : null;

$("ul." + menuInfo.menuClass + ">li>ul").each(function () {
            var submenu = $(this);

var submenuWidth = submenu.outerWidth(false);
            var submenuLeft = submenu.offset().left;

var mainContainer = submenu.parents(menuInfo.container);
            mainContainer = mainContainer.length > 0 ? mainContainer = $(mainContainer[0]) : null;

var container = mainContainer || defaultContainer;
            if (container !== null) {
                var containerLeft = container.offset().left;
                var containerWidth = container.outerWidth(false);

if (submenuLeft + submenuWidth >= containerLeft + containerWidth) {
                    /* right to left */
                    submenu.addClass(menuInfo.rightToLeftClass).find("ul").addClass(menuInfo.rightToLeftClass);
                } else if (submenuLeft <= containerLeft) {
                    /* left to right */
                    submenu.addClass(menuInfo.leftToRightClass).find("ul").addClass(menuInfo.leftToRightClass);
                }
            }
        });
    });
})(jQuery);

jQuery(function ($) {
    'use strict';

if (browser.ie && browser.version < 8) {
        $(window).bind('resize', function() {
            var c = $('div.art-content');
            var s = c.parent().children('.art-layout-cell:not(.art-content)');
            var w = 0;
            c.hide();
            s.each(function() { w += $(this).outerWidth(true); });
            c.w = c.parent().width(); c.css('width', c.w - w + 'px');
            c.show();
        });
    }

$(window).trigger('resize');
});

jQuery(function($) {
    'use strict';
    $('input.art-search-button, form.art-search input[type="submit"]').attr('value', '');
});

var Control = (function ($) {
    'use strict';
    return (function () {
        this.init = function(label, type, callback) {
            var chAttr = label.find('input[type="' +type + '"]').attr('checked');
            if (chAttr === 'checked') {
              label.addClass('art-checked');
            }

label.mouseleave(function () {
              $(this).removeClass('hovered').removeClass('active');
            });
            label.mouseover(function () {
              $(this).addClass('hovered').removeClass('active');
            });
            label.mousedown(function (event) {
              if (event.which !== 1) {
                  return;
              }
              $(this).addClass('active').removeClass('hovered');
            });
            label.mouseup(function (event) {
              if (event.which !== 1) {
                  return;
              }
              callback.apply(this);
              $(this).removeClass('active').addClass('hovered');
            });
        };
    });
})(jQuery);

jQuery(function ($) {
    'use strict';
    $('.art-pager').contents().filter(
        function () {
            return this.nodeType === this.TEXT_NODE;
        }
    ).remove();
});
jQuery(function($) {
    "use strict";
    if (!$('html').hasClass('ie7')) {
        return;
    }
    $('ul.art-vmenu li:not(:first-child),ul.art-vmenu li li li:first-child,ul.art-vmenu>li>ul').each(function () { $(this).append('<div class="art-vmenu-separator">
 </div>
<div class="art-vmenu-separator-bg">
 </div>
'); });
});

var fixRssIconLineHeight = (function ($) {
    "use strict";
    return function (className) {
        $("." + className).css("line-height", $("." + className).height() + "px");
    };
})(jQuery);

jQuery(function ($) {
    "use strict";
    var rssIcons = $(".art-rss-tag-icon");
    if (rssIcons.length){
        fixRssIconLineHeight("art-rss-tag-icon");
        if (browser.ie && browser.version < 9) {
            rssIcons.each(function () {
                if ($.trim($(this).html()) === "") {
                    $(this).css("vertical-align", "middle");
                }
            });
        }
    }
});
var ThemeLightbox = (function ($) {
    'use strict';
    return (function () {
        var images = $(".art-lightbox");
        var current;
        this.init = function (ctrl) {
            $(".art-lightbox").mouseup({ _ctrl: ctrl }, function (e) {
                if ((e.data._ctrl === true && !e.ctrlKey) || (e.which && e.which !== 1)) {
                    return;
                }

images = $(".art-lightbox");

current = images.index(this);

var imgContainer = $('.art-lightbox-wrapper');
                if (imgContainer.length === 0) {
                    imgContainer = $('<div class="art-lightbox-wrapper">').css('line-height', $(window).height() + "px")
                    .appendTo($("body"));

var closeBtn = $('<div class="close">
<div class="cw">
 </div>
<div class="ccw">
 </div>
<div class="close-alt">
✗</div>
</div>
')
                .click(close);
                    closeBtn.appendTo(imgContainer);
                    showArrows();
                }

move(current);
            });
        };

function move(index) {
            if (index < 0 || index >= images.length) {
                return;
            }

showError(false);

current = index;

$(".art-lightbox-wrapper .art-lightbox-image:not(.active)").remove();

var active = $(".art-lightbox-wrapper .active");
            var target = $('<img class="art-lightbox-image" alt="" src="' + getFullImgSrc($(images[current]).attr("src")) + '" />').click(function () {
                if ($(this).hasClass("active")) {
                    move(current + 1);
                }
            });

if (active.length > 0) {
                active.after(target);
            } else {
                $(".art-lightbox-wrapper").append(target);
            }

showArrows();
            showLoader(true);

bindMouse($(".art-lightbox-wrapper").add(target));

target.load(function () {
                showLoader(false);

active.removeClass("active");
                target.addClass("active");
            });

target.error(function () {
                showLoader(false);
                active.removeClass("active");
                target.addClass("active");
                target.attr("src", $(images[current]).attr("src"));
            });
        }

if (current === 0) {
                $(".art-lightbox-wrapper .arrow.left").addClass("disabled");
            } else {
                $(".art-lightbox-wrapper .arrow.left").removeClass("disabled");
            }

if (current === images.length - 1) {
                $(".art-lightbox-wrapper .arrow.right").addClass("disabled");
            } else {
                $(".art-lightbox-wrapper .arrow.right").removeClass("disabled");
            }
        }

function showError(enable) {
            if (enable) {
                $(".art-lightbox-wrapper").append($('<div class="lightbox-error">
The requested content cannot be loaded.<br/>Please try again later.</div>
')
                        .css({ "top": $(window).height() / 2 - 60, "left": $(window).width() / 2 - 170 }));
            } else {
                $(".art-lightbox-wrapper .lightbox-error").remove();
            }
        }

function showLoader(enable) {
            if (!enable) {
                $(".art-lightbox-wrapper .loading").remove();
            }
            else {
                $('<div class="loading">
 </div>
').css({ "top": $(window).height() / 2 - 16, "left": $(window).width() / 2 - 16 }).appendTo($(".art-lightbox-wrapper"));
            }
        }

var close = function () {
            $(".art-lightbox-wrapper").remove();
        };

function getFullImgSrc(src) {
            var fileName = src.substring(0, src.lastIndexOf('.'));
            var ext = src.substring(src.lastIndexOf('.'));
            return fileName + "-large" + ext;
        }

});
})(jQuery);

jQuery(function () {
    'use strict';
    new ThemeLightbox().init();
});

window.BackgroundHelper = function () {
        var slides = [];
        var direction = "next";
        var motion = "horizontal";
        var width = 0;
        var height = 0;
        var multiplier = 1;
        var originalWidth = 0;
        var originalHeight = 0;
        var transitionDuration = "";

this.init = function (motionType, dir, duration) {
            direction = dir;
            motion = motionType;
            slides = [];
            width = 0;
            height = 0;
            multiplier = 1;
            originalWidth = 0;
            originalHeight = 0;
            transitionDuration = duration;
        };

this.processSlide = function (element, modify) {
            this.updateSize(element, null);
            var pos = [];

slides.push({
                "images": element.css("background-image"),
                "sizes": element.css("background-size"),
                "positions": pos
            });

if (modify)
                element.css("background-image", "none");
        };

this.updateSize = function (element, initialSize) {
            width = element.outerWidth(false);
            height = element.outerHeight();
            if (initialSize && parseInt(initialSize.width, 10) !== 0) {
                originalWidth = parseInt(initialSize.width, 10);
                originalHeight = parseInt(initialSize.height, 10);
                if (motion === "fade") {
                    $.each(element.children(), function (i) {
                        $(this).css("background-position", getCssPositions(slides[i].positions, { x: 0, y: 0 }));
                    });
                }
            }
        };

this.setBackground = function (element, items) {
            var bg = [];
            var sizes = [];
            $.each(items, function (i, o) {
                bg.push(o.images);
                sizes.push(o.sizes);
            });
            element.css({
                "background-image": bg.join(", "),
                //"background-size": sizes.join(", "),
                "background-repeat": "no-repeat"
            });
        };

this.setPosition = function (element, items) {
            var pos = [];
            $.each(items, function (i, o) {
                pos.push(o.positions);
            });
            element.css({
                "background-position": pos.join(", ")
            });
        };

this.current = function (index) {
            return slides[index] || null;
        };

this.next = function (index) {
            var next;
            if (direction === "next") {
                next = (index + 1) % slides.length;
            } else {
                next = index - 1;
                if (next < 0) {
                    next = slides.length - 1;
                }
            }
            return slides[next];
        };

this.items = function (prev, next, move) {
            var prevItem = { x: 0, y: 0 };
            var nextItem = { x: 0, y: 0 };
            var isDirectionNext = direction === "next";
            var verticalOffset = -(originalHeight - height) / 2;
            var horizontalOffset = -(originalWidth - width) / 2;
            if (motion === "horizontal") {
                prevItem.y = nextItem.y = -(originalHeight - height) / 2;
                prevItem.x = horizontalOffset;
                nextItem.x = (isDirectionNext ? originalWidth : -originalWidth) + horizontalOffset;
                if (move) {
                    prevItem.x += isDirectionNext ? -originalWidth : originalWidth;
                    nextItem.x += isDirectionNext ? -originalWidth : originalWidth;
                }
            } else if (motion === "vertical") {
                prevItem.x = nextItem.x = horizontalOffset;
                prevItem.y = verticalOffset;
                nextItem.y = (isDirectionNext ? originalHeight : -originalHeight) + verticalOffset;
                if (move) {
                    prevItem.y += isDirectionNext ? -originalHeight : originalHeight;
                    nextItem.y += isDirectionNext ? -originalHeight : originalHeight;
                }
            }
            var result = [];
            if (!!prev) {
                result.push({ images: prev.images, positions: getCssPositions(prev.positions, prevItem), sizes: prev.sizes });
            }
            if (!!next) {
                result.push({ images: next.images, positions: getCssPositions(next.positions, nextItem), sizes: next.sizes });
            }

if (direction === "next") {
                result.reverse();
            }

return result;
        };

this.transition = function (container, on) {
            container.css($.support.themeTransition.prefix + "transition", on ? "background-position " + transitionDuration + " ease-in-out" : "");
        };

var ThemeSlider = function (element, settings) {

var interval = null;
        var active = false;
        var children = element.find(".active").parent().children();
        var last = false;
        var running = false;

this.settings = $.extend({}, {
            "animation": "horizontal",
            "direction": "next",
            "speed": 600,
            "pause": 2500,
            "auto": true,
            "repeat": true,
            "navigator": null,
            "clickevents": true,
            "hover": true,
            "helper": null
        }, settings);

this.move = function (direction, next) {
            var activeItem = element.find(".active"),
                nextItem = next || activeItem[direction](),
                innerDirection = this.settings.direction === "next" ? "forward" : "back",
                reset = direction === "next" ? "first" : "last",
                moving = interval,
                slider = this, tmp;

active = true;

if (moving) { this.stop(true); }

if (!nextItem.length) {
                nextItem = element.find(".art-slide-item")[reset]();
                if (!this.settings.repeat) { last = true; active = false; return; }
            }

if ($.support.themeTransition) {
                nextItem.addClass(this.settings.direction);
                tmp = nextItem.get(0).offsetHeight;

activeItem.addClass(innerDirection);
                nextItem.addClass(innerDirection);

element.trigger("beforeSlide", children.length);

element.one($.support.themeTransition.event, function () {
                    nextItem.removeClass(slider.settings.direction)
                        .removeClass(innerDirection)
                        .addClass("active");
                    activeItem.removeClass("active")
                        .removeClass(innerDirection);
                    active = false;
                    setTimeout(function () {
                        element.trigger("afterSlide", children.length);
                    }, 0);
                });
            } else {
                element.trigger("beforeSlide", children.length);

activeItem.removeClass("active");
                nextItem.addClass("active");
                active = false;

element.trigger("afterSlide", children.length);
            }

this.navigate(nextItem);

if (moving) { this.start(); }
        };

this.navigate = function (position) {
            var index = children.index(position);
            $(this.settings.navigator).children().removeClass("active").eq(index).addClass("active");
        };

this.to = function (index) {
            var activeItem = element.find(".active"),
                children = activeItem.parent().children(),
                activeIndex = children.index(activeItem),
                slider = this;

if (index > (children.length - 1) || index < 0) {
                return;
            }

if (active) {
                return element.one("afterSlide", function () {
                    slider.to(index);
                });
            }

if (activeIndex === index) {
                return;
            }

this.move(index > activeIndex ? "next" : "prev", $(children[index]));
        };

this.next = function () {
            if (!active) {
                if (last) { this.stop(); return; }
                this.move("next");
            }
        };

this.prev = function () {
            if (!active) {
                if (last) { this.stop(); return; }
                this.move("prev");
            }
        };

this.start = function (force) {
            if (!!force) {
                setTimeout($.proxy(this.next, this), 10);
            }
            interval = setInterval($.proxy(this.next, this), this.settings.pause);
            running = true;
        };

this.stop = function (pause) {
            clearInterval(interval);
            interval = null;
            running = !!pause;
            active = false;
        };

this.active = function () {
            return running;
        };

this.moving = function () {
            return active;
        };

this.navigate(children.filter(".active"));

if (this.settings.clickevents) {
            $(this.settings.navigator).on("click", "a", { slider: this }, function (event) {
                var activeIndex = children.index(children.filter(".active"));
                var index = $(this).parent().children().index($(this));
                if (activeIndex !== index) {
                    event.data.slider.to(index);
                }
                event.preventDefault();
            });
        }

if (this.settings.hover) {
            var slider = this;
            element.add(this.settings.navigator)
                   .add(element.siblings(".art-shapes")).hover(function () {
                       if (element.is(":visible") && !last) { slider.stop(true); }
                   }, function () {
                       if (element.is(":visible") && !last) { slider.start(); }
                   });
        }
    };

$.fn.themeSlider = function (arg) {
        return this.each(function () {
            var element = $(this),
                data = element.data("slider"),
                options = typeof arg === "object" && arg;

if (!data) {
                data = new ThemeSlider(element, options);
                element.data("slider", data);
            }

if (typeof arg === "string" && data[arg]) {
                data[arg]();
            } else if (data.settings.auto && element.is(":visible")) {
                data.start();
            }
        });
    };

})(jQuery);

if (typeof window.resizeData === 'undefined') window.resizeData = {};
window.resizeData.headerPageWidth = false;
if (typeof window.defaultResponsiveData === 'undefined') window.defaultResponsiveData = [false, true, true, true, true, ];

resizeData['headline'] = {
   responsive: [
                  { left: 0.28, top: 0.54, visible: true }, 
                  { left: 0.28, top: 0.54, visible: true }, 
                  { left: 0.28, top: 0.54, visible: true }, 
                  { left: 0.28, top: 0.54, visible: true }, 
                  { left: 0.28, top: 0.54, visible: true }, 
               ],
   area: {
       x: 0,
       y: 0
   },
   width: 92,
   height: 28,
   autoWidth: true};

resizeData['slogan'] = {
   responsive: [
                  { left: 0.42, top: 0.69, visible: true }, 
                  { left: 0.42, top: 0.69, visible: true }, 
                  { left: 0.42, top: 0.69, visible: true }, 
                  { left: 0.42, top: 0.69, visible: true }, 
                  { left: 0.42, top: 0.69, visible: true }, 
               ],
   area: {
       x: 0,
       y: 0
   },
   width: 129,
   height: 15,
   autoWidth: true};

// used to apply compicated values in style like '!important!
function applyCss(object, param, value) {
    var rg = new RegExp(param + '\s*:\s*[^;]+;', "i");
    var style = object.attr('style');
    var str = param + ': ' + value + ';';
    if (rg.test(style)) {
        style = style.replace(rg, str);
    }
    else {
        style += '; ' + str;
    }

object.attr('style', style);
}

// convert universal coord to pixels
function uniToPx(uni, size, parentSize) {
    uni = parseFloat(uni || '0');
    if (uni < 0) {
        uni = uni * size;
    } else if (uni >= 1) {
        uni = parentSize - (2 - uni) * size;
    } else {
        uni = uni * (parentSize - size);
    }

return uni;
}

function isContentSlider(object) {
    var isHeader = object.parents('header').length > 0;
    if (isHeader) {
        return false;
    }
    var isPageSlider = object.parents('.art-pageslider').length > 0;
    if (isPageSlider)
        return false;

return true;
}

function sheetLeftFunc(sheet, object) {
    var sheetLeft = sheet.offset().left;

return 0;
}

var headerObjectResizer = {
    
    postInit: false,

resize: (function ($) {
        'use strict';
        return function () {
            if (!headerObjectResizer.postInit && typeof responsiveDesign !== 'undefined') {
                $(window).on('responsiveResize', headerObjectResizer.resize);
                headerObjectResizer.postInit = true;
            }

var responsiveType = 0;
            // if we don't use full custom responsive so we MUST cleanup all styles
            var cleanUpStyles = false;
            // when use default respo so while in desktop mode always use 0-type, in other case cleanup our styles
            if (typeof responsiveDesign !== 'undefined' && 
                    defaultResponsiveData[responsiveDesign.responsiveTypeIdx] &&
                    responsiveDesign.isResponsive) {
                cleanUpStyles = true;
            }

if (typeof responsiveDesign !== 'undefined') {
                if (responsiveDesign.responsiveType === 'tabletlandscape') {
                    responsiveType = 1;
                } else if (responsiveDesign.responsiveType === 'tabletportrait') {
                    responsiveType = 2;
                } else if (responsiveDesign.responsiveType === 'phonelandscape') {
                    responsiveType = 3;
                } else if (responsiveDesign.responsiveType === 'phoneportrait') {
                    responsiveType = 4;
                }
            }

var sheet = $('.art-sheet');
            var sheetWidth = sheet.outerWidth();

var header = $('header');
            var height = 0;
            var cssPrefix = 'art-';

// move html shapes
            var headerQuery = 'header.art-header .art-shapes>*, header.art-header .art-textblock, header.art-header .art-headline, header.art-header .art-slogan, header.art-header>.art-positioncontrol, header.art-header>.art-logo';
            var pageSliderQuery = '.art-pageslider .art-slide-item>*';
            if (headerObjectResizer.isPreview) {
                headerQuery = 'header .art-slider';
                pageSliderQuery = '.art-pageslider .art-slider, .art-pageslider .art-textblock';
            }
            $(headerQuery + ', ' + pageSliderQuery).each(function () {
                var object = $(this);
                height = object.parent().height();

var off = sheetLeftFunc(sheet, object);

var cls = object.attr('class').split(' ');
                $.each(cls, function (key, val) {
                    val = $.trim(val);
                    if (val.length === 0) return;
                    if (val.indexOf(cssPrefix) !== 0) return;

val = val.substring(cssPrefix.length);
                    var data = resizeData[val];
                    if (typeof data === 'undefined') return;

if (cleanUpStyles) {
                        object.css('display', '');
                        object.css('left', '');
                        object.css('margin-left', '');
                    }

var respData = data.responsive[responsiveType];
                    if (respData.visible) {
                        object.css('display', '');
                    } else {
                        applyCss(object, 'display', 'none !important');
                    }

if (cleanUpStyles || !respData.visible) return false;

var x = uniToPx(respData.left, data.autoWidth ? object.width() : data.width, sheetWidth);
                    x += off;

var y = uniToPx(respData.top, data.height, height);

object.css('left', x + 'px');
                    object.css('top', y + 'px');
                    applyCss(object, 'margin-left', '0px !important');
                    return false;
                });
            });

// move images in slide's background-images
            var slides = $('.art-slide-item').add(header);
            if (browser.ie && browser.version <= 8) {
                slides = slides.add('.art-slide-item .ie8fix');
            }
            $.each(slides, function (slideIdx, slide) {
                slide = $(slide);

if (slide.closest('.art-collage').length > 0 || cleanUpStyles) {
                    slide.css('background-position', '');
                    return;
                }

var slideVisible = slide.is(':visible');
                if (!slideVisible && browser.ie) {
                    slide.css('display', 'block');
                }

var off = sheetLeftFunc(sheet, slide);

if (browser.ie && browser.version <= 8) {
                    var s = slide.attr('style');
                    if (s) {
                        s = s.replace(/background\-position[^;]+/, '');
                        slide.attr('style', s);
                    }
                } else {
                    slide.css('background-position', '');
                }
                slide.css('background-size', '');

var bgImage = slide.css('background-image') ? slide.css('background-image').split(',') : [];
                var bgPosition = slide.css('background-position') && (slide.css('background-position').replace(/[0][^\d]+/gi, '')).length > 0 ?
                    slide.css('background-position').split(',') :
                    [];
                if (bgImage.length !== bgPosition.length) {
                    slide.css('display', '');
                    return;
                }

height = slide.height();
                if (height === 0) height = slide.parent().height();

$.each(bgImage, function (idx, val) {
                    var findImageIdx = val.lastIndexOf('images/');
                    var findDotIdx = val.lastIndexOf('.');
                    if (findImageIdx === -1 || findDotIdx === -1) return;

var name = val.substring(findImageIdx + 7, findDotIdx);

var data = resizeData[name];
                    if (typeof data === 'undefined') return;

var respData = data.responsive[responsiveType];
                    // big default coordinates for hiding
                    var x = 9999, y = 9999;
                    if (respData.visible) {
                        x = uniToPx(respData.left, data.width, sheetWidth);
                        x += off + data.area.x;

y = uniToPx(respData.top, data.height, height);
                        y += data.area.y;
                    }

bgPosition[idx] = x + 'px ' + y + 'px';
                });

slide.css('background-position', bgPosition.join(','));

if (!slideVisible && browser.ie) {
                    slide.css('display', '');
                }
            });

};
    })(jQuery),

initialize: function ($) {
        if (!browser.ie || browser.version > 8) {
            $(window).on('resize', this.resize);
        } else {
            var resizeTimeout;
            var self = this;
            $(window).on("resize", function () {
                clearTimeout(resizeTimeout);
                resizeTimeout = setTimeout(function () { self.resize(); }, 25);
            });
        }
    }
};

headerObjectResizer.initialize(jQuery);
jQuery(function ($) {
    "use strict";
    if (!browser.ie || browser.version > 8)
        return;
    processElementMultiplyBg(".art-header", {
        "bgimage": "url('images/header.jpg')",
        "bgposition": "0 0",
        "images": "",
        "positions": ""
    });
});
if (typeof window.resizeData === 'undefined') window.resizeData = {};

window.resizeData.pageSliderPageWidth = false;

var artInsertSidebarBlocks = (function ($) {
    return function () {
        if ($("body#layout").length > 0) return true;
        $("div.widget").each(function (i, w) {

if ($(this).parent('#header').length) {
                if (!$(this).hasClass('Header')) {
                    $(this).addClass('art-header-widget');
                }
                return true;
            }

if ($(this).children('.art-no-change').length) return true;

if (w.id == 'Navbar1') return true;
            if (w.id == 'Header1') return true;
            if (w.id == 'Blog1') return true;

if (w.id == 'LinkList99') return true;
            if (w.id == 'LinkList98') return true;
            if (w.id == 'LinkList97') return true;
            if (w.id == 'PageList98') return true;
            if (w.id == 'PageList99') return true;
            if (w.id == 'Text99') return true;
            if (w.id == 'BlogArchive99') return true;

var widget = $(w);
            if ((widget.hasClass('Gadget') || widget.hasClass('Followers')) && browser.opera) {
                return true;
            }

var widgetTitle = $("h2", widget).text();
            $("h2", widget).remove();
            var widgetContent = widget.html();

if (widgetContent.indexOf('googlesyndication.com') > -1) return true;
            if (widgetContent.indexOf('statcounter.com/counter/counter_xhtml.js') > -1) return true;
            if (widgetContent.indexOf('bravenet.com/counter/code.php') > -1) return true;

var startBlock = '<div class="art-block clearfix" id="art-block-'+w.id+'">
';
            var startBlockHeader = '<div class="art-blockheader">
            <h3 class="t">
';
            var endBlockHeader = '</h3>
</div>
';
            var startBlockContent = '<div class="art-blockcontent">
';
            var endBlockContent = '</div>
';
            var endBlock = '</div>
';

widgetContent = startBlockContent + widgetContent + endBlockContent;
            if (widgetTitle && true) {
                widgetContent = startBlockHeader + widgetTitle + endBlockHeader + widgetContent;
            }
            $(widget).html(startBlock + widgetContent + endBlock);

if (widget.hasClass('Subscribe')) {
                widget.css({ 'position': 'relative', 'z-index': '2' })
            }

});
    };
})(jQuery);

jQuery(function () {
    artInsertSidebarBlocks();
});

var artCheckNavBar = (function ($) {
    return function () {
        if (!true) {
            $("#navbar").remove();
        }
    };
})(jQuery);

jQuery(function () {
    artFixPostHeaders();
});

var artHeaderWidget = (function ($) {
    return function () {
        if (showHeader == null || showHeader == false) {
            $("#Header1").css("display", "none");
        }
    };
})(jQuery);

jQuery(function () {
    artHeaderWidget();
});

jQuery(function () {
    artVMenuWidget();
});

jQuery(function () {
    artFixPostFooters();
});

var artFixTopPagesMenu = (function ($) {
    return function () {
        $("#LinkList99").hide();
    };
})(jQuery);

var artDisplayTopMenu = (function ($) {
    return function (menuitems) {
        var subList1 = $("");
        var subList2 = $("");
        var subList3 = $("");

for (var i = 0; i < menuitems.length; i++) {
            var itemname = menuitems[i][0];
            var itemlink = menuitems[i][1];
            if (itemlink == "http://./") itemlink = "#";

if (itemname.charAt(0) != "-") {
                if (subList3.length != 0) {
                    $("li:last", subList2).append(subList3);
                    subList3 = $("");
                }
                if (subList2.length != 0) {
                    $("li:last", subList1).append(subList2);
                    subList2 = $("");
                }
                if (subList1.length != 0) {
                    $("ul.art-hmenu li:last").append(subList1);
                    subList1 = $("");
                }
                if (window.location == itemlink)
                    $("ul.art-hmenu").append('<li><a href="' + itemlink + '" class="active">' + itemname + '</a></li>
');
                else
                    $("ul.art-hmenu").append('
<li><a href="' + itemlink + '">' + itemname + '</a></li>
');
            } else {
                if (itemname.charAt(2) == "-") {
                    if (subList3.length == 0) subList3 = $("<ul></ul>
");
                    subList3.append('
<li><a href="' + itemlink + '">' + itemname.substr(3, itemname.length) + '</a></li>
');
                } else if (itemname.charAt(1) == "-") {
                    if (subList3.length != 0) {
                        $("li:last", subList2).append(subList3);
                        subList3 = $("");
                    }
                    if (subList2.length == 0) subList2 = $("<ul></ul>
");
                    subList2.append('
<li><a href="' + itemlink + '">' + itemname.substr(2, itemname.length) + '</a></li>
');
                } else if (itemname.charAt(0) == "-") {
                    if (subList3.length != 0) {
                        $("li:last", subList2).append(subList3);
                        subList3 = $("");
                    }
                    if (subList2.length != 0) {
                        $("li:last", subList1).append(subList2);
                        subList2 = $("");
                    }
                    if (subList1.length == 0) subList1 = $("<ul></ul>
");
                    subList1.append('
<li><a href="' + itemlink + '">' + itemname.substr(1, itemname.length) + '</a></li>
');
                }
            }
        }
        if (subList3.length != 0) {
            $("li:last", subList2).append(subList3);
            subList3 = $("");
        }
        if (subList2.length != 0) {
            $("li:last", subList1).append(subList2);
            subList2 = $("");
        }
        if (subList1.length != 0) {
            $("ul.art-hmenu li:last").append(subList1);
            subList1 = $("");
        }
    };
})(jQuery);

var artDisplayVMenu = (function ($) {
    return function (vmenuitems) {

if ($("ul.art-vmenu").children().length > 0) return true;

var subList1 = $("");
        var subList2 = $("");
        var subList3 = $("");

for (var i = 0; i < vmenuitems.length; i++) {
            var itemname = vmenuitems[i][0];
            var itemlink = vmenuitems[i][1];
            if (itemlink == "http://./") itemlink = "#";

if (itemname.charAt(0) != "-") {
                if (subList3.length != 0) {
                    $("li:last", subList2).append(subList3);
                    subList3 = $("");
                }
                if (subList2.length != 0) {
                    $("li:last", subList1).append(subList2);
                    subList2 = $("");
                }
                if (subList1.length != 0) {
                    $("ul.art-vmenu li:last").append(subList1);
                    subList1 = $("");
                }
                if (window.location == itemlink)
                    $("ul.art-vmenu").append('<li><a href="' + itemlink + '" class="active">' + itemname + '</a></li>
');
                else
                    $("ul.art-vmenu").append('
<li><a href="' + itemlink + '">' + itemname + '</a></li>
');
            } else {
                if (itemname.charAt(2) == "-") {
                    if (subList3.length == 0) subList3 = $("<ul></ul>
");
                    if (window.location == itemlink)
                        subList3.append('
<li><a href="' + itemlink + '" class="active">' + itemname.substr(3, itemname.length) + '</a></li>
');
                    else
                        subList3.append('
<li><a href="' + itemlink + '">' + itemname.substr(3, itemname.length) + '</a></li>
');
                } else if (itemname.charAt(1) == "-") {
                    if (subList3.length != 0) {
                        $("li:last", subList2).append(subList3);
                        subList3 = $("");
                    }
                    if (subList2.length == 0) subList2 = $("<ul></ul>
");
                    if (window.location == itemlink)
                        subList2.append('
<li><a href="' + itemlink + '" class="active">' + itemname.substr(2, itemname.length) + '</a></li>
');
                    else
                        subList2.append('
<li><a href="' + itemlink + '">' + itemname.substr(2, itemname.length) + '</a></li>
');
                } else if (itemname.charAt(0) == "-") {
                    if (subList3.length != 0) {
                        $("li:last", subList2).append(subList3);
                        subList3 = $("");
                    }
                    if (subList2.length != 0) {
                        $("li:last", subList1).append(subList2);
                        subList2 = $("");
                    }
                    if (subList1.length == 0) subList1 = $("<ul></ul>
");
                    if (window.location == itemlink)
                        subList1.append('
<li><a href="' + itemlink + '" class="active">' + itemname.substr(1, itemname.length) + '</a></li>
');
                    else
                        subList1.append('
<li><a href="' + itemlink + '">' + itemname.substr(1, itemname.length) + '</a></li>
');
                }
            }
        }
        if (subList3.length != 0) {
            $("li:last", subList2).append(subList3);
            subList3 = $("");
        }
        if (subList2.length != 0) {
            $("li:last", subList1).append(subList2);
            subList2 = $("");
        }
        if (subList1.length != 0) {
            $("ul.art-vmenu li:last").append(subList1);
            subList1 = $("");
        }

if (!true) {
            $(".art-vmenublockheader").css("display", "none");
        }

var a = $("ul.art-vmenu a.active");
        a.parents('ul.art-vmenu').find("ul, a").removeClass('active');
        a.parent().children('ul').addClass('active');
        a.parents('ul.art-vmenu ul').addClass('active');
        a.parents('ul.art-vmenu li').children('a').addClass('active');
    };
})(jQuery);

jQuery(function ($) {
    $(".BlogList").each(function (i) {
        var bl_name = $(this).attr("id");
        $("#" + bl_name + "_show-all").click(function () {
            $("#" + bl_name + "_blogs li").each(function (i) {
                if ($(this).css("display") == "none") {
                    $(this).css("display", "block");
                    $(this).attr("class", bl_name + "_blogs_hidden");
                    $("#" + bl_name + "_show-all").css("display", "none");
                    $("#" + bl_name + "_show-n").css("display", "block");
                }
            });
        });
        $("#" + bl_name + "_show-n").click(function () {
            $("li." + bl_name + "_blogs_hidden").each(function (i) {
                $(this).css("display", "none");
                $(this).attr("class", "");
                $("#" + bl_name + "_show-all").css("display", "block");
                $("#" + bl_name + "_show-n").css("display", "none");
            });
        });
    });
});

jQuery(function () {
    artTransformSearchWidget();
});

jQuery(function ($) {
    var header = $("header.art-header");
    var offset = header.offset();
    if (!offset) {
        return;
    }
    if ($("#navbar").length) {
        offset.top -= 30;
    }
    $("#art-header-bg").css({
        "top": offset.top + "px"
    });
});

jQuery(function ($) {
    var menu = $(".art-nav:not(#art-hmenu-bg)");
    var offset = menu.offset();
    if (!offset) {
        return;
    }
    if ($("#navbar").length) {
        offset.top -= 30;
    }
    $("#art-hmenu-bg").css({
        "height": menu.height() + "px",
        "top": offset.top + "px"
    });
});

//]]>
</script>

<script>
//<![CDATA[
/* Created by Artisteer v4.3.0.60745 */
/*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
/*global jQuery */

var responsiveDesign = {
    isResponsive: false,
    isDesktop: false,
    isTablet: false,
    isPhone: false,
    lockedResponsiveMode: '', // free mode from start

responsiveType: 'desktop',
    responsiveTypeIdx: 1,
    lockedResponsiveType: '',

isCurrentDefaultResponsive: false,

defaultResponsive: [ false, true, true, true, true ], // turn on/off old or new responsive modes

windowWidth: 0,

responsive: (function ($) {
        "use strict";
        return function () {
            var html = $("html");
            this.windowWidth = $(window).width();
            var triggerEvent = false;

var isRespVisible = $("#art-resp").is(":visible");
            if (this.lockedResponsiveMode === 'desktop') isRespVisible = false;

if (isRespVisible && !this.isResponsive) {
                html.addClass("responsive").removeClass("desktop");
                this.isResponsive = true;
                this.isDesktop = false;
                triggerEvent = true;
            } else if (!isRespVisible && !this.isDesktop) {
                html.addClass("desktop").removeClass("responsive default-responsive responsive-tablet responsive-phone");
                this.isResponsive = this.isTablet = this.isPhone = false;
                this.isDesktop = true;
                triggerEvent = true;
            }

if (this.isResponsive) {
                // additional check to lock responsive mode
                var isTablet = this.lockedResponsiveMode === 'tablet' || ($("#art-resp-t").is(":visible") && this.lockedResponsiveMode === '');
                var isPhone = this.lockedResponsiveMode === 'phone' || ($("#art-resp-m").is(":visible") && this.lockedResponsiveMode === '');
                if (isTablet && !this.isTablet) {
                    html.addClass("responsive-tablet").removeClass("responsive-phone");
                    this.isTablet = true;
                    this.isPhone = false;
                    triggerEvent = true;
                } else if (isPhone && !this.isPhone) {
                    html.addClass("responsive-phone").removeClass("responsive-tablet");
                    this.isTablet = false;
                    this.isPhone = true;
                    triggerEvent = true;
                }
            }

if (triggerEvent || prevResponsiveIndx !== this.responsiveTypeIdx) {
                triggerEvent = true;
                
                if (this.isResponsive && this.defaultResponsive[ this.responsiveTypeIdx ]) {
                    this.isCurrentDefaultResponsive = true;
                    html.removeClass('custom-responsive').addClass('default-responsive');
                } else {
                    this.isCurrentDefaultResponsive = false;
                    html.removeClass('default-responsive').addClass('custom-responsive');
                }
            }

if (triggerEvent) {
                $(window).trigger("responsive", this);
            }

$(window).trigger("responsiveResize", this);
        };
    })(jQuery),
    initialize: (function ($) {
        "use strict";
        return function () {
            // get correct defaultResponsive
            if (typeof defaultResponsiveData !== 'undefined') responsiveDesign.defaultResponsive = defaultResponsiveData;

$("<div id=\"art-resp\">
<div id=\"art-resp-m\">
</div>
<div id=\"art-resp-t\">
</div>
</div>
").appendTo("body");
            $('<div id="art-resp-tablet-landscape" />
<div id="art-resp-tablet-portrait" />
<div id="art-resp-phone-landscape" />
<div id="art-resp-phone-portrait" />
').appendTo('body');

/* (1) Use this code for debug instead of (2):
             * var resizeTimeout;
             * $(window).resize(function () {
             * clearTimeout(resizeTimeout);
             * resizeTimeout = setTimeout(function () { responsiveDesign.responsive(); }, 50);
             * });
             */

/* (2) Use this code for production and comment (1): */
            $(window).resize(function () {
                responsiveDesign.responsive();
            });

$(window).trigger("resize");
        };
    })(jQuery),
    // lock responsive in some mode: desktop, tablet or phone for editor
    lockResponsiveType: function (mode) {
        responsiveDesign.lockedResponsiveType = mode;

if (mode.indexOf('tablet') === 0) mode = 'tablet';
        if (mode.indexOf('phone') === 0) mode = 'phone';

responsiveDesign.lockedResponsiveMode = mode;
    },
    // using in editor to turn off default responsive
    toogleDefaultResponsive: function (type, val) {
        var old = responsiveDesign.defaultResponsive[ type ];
        responsiveDesign.defaultResponsive[ type ] = val;
        if (old !== val) responsiveDesign.responsiveTypeIdx = -1;
    }
};

function responsiveAbsBg(responsiveDesign, el, bg) {
    "use strict";
    if (bg.length === 0)
        return;

var desktopBgTop = bg.attr("data-bg-top");
    var desktopBgHeight = bg.attr("data-bg-height");

if (responsiveDesign.isResponsive) {
        if (typeof desktopBgTop === "undefined" || desktopBgTop === false) {
            bg.attr("data-bg-top", bg.css("top"));
            bg.attr("data-bg-height", bg.css("height"));
        }

var elTop = el.offset().top;
        var elHeight = el.outerHeight();
        bg.css("top", elTop + "px");
        bg.css("height", elHeight + "px");
    } else if (typeof desktopBgTop !== "undefined" && desktopBgTop !== false) {
        bg.css("top", desktopBgTop);
        bg.css("height", desktopBgHeight);
        bg.removeAttr("data-bg-top");
        bg.removeAttr("data-bg-height");
    }
}

var responsiveImages = (function ($) {
    "use strict";
    return function (responsiveDesign) {
        $("img[width]").each(function () {
            var img = $(this), newWidth = "", newMaxWidth = "", newHeight = "";
            if (responsiveDesign.isResponsive) {
                newWidth = "auto";
                newHeight = "auto";
                newMaxWidth = "100%";

var widthAttr = img.attr("width");
                if (widthAttr !== null && typeof (widthAttr) === "string" && widthAttr.indexOf("%") === -1) {
                    newWidth = "100%";
                    newMaxWidth = parseInt($.trim(widthAttr), 10) + "px";
                }
            }
            img.css("width", newWidth).css("max-width", newMaxWidth).css("height", newHeight);
        });
    };
})(jQuery);

// this must be called for collages only!
var responsiveTextblocks = (function ($) {
    "use strict";
    return function (slider, responsiveDesign) {
        slider.find(".art-textblock").each(function () {
            if (parseInt(slider.attr("data-width"), 10) === 0) {
                return true;
            }
            var tb = $(this);
            var c = slider.width() / slider.attr("data-width");
            tb.css({
                "height": "",
                "width": "",
                "top": "",
                "margin-left": ""
            });
            if (responsiveDesign.isResponsive) {
                var tbHeight = parseInt(tb.css("height"), 10);
                var tbWidth = parseInt(tb.css("width"), 10);
                var tbTop = parseInt(tb.css("top"), 10);
                var tbMargin = parseInt(tb.css("margin-left"), 10);
                tb.add(tb.find('div')).css({
                    "height": tbHeight * c,
                    "width": tbWidth * c
                });
                tb.css("top", tbTop * c);
                tb.attr("style", function (i, s) { return s + "margin-left: " + (tbMargin * c) + "px !important"; });
            }
        });
    };
})(jQuery);

var responsiveSlider = (function ($) {
    "use strict";
    return function (responsiveDesign) {
        $(".art-slider").each(function () {
            var s = $(this);

var isHeaderSlider = s.parent('.art-header').length > 0 || s.parent('.art-pageslider').length > 0;
            if (!isHeaderSlider && responsiveDesign.isResponsive) {
                responsiveTextblocks(s, responsiveDesign);
                return;
            }

var initialWidth = s.attr("data-width");
            var initialHeight = s.attr("data-height");

// set size

var obj = s.data("slider");
            if (!obj) {
                return false;
            }

var inner = s.find(".art-slider-inner");

if (!responsiveDesign.isResponsive && obj.settings.helper) {
                obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
                return;
            }

// set slider
            if (obj && obj.settings.helper) {
                $(window).on("responsiveResize", function updateSize() {
                    if (obj.settings.animation === "fade") return;
                    if (responsiveDesign.isCurrentDefaultResponsive) {
                        obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
                        $.each(inner.children(), function () {
                            $(this).css(
                                "background-position",
                                -Math.floor(initialWidth / 2 - parseInt(inner.outerWidth(), 10) / 2) + "px" +
                                -Math.floor(initialHeight / 2 - parseInt(inner.outerHeight(), 10) / 2) + "px "
                            );
                        });
                    } else {
                        $(window).off("responsiveResize", updateSize);
                    }
                });
            }
        });
    };
})(jQuery);

var responsiveCollages = (function ($) {
    "use strict";
    return function (responsiveDesign) {
        $(".art-collage").each(function() {
            var collage = $(this);
            var slider = collage.find(".art-slider");

var initialWidth = slider.attr("data-width");
            var initialHeight = slider.attr("data-height");

var parent = collage.closest(':not(.image-caption-wrapper, .art-collage)');
            var parentIcw = collage.closest('.image-caption-wrapper');
            var parentWidth = parent.width();
            var collageWidth = collage.width();

// for responsive try to make collage smaller
            // a) no icw - check collage width and parent
            // b) with icw - collage is bigger than icw
            var doms = collage
                .add(slider)
                .add(collage.closest(".image-caption-wrapper"));

// so try to make collage smaller
            if (responsiveDesign.isResponsive && collageWidth > parentWidth || (parentIcw.length > 0 && collageWidth > parentIcw.width())) {
                doms.css("width", "100%");
            }

// but if icw make collage too bit reset it width to noraml
            collageWidth = collage.width();
            if (collageWidth > initialWidth) {
                doms.css("width", "");
            }

var c = slider.width() / initialWidth;
            var h = c * initialHeight;
            slider.css("height", h + "px");
        });
    };
})(jQuery);

jQuery(window).bind("responsive", (function ($) {
    "use strict";
    return function (event, responsiveDesign) {
        // so this event is main and it generate sub events to make important changes before we will modify slider
        // for example we move out of slider menu button, and it change slider size
        $(window).trigger('responsivePage', responsiveDesign);
        responsiveImages(responsiveDesign);
        responsiveVideos(responsiveDesign);

responsiveSlider(responsiveDesign);
        responsiveNavigator(responsiveDesign);
    };
})(jQuery));

jQuery(window).bind("responsiveResize", (function ($) {
    "use strict";
    return function (event, responsiveDesign) {
        responsiveCollages(responsiveDesign);
        responsiveNavigator(responsiveDesign);
    };
})(jQuery));

jQuery(function ($) {
    if (!browser.ie || browser.version > 8) return;
    var timeout;
    $(window).on("resize", function () {
        clearTimeout(timeout);
        timeout = setTimeout(function() {
            responsiveCollages(responsiveDesign);
            responsiveNavigator(responsiveDesign);
        }, 25);
    });
    responsiveCollages(responsiveDesign);
    responsiveNavigator(responsiveDesign);
});

var responsiveHeader = (function ($) {
    "use strict";
    return function(responsiveDesign) {
        var header = $("header.art-header");
        var headerSlider = header.find(".art-slider");

if (headerSlider.length) {
            var firstSlide = headerSlider.find(".art-slide-item").first();
            var slidebg = firstSlide.css("background-image").split(",");
            var previousSibling = headerSlider.prev();
            var sliderNav = headerSlider.siblings(".art-slidenavigator");
            if (slidebg.length && responsiveDesign.isResponsive) {
                // if prev is menu in header
                if (previousSibling.is(".art-nav:not(#art-hmenu-bg)")) {
                    sliderNav.attr("data-offset", previousSibling.height());
                }
            } else {
                sliderNav.removeAttr("data-offset");
                header.removeAttr("style");
            }
        }
    };
})(jQuery);

jQuery(window).bind("responsiveResize", (function ($) {
    "use strict";
    return function (event, responsiveDesign) {
        responsiveAbsBg(responsiveDesign, $(".art-header"), $("#art-header-bg"));
    };
})(jQuery));

jQuery(window).bind("responsive", (function ($) {
    "use strict";
    return function (event, responsiveDesign) {
        if (browser.ie && browser.version <= 8) return;

if (responsiveDesign.isResponsive) {
            $(window).on("responsiveResize.header", function () {
                responsiveHeader(responsiveDesign);
            });
        } else {
            $(window).trigger("responsiveResize.header");
            $(window).off("responsiveResize.header");
        }
    };
})(jQuery));

jQuery(window).bind("responsiveResize", (function ($) {
    "use strict";
    return function (event, responsiveDesign) {
        responsiveAbsBg(responsiveDesign, $(".art-nav:not(#art-hmenu-bg)"), $("#art-hmenu-bg"));
        $(window).trigger("responsiveNav", { responsiveDesign: responsiveDesign });
    };
})(jQuery));

jQuery(function($) {
    $('<a href=\"#\" class=\"art-menu-btn\"><span></span><span></span><span></span></a>').insertBefore(".art-hmenu").click(function(e) {
        var menu = $(this).next();
        if (menu.is(":visible")) {
            menu.slideUp("fast", function() {
                $(this).removeClass("visible").css("display", "");
            });
        } else {
            menu.slideDown("fast", function() {
                $(this).addClass("visible").css("display", "");
            });
        }
        e.preventDefault();
    });
});

jQuery(window).bind("responsive", function (event, responsiveDesign) {
    "use strict";

responsiveLayoutCell(responsiveDesign);
});

/*global jQuery, responsiveDesign*/

//setTimeout(function () { $("html").addClass("desktop") }, 0);

if (!browser.ie || browser.version > 8) {
    jQuery(responsiveDesign.initialize);
} else {
    jQuery("html").addClass("desktop");
}

//]]>
</script>

</head>
<body>
    <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\0751029784525717289982\46blogName\75COMFER\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//computerpentium4.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://computerpentium4.blogspot.com/\46vt\75-8275551954513640166',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
      </b:widget>
    </b:section>
    
<script>
artCheckNavBar();
var showHeader = false;
var showVMenu = false;
</script>
<div id='art-main'>
<script>
artFixNavbarPadding();
</script>
<header class='art-header'>
<b:section id='header' showaddelement='yes'>
  <b:widget id='Header1' locked='true' title='COMFER (Header)' type='Header'>
    <b:includable id='main'>

<div class='art-shapes'>
        
            </div>
<h1 class='art-headline'>
<b:include name='title'/></h1>
<h2 class='art-slogan'>
<b:include name='description'/></h2>
<div id='art-flash-area'>
                    <div id='art-flash-container'>
                    <img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 255px; width: 900px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="art-flash-object" data-original-id="art-flash-object" />
                    </div>
</div>
</b:includable>
    <b:includable id='description'>
            <data:description/>
        </b:includable>
    <b:includable id='title'>
            <a expr:href='data:blog.homepageUrl'><data:title/></a>
        </b:includable>
  </b:widget>
</b:section>
<script>
var showHeader = true;
</script>
</header>
<div class='art-nav desktop-nav'>
<b:section id='crosscol' maxwidgets='1' showaddelement='no'>
  <b:widget id='PageList98' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
            
    <div class='art-nav-inner'>
    
<ul class='art-hmenu'>
    <b:loop values='data:links' var='link'>
        <b:if cond='data:link.isCurrentPage'>
<li><a class='active' expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
    </b:loop>
</ul>
</div>
</b:includable>
  </b:widget>
</b:section>
<script>
artFixTopPagesMenu();
</script>
</div>
<div class='art-sheet clearfix'>
            <div class='art-layout-wrapper'>
                <div class='art-content-layout'>
                    <div class='art-content-layout-row'>
                        <b:section class='art-layout-cell art-content' id='main' showaddelement='yes'>
                          <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
                            <b:includable id='main' var='top'>
        
        <b:include data='top' name='status-message'/>

<data:defaultAdStart/>
        <b:loop values='data:posts' var='post'>
            
<article class='art-post art-article'>
                <b:include data='post' name='post'/>
                <b:if cond='data:blog.pageType == "static_page"'>
                    <b:include data='post' name='comment_picker'/>
                </b:if>
                <b:if cond='data:blog.pageType == "item"'>
                    <b:include data='post' name='comment_picker'/>
                </b:if>
            </article>

<b:if cond='data:post.includeAd'>
                <b:if cond='data:post.isFirstPost'>
                    <data:defaultAdEnd/>
                 <b:else/>
                    <data:adEnd/>
                </b:if>
                <div class='inline-ad art-post-body'>
                    <data:adCode/>
                </div>
<data:adStart/>
            </b:if>
        </b:loop>
        <data:adEnd/>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
            <script src='http://www.google.com/jsapi'/>
            <script>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
google.setOnLoadCallback(initialize);
</script>
        </b:if>
        <b:if cond='data:top.showDummy'>
            <data:top.dummyBootstrap/>
        </b:if>
    </b:includable>
                            <b:includable id='backlinkDeleteIcon' var='backlink'>
        <span expr:class='"item-control " + data:backlink.adminClass'>
            <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                <img src='http://www.blogger.com/img/icon_delete13.gif'/>
            </a>
        </span>
    </b:includable>
                            <b:includable id='backlinks' var='post'>
        <a name='links'/>
        <h4>
            <data:post.backlinksLabel/>
        </h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
                <b:loop values='data:post.backlinks' var='backlink'>
                    <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
                            <span class='backlink-toggle-zippy'> </span>
                            <a expr:href='data:backlink.url' rel='nofollow'>
                                <data:backlink.title/>
                            </a>
                            <b:include data='backlink' name='backlinkDeleteIcon'/>
                        </dt>
<dd class='comment-body collapseable'>
                            <data:backlink.snippet/>
                        </dd>
                        <dd class='comment-footer collapseable'>
                            <span class='comment-author'>
                                <data:post.authorLabel/>
                                <data:backlink.author/>
                            </span>
                            <span class='comment-timestamp'>
                                <data:post.timestampLabel/>
                                <data:backlink.timestamp/>
                            </span>
                        </dd>
                    </div>
</b:loop>
            </dl>
</b:if>
        <div class='comment-footer' style='margin:13px 0;'>
            <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'>
                <data:post.createLinkLabel/>
            </a>
        </div>
</b:includable>
                            <b:includable id='comment-form' var='post'>
        <div class='art-commentsform'>
            <a name='comment-form'/>
            <h3>
                <data:postCommentMsg/>
            </h3>
<p>
<data:blogCommentMessage/>
            </p>
<data:blogTeamBlogMessage/>
            <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
            <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
            <data:post.friendConnectJs/>
            <data:post.cmtfpIframe/>
            <script>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
        </div>
</b:includable>
                            <b:includable id='commentDeleteIcon' var='comment'>
        <span expr:class='"item-control " + data:comment.adminClass'>
            <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                <img src='http://www.blogger.com/img/icon_delete13.gif'/>
            </a>
        </span>
    </b:includable>
                            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
                            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
                            <b:includable id='comments' var='post'>
        <div class='art-comments'>
            <a name='comments'/>
            <b:if cond='data:post.allowComments'>
                <h2 class='art-postheader'>
                    <b:if cond='data:post.numComments == 1'>
                        1 <data:commentLabel/>:
                    <b:else/>
                        <data:post.numComments/> <data:commentLabelPlural/>:
                    </b:if>
                </h2>
<b:if cond='data:post.commentPagingRequired'>
                    <span class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                            <data:post.oldestLinkText/>
                        </a>
                         
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                            <data:post.olderLinkText/>
                        </a>
                         
                        <data:post.commentRangeText/>
                         
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                            <data:post.newerLinkText/>
                        </a>
                         
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                        </a>
                    </span>
                </b:if>

<b:loop values='data:post.comments' var='comment'>
                    <div class='art-comment art-postcontent clearfix'>
                        <a expr:name='data:comment.anchorName'/>
                        <b:if cond='data:blog.enabledCommentProfileImages'>
                            <div class='art-comment-avatar'>
                                <data:comment.authorAvatarImage/>
                            </div>
</b:if>
                        <div class='art-comment-inner'>
                            <div class='art-comment-header'>
                                <b:if cond='data:comment.favicon'>
                                    <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                                </b:if>
                                <b:if cond='data:comment.authorUrl'>
                                    <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                        <data:comment.author/>
                                    </a>
                                    <b:else/>
                                    <data:comment.author/>
                                </b:if>
                                <data:commentPostedByMsg/>
                            </div>
<div class='art-comment-content'>
                                <b:if cond='data:comment.isDeleted'>
                                    <span class='deleted-comment'>
                                        <data:comment.body/>
                                    </span>
                                    <b:else/>
                                    <p>
<data:comment.body/>
                                    </p>
</b:if>
                            </div>
<div class='art-comment-footer'>
                                <a expr:href='data:comment.url' title='comment permalink'>
                                    <data:comment.timestamp/>
                                </a>
                                <b:include data='comment' name='commentDeleteIcon'/>
                            </div>
</div>
</div>
</b:loop>

<b:if cond='data:post.commentPagingRequired'>
                    <span class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                            <data:post.oldestLinkText/>
                        </a>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                            <data:post.olderLinkText/>
                        </a>
                         
                        <data:post.commentRangeText/>
                         
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                            <data:post.newerLinkText/>
                        </a>
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                        </a>
                    </span>
                </b:if>

<b:if cond='data:post.embedCommentForm'>
                    <b:if cond='data:post.allowNewComments'>
                        <b:include data='post' name='comment-form'/>
                    <b:else/>
                        <data:post.noNewCommentsText/>
                    </b:if>
                    <b:else/>
                    <b:if cond='data:post.allowComments'>
                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:postCommentMsg/>
                        </a>
                    </b:if>
                </b:if>
            </b:if>

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
                            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</b:if>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
                            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
</b:if>

</div>
<div class='post-footer-line post-footer-line-2'>

<div class='post-share-buttons goog-inline-block'>
                    <b:if cond='data:post.sharePostUrl'>
                        <b:include data='post' name='shareButtons'/>
                    </b:if>
                </div>
</div>
<div class='post-footer-line post-footer-line-3'>
                <span class='post-location'>
                    <b:if cond='data:top.showLocation'>
                        <b:if cond='data:post.location'>
                            <data:postLocationLabel/>
                            <a expr:href='data:post.location.mapsUrl' target='_blank'>
                                <data:post.location.name/>
                            </a>
                        </b:if>
                    </b:if>
                </span>
            </div>
</div>
<b:if cond='data:post.trackLatency'>
            <data:post.latencyJs/>
        </b:if>
    </b:includable>
                            <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
                            <b:includable id='shareButtons' var='post'>
        <b:if cond='data:top.showEmailButton'>
            <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
                <span class='share-button-link-text'>
                    <data:top.emailThisMsg/>
                </span>
            </a>
        </b:if>
        <b:if cond='data:top.showBlogThisButton'>
            <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
                <span class='share-button-link-text'>
                    <data:top.blogThisMsg/>
                </span>
            </a>
        </b:if>
        <b:if cond='data:top.showTwitterButton'>
            <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                <span class='share-button-link-text'>
                    <data:top.shareToTwitterMsg/>
                </span>
            </a>
        </b:if>
        <b:if cond='data:top.showFacebookButton'>
            <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                <span class='share-button-link-text'>
                    <data:top.shareToFacebookMsg/>
                </span>
            </a>
        </b:if>
        <b:if cond='data:top.showOrkutButton'>
            <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                <span class='share-button-link-text'>
                    <data:top.shareToOrkutMsg/>
                </span>
            </a>
        </b:if>
        <b:if cond='data:top.showBuzzButton'>
            <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
                <span class='share-button-link-text'>
                    <data:top.shareToBuzzMsg/>
                </span>
            </a>
        </b:if>
        <b:if cond='data:top.showDummy'>
            <div class='goog-inline-block dummy-container'>
                <data:post.dummyTag/>
            </div>
</b:if>
    </b:includable>
                            <b:includable id='status-message'>
        <b:if cond='data:navMessage'>
            <div class='status-msg-wrap'>
                <div class='status-msg-body'>
                    <data:navMessage/>
                </div>
<div class='status-msg-border'>
                    <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                            <data:navMessage/>
                        </div>
</div>
</div>
</div>
<div style='clear: both;'/>
        </b:if>
    </b:includable>
                            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>
                            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
                            <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
<data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
      <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
</div>
</div>
</b:includable>
                          </b:widget>
                        </b:section>
                        <b:section class='art-layout-cell art-sidebar1' id='sidebar1' preferred='yes'>
                          <b:widget id='HTML1' locked='false' title='' type='HTML'>
                            <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
                          </b:widget>
                        </b:section>
                    </div>
</div>
</div>
<div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='no'/>
</div>
<footer class='art-footer'>
<div class='art-footer-default' style='display:none;'>
<p>
<a href='#'>Link1</a> | <a href='#'>Link2</a> | <a href='#'>Link3</a></p>
<p>
Copyright Â© 2015. All Rights Reserved.</p>
</div>
<b:section class='art-footer-nav' id='footersection' maxwidgets='2' showaddelement='no'>
<b:widget id='LinkList98' locked='false' title='Footer Links' type='LinkList'>
  <b:includable id='main'>
            <b:loop values='data:links' var='link'><a expr:href='data:link.target'><data:link.name/></a> | </b:loop>|
        </b:includable>
</b:widget>
<b:widget id='Text99' locked='false' title='Copyright Text' type='Text'>
  <b:includable id='main'>
            <div class='widget-content'>
                <data:content/>
            </div>
</b:includable>
</b:widget>
</b:section>

</script>

</footer>

</div>
<p class='art-page-footer'>
<span id='art-footnote-links'>ï»¿<a href='http://www.artisteer.com/?p=blogger_templates' target='_blank'>Blogger Template</a> created with Artisteer by 
<a href='' target='_blank'/>.</span>
    </p>
</div>
</body>
</html>

Template gratis gold wait no 2 silahkan copy faste

<b:skin><![CDATA[
#header, #Header1{
    height: 100%;
}

#navbar {
    position: fixed;
    width: 100%;
    z-index: 10;
}

.art-nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.art-comment-avatar{
    background: none transparent !important;
    border: 0 none !important;
}

#ArchiveList ul li {
    text-indent: -10px !important;
    padding: 0 0 0 15px;
}

#ArchiveList ul li:before{
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    content: "";
}

.blog-pager{
    margin-left: 15px;
}

.post-feeds{
    margin-left: 15px;
}

.blog-feeds
{
    margin-left: 15px;
}

/* for Blogger Page Elements */

body#layout #art-main {
    position: relative;
}

body#layout .art-header {
    height: auto;
    width: 100%;
}
body#layout .art-content-layout {
    margin-top: 18px;
    padding-top: 2px;
    width: 100%
}

body#layout .art-sheet {
    width: 100%;
    margin-top: 0 !important;
    top: 0 !important;
}

body#layout .art-sheet:before,
body#layout .art-sheet:after {
    content : '';
}

body#layout .art-header, body#layout #Header1 {
    height: auto;
}

body#layout .art-footer,
body#layout .art-footer-inner {
    width: 100%;
}

body#layout .art-footer .art-footer-text {
    height: 85px;
}

body#layout .art-blockcontent {
    padding: 0;
}

body#layout .art-block {
    padding: 0;
}

body#layout .art-nav {
    height: auto;
    width: auto;
}

body#layout .section {
    width: auto;
}

body#layout #Header1{
    display: block;
}
body#layout #LinkList97,
body#layout #BlogArchive99,
body#layout #PageList99 {
    display: block;
}

body#layout {
    min-width: 0;
}

body#layout .art-content-layout {
    width: 100%;
}

body#layout .widget{
    left: 0;
    top: 0;
    width: 99%;
}

body#layout .art-footer-default {
    display: none;
}

#Attribution1 {
    display: none;
}

/* search results  */

#uds-searchControl {
    width: 99%;
}

#uds-searchControl .gsc-results,
#uds-searchControl .gsc-tabhActive {
    
  font-family: 'Times New Roman';
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
    color: #3e3e2d !important;
    background-color: transparent !important;
    border-color: #808080 !important;
}

#uds-searchControl a,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gs-visibleUrl ,
#uds-searchControl .gsc-tabhInactive {
    
  font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
    color: #d87f13 !important;
}

#uds-searchControl .gsc-cursor-page{
    color: #d87f13 !important;
}

.gsc-tabsArea{
    margin-bottom: 0 !important;
}

.gsc-result-info{
    border-bottom: 0 none !important;
}

.blog-pager a:link,
.blog-pager a:visited,
.blog-pager a:active,
.blog-pager a:hover,
.feed-links a:link,
.feed-links a:visited,
.feed-links a:active,
.feed-links a:hover {
    color: #d87f13;
}

#blog-pager-newer-link {
    float: left;
    margin-left: 13px;
}

#blog-pager-older-link {
    float: right;
    margin-right: 13px;
}

#blog-pager {
    text-align: center;
}

.jump-link{
    margin: 10px 0;
}

/* block content */

.art-blockcontent {
    color: #3e3e2d;
}

.art-blockcontent a:link{
    color: #a9640f;
}

.art-blockcontent a:visited,
.art-blockcontent a.visited {
    color: #a1a17d;
}

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #6a6a4d;
}

.toggle span
{
    color: #a9640f;
}

.gsc-branding-text {
    color: #3e3e2d !important;
}

/* Created by Jajang */

#art-main
{
   background: #CCCCB8;
   margin:0 auto;
   font-size: 13px;
   font-family: 'DeSain', 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: 13px;
   font-family: 'DeSain', 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-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #EB8A14;
   background: transparent;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #834D0B;
   padding:0 5px;
   margin:0 auto;
   height:22px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a 
{
   text-align: left;
}

.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: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent p
{
   margin: 13px 0;
}

.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: 30px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   line-height: 120%;
}

.art-postcontent a, .art-postcontent a:link
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #D87F13;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #68684B;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #888863;
}

.art-postcontent h1
{
   color: #888863;
   margin: 10px 0 0;
   font-size: 30px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 30px;
   font-family: Salsa, 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: 30px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h2
{
   color: #A1A17D;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h2
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: Salsa, 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: 28px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h3
{
   color: #A1A17D;
   margin: 10px 0 0;
   font-size: 24px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 24px;
   font-family: Salsa, 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: 24px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h4
{
   color: #68684B;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Salsa, 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: 20px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h5
{
   color: #68684B;
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Salsa, 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: 16px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h6
{
   color: #B2B295;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Salsa, 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: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
   -ms-text-size-adjust: 100%;
   /* 2 */
    -webkit-text-size-adjust: 100%;
/* 2 */}

body
{
   padding: 0;
   margin:0;
   min-width: 1100px;
   color: #3E3E2D;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

.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-slogan
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 24px;
  left: 10.7%;
  line-height: 100%;
  margin-left: -7px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  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: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  padding: 0;
  margin: 0;
  color: #030D03 !important;
}

.art-header
{
   -webkit-border-radius:0 0 20px 20px;
   -moz-border-radius:0 0 20px 20px;
   border-radius:0 0 20px 20px;
   -webkit-box-shadow:1px 1px 3px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:1px 1px 3px 2px rgba(0, 0, 0, 0.15);
   box-shadow:1px 1px 3px 2px rgba(0, 0, 0, 0.15);
   margin:0 auto;
   background-repeat: no-repeat;
   height: 125px;
   background-image: url('images/header.jpg');
   background-position: 0 0;
   position: relative;
   width: 1100px;
   z-index: auto !important;
}

.custom-responsive .art-header
{
   background-image: url('images/header.jpg');
   background-position: 0 0;
}

.default-responsive .art-header,
.default-responsive #art-header-bg
{
   background-image: url('images/header.jpg');
   background-position: center center;
   background-size: auto;
}

.art-header .art-header-widget 
{
   position:absolute;
   z-index:101;
}

.art-header .art-slider-inner
{
   -webkit-border-radius:0 0 20px 20px;
   -moz-border-radius:0 0 20px 20px;
   border-radius:0 0 20px 20px;
}

.art-nav
{
   background: #707051;
   background: transparent;
   -webkit-border-radius:20px;
   -moz-border-radius:20px;
   border-radius:20px;
   padding:6px 6px 0;
   margin:15px auto 0;
   position: relative;
   z-index: 499;
   text-align: left;
}

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: 20px;
   padding-right: 20px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.art-nav:before 
{
   content:' ';
}

.desktop .art-nav{
   width: 1100px;
   padding-left: 13px;
   padding-right: 13px;
}

.art-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu
{
   float: left;
}

.art-menuitemcontainer
{
   margin:0 auto;
}
ul.art-hmenu>li {
   margin-left: 9px;
}
ul.art-hmenu>li:first-child {
   margin-left: 4px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
   margin-right: 4px;
}

ul.art-hmenu>li>a
{
   background: #EAB11F;
   background: -webkit-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: -moz-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: -o-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: -ms-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   -svg-background: linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: linear-gradient(to bottom, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   -webkit-border-radius:6px 6px 0 0;
   -moz-border-radius:6px 6px 0 0;
   border-radius:6px 6px 0 0;
   border:1px solid transparent;
   border-bottom:none;
   padding:0 24px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 33px;
   cursor: pointer;
   text-decoration: none;
   color: #212118;
   line-height: 33px;
   text-align: center;
}

.art-hmenu>li>a, 
.art-hmenu>li>a:link, 
.art-hmenu>li>a:visited, 
.art-hmenu>li>a.active, 
.art-hmenu>li>a:hover
{
   font-size: 13px;
   font-family: 'PT Sans', 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: #CE7A12;
   background: -webkit-linear-gradient(top, #EB8A14 0, #C07111 40%, #BC6F10 50%, #C07111 60%, #EB8A14 100%) no-repeat;
   background: -moz-linear-gradient(top, #EB8A14 0, #C07111 40%, #BC6F10 50%, #C07111 60%, #EB8A14 100%) no-repeat;
   background: -o-linear-gradient(top, #EB8A14 0, #C07111 40%, #BC6F10 50%, #C07111 60%, #EB8A14 100%) no-repeat;
   background: -ms-linear-gradient(top, #EB8A14 0, #C07111 40%, #BC6F10 50%, #C07111 60%, #EB8A14 100%) no-repeat;
   -svg-background: linear-gradient(top, #EB8A14 0, #C07111 40%, #BC6F10 50%, #C07111 60%, #EB8A14 100%) no-repeat;
   background: linear-gradient(to bottom, #EB8A14 0, #C07111 40%, #BC6F10 50%, #C07111 60%, #EB8A14 100%) no-repeat;
   -webkit-border-radius:6px 6px 0 0;
   -moz-border-radius:6px 6px 0 0;
   border-radius:6px 6px 0 0;
   border:1px solid #CE7A12;
   border-bottom:none;
   padding:0 24px;
   margin:0 auto;
   color: #000000;
   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: #EAB11F;
   background: -webkit-linear-gradient(top, #ECB732 0, #E9AD16 40%, #E9AD16 50%, #E9AD16 60%, #ECB732 100%) no-repeat;
   background: -moz-linear-gradient(top, #ECB732 0, #E9AD16 40%, #E9AD16 50%, #E9AD16 60%, #ECB732 100%) no-repeat;
   background: -o-linear-gradient(top, #ECB732 0, #E9AD16 40%, #E9AD16 50%, #E9AD16 60%, #ECB732 100%) no-repeat;
   background: -ms-linear-gradient(top, #ECB732 0, #E9AD16 40%, #E9AD16 50%, #E9AD16 60%, #ECB732 100%) no-repeat;
   -svg-background: linear-gradient(top, #ECB732 0, #E9AD16 40%, #E9AD16 50%, #E9AD16 60%, #ECB732 100%) no-repeat;
   background: linear-gradient(to bottom, #ECB732 0, #E9AD16 40%, #E9AD16 50%, #E9AD16 60%, #ECB732 100%) no-repeat;
   -webkit-border-radius:6px 6px 0 0;
   -moz-border-radius:6px 6px 0 0;
   border-radius:6px 6px 0 0;
   border:1px solid rgba(234, 177, 31, 0.5);
   border-bottom:none;
   padding:0 24px;
   margin:0 auto;
}
ul.art-hmenu>li>a:hover, 
.desktop ul.art-hmenu>li:hover>a {
   color: #2F2F22;
   text-decoration: none;
}

ul.art-hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -9px;
   width:9px;
   height: 33px;
   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: #F3D17C;
   background: transparent;
   padding:0 33px;
   margin:0 auto;
}
ul.art-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 2px;
   margin-bottom: 2px;
}

.desktop 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: 37px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 37px;
   color: #594208;
   font-size: 13px;
   font-family: 'PT Sans', 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: 37px;
   color: #594208;
   font-size: 13px;
   font-family: 'PT Sans', 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: #EFC14E;
   background: transparent;
   margin:0 auto;
}
.art-hmenu ul a:hover
{
   text-decoration: underline;
   color: #795A0B;
}

.desktop .art-hmenu ul li:hover>a
{
   color: #795A0B;
}

ul.art-hmenu ul:before
{
   background: #F8E7B9;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop 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 ul.art-hmenu>li>ul
{
   padding: 14px 34px 34px 34px;
   margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul
{
   padding: 34px 34px 34px 14px;
   margin: -34px 0 0 -6px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 34px 34px 34px 14px;
   margin: -34px 0 0 -6px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 34px 14px 34px 34px;
   margin: -34px -6px 0 0;
}

.desktop ul.art-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.art-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop ul.art-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

.art-sheet
{
   background: #EAEAE1 url('images/sheet.png') scroll;
   -webkit-border-radius:20px;
   -moz-border-radius:20px;
   border-radius:20px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   padding:7px;
   margin:0 auto;
   position:relative;
   cursor:auto;
   width: 1100px;
   z-index: auto !important;
}

.art-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.art-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.art-content-layout-row 
{
   display: table-row;
}

.art-layout-cell
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.art-postcontent .art-content-layout
{
   border-collapse: collapse;
}

.art-vmenublock
{
   border:1px solid transparent;
   margin:5px;
}
div.art-vmenublock img
{
   margin: 0;
}

.art-vmenublockheader
{
   padding:6px 0;
   margin:0 auto;
}
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited, 
.art-vmenublockheader .t a:hover
{
   color: #000000;
   font-size: 24px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   margin: 0 10px;
}

.art-vmenublockcontent
{
   border:1px solid transparent;
   margin:0 auto;
}

ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.art-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.art-vmenu ul.active
{
   display: block;
}

ul.art-vmenu>li>a
{
   background: #BABAA0;
   background: -webkit-linear-gradient(top, #ABAB8C 0, #C3C3AC 40%, #C5C5AF 50%, #C3C3AC 60%, #ABAB8C 100%) no-repeat;
   background: -moz-linear-gradient(top, #ABAB8C 0, #C3C3AC 40%, #C5C5AF 50%, #C3C3AC 60%, #ABAB8C 100%) no-repeat;
   background: -o-linear-gradient(top, #ABAB8C 0, #C3C3AC 40%, #C5C5AF 50%, #C3C3AC 60%, #ABAB8C 100%) no-repeat;
   background: -ms-linear-gradient(top, #ABAB8C 0, #C3C3AC 40%, #C5C5AF 50%, #C3C3AC 60%, #ABAB8C 100%) no-repeat;
   -svg-background: linear-gradient(top, #ABAB8C 0, #C3C3AC 40%, #C5C5AF 50%, #C3C3AC 60%, #ABAB8C 100%) no-repeat;
   background: linear-gradient(to bottom, #ABAB8C 0, #C3C3AC 40%, #C5C5AF 50%, #C3C3AC 60%, #ABAB8C 100%) no-repeat;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   padding:0 10px;
   margin:0 auto;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #41412F;
   min-height: 28px;
   line-height: 28px;
}
ul.art-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.art-vmenu li{
   position:relative;
}

ul.art-vmenu>li
{
   margin-top: 2px;
}
ul.art-vmenu>li>ul
{
   padding: 0;
   margin-top: 2px;
   margin-bottom: 2px;
}
ul.art-vmenu>li:first-child
{
   margin-top:0;
}

ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
   background: #EB8A14;
   background: -webkit-linear-gradient(top, #F1AD5B 0, #EB8A14 50%, #A4610E 100%) no-repeat;
   background: -moz-linear-gradient(top, #F1AD5B 0, #EB8A14 50%, #A4610E 100%) no-repeat;
   background: -o-linear-gradient(top, #F1AD5B 0, #EB8A14 50%, #A4610E 100%) no-repeat;
   background: -ms-linear-gradient(top, #F1AD5B 0, #EB8A14 50%, #A4610E 100%) no-repeat;
   -svg-background: linear-gradient(top, #F1AD5B 0, #EB8A14 50%, #A4610E 100%) no-repeat;
   background: linear-gradient(to bottom, #F1AD5B 0, #EB8A14 50%, #A4610E 100%) no-repeat;
   padding:0 10px;
   margin:0 auto;
}
ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
   text-decoration: none;
}

ul.art-vmenu a:hover, ul.art-vmenu a.active:hover 
{
   color: #8D530C;
}

ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.art-vmenu>li>a.active
{
   background: #EAB11F;
   background: -webkit-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: -moz-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: -o-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: -ms-linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   -svg-background: linear-gradient(top, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   background: linear-gradient(to bottom, #F1C965 0, #E9AD16 57%, #AD8010 100%) no-repeat;
   padding:0 10px;
   margin:0 auto;
   text-decoration: none;
   color: #75450A;
}

ul.art-vmenu>li>ul:before
{
   background: #F2F2ED;
   background: transparent;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.art-vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.art-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.art-vmenu li li{
   position: relative;
   margin-top: 2px;
}

ul.art-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 30px;
   overflow: visible;
   padding: 0;
   padding-left: 20px;
   padding-right: 20px;
   z-index: 0;
   line-height: 30px;
   color: #6A6A4D;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active
{
   line-height: 30px;
   color: #6A6A4D;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover
{
   background: #F3D17C;
   background: rgba(243, 209, 124, 0.4);
   margin:0 auto;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover
{
   text-decoration: none;
   color: #834D0B;
}

ul.art-vmenu ul>li>a.active
{
   margin:0 auto;
}
ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover
{
   text-decoration: none;
   color: #A87D10;
}

.art-block
{
   border:1px solid transparent;
   margin:5px;
}
div.art-block img
{
   border: 1px solid #CCCCB8;
   margin: 12px;
}

.art-blockheader
{
   padding:6px 7px;
   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: #000000;
   font-size: 24px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   margin: 0 10px;
}

.art-blockcontent
{
   border:1px solid transparent;
   padding:7px;
   margin:0 auto;
   color: #3E3E2D;
   font-size: 13px;
   font-family: 'PT Sans', 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: #3E3E2D;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent p
{
   margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link
{
   color: #A9640F;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}

.art-blockcontent a:visited, .art-blockcontent a.visited
{
   color: #A1A17D;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover
{
   color: #6A6A4D;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   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: -18px;
}
.opera .art-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li
{
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #68684B;
}

.art-block ul>li, .art-block ol
{
   padding: 0;
}

.art-block ul>li
{
   padding-left: 18px;
}

.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: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #000000;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 22px;
   -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, a.art-search-button span
{
   vertical-align: middle;
   font-size: 14px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.art-block select 
{
   width:96%;
}

input.art-button
{
   float: none !important;
   -webkit-appearance: none;
}

.art-button.active, .art-button.active:hover
{
   background: #96966E;
   background: -webkit-linear-gradient(top, #ABAB8C 0, #94946B 55%, #797958 100%) no-repeat;
   background: -moz-linear-gradient(top, #ABAB8C 0, #94946B 55%, #797958 100%) no-repeat;
   background: -o-linear-gradient(top, #ABAB8C 0, #94946B 55%, #797958 100%) no-repeat;
   background: -ms-linear-gradient(top, #ABAB8C 0, #94946B 55%, #797958 100%) no-repeat;
   -svg-background: linear-gradient(top, #ABAB8C 0, #94946B 55%, #797958 100%) no-repeat;
   background: linear-gradient(to bottom, #ABAB8C 0, #94946B 55%, #797958 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid transparent;
   padding:0 5px;
   margin:0 auto;
}
.art-button.active, .art-button.active:hover {
   color: #341E04 !important;
}

.art-button.hover, .art-button:hover
{
   background: #BABAA0;
   background: -webkit-linear-gradient(top, #D0D0BE 0, #A3A380 100%) no-repeat;
   background: -moz-linear-gradient(top, #D0D0BE 0, #A3A380 100%) no-repeat;
   background: -o-linear-gradient(top, #D0D0BE 0, #A3A380 100%) no-repeat;
   background: -ms-linear-gradient(top, #D0D0BE 0, #A3A380 100%) no-repeat;
   -svg-background: linear-gradient(top, #D0D0BE 0, #A3A380 100%) no-repeat;
   background: linear-gradient(to bottom, #D0D0BE 0, #A3A380 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid transparent;
   padding:0 5px;
   margin:0 auto;
}
.art-button.hover, .art-button:hover {
   color: #000000 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
   background: #EAEAE1;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #D0D0BE;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea
{
   width: 100%;
   padding: 8px 0;
   color: #3E3E2D !important;
   font-size: 14px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-shadow: none;
}
input.art-error, textarea.art-error
{
   background: #EAEAE1;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.art-error, textarea.art-error {
   color: #3E3E2D !important;
   font-size: 14px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}
form.art-search input[type="text"]
{
   background: #EAEAE1;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #D0D0BE;
   margin:0 auto;
   width: 100%;
   padding: 8px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #3E3E2D !important;
   font-size: 13px;
   font-family: 'PT Sans', 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, a.art-search-button
{
   -webkit-appearance: none;
   top:0;
   right:0;
}

form.art-search>input, a.art-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

a.art-search-button span.art-search-button-text {
   display: none;
}

label.art-checkbox:before
{
   background: #EAEAE1;
   background: -webkit-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: -moz-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: -o-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: -ms-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   -svg-background: linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: linear-gradient(to bottom, #FDFDFC 0, #A9A989 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #BABAA0;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.art-checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #3E3E2D !important;
}

.art-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.art-checkbox.active:before
{
   background: #F3D17C;
   background: -webkit-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: -moz-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: -o-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: -ms-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   -svg-background: linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: linear-gradient(to bottom, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #EFA243;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-checkbox.hovered:before
{
   background: #F8E7B9;
   background: -webkit-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: -moz-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: -o-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: -ms-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   -svg-background: linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: linear-gradient(to bottom, #FDF8EC 0, #ECB936 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #ABAB8C;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-radiobutton:before
{
   background: #EAEAE1;
   background: -webkit-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: -moz-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: -o-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: -ms-linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   -svg-background: linear-gradient(top, #FDFDFC 0, #A9A989 100%) no-repeat;
   background: linear-gradient(to bottom, #FDFDFC 0, #A9A989 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #BABAA0;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.art-radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #3E3E2D !important;
}

.art-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.art-radiobutton.active:before
{
   background: #F3D17C;
   background: -webkit-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: -moz-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: -o-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: -ms-linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   -svg-background: linear-gradient(top, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   background: linear-gradient(to bottom, #F9E8BE 0, #E9AD16 95%, #E0A615 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #EFA243;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.art-radiobutton.hovered:before
{
   background: #F8E7B9;
   background: -webkit-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: -moz-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: -o-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: -ms-linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   -svg-background: linear-gradient(top, #FDF8EC 0, #ECB936 100%) no-repeat;
   background: linear-gradient(to bottom, #FDF8EC 0, #ECB936 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #ABAB8C;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

.art-comments
{
   margin:0 auto;
   margin-top: 25px;
}

.art-comments h2
{
   color: #3E3E2D;
}

.art-comment
{
   padding:7px;
   margin:0 auto;
   margin-top: 10px;
}
.art-comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:1px;
   background:#fff;
   border:none;
}

.art-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.art-comment-content
{
   padding:10px 0;
   color: #3E3E2D;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment:first-child
{
   margin-top: 0;
}

.art-comment-inner
{
   margin-left: 82px;
}

.art-comment-header
{
   color: #3E3E2D;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-header a, 
.art-comment-header a:link, 
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-header a, .art-comment-header a:link
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #633A09;
}

.art-comment-header a:visited, .art-comment-header a.visited
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #29291E;
}

.art-comment-header a:hover,  .art-comment-header a.hovered
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #3E3E2D;
}

.art-comment-content a, 
.art-comment-content a:link, 
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment-content a, .art-comment-content a:link
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #633A09;
}

.art-comment-content a:visited, .art-comment-content a.visited
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #29291E;
}

.art-comment-content a:hover,  .art-comment-content a.hovered
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #3E3E2D;
}

.art-pager
{
   background: #FBF0D5;
   background: transparent;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding:7px;
   margin:2px;
   text-align:center;
}

.art-pager>*:last-child
{
   margin-right:0 !important;
}

.art-pager>span {
   cursor:default;
}

.art-pager>*
{
   background: #F8E7B9;
   background: transparent;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px dotted transparent;
   padding:7px;
   margin:0 8px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited,
.art-pager .active
{
   line-height: normal;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #422706
;
}

.art-pager .active
{
   background: #F3D17C;
   background: transparent;
   border:1px dotted transparent;
   padding:7px;
   margin:0 8px 0 auto;
   color: #422706
;
}

.art-pager .more
{
   background: #F8E7B9;
   background: transparent;
   border:1px dotted transparent;
   margin:0 8px 0 auto;
}
.art-pager a.more:link,
.art-pager a.more:visited
{
   color: #422706
;
}
.art-pager a:hover
{
   background: #EFA243;
   border:1px dotted #EFC14E;
   padding:7px;
   margin:0 8px 0 auto;
}
.art-pager  a:hover,
.art-pager  a.more:hover
{
   color: #211303
;
}
.art-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

.art-pager>*:last-child:after{
   display:none;
}

.art-commentsform
{
   background: #F0F0EA;
   background: transparent;
   border:1px solid #BABAA0;
   padding:7px;
   margin:0 auto;
   margin-top:25px;
   color: #3E3E2D;
}

.art-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #3E3E2D;
}

.art-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.art-commentsform .form-submit
{
   margin-top: 10px;
}
.art-post
{
   background: #F0F0EA;
   background: rgba(240, 240, 234, 0.3);
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid rgba(186, 186, 160, 0.7);
   padding:5px;
   margin:5px;
}
a img
{
   border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
   border: 1px solid #CCCCB8;
   margin: 10px 10px 10px 10px;
}

.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, .art-article td
{
   padding: 2px;
   border: dotted 1px #ABAB8C;
   vertical-align: top;
   text-align: left;
}

.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: 10px 10px 10px 10px;
   -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-postmetadataheader
{
   background: #E3E3D9;
   background: rgba(227, 227, 217, 0.5);
   border-bottom:1px solid #CCCCB8;
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
}

.art-postheadericon:before
{
   content:url('images/postheadericon.png');
   margin-right:6px;
   bottom: 3px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .art-postheadericon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postheader
{
   color: #3E3E2D;
   margin: 6px 0;
   font-size: 26px;
   font-family: Salsa, 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: 26px;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.art-postheader a, .art-postheader a:link
{
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #5C5C42;
}

.art-postheader a:visited, .art-postheader a.visited
{
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #5C5C42;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #D87F13;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-size: 12px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #53533C;
}

.art-postheadericons
{
   padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #916B0D;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #797958;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   color: #5C5C42;
}

.art-postprinticon:before
{
   content:url('images/postprinticon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postprinticon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postemailicon:before
{
   content:url('images/postemailicon.png');
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   bottom: auto;
}
.opera .art-postemailicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #211803;
   margin: 5px 0 5px 13px;
}

.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: 18px;
}

.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before
{
   margin-left: -18px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
{
   margin: 1em 0 1em 13px;
}

.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 13px;
}

.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: #E3E3D9 url('images/postquote.png') no-repeat scroll;
   padding:10px 10px 10px 34px;
   margin:0 0 0 10px;
   color: #12120D;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   /* 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: #12120D;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #BF8E12;
}

.Sorter a:link
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #BF8E12;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #BF8E12;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #916B0D;
}

.Sorter
{
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#624909;
}

.art-footer
{
   background: #EFC14E;
   -webkit-border-radius:13px;
   -moz-border-radius:13px;
   border-radius:13px;
   padding:20px;
   margin:20px auto 0;
   position: relative;
   color: #15150F;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
}

.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: #15150F;
   font-size: 13px;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer p 
{
   padding:0;
   text-align: center;
}

.art-footer a,
.art-footer a:link
{
   color: #5E3708;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer a:visited
{
   color: #2C2C20;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer a:hover
{
   color: #2F1C04;
   font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.art-footer h1
{
   color: #ABAB8C;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h2
{
   color: #BABAA0;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h3
{
   color: #BABAA0;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h4
{
   color: #CCCCB8;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h5
{
   color: #CCCCB8;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer h6
{
   color: #CCCCB8;
   font-family: Salsa, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer img
{
   border: 1px solid #CCCCB8;
   margin: 7px;
}

.art-rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:34px;
   min-width:34px;
   display: inline-block;
   text-indent: 37px;
   background-position: left center;
   vertical-align: middle;
}

.art-rss-tag-icon:empty
{
   vertical-align: middle;
}

.art-facebook-tag-icon:empty
{
   vertical-align: middle;
}

.art-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.art-tumblr-tag-icon
{
   background:  url('images/tumblricon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-tumblr-tag-icon:empty
{
   vertical-align: middle;
}

.art-pinterest-tag-icon
{
   background:  url('images/pinteresticon.png') no-repeat scroll;
   margin:0 auto;
   min-height:33px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-pinterest-tag-icon:empty
{
   vertical-align: middle;
}

.art-vimeo-tag-icon:empty
{
   vertical-align: middle;
}

.art-youtube-tag-icon:empty
{
   vertical-align: middle;
}

.art-linkedin-tag-icon
{
   background:  url('images/linkedinicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.art-linkedin-tag-icon:empty
{
   vertical-align: middle;
}

.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: -15px;
}
.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: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #353527;
}

.art-footer ul>li, .art-footer ol
{
   padding: 0;
}

.art-footer ul>li
{
   padding-left: 15px;
}

.art-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #3B3B2B;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image
{
   cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active
{
   display: inline-block;
}

.art-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.art-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.art-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.art-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.art-lightbox-wrapper .arrow-t, 
.art-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.art-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.art-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.art-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close-alt, 
.art-lightbox-wrapper .arrow-right-alt, 
.art-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt, 
.ie8 .art-lightbox-wrapper .arrow-right-alt, 
.ie8 .art-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .art-lightbox-wrapper .cw, 
.ie8 .art-lightbox-wrapper .ccw 
{
   display: none;
}

.art-content-layout .art-sidebar1
{
   background: #CCCCB8;
   background: transparent;
   -webkit-border-radius:13px 0 0;
   -moz-border-radius:13px 0 0;
   border-radius:13px 0 0;
   margin:0 auto;
   width: 200px;
}

.art-content-layout .art-content
{
   margin:0 auto;
}

.art-content-layout .art-sidebar2
{
   background: #CCCCB8;
   background: transparent;
   -webkit-border-radius:0 13px 0 0;
   -moz-border-radius:0 13px 0 0;
   border-radius:0 13px 0 0;
   margin:0 auto;
   width: 200px;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

]]></b:skin>
<!--[if lte IE 7]>
<style>
/* Created by Artisteer v4.3.0.60745 */

.art-textblock > div {
   display: block;
   line-height: normal;
   zoom: 1;
}

.art-header
{
   z-index: 1;
   background-image: [headerimage];
   background-position: [headerposition];
}

#art-header-bg 
{
   display: none;
}

ul.art-hmenu>li:first-child {
   padding-right:9px;
}
ul.art-hmenu>li{
   zoom:expression(runtimeStyle.zoom=1,insertBefore(document.createElement('span'),firstChild).className='art-hmenu-separator');
}
ul.art-hmenu>li>span.art-hmenu-separator
{
   position:absolute;
   display: block;
   top:0;
   left:  -9px;
   width: 9px;
   height: 33px;
   background: url('images/menuseparator.png') center center no-repeat;
}
ul.art-hmenu>li:first-child>span.art-hmenu-separator
{
   display:none;
}

ul.art-hmenu ul{
   background-color: #F8E7B9 !important;
}

.art-content-layout, .art-content-layout-row, .art-layout-cell 
{
   display: block;
   zoom: 1;
}
.art-layout-cell
{
   position:relative;
   float: left;
   clear: right;
}

ul.art-vmenu, ul.art-vmenu ul, ul.art-vmenu li{
   zoom: 1;
}

ul.art-vmenu ul 
{
   background-color: transparent;
}

input[type="text"]
{
   margin:0 0 0 -3px;
   zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
}

* html input[type="text"]
{
   margin :0;
}

form.art-search>input[type="text"]
{
   margin:0 0 0 -3px;
   zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
}

form.art-search div>input[type="text"]
{
   width: 100%;
}

* html form.art-search>input[type="text"] 
{
   margin :0;
}

form.art-search
{
   zoom: 1;
}
.art-postmetadataheader{
   zoom:1;
}

.art-postheadericons span{
   zoom: 1;
}
.art-postcontent {
   height: 1%;
}

.close-alt, .arrow-right-alt, .arrow-left-alt {
   display: block !important;
}
.cw, .ccw {
   display: none !important;
}

.art-sidebar2 
{
   width: auto;
   float:none;
}

</style>
<![endif]-->
<style>
/* Created by Artisteer v4.3.0.60745 */

.responsive.responsive-phone .art-content-layout img 
{
   margin: 1%;
}

.responsive.responsive-phone .art-collage,
.responsive.responsive-tablet .art-collage {
   margin: 0 !important;
}

.responsive .art-content-layout, 
.responsive .art-content-layout-row
{
   padding: 0;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive .art-responsive-embed 
{
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
    position: relative;
}

.default-responsive .art-header 
{
   height: auto;
}

.default-responsive .art-header .art-logo
{
   display: inline-block;
   margin: auto !important;
   left: auto;
   top: auto !important;
   width: auto;
   height: auto;
}

.responsive .art-header .art-slidenavigator 
{
   position: absolute;
}

.responsive .art-header #art-flash-area
{
   display: none;
}

/* '.art-header *' used noram align, but for '.art-textblock *' we must force align because of preview */
.responsive .art-header .art-textblock *
{
   text-align: center !important;
}

.default-responsive .art-header .art-shapes > .art-textblock,
.default-responsive .art-header .art-slide-item > .art-textblock
{
   display: none !important;
}

.default-responsive .art-header .art-shapes > .art-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

.default-responsive .art-header .art-slider .art-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

.responsive .art-nav:not(#art-hmenu-bg)
{
   min-width: 1%;
   margin-top: 1%;
   margin-right: 1% !important;
   margin-left: 1% !important;
}

.responsive .art-nav 
{
   padding-left: 0;
   padding-right: 0;
   padding-top: 3px;
   padding-bottom: 3px;
}
 
/* full width hmenu, instead of inline-block */
.responsive .art-nav ul.art-hmenu 
{
   float: none;
   text-align: center;
   display: none;
}

.responsive .art-nav ul.art-hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .art-nav ul.art-hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

.art-nav .art-menu-btn:hover span
{
   background: #f3f3f3;
}

.responsive .art-nav .art-menu-btn 
{
   display: inline-block;
}

.responsive .art-nav .art-hmenu.visible 
{
   display: block;
}

.responsive .art-nav ul.art-hmenu>li>a
{
   border-bottom: 1px solid transparent;
}

.responsive .art-nav .art-hmenu>li>a
{
   border-radius: 6px;
}

.responsive .art-nav ul.art-hmenu>li>a.active
{
   border-bottom: 1px solid #CE7A12;
}

.responsive .art-nav ul.art-hmenu>li>a:hover
{
   border-bottom: 1px solid rgba(234, 177, 31, 0.5);
}

.responsive .art-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none !important;
   margin-right: 1% !important;
   margin-left: 1% !important;
}

#art-resp {
   display: none;
}

@media all and (max-width: 1099px)
{
    #art-resp, #art-resp-t { display: block; }
    #art-resp-m { display: none; }
}

@media all and (max-width: 480px)
{
    #art-resp, #art-resp-m { display: block; }
    #art-resp-t { display: none; }
}

@media (min-width: 1200px)
{
    #art-resp-desktop { display: block; }
}

@media (min-width: 980px) and (max-width: 1199px)
{
    #art-resp-tablet-landscape { display: block; }
}

@media (min-width: 768px) and (max-width: 979px)
{
    #art-resp-tablet-portrait { display: block; }
}

@media (min-width: 480px) and (max-width: 767px)
{
    #art-resp-phone-landscape { display: block; }
}

.responsive .art-layout-cell 
{
   width: auto !important;
   height: auto !important;
}

.responsive .art-footer-inner
{
   min-width: 0;
}
.responsive .art-footer
{
   margin-top: 1%;
}

</style>
<link href='http://fonts.googleapis.com/css?family=Salsa|PT+Sans&subset=latin' rel='stylesheet' type='text/css'/>