<data:blog.pageTitle/> a, .art-checkbox:before, .art-radiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; } header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: none; } ol { list-style-position: inside; } html, body { height: 100%; } /** * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * https://github.com/necolas/normalize.css */ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */} body { padding: 0; margin:0; min-width: 900px; color: #FFFFFF; } .art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after, .cleared, .clearfix:after { clear: both; display: table; content: ''; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } li h1, .art-postcontent li h1, .art-blockcontent li h1 { margin:1px; } li h2, .art-postcontent li h2, .art-blockcontent li h2 { margin:1px; } li h3, .art-postcontent li h3, .art-blockcontent li h3 { margin:1px; } li h4, .art-postcontent li h4, .art-blockcontent li h4 { margin:1px; } li h5, .art-postcontent li h5, .art-blockcontent li h5 { margin:1px; } li h6, .art-postcontent li h6, .art-blockcontent li h6 { margin:1px; } li p, .art-postcontent li p, .art-blockcontent li p { margin:1px; } .art-shapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; } .art-slider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; } .art-slidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; } .art-slidenavigator > a:last-child { margin-right: 0 !important; } .art-object1364642645 { display: block; left: 0%; margin-left: -229px; position: absolute; top: -1px; width: 1428px; height: 264px; background-image: url('images/object1364642645.png'); background-position: 0 0; background-repeat: no-repeat; z-index: 0; } .default-responsive .art-object1364642645 { display: none; }.art-object525428570 h1, .art-object525428570 h2, .art-object525428570 h3, .art-object525428570 h4, .art-object525428570 h5, .art-object525428570 h6, .art-object525428570 p, .art-object525428570 a, .art-object525428570 ul, .art-object525428570 ol, .art-object525428570 li { line-height: 100%; } .art-object525428570 { position: absolute; top: 80px; left: 27.79%; margin-left: -36px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); overflow: hidden; background-image: url('images/object525428570.png'); background-position: 0px 0px; background-repeat: no-repeat; z-index: 1; width: 130px; height: 58px; } .default-responsive .art-object525428570 { background-image: none; } .art-object525428570-text-container { display: table; } .art-object525428570-text { display: table-cell; outline-style: none; padding: 0px 0px !important; height: 58px; width: 130px; word-wrap: break-word; } .default-responsive .art-object525428570-text { height: auto; } .art-object525428570-text, .art-object525428570-text a.art-rss-tag-icon, .art-object525428570-text a.art-facebook-tag-icon, .art-object525428570-text a.art-twitter-tag-icon, .art-object525428570-text a.art-tumblr-tag-icon, .art-object525428570-text a.art-pinterest-tag-icon, .art-object525428570-text a.art-vimeo-tag-icon, .art-object525428570-text a.art-youtube-tag-icon, .art-object525428570-text a.art-linkedin-tag-icon { font-size: 24px; font-family: 'Comic Sans MS', Tahoma, Arial, Sans-Serif; text-align: left; vertical-align: middle; color: #FFFFFF !important; } .art-object525428570-text a.art-rss-tag-icon, .art-object525428570-text a.art-facebook-tag-icon, .art-object525428570-text a.art-twitter-tag-icon, .art-object525428570-text a.art-tumblr-tag-icon, .art-object525428570-text a.art-pinterest-tag-icon, .art-object525428570-text a.art-vimeo-tag-icon, .art-object525428570-text a.art-youtube-tag-icon, .art-object525428570-text a.art-linkedin-tag-icon { width: 100%; } .default-responsive .art-object525428570-text a.art-rss-tag-icon, .default-responsive .art-object525428570-text a.art-facebook-tag-icon, .default-responsive .art-object525428570-text a.art-twitter-tag-icon, .default-responsive .art-object525428570-text a.art-tumblr-tag-icon, .default-responsive .art-object525428570-text a.art-pinterest-tag-icon, .default-responsive .art-object525428570-text a.art-vimeo-tag-icon, .default-responsive .art-object525428570-text a.art-youtube-tag-icon, .default-responsive .art-object525428570-text a.art-linkedin-tag-icon { width: auto; } .art-textblock ul > li { background-position-y: 5px !important; } .art-headline { display: inline-block; position: absolute; min-width: 50px; top: 113px; left: 4.38%; margin-left: -12px !important; line-height: 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 101; } .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover { font-size: 78px; font-family: 'Comic Sans MS', Tahoma, Arial, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; padding: 0; margin: 0; color: #C1DB4D !important; white-space: nowrap; } .art-slogan { display: inline-block; position: absolute; min-width: 50px; top: 195px; left: 3.95%; line-height: 100%; margin-left: -7px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 102; white-space: nowrap; } .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover { font-size: 16px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; letter-spacing: 1px; padding: 0; margin: 0; color: #76D1FE !important; } .art-header { border:1px solid transparent; margin:0 auto; background-repeat: no-repeat; height: 250px; position:relative; background-image: url('images/header.png'); background-position: center top; } .custom-responsive .art-header { background-image: url('images/header.png'); background-position: center top; } .default-responsive .art-header, .default-responsive #art-header-bg { background-image: url('images/header.png'); background-position: center center; background-size: cover; } .art-header-inner{ position: relative; width: 900px; z-index: auto !important; margin: 0 auto; } .art-header .art-header-widget { position:absolute; z-index:101; } .art-nav { background: #93ABD7; background: rgba(147, 171, 215, 0.2); padding:8px 6px; margin:0 auto; position: relative; z-index: 499; } ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.art-hmenu, ul.art-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.art-hmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0; } ul.art-hmenu li:hover { z-index: 10000; white-space: normal; } ul.art-hmenu:after, ul.art-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.art-hmenu, ul.art-hmenu ul { min-height: 0; } ul.art-hmenu { display: inline-block; vertical-align: middle; padding-left: 6px; padding-right: 6px; } .art-nav-inner:before { content:' '; } .art-nav-inner{ text-align: left; margin:0 auto; } .desktop .art-nav-inner{ width: 900px; padding-left: 6px; padding-right: 6px; } .desktop .art-nav { padding-left: 0; padding-right: 0; } .art-hmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center; } .art-hmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center; } .art-menuitemcontainer { margin:0 auto; } ul.art-hmenu>li { margin-left: 9px; } ul.art-hmenu>li:first-child { margin-left: 4px; } ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child { margin-right: 4px; } ul.art-hmenu>li>a { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:0 17px; margin:0 auto; position: relative; display: block; height: 27px; cursor: pointer; text-decoration: none; color: #F0F0F0; line-height: 27px; text-align: center; } .art-hmenu>li>a, .art-hmenu>li>a:link, .art-hmenu>li>a:visited, .art-hmenu>li>a.active, .art-hmenu>li>a:hover { font-size: 14px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; text-align: left; } ul.art-hmenu>li>a.active { background: #93ABD7; background: rgba(147, 171, 215, 0.3); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:0 17px; margin:0 auto; color: #FFFFFF; text-decoration: none; } ul.art-hmenu>li>a:visited, ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a { text-decoration: none; } ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a { background: #3C5A8B; background: rgba(60, 90, 139, 0.4); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:0 17px; margin:0 auto; } ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a { color: #FFFFFF; text-decoration: none; } ul.art-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -9px; width:9px; height: 27px; background: url('images/menuseparator.png') center center no-repeat; } ul.art-hmenu>li:first-child:before{ display:none; } ul.art-hmenu li li a { background: #FEE7C8; border:1px solid #FEF2D2; padding:0 22px; margin:0 auto; } ul.art-hmenu li li { float: none; width: auto; margin-top: 0; margin-bottom: 0; } .desktop ul.art-hmenu li li ul>li:first-child { margin-top: 0; } ul.art-hmenu li li ul>li:last-child { margin-bottom: 0; } .art-hmenu ul a { display: block; white-space: nowrap; height: 23px; min-width: 7em; border: 1px solid transparent; text-align: left; line-height: 23px; color: #055485; font-size: 12px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; margin:0; } .art-hmenu li li a { border-top-width: 0 !important; } .art-hmenu li li:hover>a { border-top-width: 1px !important; } .art-hmenu ul>li:first-child>a { border-top-width: 1px !important; } .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a.active, .art-hmenu ul a:hover { text-align: left; line-height: 23px; color: #055485; font-size: 12px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; margin:0; } ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a { background: #58BBF9; border:1px solid #30ABF8; margin:0 auto; } .art-hmenu ul a:hover { color: #000000; } .art-hmenu ul li a.art-hmenu-before-hovered { border-bottom-width: 0 !important; } .desktop .art-hmenu ul li:hover>a { color: #000000; } ul.art-hmenu ul:before { background: #0995EC; margin:0 auto; display: block; position: absolute; content: ' '; z-index: 1; } .desktop ul.art-hmenu li:hover>ul { visibility: visible; top: 100%; } .desktop ul.art-hmenu li li:hover>ul { top: 0; left: 100%; } ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('images/spacer.gif'); } .desktop ul.art-hmenu>li>ul { padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .desktop ul.art-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } .desktop ul.art-hmenu ul.art-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } .desktop ul.art-hmenu ul.art-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } .desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right { right: auto; left: 100%; } .desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left { left: auto; right: 100%; } .desktop ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } .desktop ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; } .desktop ul.art-hmenu li ul>li:first-child { margin-top: 0; } .desktop ul.art-hmenu li ul>li:last-child { margin-bottom: 0; } .desktop ul.art-hmenu ul ul:before { border-radius: 0; top: 30px; bottom: 30px; right: 30px; left: 10px; } .desktop ul.art-hmenu>li>ul:before { top: 10px; right: 30px; bottom: 30px; left: 30px; } .desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before { right: 30px; left: 30px; } .desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before { right: 30px; left: 30px; } .desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before { right: 30px; left: 10px; } .desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before { right: 10px; left: 30px; } .art-sheet { background: #031526; background: transparent; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border:1px solid transparent; border-bottom:none; margin:20px auto 0; position:relative; cursor:auto; width: 900px; z-index: auto !important; } .art-layout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important; } .art-content-layout { display: table; width: 100%; table-layout: fixed; } .art-content-layout-row { display: table-row; } .art-layout-cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; } /* need only for content layout in post content */ .art-postcontent .art-content-layout { border-collapse: collapse; } .art-block { background: #93ABD7; background: rgba(147, 171, 215, 0.2); border:1px solid rgba(214, 214, 214, 0.2); padding:7px; margin:10px; } div.art-block img { border: none; margin: 0; } .art-blockheader { padding:9px 5px; margin:0 auto; } .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #FFFFFF; font-size: 14px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; margin: 0 10px 0 5px; } .art-blockcontent { padding:5px; margin:0 auto; color: #D1D1D1; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent table, .art-blockcontent li, .art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited, .art-blockcontent a:hover { color: #D1D1D1; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-blockcontent p { margin: 6px 0; } .art-blockcontent a, .art-blockcontent a:link { color: #30ABF8; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .art-blockcontent a:visited, .art-blockcontent a.visited { color: #C2C2C2; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .art-blockcontent a:hover, .art-blockcontent a.hover { color: #C1DB4D; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; } .art-block ul>li:before { content:url('images/blockbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left: -12px; } .opera .art-block ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .art-block li { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 125%; color: #E0E0E0; margin: 0 0 2px; } .art-block ul>li, .art-block ol { padding: 0; } .art-block ul>li { padding-left: 12px; } .art-breadcrumbs { margin:0 auto; } a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button { text-decoration: none; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #D8EFFE; margin: 0 5px 0 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 26px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .art-button img { margin: 0; vertical-align: middle; } .firefox2 .art-button { display: block; float: left; } input, select, textarea, a.art-search-button span { vertical-align: middle; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; } .art-block select { width:96%; } input.art-button { float: none !important; -webkit-appearance: none; } .art-button.active, .art-button.active:hover { background: #FFFFFF; background: rgba(255, 255, 255, 0.2); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid rgba(48, 171, 248, 0.2); padding:0 15px; margin:0 auto; } .art-button.active, .art-button.active:hover { color: #FFFFFF !important; } .art-button.hover, .art-button:hover { background: #C0D5ED; background: rgba(192, 213, 237, 0.3); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid rgba(88, 187, 249, 0.3); padding:0 15px; margin:0 auto; } .art-button.hover, .art-button:hover { color: #FFFFFF !important; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea { background: #F9FAFB; border:1px solid rgba(181, 181, 181, 0.2); margin:0 auto; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea { width: auto; padding: 8px 0; color: #3D3D3D !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-shadow: none; } input.art-error, textarea.art-error { background: #F9FAFB; border:1px solid #E2341D; margin:0 auto; } input.art-error, textarea.art-error { color: #3D3D3D !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.art-search input[type="text"] { background: #F9FAFB; border-radius: 0; border:1px solid #CCD6E0; margin:0 auto; width: 100%; padding: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #3D3D3D !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.art-search { background-image: none; border: 0; display:block; position:relative; top:0; padding:0; margin:5px; left:0; line-height: 0; } form.art-search input, a.art-search-button { -webkit-appearance: none; top:0; right:0; } form.art-search>input, a.art-search-button{ bottom:0; left:0; vertical-align: middle; } form.art-search input[type="submit"], input.art-search-button, a.art-search-button { background: #62BFF9; border-radius: 0; margin:0 auto; } form.art-search input[type="submit"], input.art-search-button, a.art-search-button { position:absolute; left:auto; display:block; border: 0; top: 1px; bottom: 1px; right: 1px; padding:0 6px; color: #05578A !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; cursor: pointer; } a.art-search-button span.art-search-button-text, a.art-search-button:after { vertical-align:middle; } a.art-search-button:after { display:inline-block; content:' '; height: 100%; } a.art-search-button, a.art-search-button span, a.art-search-button:visited, a.art-search-button.visited, a.art-search-button:hover, a.art-search-button.hover { text-decoration: none; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } a.art-search-button { line-height: 100% !important; } label.art-checkbox:before { background: #F9FAFB; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-width: 0; margin:0 auto; width:16px; height:16px; } label.art-checkbox { cursor: pointer; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 16px; display: inline-block; color: #C7C7C7 !important; } .art-checkbox>input[type="checkbox"] { margin: 0 5px 0 0; } label.art-checkbox.active:before { background: #84AFDB; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-width: 0; margin:0 auto; width:16px; height:16px; display: inline-block; } label.art-checkbox.hovered:before { background: #C0D5ED; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-width: 0; margin:0 auto; width:16px; height:16px; display: inline-block; } label.art-radiobutton:before { background: #F9FAFB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; margin:0 auto; width:12px; height:12px; } label.art-radiobutton { cursor: pointer; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 12px; display: inline-block; color: #C7C7C7 !important; } .art-radiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0; } label.art-radiobutton.active:before { background: #84AFDB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; margin:0 auto; width:12px; height:12px; display: inline-block; } label.art-radiobutton.hovered:before { background: #C0D5ED; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; margin:0 auto; width:12px; height:12px; display: inline-block; } .art-comments { border-top:1px dotted #558FCE; margin:0 auto; margin-top: 25px; } .art-comments h2 { color: #88B1DD; } .art-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; } .art-comment-avatar { float:left; width:80px; height:80px; padding:1px; background:#fff; border:1px solid #E2E8EE; } .art-comment-avatar>img { margin:0 !important; border:none !important; } .art-comment-content { padding:10px 0; color: #93D3FB; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-comment { margin-top: 6px; } .art-comment:first-child { margin-top: 0; } .art-comment-header { color: #88B1DD; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 100%; } .art-comment-header a, .art-comment-header a:link, .art-comment-header a:visited, .art-comment-header a.visited, .art-comment-header a:hover, .art-comment-header a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 100%; } .art-comment-header a, .art-comment-header a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #FFFFFF; } .art-comment-header a:visited, .art-comment-header a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #FFFFFF; } .art-comment-header a:hover, .art-comment-header a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #FFFFFF; } .art-comment-content a, .art-comment-content a:link, .art-comment-content a:visited, .art-comment-content a.visited, .art-comment-content a:hover, .art-comment-content a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-comment-content a, .art-comment-content a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #EBEBEB; } .art-comment-content a:visited, .art-comment-content a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #B5E1FC; } .art-comment-content a:hover, .art-comment-content a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #EBEBEB; } .art-pager { background: #EFF2F5; 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; -svg-background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat; background: linear-gradient(to bottom, #FFFFFF 0, #93A8BE 100%) no-repeat; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #558FCE; padding:5px; } .art-pager>*:last-child { margin-right:0 !important; } .art-pager>span { cursor:default; } .art-pager>* { background: #C0D5ED; background: -webkit-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: linear-gradient(to bottom, #FFFFFF 0, #7DA9D9 100%) no-repeat; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #C0D5ED; padding:7px; margin:0 4px 0 auto; line-height: normal; position:relative; display:inline-block; margin-left: 0; } .art-pager a:link, .art-pager a:visited, .art-pager .active { line-height: normal; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #0E1E2F ; } .art-pager .active { background: #B6BFC9; 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; -svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat; background: linear-gradient(to bottom, #E5E8EB 0, #8796A6 100%) no-repeat; border:1px solid #C0D5ED; padding:7px; margin:0 4px 0 auto; color: #FFFFFF ; } .art-pager .more { background: #C0D5ED; background: -webkit-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: -moz-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: -o-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: -ms-linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; -svg-background: linear-gradient(top, #FFFFFF 0, #7DA9D9 100%) no-repeat; background: linear-gradient(to bottom, #FFFFFF 0, #7DA9D9 100%) no-repeat; border:1px solid #C0D5ED; margin:0 4px 0 auto; } .art-pager a.more:link, .art-pager a.more:visited { color: #1F1F1F ; } .art-pager a:hover { background: #84AFDB; background: -webkit-linear-gradient(top, #C0D5ED 0, #4585C9 100%) no-repeat; background: -moz-linear-gradient(top, #C0D5ED 0, #4585C9 100%) no-repeat; background: -o-linear-gradient(top, #C0D5ED 0, #4585C9 100%) no-repeat; background: -ms-linear-gradient(top, #C0D5ED 0, #4585C9 100%) no-repeat; -svg-background: linear-gradient(top, #C0D5ED 0, #4585C9 100%) no-repeat; background: linear-gradient(to bottom, #C0D5ED 0, #4585C9 100%) no-repeat; border:1px solid #C0D5ED; padding:7px; margin:0 4px 0 auto; } .art-pager a:hover, .art-pager a.more:hover { color: #0E1E2F ; } .art-pager>*:after { margin:0 0 0 auto; display:inline-block; position:absolute; content: ' '; top:0; width:0; height:100%; right: 0; text-decoration:none; } .art-pager>*:last-child:after{ display:none; } .art-commentsform { background: #E2E8EE; background: transparent; padding:10px; margin:0 auto; margin-top:25px; color: #88B1DD; } .art-commentsform h2{ padding-bottom:10px; margin: 0; color: #88B1DD; } .art-commentsform label { display: inline-block; line-height: 25px; } .art-commentsform input:not([type=submit]), .art-commentsform textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; max-width:100%; } .art-commentsform .form-submit { margin-top: 10px; } .art-post { padding:10px; } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { margin: 7px 7px 7px 7px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .art-article table, table.art-article { border-collapse: collapse; margin: 1px; } .art-post .art-content-layout-br { height: 0; } .art-article th, .art-article td { padding: 2px; border: solid 1px #A6A6A6; vertical-align: top; text-align: left; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } .preview-cms-logo { border: 0; margin: 1em 1em 0 0; float: left; } .image-caption-wrapper { padding: 7px 7px 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper img { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper div.art-collage { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0; } .art-postheader { color: #49B5F8; margin-top: 5px; margin-bottom: 5px; font-size: 24px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered { font-size: 24px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-postheader a, .art-postheader a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #5992CF; } .art-postheader a:visited, .art-postheader a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #C2C2C2; } .art-postheader a:hover, .art-postheader a.hovered { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #6D9FD5; } .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #D9D9D9; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #81ACDA; } .art-postheadericons a:visited, .art-postheadericons a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-decoration: none; color: #81ACDA; } .art-postheadericons a:hover, .art-postheadericons a.hover { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-decoration: underline; color: #A8C6E6; } .art-postpdficon:before { content:url('images/postpdficon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .art-postpdficon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .art-postprinticon:before { content:url('images/postprinticon.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } .opera .art-postprinticon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .art-postemailicon:before { content:url('images/postemailicon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .art-postemailicon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before { content:url('images/postbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } .opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .art-postcontent li, .art-post li, .art-textblock li { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #C7C7C7; margin: 0 0 0 26px; } .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol { padding: 0; } .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li { padding-left: 13px; } .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before { margin-left: -13px; } .art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul { margin: 1em 0 1em 26px; } .art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul { margin: 0.5em 0 0.5em 26px; } .art-postcontent li, .art-post li, .art-textblock li { margin: 0 0 0 0; } .art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li { /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li { /* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } blockquote { background: #A6DBFC url('images/postquote.png') no-repeat scroll; padding:0 0 0 28px; margin:10px 10px 10px 50px; color: #011019; 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, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover { color: #011019; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-align: left; } /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p { margin: 0; margin: 2px 0 2px 15px; } .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #D9D9D9; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #81ACDA; } .art-postfootericons a:visited, .art-postfootericons a.visited { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #81ACDA; } .art-postfootericons a:hover, .art-postfootericons a.hover { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #A8C6E6; } .art-footer { background: #93ABD7; background: rgba(147, 171, 215, 0.2); margin:0 auto; position: relative; color: #C4C4C4; font-size: 11px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-align: center; padding: 0; } .art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover, .art-footer td, .art-footer th, .art-footer caption { color: #C4C4C4; font-size: 11px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer p { padding:0; text-align: center; } .art-footer a, .art-footer a:link { color: #5992CF; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .art-footer a:visited { color: #949494; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .art-footer a:hover { color: #A0C1E3; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; } .art-footer h1 { color: #3471B2; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer h2 { color: #558FCE; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer h3 { color: #B5B5B5; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer h4 { color: #62BFF9; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer h5 { color: #62BFF9; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer h6 { color: #62BFF9; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .art-footer img { border: none; margin: 0; } .art-footer-inner { margin: 0 auto; width:900px; padding:5px; padding-right: 5px; padding-left: 5px; } .art-rss-tag-icon { background: url('images/footerrssicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-rss-tag-icon:empty { vertical-align: middle; } .art-facebook-tag-icon { background: url('images/footerfacebookicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-facebook-tag-icon:empty { vertical-align: middle; } .art-twitter-tag-icon { background: url('images/footertwittericon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-twitter-tag-icon:empty { vertical-align: middle; } .art-tumblr-tag-icon { background: url('images/tumblricon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-tumblr-tag-icon:empty { vertical-align: middle; } .art-pinterest-tag-icon { background: url('images/pinteresticon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-pinterest-tag-icon:empty { vertical-align: middle; } .art-vimeo-tag-icon { background: url('images/vimeoicon.png') no-repeat scroll; margin:0 auto; min-height:33px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-vimeo-tag-icon:empty { vertical-align: middle; } .art-youtube-tag-icon { background: url('images/youtubeicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-youtube-tag-icon:empty { vertical-align: middle; } .art-linkedin-tag-icon { background: url('images/linkedinicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .art-linkedin-tag-icon:empty { vertical-align: middle; } .art-footer li { font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 125%; color: #E0E0E0; } .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #B8D0EA; } .art-page-footer { position: relative; z-index: auto !important; padding: 1em; text-align: center !important; text-decoration: none; color: #DBE8F5; } .art-lightbox-wrapper { background: #333; background: rgba(0, 0, 0, .8); bottom: 0; left: 0; padding: 0 100px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000000; } .art-lightbox, .art-lightbox-wrapper .art-lightbox-image { cursor: pointer; } .art-lightbox-wrapper .art-lightbox-image { border: 6px solid #fff; border-radius: 3px; display: none; max-width: 100%; vertical-align: middle; } .art-lightbox-wrapper .art-lightbox-image.active { display: inline-block; } .art-lightbox-wrapper .lightbox-error { background: #fff; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 80px; opacity: .95; padding: 20px; position: fixed; width: 300px; z-index: 100; } .art-lightbox-wrapper .loading { background: #fff url('images/preloader-01.gif') center center no-repeat; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 32px; opacity: .5; padding: 10px; position: fixed; width: 32px; z-index: 10100; } .art-lightbox-wrapper .arrow { cursor: pointer; height: 100px; opacity: .5; filter: alpha(opacity=50); position: fixed; width: 82px; z-index: 10003; } .art-lightbox-wrapper .arrow.left { left: 9px; } .art-lightbox-wrapper .arrow.right { right: 9px; } .art-lightbox-wrapper .arrow:hover { opacity: 1; filter: alpha(opacity=100); } .art-lightbox-wrapper .arrow.disabled { display: none; } .art-lightbox-wrapper .arrow-t, .art-lightbox-wrapper .arrow-b { background-color: #fff; border-radius: 3px; height: 6px; left: 26px; position: relative; width: 30px; } .art-lightbox-wrapper .arrow-t { top: 38px; } .art-lightbox-wrapper .arrow-b { top: 50px; } .art-lightbox-wrapper .close { cursor: pointer; height: 22px; opacity: .5; filter: alpha(opacity=50); position: fixed; right: 39px; top: 30px; width: 22px; z-index: 10003; } .art-lightbox-wrapper .close:hover { opacity: 1; filter: alpha(opacity=100); } .art-lightbox-wrapper .close .cw, .art-lightbox-wrapper .close .ccw { background-color: #fff; border-radius: 3px; height: 6px; position: absolute; left: -4px; top: 8px; width: 30px; } .art-lightbox-wrapper .cw { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ -moz-transform: rotate(45deg); /* Firefox */} .art-lightbox-wrapper .ccw { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ -moz-transform: rotate(-45deg); /* Firefox */} .art-lightbox-wrapper .close-alt, .art-lightbox-wrapper .arrow-right-alt, .art-lightbox-wrapper .arrow-left-alt { color: #fff; display: none; font-size: 2.5em; line-height: 100%; } .ie8 .art-lightbox-wrapper .close-alt, .ie8 .art-lightbox-wrapper .arrow-right-alt, .ie8 .art-lightbox-wrapper .arrow-left-alt { display: block; } .ie8 .art-lightbox-wrapper .cw, .ie8 .art-lightbox-wrapper .ccw { display: none; } .art-content-layout .art-sidebar1 { -webkit-border-radius:4px 0 0; -moz-border-radius:4px 0 0; border-radius:4px 0 0; margin:0 auto; width: 225px; } .art-content-layout .art-content { margin:0 auto; } /* Begin Additional CSS Styles */ .art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;} /* End Additional CSS Styles */ ]]>
creative

 

| | | |
, | 1