API tools faq
paste
Advertisement
freebloggerdesign

rich theme v2

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