/* Theme Name: BlueFlash Theme URI: http://yourload.ru/blueflash Description: BlueFlash – яркая и стильная тема оформления в синих тонах. Простая, гибкая и удобная. Имеет 11 областей для вставки виджетов, фиксированную ширину, множество настроек (настройки хедера, меню, записей, страниц, комментариев, сайдбара, футера и другие), дополнительные полезные функции, чистый (валидный) код. Отлично подойдет для блогов, сайтов-визиток, и для коммерческих сайтов. Version: 1.0 Author: Diem Author URI: http://yourload.ru/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blue, white, two-columns, fixed-width, theme-options */ #bf-main { background: #E8E8E8 url('images/page.jpeg') top center fixed; background: linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; background: -webkit-linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, -webkit-linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; background: -moz-linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, -moz-linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; background: -o-linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, -o-linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; background: -ms-linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, -ms-linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; background: linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; -svg-background: linear-gradient(top, rgba(133, 133, 133, 0.17) 0, rgba(255, 255, 255, 0.5) 75px) no-repeat, url('images/page.jpeg') top center, linear-gradient(top, #ADADAD 0, #FFFFFF 75px) no-repeat; background-attachment: fixed, fixed, fixed !important; margin:0 auto; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; position: relative; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden; } table, ul.bf-hmenu { font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } 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. */ .bf-button { border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #B5B5B5; background: rgba(181, 181, 181, 0.8); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); border:1px solid rgba(148, 148, 148, 0.8); padding:0 15px; margin:0 auto; height:27px; } .bf-postcontent, .bf-postheadericons, .bf-postfootericons, .bf-blockcontent, ul.bf-vmenu a { text-align: left; } .bf-postcontent, .bf-postcontent li, .bf-postcontent table, .bf-postcontent a, .bf-postcontent a:link, .bf-postcontent a:visited, .bf-postcontent a.visited, .bf-postcontent a:hover, .bf-postcontent a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-postcontent p { margin: 12px 0; } .bf-postcontent h1, .bf-postcontent h1 a, .bf-postcontent h1 a:link, .bf-postcontent h1 a:visited, .bf-postcontent h1 a:hover, .bf-postcontent h2, .bf-postcontent h2 a, .bf-postcontent h2 a:link, .bf-postcontent h2 a:visited, .bf-postcontent h2 a:hover, .bf-postcontent h3, .bf-postcontent h3 a, .bf-postcontent h3 a:link, .bf-postcontent h3 a:visited, .bf-postcontent h3 a:hover, .bf-postcontent h4, .bf-postcontent h4 a, .bf-postcontent h4 a:link, .bf-postcontent h4 a:visited, .bf-postcontent h4 a:hover, .bf-postcontent h5, .bf-postcontent h5 a, .bf-postcontent h5 a:link, .bf-postcontent h5 a:visited, .bf-postcontent h5 a:hover, .bf-postcontent h6, .bf-postcontent h6 a, .bf-postcontent h6 a:link, .bf-postcontent h6 a:visited, .bf-postcontent h6 a:hover, .bf-blockheader .t, .bf-blockheader .t a, .bf-blockheader .t a:link, .bf-blockheader .t a:visited, .bf-blockheader .t a:hover, .bf-vmenublockheader .t, .bf-vmenublockheader .t a, .bf-vmenublockheader .t a:link, .bf-vmenublockheader .t a:visited, .bf-vmenublockheader .t a:hover, .bf-headline, .bf-headline a, .bf-headline a:link, .bf-headline a:visited, .bf-headline a:hover, .bf-slogan, .bf-slogan a, .bf-slogan a:link, .bf-slogan a:visited, .bf-slogan a:hover, .bf-postheader, .bf-postheader a, .bf-postheader a:link, .bf-postheader a:visited, .bf-postheader a:hover { font-weight:normal; font-size: 32px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent a, .bf-postcontent a:link { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #2C426D; } .bf-postcontent a:visited, .bf-postcontent a.visited { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #4D4D4D; } .bf-postcontent a:hover, .bf-postcontent a.hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #39558E; } .bf-postcontent h1 { color: #2C426D; font-size: 32px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-blockcontent h1 { font-size: 32px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h1 a, .bf-postcontent h1 a:link, .bf-postcontent h1 a:hover, .bf-postcontent h1 a:visited, .bf-blockcontent h1 a, .bf-blockcontent h1 a:link, .bf-blockcontent h1 a:hover, .bf-blockcontent h1 a:visited { font-size: 32px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h2 { color: #39558E; font-size: 24px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-blockcontent h2 { font-size: 24px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h2 a, .bf-postcontent h2 a:link, .bf-postcontent h2 a:hover, .bf-postcontent h2 a:visited, .bf-blockcontent h2 a, .bf-blockcontent h2 a:link, .bf-blockcontent h2 a:hover, .bf-blockcontent h2 a:visited { font-size: 24px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h3 { color: #4D4D4D; margin: 15px 0 0; font-size: 19px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-blockcontent h3 { margin: 15px 0 0; font-size: 19px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h3 a, .bf-postcontent h3 a:link, .bf-postcontent h3 a:hover, .bf-postcontent h3 a:visited, .bf-blockcontent h3 a, .bf-blockcontent h3 a:link, .bf-blockcontent h3 a:hover, .bf-blockcontent h3 a:visited { font-size: 19px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h4 { color: #26395F; font-size: 18px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-blockcontent h4 { font-size: 18px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h4 a, .bf-postcontent h4 a:link, .bf-postcontent h4 a:hover, .bf-postcontent h4 a:visited, .bf-blockcontent h4 a, .bf-blockcontent h4 a:link, .bf-blockcontent h4 a:hover, .bf-blockcontent h4 a:visited { font-size: 18px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h5 { color: #0F1624; font-size: 13px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-blockcontent h5 { font-size: 13px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h5 a, .bf-postcontent h5 a:link, .bf-postcontent h5 a:hover, .bf-postcontent h5 a:visited, .bf-blockcontent h5 a, .bf-blockcontent h5 a:link, .bf-blockcontent h5 a:hover, .bf-blockcontent h5 a:visited { font-size: 13px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h6 { color: #203050; font-size: 11px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-blockcontent h6 { font-size: 11px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postcontent h6 a, .bf-postcontent h6 a:link, .bf-postcontent h6 a:hover, .bf-postcontent h6 a:visited, .bf-blockcontent h6 a, .bf-blockcontent h6 a:link, .bf-blockcontent h6 a:hover, .bf-blockcontent h6 a:visited { font-size: 11px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } header, footer, article, nav, #bf-hmenu-bg, .bf-sheet, .bf-hmenu a, .bf-vmenu a, .bf-slidenavigator > a, .bf-checkbox:before, .bf-radiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; } header, footer, article, nav, #bf-hmenu-bg, .bf-sheet, .bf-slidenavigator > a, .bf-checkbox:before, .bf-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: 900px; color: #1A1A1A; } .bf-header:before, #bf-header-bg:before, .bf-layout-cell:before, .bf-layout-wrapper:before, .bf-footer:before, .bf-nav:before, #bf-hmenu-bg:before, .bf-sheet:before { width: 100%; content: " "; display: table; } .bf-header:after, #bf-header-bg:after, .bf-layout-cell:after, .bf-layout-wrapper:after, .bf-footer:after, .bf-nav:after, #bf-hmenu-bg:after, .bf-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, .bf-postcontent li h1, .bf-blockcontent li h1 { margin:1px; } li h2, .bf-postcontent li h2, .bf-blockcontent li h2 { margin:1px; } li h3, .bf-postcontent li h3, .bf-blockcontent li h3 { margin:1px; } li h4, .bf-postcontent li h4, .bf-blockcontent li h4 { margin:1px; } li h5, .bf-postcontent li h5, .bf-blockcontent li h5 { margin:1px; } li h6, .bf-postcontent li h6, .bf-blockcontent li h6 { margin:1px; } li p, .bf-postcontent li p, .bf-blockcontent li p { margin:1px; } .bf-shapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; } .bf-slider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; } .bf-slidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; } .bf-slidenavigator > a:last-child { margin-right: 0 !important; } .bf-sheet { background: #FFFFFF; background: rgba(255, 255, 255, 0.5); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:20px auto 0; position:relative; cursor:auto; width: 900px; z-index: auto !important; } .bf-header { -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; margin:0 auto; height: 225px; background-image: url('images/object1965942618.png'), url('images/header.jpg'); background-position: 36px 80px, 0 0; background-repeat: no-repeat; position: relative; z-index: auto !important; } .responsive .bf-header { background-image: url('images/header.jpg'); background-position: center center; } .bf-header>.widget { position:absolute; z-index:101; } .bf-header .bf-slider-inner { -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .bf-nav { background: #A0B3D9 url('images/nav.png') scroll; background: linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), -webkit-linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; background: -moz-linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), -moz-linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; background: -o-linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), -o-linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), -ms-linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; background: linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; -svg-background: linear-gradient(top, rgba(220, 227, 241, 0.09) 0, rgba(100, 131, 193, 0.04) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, rgba(200, 211, 233, 0.4) 0, rgba(120, 147, 201, 0.4) 100%) no-repeat; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; border-bottom:1px solid rgba(199, 199, 199, 0.4); padding:3px 3px 0; position: absolute; margin: 0; bottom: 0; width: 100%; z-index: 100; text-align: left; } ul.bf-hmenu a, ul.bf-hmenu a:link, ul.bf-hmenu a:visited, ul.bf-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.bf-hmenu, ul.bf-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.bf-hmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0; } ul.bf-hmenu li:hover { z-index: 10000; white-space: normal; } ul.bf-hmenu:after, ul.bf-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.bf-hmenu, ul.bf-hmenu ul { min-height: 0; } ul.bf-hmenu { display: inline-block; vertical-align: bottom; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bf-nav:before { content:' '; } nav.bf-nav { border-top-left-radius: 0; border-top-right-radius: 0; } .bf-hmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center; } .bf-hmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center; } .bf-hmenu { float: left; } .bf-menuitemcontainer { margin:0 auto; } ul.bf-hmenu>li { margin-left: 7px; } ul.bf-hmenu>li:first-child { margin-left: 3px; } ul.bf-hmenu>li:last-child, ul.bf-hmenu>li.last-child { margin-right: 3px; } ul.bf-hmenu>li>a { background: #8097CB url('images/menuitem.png') scroll; background: linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), -webkit-linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; background: -moz-linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), -moz-linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; background: -o-linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), -o-linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; background: -ms-linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), -ms-linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; background: linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; -svg-background: linear-gradient(top, rgba(183, 196, 226, 0.22) 0, rgba(72, 103, 177, 0.1) 100%) no-repeat, url('images/menuitem.png'), linear-gradient(top, #A4B5DA 0, #5876BB 100%) no-repeat; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:1px solid #7893C9; border-bottom:none; padding:0 22px; margin:0 auto; position: relative; display: block; height: 27px; cursor: pointer; text-decoration: none; color: #0A0F1A; line-height: 27px; text-align: center; } .bf-hmenu a, .bf-hmenu a:link, .bf-hmenu a:visited, .bf-hmenu a.active, .bf-hmenu a:hover { font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; } ul.bf-hmenu>li>a.active { background: #425FAE url('images/menuactiveitem.png') scroll; background: linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), -webkit-linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; background: -moz-linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), -moz-linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; background: -o-linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), -o-linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; background: -ms-linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), -ms-linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; background: linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; -svg-background: linear-gradient(top, rgba(114, 138, 202, 0.2) 0, rgba(76, 105, 187, 0.15) 35%, rgba(45, 64, 118, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), linear-gradient(top, #607AC3 0, #4665B9 35%, #344B89 100%) no-repeat; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:1px solid #5073B9; border-bottom:none; padding:0 22px; margin:0 auto; color: #DEE5F2; padding-bottom: 1px; margin-bottom: -1px; text-decoration: none; } ul.bf-hmenu>li>a:visited, ul.bf-hmenu>li>a:hover, ul.bf-hmenu>li:hover>a { text-decoration: none; } ul.bf-hmenu>li>a:hover, .desktop ul.bf-hmenu>li:hover>a { background: #2C426D url('images/menuhovereditem.png') scroll; background: linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), -webkit-linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; background: -moz-linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), -moz-linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; background: -o-linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), -o-linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; background: -ms-linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), -ms-linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; background: linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; -svg-background: linear-gradient(top, rgba(68, 102, 170, 0.2) 0, rgba(20, 29, 49, 0.12) 100%) no-repeat, url('images/menuhovereditem.png'), linear-gradient(top, #3C5A96 0, #1C2A45 100%) no-repeat; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:1px solid #25698D; border-bottom:none; padding:0 22px; margin:0 auto; } ul.bf-hmenu>li>a:hover, .desktop ul.bf-hmenu>li:hover>a { color: #DBECF5; text-decoration: none; } ul.bf-hmenu>li>a.active:hover { padding-bottom: 0; margin-bottom: 0; } ul.bf-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -7px; width:7px; height: 27px; background: url('images/menuseparator.png') center center no-repeat; } ul.bf-hmenu>li:first-child:before{ display:none; } ul.bf-hmenu li li a { background: #82BEDE; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0 8px; margin:0 auto; } ul.bf-hmenu li li { float: none; width: auto; margin-top: 1px; margin-bottom: 1px; } .desktop ul.bf-hmenu li li ul>li:first-child { margin-top: 0; } ul.bf-hmenu li li ul>li:last-child { margin-bottom: 0; } .bf-hmenu ul a { display: block; white-space: nowrap; height: 24px; min-width: 7em; border: 0 solid transparent; text-align: left; line-height: 24px; color: #1F1F1F; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; margin:0; } .bf-hmenu ul a:link, .bf-hmenu ul a:visited, .bf-hmenu ul a.active, .bf-hmenu ul a:hover { text-align: left; line-height: 24px; color: #1F1F1F; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; margin:0; } ul.bf-hmenu ul li a:hover, .desktop ul.bf-hmenu ul li:hover>a { background: #56A7D2; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin:0 auto; } .bf-hmenu ul li a:hover { color: #17233A; } .desktop .bf-hmenu ul li:hover>a { color: #17233A; } ul.bf-hmenu ul:before { background: #BFDDEE; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #25698D; margin:0 auto; display: block; position: absolute; content: ' '; z-index: 1; } .desktop ul.bf-hmenu li:hover>ul { visibility: visible; top: 100%; } .desktop ul.bf-hmenu li li:hover>ul { top: 0; left: 100%; } ul.bf-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('images/spacer.gif'); } .desktop ul.bf-hmenu>li>ul { padding: 12px 32px 32px 32px; margin: -10px 0 0 -30px; } .desktop ul.bf-hmenu ul ul { padding: 32px 32px 32px 14px; margin: -32px 0 0 -9px; } .desktop ul.bf-hmenu ul.bf-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } .desktop ul.bf-hmenu ul.bf-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } .desktop ul.bf-hmenu li li:hover>ul.bf-hmenu-left-to-right { right: auto; left: 100%; } .desktop ul.bf-hmenu li li:hover>ul.bf-hmenu-right-to-left { left: auto; right: 100%; } .desktop ul.bf-hmenu ul ul.bf-hmenu-left-to-right { right: auto; left: 0; padding: 32px 32px 32px 14px; margin: -32px 0 0 -9px; } .desktop ul.bf-hmenu ul ul.bf-hmenu-right-to-left { left: auto; right: 0; padding: 32px 14px 32px 32px; margin: -32px -9px 0 0; } .desktop ul.bf-hmenu li ul>li:first-child { margin-top: 0; } .desktop ul.bf-hmenu li ul>li:last-child { margin-bottom: 0; } .desktop ul.bf-hmenu ul ul:before { border-radius: 2px; top: 30px; bottom: 30px; right: 30px; left: 12px; } .desktop ul.bf-hmenu>li>ul:before { top: 10px; right: 30px; bottom: 30px; left: 30px; } .desktop ul.bf-hmenu>li>ul.bf-hmenu-left-to-right:before { right: 30px; left: 30px; } .desktop ul.bf-hmenu>li>ul.bf-hmenu-right-to-left:before { right: 30px; left: 30px; } .desktop ul.bf-hmenu ul ul.bf-hmenu-left-to-right:before { right: 30px; left: 12px; } .desktop ul.bf-hmenu ul ul.bf-hmenu-right-to-left:before { right: 12px; left: 30px; } .bf-layout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important; } .bf-content-layout { display: table; width: 100%; table-layout: fixed; } .bf-content-layout-row { display: table-row; } .bf-layout-cell { display: table-cell; vertical-align: top; } /* need only for content layout in post content */ .bf-postcontent .bf-content-layout { border-collapse: collapse; } .bf-vmenublock { margin:10px; } div.bf-vmenublock img { margin: 0; } .bf-vmenublockcontent { margin:0 auto; } ul.bf-vmenu, ul.bf-vmenu ul { list-style: none; display: block; } ul.bf-vmenu, ul.bf-vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0; } ul.bf-vmenu { margin-top: 0; margin-bottom: 0; } ul.bf-vmenu ul { display: none; margin: 0; padding: 0; position: relative; } ul.bf-vmenu ul.active { display: block; } ul.bf-vmenu>li>a { background: #A0B3D9 url('images/vmenuitem.png') scroll; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:0 10px 0 15px; margin:0 auto; color: #4D4D4D; min-height: 36px; line-height: 36px; } ul.bf-vmenu a { display: block; cursor: pointer; z-index: 1; font-size: 13px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; position:relative; } ul.bf-vmenu li{ position:relative; } ul.bf-vmenu>li { margin-top: 2px; } ul.bf-vmenu>li>ul { padding: 0; margin-top: 4px; margin-bottom: 4px; } ul.bf-vmenu>li:first-child { margin-top:0; } ul.bf-vmenu>li>a:hover, ul.bf-vmenu>li>a.active:hover { background: #2C426D url('images/vmenuhovereditem.png') scroll; padding:0 10px 0 15px; margin:0 auto; } ul.bf-vmenu a:hover, ul.bf-vmenu a.active:hover { color: #E3F0F8; } ul.bf-vmenu>li>a.active:hover>span.border-top, ul.bf-vmenu>li>a.active:hover>span.border-bottom { background-color: transparent; } ul.bf-vmenu>li>a.active { background: #5073B9 url('images/vmenuactiveitem.png') scroll; padding:0 10px 0 15px; margin:0 auto; color: #CCD6EB; } ul.bf-vmenu>li>ul:before { background: #E8E8E8; background: transparent; margin:0 auto; display: block; position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; } ul.bf-vmenu li li a { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; position: relative; } ul.bf-vmenu ul li { margin: 0; padding: 0; } ul.bf-vmenu li li{ position: relative; margin-top: 4px; } ul.bf-vmenu ul a { display: block; position: relative; min-height: 30px; overflow: visible; padding: 0; padding-left: 25px; padding-right: 0; z-index: 0; line-height: 30px; color: #4D4D4D; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; margin-left: 0; margin-right: 0; } ul.bf-vmenu ul a:visited, ul.bf-vmenu ul a.active:hover, ul.bf-vmenu ul a:hover, ul.bf-vmenu ul a.active { line-height: 30px; color: #4D4D4D; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; margin-left: 0; margin-right: 0; } ul.bf-vmenu ul ul a { padding-left: 50px; } ul.bf-vmenu ul ul ul a { padding-left: 75px; } ul.bf-vmenu ul ul ul ul a { padding-left: 100px; } ul.bf-vmenu ul ul ul ul ul a { padding-left: 125px; } ul.bf-vmenu ul>li>a:hover, ul.bf-vmenu ul>li>a.active:hover { background: #A0B3D9; background: rgba(160, 179, 217, 0.4); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; } ul.bf-vmenu ul li a:hover, ul.bf-vmenu ul li a.active:hover { color: #476BB3; } ul.bf-vmenu ul a:hover:after { background-position: center ; } ul.bf-vmenu ul a.active:hover:after { background-position: center ; } ul.bf-vmenu ul a.active:after { background-position: bottom ; } ul.bf-vmenu ul>li>a.active { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 auto; } ul.bf-vmenu ul a.active, ul.bf-vmenu ul a:hover, ul.bf-vmenu ul a.active:hover { color: #4467AB; } .bf-block { background: #E3E7E8; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:2px solid #A0B3D9; padding:7px; margin:10px; } div.bf-block img { margin: 12px; } .bf-blockheader { background: #5073B9 url('images/blockheader.png') scroll; background: linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), -webkit-linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; background: -moz-linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), -moz-linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; background: -o-linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), -o-linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), -ms-linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; background: linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; -svg-background: linear-gradient(top, rgba(91, 124, 190, 0.12) 0, rgba(96, 128, 192, 0.13) 40%, rgba(96, 128, 192, 0.13) 80%, rgba(74, 111, 183, 0.07) 88%, rgba(60, 91, 151, 0.09) 100%) no-repeat, url('images/blockheader.png'), linear-gradient(top, rgba(84, 118, 187, 0.96) 0, rgba(87, 121, 188, 0.96) 40%, rgba(87, 121, 188, 0.96) 80%, rgba(73, 109, 182, 0.96) 88%, rgba(64, 96, 160, 0.96) 100%) no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #B5B5B5; padding:10px 7px; margin:0 auto 4px; } .bf-blockheader .t, .bf-blockheader .t a, .bf-blockheader .t a:link, .bf-blockheader .t a:visited, .bf-blockheader .t a:hover { color: #000000; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; margin-left: 10px; margin-right: 10px; } .bf-blockheader .t:before { content:url('images/blockheadericon.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } .opera .bf-blockheader .t:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-blockcontent { padding:7px; margin:0 auto; color: #363636; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-blockcontent table, .bf-blockcontent li, .bf-blockcontent a, .bf-blockcontent a:link, .bf-blockcontent a:visited, .bf-blockcontent a:hover { color: #363636; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-blockcontent a, .bf-blockcontent a:link { color: #344F83; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .bf-blockcontent a:visited, .bf-blockcontent a.visited { color: #8F8F8F; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .bf-blockcontent a:hover, .bf-blockcontent a.hover { color: #4364A8; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline; } .bf-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: -9px; } .opera .bf-block ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-block li { font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; line-height: 125%; color: #474747; } .bf-block ul>li, .bf-block ol { padding: 0; } .bf-block ul>li { padding-left: 9px; } .bf-breadcrumbs { margin:0 auto; } a.bf-button, a.bf-button:link, a:link.bf-button:link, body a.bf-button:link, a.bf-button:visited, body a.bf-button:visited, input.bf-button, button.bf-button { text-decoration: none; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #242424; margin: 0 5px 0 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 27px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bf-button img { margin: 0; vertical-align: middle; } .firefox2 .bf-button { display: block; float: left; } input, select, textarea, a.bf-search-button span { vertical-align: middle; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-block select { width:96%; } input.bf-button { float: none !important; } .bf-button.active, .bf-button.active:hover { background: #7893C9; background: rgba(120, 147, 201, 0.8); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); border:1px solid rgba(44, 66, 109, 0.8); padding:0 15px; margin:0 auto; } .bf-button.active, .bf-button.active:hover { color: #1C1C1C !important; } .bf-button.hover, .bf-button:hover { background: #A0B3D9; background: rgba(160, 179, 217, 0.8); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.12); border:1px solid rgba(60, 90, 150, 0.8); padding:0 15px; margin:0 auto; } .bf-button.hover, .bf-button:hover { color: #242424 !important; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { background: #FFFFFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #C7C7C7; margin:0 auto; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: auto; padding: 4px 0; color: #404040 !important; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-shadow: none; } input.bf-error, textarea.bf-error { background: #FFFFFF; border:1px solid #E2341D; margin:0 auto; } input.bf-error, textarea.bf-error { color: #404040 !important; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.bf-search input[type="text"] { background: #FFFFFF; background: linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; background: -webkit-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; background: -moz-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; background: -o-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; background: -ms-linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; background: linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; -svg-background: linear-gradient(top, #D6D6D6 0, #F2F2F2 40%, #F5F5F5 50%, #F5F5F5 100%) no-repeat; border-radius: 0; border:1px solid #C7C7C7; margin:0 auto; width: 100%; padding: 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #404040 !important; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.bf-search { background-image: none; border: 0; display:block; position:relative; top:0; padding:0; margin:5px; left:0; line-height: 0; } form.bf-search input, a.bf-search-button { top:0; right:0; } form.bf-search>input, a.bf-search-button{ bottom:0; left:0; vertical-align: middle; } form.bf-search input[type="submit"], input.bf-search-button, a.bf-search-button { margin:0 auto; } form.bf-search input[type="submit"], input.bf-search-button, a.bf-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: #212121 !important; cursor: pointer; } a.bf-search-button span.bf-search-button-text { display: none; } label.bf-checkbox:before { background: #FFFFFF; background: linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -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 #C7C7C7; margin:0 auto; width:20px; height:20px; display: inline-block; vertical-align: top; content: ' '; } label.bf-checkbox { cursor: pointer; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 20px; display: inline-block; color: #292929 !important; position: relative; } .bf-checkbox>input[type="checkbox"] { margin: 0 5px 0 0; } label.bf-checkbox.active:before { background: #D7DFEF; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -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 #B5B5B5; margin:0 auto; width:20px; height:20px; display: inline-block; } label.bf-checkbox.hovered:before { background: #D7DFEF; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -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 #B5B5B5; margin:0 auto; width:20px; height:20px; display: inline-block; } label.bf-radiobutton:before { background: #FFFFFF; background: linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #BFBFBF 100%) no-repeat; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -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 #C7C7C7; margin:0 auto; width:16px; height:16px; display: inline-block; vertical-align: top; content: ' '; } label.bf-radiobutton { cursor: pointer; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 16px; display: inline-block; color: #292929 !important; position: relative; } .bf-radiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0; } label.bf-radiobutton.active:before { background: #D7DFEF; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -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 #B5B5B5; margin:0 auto; width:16px; height:16px; display: inline-block; } label.bf-radiobutton.hovered:before { background: #D7DFEF; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #ABBCDE 100%) no-repeat; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -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 #B5B5B5; margin:0 auto; width:16px; height:16px; display: inline-block; } label.bf-radiobutton input[type="radio"] { display: none; } label.bf-radiobutton.bf-checked:after { content: url('images/radiobuttonicon.png'); position: absolute; line-height: 12px; left: 2px; top: 2px; } label.bf-checkbox input[type="checkbox"] { display: none; } label.bf-checkbox.bf-checked:after { content: url('images/checkboxicon.png'); position: absolute; left: 2px; top: 2px; } .bf-comments { border-top:1px dotted #B5B5B5; margin:0 auto; margin-top: 25px; } .bf-comments h2 { color: #1A1A1A; } .bf-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; } .bf-comment-avatar { float:left; width:80px; height:80px; padding:1px; background:#fff; border:1px solid #E2E8EE; } .bf-comment-avatar>img { margin:0 !important; border:none !important; } .bf-comment-content { padding:10px 0; color: #113040; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-comment { margin-top: 6px; } #comment-list>li:first-child>.bf-comment { margin-top: 0; } .bf-comment-header { color: #1A1A1A; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; line-height: 100%; } .bf-comment-header a, .bf-comment-header a:link, .bf-comment-header a:visited, .bf-comment-header a.visited, .bf-comment-header a:hover, .bf-comment-header a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; line-height: 100%; } .bf-comment-header a, .bf-comment-header a:link { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #595959; } .bf-comment-header a:visited, .bf-comment-header a.visited { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #595959; } .bf-comment-header a:hover, .bf-comment-header a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #595959; } .bf-comment-content a, .bf-comment-content a:link, .bf-comment-content a:visited, .bf-comment-content a.visited, .bf-comment-content a:hover, .bf-comment-content a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-comment-content a, .bf-comment-content a:link { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #26395F; } .bf-comment-content a:visited, .bf-comment-content a.visited { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #163F55; } .bf-comment-content a:hover, .bf-comment-content a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #26395F; } .bf-pager { background: #EFF2F5; background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; background: -webkit-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #B5B5B5; padding:5px; } .bf-pager>*:last-child, .bf-pager>*:last-child:hover { margin-right:0; } .bf-pager>span { cursor:default; } .bf-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:7px; margin:0 4px 0 auto; position:relative; display:inline-block; margin-left: 0; } .bf-pager a:link, .bf-pager a:visited { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #212121 ; } .bf-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:7px; margin:0 4px 0 auto; color: #FFFFFF ; } .bf-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; } .bf-pager a.more:link, .bf-pager a.more:visited { color: #131C2F ; } .bf-pager a:hover { background: #C7C7C7; background: linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; background: -webkit-linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; background: -moz-linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; background: -o-linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; background: -ms-linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; background: linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; -svg-background: linear-gradient(top, #F0F0F0 0, #9E9E9E 100%) no-repeat; border:1px solid #E0E0E0; padding:7px; margin:0 4px 0 auto; } .bf-pager a:hover, .bf-pager a.more:hover { color: #292929 ; } .bf-pager>*:after { margin:0 0 0 auto; display:inline-block; position:absolute; content: ' '; top:0; width:0; height:100%; right: 0; text-decoration:none; } .bf-pager>*:last-child:after{ display:none; } .bf-commentsform { background: #E2E8EE; background: transparent; padding:10px; margin:0 auto; margin-top:25px; color: #1A1A1A; } .bf-commentsform h2{ padding-bottom:10px; margin: 0; color: #1A1A1A; } .bf-commentsform label { display: inline-block; line-height: 25px; } .bf-commentsform input:not([type=submit]), .bf-commentsform textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; max-width:100%; } .commentlist .bypostauthor { } .bf-commentsform .form-submit { margin-top: 10px; } .bf-post { padding:10px; } a img { border: 0; } .bf-article img, img.bf-article, .bf-block img, .bf-footer-text img { border: 5px solid #C7C7C7; margin: 0 0 0 0; } .bf-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .bf-article table, table.bf-article { border-collapse: collapse; margin: 1px; } .bf-post .bf-content-layout-br { height: 0; } .bf-article th, .bf-article td { padding: 2px; border: dashed 1px #B5B5B5; vertical-align: top; text-align: left; } .bf-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.bf-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; } .bf-postheader { color: #17233A; margin: 10px 0 10px 10px; font-size: 24px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .home .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .home .sticky .page-link a { background: #d9e8f7; } .bf-postheader a, .bf-postheader a:link, .bf-postheader a:visited, .bf-postheader a.visited, .bf-postheader a:hover, .bf-postheader a.hovered { font-size: 24px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-postheader a, .bf-postheader a:link { font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #24375B; } .bf-postheader a:visited, .bf-postheader a.visited { font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #525252; } .bf-postheader a:hover, .bf-postheader a.hovered { font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #39558E; } .bf-postheadericons, .bf-postheadericons a, .bf-postheadericons a:link, .bf-postheadericons a:visited, .bf-postheadericons a:hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #363636; } .bf-postheadericons { padding: 1px; } .bf-postheadericons a, .bf-postheadericons a:link { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #24375B; } .bf-postheadericons a:visited, .bf-postheadericons a.visited { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-decoration: none; color: #24375B; } .bf-postheadericons a:hover, .bf-postheadericons a.hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-decoration: underline; color: #314A7C; } .bf-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 .bf-postpdficon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-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 .bf-postprinticon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-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 .bf-postemailicon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-postcontent ul>li:before, .bf-post ul>li:before, .bf-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 .bf-postcontent ul>li:before, .opera .bf-post ul>li:before, .opera .bf-textblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-postcontent li, .bf-post li, .bf-textblock li { font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color: #292929; margin: 0 0 0 16px; } .bf-postcontent ul>li, .bf-post ul>li, .bf-textblock ul>li, .bf-postcontent ol, .bf-post ol, .bf-textblock ol { padding: 0; } .bf-postcontent ul>li, .bf-post ul>li, .bf-textblock ul>li { padding-left: 16px; } .bf-postcontent ul>li:before, .bf-post ul>li:before, .bf-textblock ul>li:before { margin-left: -16px; } .bf-postcontent ol, .bf-post ol, .bf-textblock ol, .bf-postcontent ul, .bf-post ul, .bf-textblock ul { margin: 1em 0 1em 16px; } .bf-postcontent li ol, .bf-post li ol, .bf-textblock li ol, .bf-postcontent li ul, .bf-post li ul, .bf-textblock li ul { margin: 0.5em 0 0.5em 16px; } .bf-postcontent li, .bf-post li, .bf-textblock li { margin: 0 0 0 0; } .bf-postcontent ol>li, .bf-post ol>li, .bf-textblock ol>li { /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .bf-postcontent ul>li, .bf-post ul>li, .bf-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: #D7DFEF url('images/postquote.png') no-repeat scroll; border:2px dotted #A0B3D9; padding:10px 10px 10px 34px; margin:10px 10px 10px 50px; color: #061218; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } blockquote a, .bf-postcontent blockquote a, .bf-blockcontent blockquote a, .bf-footer-text blockquote a, blockquote a:link, .bf-postcontent blockquote a:link, .bf-blockcontent blockquote a:link, .bf-footer-text blockquote a:link, blockquote a:visited, .bf-postcontent blockquote a:visited, .bf-blockcontent blockquote a:visited, .bf-footer-text blockquote a:visited, blockquote a:hover, .bf-postcontent blockquote a:hover, .bf-blockcontent blockquote a:hover, .bf-footer-text blockquote a:hover { color: #061218; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } /* Override native 'p' margins*/ blockquote p, .bf-postcontent blockquote p, .bf-blockcontent blockquote p, .bf-footer-text blockquote p { margin: 0; } .bf-footer { background: #2C426D url('images/footer.png') scroll; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border-top:1px solid #C7C7C7; padding:15px; margin:0 auto; position: relative; color: #CCD6EB; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align: center; } .bf-footer-text a, .bf-footer-text a:link, .bf-footer-text a:visited, .bf-footer-text a:hover, .bf-footer-text td, .bf-footer-text th, .bf-footer-text caption { color: #CCD6EB; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .bf-footer-text p { padding:0; text-align: center; } .bf-footer-text a, .bf-footer-text a:link { color: #D0D9EC; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .bf-footer-text a:visited { color: #DEDEDE; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .bf-footer-text a:hover { color: #E5EBF5; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } .bf-footer-text h1 { color: #A6A6A6; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-footer-text h2 { color: #B5B5B5; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-footer-text h3 { color: #7893C9; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-footer-text h4 { color: #82BEDE; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-footer-text h5 { color: #82BEDE; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-footer-text h6 { color: #82BEDE; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .bf-footer-text img { margin: 7px; } .bf-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; } .bf-rss-tag-icon:empty { vertical-align: middle; } .bf-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; } .bf-facebook-tag-icon:empty { vertical-align: middle; } .bf-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; } .bf-twitter-tag-icon:empty { vertical-align: middle; } .bf-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: -16px; } .opera .bf-footer-text ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .bf-footer-text li { font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; line-height: 125%; color: #E8E8E8; } .bf-footer-text ul>li, .bf-footer-text ol { padding: 0; } .bf-footer-text ul>li { padding-left: 16px; } .bf-page-footer, .bf-page-footer a, .bf-page-footer a:link, .bf-page-footer a:visited, .bf-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: #1D2C49; } .bf-page-footer { position: relative; z-index: auto !important; padding: 1em; text-align: center !important; text-decoration: none; color: #333333; } .bf-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; } .bf-lightbox, .bf-lightbox-wrapper .bf-lightbox-image { cursor: pointer; } .bf-lightbox-wrapper .bf-lightbox-image { border: 6px solid #fff; border-radius: 3px; display: none; max-width: 100%; vertical-align: middle; } .bf-lightbox-wrapper .bf-lightbox-image.active { display: inline-block; } .bf-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; } .bf-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; } .bf-lightbox-wrapper .arrow { cursor: pointer; height: 100px; opacity: .5; filter: alpha(opacity=50); position: fixed; width: 82px; z-index: 10003; } .bf-lightbox-wrapper .arrow.left { left: 9px; } .bf-lightbox-wrapper .arrow.right { right: 9px; } .bf-lightbox-wrapper .arrow:hover { opacity: 1; filter: alpha(opacity=100); } .bf-lightbox-wrapper .arrow.disabled { display: none; } .bf-lightbox-wrapper .arrow-t, .bf-lightbox-wrapper .arrow-b { background-color: #fff; border-radius: 3px; height: 6px; left: 26px; position: relative; width: 30px; } .bf-lightbox-wrapper .arrow-t { top: 38px; } .bf-lightbox-wrapper .arrow-b { top: 50px; } .bf-lightbox-wrapper .close { cursor: pointer; height: 22px; opacity: .5; filter: alpha(opacity=50); position: fixed; right: 39px; top: 30px; width: 22px; z-index: 10003; } .bf-lightbox-wrapper .close:hover { opacity: 1; filter: alpha(opacity=100); } .bf-lightbox-wrapper .close .cw, .bf-lightbox-wrapper .close .ccw { background-color: #fff; border-radius: 3px; height: 6px; position: absolute; left: -4px; top: 8px; width: 30px; } .bf-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 */} .bf-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 */} .bf-lightbox-wrapper .close-alt, .bf-lightbox-wrapper .arrow-right-alt, .bf-lightbox-wrapper .arrow-left-alt { color: #fff; display: none; font-size: 2.5em; line-height: 100%; } .ie8 .bf-lightbox-wrapper .close-alt, .ie8 .bf-lightbox-wrapper .arrow-right-alt, .ie8 .bf-lightbox-wrapper .arrow-left-alt { display: block; } .ie8 .bf-lightbox-wrapper .cw, .ie8 .bf-lightbox-wrapper .ccw { display: none; } .bf-content-layout .bf-sidebar1 { border-right:1px solid #C7C7C7; margin:0 auto; width: 25%; } .bf-content-layout .bf-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, .bf-article .aligncenter img, .aligncenter img.bf-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; } .bf-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.bf-footer div.bf-content-layout { margin:0 auto; width:100%; } div.bf-layout-cell-size1 { width:100%; } div.bf-layout-cell-size2 { width:50%; } div.bf-layout-cell-size3 { width:33%; } div.bf-layout-cell-size4 { width:25%; } .bf-widget-title { padding:0 0 0 24px; margin-bottom:0; } div.bf-center-wrapper { position: relative; float: right; right: 50%; } div.bf-center-inner { position: relative; float: left; left: 50%; } .firefox2 div.bf-center-inner { float: none; } .bf-hmenu-extra1, .bf-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; } .bf-footer .bf-widget-title { font-size:1.2em; padding: 0; } .bf-footer .bf-widget, .bf-footer .bf-widget a, .bf-footer .bf-widget a:link, .bf-footer .bf-widget a:visited, .bf-footer .bf-widget a:hover { text-align: left; } DIV[id^="GMPmap"] IMG { margin: 0px; } /* Begin Additional CSS Styles */ .bf-blockheader .t, .bf-vmenublockheader .t {white-space: nowrap;} /* End Additional CSS Styles */