API tools faq
paste
Advertisement
freebloggerdesign

rich blogger theme free

freebloggerdesign
Feb 20th, 2013
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 139.58 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html dir='LTR' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <title><data:blog.pageTitle/></title>
  7. <meta content='initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width' name='viewport'/>
  8.  
  9. <b:skin><![CDATA[
  10. #header, #Header1{
  11. height: 100%;
  12. }
  13.  
  14. #navbar {
  15. position: fixed;
  16. width: 100%;
  17. z-index: 10;
  18. }
  19.  
  20. .art-nav {
  21. -moz-box-sizing: border-box;
  22. display: block;
  23. }
  24.  
  25. #comments {
  26. padding: 0 15px 15px 15px;
  27. position: relative;
  28. }
  29.  
  30. #comments h4 {
  31. margin: 0 0 10px;
  32. padding-top: 0;
  33. padding-right: 14px;
  34. padding-bottom: 2px;
  35. padding-left: 29px;
  36. font-size: 120%;
  37. line-height: 1.4em;
  38. }
  39.  
  40. #comments a:link,
  41. #comments a:visited,
  42. #comments a:active,
  43. #comments a:hover {
  44. color: #c4cacb;
  45. }
  46.  
  47. .comment-author {
  48. margin: .5em 0;
  49. padding-top: 0;
  50. padding-right: 0;
  51. padding-bottom: 0;
  52. padding-left: 20px;
  53. font-weight: bold;
  54. }
  55.  
  56. .comment-body {
  57. margin: 0 0 1.25em;
  58. padding-top: 0;
  59. padding-right: 0;
  60. padding-bottom: 0;
  61. padding-left: 20px;
  62. }
  63.  
  64. .comment-body p {
  65. margin: 0 0 .5em;
  66. }
  67.  
  68. .comment-footer {
  69. margin: 0 0 .5em;
  70. padding-top: 0;
  71. padding-right: 0;
  72. padding-bottom: .75em;
  73. padding-left: 20px;
  74. }
  75.  
  76. #ArchiveList ul li {
  77. text-indent: -10px !important;
  78. padding: 0 0 0 15px;
  79. }
  80.  
  81. #ArchiveList ul li:before{
  82. background: none repeat scroll 0 0 transparent;
  83. margin: 0;
  84. content: "";
  85. }
  86.  
  87.  
  88. .profile-datablock,
  89. .profile-textblock {
  90. margin: 0 0 .75em;
  91. line-height: 1.4em;
  92. }
  93. .profile-img {
  94. float: left;
  95. margin-top: 0;
  96. margin-right: 5px;
  97. margin-bottom: 5px;
  98. margin-left: 0;
  99. border: 5px solid #889977;
  100. }
  101. .profile-data {
  102. font-weight: bold;
  103. }
  104.  
  105. .blog-pager{
  106. margin-left: 15px;
  107. }
  108.  
  109. .post-feeds{
  110. margin-left: 15px;
  111. }
  112.  
  113. .blog-feeds
  114. {
  115. margin-left: 15px;
  116. }
  117.  
  118.  
  119. /* for Blogger Page Elements */
  120.  
  121. body#layout #art-main {
  122. position: relative;
  123. }
  124.  
  125. body#layout .art-header {
  126. height: auto;
  127. width: 100%;
  128. }
  129. body#layout .art-content-layout {
  130. margin-top: 18px;
  131. padding-top: 2px;
  132. width: 100%
  133. }
  134.  
  135. body#layout .art-sheet {
  136. width: 100%;
  137. margin-top: 0 !important;
  138. top: 0 !important;
  139. }
  140.  
  141. body#layout .art-sheet:before,
  142. body#layout .art-sheet:after {
  143. content : '';
  144. }
  145.  
  146. body#layout .art-header, body#layout #Header1 {
  147. height: auto;
  148. }
  149.  
  150. body#layout .art-footer {
  151. width: 100%;
  152. }
  153.  
  154. body#layout .art-footer .art-footer-text {
  155. height: 85px;
  156. }
  157.  
  158. body#layout .art-blockcontent {
  159. padding: 0;
  160. }
  161.  
  162. body#layout .art-block {
  163. padding: 0;
  164. }
  165.  
  166. body#layout .art-nav {
  167. height: auto;
  168. }
  169.  
  170.  
  171. body#layout .section {
  172. width: auto;
  173. }
  174.  
  175. body#layout #Header1{
  176. display: block;
  177. }
  178. body#layout #LinkList97,
  179. body#layout #BlogArchive99,
  180. body#layout #PageList99 {
  181. display: none;
  182. }
  183.  
  184. body#layout {
  185. min-width: 0;
  186. }
  187.  
  188. body#layout .art-content-layout {
  189. width: 100%;
  190. }
  191.  
  192. body#layout .widget{
  193. left: 0;
  194. top: 0;
  195. width: 99%;
  196. }
  197.  
  198. #Attribution1 {
  199. display: none;
  200. }
  201.  
  202. /* search results */
  203.  
  204. #uds-searchControl {
  205. width: 99%;
  206. }
  207.  
  208. #uds-searchControl .gsc-results,
  209. #uds-searchControl .gsc-tabhActive {
  210.  
  211. font-family: 'Times New Roman';
  212. font-style: normal;
  213. font-size: 16px;
  214. font-weight: normal;
  215. text-decoration: none;
  216. color: #191919 !important;
  217. background-color: transparent !important;
  218. border-color: #808080 !important;
  219. }
  220.  
  221.  
  222. #uds-searchControl a,
  223. #uds-searchControl .gs-result .gs-title *,
  224. #uds-searchControl .gs-visibleUrl ,
  225. #uds-searchControl .gsc-tabhInactive {
  226.  
  227. font-family: Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  228. font-style: normal;
  229. font-size: 12px;
  230. font-weight: normal;
  231. text-decoration: none;
  232. color: #c4cacb !important;
  233. }
  234.  
  235. #uds-searchControl .gsc-cursor-page{
  236. color: #c4cacb !important;
  237. }
  238.  
  239. .gsc-tabsArea{
  240. margin-bottom: 0 !important;
  241. }
  242.  
  243. .gsc-result-info{
  244. border-bottom: 0 none !important;
  245. }
  246.  
  247.  
  248. .blog-pager a:link,
  249. .blog-pager a:visited,
  250. .blog-pager a:active,
  251. .blog-pager a:hover,
  252. .feed-links a:link,
  253. .feed-links a:visited,
  254. .feed-links a:active,
  255. .feed-links a:hover {
  256. color: #c4cacb;
  257. }
  258.  
  259. #blog-pager-newer-link {
  260. float: left;
  261. margin-left: 13px;
  262. }
  263.  
  264. #blog-pager-older-link {
  265. float: right;
  266. margin-right: 13px;
  267. }
  268.  
  269. #blog-pager {
  270. text-align: center;
  271. }
  272.  
  273. .jump-link{
  274. margin: 10px 0;
  275. }
  276.  
  277. /* block content */
  278.  
  279. .art-blockcontent {
  280. color: #191919;
  281. }
  282.  
  283. .art-blockcontent a:link{
  284. color: #adcae3;
  285. }
  286.  
  287. .art-blockcontent a:visited,
  288. .art-blockcontent a.visited {
  289. color: #e1e1e1;
  290. }
  291.  
  292. .art-blockcontent a:hover,
  293. .art-blockcontent a.hover {
  294. color: #adcae3;
  295. }
  296.  
  297. .toggle span
  298. {
  299. color: #adcae3;
  300. }
  301.  
  302. .gsc-branding-text {
  303. color: #191919 !important;
  304. }
  305.  
  306.  
  307. /* Created by Artisteer v4.0.0.58475 */
  308.  
  309. #art-main
  310. {
  311. background: #D9E7F2 url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png') scroll;
  312. background: linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  313. background: -webkit-linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), -webkit-linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  314. background: -moz-linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), -moz-linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  315. background: -o-linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), -o-linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  316. background: -ms-linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), -ms-linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  317. background: linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  318. -svg-background: linear-gradient(top, rgba(231, 240, 247, 0.14) 0, rgba(231, 240, 247, 0.14) 165px) no-repeat, url('https://lh5.googleusercontent.com/-7xGWpSmQeTg/USUja8xgGDI/AAAAAAAAAGc/AS7Y7NfI9CY/s2048/page.png'), linear-gradient(top, #E4EEF6 0, #E4EEF6 165px) no-repeat, #D9E7F2;
  319. background-size: 100% 165px, auto, 100% 165px, auto !important;
  320. margin:0 auto;
  321. font-size: 12px;
  322. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  323. font-weight: normal;
  324. font-style: normal;
  325. text-align: justify;
  326. position: relative;
  327. width: 100%;
  328. min-height: 100%;
  329. left: 0;
  330. top: 0;
  331. cursor:default;
  332. overflow:hidden;
  333. }
  334. table, ul.art-hmenu
  335. {
  336. font-size: 12px;
  337. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  338. font-weight: normal;
  339. font-style: normal;
  340. text-align: justify;
  341. }
  342.  
  343. h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
  344. {
  345. margin: 0;
  346. padding: 0;
  347. }
  348.  
  349. /* Reset buttons border. It's important for input and button tags.
  350. * border-collapse should be separate for shadow in IE.
  351. */
  352. .art-button
  353. {
  354. border-collapse: separate;
  355. -webkit-background-origin: border !important;
  356. -moz-background-origin: border !important;
  357. background-origin: border-box !important;
  358. background: #E5E5E5;
  359. background: linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  360. background: -webkit-linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  361. background: -moz-linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  362. background: -o-linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  363. background: -ms-linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  364. background: linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  365. -svg-background: linear-gradient(top, #FCFCFC 0, #CFCFCF 100%) no-repeat;
  366. -webkit-border-radius:3px;
  367. -moz-border-radius:3px;
  368. border-radius:3px;
  369. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  370. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  371. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  372. border:1px solid #ACACAC;
  373. padding:0 20px;
  374. margin:0 auto;
  375. height:25px;
  376. }
  377.  
  378. .art-postcontent,
  379. .art-postheadericons,
  380. .art-postfootericons,
  381. .art-blockcontent,
  382. ul.art-vmenu a
  383. {
  384. text-align: left;
  385. }
  386.  
  387. .art-postcontent,
  388. .art-postcontent li,
  389. .art-postcontent table,
  390. .art-postcontent a,
  391. .art-postcontent a:link,
  392. .art-postcontent a:visited,
  393. .art-postcontent a.visited,
  394. .art-postcontent a:hover,
  395. .art-postcontent a.hovered
  396. {
  397. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  398. line-height: 150%;
  399. }
  400.  
  401. .art-postcontent p
  402. {
  403. margin: 12px 0;
  404. }
  405.  
  406. .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
  407. .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
  408. .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
  409. .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
  410. .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
  411. .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
  412. .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
  413. .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
  414. .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
  415. .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
  416. .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
  417. {
  418. font-size: 28px;
  419. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  420. font-weight: bold;
  421. font-style: normal;
  422. text-align: left;
  423. }
  424.  
  425. .art-postcontent a, .art-postcontent a:link
  426. {
  427. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  428. text-decoration: none;
  429. color: #C4CACB;
  430. }
  431.  
  432. .art-postcontent a:visited, .art-postcontent a.visited
  433. {
  434. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  435. text-decoration: underline;
  436. color: #C8C8C8;
  437. }
  438.  
  439. .art-postcontent a:hover, .art-postcontent a.hover
  440. {
  441. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  442. text-decoration: underline;
  443. color: #ADCAE3;
  444. }
  445.  
  446. .art-postcontent h1
  447. {
  448. color: #393939;
  449. margin: 10px 0;
  450. font-size: 24px;
  451. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  452. font-weight: normal;
  453. font-style: normal;
  454. text-transform: uppercase;
  455. text-align: left;
  456. }
  457.  
  458. .art-blockcontent h1
  459. {
  460. margin: 10px 0;
  461. font-size: 24px;
  462. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  463. font-weight: normal;
  464. font-style: normal;
  465. text-transform: uppercase;
  466. text-align: left;
  467. }
  468.  
  469. .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
  470. {
  471. font-size: 24px;
  472. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  473. font-weight: normal;
  474. font-style: normal;
  475. text-transform: uppercase;
  476. text-align: left;
  477. }
  478.  
  479. .art-postcontent h2
  480. {
  481. color: #C4CACB;
  482. margin: 10px 0;
  483. font-size: 24px;
  484. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  485. font-weight: normal;
  486. font-style: normal;
  487. text-transform: uppercase;
  488. text-align: left;
  489. }
  490.  
  491. .art-blockcontent h2
  492. {
  493. margin: 10px 0;
  494. font-size: 24px;
  495. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  496. font-weight: normal;
  497. font-style: normal;
  498. text-transform: uppercase;
  499. text-align: left;
  500. }
  501.  
  502. .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
  503. {
  504. font-size: 24px;
  505. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  506. font-weight: normal;
  507. font-style: normal;
  508. text-transform: uppercase;
  509. text-align: left;
  510. }
  511.  
  512. .art-postcontent h3
  513. {
  514. color: #C8C8C8;
  515. margin: 10px 0;
  516. font-size: 18px;
  517. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  518. font-weight: normal;
  519. font-style: normal;
  520. text-align: left;
  521. line-height: 100%;
  522. }
  523.  
  524. .art-blockcontent h3
  525. {
  526. margin: 10px 0;
  527. font-size: 18px;
  528. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  529. font-weight: normal;
  530. font-style: normal;
  531. text-align: left;
  532. line-height: 100%;
  533. }
  534.  
  535. .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
  536. {
  537. font-size: 18px;
  538. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  539. font-weight: normal;
  540. font-style: normal;
  541. text-align: left;
  542. line-height: 100%;
  543. }
  544.  
  545. .art-postcontent h4
  546. {
  547. color: #E6E9E9;
  548. margin:0;
  549. font-size: 18px;
  550. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  551. font-weight: normal;
  552. font-style: normal;
  553. text-transform: uppercase;
  554. }
  555.  
  556. .art-blockcontent h4
  557. {
  558. margin:0;
  559. font-size: 18px;
  560. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  561. font-weight: normal;
  562. font-style: normal;
  563. text-transform: uppercase;
  564. }
  565.  
  566. .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
  567. {
  568. font-size: 18px;
  569. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  570. font-weight: normal;
  571. font-style: normal;
  572. text-transform: uppercase;
  573. }
  574.  
  575. .art-postcontent h5
  576. {
  577. color: #D9E7F2;
  578. margin: 10px 0 10px 30px;
  579. font-size: 48px;
  580. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  581. font-weight: normal;
  582. font-style: normal;
  583. text-align: left;
  584. line-height: 125%;
  585. }
  586.  
  587. .art-blockcontent h5
  588. {
  589. margin: 10px 0 10px 30px;
  590. font-size: 48px;
  591. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  592. font-weight: normal;
  593. font-style: normal;
  594. text-align: left;
  595. line-height: 125%;
  596. }
  597.  
  598. .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
  599. {
  600. font-size: 48px;
  601. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  602. font-weight: normal;
  603. font-style: normal;
  604. text-align: left;
  605. line-height: 125%;
  606. }
  607.  
  608. .art-postcontent h6
  609. {
  610. color: #D8D8D8;
  611. font-size: 14px;
  612. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  613. font-weight: bold;
  614. font-style: normal;
  615. text-align: left;
  616. }
  617.  
  618. .art-blockcontent h6
  619. {
  620. font-size: 14px;
  621. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  622. font-weight: bold;
  623. font-style: normal;
  624. text-align: left;
  625. }
  626.  
  627. .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
  628. {
  629. font-size: 14px;
  630. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  631. font-weight: bold;
  632. font-style: normal;
  633. text-align: left;
  634. }
  635.  
  636. header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  637. {
  638. -webkit-background-origin: border !important;
  639. -moz-background-origin: border !important;
  640. background-origin: border-box !important;
  641. }
  642.  
  643. header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  644. {
  645. display: block;
  646. -webkit-box-sizing: border-box;
  647. -moz-box-sizing: border-box;
  648. box-sizing: border-box;
  649. }
  650.  
  651. ul
  652. {
  653. list-style-type: none;
  654. }
  655.  
  656. ol
  657. {
  658. list-style-position: inside;
  659. }
  660.  
  661. html, body
  662. {
  663. height: 100%;
  664. }
  665.  
  666. body
  667. {
  668. padding: 0;
  669. margin:0;
  670. min-width: 700px;
  671. color: #191919;
  672. }
  673.  
  674. .clearfix:before, .clearfix:after {
  675. content: "";
  676. display: table;
  677. }
  678.  
  679. .clearfix:after {
  680. clear: both;
  681. }
  682.  
  683. .cleared {
  684. font: 0/0 serif;
  685. clear: both;
  686. }
  687.  
  688. form
  689. {
  690. padding: 0 !important;
  691. margin: 0 !important;
  692. }
  693.  
  694. table.position
  695. {
  696. position: relative;
  697. width: 100%;
  698. table-layout: fixed;
  699. }
  700.  
  701. li h1, .art-postcontent li h1, .art-blockcontent li h1
  702. {
  703. margin:1px;
  704. }
  705. li h2, .art-postcontent li h2, .art-blockcontent li h2
  706. {
  707. margin:1px;
  708. }
  709. li h3, .art-postcontent li h3, .art-blockcontent li h3
  710. {
  711. margin:1px;
  712. }
  713. li h4, .art-postcontent li h4, .art-blockcontent li h4
  714. {
  715. margin:1px;
  716. }
  717. li h5, .art-postcontent li h5, .art-blockcontent li h5
  718. {
  719. margin:1px;
  720. }
  721. li h6, .art-postcontent li h6, .art-blockcontent li h6
  722. {
  723. margin:1px;
  724. }
  725. li p, .art-postcontent li p, .art-blockcontent li p
  726. {
  727. margin:1px;
  728. }
  729.  
  730.  
  731. .art-shapes
  732. {
  733. position: absolute;
  734. top: 0;
  735. right: 0;
  736. bottom: 0;
  737. left: 0;
  738. overflow: hidden;
  739. z-index: 0;
  740. }
  741.  
  742. .art-slider-inner {
  743. position: relative;
  744. overflow: hidden;
  745. width: 100%;
  746. height: 100%;
  747. }
  748.  
  749. .art-slidenavigator > a {
  750. display: inline-block;
  751. vertical-align: middle;
  752. outline-style: none;
  753. font-size: 1px;
  754. }
  755.  
  756. .art-slidenavigator > a:last-child {
  757. margin-right: 0 !important;
  758. }
  759.  
  760. .art-headline
  761. {
  762. display: inline-block;
  763. position: absolute;
  764. min-width: 50px;
  765. top: 31px;
  766. left: 3.65%;
  767. line-height: 100%;
  768. margin-left: -9px !important;
  769. -webkit-transform: rotate(0deg);
  770. -moz-transform: rotate(0deg);
  771. -o-transform: rotate(0deg);
  772. -ms-transform: rotate(0deg);
  773. transform: rotate(0deg);
  774. z-index: 99;
  775. }
  776.  
  777. .art-headline,
  778. .art-headline a,
  779. .art-headline a:link,
  780. .art-headline a:visited,
  781. .art-headline a:hover
  782. {
  783. font-size: 72px;
  784. font-family: 'Alex Brush', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  785. font-weight: normal;
  786. font-style: normal;
  787. text-decoration: none;
  788. padding: 0;
  789. margin: 0;
  790. color: #2B2B2B !important;
  791. white-space: nowrap;
  792. }
  793. .art-slogan
  794. {
  795. display: inline-block;
  796. position: absolute;
  797. min-width: 50px;
  798. top: 106px;
  799. left: 25.92%;
  800. line-height: 100%;
  801. margin-left: -19px !important;
  802. -webkit-transform: rotate(0deg);
  803. -moz-transform: rotate(0deg);
  804. -o-transform: rotate(0deg);
  805. -ms-transform: rotate(0deg);
  806. transform: rotate(0deg);
  807. z-index: 99;
  808. white-space: nowrap;
  809. }
  810.  
  811. .art-slogan,
  812. .art-slogan a,
  813. .art-slogan a:link,
  814. .art-slogan a:visited,
  815. .art-slogan a:hover
  816. {
  817. font-size: 15px;
  818. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  819. font-weight: normal;
  820. font-style: normal;
  821. padding: 0;
  822. margin: 0;
  823. color: #323C3E !important;
  824. }
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831. .art-header
  832. {
  833. margin:20px auto 0;
  834. position:relative;
  835. height: 150px;
  836. background-image: url('https://lh4.googleusercontent.com/-4PEg4dqxPWY/USUjkbM9DhI/AAAAAAAAAJk/Yt5s2wDpGoY/s2048/header.png');
  837. background-position: center top;
  838. background-repeat: no-repeat;
  839. }
  840.  
  841. .responsive .art-header
  842. {
  843. background-image: url('https://lh4.googleusercontent.com/-4PEg4dqxPWY/USUjkbM9DhI/AAAAAAAAAJk/Yt5s2wDpGoY/s2048/header.png');
  844. background-position: center center;
  845. }
  846.  
  847. .art-header-inner{
  848. position: relative;
  849. width: 700px;
  850. z-index: auto !important;
  851. margin: 0 auto;
  852. }
  853.  
  854. .art-header .art-header-widget
  855. {
  856. position:absolute;
  857. z-index:101;
  858. }
  859.  
  860. .art-nav
  861. {
  862. background: #545769;
  863. background: linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  864. background: -webkit-linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  865. background: -moz-linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  866. background: -o-linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  867. background: -ms-linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  868. background: linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  869. -svg-background: linear-gradient(top, #424452 0, #62657A 40%, #64677D 50%, #64677D 100%) no-repeat;
  870. -webkit-border-radius:20px;
  871. -moz-border-radius:20px;
  872. border-radius:20px;
  873. border-top:1px dashed #858585;
  874. border-bottom:3px solid #858585;
  875. padding:4px;
  876. margin:0 auto;
  877. position: relative;
  878. z-index: 100;
  879. font-size: 0;
  880. text-align: right;
  881. }
  882.  
  883. ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
  884. {
  885. outline: none;
  886. position: relative;
  887. z-index: 11;
  888. }
  889.  
  890. ul.art-hmenu, ul.art-hmenu ul
  891. {
  892. display: block;
  893. margin: 0;
  894. padding: 0;
  895. border: 0;
  896. list-style-type: none;
  897. }
  898.  
  899. ul.art-hmenu li
  900. {
  901. position: relative;
  902. z-index: 5;
  903. display: block;
  904. float: left;
  905. background: none;
  906. margin: 0;
  907. padding: 0;
  908. border: 0;
  909. }
  910.  
  911. ul.art-hmenu li:hover
  912. {
  913. z-index: 10000;
  914. white-space: normal;
  915. }
  916.  
  917. ul.art-hmenu:after, ul.art-hmenu ul:after
  918. {
  919. content: ".";
  920. height: 0;
  921. display: block;
  922. visibility: hidden;
  923. overflow: hidden;
  924. clear: both;
  925. }
  926.  
  927. ul.art-hmenu, ul.art-hmenu ul
  928. {
  929. min-height: 0;
  930. }
  931.  
  932. ul.art-hmenu
  933. {
  934. display: inline-block;
  935. vertical-align: middle;
  936. padding-left: 20px;
  937. padding-right: 20px;
  938. -webkit-box-sizing: border-box;
  939. -moz-box-sizing: border-box;
  940. box-sizing: border-box;
  941. }
  942.  
  943. .art-nav:before
  944. {
  945. content:' ';
  946. }
  947.  
  948. .desktop-nav.art-nav{
  949. width: 700px;
  950. padding-left: 4px;
  951. padding-right: 4px;
  952. }
  953.  
  954. .art-hmenu-extra1
  955. {
  956. position: relative;
  957. display: block;
  958. float: left;
  959. width: auto;
  960. height: auto;
  961. background-position: center;
  962. }
  963.  
  964. .art-hmenu-extra2
  965. {
  966. position: relative;
  967. display: block;
  968. float: right;
  969. width: auto;
  970. height: auto;
  971. background-position: center;
  972. }
  973.  
  974. .art-hmenu
  975. {
  976. float: right;
  977. }
  978.  
  979. .art-menuitemcontainer
  980. {
  981. margin:0 auto;
  982. }
  983. ul.art-hmenu>li {
  984. margin-left: 13px;
  985. }
  986. ul.art-hmenu>li:first-child {
  987. margin-left: 6px;
  988. }
  989. ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
  990. margin-right: 6px;
  991. }
  992.  
  993. ul.art-hmenu>li>a
  994. {
  995. border:1px solid transparent;
  996. padding:0 30px;
  997. margin:0 auto;
  998. position: relative;
  999. display: block;
  1000. height: 31px;
  1001. cursor: pointer;
  1002. text-decoration: none;
  1003. color: #808080;
  1004. line-height: 31px;
  1005. text-align: center;
  1006. }
  1007.  
  1008. .art-hmenu a,
  1009. .art-hmenu a:link,
  1010. .art-hmenu a:visited,
  1011. .art-hmenu a.active,
  1012. .art-hmenu a:hover
  1013. {
  1014. font-size: 14px;
  1015. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1016. font-weight: bold;
  1017. font-style: normal;
  1018. text-decoration: none;
  1019. text-transform: uppercase;
  1020. text-align: left;
  1021. }
  1022.  
  1023. ul.art-hmenu>li>a.active
  1024. {
  1025. padding:0 30px;
  1026. margin:0 auto;
  1027. color: #D9E7F2;
  1028. text-decoration: none;
  1029. }
  1030.  
  1031. ul.art-hmenu>li>a:visited,
  1032. ul.art-hmenu>li>a:hover,
  1033. ul.art-hmenu>li:hover>a {
  1034. text-decoration: none;
  1035. }
  1036.  
  1037. ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
  1038. {
  1039. background: #8A9697;
  1040. border:1px solid rgba(138, 150, 151, 0.3);
  1041. padding:0 30px;
  1042. margin:0 auto;
  1043. }
  1044. ul.art-hmenu>li>a:hover,
  1045. .desktop-nav ul.art-hmenu>li:hover>a {
  1046. color: #D9E7F2;
  1047. text-decoration: none;
  1048. }
  1049.  
  1050. ul.art-hmenu>li:before
  1051. {
  1052. position:absolute;
  1053. display: block;
  1054. content:' ';
  1055. top:0;
  1056. left: -13px;
  1057. width:13px;
  1058. height: 31px;
  1059. background: url('https://lh4.googleusercontent.com/-o4yyZzjmjq4/USUjbcaVRvI/AAAAAAAAAGk/eZDGho6y2xQ/s2048/menuseparator.png') center center no-repeat;
  1060. }
  1061. ul.art-hmenu>li:first-child:before{
  1062. display:none;
  1063. }
  1064.  
  1065. ul.art-hmenu li li a
  1066. {
  1067. background: #A5AEAF;
  1068. background: transparent;
  1069. padding:0 17px;
  1070. margin:0 auto;
  1071. }
  1072. ul.art-hmenu li li
  1073. {
  1074. float: none;
  1075. width: auto;
  1076. margin-top: 5px;
  1077. margin-bottom: 5px;
  1078. }
  1079.  
  1080. .desktop-nav ul.art-hmenu li li ul>li:first-child
  1081. {
  1082. margin-top: 0;
  1083. }
  1084.  
  1085. ul.art-hmenu li li ul>li:last-child
  1086. {
  1087. margin-bottom: 0;
  1088. }
  1089.  
  1090. .art-hmenu ul a
  1091. {
  1092. display: block;
  1093. white-space: nowrap;
  1094. height: 29px;
  1095. min-width: 7em;
  1096. border: 0 solid transparent;
  1097. text-align: left;
  1098. line-height: 29px;
  1099. color: #181A1B;
  1100. font-size: 12px;
  1101. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1102. font-weight: normal;
  1103. font-style: normal;
  1104. text-decoration: none;
  1105. margin:0;
  1106. }
  1107.  
  1108. .art-hmenu ul a:link,
  1109. .art-hmenu ul a:visited,
  1110. .art-hmenu ul a.active,
  1111. .art-hmenu ul a:hover
  1112. {
  1113. text-align: left;
  1114. line-height: 29px;
  1115. color: #181A1B;
  1116. font-size: 12px;
  1117. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1118. font-weight: normal;
  1119. font-style: normal;
  1120. text-decoration: none;
  1121. margin:0;
  1122. }
  1123.  
  1124. ul.art-hmenu li li:after
  1125. {
  1126. display: block;
  1127. position: absolute;
  1128. content: ' ';
  1129. height: 0;
  1130. top: -3px;
  1131. left: 0;
  1132. right: 0;
  1133. z-index: 1;
  1134. border-bottom: 1px solid #E5AC61;
  1135. }
  1136.  
  1137. .desktop-nav ul.art-hmenu li li:first-child:before,
  1138. .desktop-nav ul.art-hmenu li li:first-child:after
  1139. {
  1140. display: none;
  1141. }
  1142.  
  1143. ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
  1144. {
  1145. background: #707D7F;
  1146. margin:0 auto;
  1147. }
  1148.  
  1149. .art-hmenu ul li a:hover
  1150. {
  1151. color: #D1D1D1;
  1152. }
  1153.  
  1154. .desktop-nav .art-hmenu ul li:hover>a
  1155. {
  1156. color: #D1D1D1;
  1157. }
  1158.  
  1159. ul.art-hmenu ul:before
  1160. {
  1161. background: #858585;
  1162. margin:0 auto;
  1163. display: block;
  1164. position: absolute;
  1165. content: ' ';
  1166. z-index: 1;
  1167. }
  1168. .desktop-nav ul.art-hmenu li:hover>ul {
  1169. visibility: visible;
  1170. top: 100%;
  1171. }
  1172. .desktop-nav ul.art-hmenu li li:hover>ul {
  1173. top: 0;
  1174. left: 100%;
  1175. }
  1176.  
  1177. ul.art-hmenu ul
  1178. {
  1179. visibility: hidden;
  1180. position: absolute;
  1181. z-index: 10;
  1182. left: 0;
  1183. top: 0;
  1184. background-image: url('https://lh6.googleusercontent.com/-fRYAw8v9M48/USUjhsIGLUI/AAAAAAAAAJM/BbNvd-QcpU8/s2048/spacer.gif');
  1185. }
  1186.  
  1187. .desktop-nav ul.art-hmenu>li>ul
  1188. {
  1189. padding: 25px 35px 35px 35px;
  1190. margin: -10px 0 0 -30px;
  1191. }
  1192.  
  1193. .desktop-nav ul.art-hmenu ul ul
  1194. {
  1195. padding: 35px 35px 35px 15px;
  1196. margin: -35px 0 0 -5px;
  1197. }
  1198.  
  1199. .desktop-nav ul.art-hmenu ul.art-hmenu-left-to-right
  1200. {
  1201. right: auto;
  1202. left: 0;
  1203. margin: -10px 0 0 -30px;
  1204. }
  1205.  
  1206. .desktop-nav ul.art-hmenu ul.art-hmenu-right-to-left
  1207. {
  1208. left: auto;
  1209. right: 0;
  1210. margin: -10px -30px 0 0;
  1211. }
  1212.  
  1213. .desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
  1214. right: auto;
  1215. left: 100%;
  1216. }
  1217. .desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
  1218. left: auto;
  1219. right: 100%;
  1220. }
  1221.  
  1222. .desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right
  1223. {
  1224. right: auto;
  1225. left: 0;
  1226. padding: 35px 35px 35px 15px;
  1227. margin: -35px 0 0 -5px;
  1228. }
  1229.  
  1230. .desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left
  1231. {
  1232. left: auto;
  1233. right: 0;
  1234. padding: 35px 15px 35px 35px;
  1235. margin: -35px -5px 0 0;
  1236. }
  1237.  
  1238. .desktop-nav ul.art-hmenu li ul>li:first-child {
  1239. margin-top: 0;
  1240. }
  1241. .desktop-nav ul.art-hmenu li ul>li:last-child {
  1242. margin-bottom: 0;
  1243. }
  1244.  
  1245. .desktop-nav ul.art-hmenu ul ul:before
  1246. {
  1247. border-radius: 0;
  1248. top: 30px;
  1249. bottom: 30px;
  1250. right: 30px;
  1251. left: 10px;
  1252. }
  1253.  
  1254. .desktop-nav ul.art-hmenu>li>ul:before
  1255. {
  1256. top: 20px;
  1257. right: 30px;
  1258. bottom: 30px;
  1259. left: 30px;
  1260. }
  1261.  
  1262. .desktop-nav ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
  1263. right: 30px;
  1264. left: 30px;
  1265. }
  1266. .desktop-nav ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
  1267. right: 30px;
  1268. left: 30px;
  1269. }
  1270. .desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
  1271. right: 30px;
  1272. left: 10px;
  1273. }
  1274. .desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
  1275. right: 10px;
  1276. left: 30px;
  1277. }
  1278.  
  1279. .desktop-nav ul.art-hmenu>li.ext>a
  1280. {
  1281. white-space: nowrap;
  1282. }
  1283.  
  1284. .desktop-nav ul.art-hmenu>li.ext>a:hover,
  1285. .desktop-nav ul.art-hmenu>li.ext:hover>a,
  1286. .desktop-nav ul.art-hmenu>li.ext:hover>a.active
  1287. {
  1288. background: none;
  1289. /* default padding + border size */
  1290. padding: 1px 31px 1px 31px;
  1291. /* margin for shadow */
  1292. margin: -0 -0 0 -0;
  1293. overflow: hidden;
  1294. position: relative;
  1295. border: none;
  1296. border-radius: 0;
  1297. box-shadow: none;
  1298. color: #E3E3E3;
  1299. }
  1300.  
  1301. .desktop-nav ul.art-hmenu>li.ext>a:hover:before,
  1302. .desktop-nav ul.art-hmenu>li.ext:hover>a:before,
  1303. .desktop-nav ul.art-hmenu>li.ext:hover>a.active:before
  1304. {
  1305. position: absolute;
  1306. content: ' ';
  1307. /* top, right, left - for shadow */
  1308. top: 0;
  1309. right: 0;
  1310. left: 0;
  1311. /* border + shadow */
  1312. bottom: -0;
  1313. background-color: #858585;
  1314. border: 0 solid transparent;
  1315. border-top-left-radius: 0;
  1316. border-top-right-radius: 0;
  1317. box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  1318. z-index: -1;
  1319. }
  1320.  
  1321. .desktop-nav ul.art-hmenu>li.ext:hover>ul
  1322. {
  1323. top: 43px;
  1324. padding-top: 5px;
  1325. /* menu bar padding */
  1326. margin-top: 0;
  1327. }
  1328.  
  1329. .desktop-nav ul.art-hmenu>li.ext:hover>ul:before
  1330. {
  1331. /* border + shadow */
  1332. top: -0;
  1333. clip: rect(5px, auto, auto, auto);
  1334. border-top-left-radius: 0;
  1335. border-top-right-radius: 0;
  1336. box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  1337. }
  1338.  
  1339. ul.art-hmenu>li.ext>.ext-r,
  1340. ul.art-hmenu>li.ext>.ext-l,
  1341. ul.art-hmenu>li.ext>.ext-m,
  1342. ul.art-hmenu>li.ext>.ext-off
  1343. {
  1344. display: none;
  1345. z-index: 12;
  1346. -webkit-box-sizing: border-box;
  1347. -moz-box-sizing: border-box;
  1348. box-sizing: border-box;
  1349. }
  1350.  
  1351. .desktop-nav ul.art-hmenu>li.ext>ul
  1352. {
  1353. z-index: 13;
  1354. }
  1355.  
  1356. .desktop-nav ul.art-hmenu>li.ext.ext-r:hover>.ext-r,
  1357. .desktop-nav ul.art-hmenu>li.ext.ext-l:hover>.ext-l
  1358. {
  1359. position: absolute;
  1360. display: block;
  1361. overflow: hidden;
  1362. /* size of radius
  1363. * if size if 0 we should now generate script
  1364. * that adds ext-r and ext-m divs
  1365. */
  1366. height: 5px;
  1367. top: 43px;
  1368. padding-top: 0;
  1369. margin-top: -0;
  1370. /* border width + shadow */}
  1371.  
  1372. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-r:before,
  1373. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-l:before
  1374. {
  1375. position: absolute;
  1376. content: ' ';
  1377. top: 0;
  1378. /* border + shadow */
  1379. bottom: -0;
  1380. background-color: #858585;
  1381. border: 0 solid transparent;
  1382. box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  1383. }
  1384.  
  1385. .desktop-nav ul.art-hmenu>li.ext.ext-r:hover>.ext-r
  1386. {
  1387. left: 100%;
  1388. right: auto;
  1389. padding-left: 0;
  1390. margin-left: 0;
  1391. padding-right: 0;
  1392. margin-right: -0;
  1393. /* only shadow */}
  1394.  
  1395. .desktop-nav ul.art-hmenu>li.ext.ext-r:hover>.ext-r:before
  1396. {
  1397. right: 0;
  1398. left: -0;
  1399. border-top-left-radius: 0;
  1400. border-top-right-radius: 0;
  1401. }
  1402.  
  1403. .desktop-nav ul.art-hmenu>li.ext.ext-l:hover>.ext-l
  1404. {
  1405. right: 100%;
  1406. left: auto;
  1407. padding-right: 0;
  1408. margin-right: 0;
  1409. padding-left: 0;
  1410. margin-left: -0;
  1411. /* only shadow */}
  1412.  
  1413. .desktop-nav ul.art-hmenu>li.ext.ext-l:hover>.ext-l:before
  1414. {
  1415. right: -0;
  1416. left: 0;
  1417. border-top-right-radius: 0;
  1418. border-top-left-radius: 0;
  1419. }
  1420.  
  1421. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-m,
  1422. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-off
  1423. {
  1424. position: absolute;
  1425. display: block;
  1426. overflow: hidden;
  1427. height: 5px;
  1428. top: 100%;
  1429. }
  1430.  
  1431. .desktop-nav ul.art-hmenu>li.ext.ext-r:hover>.ext-m
  1432. {
  1433. /* shadow offset */
  1434. left: -0;
  1435. right: 0;
  1436. /* shadow offset */
  1437. padding-right: 0;
  1438. padding-left: 0;
  1439. }
  1440.  
  1441. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-off
  1442. {
  1443. /* shadow offset */
  1444. left: -0;
  1445. right: -0;
  1446. /* shadow offset */
  1447. padding-left: 0;
  1448. padding-right: 0;
  1449. height: 10px;
  1450. }
  1451.  
  1452. .desktop-nav ul.art-hmenu>li.ext.ext-l:hover>.ext-m
  1453. {
  1454. /* shadow offset */
  1455. right: -0;
  1456. left: 0;
  1457. /* shadow offset */
  1458. padding-left: 0;
  1459. padding-right: 0;
  1460. }
  1461.  
  1462. .desktop-nav ul.art-hmenu>li.ext.ext-l.ext-r:hover>.ext-m
  1463. {
  1464. /* shadow offset */
  1465. right: -0;
  1466. left: -0;
  1467. /* shadow offset */
  1468. padding-left: 0;
  1469. padding-right: 0;
  1470. }
  1471.  
  1472. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-m
  1473. {
  1474. top: 43px;
  1475. }
  1476.  
  1477. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-off:before
  1478. {
  1479. right: 0;
  1480. left: 0;
  1481. position: absolute;
  1482. content: ' ';
  1483. top: -0;
  1484. bottom: -0;
  1485. /* shadow offset */
  1486. background-color: #858585;
  1487. border: 0 solid transparent;
  1488. box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  1489. }
  1490.  
  1491. .desktop-nav ul.art-hmenu>li.ext:hover>.ext-m:before{
  1492. position: absolute;
  1493. content: ' ';
  1494. top: -0;
  1495. bottom: -0;
  1496. /* shadow offset */
  1497. background-color: #858585;
  1498. border: 0 solid transparent;
  1499. box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  1500. }
  1501.  
  1502. .desktop-nav ul.art-hmenu>li.ext.ext-r:hover>.ext-m:before
  1503. {
  1504. right: -0;
  1505. left: 0;
  1506. }
  1507.  
  1508. .desktop-nav ul.art-hmenu>li.ext.ext-l:hover>.ext-m:before
  1509. {
  1510. left: -0;
  1511. right: 0;
  1512. }
  1513.  
  1514. .desktop-nav ul.art-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before
  1515. {
  1516. left: -0;
  1517. right: -0
  1518. ;
  1519. }
  1520.  
  1521. .art-sheet
  1522. {
  1523. background: #5E5E5E;
  1524. background: rgba(94, 94, 94, 0.69);
  1525. -webkit-border-radius:20px;
  1526. -moz-border-radius:20px;
  1527. border-radius:20px;
  1528. border:5px solid #ACACAC;
  1529. margin:20px auto 0;
  1530. position:relative;
  1531. cursor:auto;
  1532. width: 700px;
  1533. z-index: auto !important;
  1534. }
  1535.  
  1536. .art-layout-wrapper
  1537. {
  1538. position: relative;
  1539. margin: 0 auto 0 auto;
  1540. z-index: auto !important;
  1541. }
  1542.  
  1543. .art-content-layout
  1544. {
  1545. display: table;
  1546. width: 100%;
  1547. table-layout: fixed;
  1548. border-collapse: collapse;
  1549. }
  1550.  
  1551. .art-content-layout-row
  1552. {
  1553. display: table-row;
  1554. }
  1555.  
  1556. .art-layout-cell
  1557. {
  1558. display: table-cell;
  1559. vertical-align: top;
  1560. }
  1561.  
  1562. .art-block
  1563. {
  1564. margin:7px;
  1565. }
  1566. div.art-block img
  1567. {
  1568. border: none;
  1569. margin: 3px;
  1570. }
  1571.  
  1572. .art-blockheader
  1573. {
  1574. background: #629AC9;
  1575. background: linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1576. background: -webkit-linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1577. background: -moz-linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1578. background: -o-linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1579. background: -ms-linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1580. background: linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1581. -svg-background: linear-gradient(top, #98BEDC 0, #4186BE 77%, #3873A3 100%) no-repeat;
  1582. -webkit-border-radius:2px;
  1583. -moz-border-radius:2px;
  1584. border-radius:2px;
  1585. border:1px solid #8A9697;
  1586. padding:12px 3px;
  1587. margin:0 auto;
  1588. }
  1589. .art-blockheader .t,
  1590. .art-blockheader .t a,
  1591. .art-blockheader .t a:link,
  1592. .art-blockheader .t a:visited,
  1593. .art-blockheader .t a:hover
  1594. {
  1595. color: #000000;
  1596. font-size: 14px;
  1597. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1598. font-weight: bold;
  1599. font-style: normal;
  1600. margin-left: 10px;
  1601. margin-right: 10px;
  1602. }
  1603.  
  1604. .art-blockheader .t:before
  1605. {
  1606. content:url('https://lh3.googleusercontent.com/-2VpYh9WcjDg/USUjbr5z5UI/AAAAAAAAAGs/3KS4RQCIpAQ/s2048/blockheadericon.png');
  1607. margin-right:6px;
  1608. bottom: 2px;
  1609. position:relative;
  1610. display:inline-block;
  1611. vertical-align:middle;
  1612. font-size:0;
  1613. line-height:0;
  1614. }
  1615. .opera .art-blockheader .t:before
  1616. {
  1617. /* Vertical-align:middle in Opera doesn't need additional offset */
  1618. bottom: 0;
  1619. }
  1620.  
  1621. .art-blockcontent
  1622. {
  1623. padding:3px;
  1624. margin:0 auto;
  1625. color: #191919;
  1626. font-size: 12px;
  1627. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1628. font-weight: normal;
  1629. font-style: normal;
  1630. }
  1631. .art-blockcontent table,
  1632. .art-blockcontent li,
  1633. .art-blockcontent a,
  1634. .art-blockcontent a:link,
  1635. .art-blockcontent a:visited,
  1636. .art-blockcontent a:hover
  1637. {
  1638. color: #191919;
  1639. font-size: 12px;
  1640. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1641. font-weight: normal;
  1642. font-style: normal;
  1643. }
  1644.  
  1645. .art-blockcontent a, .art-blockcontent a:link
  1646. {
  1647. color: #ADCAE3;
  1648. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1649. text-decoration: underline;
  1650. }
  1651.  
  1652. .art-blockcontent a:visited, .art-blockcontent a.visited
  1653. {
  1654. color: #E1E1E1;
  1655. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1656. text-decoration: underline;
  1657. }
  1658.  
  1659. .art-blockcontent a:hover, .art-blockcontent a.hover
  1660. {
  1661. color: #ADCAE3;
  1662. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1663. text-decoration: none;
  1664. }
  1665. .art-block ul>li:before
  1666. {
  1667. content:url('https://lh3.googleusercontent.com/-2ySRsYBL9Ak/USUjb8nabTI/AAAAAAAAAG0/VJHqcRj4n7U/s2048/blockbullets.png');
  1668. margin-right:6px;
  1669. bottom: 2px;
  1670. position:relative;
  1671. display:inline-block;
  1672. vertical-align:middle;
  1673. font-size:0;
  1674. line-height:0;
  1675. margin-left: -14px;
  1676. }
  1677. .opera .art-block ul>li:before
  1678. {
  1679. /* Vertical-align:middle in Opera doesn't need additional offset */
  1680. bottom: 0;
  1681. }
  1682.  
  1683. .art-block li
  1684. {
  1685. font-size: 12px;
  1686. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1687. text-decoration: none;
  1688. line-height: 125%;
  1689. color: #DADADA;
  1690. }
  1691.  
  1692. .art-block ul>li, .art-block ol
  1693. {
  1694. padding: 0;
  1695. }
  1696.  
  1697. .art-block ul>li
  1698. {
  1699. padding-left: 14px;
  1700. }
  1701.  
  1702. .art-breadcrumbs
  1703. {
  1704. margin:0 auto;
  1705. }
  1706.  
  1707. a.art-button,
  1708. a.art-button:link,
  1709. a:link.art-button:link,
  1710. body a.art-button:link,
  1711. a.art-button:visited,
  1712. body a.art-button:visited,
  1713. input.art-button,
  1714. button.art-button
  1715. {
  1716. text-decoration: none;
  1717. font-size: 10px;
  1718. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1719. text-transform: uppercase;
  1720. position:relative;
  1721. display: inline-block;
  1722. vertical-align: middle;
  1723. white-space: nowrap;
  1724. text-align: center;
  1725. color: #000000;
  1726. margin: 0 !important;
  1727. overflow: visible;
  1728. cursor: pointer;
  1729. text-indent: 0;
  1730. line-height: 25px;
  1731. -webkit-box-sizing: content-box;
  1732. -moz-box-sizing: content-box;
  1733. box-sizing: content-box;
  1734. }
  1735.  
  1736. .art-button img
  1737. {
  1738. margin: 0;
  1739. vertical-align: middle;
  1740. }
  1741.  
  1742. .firefox2 .art-button
  1743. {
  1744. display: block;
  1745. float: left;
  1746. }
  1747.  
  1748. input, select, textarea
  1749. {
  1750. vertical-align: middle;
  1751. font-size: 10px;
  1752. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1753. text-transform: uppercase;
  1754. }
  1755.  
  1756. .art-block select
  1757. {
  1758. width:96%;
  1759. }
  1760.  
  1761. input.art-button
  1762. {
  1763. float: none !important;
  1764. }
  1765.  
  1766. .art-button.active, .art-button.active:hover
  1767. {
  1768. background: #8A9697;
  1769. background: linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1770. background: -webkit-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1771. background: -moz-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1772. background: -o-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1773. background: -ms-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1774. background: linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1775. -svg-background: linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1776. -webkit-border-radius:3px;
  1777. -moz-border-radius:3px;
  1778. border-radius:3px;
  1779. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  1780. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  1781. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  1782. border:1px solid #707D7F;
  1783. padding:0 20px;
  1784. margin:0 auto;
  1785. }
  1786. .art-button.active, .art-button.active:hover {
  1787. color: #161818 !important;
  1788. }
  1789.  
  1790. .art-button.hover, .art-button:hover
  1791. {
  1792. background: #8A9697;
  1793. background: linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1794. background: -webkit-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1795. background: -moz-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1796. background: -o-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1797. background: -ms-linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1798. background: linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1799. -svg-background: linear-gradient(top, #9EA7A9 0, #788587 100%) no-repeat;
  1800. -webkit-border-radius:3px;
  1801. -moz-border-radius:3px;
  1802. border-radius:3px;
  1803. -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  1804. -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  1805. box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.15);
  1806. border:1px solid #8A9697;
  1807. padding:0 20px;
  1808. margin:0 auto;
  1809. }
  1810. .art-button.hover, .art-button:hover {
  1811. color: #E3E3E3 !important;
  1812. }
  1813.  
  1814. input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
  1815. {
  1816. background: #D2E2F0;
  1817. margin:0 auto;
  1818. }
  1819. input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
  1820. {
  1821. width: 100%;
  1822. padding: 8px 0;
  1823. color: #183044 !important;
  1824. font-size: 13px;
  1825. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1826. font-weight: normal;
  1827. font-style: normal;
  1828. }
  1829. input.art-error, textarea.art-error
  1830. {
  1831. background: #D2E2F0;
  1832. border:1px solid #B54030;
  1833. margin:0 auto;
  1834. }
  1835. input.art-error, textarea.art-error {
  1836. color: #183044 !important;
  1837. font-size: 13px;
  1838. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1839. font-weight: normal;
  1840. font-style: normal;
  1841. }
  1842. form.art-search input[type="text"]
  1843. {
  1844. background: #D2E2F0;
  1845. border-radius: 0;
  1846. margin:0 auto;
  1847. width: 100%;
  1848. padding: 0 0;
  1849. -webkit-box-sizing: border-box;
  1850. -moz-box-sizing: border-box;
  1851. box-sizing: border-box;
  1852. color: #183044 !important;
  1853. font-size: 13px;
  1854. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1855. font-weight: normal;
  1856. font-style: normal;
  1857. }
  1858. form.art-search
  1859. {
  1860. background-image: none;
  1861. border: 0;
  1862. display:block;
  1863. position:relative;
  1864. top:0;
  1865. padding:0;
  1866. margin:5px;
  1867. left:0;
  1868. line-height: 0;
  1869. }
  1870.  
  1871. form.art-search input
  1872. {
  1873. top:0;
  1874. right:0;
  1875. }
  1876.  
  1877. form.art-search>input {
  1878. bottom:0;
  1879. left:0;
  1880. vertical-align: middle;
  1881. }
  1882.  
  1883. form.art-search input[type="submit"]
  1884. {
  1885. background: #ACACAC;
  1886. margin:0 auto;
  1887. color: #3E3E3E !important;
  1888. font-size: 13px;
  1889. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1890. font-weight: normal;
  1891. font-style: normal;
  1892. position:absolute;
  1893. display:block;
  1894. left: auto;
  1895. border: 0;
  1896. top: 0;
  1897. bottom: 0;
  1898. right: 0;
  1899. }
  1900.  
  1901. label.art-checkbox:before
  1902. {
  1903. background: #D2E2F0;
  1904. -webkit-border-radius:1px;
  1905. -moz-border-radius:1px;
  1906. border-radius:1px;
  1907. margin:0 auto;
  1908. width:16px;
  1909. height:16px;
  1910. }
  1911. label.art-checkbox
  1912. {
  1913. cursor: pointer;
  1914. font-size: 13px;
  1915. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1916. font-weight: normal;
  1917. font-style: normal;
  1918. line-height: 16px;
  1919. display: inline-block;
  1920. }
  1921.  
  1922. .art-checkbox>input[type="checkbox"]
  1923. {
  1924. margin: 0 5px 0 0;
  1925. }
  1926.  
  1927. label.art-checkbox.active:before
  1928. {
  1929. background: #A5AEAF;
  1930. -webkit-border-radius:1px;
  1931. -moz-border-radius:1px;
  1932. border-radius:1px;
  1933. margin:0 auto;
  1934. width:16px;
  1935. height:16px;
  1936. display: inline-block;
  1937. }
  1938.  
  1939. label.art-checkbox.hovered:before
  1940. {
  1941. background: #C9CFCF;
  1942. -webkit-border-radius:1px;
  1943. -moz-border-radius:1px;
  1944. border-radius:1px;
  1945. margin:0 auto;
  1946. width:16px;
  1947. height:16px;
  1948. display: inline-block;
  1949. }
  1950.  
  1951. label.art-radiobutton:before
  1952. {
  1953. background: #D2E2F0;
  1954. -webkit-border-radius:3px;
  1955. -moz-border-radius:3px;
  1956. border-radius:3px;
  1957. margin:0 auto;
  1958. width:12px;
  1959. height:12px;
  1960. }
  1961. label.art-radiobutton
  1962. {
  1963. cursor: pointer;
  1964. font-size: 13px;
  1965. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1966. font-weight: normal;
  1967. font-style: normal;
  1968. line-height: 12px;
  1969. display: inline-block;
  1970. }
  1971.  
  1972. .art-radiobutton>input[type="radio"]
  1973. {
  1974. vertical-align: baseline;
  1975. margin: 0 5px 0 0;
  1976. }
  1977.  
  1978. label.art-radiobutton.active:before
  1979. {
  1980. background: #A5AEAF;
  1981. -webkit-border-radius:3px;
  1982. -moz-border-radius:3px;
  1983. border-radius:3px;
  1984. margin:0 auto;
  1985. width:12px;
  1986. height:12px;
  1987. display: inline-block;
  1988. }
  1989.  
  1990. label.art-radiobutton.hovered:before
  1991. {
  1992. background: #C9CFCF;
  1993. -webkit-border-radius:3px;
  1994. -moz-border-radius:3px;
  1995. border-radius:3px;
  1996. margin:0 auto;
  1997. width:12px;
  1998. height:12px;
  1999. display: inline-block;
  2000. }
  2001.  
  2002. a img
  2003. {
  2004. border: 0;
  2005. }
  2006.  
  2007. .art-article img, img.art-article, .art-block img, .art-footer img
  2008. {
  2009. margin: 0 0 0 0;
  2010. }
  2011.  
  2012. .art-metadata-icons img
  2013. {
  2014. border: none;
  2015. vertical-align: middle;
  2016. margin: 2px;
  2017. }
  2018.  
  2019. .art-article table, table.art-article
  2020. {
  2021. border-collapse: collapse;
  2022. margin: 1px;
  2023. }
  2024.  
  2025. .art-post .art-content-layout-br
  2026. {
  2027. height: 0;
  2028. }
  2029.  
  2030. .art-article th
  2031. {
  2032. text-align: center;
  2033. vertical-align: middle;
  2034. padding: 7px;
  2035. }
  2036.  
  2037. pre
  2038. {
  2039. overflow: auto;
  2040. padding: 0.1em;
  2041. }
  2042.  
  2043. .preview-cms-logo
  2044. {
  2045. border: 0;
  2046. margin: 1em 1em 0 0;
  2047. float: left;
  2048. }
  2049.  
  2050. .image-caption-wrapper
  2051. {
  2052. padding: 0 0 0 0;
  2053. -webkit-box-sizing: border-box;
  2054. -moz-box-sizing: border-box;
  2055. box-sizing: border-box;
  2056. }
  2057.  
  2058. .image-caption-wrapper img
  2059. {
  2060. margin: 0 !important;
  2061. -webkit-box-sizing: border-box;
  2062. -moz-box-sizing: border-box;
  2063. box-sizing: border-box;
  2064. }
  2065.  
  2066. .image-caption-wrapper div.art-collage
  2067. {
  2068. margin: 0 !important;
  2069. -webkit-box-sizing: border-box;
  2070. -moz-box-sizing: border-box;
  2071. box-sizing: border-box;
  2072. }
  2073.  
  2074. .image-caption-wrapper p
  2075. {
  2076. font-size: 80%;
  2077. text-align: right;
  2078. margin: 0;
  2079. }
  2080.  
  2081. .art-postheader
  2082. {
  2083. color: #575757;
  2084. margin: 20px 20px 0;
  2085. font-size: 24px;
  2086. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2087. font-weight: normal;
  2088. font-style: normal;
  2089. text-transform: uppercase;
  2090. text-align: left;
  2091. }
  2092.  
  2093. .art-postheader a,
  2094. .art-postheader a:link,
  2095. .art-postheader a:visited,
  2096. .art-postheader a.visited,
  2097. .art-postheader a:hover,
  2098. .art-postheader a.hovered
  2099. {
  2100. font-size: 24px;
  2101. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2102. font-weight: normal;
  2103. font-style: normal;
  2104. text-transform: uppercase;
  2105. text-align: left;
  2106. }
  2107.  
  2108. .art-postheader a, .art-postheader a:link
  2109. {
  2110. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2111. text-decoration: none;
  2112. text-align: left;
  2113. color: #C5DAEB;
  2114. }
  2115.  
  2116. .art-postheader a:visited, .art-postheader a.visited
  2117. {
  2118. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2119. text-decoration: none;
  2120. text-align: left;
  2121. color: #C8C8C8;
  2122. }
  2123.  
  2124. .art-postheader a:hover, .art-postheader a.hovered
  2125. {
  2126. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2127. text-decoration: none;
  2128. text-align: left;
  2129. color: #ADCAE3;
  2130. }
  2131.  
  2132. .art-postheadericons,
  2133. .art-postheadericons a,
  2134. .art-postheadericons a:link,
  2135. .art-postheadericons a:visited,
  2136. .art-postheadericons a:hover
  2137. {
  2138. font-size: 11px;
  2139. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2140. color: #DADADA;
  2141. }
  2142.  
  2143. .art-postheadericons
  2144. {
  2145. display:inline-block;
  2146. padding: 1px;
  2147. }
  2148.  
  2149. .art-postheadericons a, .art-postheadericons a:link
  2150. {
  2151. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2152. text-decoration: underline;
  2153. color: #183044;
  2154. }
  2155.  
  2156. .art-postheadericons a:visited, .art-postheadericons a.visited
  2157. {
  2158. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2159. text-decoration: underline;
  2160. color: #2B3031;
  2161. }
  2162.  
  2163. .art-postheadericons a:hover, .art-postheadericons a.hover
  2164. {
  2165. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2166. text-decoration: none;
  2167. color: #9CBFDD;
  2168. }
  2169.  
  2170. .art-postpdficon:before
  2171. {
  2172. content:url('https://lh4.googleusercontent.com/-xkegxhEM7jY/USUjcOb2LcI/AAAAAAAAAG8/Vag1Lm279Gs/s2048/postpdficon.png');
  2173. margin-right:6px;
  2174. position:relative;
  2175. display:inline-block;
  2176. vertical-align:middle;
  2177. font-size:0;
  2178. line-height:0;
  2179. bottom: auto;
  2180. }
  2181. .opera .art-postpdficon:before
  2182. {
  2183. /* Vertical-align:middle in Opera doesn't need additional offset */
  2184. bottom: 0;
  2185. }
  2186.  
  2187. .art-postprinticon:before
  2188. {
  2189. content:url('https://lh3.googleusercontent.com/-1v1MmQJvlSU/USUjckJHTJI/AAAAAAAAAHE/mtH2gBCSN04/s2048/postprinticon.png');
  2190. margin-right:6px;
  2191. position:relative;
  2192. display:inline-block;
  2193. vertical-align:middle;
  2194. font-size:0;
  2195. line-height:0;
  2196. bottom: auto;
  2197. }
  2198. .opera .art-postprinticon:before
  2199. {
  2200. /* Vertical-align:middle in Opera doesn't need additional offset */
  2201. bottom: 0;
  2202. }
  2203.  
  2204. .art-postemailicon:before
  2205. {
  2206. content:url('https://lh4.googleusercontent.com/-Kpr3M4Sh3yM/USUjc3XXCuI/AAAAAAAAAHM/5RYf4jEAhR4/s2048/postemailicon.png');
  2207. margin-right:6px;
  2208. position:relative;
  2209. display:inline-block;
  2210. vertical-align:middle;
  2211. font-size:0;
  2212. line-height:0;
  2213. bottom: auto;
  2214. }
  2215. .opera .art-postemailicon:before
  2216. {
  2217. /* Vertical-align:middle in Opera doesn't need additional offset */
  2218. bottom: 0;
  2219. }
  2220.  
  2221. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  2222. {
  2223. content:url('https://lh6.googleusercontent.com/-PS5xNOTuB8A/USUjdIg84dI/AAAAAAAAAHU/mGP4Er7galg/s2048/postbullets.png');
  2224. margin-right:6px;
  2225. bottom: 2px;
  2226. position:relative;
  2227. display:inline-block;
  2228. vertical-align:middle;
  2229. font-size:0;
  2230. line-height:0;
  2231. }
  2232. .opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before
  2233. {
  2234. /* Vertical-align:middle in Opera doesn't need additional offset */
  2235. bottom: 0;
  2236. }
  2237.  
  2238. .art-postcontent li, .art-post li, .art-textblock li
  2239. {
  2240. font-size: 12px;
  2241. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2242. line-height: 200%;
  2243. color: #060707;
  2244. margin: 0 0 0 14px;
  2245. }
  2246.  
  2247. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
  2248. {
  2249. padding: 0;
  2250. }
  2251.  
  2252. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  2253. {
  2254. padding-left: 14px;
  2255. }
  2256.  
  2257. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  2258. {
  2259. margin-left: -14px;
  2260. }
  2261.  
  2262. .art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
  2263. {
  2264. margin: 1em 0 1em 14px;
  2265. }
  2266.  
  2267. .art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
  2268. {
  2269. margin: 0.5em 0 0.5em 14px;
  2270. }
  2271.  
  2272. .art-postcontent li, .art-post li, .art-textblock li
  2273. {
  2274. margin: 0 0 0 0;
  2275. }
  2276.  
  2277. .art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
  2278. {
  2279. /* overrides overflow for "ul li" and sets the default value */
  2280. overflow: visible;
  2281. }
  2282.  
  2283. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  2284. {
  2285. /* makes "ul li" not to align behind the image if they are in the same line */
  2286. overflow-x: visible;
  2287. overflow-y: hidden;
  2288. }
  2289.  
  2290. blockquote
  2291. {
  2292. background: #C8C8C8 url('https://lh6.googleusercontent.com/-RRBdzX67iPI/USUjdboH9kI/AAAAAAAAAHc/sr98HazkgEg/s2048/postquote.png') no-repeat scroll;
  2293. border:1px solid #ACACAC;
  2294. padding:6px 6px 6px 43px;
  2295. margin:10px 10px 10px 50px;
  2296. color: #0B0B0B;
  2297. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2298. font-weight: normal;
  2299. font-style: italic;
  2300. text-align: left;
  2301. /* makes block not to align behind the image if they are in the same line */
  2302. overflow: auto;
  2303. clear:both;
  2304. }
  2305. blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
  2306. blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
  2307. blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
  2308. blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
  2309. {
  2310. color: #0B0B0B;
  2311. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2312. font-weight: normal;
  2313. font-style: italic;
  2314. text-align: left;
  2315. }
  2316.  
  2317. /* Override native 'p' margins*/
  2318. blockquote p,
  2319. .art-postcontent blockquote p,
  2320. .art-blockcontent blockquote p,
  2321. .art-footer blockquote p
  2322. {
  2323. margin: 0;
  2324. margin: 2px 0 2px 15px;
  2325. }
  2326.  
  2327. .Navigator .art-ccs-navigator img, .Navigator img
  2328. {
  2329. border: 0;
  2330. margin: 0;
  2331. vertical-align: middle;
  2332. }
  2333. tr.Navigator td, td span.Navigator
  2334. {
  2335. text-align: center;
  2336. vertical-align: middle;
  2337. }
  2338.  
  2339. .Sorter img
  2340. {
  2341. border:0;
  2342. vertical-align:middle;
  2343. padding:0;
  2344. margin:0;
  2345. position:static;
  2346. z-index:1;
  2347. width: 12px;
  2348. height: 6px;
  2349. }
  2350.  
  2351. .Sorter a
  2352. {
  2353. position:relative;
  2354. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2355. color: #B8BFC0;
  2356. }
  2357.  
  2358. .Sorter a:link
  2359. {
  2360. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2361. color: #B8BFC0;
  2362. }
  2363.  
  2364. .Sorter a:visited, .Sorter a.visited
  2365. {
  2366. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2367. color: #B8BFC0;
  2368. }
  2369.  
  2370. .Sorter a:hover, .Sorter a.hover
  2371. {
  2372. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2373. color: #2B3031;
  2374. }
  2375.  
  2376. .Sorter
  2377. {
  2378. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2379. color:#181A1B;
  2380. }
  2381.  
  2382. .art-footer
  2383. {
  2384. background: #292E2E;
  2385. background: transparent;
  2386. margin:0 auto;
  2387. position: relative;
  2388. color: #505050;
  2389. font-size: 13px;
  2390. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2391. text-align: center;
  2392. padding: 0;
  2393. }
  2394.  
  2395. .art-footer a,
  2396. .art-footer a:link,
  2397. .art-footer a:visited,
  2398. .art-footer a:hover,
  2399. .art-footer td,
  2400. .art-footer th,
  2401. .art-footer caption
  2402. {
  2403. color: #505050;
  2404. font-size: 13px;
  2405. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2406. }
  2407.  
  2408. .art-footer p
  2409. {
  2410. padding:0;
  2411. text-align: center;
  2412. }
  2413.  
  2414. .art-footer a,
  2415. .art-footer a:link
  2416. {
  2417. color: #2A577B;
  2418. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2419. text-decoration: underline;
  2420. }
  2421.  
  2422. .art-footer a:visited
  2423. {
  2424. color: #535353;
  2425. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2426. text-decoration: underline;
  2427. }
  2428.  
  2429. .art-footer a:hover
  2430. {
  2431. color: #366F9D;
  2432. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2433. text-decoration: none;
  2434. }
  2435.  
  2436. .art-footer img
  2437. {
  2438. border: none;
  2439. margin: 0;
  2440. }
  2441.  
  2442. .art-footer-inner
  2443. {
  2444. margin: 0 auto;
  2445. width:700px;
  2446. padding:15px;
  2447. padding-right: 15px;
  2448. padding-left: 15px;
  2449. }
  2450.  
  2451. .art-footer li
  2452. {
  2453. font-size: 13px;
  2454. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2455. line-height: 125%;
  2456. color: #214360;
  2457. }
  2458.  
  2459. .art-page-footer,
  2460. .art-page-footer a,
  2461. .art-page-footer a:link,
  2462. .art-page-footer a:visited,
  2463. .art-page-footer a:hover
  2464. {
  2465. font-family: Arial;
  2466. font-size: 10px;
  2467. letter-spacing: normal;
  2468. word-spacing: normal;
  2469. font-style: normal;
  2470. font-weight: normal;
  2471. text-decoration: underline;
  2472. color: #586264;
  2473. }
  2474.  
  2475. .art-page-footer
  2476. {
  2477. position: relative;
  2478. z-index: auto !important;
  2479. padding: 1em;
  2480. text-align: center !important;
  2481. text-decoration: none;
  2482. color: #474747;
  2483. }
  2484.  
  2485. img.art-lightbox
  2486. {
  2487. cursor: pointer;
  2488. }
  2489.  
  2490. #art-lightbox-bg *
  2491. {
  2492. padding: 0;
  2493. margin: 0;
  2494. }
  2495.  
  2496. div#art-lightbox-bg
  2497. {
  2498. top: 0;
  2499. left: 0;
  2500. width: 100%;
  2501. position: absolute;
  2502. height: 100%;
  2503. background-color: #000;
  2504. opacity: 0.8;
  2505. filter: alpha(opacity=80);
  2506. z-index: 9999;
  2507. }
  2508.  
  2509. img.art-lightbox-image
  2510. {
  2511. -webkit-transition: opacity 350ms ease-in-out;
  2512. -moz-transition: opacity 350ms ease-in-out;
  2513. -o-transition: opacity 350ms ease-in-out;
  2514. -ms-transition: opacity 350ms ease-in-out;
  2515. transition: opacity 350ms ease-in-out;
  2516. cursor: pointer;
  2517. z-index: 10000;
  2518. position: fixed;
  2519. border: 6px solid #fff;
  2520. border-radius: 3px;
  2521. opacity: 0;
  2522. filter: alpha(opacity=0);
  2523. }
  2524.  
  2525. img.art-lightbox-image.active
  2526. {
  2527. opacity: 1;
  2528. filter: alpha(opacity=100);
  2529. }
  2530.  
  2531. .lightbox-error
  2532. {
  2533. position: fixed;
  2534. background: #fff;
  2535. z-index: 100;
  2536. opacity: 0.95;
  2537. padding: 20px;
  2538. border: 1px solid #b4b4b4;
  2539. border-radius: 10px;
  2540. box-shadow: 0 2px 5px #333;
  2541. width: 300px;
  2542. height: 80px;
  2543. }
  2544.  
  2545. .loading
  2546. {
  2547. position: fixed;
  2548. background: #fff url('https://lh4.googleusercontent.com/-GuY45euNaUM/USUjhXbRKKI/AAAAAAAAAJE/Hwk6QE2DbnY/s2048/preloader-01.gif') center center no-repeat;
  2549. width: 32px;
  2550. height: 32px;
  2551. z-index: 10100;
  2552. opacity: 0.5;
  2553. padding: 10px;
  2554. border: 1px solid #b4b4b4;
  2555. border-radius: 10px;
  2556. box-shadow: 0 2px 5px #333;
  2557. }
  2558.  
  2559. .arrow
  2560. {
  2561. height: 100px;
  2562. width: 82px;
  2563. z-index: 10003;
  2564. position: fixed;
  2565. cursor: pointer;
  2566. opacity: 0.5;
  2567. filter: alpha(opacity=50);
  2568. }
  2569.  
  2570. .arrow.left
  2571. {
  2572. left: 9px;
  2573. }
  2574. .arrow.right
  2575. {
  2576. right: 9px;
  2577. }
  2578.  
  2579. .arrow:hover
  2580. {
  2581. opacity: 1;
  2582. filter: alpha(opacity=100);
  2583. }
  2584.  
  2585. .arrow.disabled
  2586. {
  2587. display: none;
  2588. }
  2589.  
  2590. .arrow-t, .arrow-b
  2591. {
  2592. height: 6px;
  2593. width: 30px;
  2594. left: 26px;
  2595. background-color: #fff;
  2596. position: relative;
  2597. border-radius: 3px;
  2598. }
  2599.  
  2600. .arrow-t
  2601. {
  2602. top: 38px;
  2603. }
  2604.  
  2605. .arrow-b
  2606. {
  2607. top: 50px;
  2608. }
  2609.  
  2610. .close
  2611. {
  2612. width: 22px;
  2613. height: 22px;
  2614. position: fixed;
  2615. top: 30px;
  2616. right: 39px;
  2617. cursor: pointer;
  2618. opacity: 0.5;
  2619. filter: alpha(opacity=50);
  2620. }
  2621.  
  2622. .close:hover
  2623. {
  2624. opacity: 1;
  2625. filter: alpha(opacity=100);
  2626. }
  2627.  
  2628. .close .cw, .close .ccw
  2629. {
  2630. position: absolute;
  2631. top: 8px;
  2632. left: -4px;
  2633. width: 30px;
  2634. height: 6px;
  2635. background-color: #fff;
  2636. border-radius: 3px;
  2637. }
  2638.  
  2639. .cw
  2640. {
  2641. transform: rotate(45deg);
  2642. -ms-transform: rotate(45deg);
  2643. /* IE 9 */
  2644. -webkit-transform: rotate(45deg);
  2645. /* Safari and Chrome */
  2646. -o-transform: rotate(45deg);
  2647. /* Opera */
  2648. -moz-transform: rotate(45deg);
  2649. /* Firefox */}
  2650.  
  2651. .ccw
  2652. {
  2653. transform: rotate(-45deg);
  2654. -ms-transform: rotate(-45deg);
  2655. /* IE 9 */
  2656. -webkit-transform: rotate(-45deg);
  2657. /* Safari and Chrome */
  2658. -o-transform: rotate(-45deg);
  2659. /* Opera */
  2660. -moz-transform: rotate(-45deg);
  2661. /* Firefox */}
  2662.  
  2663. .close-alt, .arrow-right-alt, .arrow-left-alt
  2664. {
  2665. display: none;
  2666. color: #fff;
  2667. font-size: 2.5em;
  2668. }
  2669.  
  2670. .ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt {
  2671. display: block;
  2672. }
  2673. .ie8 .cw, .ie8 .ccw {
  2674. display: none;
  2675. }
  2676.  
  2677. .art-content-layout .art-content
  2678. {
  2679. margin:0 auto;
  2680. }
  2681.  
  2682. /* Begin Additional CSS Styles */
  2683. .art-postcontent h1,.art-postcontent h2 {
  2684. border-bottom: 1px solid #dedede; padding-bottom: 10px
  2685. }
  2686.  
  2687.  
  2688. .art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}
  2689. /* End Additional CSS Styles */
  2690.  
  2691. ]]></b:skin>
  2692. <!--[if lte IE 7]>
  2693. <style>
  2694. /* Created by Artisteer v4.0.0.58475 */
  2695.  
  2696. .clearfix {
  2697. zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
  2698. }
  2699.  
  2700. .art-textblock > div {
  2701. display: block;
  2702. line-height: normal;
  2703. zoom: 1;
  2704. }
  2705.  
  2706. .art-header
  2707. {
  2708. z-index: 1;
  2709. }
  2710.  
  2711. .art-hmenu>li, .art-hmenu>li>a
  2712. {
  2713. display: inline !important;
  2714. zoom: 1;
  2715. float: none !important;
  2716. vertical-align: top;
  2717. }
  2718. ul.art-hmenu, ul.art-hmenu ul {
  2719. zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
  2720. }
  2721. ul.art-hmenu>li:first-child {
  2722. padding-right:13px;
  2723. }
  2724. ul.art-hmenu>li{
  2725. zoom:expression(runtimeStyle.zoom=1,insertBefore(document.createElement('span'),firstChild).className='art-hmenu-separator');
  2726. }
  2727. ul.art-hmenu>li>span.art-hmenu-separator
  2728. {
  2729. position:absolute;
  2730. display: block;
  2731. top:0;
  2732. left: -13px;
  2733. width: 13px;
  2734. height: 31px;
  2735. background: url('https://lh4.googleusercontent.com/-o4yyZzjmjq4/USUjbcaVRvI/AAAAAAAAAGk/eZDGho6y2xQ/s2048/menuseparator.png') center center no-repeat;
  2736. }
  2737. ul.art-hmenu>li:first-child>span.art-hmenu-separator
  2738. {
  2739. display:none;
  2740. }
  2741.  
  2742. ul.art-hmenu ul, .desktop-nav ul.art-hmenu>li.ext:hover>a{
  2743. background-color: #858585 !important;
  2744. }
  2745.  
  2746. .art-content-layout, .art-content-layout-row, .art-layout-cell
  2747. {
  2748. display: block;
  2749. zoom: 1;
  2750. }
  2751. .art-layout-cell
  2752. {
  2753. position:relative;
  2754. float: left;
  2755. clear: right;
  2756. }
  2757.  
  2758. input[type="text"]
  2759. {
  2760. margin:0 0 0 -3px;
  2761. zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
  2762. }
  2763.  
  2764. * html input[type="text"]
  2765. {
  2766. margin :0;
  2767. }
  2768.  
  2769. form.art-search>input[type="text"]
  2770. {
  2771. margin:0 0 0 -3px;
  2772. zoom:expression(runtimeStyle.zoom = 1, parentNode.insertBefore(document.createElement('div'), this).appendChild(this));
  2773. }
  2774.  
  2775. form.art-search div>input[type="text"]
  2776. {
  2777. width: 100%;
  2778. }
  2779.  
  2780. * html form.art-search>input[type="text"]
  2781. {
  2782. margin :0;
  2783. }
  2784.  
  2785. .art-postheadericons span{
  2786. zoom: 1;
  2787. }
  2788. .art-postcontent {
  2789. height: 1%;
  2790. }
  2791.  
  2792. .close-alt, .arrow-right-alt, .arrow-left-alt {
  2793. display: block !important;
  2794. }
  2795. .cw, .ccw {
  2796. display: none !important;
  2797. }
  2798.  
  2799. .art-content
  2800. {
  2801. width: auto;
  2802. float:none;
  2803. }
  2804.  
  2805.  
  2806. </style>
  2807. <![endif]-->
  2808. <style>
  2809. /* Created by Artisteer v4.0.0.58475 */
  2810.  
  2811. .responsive body
  2812. {
  2813. min-width: 240px;
  2814. }
  2815.  
  2816. .responsive .art-content-layout img,
  2817. .responsive .art-content-layout video
  2818. {
  2819. max-width: 100%;
  2820. height: auto !important;
  2821. }
  2822.  
  2823. .responsive.responsive-phone .art-content-layout img
  2824. {
  2825. float: none !important;
  2826. }
  2827.  
  2828. .responsive .art-content-layout .art-sidebar0,
  2829. .responsive .art-content-layout .art-sidebar1,
  2830. .responsive .art-content-layout .art-sidebar2
  2831. {
  2832. width: auto !important;
  2833. }
  2834.  
  2835. .responsive .art-content-layout,
  2836. .responsive .art-content-layout-row,
  2837. .responsive .art-layout-cell
  2838. {
  2839. display: block;
  2840. }
  2841.  
  2842. .responsive .art-slidenavigator
  2843. {
  2844. display: none !important;
  2845. }
  2846.  
  2847. .responsive .art-collage
  2848. {
  2849. display: none !important;
  2850. }
  2851.  
  2852. .responsive .image-caption-wrapper
  2853. {
  2854. width: auto !important;
  2855. }
  2856.  
  2857. .responsive .art-textblock
  2858. {
  2859. display: none;
  2860. }
  2861.  
  2862. .responsive.responsive-tablet .art-vmenublock,
  2863. .responsive.responsive-tablet .art-block
  2864. {
  2865. margin-left: 1%;
  2866. margin-right: 1%;
  2867. width: 48%;
  2868. float: left;
  2869. -webkit-box-sizing: border-box;
  2870. -moz-box-sizing: border-box;
  2871. box-sizing: border-box;
  2872. }
  2873.  
  2874. .responsive .art-responsive-embed
  2875. {
  2876. position: relative;
  2877. padding-bottom: 56.25%;
  2878. /* 16:9 */
  2879. height: 0;
  2880. }
  2881.  
  2882. .responsive .art-responsive-embed iframe,
  2883. .responsive .art-responsive-embed object,
  2884. .responsive .art-responsive-embed embed
  2885. {
  2886. position: absolute;
  2887. top: 0;
  2888. left: 0;
  2889. width: 100%;
  2890. height: 100%;
  2891. }
  2892.  
  2893. .responsive .art-header
  2894. {
  2895. width: auto;
  2896. height: auto;
  2897. min-height: 100px;
  2898. margin-top: 1%;
  2899. background-position: center center !important;
  2900. background-size: cover !important;
  2901. background-repeat: repeat !important;
  2902. }
  2903.  
  2904. .responsive .art-header .art-headline,
  2905. .responsive .art-header .art-slogan
  2906. {
  2907. display: block !important;
  2908. top: 0 !important;
  2909. left: 0 !important;
  2910. margin: 2% !important;
  2911. }
  2912.  
  2913. .responsive .art-header .art-headline a,
  2914. .responsive .art-header .art-slogan
  2915. {
  2916. white-space: normal !important;
  2917. }
  2918.  
  2919. .responsive .art-header .art-shapes .art-textblock
  2920. {
  2921. padding: 2% !important;
  2922. margin: 2% !important;
  2923. line-height: normal;
  2924. background-image: none;
  2925. background-color: rgba(127, 127, 127, 0.7);
  2926. color: #eee !important;
  2927. display: none;
  2928. top: auto;
  2929. left: auto;
  2930. width: auto;
  2931. height: auto;
  2932. }
  2933.  
  2934. .responsive .art-header .art-shapes .art-textblock *,
  2935. .responsive .art-header .art-shapes .art-textblock a:hover,
  2936. .responsive .art-header .art-shapes .art-textblock a:visited,
  2937. .responsive .art-header .art-shapes .art-textblock a:link
  2938. {
  2939. color: #eee !important;
  2940. }
  2941.  
  2942. .responsive .art-header .art-shapes .art-textblock&gt;div
  2943. {
  2944. display: none;
  2945. top: auto;
  2946. left: auto;
  2947. width: auto;
  2948. height: auto;
  2949. padding: 0 !important;
  2950. }
  2951.  
  2952. .responsive .art-header .art-shapes,
  2953. .responsive .art-header .art-shapes *
  2954. {
  2955. position: relative;
  2956. text-align: center;
  2957. -webkit-transform: none !important;
  2958. -moz-transform: none !important;
  2959. -o-transform: none !important;
  2960. -ms-transform: none !important;
  2961. transform: none !important;
  2962. }
  2963.  
  2964. .responsive .art-header #art-flash-area,
  2965. .responsive .art-header .art-shapes&gt;*
  2966. {
  2967. display: none;
  2968. }
  2969.  
  2970. .responsive #art-header-bg
  2971. {
  2972. background-position: center center !important;
  2973. background-size: cover !important;
  2974. background-repeat: repeat !important;
  2975. }
  2976.  
  2977. /* Search */
  2978. .responsive .art-shapes~.art-textblock
  2979. {
  2980. position: relative !important;
  2981. display: block !important;
  2982. margin: 1% auto !important;
  2983. width: 75% !important;
  2984. top: auto !important;
  2985. right: auto !important;
  2986. bottom: auto !important;
  2987. left: auto !important;
  2988. }
  2989.  
  2990. /* dynamic width nav */
  2991. .responsive .art-nav:not(#art-hmenu-bg),
  2992. .responsive .art-nav-inner
  2993. {
  2994. width: auto !important;
  2995. position: relative !important;
  2996. top: auto !important;
  2997. left: auto !important;
  2998. right: auto !important;
  2999. bottom: auto !important;
  3000. margin-top: 0;
  3001. margin-bottom: 0;
  3002. }
  3003.  
  3004. .responsive nav.art-nav
  3005. {
  3006. margin-right: 1% !important;
  3007. margin-left: 1% !important;
  3008. }
  3009.  
  3010. .responsive .responsive-nav
  3011. {
  3012. padding-left: 0;
  3013. padding-right: 0;
  3014. }
  3015.  
  3016. /* full width hmenu, instead of inline-block */
  3017. .responsive .responsive-nav ul.art-hmenu
  3018. {
  3019. display: block;
  3020. float: none;
  3021. text-align: center;
  3022. }
  3023.  
  3024. /* elements on different lines */
  3025. .responsive .responsive-nav ul.art-hmenu li
  3026. {
  3027. float: none;
  3028. }
  3029.  
  3030. /* horizontal margins */
  3031. .responsive .responsive-nav ul.art-hmenu&gt;li:first-child,
  3032. .responsive .responsive-nav ul.art-hmenu&gt;li:last-child,
  3033. .responsive .responsive-nav ul.art-hmenu&gt;li
  3034. {
  3035. margin-left: 0;
  3036. margin-right: 0;
  3037. }
  3038.  
  3039. /* separator */
  3040. .responsive .responsive-nav ul.art-hmenu&gt;li:before
  3041. {
  3042. display: none;
  3043. }
  3044.  
  3045. /* vertical distance between items */
  3046. .responsive .responsive-nav ul.art-hmenu a
  3047. {
  3048. margin-top: 1px !important;
  3049. margin-bottom: 1px !important;
  3050. text-align: center;
  3051. height: auto;
  3052. white-space: normal;
  3053. }
  3054.  
  3055. .responsive .responsive-nav ul.art-hmenu&gt;li:first-child&gt;a
  3056. {
  3057. margin-top: 0 !important;
  3058. }
  3059.  
  3060. .responsive .responsive-nav ul.art-hmenu&gt;li:last-child&gt;a
  3061. {
  3062. margin-bottom: 0 !important;
  3063. }
  3064.  
  3065. /* fixes for extended menu */
  3066. .responsive .responsive-nav .ext,
  3067. .responsive .responsive-nav ul.art-hmenu&gt;li&gt;ul,
  3068. .responsive .responsive-nav ul.art-hmenu&gt;li&gt;ul&gt;li
  3069. {
  3070. width: auto !important;
  3071. }
  3072.  
  3073. /* submenu position on hover */
  3074. .responsive .responsive-nav ul.art-hmenu ul
  3075. {
  3076. left: auto !important;
  3077. right: auto !important;
  3078. top: auto !important;
  3079. bottom: auto !important;
  3080. display: none !important;
  3081. position: relative !important;
  3082. visibility: visible !important;
  3083. }
  3084.  
  3085. .responsive .responsive-nav ul.art-hmenu&gt;li&gt;ul&gt;li:first-child:after
  3086. {
  3087. display: none;
  3088. }
  3089. .responsive .responsive-nav ul.art-hmenu ul a
  3090. {
  3091. padding-left: 4% !important;
  3092. }
  3093. .responsive .responsive-nav ul.art-hmenu ul ul a
  3094. {
  3095. padding-left: 6% !important;
  3096. }
  3097. .responsive .responsive-nav ul.art-hmenu ul ul ul a
  3098. {
  3099. padding-left: 8% !important;
  3100. }
  3101. .responsive .responsive-nav ul.art-hmenu ul ul ul ul a
  3102. {
  3103. padding-left: 10% !important;
  3104. }
  3105. .responsive .responsive-nav ul.art-hmenu ul ul ul ul ul a
  3106. {
  3107. padding-left: 12% !important;
  3108. }
  3109.  
  3110. .responsive .responsive-nav ul.art-hmenu&gt;li&gt;ul
  3111. {
  3112. padding: 5px;
  3113. }
  3114.  
  3115. .responsive .responsive-nav ul.art-hmenu&gt;li&gt;ul:before
  3116. {
  3117. top: 0;
  3118. right: 0;
  3119. bottom: 0;
  3120. left: 0;
  3121. }
  3122.  
  3123. .responsive .art-sheet
  3124. {
  3125. width: auto !important;
  3126. min-width: 240px !important;
  3127. max-width: none;
  3128. margin-right: 1% !important;
  3129. margin-left: 1% !important;
  3130. margin-top: 1% !important;
  3131. }
  3132.  
  3133. #art-resp {
  3134. display: none;
  3135. }
  3136.  
  3137. @media all and (max-width: 699px)
  3138. {
  3139. #art-resp, #art-resp-t { display: block; }
  3140. #art-resp-m { display: none; }
  3141. }
  3142.  
  3143. @media all and (max-width: 480px)
  3144. {
  3145. #art-resp, #art-resp-m { display: block; }
  3146. #art-resp-t { display: none; }
  3147. }
  3148.  
  3149. .responsive .art-content-layout,
  3150. .responsive .art-content-layout-row,
  3151. .responsive .art-layout-cell
  3152. {
  3153. display: block;
  3154. }
  3155.  
  3156. .responsive .art-layout-cell
  3157. {
  3158. width: auto !important;
  3159. height: auto !important;
  3160. border-right-width: 0 !important;
  3161. border-left-width: 0 !important;
  3162. border-radius: 0 !important;
  3163. }
  3164.  
  3165. .responsive .art-content-layout:after,
  3166. .responsive .art-content-layout-row:after,
  3167. .responsive .art-layout-cell:after
  3168. {
  3169. content: &quot;.&quot;;
  3170. display: block;
  3171. height: 0;
  3172. clear: both;
  3173. visibility: hidden;
  3174. }
  3175.  
  3176. .responsive .art-post
  3177. {
  3178. border-radius: 0;
  3179. }
  3180.  
  3181. .responsive .art-footer-inner
  3182. {
  3183. width: auto;
  3184. padding: 2% !important;
  3185. }
  3186.  
  3187. .responsive .responsive-tablet-layout-cell
  3188. {
  3189. width: 50% !important;
  3190. float: left;
  3191. -webkit-box-sizing: border-box;
  3192. -moz-box-sizing: border-box;
  3193. box-sizing: border-box;
  3194. }
  3195.  
  3196.  
  3197. </style>
  3198. <link href='http://fonts.googleapis.com/css?family=Alex+Brush&amp;subset=latin' rel='stylesheet' type='text/css'/>
  3199.  
  3200. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
  3201. <script>
  3202. //<![CDATA[
  3203. /* Created by Artisteer v4.0.0.58475 */
  3204. /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
  3205. /*global jQuery */
  3206.  
  3207. // css helper
  3208. (function ($) {
  3209. 'use strict';
  3210. var data = [
  3211. { str: navigator.userAgent, sub: 'Chrome', ver: 'Chrome', name: 'chrome' },
  3212. { str: navigator.vendor, sub: 'Apple', ver: 'Version', name: 'safari' },
  3213. { prop: window.opera, ver: 'Opera', name: 'opera' },
  3214. { str: navigator.userAgent, sub: 'Firefox', ver: 'Firefox', name: 'firefox' },
  3215. { str: navigator.userAgent, sub: 'MSIE', ver: 'MSIE', name: 'ie' }
  3216. ];
  3217. var v = function (s, n) {
  3218. var i = s.indexOf(data[n].ver);
  3219. return (i !== -1) ? parseInt(s.substring(i + data[n].ver.length + 1), 10) : '';
  3220. };
  3221. var html = $('html');
  3222. for (var n = 0; n < data.length; n++) {
  3223. if ((data[n].str && (data[n].str.indexOf(data[n].sub) !== -1)) || data[n].prop) {
  3224. html.addClass(data[n].name + ' ' + data[n].name + v(navigator.userAgent, n) || v(navigator.appVersion, n));
  3225. break;
  3226. }
  3227. }
  3228.  
  3229. // 'desktop' class is used as responsive design initial value
  3230. html.addClass('desktop');
  3231. })(jQuery);
  3232.  
  3233. jQuery(function ($) {
  3234. 'use strict';
  3235. var i, j, k, l, m;
  3236. if (!$.browser.msie || parseInt($.browser.version, 10) !== 9) {
  3237. return;
  3238. }
  3239.  
  3240. var splitByTokens = function (str, startToken, endToken, last) {
  3241. if (!last) {
  3242. last = false;
  3243. }
  3244. var startPos = str.indexOf(startToken);
  3245. if (startPos !== -1) {
  3246. startPos += startToken.length;
  3247. var endPos = last ? str.lastIndexOf(endToken) : str.indexOf(endToken, startPos);
  3248.  
  3249. if (endPos !== -1 && endPos > startPos) {
  3250. return str.substr(startPos, endPos - startPos);
  3251. }
  3252. }
  3253. return '';
  3254. };
  3255.  
  3256. var splitWithBrackets = function (str, token, brackets) {
  3257. /*jshint nonstandard:true */
  3258. if (!token) {
  3259. token = ',';
  3260. }
  3261. if (!brackets) {
  3262. brackets = '()';
  3263. }
  3264. var bracket = 0;
  3265. var startPos = 0;
  3266. var result = [];
  3267. if (brackets.lenght < 2) {
  3268. return result;
  3269. }
  3270. var pos = 0;
  3271. while (pos < str.length) {
  3272. var ch = str[pos];
  3273. if (ch === brackets[0]) {
  3274. bracket++;
  3275. }
  3276. if (ch === brackets[1]) {
  3277. bracket--;
  3278. }
  3279. if (ch === token && bracket < 1) {
  3280. result.push(str.substr(startPos, pos - startPos));
  3281. startPos = pos + token.length;
  3282. }
  3283. pos++;
  3284. }
  3285. result.push(str.substr(startPos, pos - startPos));
  3286. return result;
  3287. };
  3288.  
  3289. var byteToHex = function (d) {
  3290. var hex = Number(d).toString(16);
  3291. while (hex.length < 2) {
  3292. hex = "0" + hex;
  3293. }
  3294. return hex;
  3295. };
  3296.  
  3297. for (i = 0; i < document.styleSheets.length; i++) {
  3298. var s = document.styleSheets[i];
  3299. var r = [s];
  3300. for (j = 0; j < s.imports.length; j++) {
  3301. r.push(s.imports[j]);
  3302. }
  3303. for (j = 0; j < r.length; j++) {
  3304. s = r[j];
  3305. var n = [];
  3306. for (k = 0; k < s.rules.length; k++) {
  3307. var css = s.rules[k].cssText || s.rules[k].style.cssText;
  3308. if (!css) {
  3309. continue;
  3310. }
  3311. var value = splitByTokens(css, '-svg-background:', ';');
  3312. if (value === '') {
  3313. continue;
  3314. }
  3315. var values = splitWithBrackets(value);
  3316. for (l = 0; l < values.length; l++) {
  3317. var g = splitByTokens(values[l], 'linear-gradient(', ')', true);
  3318. if (g === '') {
  3319. continue;
  3320. }
  3321. var args = splitWithBrackets(g);
  3322. if (args.length < 3) {
  3323. continue;
  3324. }
  3325. var maxOffset = 0;
  3326. var stops = [];
  3327. for (m = 1; m < args.length; m++) {
  3328. var stopValues = splitWithBrackets(args[m].trim(), ' ');
  3329. if (stopValues.length < 2) {
  3330. continue;
  3331. }
  3332. var stopColor = stopValues[0].trim();
  3333. var stopOpacity = 1;
  3334. var colorRgba = splitByTokens(stopColor, 'rgba(', ')', true);
  3335. var stopOffset = stopValues[1].trim();
  3336. if (colorRgba !== "") {
  3337. var rgba = colorRgba.split(',');
  3338. if (rgba.length < 4) {
  3339. continue;
  3340. }
  3341. stopColor = '#' + byteToHex(rgba[0]) + byteToHex(rgba[1]) + byteToHex(rgba[2]);
  3342. stopOpacity = rgba[3];
  3343. }
  3344. var isPx = stopOffset.indexOf('px') !== -1;
  3345. if (isPx) {
  3346. maxOffset = Math.max(maxOffset, parseInt(stopOffset, 10) || 0);
  3347. }
  3348. stops.push({ offset: stopOffset, color: stopColor, opacity: stopOpacity, isPx: isPx });
  3349. }
  3350. var stopsXML = '';
  3351. var lastStop = null;
  3352. for (m = 0; m < stops.length; m++) {
  3353. if (stops[m].isPx) {
  3354. stops[m].offset = ((parseInt(stops[m].offset, 10) || 0) / (maxOffset / 100)) + '%';
  3355. }
  3356. stopsXML += '<stop offset="' + stops[m].offset + '" stop-color="' + stops[m].color + '" stop-opacity="' + stops[m].opacity + '"/>';
  3357. if (m === stops.length - 1) {
  3358. lastStop = stops[m];
  3359. }
  3360. }
  3361. var isLeft = args[0].trim() === 'left';
  3362. var direction = 'x1="0%" y1="0%" ' + (isLeft ? 'x2="100%" y2="0%"' : 'x2="0%" y2="100%"');
  3363. var gradientLength = '100%';
  3364. if (maxOffset > 0) {
  3365. gradientLength = maxOffset + 'px';
  3366. }
  3367. var size = (isLeft ? 'width="' + gradientLength + '" height="100%"' : 'width="100%" height="' + gradientLength + '"');
  3368. var last = "";
  3369. if (lastStop !== null && maxOffset > 0) {
  3370. last = '<rect ' +
  3371. (isLeft ?
  3372. 'x="' + maxOffset + '" y="0"' :
  3373. 'x="0" y="' + maxOffset + '"') +
  3374. ' width="100%" height="100%" style="fill:' + lastStop.color + ';opacity:' + lastStop.opacity + ';"/>';
  3375.  
  3376. }
  3377. var svgGradient = '<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><linearGradient id="g" gradientUnits="objectBoundingBox" ' + direction + '>' + stopsXML + '</linearGradient><rect x="0" y="0" ' + size + ' fill="url(#g)" />' + last + '</svg>';
  3378. values[l] = values[l].replace('linear-gradient(' + g + ')', 'url(data:image/svg+xml,' + escape(svgGradient) + ')');
  3379. }
  3380. n.push({ s: s.rules[k].selectorText, v: 'background: ' + values.join(",") });
  3381. }
  3382. for (k = 0; k < n.length; k++) {
  3383. s.addRule(n[k].s, n[k].v);
  3384. }
  3385. }
  3386. }
  3387. });
  3388.  
  3389. jQuery(function ($) {
  3390. 'use strict';
  3391. // ie < 9 slider multiple background fix
  3392. if (!jQuery.browser.msie || jQuery.browser.version > 8) return;
  3393.  
  3394. function split(str) {
  3395. str = str.replace(/"/g, '').replace(/%20/g, '');
  3396. return str.split(/\s*,\s*/);
  3397. }
  3398.  
  3399. $('.art-slider .art-slide-item').each(function () {
  3400. var bgs = split($(this).css('background-image'));
  3401. // needs to use the last image
  3402. if (bgs.length > 1) {
  3403. $(this).css("background-image", bgs[bgs.length - 1]);
  3404. }
  3405. });
  3406. });
  3407. jQuery(window).bind("resize", function () {
  3408. /*global responsiveDesign */
  3409. 'use strict';
  3410. if (typeof responsiveDesign !== "undefined" && responsiveDesign.isResponsive)
  3411. return;
  3412. var sheetLeft = jQuery(".art-sheet").offset().left;
  3413. jQuery("header.art-header #art-flash-area").each(function () {
  3414. var object = jQuery(this);
  3415. object.css("left", sheetLeft + "px");
  3416. });
  3417. });
  3418.  
  3419. jQuery(function($) {
  3420. 'use strict';
  3421. $('nav.art-nav').addClass("desktop-nav");
  3422. });
  3423.  
  3424.  
  3425. jQuery(function ($) {
  3426. 'use strict';
  3427. if (!$.browser.msie || parseInt($.browser.version, 10) > 7) {
  3428. return;
  3429. }
  3430. $('ul.art-hmenu>li:not(:first-child)').each(function () { $(this).prepend('<span class="art-hmenu-separator"> </span>'); });
  3431. });
  3432.  
  3433. jQuery(function ($) {
  3434. 'use strict';
  3435. $("ul.art-hmenu a:not([href])").attr('href', '#').click(function (e) { e.preventDefault(); });
  3436. });
  3437.  
  3438.  
  3439. jQuery(function ($) {
  3440. 'use strict';
  3441. if (!$.browser.msie) {
  3442. return;
  3443. }
  3444. var ieVersion = parseInt($.browser.version, 10);
  3445. if (ieVersion > 7) {
  3446. return;
  3447. }
  3448.  
  3449. /* Fix width of submenu items.
  3450. * The width of submenu item calculated incorrectly in IE6-7. IE6 has wider items, IE7 display items like stairs.
  3451. */
  3452. $.each($("ul.art-hmenu ul"), function () {
  3453. var maxSubitemWidth = 0;
  3454. var submenu = $(this);
  3455. var subitem = null;
  3456. $.each(submenu.children("li").children("a"), function () {
  3457. subitem = $(this);
  3458. var subitemWidth = subitem.outerWidth();
  3459. if (maxSubitemWidth < subitemWidth) {
  3460. maxSubitemWidth = subitemWidth;
  3461. }
  3462. });
  3463. if (subitem !== null) {
  3464. var subitemBorderLeft = parseInt(subitem.css("border-left-width"), 10) || 0;
  3465. var subitemBorderRight = parseInt(subitem.css("border-right-width"), 10) || 0;
  3466. var subitemPaddingLeft = parseInt(subitem.css("padding-left"), 10) || 0;
  3467. var subitemPaddingRight = parseInt(subitem.css("padding-right"), 10) || 0;
  3468. maxSubitemWidth -= subitemBorderLeft + subitemBorderRight + subitemPaddingLeft + subitemPaddingRight;
  3469. submenu.children("li").children("a").css("width", maxSubitemWidth + "px");
  3470. }
  3471. });
  3472. });
  3473. jQuery(function () {
  3474. 'use strict';
  3475. setHMenuOpenDirection({
  3476. container: "div.art-sheet",
  3477. defaultContainer: "#art-main",
  3478. menuClass: "art-hmenu",
  3479. leftToRightClass: "art-hmenu-left-to-right",
  3480. rightToLeftClass: "art-hmenu-right-to-left"
  3481. });
  3482. });
  3483.  
  3484. var setHMenuOpenDirection = (function($) {
  3485. 'use strict';
  3486. return (function(menuInfo) {
  3487. var defaultContainer = $(menuInfo.defaultContainer);
  3488. defaultContainer = defaultContainer.length > 0 ? defaultContainer = $(defaultContainer[0]) : null;
  3489.  
  3490. $("ul." + menuInfo.menuClass + ">li>ul").each(function () {
  3491. var submenu = $(this);
  3492.  
  3493. var submenuWidth = submenu.outerWidth();
  3494. var submenuLeft = submenu.offset().left;
  3495.  
  3496. var mainContainer = submenu.parents(menuInfo.container);
  3497. mainContainer = mainContainer.length > 0 ? mainContainer = $(mainContainer[0]) : null;
  3498.  
  3499. var container = mainContainer || defaultContainer;
  3500. if (container !== null) {
  3501. var containerLeft = container.offset().left;
  3502. var containerWidth = container.outerWidth();
  3503.  
  3504. if (submenuLeft + submenuWidth >= containerLeft + containerWidth) {
  3505. /* right to left */
  3506. submenu.addClass(menuInfo.rightToLeftClass).find("ul").addClass(menuInfo.rightToLeftClass);
  3507. } else if (submenuLeft <= containerLeft) {
  3508. /* left to right */
  3509. submenu.addClass(menuInfo.leftToRightClass).find("ul").addClass(menuInfo.leftToRightClass);
  3510. }
  3511. }
  3512. });
  3513. });
  3514. })(jQuery);
  3515.  
  3516.  
  3517. jQuery(window).load(menuExtendedCreate);
  3518. function menuExtendedCreate() {
  3519. 'use strict';
  3520. var sheet = jQuery(".art-sheet");
  3521. var sheetLeft = sheet.offset().left;
  3522. var sheetWidth = sheet.width();
  3523.  
  3524. jQuery(".art-hmenu>li").each(function(i, v) {
  3525. var itm = jQuery(this);
  3526. var subm = itm.children("ul");
  3527. if (subm.length === 0) {
  3528. return;
  3529. }
  3530.  
  3531. // reset
  3532. itm.removeClass("ext ext-r ext-l");
  3533. itm.css("width", "").find(".ext-off,.ext-m,.ext-l,.ext-r").remove();
  3534. subm.children("li").children("a").css("width", "");
  3535.  
  3536. var lw = 0, rw = 0;
  3537.  
  3538. if (typeof subm.attr("data-ext-l") !== "undefined" && typeof subm.attr("data-ext-r") !== "undefined") {
  3539. lw = parseInt(subm.attr("data-ext-l"), 10) + 0;
  3540. rw = parseInt(subm.attr("data-ext-r"), 10) + 0;
  3541. itm.addClass("ext-r").addClass("ext-l");
  3542. } else {
  3543. var ltr = !subm.hasClass("art-hmenu-right-to-left");
  3544. itm.addClass(ltr ? "ext-r" : "ext-l");
  3545. }
  3546.  
  3547. var shadow = 0;
  3548. if (subm.length > 0) {
  3549. var lnk = itm.children("a");
  3550. var lnkWidth = lnk.outerWidth();
  3551. itm.css("width", Math.round(parseFloat(lnkWidth, 10)) + "px");
  3552. var menubarMargin = 5 * 2; // margin * 2 sides
  3553. var menubarBorder = 0 * 2; // border 1 side
  3554. var submWidth = subm.width() + shadow + menubarMargin + menubarBorder;
  3555. var w = submWidth - lnkWidth;
  3556. jQuery("<div class=\"ext-off\"></div>").insertBefore(lnk);
  3557. jQuery("<div class=\"ext-m\"></div>").insertBefore(lnk);
  3558. if (w < 0) {
  3559. var submA = subm.children("li").children("a");
  3560. var pL = parseInt(submA.css("padding-left").replace("px", ""), 10) || 0;
  3561. var pR = parseInt(submA.css("padding-right").replace("px", ""), 10) || 0;
  3562. var bL = parseInt(submA.css("border-left").replace("px", ""), 10) || 0;
  3563. var bR = parseInt(submA.css("border-right").replace("px", ""), 10) || 0;
  3564. subm.children("li").children("a").css("width", (lnkWidth - pL - pR - bL - bR) + "px");
  3565. submWidth = subm.width() + shadow + menubarMargin + menubarBorder;
  3566. w = submWidth - lnkWidth;
  3567. }
  3568. jQuery("<div class=\"ext-l\" style=\"width: " + (lw > 0 ? lw : Math.round(parseFloat(w, 10))) + "px;\"></div>").insertBefore(lnk);
  3569. jQuery("<div class=\"ext-r\" style=\"width: " + (rw > 0 ? rw : Math.round(parseFloat(w, 10))) + "px;\"></div>").insertBefore(lnk);
  3570. itm.addClass("ext");
  3571. }
  3572. });
  3573. }
  3574.  
  3575. jQuery(function ($) {
  3576. 'use strict';
  3577. jQuery(window).bind('resize', function () {
  3578. var bh = jQuery('body').height();
  3579. var mh = 0;
  3580. var c = jQuery('div.art-content');
  3581. c.removeAttr('style');
  3582.  
  3583. jQuery('#art-main').children().each(function() {
  3584. if (jQuery(this).css('position') !== 'absolute') {
  3585. mh += jQuery(this).outerHeight(true);
  3586. }
  3587. });
  3588.  
  3589. if (mh < bh) {
  3590. var r = bh - mh;
  3591. c.css('height', (c.outerHeight(true) + r) + 'px');
  3592. }
  3593. });
  3594.  
  3595. if ($.browser.msie && parseInt($.browser.version, 10) < 8) {
  3596. $(window).bind('resize', function() {
  3597. var c = $('div.art-content');
  3598. var s = c.parent().children('.art-layout-cell:not(.art-content)');
  3599. var w = 0;
  3600. c.hide();
  3601. s.each(function() { w += $(this).outerWidth(true); });
  3602. c.w = c.parent().width(); c.css('width', c.w - w + 'px');
  3603. c.show();
  3604. });
  3605. }
  3606.  
  3607. $(window).trigger('resize');
  3608. });
  3609.  
  3610. var artButtonSetup = (function ($) {
  3611. 'use strict';
  3612. return (function (className) {
  3613. $.each($("a." + className + ", button." + className + ", input." + className), function (i, val) {
  3614. var b = $(val);
  3615. if (!b.hasClass('art-button')) {
  3616. b.addClass('art-button');
  3617. }
  3618. if (b.is('input')) {
  3619. b.val(b.val().replace(/^\s*/, '')).css('zoom', '1');
  3620. }
  3621. b.mousedown(function () {
  3622. var b = $(this);
  3623. b.addClass("active");
  3624. });
  3625. b.mouseup(function () {
  3626. var b = $(this);
  3627. if (b.hasClass('active')) {
  3628. b.removeClass('active');
  3629. }
  3630. });
  3631. b.mouseleave(function () {
  3632. var b = $(this);
  3633. if (b.hasClass('active')) {
  3634. b.removeClass('active');
  3635. }
  3636. });
  3637. });
  3638. });
  3639. })(jQuery);
  3640. jQuery(function () {
  3641. 'use strict';
  3642. artButtonSetup("art-button");
  3643. });
  3644.  
  3645. var Control = (function ($) {
  3646. 'use strict';
  3647. return (function () {
  3648. this.init = function(label, type, callback) {
  3649. var chAttr = label.find('input[type="' +type + '"]').attr('checked');
  3650. if (chAttr === 'checked') {
  3651. label.addClass('art-checked');
  3652. }
  3653.  
  3654. label.mouseleave(function () {
  3655. $(this).removeClass('hovered').removeClass('active');
  3656. });
  3657. label.mouseover(function () {
  3658. $(this).addClass('hovered').removeClass('active');
  3659. });
  3660. label.mousedown(function (event) {
  3661. if (event.which !== 1) {
  3662. return;
  3663. }
  3664. $(this).addClass('active').removeClass('hovered');
  3665. });
  3666. label.mouseup(function (event) {
  3667. if (event.which !== 1) {
  3668. return;
  3669. }
  3670. callback.apply(this);
  3671. $(this).removeClass('active').addClass('hovered');
  3672. });
  3673. };
  3674. });
  3675. })(jQuery);
  3676.  
  3677.  
  3678. var fixRssIconLineHeight = (function (className) {
  3679. 'use strict';
  3680. jQuery("." + className).css("line-height", jQuery("." + className).height() + "px");
  3681. });
  3682.  
  3683. jQuery(function ($) {
  3684. 'use strict';
  3685. var rssIcons = $(".art-rss-tag-icon");
  3686. if (rssIcons.length){
  3687. fixRssIconLineHeight("art-rss-tag-icon");
  3688. if ($.browser.msie && parseInt($.browser.version, 10) < 9) {
  3689. rssIcons.each(function () {
  3690. if ($.trim($(this).html()) === "") {
  3691. $(this).css("vertical-align", "middle");
  3692. }
  3693. });
  3694. }
  3695. }
  3696. });
  3697. /**
  3698. * @license
  3699. * jQuery Tools 1.2.6 Mousewheel
  3700. *
  3701. * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
  3702. *
  3703. * http://flowplayer.org/tools/toolbox/mousewheel.html
  3704. *
  3705. * based on jquery.event.wheel.js ~ rev 1 ~
  3706. * Copyright (c) 2008, Three Dub Media
  3707. * http://threedubmedia.com
  3708. *
  3709. * Since: Mar 2010
  3710. * Date:
  3711. */
  3712. (function ($) {
  3713. 'use strict';
  3714. $.fn.mousewheel = function (fn) {
  3715. return this[fn ? "bind" : "trigger"]("wheel", fn);
  3716. };
  3717.  
  3718. // special event config
  3719. $.event.special.wheel = {
  3720. setup: function () {
  3721. $.event.add(this, wheelEvents, wheelHandler, {});
  3722. },
  3723. teardown: function () {
  3724. $.event.remove(this, wheelEvents, wheelHandler);
  3725. }
  3726. };
  3727.  
  3728. // events to bind ( browser sniffed... )
  3729. var wheelEvents = !$.browser.mozilla ? "mousewheel" : // IE, opera, safari
  3730. "DOMMouseScroll" + ($.browser.version < "1.9" ? " mousemove" : ""); // firefox
  3731.  
  3732. // shared event handler
  3733. function wheelHandler(event) {
  3734. /*jshint validthis:true*/
  3735.  
  3736. switch (event.type) {
  3737.  
  3738. // FF2 has incorrect event positions
  3739. case "mousemove":
  3740. return $.extend(event.data, { // store the correct properties
  3741. clientX: event.clientX, clientY: event.clientY,
  3742. pageX: event.pageX, pageY: event.pageY
  3743. });
  3744.  
  3745. // firefox
  3746. case "DOMMouseScroll":
  3747. $.extend(event, event.data); // fix event properties in FF2
  3748. event.delta = -event.detail / 3; // normalize delta
  3749. break;
  3750.  
  3751. // IE, opera, safari
  3752. case "mousewheel":
  3753. event.delta = event.wheelDelta / 120;
  3754. break;
  3755. }
  3756.  
  3757. event.type = "wheel"; // hijack the event
  3758. return $.event.handle.call(this, event, event.delta);
  3759. }
  3760.  
  3761. })(jQuery);
  3762.  
  3763.  
  3764. var ThemeLightbox = (function ($) {
  3765. 'use strict';
  3766. return (function () {
  3767. var current;
  3768. var images = $("img.art-lightbox");
  3769.  
  3770. var b = $("body");
  3771.  
  3772. this.init = function (ctrl) {
  3773. $("img.art-lightbox").live("click", { _ctrl: ctrl }, function (e) {
  3774.  
  3775. if (e.data._ctrl === true && !e.ctrlKey) {
  3776. return;
  3777. }
  3778.  
  3779. reload();
  3780. current = images.index(this);
  3781. show(this);
  3782. });
  3783.  
  3784. $(".arrow.left:not(.disabled)").live("click", function () {
  3785. move(current - 1);
  3786. });
  3787.  
  3788. $(".arrow.right:not(.disabled)").live("click", function () {
  3789. move(current + 1);
  3790. });
  3791.  
  3792. $("img.active").live("click", function () {
  3793. move(current + 1);
  3794. });
  3795.  
  3796. $(".close").live("click", function () {
  3797. close();
  3798. });
  3799. };
  3800.  
  3801. function show(src) {
  3802. var d = $('<div id="art-lightbox-bg"><div class="close"><div class="cw"> </div><div class="ccw"> </div><div class="close-alt">&#10007;</div></div></div>');
  3803.  
  3804. var img = $('<img class="art-lightbox-image active" alt="" src="' + getFullImgSrc($(src).attr("src")) + '" />');
  3805.  
  3806. resizeOnLoad(img);
  3807. img.appendTo(b);
  3808. showArrows();
  3809.  
  3810. showLoader(true);
  3811.  
  3812. img.load(function () {
  3813. showLoader(false);
  3814. d.appendTo(b).height(Math.max(document.documentElement.scrollHeight, document.body.scrollHeight));
  3815. });
  3816.  
  3817. img.error(function () {
  3818. showLoader(false);
  3819. d.appendTo(b).height(Math.max(document.documentElement.scrollHeight, document.body.scrollHeight));
  3820.  
  3821. //showError(true);
  3822. img.attr("src", $(src).attr("src"));
  3823. });
  3824. d.click(close);
  3825. bindMouse($(".arrow").add(img).add(d));
  3826. }
  3827.  
  3828. function reload() {
  3829. images = $("img.art-lightbox");
  3830. }
  3831.  
  3832. function move(index) {
  3833. if (index < 0 || index >= images.length) {
  3834. return;
  3835. }
  3836.  
  3837. showError(false);
  3838.  
  3839. current = index;
  3840.  
  3841. $("img.art-lightbox-image:not(.active)").remove();
  3842.  
  3843. var active = $("img.active");
  3844.  
  3845. var target = $('<img class="art-lightbox-image" alt="" src="' + getFullImgSrc($(images[current]).attr("src")) + '" />');
  3846.  
  3847. resizeOnLoad(target);
  3848. active.after(target);
  3849.  
  3850. showArrows();
  3851. showLoader(true);
  3852.  
  3853. bindMouse($("#art-lightbox-bg").add(target));
  3854.  
  3855. target.load(function () {
  3856. showLoader(false);
  3857.  
  3858. active.removeClass("active");
  3859. target.addClass("active");
  3860. });
  3861.  
  3862. target.error(function () {
  3863. showLoader(false);
  3864.  
  3865. //showError(true);
  3866. active.removeClass("active");
  3867. target.addClass("active");
  3868. target.attr("src", $(images[current]).attr("src"));
  3869. });
  3870. }
  3871.  
  3872. function showArrows() {
  3873. if ($(".arrow").length === 0) {
  3874. b.append($('<div class="arrow left"><div class="arrow-t ccw"> </div><div class="arrow-b cw"> </div><div class="arrow-left-alt">&#8592;</div></div>').css("top", $(window).height() / 2 - 40));
  3875.  
  3876. b.append($('<div class="arrow right"><div class="arrow-t cw"> </div><div class="arrow-b ccw"> </div><div class="arrow-right-alt">&#8594;</div></div>').css("top", $(window).height() / 2 - 40));
  3877. }
  3878.  
  3879. if (current === 0) {
  3880. $(".arrow.left").addClass("disabled");
  3881. } else {
  3882. $(".arrow.left").removeClass("disabled");
  3883. }
  3884.  
  3885. if (current === images.length - 1) {
  3886. $(".arrow.right").addClass("disabled");
  3887. } else {
  3888. $(".arrow.right").removeClass("disabled");
  3889. }
  3890. }
  3891.  
  3892. function showError(enable) {
  3893. if (enable) {
  3894. b.append($('<div class="lightbox-error">The requested content cannot be loaded.<br/>Please try again later.</div>')
  3895. .css({ "top": $(window).height() / 2 - 60, "left": $(window).width() / 2 - 170 }));
  3896. } else {
  3897. $(".lightbox-error").remove();
  3898. }
  3899. }
  3900.  
  3901. function showLoader(enable) {
  3902. if (!enable) {
  3903. $(".loading").remove();
  3904. }
  3905. else {
  3906. $('<div class="loading"> </div>').css({ "top": $(window).height() / 2 - 16, "left": $(window).width() / 2 - 16 }).appendTo(b);
  3907. }
  3908. }
  3909.  
  3910. var close = function () {
  3911. $("#art-lightbox-bg, .art-lightbox-image, .arrow, .lightbox-error").remove();
  3912. };
  3913.  
  3914. function resizeOnLoad(img) {
  3915. var width = $(window).width();
  3916. var height = $(window).height();
  3917.  
  3918. img.load(function () {
  3919. var imgHeight = $(this).height();
  3920. var imgWidth = $(this).width();
  3921.  
  3922. // additional space is needed for the next|prev items and border around the images
  3923. if (height < (imgHeight + 10) || width < (imgWidth + 410)) {
  3924. var hScale = Math.abs(imgWidth / (width - 410));
  3925. var vScale = Math.abs(imgHeight / (height - 100));
  3926.  
  3927. var scale = Math.max(vScale, hScale);
  3928.  
  3929. imgWidth = imgWidth / scale;
  3930. imgHeight = imgHeight / scale;
  3931.  
  3932. img.width(imgWidth);
  3933. img.height(imgHeight);
  3934. }
  3935.  
  3936. img.css({ "top": (height / 2 - imgHeight / 2) - 5, "left": (width / 2 - imgWidth / 2 - 5) });
  3937. });
  3938.  
  3939. return img;
  3940. }
  3941.  
  3942. function bindMouse(img) {
  3943. img.unbind("wheel").mousewheel(function (event, delta) {
  3944. delta = delta > 0 ? 1 : -1;
  3945. move(current + delta);
  3946. event.preventDefault();
  3947. });
  3948.  
  3949. img.mousedown(function (e) {
  3950. // close on middle button click
  3951. if (e.which === 2) {
  3952. close();
  3953. }
  3954. e.preventDefault();
  3955. });
  3956. }
  3957.  
  3958. function getFullImgSrc(src) {
  3959. var webArchiveRegex = new RegExp("http://www.[A-z0-9-]+-image.com/.webarchive/");
  3960. if ((src.indexOf("http://") === 0 || src.indexOf("https://") === 0) && !webArchiveRegex.test(src)) {
  3961. return src;
  3962. }
  3963.  
  3964. var fileName = src.substring(0, src.lastIndexOf('.'));
  3965. var ext = src.substring(src.lastIndexOf('.'));
  3966. src = fileName + "-large" + ext;
  3967.  
  3968. return src;
  3969. }
  3970.  
  3971. });
  3972. })(jQuery);
  3973. jQuery(function () {
  3974. 'use strict';
  3975. new ThemeLightbox().init();
  3976. });
  3977. (function($) {
  3978. 'use strict';
  3979. // transition && transitionEnd && browser prefix
  3980. $.support.transition = (function() {
  3981. var thisBody = document.body || document.documentElement,
  3982. thisStyle = thisBody.style,
  3983. support = thisStyle.transition !== undefined ||
  3984. thisStyle.WebkitTransition !== undefined ||
  3985. thisStyle.MozTransition !== undefined ||
  3986. thisStyle.MsTransition !== undefined ||
  3987. thisStyle.OTransition !== undefined;
  3988. return support && {
  3989. event: (function() {
  3990. var e = "transitionend";
  3991. if ($.browser.opera) {
  3992. var version = parseFloat($.browser.version);
  3993. e = version >= 12 ? (version < 12.50 ? "otransitionend" : "transitionend") : "oTransitionEnd";
  3994. } else if ($.browser.webkit) {
  3995. e = "webkitTransitionEnd";
  3996. }
  3997. return e;
  3998. })(),
  3999. prefix: (function() {
  4000. var result;
  4001. $.each($.browser, function(key, value) {
  4002. if (key === "version") {
  4003. return true;
  4004. }
  4005. return (result = {
  4006. opera: "-o-",
  4007. mozilla: "-moz-",
  4008. webkit: "-webkit-",
  4009. msie: "-ms-"
  4010. }[key]) ? false : true;
  4011. });
  4012. return result || "";
  4013. })()
  4014. };
  4015. })();
  4016.  
  4017. window.BackgroundHelper = function () {
  4018. var slides = [];
  4019. var direction = "next";
  4020. var motion = "horizontal";
  4021. var width = 0;
  4022. var height = 0;
  4023. var transitionDuration = "";
  4024.  
  4025. this.init = function(motionType, dir, duration) {
  4026. direction = dir;
  4027. motion = motionType;
  4028. slides = [];
  4029. width = 0;
  4030. height = 0;
  4031. transitionDuration = duration;
  4032. };
  4033.  
  4034. this.processSlide = function(element) {
  4035. width = element.outerWidth();
  4036. height = element.outerHeight();
  4037. var pos = [];
  4038.  
  4039. var bgPosition = element.css("background-position");
  4040. var positions = bgPosition.split(",");
  4041. $.each(positions, function (i) {
  4042. var position = $.trim(this);
  4043. var point = position.split(" ");
  4044. if (point.length > 1) {
  4045. var x = parseInt(point[0], 10);
  4046. var y = parseInt(point[1], 10);
  4047. pos.push({ x: x, y: y });
  4048. }
  4049. });
  4050.  
  4051. slides.push({
  4052. "images": element.css("background-image"),
  4053. "positions": pos
  4054. });
  4055. element.css("background-image", "none");
  4056. };
  4057.  
  4058. this.setBackground = function(element, items) {
  4059. var bg = [];
  4060. $.each(items, function (i, o) {
  4061. bg.push(o.images);
  4062. });
  4063. element.css({
  4064. "background-image": bg.join(", "),
  4065. "background-repeat": "no-repeat"
  4066. });
  4067. };
  4068.  
  4069. this.setPosition = function(element, items) {
  4070. var pos = [];
  4071. $.each(items, function(i, o) {
  4072. pos.push(o.positions);
  4073. });
  4074. element.css({
  4075. "background-position": pos.join(", ")
  4076. });
  4077. };
  4078.  
  4079. this.current = function(index) {
  4080. return slides[index] || null;
  4081. };
  4082.  
  4083. this.next = function(index) {
  4084. var next;
  4085. if (direction === "next") {
  4086. next = (index + 1) % slides.length;
  4087. } else {
  4088. next = index - 1;
  4089. if (next < 0) {
  4090. next = slides.length - 1;
  4091. }
  4092. }
  4093. return slides[next];
  4094. };
  4095.  
  4096. this.items = function(prev, next, move) {
  4097. var prevItem = { x: 0, y: 0 };
  4098. var nextItem = { x: 0, y: 0 };
  4099. var isDirectionNext = direction === "next";
  4100. if (motion === "horizontal") {
  4101. nextItem.x = isDirectionNext ? width : -width;
  4102. nextItem.y = 0;
  4103. if (move) {
  4104. prevItem.x += isDirectionNext ? -width : width;
  4105. nextItem.x += isDirectionNext ? -width : width;
  4106. }
  4107. } else if (motion === "vertical") {
  4108. nextItem.x = 0;
  4109. nextItem.y = isDirectionNext ? height : -height;
  4110. if (move) {
  4111. prevItem.y += isDirectionNext ? -height : height;
  4112. nextItem.y += isDirectionNext ? -height : height;
  4113. }
  4114. }
  4115. var result = [ ];
  4116. if (!!prev) {
  4117. result.push({ images: prev.images, positions: getCssPositions(prev.positions, prevItem) });
  4118. }
  4119. if (!!next) {
  4120. result.push({ images: next.images, positions: getCssPositions(next.positions, nextItem) });
  4121. }
  4122.  
  4123. if (direction === "next") {
  4124. result.reverse();
  4125. }
  4126.  
  4127. return result;
  4128. };
  4129.  
  4130. this.transition = function(container, on) {
  4131. container.css($.support.transition.prefix + "transition", on ? transitionDuration + " ease-in-out background-position" : "");
  4132. };
  4133.  
  4134. function getCssPositions(positions, offset) {
  4135. var result = [];
  4136. if (positions === undefined) {
  4137. return "";
  4138. }
  4139. offset.x = offset.x || 0;
  4140. offset.y = offset.y || 0;
  4141. for (var i = 0; i < positions.length; i++) {
  4142. result.push((positions[i].x + offset.x) + "px " + (positions[i].y + offset.y) + "px");
  4143. }
  4144. return result.join(", ");
  4145. }
  4146. };
  4147.  
  4148.  
  4149. var Slider = function (element, settings) {
  4150.  
  4151. var interval = null;
  4152. var active = false;
  4153. var children = element.find(".active").parent().children();
  4154. var last = false;
  4155. var running = false;
  4156.  
  4157. this.settings = $.extend({ }, {
  4158. "animation": "horizontal",
  4159. "direction": "next",
  4160. "speed": 600,
  4161. "pause": 2500,
  4162. "auto": true,
  4163. "repeat": true,
  4164. "navigator": null,
  4165. "clickevents": true,
  4166. "hover": true,
  4167. "helper": null
  4168. }, settings);
  4169.  
  4170. this.move = function (direction, next) {
  4171. var activeItem = element.find(".active"),
  4172. nextItem = next || activeItem[direction](),
  4173. innerDirection = this.settings.direction === "next" ? "forward" : "back",
  4174. reset = direction === "next" ? "first" : "last",
  4175. moving = interval,
  4176. slider = this, tmp;
  4177.  
  4178. active = true;
  4179.  
  4180. if (moving) { this.stop(true); }
  4181.  
  4182. if (!nextItem.length) {
  4183. nextItem = element.find(".art-slide-item")[reset]();
  4184. if (!this.settings.repeat) { last = true; active = false; return; }
  4185. }
  4186.  
  4187. if ($.support.transition) {
  4188. nextItem.addClass(this.settings.direction);
  4189. tmp = nextItem.get(0).offsetHeight;
  4190.  
  4191. activeItem.addClass(innerDirection);
  4192. nextItem.addClass(innerDirection);
  4193.  
  4194. element.trigger("beforeSlide", children.length);
  4195.  
  4196. element.one($.support.transition.event, function () {
  4197. nextItem.removeClass(slider.settings.direction)
  4198. .removeClass(innerDirection)
  4199. .addClass("active");
  4200. activeItem.removeClass("active")
  4201. .removeClass(innerDirection);
  4202. active = false;
  4203. setTimeout(function () {
  4204. element.trigger("afterSlide", children.length);
  4205. }, 0);
  4206. });
  4207. } else {
  4208. element.trigger("beforeSlide", children.length);
  4209.  
  4210. activeItem.removeClass("active");
  4211. nextItem.addClass("active");
  4212. active = false;
  4213.  
  4214. element.trigger("afterSlide", children.length);
  4215. }
  4216.  
  4217. this.navigate(nextItem);
  4218.  
  4219. if (moving) { this.start(); }
  4220. };
  4221.  
  4222. this.navigate = function (position) {
  4223. var index = children.index(position);
  4224. $(this.settings.navigator).children().removeClass("active").eq(index).addClass("active");
  4225. };
  4226.  
  4227. this.to = function (index) {
  4228. var activeItem = element.find(".active"),
  4229. children = activeItem.parent().children(),
  4230. activeIndex = children.index(activeItem),
  4231. slider = this;
  4232.  
  4233. if (index > (children.length - 1) || index < 0) {
  4234. return;
  4235. }
  4236.  
  4237. if (active) {
  4238. return element.one("afterSlide", function () {
  4239. slider.to(index);
  4240. });
  4241. }
  4242.  
  4243. if (activeIndex === index) {
  4244. return;
  4245. }
  4246.  
  4247. this.move(index > activeIndex ? "next" : "prev", $(children[index]));
  4248. };
  4249.  
  4250. this.next = function () {
  4251. if (!active) {
  4252. if (last) { this.stop(); return; }
  4253. this.move("next");
  4254. }
  4255. };
  4256.  
  4257. this.prev = function () {
  4258. if (!active) {
  4259. if (last) { this.stop(); return; }
  4260. this.move("prev");
  4261. }
  4262. };
  4263.  
  4264. this.start = function (force) {
  4265. if (!!force) {
  4266. setTimeout($.proxy(this.next, this), 10);
  4267. }
  4268. interval = setInterval($.proxy(this.next, this), this.settings.pause);
  4269. running = true;
  4270. };
  4271.  
  4272. this.stop = function (pause) {
  4273. clearInterval(interval);
  4274. interval = null;
  4275. running = !!pause;
  4276. active = false;
  4277. };
  4278.  
  4279. this.active = function () {
  4280. return running;
  4281. };
  4282.  
  4283. this.moving = function () {
  4284. return active;
  4285. };
  4286.  
  4287. this.navigate(children.filter(".active"));
  4288.  
  4289. if (this.settings.clickevents) {
  4290. $(this.settings.navigator).on("click", "a", { slider: this }, function (event) {
  4291. var activeIndex = children.index(children.filter(".active"));
  4292. var index = $(this).parent().children().index($(this));
  4293. if (activeIndex !== index) {
  4294. event.data.slider.to(index);
  4295. }
  4296. event.preventDefault();
  4297. });
  4298. }
  4299.  
  4300. if (this.settings.hover) {
  4301. var slider = this;
  4302. element.add(this.settings.navigator)
  4303. .add(element.siblings(".art-shapes")).hover(function () {
  4304. if (element.is(":visible") && !last) { slider.stop(true); }
  4305. }, function () {
  4306. if (element.is(":visible") && !last) { slider.start(); }
  4307. });
  4308. }
  4309. };
  4310.  
  4311. $.fn.slider = function (arg) {
  4312. return this.each(function () {
  4313. var element = $(this),
  4314. data = element.data("slider"),
  4315. options = typeof arg === "object" && arg;
  4316.  
  4317. if (!data) {
  4318. data = new Slider(element, options);
  4319. element.data("slider", data);
  4320. }
  4321.  
  4322. if (typeof arg === "string" && data[arg]) {
  4323. data[arg]();
  4324. } else if (data.settings.auto && element.is(":visible")) {
  4325. data.start();
  4326. }
  4327. });
  4328. };
  4329.  
  4330. })(jQuery);
  4331.  
  4332.  
  4333.  
  4334.  
  4335. jQuery(window).bind("resize", function () {
  4336. /*global responsiveDesign */
  4337. 'use strict';
  4338. if (typeof responsiveDesign !== "undefined" && responsiveDesign.isResponsive) {
  4339. jQuery("header.art-header .art-shapes").children().css("left", "");
  4340. return;
  4341. }
  4342. var sheetWidth = jQuery(".art-sheet").width();
  4343. var sheetLeft = jQuery(".art-sheet").offset().left;
  4344. jQuery("header.art-header .art-shapes>*, .Header>.art-textblock").each(function () {
  4345. var object = jQuery(this);
  4346. var objectLeft = sheetWidth * parseFloat(object.attr("data-left") || "0") / 100 + sheetLeft;
  4347. object.css("left", objectLeft + "px");
  4348. });
  4349. });
  4350.  
  4351. jQuery(function ($) {
  4352. "use strict";
  4353. $(window).trigger("resize");
  4354. });
  4355. jQuery(function ($) {
  4356. "use strict";
  4357. if (!$.browser.msie || parseInt($.browser.version, 10) > 8)
  4358. return;
  4359. var path = "";
  4360. var scripts = $("script[src*='script.js']");
  4361. if (scripts.length > 0) {
  4362. var src = scripts.get(0).src;
  4363. path = src.substr(0, src.indexOf("script.js"));
  4364. }
  4365. var header = $(".art-header");
  4366. var bgimages = "".split(",");
  4367. var bgpositions = "".split(",");
  4368. for (var i = 0; i < bgimages.length; i++) {
  4369. var bgimage = $.trim(bgimages[i]);
  4370. if (bgimage === "")
  4371. continue;
  4372. if (path !== "") {
  4373. bgimage = bgimage.replace(/(url\(['"]?)/i, "$1" + path);
  4374. }
  4375. header.find(".art-shapes").prepend("<div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:" + bgimage + " " + bgpositions[i] + " no-repeat\">");
  4376. }
  4377. header.css('background-image', "url('https://lh4.googleusercontent.com/-4PEg4dqxPWY/USUjkbM9DhI/AAAAAAAAAJk/Yt5s2wDpGoY/s2048/header.png')".replace(/(url\(['"]?)/i, "$1" + path));
  4378. header.css('background-position', "center top");
  4379. });
  4380. function artInsertSidebarBlocks() {
  4381. if (jQuery("body#layout").length > 0) return true;
  4382. jQuery("div.widget").each(function (i, w) {
  4383.  
  4384. if (jQuery(this).parent('#header').length){
  4385. if (!jQuery(this).hasClass('Header')){
  4386. jQuery(this).addClass('art-header-widget');
  4387. }
  4388. return true;
  4389. }
  4390.  
  4391. if (jQuery(this).children('.art-no-change').length) return true;
  4392.  
  4393. if (w.id == 'Navbar1') return true;
  4394. if (w.id == 'Header1') return true;
  4395. if (w.id == 'Blog1') return true;
  4396.  
  4397.  
  4398. if (w.id == 'LinkList99') return true;
  4399. if (w.id == 'LinkList98') return true;
  4400. if (w.id == 'LinkList97') return true;
  4401. if (w.id == 'PageList98') return true;
  4402. if (w.id == 'PageList99') return true;
  4403. if (w.id == 'Text99') return true;
  4404. if (w.id == 'BlogArchive99') return true;
  4405.  
  4406. var widget = jQuery(w);
  4407. if ((widget.hasClass('Gadget') || widget.hasClass('Followers')) && jQuery.browser.opera) {
  4408. return true;
  4409. }
  4410.  
  4411. var widgetTitle = jQuery("h2", widget).text();
  4412. jQuery("h2", widget).remove();
  4413. var widgetContent = widget.html();
  4414.  
  4415. if (widgetContent.indexOf('googlesyndication.com') > -1) return true;
  4416. if (widgetContent.indexOf('statcounter.com/counter/counter_xhtml.js') > -1) return true;
  4417. if (widgetContent.indexOf('bravenet.com/counter/code.php') > -1) return true;
  4418.  
  4419. var startBlock = '<div class="art-block clearfix" id="art-block-'+w.id+'">';
  4420. var startBlockHeader = '<div class="art-blockheader"> <h3 class="t">';
  4421. var endBlockHeader = '</h3> </div>';
  4422. var startBlockContent = '<div class="art-blockcontent">';
  4423. var endBlockContent = '</div>';
  4424. var endBlock = '</div>';
  4425.  
  4426. widgetContent = startBlockContent + widgetContent + endBlockContent;
  4427. if (widgetTitle && true) {
  4428. widgetContent = startBlockHeader + widgetTitle + endBlockHeader + widgetContent;
  4429. }
  4430. jQuery(widget).html(startBlock + widgetContent + endBlock);
  4431.  
  4432. if (widget.hasClass('Subscribe')) {
  4433. widget.css({'position':'relative', 'z-index':'2'})
  4434. }
  4435.  
  4436. });
  4437. }
  4438. jQuery(function () {
  4439. artInsertSidebarBlocks();
  4440. });
  4441.  
  4442.  
  4443. function artCheckNavBar() {
  4444. if (!true) {
  4445. jQuery("#navbar").remove();
  4446. }
  4447. }
  4448.  
  4449. function artFixFooterMenu(){
  4450. if (jQuery("#LinkList98").length) {
  4451. var widgetText = jQuery("#LinkList98").html();
  4452. jQuery("#LinkList98").html("<p>" + widgetText.replace("| |", "") + "</p>");
  4453. } else {
  4454. var el = jQuery("#footersection div.widget-content");
  4455. if (jQuery.trim(el.html()) == '') {
  4456. jQuery(".art-footer-default").show();
  4457. }
  4458. }
  4459. }
  4460.  
  4461.  
  4462. function artFixPostHeaders() {
  4463. jQuery("div.art-postmetadataheader").each(function (i) {
  4464. if (jQuery("div, h2", this).length == 0) jQuery(this).css("display", "none");
  4465. });
  4466. }
  4467. jQuery(function () {
  4468. artFixPostHeaders();
  4469. });
  4470.  
  4471.  
  4472. function artHeaderWidget() {
  4473. if (showHeader == null || showHeader == false) {
  4474. jQuery("#Header1").css("display", "none");
  4475. }
  4476. }
  4477. jQuery(function () {
  4478. artHeaderWidget();
  4479. });
  4480.  
  4481.  
  4482. function artVMenuWidget() {
  4483. if (showVMenu == null || showVMenu == false) {
  4484. jQuery("#LinkList97").css("display", "none");
  4485. jQuery("#BlogArchive99").css("display", "none");
  4486. jQuery("#PageList99").css("display", "none");
  4487. }
  4488. }
  4489. jQuery(function () {
  4490. artVMenuWidget();
  4491. });
  4492.  
  4493.  
  4494. function artFixPostFooters() {
  4495. jQuery("div.art-postmetadatafooter > div.art-postfootericons").each(function (i) {
  4496. if (jQuery("img, a", this).length == 0) jQuery(this).parent("div.art-postmetadatafooter").css("display", "none");
  4497. });
  4498. }
  4499. jQuery(function () {
  4500. artFixPostFooters();
  4501. });
  4502.  
  4503.  
  4504. var showHomePage = false;
  4505. function artFixTopCustomMenu() {
  4506. if (jQuery("#LinkList99").length == 0) {
  4507. var navSection = jQuery("#crosscol");
  4508. if (navSection.length > 0) {
  4509. if (showHomePage) {
  4510. if (window.location == homePageLink)
  4511. var tmpstr = '<a href="' + homePageLink + '" class="active">';
  4512. else
  4513. var tmpstr = '<a href="' + homePageLink + '">';
  4514. navSection.html('<ul class="art-hmenu"><li>' + tmpstr + homePageName + '</a></li></ul>');
  4515. } else {
  4516. navSection.html('<ul class="art-hmenu"></ul>');
  4517. }
  4518. }
  4519. }
  4520. jQuery("#PageList98").hide();
  4521. }
  4522.  
  4523. function artFixTopPagesMenu() {
  4524. jQuery("#LinkList99").hide();
  4525. }
  4526.  
  4527.  
  4528. function artDisplayTopMenu(menuitems) {
  4529. var subList1 = jQuery("");
  4530. var subList2 = jQuery("");
  4531. var subList3 = jQuery("");
  4532.  
  4533. for (var i = 0; i < menuitems.length; i++) {
  4534. var itemname = menuitems[i][0];
  4535. var itemlink = menuitems[i][1];
  4536. if (itemlink == "http://./") itemlink = "#";
  4537.  
  4538. if (itemname.charAt(0) != "-") {
  4539. if (subList3.length != 0) {
  4540. jQuery("li:last", subList2).append(subList3);
  4541. subList3 = jQuery("");
  4542. }
  4543. if (subList2.length != 0) {
  4544. jQuery("li:last", subList1).append(subList2);
  4545. subList2 = jQuery("");
  4546. }
  4547. if (subList1.length != 0) {
  4548. jQuery("ul.art-hmenu li:last").append(subList1);
  4549. subList1 = jQuery("");
  4550. }
  4551. if (window.location == itemlink)
  4552. jQuery("ul.art-hmenu").append('<li><a href="' + itemlink + '" class="active">' + itemname + '</a></li>');
  4553. else
  4554. jQuery("ul.art-hmenu").append('<li><a href="' + itemlink + '">' + itemname + '</a></li>');
  4555. } else {
  4556. if (itemname.charAt(2) == "-") {
  4557. if (subList3.length == 0) subList3 = jQuery("<ul></ul>");
  4558. subList3.append('<li><a href="' + itemlink + '">' + itemname.substr(3, itemname.length) + '</a></li>');
  4559. } else if (itemname.charAt(1) == "-") {
  4560. if (subList3.length != 0) {
  4561. jQuery("li:last", subList2).append(subList3);
  4562. subList3 = jQuery("");
  4563. }
  4564. if (subList2.length == 0) subList2 = jQuery("<ul></ul>");
  4565. subList2.append('<li><a href="' + itemlink + '">' + itemname.substr(2, itemname.length) + '</a></li>');
  4566. } else if (itemname.charAt(0) == "-") {
  4567. if (subList3.length != 0) {
  4568. jQuery("li:last", subList2).append(subList3);
  4569. subList3 = jQuery("");
  4570. }
  4571. if (subList2.length != 0) {
  4572. jQuery("li:last", subList1).append(subList2);
  4573. subList2 = jQuery("");
  4574. }
  4575. if (subList1.length == 0) subList1 = jQuery("<ul></ul>");
  4576. subList1.append('<li><a href="' + itemlink + '">' + itemname.substr(1, itemname.length) + '</a></li>');
  4577. }
  4578. }
  4579. }
  4580. if (subList3.length != 0) {
  4581. jQuery("li:last", subList2).append(subList3);
  4582. subList3 = jQuery("");
  4583. }
  4584. if (subList2.length != 0) {
  4585. jQuery("li:last", subList1).append(subList2);
  4586. subList2 = jQuery("");
  4587. }
  4588. if (subList1.length != 0) {
  4589. jQuery("ul.art-hmenu li:last").append(subList1);
  4590. subList1 = jQuery("");
  4591. }
  4592. }
  4593.  
  4594.  
  4595. function artDisplayVMenu(vmenuitems) {
  4596.  
  4597. if (jQuery("ul.art-vmenu").children().length > 0) return true;
  4598.  
  4599. var subList1 = jQuery("");
  4600. var subList2 = jQuery("");
  4601. var subList3 = jQuery("");
  4602.  
  4603. for (var i = 0; i < vmenuitems.length; i++) {
  4604. var itemname = vmenuitems[i][0];
  4605. var itemlink = vmenuitems[i][1];
  4606. if (itemlink == "http://./") itemlink = "#";
  4607.  
  4608. if (itemname.charAt(0) != "-") {
  4609. if (subList3.length != 0) {
  4610. jQuery("li:last", subList2).append(subList3);
  4611. subList3 = jQuery("");
  4612. }
  4613. if (subList2.length != 0) {
  4614. jQuery("li:last", subList1).append(subList2);
  4615. subList2 = jQuery("");
  4616. }
  4617. if (subList1.length != 0) {
  4618. jQuery("ul.art-vmenu li:last").append(subList1);
  4619. subList1 = jQuery("");
  4620. }
  4621. if (window.location == itemlink)
  4622. jQuery("ul.art-vmenu").append('<li><a href="' + itemlink + '" class="active">' + itemname + '</a></li>');
  4623. else
  4624. jQuery("ul.art-vmenu").append('<li><a href="' + itemlink + '">' + itemname + '</a></li>');
  4625. } else {
  4626. if (itemname.charAt(2) == "-") {
  4627. if (subList3.length == 0) subList3 = jQuery("<ul></ul>");
  4628. if (window.location == itemlink)
  4629. subList3.append('<li><a href="' + itemlink + '" class="active">' + itemname.substr(3, itemname.length) + '</a></li>');
  4630. else
  4631. subList3.append('<li><a href="' + itemlink + '">' + itemname.substr(3, itemname.length) + '</a></li>');
  4632. } else if (itemname.charAt(1) == "-") {
  4633. if (subList3.length != 0) {
  4634. jQuery("li:last", subList2).append(subList3);
  4635. subList3 = jQuery("");
  4636. }
  4637. if (subList2.length == 0) subList2 = jQuery("<ul></ul>");
  4638. if (window.location == itemlink)
  4639. subList2.append('<li><a href="' + itemlink + '" class="active">' + itemname.substr(2, itemname.length) + '</a></li>');
  4640. else
  4641. subList2.append('<li><a href="' + itemlink + '">' + itemname.substr(2, itemname.length) + '</a></li>');
  4642. } else if (itemname.charAt(0) == "-") {
  4643. if (subList3.length != 0) {
  4644. jQuery("li:last", subList2).append(subList3);
  4645. subList3 = jQuery("");
  4646. }
  4647. if (subList2.length != 0) {
  4648. jQuery("li:last", subList1).append(subList2);
  4649. subList2 = jQuery("");
  4650. }
  4651. if (subList1.length == 0) subList1 = jQuery("<ul></ul>");
  4652. if (window.location == itemlink)
  4653. subList1.append('<li><a href="' + itemlink + '" class="active">' + itemname.substr(1, itemname.length) + '</a></li>');
  4654. else
  4655. subList1.append('<li><a href="' + itemlink + '">' + itemname.substr(1, itemname.length) + '</a></li>');
  4656. }
  4657. }
  4658. }
  4659. if (subList3.length != 0) {
  4660. jQuery("li:last", subList2).append(subList3);
  4661. subList3 = jQuery("");
  4662. }
  4663. if (subList2.length != 0) {
  4664. jQuery("li:last", subList1).append(subList2);
  4665. subList2 = jQuery("");
  4666. }
  4667. if (subList1.length != 0) {
  4668. jQuery("ul.art-vmenu li:last").append(subList1);
  4669. subList1 = jQuery("");
  4670. }
  4671.  
  4672. if (!false) {
  4673. jQuery(".art-vmenublockheader").css("display", "none");
  4674. }
  4675.  
  4676. var a = jQuery("ul.art-vmenu a.active");
  4677. a.parents('ul.art-vmenu').find("ul, a").removeClass('active');
  4678. a.parent().children('ul').addClass('active');
  4679. a.parents('ul.art-vmenu ul').addClass('active');
  4680. a.parents('ul.art-vmenu li').children('a').addClass('active');
  4681.  
  4682. }
  4683.  
  4684.  
  4685. function artFixVMenuArchive() {
  4686. if (jQuery("#art-vmenu-archive").length > 0) {
  4687. if (!false) {
  4688. jQuery(".art-vmenublockheader").css("display", "none");
  4689. }
  4690. jQuery("#art-vmenu-archive a").each(function (i) {
  4691. if (this.href.replace('#', '') == window.location.href.replace('#', '')) {
  4692. jQuery(this).addClass("active");
  4693. }
  4694. });
  4695. var a = jQuery("#art-vmenu-archive a.active");
  4696. a.parents('#art-vmenu-archive').find("ul, a").removeClass('active');
  4697. a.parent().children('ul').addClass('active');
  4698. a.parents('#art-vmenu-archive ul').addClass('active');
  4699. a.parents('#art-vmenu-archive li').children('a').addClass('active');
  4700. }
  4701. }
  4702.  
  4703.  
  4704. jQuery(function () {
  4705. jQuery(".BlogList").each(function (i) {
  4706. var bl_name = jQuery(this).attr("id");
  4707. jQuery("#" + bl_name + "_show-all").click(function () {
  4708. jQuery("#" + bl_name + "_blogs li").each(function (i) {
  4709. if (jQuery(this).css("display") == "none") {
  4710. jQuery(this).css("display", "block");
  4711. jQuery(this).attr("class", bl_name + "_blogs_hidden");
  4712. jQuery("#" + bl_name + "_show-all").css("display", "none");
  4713. jQuery("#" + bl_name + "_show-n").css("display", "block");
  4714. }
  4715. });
  4716. });
  4717. jQuery("#" + bl_name + "_show-n").click(function () {
  4718. jQuery("li." + bl_name + "_blogs_hidden").each(function (i) {
  4719. jQuery(this).css("display", "none");
  4720. jQuery(this).attr("class", "");
  4721. jQuery("#" + bl_name + "_show-all").css("display", "block");
  4722. jQuery("#" + bl_name + "_show-n").css("display", "none");
  4723. });
  4724. });
  4725. });
  4726. });
  4727.  
  4728.  
  4729. function artFixNavbarPadding() {
  4730. if (jQuery("#navbar").length) {
  4731. jQuery("#art-main").css('margin-top', '30px');
  4732. if (!jQuery.browser.opera)
  4733. jQuery("#navbar").css('margin-top', '-30px');
  4734. }
  4735. }
  4736.  
  4737.  
  4738. function artTransformSearchWidget() {
  4739. if (typeof (google) !== 'undefined' && google != null) {
  4740. google.setOnLoadCallback(function() {
  4741. jQuery("form.gsc-search-box").addClass("art-search");
  4742. jQuery("input.gsc-search-button").addClass("art-search-button").prependTo("form.gsc-search-box");
  4743. if (jQuery("input.gsc-search-button").css("background-image") != "none") {
  4744. jQuery("input.gsc-search-button").attr("value", "");
  4745. }
  4746. jQuery("input.gsc-input").prependTo("form.gsc-search-box");
  4747. jQuery("table.gsc-search-box").remove();
  4748. jQuery("table.gsc-branding").insertAfter("form.gsc-search-box");
  4749. });
  4750. }
  4751. }
  4752. jQuery(function () {
  4753. artTransformSearchWidget();
  4754. });
  4755.  
  4756. jQuery(function ($) {
  4757. var header = $("header.art-header");
  4758. var offset = header.offset();
  4759. if (!offset) {
  4760. return;
  4761. }
  4762. if (jQuery("#navbar").length) {
  4763. offset.top -= 30;
  4764. }
  4765. $("#art-header-bg").css({
  4766. "top": offset.top + "px"
  4767. });
  4768. });
  4769.  
  4770. jQuery(function ($) {
  4771. var menu = $(".art-nav:not(#art-hmenu-bg)");
  4772. var offset = menu.offset();
  4773. if (!offset) {
  4774. return;
  4775. }
  4776. if (jQuery("#navbar").length) {
  4777. offset.top -= 30;
  4778. }
  4779. $("#art-hmenu-bg").css({
  4780. "height": menu.height() + "px",
  4781. "top": offset.top + "px"
  4782. });
  4783. });
  4784.  
  4785. //]]>
  4786. </script>
  4787. <!--[if lt IE 9]>
  4788. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  4789. <![endif]-->
  4790. <script>
  4791. //<![CDATA[
  4792. /* Created by Artisteer v4.0.0.58475 */
  4793. /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
  4794. /*global jQuery */
  4795.  
  4796. var responsiveDesign = {
  4797. isResponsive: false,
  4798. isDesktop: false,
  4799. isTablet: false,
  4800. isPhone: false,
  4801. windowWidth: 0,
  4802. responsive: function () {
  4803. 'use strict';
  4804. var html = jQuery("html");
  4805. this.windowWidth = jQuery(window).width();
  4806. var triggerEvent = false;
  4807.  
  4808. var isRespVisible = jQuery("#art-resp").is(":visible");
  4809. if (isRespVisible && !this.isResponsive) {
  4810. html.addClass("responsive").removeClass("desktop");
  4811. this.isResponsive = true;
  4812. this.isDesktop = false;
  4813. triggerEvent = true;
  4814. } else if (!isRespVisible && !this.isDesktop) {
  4815. html.addClass("desktop").removeClass("responsive responsive-tablet responsive-phone");
  4816. this.isResponsive = this.isTablet = this.isPhone = false;
  4817. this.isDesktop = true;
  4818. triggerEvent = true;
  4819. }
  4820.  
  4821. if (this.isResponsive) {
  4822. if (jQuery("#art-resp-t").is(":visible") && !this.isTablet) {
  4823. html.addClass("responsive-tablet").removeClass("responsive-phone");
  4824. this.isTablet = true;
  4825. this.isPhone = false;
  4826. triggerEvent = true;
  4827. } else if (jQuery("#art-resp-m").is(":visible") && !this.isPhone) {
  4828. html.addClass("responsive-phone").removeClass("responsive-tablet");
  4829. this.isTablet = false;
  4830. this.isPhone = true;
  4831. triggerEvent = true;
  4832. }
  4833. }
  4834.  
  4835. if (triggerEvent) {
  4836. jQuery(window).trigger("responsive", this);
  4837. }
  4838.  
  4839. jQuery(window).trigger("responsiveResize", this);
  4840. },
  4841. initialize: function () {
  4842. "use strict";
  4843. jQuery("<div id=\"art-resp\"><div id=\"art-resp-m\"></div><div id=\"art-resp-t\"></div></div>").appendTo("body");
  4844. jQuery(window).resize(function () {
  4845. responsiveDesign.responsive();
  4846. });
  4847. jQuery(window).trigger("resize");
  4848. }
  4849. };
  4850.  
  4851. function responsiveAbsBg(responsiveDesign, el, bg) {
  4852. "use strict";
  4853. if (bg.length === 0)
  4854. return;
  4855.  
  4856. var desktopBgTop = bg.attr("data-bg-top");
  4857. var desktopBgHeight = bg.attr("data-bg-height");
  4858.  
  4859. if (responsiveDesign.isResponsive) {
  4860. if (typeof desktopBgTop === "undefined" || desktopBgTop === false) {
  4861. bg.attr("data-bg-top", bg.css("top"));
  4862. bg.attr("data-bg-height", bg.css("height"));
  4863. }
  4864.  
  4865. var elTop = el.offset().top;
  4866. var elHeight = el.outerHeight();
  4867. bg.css("top", elTop + "px");
  4868. bg.css("height", elHeight + "px");
  4869. } else if (typeof desktopBgTop !== "undefined" && desktopBgTop !== false) {
  4870. bg.css("top", desktopBgTop);
  4871. bg.css("height", desktopBgHeight);
  4872. bg.removeAttr("data-bg-top");
  4873. bg.removeAttr("data-bg-height");
  4874. }
  4875. }
  4876.  
  4877. jQuery(window).bind("responsive", function (event, responsiveDesign) {
  4878. 'use strict';
  4879. responsiveCollages(responsiveDesign);
  4880. responsiveImages(responsiveDesign);
  4881. responsiveVideos(responsiveDesign);
  4882. });
  4883.  
  4884. function responsiveImages(responsiveDesign) {
  4885. 'use strict';
  4886. jQuery("img[width]").each(function () {
  4887. var img = jQuery(this), newWidth = "", newMaxWidth = "", newHeight = "";
  4888. if (responsiveDesign.isResponsive) {
  4889. newWidth = "auto";
  4890. newHeight = "auto";
  4891. newMaxWidth = "100%";
  4892.  
  4893. var widthAttr = img.attr("width");
  4894. if (widthAttr !== null && typeof(widthAttr) === "string" && widthAttr.indexOf("%") === -1) {
  4895. newWidth = "100%";
  4896. newMaxWidth = parseInt(jQuery.trim(widthAttr), 10) + "px";
  4897. }
  4898. }
  4899. img.css("width", newWidth).css("max-width", newMaxWidth).css("height", newHeight);
  4900. });
  4901. }
  4902.  
  4903. function responsiveCollages(responsiveDesign) {
  4904. 'use strict';
  4905. if (jQuery.browser.msie && jQuery.browser.version <= 8) return;
  4906. jQuery(".art-collage").each(function () {
  4907. var collage = jQuery(this);
  4908. var sliderObject = collage.find(".art-slider").data("slider");
  4909. var responsiveImage = jQuery("img#" + collage.attr("id"));
  4910.  
  4911. if (responsiveDesign.isResponsive) {
  4912. if (responsiveImage.length) { return true; }
  4913. if (jQuery.support.transition) {
  4914. collage.find(".art-slider").trigger(jQuery.support.transition.event);
  4915. }
  4916. if (sliderObject) {
  4917. sliderObject.stop();
  4918. }
  4919. var activeSlide = collage.find(".art-slide-item.active");
  4920. if (!activeSlide.length) {
  4921. var slides = collage.find(".art-slide-item");
  4922. if (slides.length) {
  4923. activeSlide = jQuery(slides.get(0));
  4924. }
  4925. }
  4926. activeSlide.css("background-image", "");
  4927. var bg = activeSlide.css("background-image").replace(/url\(['"]?(.+?)['"]?\)/i, "$1");
  4928. jQuery("<img/>").attr({
  4929. "src": bg,
  4930. "id": collage.attr("id")
  4931. }).insertBefore(collage);
  4932. } else if (responsiveImage.length) {
  4933. responsiveImage.remove();
  4934. if (sliderObject) {
  4935. if (sliderObject.settings.animation !== "fade") {
  4936. collage.find(".art-slide-item").css("background-image", "none");
  4937. }
  4938. sliderObject.start();
  4939. }
  4940. }
  4941. });
  4942. }
  4943.  
  4944. function responsiveVideos(responsiveDesign) {
  4945. "use strict";
  4946. jQuery("iframe,object,embed").each(function () {
  4947. var obj = jQuery(this);
  4948. var container = obj.parent(".art-responsive-embed");
  4949. if (responsiveDesign.isResponsive) {
  4950. if (container.length !== 0)
  4951. return;
  4952. container = jQuery("<div class=\"art-responsive-embed\">").insertBefore(obj);
  4953. obj.appendTo(container);
  4954. } else if (container.length > 0) {
  4955. obj.insertBefore(container);
  4956. container.remove();
  4957. }
  4958. });
  4959. }
  4960.  
  4961. jQuery(window).bind("responsiveResize", function (event, responsiveDesign) {
  4962. "use strict";
  4963. responsiveAbsBg(responsiveDesign, jQuery(".art-header"), jQuery("#art-header-bg"));
  4964. });
  4965. jQuery(window).bind("responsive", function (event, responsiveDesign) {
  4966. "use strict";
  4967. if (jQuery.browser.msie && jQuery.browser.version <= 8) return;
  4968. responsiveHeader(responsiveDesign);
  4969. });
  4970.  
  4971. function responsiveHeader(responsiveDesign) {
  4972. "use strict";
  4973. var header = jQuery("header.art-header");
  4974. var headerShapes = header.find(".art-shapes");
  4975. var headerSlider = header.find(".art-slider");
  4976.  
  4977. if (headerSlider.length) {
  4978. var sliderObject = headerSlider.data("slider");
  4979.  
  4980. var activeSlide = headerSlider.find(".art-slide-item.active");
  4981. if (!activeSlide.length) {
  4982. var slides = headerSlider.find(".art-slide-item");
  4983. if (slides.length) {
  4984. activeSlide = jQuery(slides.get(0));
  4985. }
  4986. }
  4987.  
  4988. var textblock = headerSlider.find(".art-textblock").eq(0);
  4989.  
  4990. if (responsiveDesign.isResponsive) {
  4991. if (header.attr("data-responsive")) return true;
  4992. activeSlide.css("background-image", "");
  4993. header.attr("data-responsive", "true");
  4994. headerSlider.fadeOut(0);
  4995. if (jQuery.support.transition) {
  4996. headerSlider.trigger(jQuery.support.transition.event);
  4997. }
  4998. if (sliderObject) {
  4999. sliderObject.stop();
  5000. }
  5001. if (header.find(".art-slogan, .art-headline").length === 0) {
  5002. var tb = textblock.clone();
  5003. tb.css("display", "block");
  5004. tb.children("div").css("display", "block");
  5005. tb.appendTo(headerShapes);
  5006. }
  5007. // activeslide background
  5008. var bg = activeSlide.css("background-image").split(/\s*,\s*/);
  5009. header.css("background-image", bg[bg.length - 1]);
  5010. } else if (header.attr("data-responsive")) {
  5011. header.removeAttr("data-responsive");
  5012. header.css("background-image", "");
  5013. if (sliderObject) {
  5014. if (sliderObject.settings.animation !== "fade") {
  5015. headerSlider.find(".art-slide-item").css("background-image", "none");
  5016. }
  5017. headerShapes.find(".art-textblock").remove();
  5018. headerSlider.fadeIn(0);
  5019. sliderObject.start();
  5020. }
  5021. }
  5022. } else if (header.find(".art-slogan, .art-headline").length === 0) {
  5023. header.find(".art-textblock").each(function () {
  5024. jQuery(this).add(jQuery(this).children("div")).css("display", responsiveDesign.isResponsive ? "inline-block" : "");
  5025. return false; // break
  5026. });
  5027. jQuery(window).trigger("resize");
  5028. }
  5029. }
  5030.  
  5031. jQuery(window).bind("responsiveResize", function (event, responsiveDesign) {
  5032. "use strict";
  5033. responsiveAbsBg(responsiveDesign, jQuery("nav.art-nav"), jQuery("#art-hmenu-bg"));
  5034. responsiveNavFit(responsiveDesign);
  5035. });
  5036.  
  5037. function responsiveNavFit(responsiveDesign) {
  5038. 'use strict';
  5039. var nav = jQuery("nav.art-nav");
  5040. var isDesktopNav = true;
  5041. var isResponsiveNav = false;
  5042. if (responsiveDesign.isResponsive) {
  5043. if (!nav.hasClass("responsive-nav")) {
  5044. var itemsWidth = 0;
  5045. var menu = nav.find(".art-hmenu");
  5046. menu.children("li").each(function() {
  5047. itemsWidth += jQuery(this).outerWidth(true);
  5048. });
  5049.  
  5050. if (menu.width() < itemsWidth || responsiveDesign.isPhone) {
  5051. nav.attr("data-restore-width", responsiveDesign.windowWidth).addClass("responsive-nav").removeClass("desktop-nav");
  5052. isResponsiveNav = true;
  5053. isDesktopNav = false;
  5054. }
  5055. } else {
  5056. var desktopRestoreWidth = parseInt(nav.attr("data-restore-width"), 10) || 0;
  5057. if (desktopRestoreWidth !== 0 && responsiveDesign.windowWidth <= desktopRestoreWidth) {
  5058. isResponsiveNav = true;
  5059. isDesktopNav = false;
  5060. }
  5061. }
  5062. }
  5063.  
  5064. if (isDesktopNav) {
  5065. nav.removeClass("responsive-nav").addClass("desktop-nav").removeAttr("data-restore-width");
  5066. }
  5067.  
  5068. jQuery(window).trigger("responsiveNav", {isDesktopNav: isDesktopNav, isResponsiveNav: isResponsiveNav});
  5069. }
  5070.  
  5071.  
  5072.  
  5073. jQuery(window).bind("responsiveNav", function (event, options) {
  5074. /*global menuExtendedCreate */
  5075. 'use strict';
  5076. if (options.isDesktopNav && jQuery("li.ext").length > 0) {
  5077. menuExtendedCreate();
  5078. }
  5079. });
  5080.  
  5081. jQuery(window).bind("responsive", function (event, responsiveDesign) {
  5082. "use strict";
  5083. responsiveLayoutCell(responsiveDesign);
  5084. });
  5085.  
  5086. function responsiveLayoutCell(responsiveDesign) {
  5087. "use strict";
  5088. jQuery(".art-content .art-content-layout-row,.art-footer .art-content-layout-row").each(function () {
  5089. var row = jQuery(this);
  5090. var rowChildren = row.children(".art-layout-cell");
  5091. if (rowChildren.length > 1) {
  5092. if (responsiveDesign.isTablet) {
  5093. rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) {
  5094. if ((i + 1) % 2 === 0) {
  5095. jQuery(this).after("<div class=\"cleared responsive-cleared\">");
  5096. }
  5097. });
  5098. } else {
  5099. rowChildren.removeClass("responsive-tablet-layout-cell");
  5100. row.children(".responsive-cleared").remove();
  5101. }
  5102. }
  5103. });
  5104. }
  5105.  
  5106.  
  5107.  
  5108. jQuery(responsiveDesign.initialize);
  5109.  
  5110. //]]>
  5111. </script>
  5112.  
  5113.  
  5114. </head>
  5115. <body>
  5116. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  5117. <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
  5118. </b:section>
  5119.  
  5120. <script>
  5121. artCheckNavBar();
  5122. var showHeader = false;
  5123. var showVMenu = false;
  5124. </script>
  5125. <div id='art-main'>
  5126. <script>
  5127. artFixNavbarPadding();
  5128. </script>
  5129. <header class='art-header clearfix'>
  5130. <b:section id='header' showaddelement='yes'>
  5131. <b:widget id='Header1' locked='true' title='The rich blogger theme (Header)' type='Header'/>
  5132. <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
  5133. <b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
  5134. <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
  5135. </b:section>
  5136. <script>
  5137. var showHeader = true;
  5138. </script>
  5139. </header>
  5140. <div class='art-nav clearfix desktop-nav'>
  5141. <b:section id='crosscol' maxwidgets='1' showaddelement='no'>
  5142. <b:widget id='PageList98' locked='false' title='Pages' type='PageList'/>
  5143. </b:section>
  5144. <script>
  5145. artFixTopPagesMenu();
  5146. </script>
  5147. </div>
  5148. <div class='art-sheet clearfix'>
  5149. <div class='art-layout-wrapper clearfix'>
  5150. <div class='art-content-layout'>
  5151. <div class='art-content-layout-row'>
  5152. <b:section class='art-layout-cell art-content clearfix' id='main' showaddelement='yes'>
  5153. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
  5154. </b:section>
  5155. </div>
  5156. </div>
  5157. </div>
  5158. </div>
  5159.  
  5160. <div id='footer-wrapper'>
  5161. <b:section class='footer' id='footer' showaddelement='no'/>
  5162. </div>
  5163. <footer class='art-footer clearfix'>
  5164. <div class='art-footer-inner'>
  5165. <div class='art-footer-default' style='display:none;'>
  5166. <p>Copyright &#169; 2011-2012. All Rights Reserved.</p>
  5167. <br/>
  5168. <br/>
  5169.  
  5170. </div><b:section class='art-footer-nav' id='footersection' maxwidgets='2' showaddelement='no'>
  5171. <b:widget id='LinkList98' locked='false' title='Footer Links' type='LinkList'/>
  5172. <b:widget id='Text99' locked='false' title='Copyright Text' type='Text'/>
  5173. </b:section>
  5174.  
  5175. <script>
  5176. artFixFooterMenu();
  5177.  
  5178. </script>
  5179.  
  5180. <p class='art-page-footer'>
  5181. <span id='art-footnote-links'>&#65279;Designed by <a href='http://richbloggertheme.blogspot.com/' target='_blank'>rich blogger theme</a>.</span>
  5182. </p>
  5183. </div>
  5184. </footer>
  5185.  
  5186. </div>
  5187.  
  5188.  
  5189.  
  5190. </body>
  5191. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!