API tools faq
paste
Advertisement
freebloggerdesign

rich blogger theme

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