/*
Theme Name: loudgraphicdesign
Theme URI: 
Description: Loud Graphic Design
Version: 1.0
Author: UFO Solutions
Author URI: http://www.ufos.net.au
Tags: flexible-width, one-column, valid HTML5, valid XHTML, widgets
*/



#main
{
   background: #333333;
   margin:0 auto;
   font-size: 13px;
   font-family: 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.hmenu
{
   font-size: 13px;
   font-family: 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. 
 */
.button
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #6B7585;
   background: linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   background: -webkit-linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   background: -moz-linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   background: -o-linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   background: -ms-linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   background: linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   -svg-background: linear-gradient(top, #7D8797 0, #717D8E 29%, #5B6471 100%) no-repeat;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   border-radius:12px;
   -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 #525A66;
   padding:0 20px;
   margin:0 auto;
   height:30px;
}

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

.postcontent,
.postcontent li,
.postcontent table,
.postcontent a,
.postcontent a:link,
.postcontent a:visited,
.postcontent a.visited,
.postcontent a:hover,
.postcontent a.hovered
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: justify;
   line-height: 125%;
}

.postcontent p
{
   margin: 10px 5px;
}

.postcontent h1, .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:visited, .postcontent h1 a:hover,
.postcontent h2, .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:visited, .postcontent h2 a:hover,
.postcontent h3, .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:visited, .postcontent h3 a:hover,
.postcontent h4, .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:visited, .postcontent h4 a:hover,
.postcontent h5, .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:visited, .postcontent h5 a:hover,
.postcontent h6, .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:visited, .postcontent h6 a:hover,
.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover,
.vmenublockheader .t, .vmenublockheader .t a, .vmenublockheader .t a:link, .vmenublockheader .t a:visited, .vmenublockheader .t a:hover,
.headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover,
.slogan, .slogan a, .slogan a:link, .slogan a:visited, .slogan a:hover,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover
{
   font-size: 32px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

.postcontent a, .postcontent a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #FF9900;
}

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

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

.postcontent h1
{
   color: #0099CC;
   margin: 10px 0 0;
   font-size: 24px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.blockcontent h1
{
   margin: 10px 0 0;
   font-size: 24px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:hover, .postcontent h1 a:visited, .blockcontent h1 a, .blockcontent h1 a:link, .blockcontent h1 a:hover, .blockcontent h1 a:visited 
{
   font-size: 24px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.postcontent h2
{
   color: #FF9F0F;
   margin: 8px 0 0;
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.blockcontent h2
{
   margin: 8px 0 0;
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited 
{
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h3
{
   color: #FFFFFF;
   margin: 5px 0 0;
   font-size: 20px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.blockcontent h3
{
   margin: 5px 0 0;
   font-size: 20px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited 
{
   font-size: 20px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h4
{
   color: #F0F0F0;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.blockcontent h4
{
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited 
{
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h5
{
   color: #F0F0F0;
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.blockcontent h5
{
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:hover, .postcontent h5 a:visited, .blockcontent h5 a, .blockcontent h5 a:link, .blockcontent h5 a:hover, .blockcontent h5 a:visited 
{
   font-size: 15px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h6
{
   color: #C2C2C2;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:hover, .postcontent h6 a:visited, .blockcontent h6 a, .blockcontent h6 a:link, .blockcontent h6 a:hover, .blockcontent h6 a:visited 
{
   font-size: 13px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

header, footer, article, nav, #hmenu-bg, .sheet, .hmenu a, .vmenu a, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #hmenu-bg, .sheet, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 300px;
   color: #CCCCCC;
}

.header:before, #header-bg:before, .layout-cell:before, .layout-wrapper:before, .footer:before, .nav:before, #hmenu-bg:before, .sheet:before
{
   width: 100%;
   content: " ";
   display: table;
}
.header:after, #header-bg:after, .layout-cell:after, .layout-wrapper:after, .footer:after, .nav:after, #hmenu-bg:after, .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, .postcontent li h1, .blockcontent li h1 
{
   margin:1px;
} 
li h2, .postcontent li h2, .blockcontent li h2 
{
   margin:1px;
} 
li h3, .postcontent li h3, .blockcontent li h3 
{
   margin:1px;
} 
li h4, .postcontent li h4, .blockcontent li h4 
{
   margin:1px;
} 
li h5, .postcontent li h5, .blockcontent li h5 
{
   margin:1px;
} 
li h6, .postcontent li h6, .blockcontent li h6 
{
   margin:1px;
} 
li p, .postcontent li p, .blockcontent li p 
{
   margin:1px;
}


.shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.slidenavigator > a:last-child {
   margin-right: 0 !important;
}





.footer .layout-item-0 { margin-bottom: 5px;  }
.footer .layout-item-1 { border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:#B1B8C3;border-right-color:#B1B8C3;border-bottom-color:#B1B8C3;border-left-color:#B1B8C3; color: #DBDBDB; background: #333333;  }
.footer .layout-item-2 { color: #333333; padding-right: 5px;padding-left: 5px;  }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

.sheet
{
   background: #333333;
   margin:6px auto 0;
   position:relative;
   cursor:auto;
   width: 100%;
   min-width: 300px;
   max-width: 980px;
   z-index: auto !important;
}

.header
{
   margin:0 auto;
   height: 260px;
   background-image: url('images/header.jpg');
   background-position: center top;
   background-repeat: no-repeat;
   position: relative;
   z-index: auto !important;
}

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

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

.nav
{
   background: #333333;
   padding:5px;
   margin:0 auto;
   position: relative;
   z-index: 499;
   text-align: left;
}

ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.hmenu, ul.hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.hmenu:after, ul.hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.hmenu, ul.hmenu ul 
{
   min-height: 0;
}

ul.hmenu 
{
   display: inline-block;
   vertical-align: middle;
}

.nav:before 
{
   content:' ';
}

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

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

.hmenu
{
   float: left;
}

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

ul.hmenu>li>a
{
   background: #333333;
   -webkit-border-radius:11px;
   -moz-border-radius:11px;
   border-radius:11px;
   border:1px solid #333333;
   padding:0 20px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 22px;
   cursor: pointer;
   text-decoration: none;
   color: #0099CC;
   line-height: 22px;
   text-align: center;
}

.hmenu a, 
.hmenu a:link, 
.hmenu a:visited, 
.hmenu a.active, 
.hmenu a:hover
{
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   text-align: left;
}

ul.hmenu>li>a.active
{
   background: #333333;
   -webkit-border-radius:11px;
   -moz-border-radius:11px;
   border-radius:11px;
   border:1px solid #333333;
   padding:0 20px;
   margin:0 auto;
   color: #FF9900;
   text-decoration: none;
}

ul.hmenu>li>a:visited, 
ul.hmenu>li>a:hover, 
ul.hmenu>li:hover>a {
   text-decoration: none;
}

ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a
{
   background: #333333;
   -webkit-border-radius:11px;
   -moz-border-radius:11px;
   border-radius:11px;
   border:1px solid #333333;
   padding:0 20px;
   margin:0 auto;
}
ul.hmenu>li>a:hover, 
.desktop ul.hmenu>li:hover>a {
   color: #0099CC;
   text-decoration: none;
}

ul.hmenu li li a
{
   background: #333333;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   border-radius:12px;
   padding:0 17px;
   margin:0 auto;
}
ul.hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 4px;
   margin-bottom: 4px;
}

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

ul.hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 28px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 28px;
   color: #0099CC;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin:0;
}

.hmenu ul a:link, 
.hmenu ul a:visited, 
.hmenu ul a.active, 
.hmenu ul a:hover
{
   text-align: left;
   line-height: 28px;
   color: #0099CC;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin:0;
}

ul.hmenu ul li a:hover, .desktop ul.hmenu ul li:hover>a
{
   background: #333333;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   border-radius:12px;
   margin:0 auto;
}
.hmenu ul a:hover
{
   text-decoration: none;
}

.hmenu ul li a:hover
{
   color: #FF9F0F;
}

.desktop .hmenu ul li:hover>a
{
   color: #FF9F0F;
}

ul.hmenu ul:before
{
   background: #333333;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   border-radius:12px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #666666;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}

.desktop ul.hmenu>li>ul
{
   padding: 12px 32px 32px 32px;
   margin: -10px 0 0 -30px;
}

.desktop ul.hmenu ul ul
{
   padding: 32px 32px 32px 14px;
   margin: -32px 0 0 -9px;
}

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

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

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

.desktop ul.hmenu ul ul.hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 32px 32px 32px 14px;
   margin: -32px 0 0 -9px;
}

.desktop ul.hmenu ul ul.hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 32px 14px 32px 32px;
   margin: -32px -9px 0 0;
}

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

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

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

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

.desktop ul.hmenu>li.ext>a
{
   white-space: nowrap;
}

.desktop ul.hmenu>li.ext>a:hover,
.desktop ul.hmenu>li.ext:hover>a,
.desktop ul.hmenu>li.ext:hover>a.active  
{
   background: none;
   /* default padding + border size */
  padding: 3px 23px 1px 23px;
   /* margin for shadow */
  margin: -2px -2px 0 -2px;
   overflow: hidden;
   position: relative;
   border: none;
   border-radius: 0;
   box-shadow: none;
   color: #C9C9C9;
}

.desktop ul.hmenu>li.ext>a:hover:before,
.desktop ul.hmenu>li.ext:hover>a:before,
.desktop ul.hmenu>li.ext:hover>a.active:before  
{
   position: absolute;
   content: ' ';
   /* top, right, left - for shadow */
  top: 2px;
   right: 2px;
   left: 2px;
   /* border + shadow */
  bottom: -3px;
   background-color: #333333;
   border: 1px Solid #666666;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
   z-index: -1;
}

.desktop ul.hmenu>li.ext:hover>ul 
{
   padding-top: 1px;
   /* menu bar padding */
  margin-top: 0;
}

.desktop ul.hmenu>li.ext:hover>ul:before 
{
   /* border + shadow */
  top: -3px;
   clip: rect(16px, auto, auto, auto);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}

ul.hmenu>li.ext>.ext-r,
ul.hmenu>li.ext>.ext-l,
ul.hmenu>li.ext>.ext-m,
ul.hmenu>li.ext>.ext-off
{
   display: none;
   z-index: 12;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.desktop ul.hmenu>li.ext>ul 
{
   z-index: 13;
}

.desktop ul.hmenu>li.ext.ext-r:hover>.ext-r,
.desktop ul.hmenu>li.ext.ext-l:hover>.ext-l
{
   position: absolute;
   display: block;
   overflow: hidden;
   /* size of radius 
   * if size if 0 we should now generate script 
   * that adds ext-r and ext-m divs
   */
  height: 16px;
   top: 100%;
   padding-top: 3px;
   margin-top: -3px;
/* border width + shadow */}

.desktop ul.hmenu>li.ext:hover>.ext-r:before,
.desktop ul.hmenu>li.ext:hover>.ext-l:before
{
   position: absolute;
   content: ' ';
   top: 2px;
   /* border + shadow */
  bottom: -3px;
   background-color: #333333;
   border: 1px Solid #666666;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}

.desktop ul.hmenu>li.ext.ext-r:hover>.ext-r
{
   left: 100%;
   right: auto;
   padding-left: 0;
   margin-left: 0;
   padding-right: 3px;
   margin-right: -3px;
/* only shadow */}

.desktop ul.hmenu>li.ext.ext-r:hover>.ext-r:before
{
   right: 2px;
   left: -3px;
   border-top-left-radius: 0;
   border-top-right-radius: 12px;
}

.desktop ul.hmenu>li.ext.ext-l:hover>.ext-l
{
   right: 100%;
   left: auto;
   padding-right: 0;
   margin-right: 0;
   padding-left: 3px;
   margin-left: -3px;
/* only shadow */}

.desktop ul.hmenu>li.ext.ext-l:hover>.ext-l:before
{
   right: -3px;
   left: 2px;
   border-top-right-radius: 0;
   border-top-left-radius: 12px;
}

.desktop ul.hmenu>li.ext:hover>.ext-m, 
.desktop ul.hmenu>li.ext:hover>.ext-off 
{
   position: absolute;
   display: block;
   overflow: hidden;
   height: 13px;
   top: 100%;
}

.desktop ul.hmenu>li.ext.ext-r:hover>.ext-m 
{
   /* shadow offset */
  left: -2px;
   right: 0;
   /* shadow offset */
  padding-right: 0;
   padding-left: 2px;
}

.desktop ul.hmenu>li.ext:hover>.ext-off 
{
   /* shadow offset */
  left: -2px;
   right: -2px;
   /* shadow offset */
  padding-left: 2px;
   padding-right: 2px;
}

.desktop ul.hmenu>li.ext.ext-l:hover>.ext-m
{
   /* shadow offset */
  right: -2px;
   left: 0;
   /* shadow offset */
  padding-left: 0;
   padding-right: 2px;
}

.desktop ul.hmenu>li.ext.ext-l.ext-r:hover>.ext-m
{
   /* shadow offset */
  right: -2px;
   left: -2px;
   /* shadow offset */
  padding-left: 2px;
   padding-right: 2px;
}

.desktop ul.hmenu>li.ext:hover>.ext-m:before, 
.desktop ul.hmenu>li.ext:hover>.ext-off:before 
{
   position: absolute;
   content: ' ';
   top: -3px;
   bottom: -3px;
   /* shadow offset */
  background-color: #333333;
   border: 1px Solid #666666;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}

.desktop ul.hmenu>li.ext.ext-r:hover>.ext-m:before
{
   right: -3px;
   left: 2px;
}

.desktop ul.hmenu>li.ext.ext-l:hover>.ext-m:before
{
   left: -3px;
   right: 2px;
}

.desktop ul.hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before
{
   left: -3px;
   right: -3px
;
}

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

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

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

.layout-cell
{
   display: table-cell;
   vertical-align: top;
}

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

.block
{
   background: #1F1F1F;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   padding:5px;
}
div.block img
{
   border: none;
   margin: 0;
}

.blockheader
{
   background: #FF9F0F;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding:15px 10px;
   margin:0 auto 5px;
}
.blockheader .t,
.blockheader .t a,
.blockheader .t a:link,
.blockheader .t a:visited, 
.blockheader .t a:hover
{
   color: #FFFFFF;
   font-size: 26px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 5px;
}

.blockcontent
{
   background: #FCFCFC;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding:10px;
   margin:0 auto;
   color: #3D3D3D;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}
.blockcontent table,
.blockcontent li, 
.blockcontent a,
.blockcontent a:link,
.blockcontent a:visited,
.blockcontent a:hover
{
   color: #3D3D3D;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.blockcontent p
{
   margin: 0 5px;
}

.blockcontent a, .blockcontent a:link
{
   color: #7D7D7D;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

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

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

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

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

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

.breadcrumbs
{
   margin:0 auto;
}

a.button,
a.button:link,
a:link.button:link,
body a.button:link,
a.button:visited,
body a.button:visited,
input.button,
button.button
{
   text-decoration: none;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 30px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .button
{
   display: block;
   float: left;
}

input, select, textarea, a.search-button span
{
   vertical-align: middle;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.block select 
{
   width:96%;
}

input.button
{
   float: none !important;
}

.button.active, .button.active:hover
{
   background: #0099CC;
   background: linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   background: -webkit-linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   background: -moz-linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   background: -o-linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   background: -ms-linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   background: linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   -svg-background: linear-gradient(top, #00B8F5 0, #007EA8 100%) no-repeat;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   border-radius:12px;
   -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 #79808B;
   padding:0 20px;
   margin:0 auto;
}
.button.active, .button.active:hover {
   color: #E0E0E0 !important;
}

.button.hover, .button:hover
{
   background: #FF9F0F;
   background: linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   background: -o-linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   background: linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFAD33 0, #FF9900 71%, #EB8D00 100%) no-repeat;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   border-radius:12px;
   -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 #79808B;
   padding:0 20px;
   margin:0 auto;
}
.button.hover, .button:hover {
   color: #666666 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #F9FAFB;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   border:1px solid #CCCCCC;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: auto;
   padding: 5px 0;
   color: #666666 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.error, textarea.error
{
   background: #F9FAFB;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.error, textarea.error {
   color: #7A4900 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.search input[type="text"]
{
   background: #F9FAFB;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
   border:1px solid #CCD6E0;
   margin:0 auto;
   width: 100%;
   height: 29px;
   padding: 6px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #666666 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.search input, a.search-button
{
   top:0;
   right:0;
}

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

form.search input[type="submit"], input.search-button, a.search-button
{
   margin:0 auto;
}
form.search input[type="submit"], input.search-button, a.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: #474747 !important;
   cursor: pointer;
}

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

label.checkbox:before
{
   background: #F9FAFB;
   background: linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #CCCCCC;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
   vertical-align: top;
   content: ' ';
}
label.checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 20px;
   display: inline-block;
   color: #CCCCCC !important;
   position: relative;
}

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

label.checkbox.active:before
{
   background: #BDBDBD;
   background: linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -moz-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -o-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -ms-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   -svg-background: linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #DB8400;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.checkbox.hovered:before
{
   background: #E0E0E0;
   background: linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -moz-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -o-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -ms-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   -svg-background: linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #FFA31A;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.radiobutton:before
{
   background: #F9FAFB;
   background: linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #B2C2D1 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #CCCCCC;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
   vertical-align: top;
   content: ' ';
}
label.radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 20px;
   display: inline-block;
   color: #CCCCCC !important;
   position: relative;
}

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

label.radiobutton.active:before
{
   background: #BDBDBD;
   background: linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -moz-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -o-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: -ms-linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   background: linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   -svg-background: linear-gradient(top, #D9D9D9 0, #A1A1A1 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #DB8400;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.radiobutton.hovered:before
{
   background: #E0E0E0;
   background: linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -moz-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -o-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: -ms-linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   background: linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   -svg-background: linear-gradient(top, #FCFCFC 0, #C2C2C2 100%) no-repeat;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.4);
   border:1px solid #FFA31A;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}

label.radiobutton input[type="radio"]
{
   display: none;
}

label.radiobutton.checked:after
{
   content: url('images/radiobuttonicon.png');
   position: absolute;
   line-height: 12px;
   left: 4px;
   top: 4px;
}

label.checkbox input[type="checkbox"]
{
   display: none;
}

label.checkbox.checked:after
{
   content: url('images/checkboxicon.png');
   position: absolute;
   left: 2px;
   top: 2px;
}

.comments
{
   border-top:1px dotted #A1A1A1;
   margin:0 auto;
   margin-top: 25px;
}

.comments h2
{
   color: #C4C4C4;
}

.comment-inner
{
   background: #E2E8EE;
   background: transparent;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   margin-left: 94px;
}
.comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:1px;
   background:#fff;
   border:1px solid #E2E8EE;
}

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

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

.comment
{
   margin-top: 6px;
}

#comment-list>li:first-child>.comment
{
   margin-top: 0;
}

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

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

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

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

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

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

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

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

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

.pager
{
   background: #666666;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
}

.pager>*:last-child,
.pager>*:last-child:hover
{
   margin-right:0;
}

.pager>span {
   cursor:default;
}

.pager>*
{
   background: #E0E0E0;
   background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid #E0E0E0;
   padding:5px;
   margin:0 4px 0 auto;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.pager a:link,
.pager a:visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #212121
;
}

.pager .active
{
   background: #B6BFC9;
   background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -webkit-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -moz-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -o-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -ms-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   -svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   border:1px solid #E0E0E0;
   padding:5px;
   margin:0 4px 0 auto;
   color: #FFFFFF
;
}

.pager .more
{
   background: #E0E0E0;
   background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
   border:1px solid #E0E0E0;
   margin:0 4px 0 auto;
}
.pager a.more:link,
.pager a.more:visited
{
   color: #422800
;
}
.pager a:hover
{
   background: #BDBDBD;
   background: linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   background: -webkit-linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   background: -moz-linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   background: -o-linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   background: -ms-linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   background: linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   -svg-background: linear-gradient(top, #E5E5E5 0, #949494 100%) no-repeat;
   border:1px solid #E0E0E0;
   padding:5px;
   margin:0 4px 0 auto;
}
.pager  a:hover,
.pager  a.more:hover
{
   color: #242424
;
}
.pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

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

.commentsform
{
   background: #E2E8EE;
   background: transparent;
   padding:10px;
   margin:0 auto;
   margin-top:25px;
   color: #C4C4C4;
}

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

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

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

.commentsform .form-submit
{
   margin-top: 10px;
}

a img
{
   border: 0;
}

.article img, img.article, .block img, .footer-text img
{
   margin: 0 0 0 0;
}

.metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.article table, table.article
{
   border-collapse: collapse;
   margin: 1px;
}

.post .content-layout-br
{
   height: 0;
}

.article th, .article td
{
   padding: 2px;
   border: solid 1px #9A9FA7;
   vertical-align: top;
   text-align: left;
}

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

.postheader
{
   color: #525A66;
   margin: 5px 10px;
   font-size: 24px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postheader a, 
.postheader a:link, 
.postheader a:visited,
.postheader a.visited,
.postheader a:hover,
.postheader a.hovered
{
   font-size: 24px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postheader a, .postheader a:link
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #FFA724;
}

.postheader a:visited, .postheader a.visited
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #B2B2B2;
}

.postheader a:hover,  .postheader a.hovered
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #0099CC;
}

.postheadericons,
.postheadericons a,
.postheadericons a:link,
.postheadericons a:visited,
.postheadericons a:hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #F0F0F0;
}

.postheadericons
{
   padding: 5px 40px; /* greg */
}

.postheadericons a, .postheadericons a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FFC875;
}

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

.postheadericons a:hover, .postheadericons a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-decoration: underline;
   color: #FFDAA3;
}

.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 .postdateicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.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 .postpdficon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

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

.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 .postemailicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.postcontent ul>li:before,  .post ul>li:before,  .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 .postcontent ul>li:before, .opera   .post ul>li:before, .opera   .textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.postcontent li, .post li, .textblock li
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #CCCCCC;
   margin: 3px 0 0 11px;
}

.postcontent ul>li, .post ul>li, .textblock ul>li, .postcontent ol, .post ol, .textblock ol
{
   padding: 0;
}

.postcontent ul>li, .post ul>li, .textblock ul>li
{
   padding-left: 17px;
}

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

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

.postcontent li ol, .post li ol, .textblock li ol, .postcontent li ul, .post li ul, .textblock li ul
{
   margin: 0.5em 0 0.5em 11px;
}

.postcontent li, .post li, .textblock li
{
   margin: 3px 0 0 0;
}

.postcontent ol>li, .post ol>li, .textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.postcontent ul>li, .post ul>li, .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: #CCCCCC url('images/postquote.png') no-repeat scroll;
   padding:15px 15px 15px 43px;
   margin:0 0 0 5px;
   color: #666666;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .postcontent blockquote a, .blockcontent blockquote a, .footer-text blockquote a,
blockquote a:link, .postcontent blockquote a:link, .blockcontent blockquote a:link, .footer-text blockquote a:link,
blockquote a:visited, .postcontent blockquote a:visited, .blockcontent blockquote a:visited, .footer-text blockquote a:visited,
blockquote a:hover, .postcontent blockquote a:hover, .blockcontent blockquote a:hover, .footer-text blockquote a:hover
{
   color: #666666;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

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

.postfootericons,
.postfootericons a,
.postfootericons a:link,
.postfootericons a:visited,
.postfootericons a:hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #F0F0F0;
}

.postfootericons
{
   padding: 1px;
}

.postfootericons a, .postfootericons a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FFDAA3;
}

.postfootericons a:visited, .postfootericons a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #BABABA;
}

.postfootericons a:hover, .postfootericons a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FFDAA3;
}

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

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

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

.footer
{
   background: #333333;
   padding:20px;
   margin:0 auto;
   position: relative;
   color: #D1D1D1;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   text-align: center;
}

.footer-text a,
.footer-text a:link,
.footer-text a:visited,
.footer-text a:hover,
.footer-text td, 
.footer-text th,
.footer-text caption
{
   color: #D1D1D1;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

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

.footer-text a,
.footer-text a:link
{
   color: #949494;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.footer-text a:visited
{
   color: #949494;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.footer-text a:hover
{
   color: #FFA929;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.footer-text h1
{
   color: #858585;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.footer-text h2
{
   color: #A1A1A1;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.footer-text h3
{
   color: #FFA31A;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.footer-text h4
{
   color: #B0B0B0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.footer-text h5
{
   color: #B0B0B0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.footer-text h6
{
   color: #B0B0B0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.footer-text img
{
   border: 1px dotted #A1A1A1;
   margin: 5px;
}

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

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

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

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

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

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

.footer-text 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 .footer-text ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.footer-text li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FFE7C2;
}

.footer-text ul>li, .footer-text ol
{
   padding: 0;
}

.footer-text ul>li
{
   padding-left: 15px;
}

.page-footer, 
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.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: #BABABA;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



#comment
{
    width:99%;
}

#comments-list, #comments-list .comment 
{
  background: none;
  padding:0;
  margin:0;
  overflow: visible;
}

#comments-list .comment:before, #comments-list .comment:after
{
  display:none;
}

#comments-list .comment .comment 
{
  margin-left: 20px;
}

span.page-navi-outer, span.page-navi-inner 
{
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

span.page-navi-outer
{
  margin: 1px;
  border: 1px solid #aaa;
}

span.page-navi-inner 
{
  padding: 1px;
  min-width:14px;
  line-height:18px;
  text-align:center;
  border: 2px solid #fff;
  font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
    border-width:1px;
    font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
    margin:2px 1px;
}

ul#comments-list li cite
{
  font-size: 1.2em;
}

#commentform textarea
{
  width: 100%;
}

#commentform
{
  text-align:left;
}

.rtl #commentform
{
  text-align:right;
}

img.wp-smiley
{
  border: none;
  margin: 1px;
  vertical-align:middle;
  padding: 0;
}

.navigation
{
  display: block;
  text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .article .aligncenter img, .aligncenter img.article, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center; 
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
}

.wp-caption img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text
{
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.wp-caption, .wp-caption p
{
    text-align: center;
}

.gallery {
	margin: 0 auto 18px;
    clear:both;
    overflow:hidden;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}
/* End */


.hidden
{
  display: none;
}

/* Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

.gallery {
  letter-spacing: normal;
}

.content {
  position: relative;
  z-index: 1;   
}

#todays-events{
  position: relative;
  z-index: 11;    
}

#upcoming-events{
  position: relative;
  z-index: 10;    
}

img.wp-post-image 
{
    margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
    list-style-image: none;
    background:none;
    list-style-type:none;
    
}

div.footer div.content-layout
{
    margin:0 auto;
    width:100%;
}

div.layout-cell-size1 
{
    width:100%;
}

div.layout-cell-size2 
{
    width:50%;
}
div.layout-cell-size3 
{
    width:33%;
}

div.layout-cell-size4
{
    width:25%;
}

.widget-title
{
    padding:0 0 0 24px;
    margin-bottom:0;
}

div.center-wrapper
{
  position: relative;
  float: right;
  right: 50%;

}

div.center-inner
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 div.center-inner
{
  float: none;
}

.hmenu-extra1, .hmenu-extra2 {
 font-size:12px;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
    margin:0;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

.form-allowed-tags {
	line-height: 1em;
}

#comments-list #respond {
	margin-left: 20px !important;
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
}

#respond label {
	font-size: 12px;
}

#respond input {
	margin: 0 0 9px;
	width: 98%;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	width: auto;
}

.footer .widget-title 
{
    font-size:1.2em;
    padding: 0;
}

.footer .widget,
.footer .widget a,
.footer .widget a:link,
.footer .widget a:visited,
.footer .widget a:hover
{
    text-align: left;
}

DIV[id^="GMPmap"] IMG 
{
    margin: 0px;
}

/* Begin Additional CSS Styles */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 10px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 100%; /*300px;*/ }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 100%; /*300px;*/ }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 100%; /*420px;*/ }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 100%; /*420px;*/}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/* #Images
================================================== */

	img.scale-with-grid {max-width:100%;height:auto;padding:0;margin:0 auto;}

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: circle outside;margin-left: 30px;}
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 15px; margin-bottom: 10px; }
	ul.large li { line-height: 20px; }
	li p { line-height: 20px; }

	
/* #Extras
================================================== */
/*breadcrumbs*/
.breadcrumbs{position:relative;margin:10px 0;}
/*container*/
.container{margin-top:15px;}
/* headings */
h1, h2, h3, h4, h5, h6{margin:0;padding:0 80px 0 30px;}
.postcontent h1{font-size:16px;text-align:left;}
.postcontent h2{font-size:16px;padding:0 0 0 30px;font-weight:bold;text-align:left;}
.postcontent h3{padding:0 0 0 30px;font-size:13px;font-weight:normal;text-align:left;}
/* paragraphs */
.postcontent p{margin:10px 0px;padding:0 80px 0 30px;text-align:left;}

p.img{margin:15px;padding:0;}

p.img-panel-intro{margin:5px 20px 0 0;padding:0;}
@media only screen and (max-width: 767px) {p.img-panel-intro{margin:15px;padding:0;}}
	
p.img-panel-standard{margin:10px 0 10px 25px;padding:0;}
@media only screen and (max-width: 767px) {p.img-panel-standard{margin:15px;padding:0;}}


/*links*/
.postcontent a, .postcontent a:link{color: #CCCCCC;}
/*panels*/
.panel-intro{border: 2px solid #FF9F0F;padding:15px 0 15px 0;background:#4d4d4d;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
@media only screen and (max-width: 767px){.panel-intro{border: 1px solid #FF9F0F;padding:5px 0 5px 0;background:#4d4d4d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}}

.panel-standard{border: 2px solid #4d4d4d;padding:15px 0 15px 0;background:#333333;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
@media only screen and (max-width: 767px){.panel-standard{border: 1px solid #4d4d4d;padding:5px 0 5px 0;background:#333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}}

.panel-images-only{padding:15px 0;background:#4d4d4d;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
@media only screen and (max-width: 767px){.panel-images-only{padding:5px 0;background:#4d4d4d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}}

.right-border-orange{border-right: 2px solid #FF9F0F;min-height:500px;}
@media only screen and (max-width: 767px) {.right-border-orange{border-right: 2px solid #333333;}}

.right-border-background{border-right: 2px solid #333333;min-height:500px;}
@media only screen and (max-width: 767px) {.right-border-background{border-right: 2px solid #333333;}}



/*image*/	
img.scale-with-grid-round-corners{max-width:100%;height:auto;padding:0;margin:0 auto;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

img.scale-with-grid-box-shadow{max-width:100%;height:auto;padding:0;margin:0 auto;box-shadow:5px 5px 5px #000000;-moz-box-shadow:5px 5px 5px #000000;-webkit-box-shadow:5px 5px 5px #000000;}
	
img.scale-with-grid-round-corners-box-shadow{max-width:100%;height:auto;padding:0;margin:0 auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow:5px 5px 5px #000000;-moz-box-shadow: 5px 5px 5px #000000;-webkit-box-shadow: 5px 5px 5px #000000;}
/*navigation*/
ul.hmenu>li>a.active{-moz-box-shadow: inset 2px 2px 2px #000000;-webkit-box-shadow: inset 2px 2px 2px #000000;box-shadow: inset 2px 2px 2px #000000;}	
	
ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a{-moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 2px 2px 2px #000000;box-shadow:2px 2px 2px #000000;}

ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a {-moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 2px 2px 2px #000000;box-shadow:2px 2px 2px #000000;}


div.fscf-container label {color: #CCCCCC;}

#social-buttons-top{position:absolute;right:0;top:0;}
#social-buttons-bottom{position:absolute;right:0;bottom:0;}

/* End Additional CSS Styles */