Advertisement
Guest User

CSS

a guest
Jan 3rd, 2016
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.88 KB | None | 0 0
  1. /*
  2. Theme Name: hovinveien
  3. Theme URI:
  4. Description: Artisteer-generated theme
  5. Version: 1.0
  6. Author:
  7. Author URI:
  8. Tags: fixed-width, one-column, valid HTML5, valid XHTML, widgets
  9. */
  10.  
  11. /* Created by Artisteer v4.1.0.59861 */
  12.  
  13. #art-main
  14. {
  15. background: #2D2D2D url('images/page.jpeg') top center fixed;
  16. margin:0 auto;
  17. font-size: 12px;
  18. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  19. font-weight: normal;
  20. font-style: normal;
  21. text-align: justify;
  22. position: relative;
  23. width: 100%;
  24. min-height: 100%;
  25. left: 0;
  26. top: 0;
  27. cursor:default;
  28. overflow:hidden;
  29. }
  30. table, ul.art-hmenu
  31. {
  32. font-size: 12px;
  33. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  34. font-weight: normal;
  35. font-style: normal;
  36. text-align: justify;
  37. }
  38.  
  39. table, ul.art-smenu
  40. {
  41. font-size: 12px;
  42. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  43. font-weight: normal;
  44. font-style: normal;
  45. text-align: justify;
  46. }
  47.  
  48. h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
  49. {
  50. margin: 0;
  51. padding: 0;
  52. }
  53.  
  54. /* Reset buttons border. It's important for input and button tags.
  55. * border-collapse should be separate for shadow in IE.
  56. */
  57. .art-button
  58. {
  59. border-collapse: separate;
  60. -webkit-background-origin: border !important;
  61. -moz-background-origin: border !important;
  62. background-origin: border-box !important;
  63. background: #FDDA7B;
  64. background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  65. background: -webkit-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  66. background: -moz-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  67. background: -o-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  68. background: -ms-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  69. background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  70. -svg-background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  71. -webkit-border-radius:3px;
  72. -moz-border-radius:3px;
  73. border-radius:3px;
  74. -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  75. -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  76. box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  77. border:1px solid #FCC839;
  78. padding:0 15px;
  79. margin:0 auto;
  80. height:25px;
  81. }
  82.  
  83. .art-postcontent,
  84. .art-postheadericons,
  85. .art-postfootericons,
  86. .art-blockcontent,
  87. ul.art-vmenu a
  88. {
  89. text-align: left;
  90. }
  91.  
  92. .art-postcontent,
  93. .art-postcontent li,
  94. .art-postcontent table,
  95. .art-postcontent a,
  96. .art-postcontent a:link,
  97. .art-postcontent a:visited,
  98. .art-postcontent a.visited,
  99. .art-postcontent a:hover,
  100. .art-postcontent a.hovered
  101. {
  102. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  103. }
  104.  
  105. .art-postcontent p
  106. {
  107. margin: 12px 0;
  108. }
  109.  
  110. .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
  111. .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
  112. .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
  113. .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
  114. .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
  115. .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
  116. .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
  117. .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
  118. .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
  119. .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
  120. .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
  121. {
  122. font-size: 28px;
  123. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  124. font-weight: bold;
  125. font-style: normal;
  126. text-align: left;
  127. }
  128.  
  129. .art-postcontent a, .art-postcontent a:link
  130. {
  131. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  132. text-decoration: none;
  133. color: #FFD400;
  134. }
  135.  
  136. .art-postcontent a:visited, .art-postcontent a.visited
  137. {
  138. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  139. text-decoration: underline;
  140. color: #FFD400;
  141. }
  142.  
  143. .art-postcontent a:hover, .art-postcontent a.hover
  144. {
  145. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  146. text-decoration: underline;
  147. color: #FCCF55;
  148. }
  149.  
  150. .art-postcontent h1
  151. {
  152. color: #A8A8A8;
  153. font-size: 28px;
  154. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  155. font-weight: bold;
  156. font-style: normal;
  157. text-align: left;
  158. }
  159.  
  160. .art-blockcontent h1
  161. {
  162. font-size: 28px;
  163. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  164. font-weight: bold;
  165. font-style: normal;
  166. text-align: left;
  167. }
  168.  
  169. .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
  170. {
  171. font-size: 28px;
  172. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  173. font-weight: bold;
  174. font-style: normal;
  175. text-align: left;
  176. }
  177.  
  178. .art-postcontent h2
  179. {
  180. color: #BFBFBF;
  181. font-size: 22px;
  182. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  183. font-weight: bold;
  184. font-style: normal;
  185. text-align: left;
  186. }
  187.  
  188. .art-blockcontent h2
  189. {
  190. font-size: 22px;
  191. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  192. font-weight: bold;
  193. font-style: normal;
  194. text-align: left;
  195. }
  196.  
  197. .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
  198. {
  199. font-size: 22px;
  200. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  201. font-weight: bold;
  202. font-style: normal;
  203. text-align: left;
  204. }
  205.  
  206. .art-postcontent h3
  207. {
  208. color: #FFD400;
  209. margin-top: 18px;
  210. margin-bottom: 12px;
  211. font-size: 18px;
  212. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  213. font-weight: bold;
  214. font-style: normal;
  215. text-align: left;
  216. }
  217.  
  218. .art-blockcontent h3
  219. {
  220. margin-top: 18px;
  221. margin-bottom: 12px;
  222. font-size: 18px;
  223. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  224. font-weight: bold;
  225. font-style: normal;
  226. text-align: left;
  227. }
  228.  
  229. .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
  230. {
  231. font-size: 18px;
  232. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  233. font-weight: bold;
  234. font-style: normal;
  235. text-align: left;
  236. }
  237.  
  238. .art-postcontent h4
  239. {
  240. color: #FFFFFF;
  241. font-size: 16px;
  242. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  243. font-weight: bold;
  244. font-style: normal;
  245. text-align: left;
  246. }
  247.  
  248. .art-blockcontent h4
  249. {
  250. font-size: 16px;
  251. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  252. font-weight: bold;
  253. font-style: normal;
  254. text-align: left;
  255. }
  256.  
  257. .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
  258. {
  259. font-size: 16px;
  260. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  261. font-weight: bold;
  262. font-style: normal;
  263. text-align: left;
  264. }
  265.  
  266. .art-postcontent h5
  267. {
  268. color: #FFFFFF;
  269. font-size: 14px;
  270. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  271. font-weight: bold;
  272. font-style: normal;
  273. text-align: left;
  274. }
  275.  
  276. .art-blockcontent h5
  277. {
  278. font-size: 14px;
  279. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  280. font-weight: bold;
  281. font-style: normal;
  282. text-align: left;
  283. }
  284.  
  285. .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
  286. {
  287. font-size: 14px;
  288. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  289. font-weight: bold;
  290. font-style: normal;
  291. text-align: left;
  292. }
  293.  
  294. .art-postcontent h6
  295. {
  296. color: #FEE8AD;
  297. font-size: 14px;
  298. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  299. font-weight: bold;
  300. font-style: normal;
  301. text-align: left;
  302. }
  303.  
  304. .art-blockcontent h6
  305. {
  306. font-size: 14px;
  307. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  308. font-weight: bold;
  309. font-style: normal;
  310. text-align: left;
  311. }
  312.  
  313. .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
  314. {
  315. font-size: 14px;
  316. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  317. font-weight: bold;
  318. font-style: normal;
  319. text-align: left;
  320. }
  321.  
  322. header, footer, article, nav, #art-hmenu-bg, #art-smenu-bg, .art-sheet, .art-hmenu a, .art-smenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  323. {
  324. -webkit-background-origin: border !important;
  325. -moz-background-origin: border !important;
  326. background-origin: border-box !important;
  327. }
  328.  
  329. header, footer, article, nav, #art-hmenu-bg, #art-smenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
  330. {
  331. display: block;
  332. -webkit-box-sizing: border-box;
  333. -moz-box-sizing: border-box;
  334. box-sizing: border-box;
  335. }
  336.  
  337. ul
  338. {
  339. list-style-type: none;
  340. }
  341.  
  342. ol
  343. {
  344. list-style-position: inside;
  345. }
  346.  
  347. html, body
  348. {
  349. height: 100%;
  350. }
  351.  
  352. body
  353. {
  354. padding: 0;
  355. margin:0;
  356. min-width: 1024px;
  357. color: #ECECEC;
  358. }
  359.  
  360. .art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, .art-navv:before, #art-hmenu-bg:before, #art-smenu-bg:before, .art-sheet:before
  361. {
  362. width: 100%;
  363. content: " ";
  364. display: table;
  365. }
  366. .art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, .art-navv:after, #art-hmenu-bg:after, #art-smenu-bg:after, .art-sheet:after,
  367. .cleared, .clearfix:after {
  368. clear: both;
  369. font: 0/0 serif;
  370. display: block;
  371. content: " ";
  372. }
  373.  
  374. form
  375. {
  376. padding: 0 !important;
  377. margin: 0 !important;
  378. }
  379.  
  380. table.position
  381. {
  382. position: relative;
  383. width: 100%;
  384. table-layout: fixed;
  385. }
  386.  
  387. li h1, .art-postcontent li h1, .art-blockcontent li h1
  388. {
  389. margin:1px;
  390. }
  391. li h2, .art-postcontent li h2, .art-blockcontent li h2
  392. {
  393. margin:1px;
  394. }
  395. li h3, .art-postcontent li h3, .art-blockcontent li h3
  396. {
  397. margin:1px;
  398. }
  399. li h4, .art-postcontent li h4, .art-blockcontent li h4
  400. {
  401. margin:1px;
  402. }
  403. li h5, .art-postcontent li h5, .art-blockcontent li h5
  404. {
  405. margin:1px;
  406. }
  407. li h6, .art-postcontent li h6, .art-blockcontent li h6
  408. {
  409. margin:1px;
  410. }
  411. li p, .art-postcontent li p, .art-blockcontent li p
  412. {
  413. margin:1px;
  414. }
  415.  
  416.  
  417. .art-shapes
  418. {
  419. position: absolute;
  420. top: 0;
  421. right: 0;
  422. bottom: 0;
  423. left: 0;
  424. overflow: hidden;
  425. z-index: 0;
  426. }
  427.  
  428. .art-slider-inner {
  429. position: relative;
  430. overflow: hidden;
  431. width: 100%;
  432. height: 100%;
  433. }
  434.  
  435. .art-slidenavigator > a {
  436. display: inline-block;
  437. vertical-align: middle;
  438. outline-style: none;
  439. font-size: 1px;
  440. }
  441.  
  442. .art-slidenavigator > a:last-child {
  443. margin-right: 0 !important;
  444. }
  445.  
  446. .art-headline
  447. {
  448. display: inline-block;
  449. position: absolute;
  450. min-width: 50px;
  451. top: 8px;
  452. left: 46.4%;
  453. line-height: 100%;
  454. margin-left: -159px !important;
  455. -webkit-transform: rotate(0deg);
  456. -moz-transform: rotate(0deg);
  457. -o-transform: rotate(0deg);
  458. -ms-transform: rotate(0deg);
  459. transform: rotate(0deg);
  460. z-index: 101;
  461. }
  462.  
  463. .art-headline,
  464. .art-headline a,
  465. .art-headline a:link,
  466. .art-headline a:visited,
  467. .art-headline a:hover
  468. {
  469. font-size: 47px;
  470. font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
  471. font-weight: bold;
  472. font-style: normal;
  473. text-decoration: none;
  474. text-align: left;
  475. text-shadow: 1.4px 1.4px 1px rgba(255, 255, 255, 0.8), 2.1px 2.1px 1px rgba(23, 23, 23, 0.6);
  476. padding: 0;
  477. margin: 0;
  478. color: #822E12 !important;
  479. white-space: nowrap;
  480. }
  481. .art-slogan
  482. {
  483. display: inline-block;
  484. position: absolute;
  485. min-width: 50px;
  486. top: 121px;
  487. left: 46.9%;
  488. line-height: 100%;
  489. margin-left: -90px !important;
  490. -webkit-transform: rotate(0deg);
  491. -moz-transform: rotate(0deg);
  492. -o-transform: rotate(0deg);
  493. -ms-transform: rotate(0deg);
  494. transform: rotate(0deg);
  495. z-index: 102;
  496. white-space: nowrap;
  497. }
  498.  
  499. .art-slogan,
  500. .art-slogan a,
  501. .art-slogan a:link,
  502. .art-slogan a:visited,
  503. .art-slogan a:hover
  504. {
  505. font-size: 16px;
  506. font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  507. font-weight: normal;
  508. font-style: italic;
  509. text-align: left;
  510. padding: 0;
  511. margin: 0;
  512. color: #EDEDED !important;
  513. }
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520. .art-sheet
  521. {
  522. background: #2D2D2D;
  523. background: rgba(45, 45, 45, 0.8);
  524. -webkit-border-radius:10px;
  525. -moz-border-radius:10px;
  526. border-radius:10px;
  527. margin:30px auto 0;
  528. position:relative;
  529. cursor:auto;
  530. width: 1024px;
  531. z-index: auto !important;
  532. }
  533.  
  534. .art-header
  535. {
  536. -webkit-border-radius:10px 10px 0 0;
  537. -moz-border-radius:10px 10px 0 0;
  538. border-radius:10px 10px 0 0;
  539. margin:0 auto;
  540. height: 150px;
  541. background-image: url('images/header.png');
  542. background-position: 0 0;
  543. background-repeat: no-repeat;
  544. position: relative;
  545. z-index: auto !important;
  546. }
  547.  
  548. .responsive .art-header
  549. {
  550. background-image: url('images/header.png');
  551. background-position: center center;
  552. }
  553.  
  554. .art-header>.widget
  555. {
  556. position:absolute;
  557. z-index:101;
  558. }
  559.  
  560. .art-header .art-slider-inner
  561. {
  562. -webkit-border-radius:10px 10px 0 0;
  563. -moz-border-radius:10px 10px 0 0;
  564. border-radius:10px 10px 0 0;
  565. }
  566.  
  567. .art-nav
  568. {
  569. background: #414141 url('images/nav.png') scroll;
  570. background: linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  571. background: -webkit-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -webkit-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  572. background: -moz-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -moz-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  573. background: -o-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -o-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  574. background: -ms-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -ms-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  575. background: linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  576. -svg-background: linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  577. border-bottom:1px solid #414141;
  578. padding:4px 0 0;
  579. margin:0 auto;
  580. position: relative;
  581. z-index: 499;
  582. text-align: center;
  583. }
  584.  
  585. .art-navv
  586. {
  587. background: #414141 url('images/nav.png') scroll;
  588. background: linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  589. background: -webkit-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -webkit-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  590. background: -moz-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -moz-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  591. background: -o-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -o-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  592. background: -ms-linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), -ms-linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  593. background: linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  594. -svg-background: linear-gradient(top, rgba(78, 78, 78, 0.03) 0, rgba(86, 86, 86, 0.06) 40%, rgba(86, 86, 86, 0.06) 80%, rgba(29, 29, 29, 0.05) 100%) no-repeat, url('images/nav.png'), linear-gradient(top, #474747 0, #4D4D4D 40%, #4D4D4D 80%, #262626 100%) no-repeat;
  595. border-bottom:1px solid #414141;
  596. padding:4px 0 0;
  597. margin:0 auto;
  598. position: relative;
  599. z-index: 499;
  600. text-align: center;
  601. }
  602.  
  603. ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover, ul.art-smenu a, ul.art-smenu a:link, ul.art-smenu a:visited, ul.art-smenu a:hover
  604. {
  605. outline: none;
  606. position: relative;
  607. z-index: 11;
  608. }
  609.  
  610. ul.art-hmenu, ul.art-hmenu ul, ul.art-smenu, ul.art-smenu ul
  611. {
  612. display: block;
  613. margin: 0;
  614. padding: 0;
  615. border: 0;
  616. list-style-type: none;
  617. }
  618.  
  619. ul.art-hmenu li, ul.art-smenu li
  620. {
  621. position: relative;
  622. z-index: 5;
  623. display: block;
  624. float: left;
  625. background: none;
  626. margin: 0;
  627. padding: 0;
  628. border: 0;
  629. }
  630.  
  631. ul.art-hmenu li:hover, ul.art-smenu li:hover
  632. {
  633. z-index: 10000;
  634. white-space: normal;
  635. }
  636.  
  637. ul.art-hmenu:after, ul.art-hmenu ul:after, ul.art-smenu:after, ul.art-smenu ul:after
  638. {
  639. content: ".";
  640. height: 0;
  641. display: block;
  642. visibility: hidden;
  643. overflow: hidden;
  644. clear: both;
  645. }
  646.  
  647. ul.art-hmenu, ul.art-hmenu ul, ul.art-smenu, ul.art-smenu ul
  648. {
  649. min-height: 0;
  650. }
  651.  
  652. ul.art-hmenu, ul.art-smenu
  653. {
  654. display: inline-block;
  655. vertical-align: bottom;
  656. }
  657.  
  658. .art-nav:before
  659. {
  660. content:' ';
  661. }
  662.  
  663. .art-navv:before
  664. {
  665. content:' ';
  666. }
  667.  
  668. .art-hmenu-extra1, .art-smenu-extra1
  669. {
  670. position: relative;
  671. display: block;
  672. float: left;
  673. width: auto;
  674. height: auto;
  675. background-position: center;
  676. }
  677.  
  678. .art-hmenu-extra2, .art-smenu-extra2
  679. {
  680. position: relative;
  681. display: block;
  682. float: right;
  683. width: auto;
  684. height: auto;
  685. background-position: center;
  686. }
  687.  
  688. .art-menuitemcontainer
  689. {
  690. margin:0 auto;
  691. }
  692. ul.art-hmenu>li {
  693. margin-left: 2px;
  694. }
  695. ul.art-smenu>li {
  696. margin-left: 2px;
  697. }
  698. ul.art-hmenu>li:first-child {
  699. margin-left: 1px;
  700. }
  701. ul.art-smenu>li:first-child {
  702. margin-left: 1px;
  703. }
  704.  
  705. ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
  706. margin-right: 1px;
  707. }
  708. ul.art-smenu>li:last-child, ul.art-smenu>li.last-child {
  709. margin-right: 1px;
  710. }
  711.  
  712.  
  713. ul.art-hmenu>li>a
  714. {
  715. -webkit-border-radius:7px 7px 0 0;
  716. -moz-border-radius:7px 7px 0 0;
  717. border-radius:7px 7px 0 0;
  718. border:1px solid transparent;
  719. border-bottom:none;
  720. padding:0 17px;
  721. margin:0 auto;
  722. position: relative;
  723. display: block;
  724. height: 35px;
  725. cursor: pointer;
  726. text-decoration: none;
  727. color: #D2D2D2;
  728. line-height: 35px;
  729. text-align: center;
  730. }
  731. ul.art-smenu>li>a
  732. {
  733. -webkit-border-radius:7px 7px 0 0;
  734. -moz-border-radius:7px 7px 0 0;
  735. border-radius:7px 7px 0 0;
  736. border:1px solid transparent;
  737. border-bottom:none;
  738. padding:0 17px;
  739. margin:0 auto;
  740. position: relative;
  741. display: block;
  742. height: 35px;
  743. cursor: pointer;
  744. text-decoration: none;
  745. color: #D2D2D2;
  746. line-height: 35px;
  747. text-align: center;
  748. }
  749.  
  750.  
  751. .art-hmenu a,
  752. .art-hmenu a:link,
  753. .art-hmenu a:visited,
  754. .art-hmenu a.active,
  755. .art-hmenu a:hover,
  756. .art-smenu a,
  757. .art-smenu a:link,
  758. .art-smenu a:visited,
  759. .art-smenu a.active,
  760. .art-smenu a:hover
  761. {
  762. font-size: 14px;
  763. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  764. font-weight: bold;
  765. font-style: normal;
  766. text-decoration: none;
  767. text-align: left;
  768. }
  769.  
  770. ul.art-hmenu>li>a.active
  771. {
  772. background: #2D2D2D;
  773. background: linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  774. background: -webkit-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  775. background: -moz-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  776. background: -o-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  777. background: -ms-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  778. background: linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  779. -svg-background: linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  780. -webkit-border-radius:7px 7px 0 0;
  781. -moz-border-radius:7px 7px 0 0;
  782. border-radius:7px 7px 0 0;
  783. border:1px solid #414141;
  784. border-bottom:none;
  785. padding:0 17px;
  786. margin:0 auto;
  787. color: #FFFFFF;
  788. padding-bottom: 1px;
  789. margin-bottom: -1px;
  790. text-decoration: none;
  791. }
  792. ul.art-smenu>li>a.active
  793. {
  794. background: #2D2D2D;
  795. background: linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  796. background: -webkit-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  797. background: -moz-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  798. background: -o-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  799. background: -ms-linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  800. background: linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  801. -svg-background: linear-gradient(top, #575757 0, #030303 100%) no-repeat;
  802. -webkit-border-radius:7px 7px 0 0;
  803. -moz-border-radius:7px 7px 0 0;
  804. border-radius:7px 7px 0 0;
  805. border:1px solid #414141;
  806. border-bottom:none;
  807. padding:0 17px;
  808. margin:0 auto;
  809. color: #FFFFFF;
  810. padding-bottom: 1px;
  811. margin-bottom: -1px;
  812. text-decoration: none;
  813. }
  814.  
  815. ul.art-hmenu>li>a:visited,
  816. ul.art-hmenu>li>a:hover,
  817. ul.art-hmenu>li:hover>a {
  818. text-decoration: none;
  819. }
  820. ul.art-smenu>li>a:visited,
  821. ul.art-smenu>li>a:hover,
  822. ul.art-smenu>li:hover>a {
  823. text-decoration: none;
  824. }
  825.  
  826. ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
  827. {
  828. background: #FDDA7B;
  829. background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  830. background: -webkit-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  831. background: -moz-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  832. background: -o-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  833. background: -ms-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  834. background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  835. -svg-background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  836. -webkit-border-radius:7px 7px 0 0;
  837. -moz-border-radius:7px 7px 0 0;
  838. border-radius:7px 7px 0 0;
  839. border:1px solid #6D6D6D;
  840. border-bottom:none;
  841. padding:0 17px;
  842. margin:0 auto;
  843. }
  844. ul.art-smenu>li>a:hover, .desktop ul.art-smenu>li:hover>a
  845. {
  846. background: #FDDA7B;
  847. background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  848. background: -webkit-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  849. background: -moz-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  850. background: -o-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  851. background: -ms-linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  852. background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  853. -svg-background: linear-gradient(top, #FEF1CD 0, #FCC42C 100%) no-repeat;
  854. -webkit-border-radius:7px 7px 0 0;
  855. -moz-border-radius:7px 7px 0 0;
  856. border-radius:7px 7px 0 0;
  857. border:1px solid #6D6D6D;
  858. border-bottom:none;
  859. padding:0 17px;
  860. margin:0 auto;
  861. }
  862. ul.art-hmenu>li>a:hover,
  863. .desktop ul.art-hmenu>li:hover>a {
  864. color: #694D02;
  865. text-decoration: none;
  866. }
  867. ul.art-hmenu>li>a.active:hover {
  868. padding-bottom: 0;
  869. margin-bottom: 0;
  870. }
  871.  
  872. ul.art-hmenu li li a
  873. {
  874. background: #414141;
  875. padding:0 8px;
  876. margin:0 auto;
  877. }
  878. ul.art-hmenu li li
  879. {
  880. float: none;
  881. width: auto;
  882. margin-top: 0;
  883. margin-bottom: 0;
  884. }
  885.  
  886. ul.art-smenu>li>a:hover,
  887. .desktop ul.art-smenu>li:hover>a {
  888. color: #694D02;
  889. text-decoration: none;
  890. }
  891. ul.art-smenu>li>a.active:hover {
  892. padding-bottom: 0;
  893. margin-bottom: 0;
  894. }
  895.  
  896. ul.art-smenu li li a
  897. {
  898. background: #414141;
  899. padding:0 8px;
  900. margin:0 auto;
  901. }
  902. ul.art-smenu li li
  903. {
  904. float: none;
  905. width: auto;
  906. margin-top: 0;
  907. margin-bottom: 0;
  908. }
  909.  
  910. .desktop ul.art-hmenu li li ul>li:first-child
  911. {
  912. margin-top: 0;
  913. }
  914. .desktop ul.art-smenu li li ul>li:first-child
  915. {
  916. margin-top: 0;
  917. }
  918.  
  919. ul.art-hmenu li li ul>li:last-child
  920. {
  921. margin-bottom: 0;
  922. }
  923. ul.art-smenu li li ul>li:last-child
  924. {
  925. margin-bottom: 0;
  926. }
  927.  
  928.  
  929. .art-hmenu ul a
  930. {
  931. display: block;
  932. white-space: nowrap;
  933. height: 23px;
  934. min-width: 7em;
  935. border: 0 solid transparent;
  936. text-align: left;
  937. line-height: 23px;
  938. color: #ECECEC;
  939. font-size: 12px;
  940. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  941. font-weight: normal;
  942. font-style: normal;
  943. text-decoration: none;
  944. margin:0;
  945. }
  946. .art-smenu ul a
  947. {
  948. display: block;
  949. white-space: nowrap;
  950. height: 23px;
  951. min-width: 7em;
  952. border: 0 solid transparent;
  953. text-align: left;
  954. line-height: 23px;
  955. color: #ECECEC;
  956. font-size: 12px;
  957. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  958. font-weight: normal;
  959. font-style: normal;
  960. text-decoration: none;
  961. margin:0;
  962. }
  963.  
  964.  
  965. .art-hmenu ul a:link,
  966. .art-hmenu ul a:visited,
  967. .art-hmenu ul a.active,
  968. .art-hmenu ul a:hover
  969. {
  970. text-align: left;
  971. line-height: 23px;
  972. color: #ECECEC;
  973. font-size: 12px;
  974. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  975. font-weight: normal;
  976. font-style: normal;
  977. text-decoration: none;
  978. margin:0;
  979. }
  980.  
  981. .art-smenu ul a:link,
  982. .art-smenu ul a:visited,
  983. .art-smenu ul a.active,
  984. .art-smenu ul a:hover
  985. {
  986. text-align: left;
  987. line-height: 23px;
  988. color: #ECECEC;
  989. font-size: 12px;
  990. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  991. font-weight: normal;
  992. font-style: normal;
  993. text-decoration: none;
  994. margin:0;
  995. }
  996.  
  997. ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
  998. {
  999. background: #414141;
  1000. margin:0 auto;
  1001. }
  1002.  
  1003. .art-hmenu ul li a:hover
  1004. {
  1005. color: #FDE297;
  1006. }
  1007.  
  1008. ul.art-smenu ul li a:hover, .desktop ul.art-smenu ul li:hover>a
  1009. {
  1010. background: #414141;
  1011. margin:0 auto;
  1012. }
  1013.  
  1014. .art-smenu ul li a:hover
  1015. {
  1016. color: #FDE297;
  1017. }
  1018.  
  1019. .desktop .art-hmenu ul li:hover>a
  1020. {
  1021. color: #FDE297;
  1022. }
  1023.  
  1024. ul.art-hmenu ul:before
  1025. {
  1026. background: #EEAF04;
  1027. margin:0 auto;
  1028. display: block;
  1029. position: absolute;
  1030. content: ' ';
  1031. z-index: 1;
  1032. }
  1033.  
  1034. .desktop .art-smenu ul li:hover>a
  1035. {
  1036. color: #FDE297;
  1037. }
  1038.  
  1039. ul.art-smenu ul:before
  1040. {
  1041. background: #EEAF04;
  1042. margin:0 auto;
  1043. display: block;
  1044. position: absolute;
  1045. content: ' ';
  1046. z-index: 1;
  1047. }
  1048.  
  1049. .desktop ul.art-hmenu li:hover>ul {
  1050. visibility: visible;
  1051. top: 100%;
  1052. }
  1053. .desktop ul.art-hmenu li li:hover>ul {
  1054. top: 0;
  1055. left: 100%;
  1056. }
  1057. .desktop ul.art-smenu li:hover>ul {
  1058. visibility: visible;
  1059. top: 100%;
  1060. }
  1061. .desktop ul.art-smenu li li:hover>ul {
  1062. top: 0;
  1063. left: 100%;
  1064. }
  1065. ul.art-hmenu ul
  1066. {
  1067. visibility: hidden;
  1068. position: absolute;
  1069. z-index: 10;
  1070. left: 0;
  1071. top: 0;
  1072. background-image: url('images/spacer.gif');
  1073. }
  1074. ul.art-smenu ul
  1075. {
  1076. visibility: hidden;
  1077. position: absolute;
  1078. z-index: 10;
  1079. left: 0;
  1080. top: 0;
  1081. background-image: url('images/spacer.gif');
  1082. }
  1083.  
  1084. .desktop ul.art-hmenu>li>ul
  1085. {
  1086. padding: 10px 30px 30px 30px;
  1087. margin: -10px 0 0 -30px;
  1088. }
  1089.  
  1090. .desktop ul.art-hmenu ul ul
  1091. {
  1092. padding: 30px 30px 30px 10px;
  1093. margin: -30px 0 0 -10px;
  1094. }
  1095. .desktop ul.art-smenu>li>ul
  1096. {
  1097. padding: 10px 30px 30px 30px;
  1098. margin: -10px 0 0 -30px;
  1099. }
  1100.  
  1101. .desktop ul.art-smenu ul ul
  1102. {
  1103. padding: 30px 30px 30px 10px;
  1104. margin: -30px 0 0 -10px;
  1105. }
  1106.  
  1107.  
  1108. .desktop ul.art-hmenu ul.art-hmenu-left-to-right
  1109. {
  1110. right: auto;
  1111. left: 0;
  1112. margin: -10px 0 0 -30px;
  1113. }
  1114. .desktop ul.art-smenu ul.art-smenu-left-to-right
  1115. {
  1116. right: auto;
  1117. left: 0;
  1118. margin: -10px 0 0 -30px;
  1119. }
  1120.  
  1121. .desktop ul.art-hmenu ul.art-hmenu-right-to-left
  1122. {
  1123. left: auto;
  1124. right: 0;
  1125. margin: -10px -30px 0 0;
  1126. }
  1127.  
  1128. .desktop ul.art-smenu ul.art-smenu-right-to-left
  1129. {
  1130. left: auto;
  1131. right: 0;
  1132. margin: -10px -30px 0 0;
  1133. }
  1134.  
  1135. .desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
  1136. right: auto;
  1137. left: 100%;
  1138. }
  1139. .desktop ul.art-smenu li li:hover>ul.art-smenu-left-to-right {
  1140. right: auto;
  1141. left: 100%;
  1142. }
  1143.  
  1144. .desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
  1145. left: auto;
  1146. right: 100%;
  1147. }
  1148.  
  1149. .desktop ul.art-smenu li li:hover>ul.art-smenu-right-to-left {
  1150. left: auto;
  1151. right: 100%;
  1152. }
  1153.  
  1154.  
  1155. .desktop ul.art-hmenu ul ul.art-hmenu-left-to-right
  1156. {
  1157. right: auto;
  1158. left: 0;
  1159. padding: 30px 30px 30px 10px;
  1160. margin: -30px 0 0 -10px;
  1161. }
  1162. .desktop ul.art-smenu ul ul.art-smenu-left-to-right
  1163. {
  1164. right: auto;
  1165. left: 0;
  1166. padding: 30px 30px 30px 10px;
  1167. margin: -30px 0 0 -10px;
  1168. }
  1169. .desktop ul.art-hmenu ul ul.art-hmenu-right-to-left
  1170. {
  1171. left: auto;
  1172. right: 0;
  1173. padding: 30px 10px 30px 30px;
  1174. margin: -30px -10px 0 0;
  1175. }
  1176. .desktop ul.art-smenu ul ul.art-smenu-right-to-left
  1177. {
  1178. left: auto;
  1179. right: 0;
  1180. padding: 30px 10px 30px 30px;
  1181. margin: -30px -10px 0 0;
  1182. }
  1183. .desktop ul.art-hmenu li ul>li:first-child {
  1184. margin-top: 0;
  1185. }
  1186. .desktop ul.art-hmenu li ul>li:last-child {
  1187. margin-bottom: 0;
  1188. }
  1189. .desktop ul.art-smenu li ul>li:first-child {
  1190. margin-top: 0;
  1191. }
  1192. .desktop ul.art-smenu li ul>li:last-child {
  1193. margin-bottom: 0;
  1194. }
  1195.  
  1196. .desktop ul.art-hmenu ul ul:before
  1197. {
  1198. border-radius: 0;
  1199. top: 30px;
  1200. bottom: 30px;
  1201. right: 30px;
  1202. left: 10px;
  1203. }
  1204.  
  1205. .desktop ul.art-hmenu>li>ul:before
  1206. {
  1207. top: 10px;
  1208. right: 30px;
  1209. bottom: 30px;
  1210. left: 30px;
  1211. }
  1212. .desktop ul.art-smenu ul ul:before
  1213. {
  1214. border-radius: 0;
  1215. top: 30px;
  1216. bottom: 30px;
  1217. right: 30px;
  1218. left: 10px;
  1219. }
  1220.  
  1221. .desktop ul.art-smenu>li>ul:before
  1222. {
  1223. top: 10px;
  1224. right: 30px;
  1225. bottom: 30px;
  1226. left: 30px;
  1227. }
  1228.  
  1229. .desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
  1230. right: 30px;
  1231. left: 30px;
  1232. }
  1233. .desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
  1234. right: 30px;
  1235. left: 30px;
  1236. }
  1237. .desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
  1238. right: 30px;
  1239. left: 10px;
  1240. }
  1241. .desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
  1242. right: 10px;
  1243. left: 30px;
  1244. }
  1245.  
  1246. .desktop ul.art-smenu>li>ul.art-smenu-left-to-right:before {
  1247. right: 30px;
  1248. left: 30px;
  1249. }
  1250. .desktop ul.art-smenu>li>ul.art-smenu-right-to-left:before {
  1251. right: 30px;
  1252. left: 30px;
  1253. }
  1254. .desktop ul.art-smenu ul ul.art-smenu-left-to-right:before {
  1255. right: 30px;
  1256. left: 10px;
  1257. }
  1258. .desktop ul.art-smenu ul ul.art-smenu-right-to-left:before {
  1259. right: 10px;
  1260. left: 30px;
  1261. }
  1262.  
  1263. .art-layout-wrapper
  1264. {
  1265. position: relative;
  1266. margin: 0 auto 0 auto;
  1267. z-index: auto !important;
  1268. }
  1269.  
  1270. .art-content-layout
  1271. {
  1272. display: table;
  1273. width: 100%;
  1274. table-layout: fixed;
  1275. }
  1276.  
  1277. .art-content-layout-row
  1278. {
  1279. display: table-row;
  1280. }
  1281.  
  1282. .art-layout-cell
  1283. {
  1284. display: table-cell;
  1285. vertical-align: top;
  1286. }
  1287.  
  1288. /* need only for content layout in post content */
  1289. .art-postcontent .art-content-layout
  1290. {
  1291. border-collapse: collapse;
  1292. }
  1293.  
  1294. .art-block
  1295. {
  1296. margin:10px;
  1297. }
  1298. div.art-block img
  1299. {
  1300. border: none;
  1301. margin: 0;
  1302. }
  1303.  
  1304. .art-blockheader
  1305. {
  1306. background: #FCD56B;
  1307. background: linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1308. background: -webkit-linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1309. background: -moz-linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1310. background: -o-linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1311. background: -ms-linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1312. background: linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1313. -svg-background: linear-gradient(top, rgba(253, 224, 145, 0.8) 0, rgba(251, 202, 65, 0.8) 100%) no-repeat;
  1314. padding:10px 7px;
  1315. margin:0 auto;
  1316. }
  1317. .art-blockheader .t,
  1318. .art-blockheader .t a,
  1319. .art-blockheader .t a:link,
  1320. .art-blockheader .t a:visited,
  1321. .art-blockheader .t a:hover
  1322. {
  1323. color: #000000;
  1324. font-size: 14px;
  1325. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1326. font-weight: bold;
  1327. font-style: normal;
  1328. margin-left: 10px;
  1329. margin-right: 10px;
  1330. }
  1331.  
  1332. .art-blockcontent
  1333. {
  1334. background: #414141;
  1335. background: rgba(65, 65, 65, 0.5);
  1336. border:1px solid rgba(109, 109, 109, 0.5);
  1337. padding:7px;
  1338. margin:0 auto;
  1339. color: #C2C2C2;
  1340. font-size: 12px;
  1341. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1342. font-weight: normal;
  1343. font-style: normal;
  1344. }
  1345. .art-blockcontent table,
  1346. .art-blockcontent li,
  1347. .art-blockcontent a,
  1348. .art-blockcontent a:link,
  1349. .art-blockcontent a:visited,
  1350. .art-blockcontent a:hover
  1351. {
  1352. color: #C2C2C2;
  1353. font-size: 12px;
  1354. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1355. font-weight: normal;
  1356. font-style: normal;
  1357. }
  1358.  
  1359. .art-blockcontent a, .art-blockcontent a:link
  1360. {
  1361. color: #FCDC81;
  1362. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1363. text-decoration: underline;
  1364. }
  1365.  
  1366. .art-blockcontent a:visited, .art-blockcontent a.visited
  1367. {
  1368. color: #FDDC80;
  1369. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1370. text-decoration: underline;
  1371. }
  1372.  
  1373. .art-blockcontent a:hover, .art-blockcontent a.hover
  1374. {
  1375. color: #FCDC81;
  1376. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1377. text-decoration: none;
  1378. }
  1379. .art-block ul>li:before
  1380. {
  1381. content:url('images/blockbullets.png');
  1382. margin-right:6px;
  1383. bottom: 2px;
  1384. position:relative;
  1385. display:inline-block;
  1386. vertical-align:middle;
  1387. font-size:0;
  1388. line-height:0;
  1389. margin-left: -13px;
  1390. }
  1391. .opera .art-block ul>li:before
  1392. {
  1393. /* Vertical-align:middle in Opera doesn't need additional offset */
  1394. bottom: 0;
  1395. }
  1396.  
  1397. .art-block li
  1398. {
  1399. font-size: 12px;
  1400. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1401. text-decoration: none;
  1402. line-height: 125%;
  1403. color: #C2C2C2;
  1404. }
  1405.  
  1406. .art-block ul>li, .art-block ol
  1407. {
  1408. padding: 0;
  1409. }
  1410.  
  1411. .art-block ul>li
  1412. {
  1413. padding-left: 13px;
  1414. }
  1415.  
  1416. .art-breadcrumbs
  1417. {
  1418. margin:0 auto;
  1419. }
  1420.  
  1421. a.art-button,
  1422. a.art-button:link,
  1423. a:link.art-button:link,
  1424. body a.art-button:link,
  1425. a.art-button:visited,
  1426. body a.art-button:visited,
  1427. input.art-button,
  1428. button.art-button
  1429. {
  1430. text-decoration: none;
  1431. font-size: 12px;
  1432. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1433. font-weight: normal;
  1434. font-style: normal;
  1435. position:relative;
  1436. display: inline-block;
  1437. vertical-align: middle;
  1438. white-space: nowrap;
  1439. text-align: center;
  1440. color: #272727;
  1441. margin: 0 5px 0 0 !important;
  1442. overflow: visible;
  1443. cursor: pointer;
  1444. text-indent: 0;
  1445. line-height: 25px;
  1446. -webkit-box-sizing: content-box;
  1447. -moz-box-sizing: content-box;
  1448. box-sizing: content-box;
  1449. }
  1450.  
  1451. .art-button img
  1452. {
  1453. margin: 0;
  1454. vertical-align: middle;
  1455. }
  1456.  
  1457. .firefox2 .art-button
  1458. {
  1459. display: block;
  1460. float: left;
  1461. }
  1462.  
  1463. input, select, textarea, a.art-search-button span
  1464. {
  1465. vertical-align: middle;
  1466. font-size: 12px;
  1467. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1468. font-weight: normal;
  1469. font-style: normal;
  1470. }
  1471.  
  1472. .art-block select
  1473. {
  1474. width:96%;
  1475. }
  1476.  
  1477. input.art-button
  1478. {
  1479. float: none !important;
  1480. }
  1481.  
  1482. .art-button.active, .art-button.active:hover
  1483. {
  1484. background: #694D02;
  1485. background: linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1486. background: -webkit-linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1487. background: -moz-linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1488. background: -o-linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1489. background: -ms-linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1490. background: linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1491. -svg-background: linear-gradient(top, #BA8903 0, #191300 100%) no-repeat;
  1492. -webkit-border-radius:3px;
  1493. -moz-border-radius:3px;
  1494. border-radius:3px;
  1495. -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  1496. -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  1497. box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  1498. border:1px solid #6D6D6D;
  1499. padding:0 15px;
  1500. margin:0 auto;
  1501. }
  1502. .art-button.active, .art-button.active:hover {
  1503. color: #E9E9E9 !important;
  1504. }
  1505.  
  1506. .art-button.hover, .art-button:hover
  1507. {
  1508. background: #EEAF04;
  1509. background: linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1510. background: -webkit-linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1511. background: -moz-linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1512. background: -o-linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1513. background: -ms-linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1514. background: linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1515. -svg-background: linear-gradient(top, #FCCA40 0, #FBB904 40%, #A17702 100%) no-repeat;
  1516. -webkit-border-radius:3px;
  1517. -moz-border-radius:3px;
  1518. border-radius:3px;
  1519. -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  1520. -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  1521. box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
  1522. border:1px solid #6D6D6D;
  1523. padding:0 15px;
  1524. margin:0 auto;
  1525. }
  1526. .art-button.hover, .art-button:hover {
  1527. color: #000000 !important;
  1528. }
  1529.  
  1530. input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
  1531. {
  1532. background: #FFFFFF;
  1533. border:1px solid rgba(252, 213, 107, 0.2);
  1534. margin:0 auto;
  1535. }
  1536. input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
  1537. {
  1538. width: auto;
  1539. padding: 8px 0;
  1540. color: #896603 !important;
  1541. font-size: 13px;
  1542. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1543. font-weight: normal;
  1544. font-style: normal;
  1545. text-shadow: none;
  1546. }
  1547. input.art-error, textarea.art-error
  1548. {
  1549. background: #FFFFFF;
  1550. border:1px solid #E54934;
  1551. margin:0 auto;
  1552. }
  1553. input.art-error, textarea.art-error {
  1554. color: #896603 !important;
  1555. font-size: 13px;
  1556. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1557. font-weight: normal;
  1558. font-style: normal;
  1559. }
  1560. form.art-search input[type="text"]
  1561. {
  1562. background: #FFFFFF;
  1563. border-radius: 0;
  1564. border:1px solid #E7ECF0;
  1565. margin:0 auto;
  1566. width: 100%;
  1567. padding: 0 0;
  1568. -webkit-box-sizing: border-box;
  1569. -moz-box-sizing: border-box;
  1570. box-sizing: border-box;
  1571. color: #896603 !important;
  1572. font-size: 13px;
  1573. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1574. font-weight: normal;
  1575. font-style: normal;
  1576. }
  1577. form.art-search
  1578. {
  1579. background-image: none;
  1580. border: 0;
  1581. display:block;
  1582. position:relative;
  1583. top:0;
  1584. padding:0;
  1585. margin:5px;
  1586. left:0;
  1587. line-height: 0;
  1588. }
  1589.  
  1590. form.art-search input, a.art-search-button
  1591. {
  1592. top:0;
  1593. right:0;
  1594. }
  1595.  
  1596. form.art-search>input, a.art-search-button{
  1597. bottom:0;
  1598. left:0;
  1599. vertical-align: middle;
  1600. }
  1601.  
  1602. form.art-search input[type="submit"], input.art-search-button, a.art-search-button
  1603. {
  1604. background: #FDDA7B;
  1605. -webkit-border-radius:0 -1px -1px 0;
  1606. -moz-border-radius:0 -1px -1px 0;
  1607. border-radius:0 -1px -1px 0;
  1608. margin:0 auto;
  1609. }
  1610. form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
  1611. position:absolute;
  1612. left:auto;
  1613. display:block;
  1614. border: 0;
  1615. top: 1px;
  1616. bottom: 1px;
  1617. right: 1px;
  1618. padding:0 6px;
  1619. color: #B18203 !important;
  1620. font-size: 13px;
  1621. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1622. font-weight: normal;
  1623. font-style: normal;
  1624. cursor: pointer;
  1625. }
  1626.  
  1627. a.art-search-button span.art-search-button-text, a.art-search-button:after {
  1628. vertical-align:middle;
  1629. }
  1630.  
  1631. a.art-search-button:after {
  1632. display:inline-block;
  1633. content:' ';
  1634. height: 100%;
  1635. }
  1636.  
  1637. a.art-search-button, a.art-search-button span,
  1638. a.art-search-button:visited, a.art-search-button.visited,
  1639. a.art-search-button:hover, a.art-search-button.hover
  1640. {
  1641. text-decoration: none;
  1642. font-size: 13px;
  1643. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1644. font-weight: normal;
  1645. font-style: normal;
  1646. }
  1647.  
  1648. label.art-checkbox:before
  1649. {
  1650. background: #FFFFFF;
  1651. -webkit-border-radius:1px;
  1652. -moz-border-radius:1px;
  1653. border-radius:1px;
  1654. border-width: 0;
  1655. margin:0 auto;
  1656. width:16px;
  1657. height:16px;
  1658. }
  1659. label.art-checkbox
  1660. {
  1661. cursor: pointer;
  1662. font-size: 13px;
  1663. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1664. font-weight: normal;
  1665. font-style: normal;
  1666. line-height: 16px;
  1667. display: inline-block;
  1668. color: #FEF4D9 !important;
  1669. }
  1670.  
  1671. .art-checkbox>input[type="checkbox"]
  1672. {
  1673. margin: 0 5px 0 0;
  1674. }
  1675.  
  1676. label.art-checkbox.active:before
  1677. {
  1678. background: #9A9A9A;
  1679. -webkit-border-radius:1px;
  1680. -moz-border-radius:1px;
  1681. border-radius:1px;
  1682. border-width: 0;
  1683. margin:0 auto;
  1684. width:16px;
  1685. height:16px;
  1686. display: inline-block;
  1687. }
  1688.  
  1689. label.art-checkbox.hovered:before
  1690. {
  1691. background: #B9B9B9;
  1692. -webkit-border-radius:1px;
  1693. -moz-border-radius:1px;
  1694. border-radius:1px;
  1695. border-width: 0;
  1696. margin:0 auto;
  1697. width:16px;
  1698. height:16px;
  1699. display: inline-block;
  1700. }
  1701.  
  1702. label.art-radiobutton:before
  1703. {
  1704. background: #FFFFFF;
  1705. -webkit-border-radius:3px;
  1706. -moz-border-radius:3px;
  1707. border-radius:3px;
  1708. border-width: 0;
  1709. margin:0 auto;
  1710. width:12px;
  1711. height:12px;
  1712. }
  1713. label.art-radiobutton
  1714. {
  1715. cursor: pointer;
  1716. font-size: 13px;
  1717. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1718. font-weight: normal;
  1719. font-style: normal;
  1720. line-height: 12px;
  1721. display: inline-block;
  1722. color: #FEF4D9 !important;
  1723. }
  1724.  
  1725. .art-radiobutton>input[type="radio"]
  1726. {
  1727. vertical-align: baseline;
  1728. margin: 0 5px 0 0;
  1729. }
  1730.  
  1731. label.art-radiobutton.active:before
  1732. {
  1733. background: #9A9A9A;
  1734. -webkit-border-radius:3px;
  1735. -moz-border-radius:3px;
  1736. border-radius:3px;
  1737. border-width: 0;
  1738. margin:0 auto;
  1739. width:12px;
  1740. height:12px;
  1741. display: inline-block;
  1742. }
  1743.  
  1744. label.art-radiobutton.hovered:before
  1745. {
  1746. background: #B9B9B9;
  1747. -webkit-border-radius:3px;
  1748. -moz-border-radius:3px;
  1749. border-radius:3px;
  1750. border-width: 0;
  1751. margin:0 auto;
  1752. width:12px;
  1753. height:12px;
  1754. display: inline-block;
  1755. }
  1756.  
  1757. .art-comments
  1758. {
  1759. border-top:1px dotted #848484;
  1760. margin:0 auto;
  1761. margin-top: 25px;
  1762. }
  1763.  
  1764. .art-comments h2
  1765. {
  1766. color: #DEDEDE;
  1767. }
  1768.  
  1769. .art-comment-inner
  1770. {
  1771. background: #FFFFFF;
  1772. background: transparent;
  1773. -webkit-border-radius:2px;
  1774. -moz-border-radius:2px;
  1775. border-radius:2px;
  1776. padding:5px;
  1777. margin:0 auto;
  1778. margin-left: 94px;
  1779. }
  1780. .art-comment-avatar
  1781. {
  1782. float:left;
  1783. width:80px;
  1784. height:80px;
  1785. padding:1px;
  1786. background:#fff;
  1787. border:1px solid #FFFFFF;
  1788. }
  1789.  
  1790. .art-comment-avatar>img
  1791. {
  1792. margin:0 !important;
  1793. border:none !important;
  1794. }
  1795.  
  1796. .art-comment-content
  1797. {
  1798. padding:10px 0;
  1799. color: #FEF4D9;
  1800. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1801. }
  1802.  
  1803. .art-comment
  1804. {
  1805. margin-top: 6px;
  1806. }
  1807.  
  1808. #comment-list>li:first-child>.art-comment
  1809. {
  1810. margin-top: 0;
  1811. }
  1812.  
  1813. .art-comment-header
  1814. {
  1815. color: #DEDEDE;
  1816. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1817. line-height: 100%;
  1818. }
  1819.  
  1820. .art-comment-header a,
  1821. .art-comment-header a:link,
  1822. .art-comment-header a:visited,
  1823. .art-comment-header a.visited,
  1824. .art-comment-header a:hover,
  1825. .art-comment-header a.hovered
  1826. {
  1827. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1828. line-height: 100%;
  1829. }
  1830.  
  1831. .art-comment-header a, .art-comment-header a:link
  1832. {
  1833. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1834. color: #FFFFFF;
  1835. }
  1836.  
  1837. .art-comment-header a:visited, .art-comment-header a.visited
  1838. {
  1839. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1840. color: #FFFFFF;
  1841. }
  1842.  
  1843. .art-comment-header a:hover, .art-comment-header a.hovered
  1844. {
  1845. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1846. color: #FFFFFF;
  1847. }
  1848.  
  1849. .art-comment-content a,
  1850. .art-comment-content a:link,
  1851. .art-comment-content a:visited,
  1852. .art-comment-content a.visited,
  1853. .art-comment-content a:hover,
  1854. .art-comment-content a.hovered
  1855. {
  1856. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1857. }
  1858.  
  1859. .art-comment-content a, .art-comment-content a:link
  1860. {
  1861. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1862. color: #FFFFFF;
  1863. }
  1864.  
  1865. .art-comment-content a:visited, .art-comment-content a.visited
  1866. {
  1867. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1868. color: #FFFCF4;
  1869. }
  1870.  
  1871. .art-comment-content a:hover, .art-comment-content a.hovered
  1872. {
  1873. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1874. color: #FFFFFF;
  1875. }
  1876.  
  1877. .art-pager
  1878. {
  1879. background: #FFFFFF;
  1880. background: linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1881. background: -webkit-linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1882. background: -moz-linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1883. background: -o-linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1884. background: -ms-linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1885. background: linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1886. -svg-background: linear-gradient(top, #FFFFFF 0, #8FA5BC 100%) no-repeat;
  1887. -webkit-border-radius:2px;
  1888. -moz-border-radius:2px;
  1889. border-radius:2px;
  1890. border:1px solid #848484;
  1891. padding:5px;
  1892. }
  1893.  
  1894. .art-pager>*:last-child,
  1895. .art-pager>*:last-child:hover
  1896. {
  1897. margin-right:0;
  1898. }
  1899.  
  1900. .art-pager>span {
  1901. cursor:default;
  1902. }
  1903.  
  1904. .art-pager>*
  1905. {
  1906. background: #B9B9B9;
  1907. background: linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1908. background: -webkit-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1909. background: -moz-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1910. background: -o-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1911. background: -ms-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1912. background: linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1913. -svg-background: linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1914. -webkit-border-radius:2px;
  1915. -moz-border-radius:2px;
  1916. border-radius:2px;
  1917. border:1px solid #B9B9B9;
  1918. padding:7px;
  1919. margin:0 4px 0 auto;
  1920. position:relative;
  1921. display:inline-block;
  1922. margin-left: 0;
  1923. }
  1924.  
  1925. .art-pager a:link,
  1926. .art-pager a:visited
  1927. {
  1928. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  1929. text-decoration: none;
  1930. color: #191919
  1931. ;
  1932. }
  1933.  
  1934. .art-pager .active
  1935. {
  1936. background: #B6BFC9;
  1937. background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1938. background: -webkit-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1939. background: -moz-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1940. background: -o-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1941. background: -ms-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1942. background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1943. -svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
  1944. border:1px solid #B9B9B9;
  1945. padding:7px;
  1946. margin:0 4px 0 auto;
  1947. color: #FFFFFF
  1948. ;
  1949. }
  1950.  
  1951. .art-pager .more
  1952. {
  1953. background: #B9B9B9;
  1954. background: linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1955. background: -webkit-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1956. background: -moz-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1957. background: -o-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1958. background: -ms-linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1959. background: linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1960. -svg-background: linear-gradient(top, #E3E3E3 0, #919191 100%) no-repeat;
  1961. border:1px solid #B9B9B9;
  1962. margin:0 4px 0 auto;
  1963. }
  1964. .art-pager a.more:link,
  1965. .art-pager a.more:visited
  1966. {
  1967. color: #312501
  1968. ;
  1969. }
  1970. .art-pager a:hover
  1971. {
  1972. background: #9A9A9A;
  1973. background: linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1974. background: -webkit-linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1975. background: -moz-linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1976. background: -o-linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1977. background: -ms-linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1978. background: linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1979. -svg-background: linear-gradient(top, #C2C2C2 0, #808080 84%, #737373 100%) no-repeat;
  1980. border:1px solid #B9B9B9;
  1981. padding:7px;
  1982. margin:0 4px 0 auto;
  1983. }
  1984. .art-pager a:hover,
  1985. .art-pager a.more:hover
  1986. {
  1987. color: #1F1F1F
  1988. ;
  1989. }
  1990. .art-pager>*:after
  1991. {
  1992. margin:0 0 0 auto;
  1993. display:inline-block;
  1994. position:absolute;
  1995. content: ' ';
  1996. top:0;
  1997. width:0;
  1998. height:100%;
  1999. right: 0;
  2000. text-decoration:none;
  2001. }
  2002.  
  2003. .art-pager>*:last-child:after{
  2004. display:none;
  2005. }
  2006.  
  2007. .art-commentsform
  2008. {
  2009. background: #FFFFFF;
  2010. background: transparent;
  2011. padding:10px;
  2012. margin:0 auto;
  2013. margin-top:25px;
  2014. color: #DEDEDE;
  2015. }
  2016.  
  2017. .art-commentsform h2{
  2018. padding-bottom:10px;
  2019. margin: 0;
  2020. color: #DEDEDE;
  2021. }
  2022.  
  2023. .art-commentsform label {
  2024. display: inline-block;
  2025. line-height: 25px;
  2026. }
  2027.  
  2028. .art-commentsform input:not([type=submit]), .art-commentsform textarea {
  2029. box-sizing: border-box;
  2030. -moz-box-sizing: border-box;
  2031. -webkit-box-sizing: border-box;
  2032. width:100%;
  2033. max-width:100%;
  2034. }
  2035.  
  2036. .art-commentsform .form-submit
  2037. {
  2038. margin-top: 10px;
  2039. }
  2040. .art-post
  2041. {
  2042. background: #414141;
  2043. -webkit-border-radius:6px;
  2044. -moz-border-radius:6px;
  2045. border-radius:6px;
  2046. border:1px solid #6D6D6D;
  2047. padding:10px;
  2048. margin:7px;
  2049. }
  2050. a img
  2051. {
  2052. border: 0;
  2053. }
  2054.  
  2055. .art-article img, img.art-article, .art-block img, .art-footer-text img
  2056. {
  2057. margin: 0 0 0 0;
  2058. }
  2059.  
  2060. .art-metadata-icons img
  2061. {
  2062. border: none;
  2063. vertical-align: middle;
  2064. margin: 2px;
  2065. }
  2066.  
  2067. .art-article table, table.art-article
  2068. {
  2069. border-collapse: collapse;
  2070. margin: 1px;
  2071. }
  2072.  
  2073. .art-post .art-content-layout-br
  2074. {
  2075. height: 0;
  2076. }
  2077.  
  2078. .art-article th, .art-article td
  2079. {
  2080. padding: 2px;
  2081. border: solid 1px #B9B9B9;
  2082. vertical-align: top;
  2083. text-align: left;
  2084. }
  2085.  
  2086. .art-article th
  2087. {
  2088. text-align: center;
  2089. vertical-align: middle;
  2090. padding: 7px;
  2091. }
  2092.  
  2093. pre
  2094. {
  2095. overflow: auto;
  2096. padding: 0.1em;
  2097. }
  2098.  
  2099. .preview-cms-logo
  2100. {
  2101. border: 0;
  2102. margin: 1em 1em 0 0;
  2103. float: left;
  2104. }
  2105.  
  2106. .image-caption-wrapper
  2107. {
  2108. padding: 0 0 0 0;
  2109. -webkit-box-sizing: border-box;
  2110. -moz-box-sizing: border-box;
  2111. box-sizing: border-box;
  2112. }
  2113.  
  2114. .image-caption-wrapper img
  2115. {
  2116. margin: 0 !important;
  2117. -webkit-box-sizing: border-box;
  2118. -moz-box-sizing: border-box;
  2119. box-sizing: border-box;
  2120. }
  2121.  
  2122. .image-caption-wrapper div.art-collage
  2123. {
  2124. margin: 0 !important;
  2125. -webkit-box-sizing: border-box;
  2126. -moz-box-sizing: border-box;
  2127. box-sizing: border-box;
  2128. }
  2129.  
  2130. .image-caption-wrapper p
  2131. {
  2132. font-size: 80%;
  2133. text-align: right;
  2134. margin: 0;
  2135. }
  2136.  
  2137. .art-postheader
  2138. {
  2139. color: #ECECEC;
  2140. margin: 10px 0 10px 10px;
  2141. font-size: 22px;
  2142. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2143. font-weight: bold;
  2144. font-style: normal;
  2145. text-align: left;
  2146. }
  2147.  
  2148. .art-postheader a,
  2149. .art-postheader a:link,
  2150. .art-postheader a:visited,
  2151. .art-postheader a.visited,
  2152. .art-postheader a:hover,
  2153. .art-postheader a.hovered
  2154. {
  2155. font-size: 22px;
  2156. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2157. font-weight: bold;
  2158. font-style: normal;
  2159. text-align: left;
  2160. }
  2161.  
  2162. .art-postheader a, .art-postheader a:link
  2163. {
  2164. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2165. text-decoration: none;
  2166. text-align: left;
  2167. color: #FCD15B;
  2168. }
  2169.  
  2170. .art-postheader a:visited, .art-postheader a.visited
  2171. {
  2172. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2173. text-decoration: none;
  2174. text-align: left;
  2175. color: #A8A8A8;
  2176. }
  2177.  
  2178. .art-postheader a:hover, .art-postheader a.hovered
  2179. {
  2180. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2181. text-decoration: none;
  2182. text-align: left;
  2183. color: #FCC222;
  2184. }
  2185.  
  2186. .art-postheadericons,
  2187. .art-postheadericons a,
  2188. .art-postheadericons a:link,
  2189. .art-postheadericons a:visited,
  2190. .art-postheadericons a:hover
  2191. {
  2192. font-size: 11px;
  2193. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2194. color: #D0D0D0;
  2195. }
  2196.  
  2197. .art-postheadericons
  2198. {
  2199. padding: 1px;
  2200. }
  2201.  
  2202. .art-postheadericons a, .art-postheadericons a:link
  2203. {
  2204. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2205. text-decoration: underline;
  2206. color: #FAC01E;
  2207. }
  2208.  
  2209. .art-postheadericons a:visited, .art-postheadericons a.visited
  2210. {
  2211. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2212. text-decoration: underline;
  2213. color: #D2D2D2;
  2214. }
  2215.  
  2216. .art-postheadericons a:hover, .art-postheadericons a.hover
  2217. {
  2218. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2219. text-decoration: none;
  2220. color: #FCCC49;
  2221. }
  2222.  
  2223. .art-postpdficon:before
  2224. {
  2225. content:url('images/postpdficon.png');
  2226. margin-right:6px;
  2227. position:relative;
  2228. display:inline-block;
  2229. vertical-align:middle;
  2230. font-size:0;
  2231. line-height:0;
  2232. bottom: auto;
  2233. }
  2234. .opera .art-postpdficon:before
  2235. {
  2236. /* Vertical-align:middle in Opera doesn't need additional offset */
  2237. bottom: 0;
  2238. }
  2239.  
  2240. .art-postprinticon:before
  2241. {
  2242. content:url('images/postprinticon.png');
  2243. margin-right:6px;
  2244. position:relative;
  2245. display:inline-block;
  2246. vertical-align:middle;
  2247. font-size:0;
  2248. line-height:0;
  2249. bottom: auto;
  2250. }
  2251. .opera .art-postprinticon:before
  2252. {
  2253. /* Vertical-align:middle in Opera doesn't need additional offset */
  2254. bottom: 0;
  2255. }
  2256.  
  2257. .art-postemailicon:before
  2258. {
  2259. content:url('images/postemailicon.png');
  2260. margin-right:6px;
  2261. position:relative;
  2262. display:inline-block;
  2263. vertical-align:middle;
  2264. font-size:0;
  2265. line-height:0;
  2266. bottom: auto;
  2267. }
  2268. .opera .art-postemailicon:before
  2269. {
  2270. /* Vertical-align:middle in Opera doesn't need additional offset */
  2271. bottom: 0;
  2272. }
  2273.  
  2274. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  2275. {
  2276. content:url('images/postbullets.png');
  2277. margin-right:6px;
  2278. bottom: 2px;
  2279. position:relative;
  2280. display:inline-block;
  2281. vertical-align:middle;
  2282. font-size:0;
  2283. line-height:0;
  2284. }
  2285. .opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before
  2286. {
  2287. /* Vertical-align:middle in Opera doesn't need additional offset */
  2288. bottom: 0;
  2289. }
  2290.  
  2291. .art-postcontent li, .art-post li, .art-textblock li
  2292. {
  2293. font-size: 12px;
  2294. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2295. line-height: 200%;
  2296. color: #D0D0D0;
  2297. margin: 0 0 0 14px;
  2298. }
  2299.  
  2300. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
  2301. {
  2302. padding: 0;
  2303. }
  2304.  
  2305. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  2306. {
  2307. padding-left: 14px;
  2308. }
  2309.  
  2310. .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
  2311. {
  2312. margin-left: -14px;
  2313. }
  2314.  
  2315. .art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
  2316. {
  2317. margin: 1em 0 1em 14px;
  2318. }
  2319.  
  2320. .art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
  2321. {
  2322. margin: 0.5em 0 0.5em 14px;
  2323. }
  2324.  
  2325. .art-postcontent li, .art-post li, .art-textblock li
  2326. {
  2327. margin: 0 0 0 0;
  2328. }
  2329.  
  2330. .art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
  2331. {
  2332. /* overrides overflow for "ul li" and sets the default value */
  2333. overflow: visible;
  2334. }
  2335.  
  2336. .art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
  2337. {
  2338. /* makes "ul li" not to align behind the image if they are in the same line */
  2339. overflow-x: visible;
  2340. overflow-y: hidden;
  2341. }
  2342.  
  2343. blockquote
  2344. {
  2345. background: #414141 url('images/postquote.png') no-repeat scroll;
  2346. border:1px solid #614C15;
  2347. padding:6px 6px 6px 43px;
  2348. margin:10px 10px 10px 50px;
  2349. color: #D0D0D0;
  2350. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2351. font-weight: normal;
  2352. font-style: italic;
  2353. text-align: left;
  2354. /* makes block not to align behind the image if they are in the same line */
  2355. overflow: auto;
  2356. clear:both;
  2357. }
  2358. blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer-text blockquote a,
  2359. blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer-text blockquote a:link,
  2360. blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer-text blockquote a:visited,
  2361. blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer-text blockquote a:hover
  2362. {
  2363. color: #D0D0D0;
  2364. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2365. font-weight: normal;
  2366. font-style: italic;
  2367. text-align: left;
  2368. }
  2369.  
  2370. /* Override native 'p' margins*/
  2371. blockquote p,
  2372. .art-postcontent blockquote p,
  2373. .art-blockcontent blockquote p,
  2374. .art-footer-text blockquote p
  2375. {
  2376. margin: 0;
  2377. margin: 2px 0 2px 15px;
  2378. }
  2379.  
  2380. .art-footer
  2381. {
  2382. background: #2D2D2D;
  2383. background: transparent;
  2384. -webkit-border-radius:10px;
  2385. -moz-border-radius:10px;
  2386. border-radius:10px;
  2387. padding:8px;
  2388. margin:0 auto;
  2389. position: relative;
  2390. color: #FFFFFF;
  2391. font-size: 10px;
  2392. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2393. text-align: center;
  2394. }
  2395.  
  2396. .art-footer-text a,
  2397. .art-footer-text a:link,
  2398. .art-footer-text a:visited,
  2399. .art-footer-text a:hover,
  2400. .art-footer-text td,
  2401. .art-footer-text th,
  2402. .art-footer-text caption
  2403. {
  2404. color: #FFFFFF;
  2405. font-size: 10px;
  2406. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2407. }
  2408.  
  2409. .art-footer-text p
  2410. {
  2411. padding:0;
  2412. text-align: center;
  2413. }
  2414.  
  2415. .art-footer-text a,
  2416. .art-footer-text a:link
  2417. {
  2418. color: #FBCA45;
  2419. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2420. text-decoration: underline;
  2421. }
  2422.  
  2423. .art-footer-text a:visited
  2424. {
  2425. color: #FCCB44;
  2426. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2427. text-decoration: underline;
  2428. }
  2429.  
  2430. .art-footer-text a:hover
  2431. {
  2432. color: #FCD876;
  2433. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2434. text-decoration: none;
  2435. }
  2436.  
  2437. .art-footer-text h1
  2438. {
  2439. color: #6D6D6D;
  2440. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2441. }
  2442.  
  2443. .art-footer-text h2
  2444. {
  2445. color: #848484;
  2446. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2447. }
  2448.  
  2449. .art-footer-text h3
  2450. {
  2451. color: #FCD56B;
  2452. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2453. }
  2454.  
  2455. .art-footer-text h4
  2456. {
  2457. color: #FDDA7B;
  2458. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2459. }
  2460.  
  2461. .art-footer-text h5
  2462. {
  2463. color: #FDDA7B;
  2464. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2465. }
  2466.  
  2467. .art-footer-text h6
  2468. {
  2469. color: #FDDA7B;
  2470. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2471. }
  2472.  
  2473. .art-footer-text img
  2474. {
  2475. border: none;
  2476. margin: 0;
  2477. }
  2478.  
  2479. .art-rss-tag-icon
  2480. {
  2481. background: url('images/footerrssicon.png') no-repeat scroll;
  2482. margin:0 auto;
  2483. min-height:32px;
  2484. min-width:32px;
  2485. display: inline-block;
  2486. text-indent: 35px;
  2487. background-position: left center;
  2488. }
  2489.  
  2490. .art-rss-tag-icon:empty
  2491. {
  2492. vertical-align: middle;
  2493. }
  2494.  
  2495. .art-facebook-tag-icon
  2496. {
  2497. background: url('images/footerfacebookicon.png') no-repeat scroll;
  2498. margin:0 auto;
  2499. min-height:32px;
  2500. min-width:32px;
  2501. display: inline-block;
  2502. text-indent: 35px;
  2503. background-position: left center;
  2504. }
  2505.  
  2506. .art-facebook-tag-icon:empty
  2507. {
  2508. vertical-align: middle;
  2509. }
  2510.  
  2511. .art-twitter-tag-icon
  2512. {
  2513. background: url('images/footertwittericon.png') no-repeat scroll;
  2514. margin:0 auto;
  2515. min-height:32px;
  2516. min-width:32px;
  2517. display: inline-block;
  2518. text-indent: 35px;
  2519. background-position: left center;
  2520. }
  2521.  
  2522. .art-twitter-tag-icon:empty
  2523. {
  2524. vertical-align: middle;
  2525. }
  2526.  
  2527. .art-footer-text li
  2528. {
  2529. font-size: 13px;
  2530. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  2531. line-height: 125%;
  2532. color: #FFFAEF;
  2533. }
  2534.  
  2535. .art-page-footer,
  2536. .art-page-footer a,
  2537. .art-page-footer a:link,
  2538. .art-page-footer a:visited,
  2539. .art-page-footer a:hover
  2540. {
  2541. font-family: Arial;
  2542. font-size: 10px;
  2543. letter-spacing: normal;
  2544. word-spacing: normal;
  2545. font-style: normal;
  2546. font-weight: normal;
  2547. text-decoration: underline;
  2548. color: #FFD400;
  2549. }
  2550.  
  2551. .art-page-footer
  2552. {
  2553. position: relative;
  2554. z-index: auto !important;
  2555. padding: 1em;
  2556. text-align: center !important;
  2557. text-decoration: none;
  2558. color: #FFFFFF;
  2559. }
  2560.  
  2561. .art-lightbox-wrapper
  2562. {
  2563. background: #333;
  2564. background: rgba(0, 0, 0, .8);
  2565. bottom: 0;
  2566. left: 0;
  2567. padding: 0 100px;
  2568. position: fixed;
  2569. right: 0;
  2570. text-align: center;
  2571. top: 0;
  2572. z-index: 1000000;
  2573. }
  2574.  
  2575. .art-lightbox,
  2576. .art-lightbox-wrapper .art-lightbox-image
  2577. {
  2578. cursor: pointer;
  2579. }
  2580.  
  2581. .art-lightbox-wrapper .art-lightbox-image
  2582. {
  2583. border: 6px solid #fff;
  2584. border-radius: 3px;
  2585. display: none;
  2586. max-width: 100%;
  2587. vertical-align: middle;
  2588. }
  2589.  
  2590. .art-lightbox-wrapper .art-lightbox-image.active
  2591. {
  2592. display: inline-block;
  2593. }
  2594.  
  2595. .art-lightbox-wrapper .lightbox-error
  2596. {
  2597. background: #fff;
  2598. border: 1px solid #b4b4b4;
  2599. border-radius: 10px;
  2600. box-shadow: 0 2px 5px #333;
  2601. height: 80px;
  2602. opacity: .95;
  2603. padding: 20px;
  2604. position: fixed;
  2605. width: 300px;
  2606. z-index: 100;
  2607. }
  2608.  
  2609. .art-lightbox-wrapper .loading
  2610. {
  2611. background: #fff url('images/preloader-01.gif') center center no-repeat;
  2612. border: 1px solid #b4b4b4;
  2613. border-radius: 10px;
  2614. box-shadow: 0 2px 5px #333;
  2615. height: 32px;
  2616. opacity: .5;
  2617. padding: 10px;
  2618. position: fixed;
  2619. width: 32px;
  2620. z-index: 10100;
  2621. }
  2622.  
  2623. .art-lightbox-wrapper .arrow
  2624. {
  2625. cursor: pointer;
  2626. height: 100px;
  2627. opacity: .5;
  2628. filter: alpha(opacity=50);
  2629. position: fixed;
  2630. width: 82px;
  2631. z-index: 10003;
  2632. }
  2633.  
  2634. .art-lightbox-wrapper .arrow.left
  2635. {
  2636. left: 9px;
  2637. }
  2638.  
  2639. .art-lightbox-wrapper .arrow.right
  2640. {
  2641. right: 9px;
  2642. }
  2643.  
  2644. .art-lightbox-wrapper .arrow:hover
  2645. {
  2646. opacity: 1;
  2647. filter: alpha(opacity=100);
  2648. }
  2649.  
  2650. .art-lightbox-wrapper .arrow.disabled
  2651. {
  2652. display: none;
  2653. }
  2654.  
  2655. .art-lightbox-wrapper .arrow-t,
  2656. .art-lightbox-wrapper .arrow-b
  2657. {
  2658. background-color: #fff;
  2659. border-radius: 3px;
  2660. height: 6px;
  2661. left: 26px;
  2662. position: relative;
  2663. width: 30px;
  2664. }
  2665.  
  2666. .art-lightbox-wrapper .arrow-t
  2667. {
  2668. top: 38px;
  2669. }
  2670.  
  2671. .art-lightbox-wrapper .arrow-b
  2672. {
  2673. top: 50px;
  2674. }
  2675.  
  2676. .art-lightbox-wrapper .close
  2677. {
  2678. cursor: pointer;
  2679. height: 22px;
  2680. opacity: .5;
  2681. filter: alpha(opacity=50);
  2682. position: fixed;
  2683. right: 39px;
  2684. top: 30px;
  2685. width: 22px;
  2686. z-index: 10003;
  2687. }
  2688.  
  2689. .art-lightbox-wrapper .close:hover
  2690. {
  2691. opacity: 1;
  2692. filter: alpha(opacity=100);
  2693. }
  2694.  
  2695. .art-lightbox-wrapper .close .cw,
  2696. .art-lightbox-wrapper .close .ccw
  2697. {
  2698. background-color: #fff;
  2699. border-radius: 3px;
  2700. height: 6px;
  2701. position: absolute;
  2702. left: -4px;
  2703. top: 8px;
  2704. width: 30px;
  2705. }
  2706.  
  2707. .art-lightbox-wrapper .cw
  2708. {
  2709. transform: rotate(45deg);
  2710. -ms-transform: rotate(45deg);
  2711. /* IE 9 */
  2712. -webkit-transform: rotate(45deg);
  2713. /* Safari and Chrome */
  2714. -o-transform: rotate(45deg);
  2715. /* Opera */
  2716. -moz-transform: rotate(45deg);
  2717. /* Firefox */}
  2718.  
  2719. .art-lightbox-wrapper .ccw
  2720. {
  2721. transform: rotate(-45deg);
  2722. -ms-transform: rotate(-45deg);
  2723. /* IE 9 */
  2724. -webkit-transform: rotate(-45deg);
  2725. /* Safari and Chrome */
  2726. -o-transform: rotate(-45deg);
  2727. /* Opera */
  2728. -moz-transform: rotate(-45deg);
  2729. /* Firefox */}
  2730.  
  2731. .art-lightbox-wrapper .close-alt,
  2732. .art-lightbox-wrapper .arrow-right-alt,
  2733. .art-lightbox-wrapper .arrow-left-alt
  2734. {
  2735. color: #fff;
  2736. display: none;
  2737. font-size: 2.5em;
  2738. line-height: 100%;
  2739. }
  2740.  
  2741. .ie8 .art-lightbox-wrapper .close-alt,
  2742. .ie8 .art-lightbox-wrapper .arrow-right-alt,
  2743. .ie8 .art-lightbox-wrapper .arrow-left-alt
  2744. {
  2745. display: block;
  2746. }
  2747.  
  2748. .ie8 .art-lightbox-wrapper .cw,
  2749. .ie8 .art-lightbox-wrapper .ccw
  2750. {
  2751. display: none;
  2752. }
  2753.  
  2754. .art-content-layout .art-content
  2755. {
  2756. margin:0 auto;
  2757. }
  2758.  
  2759.  
  2760.  
  2761. #comment
  2762. {
  2763. width:99%;
  2764. }
  2765.  
  2766. #comments-list, #comments-list .comment
  2767. {
  2768. background: none;
  2769. padding:0;
  2770. margin:0;
  2771. overflow: visible;
  2772. }
  2773.  
  2774. #comments-list .comment:before, #comments-list .comment:after
  2775. {
  2776. display:none;
  2777. }
  2778.  
  2779. #comments-list .comment .comment
  2780. {
  2781. margin-left: 20px;
  2782. }
  2783.  
  2784. span.page-navi-outer, span.page-navi-inner
  2785. {
  2786. position:relative;
  2787. display:block;
  2788. float:left;
  2789. margin:0;
  2790. padding:0;
  2791. }
  2792.  
  2793. span.page-navi-outer
  2794. {
  2795. margin: 1px;
  2796. border: 1px solid #aaa;
  2797. }
  2798.  
  2799. span.page-navi-inner
  2800. {
  2801. padding: 1px;
  2802. min-width:14px;
  2803. line-height:18px;
  2804. text-align:center;
  2805. border: 2px solid #fff;
  2806. font-weight:bold;
  2807. }
  2808.  
  2809. a span.page-navi-inner, span.page-navi-caption span.page-navi-inner
  2810. {
  2811. border-width:1px;
  2812. font-weight:normal;
  2813. }
  2814.  
  2815. a span.page-navi-outer, span.page-navi-caption
  2816. {
  2817. margin:2px 1px;
  2818. }
  2819.  
  2820. ul#comments-list li cite
  2821. {
  2822. font-size: 1.2em;
  2823. }
  2824.  
  2825. #commentform textarea
  2826. {
  2827. width: 100%;
  2828. }
  2829.  
  2830. #commentform
  2831. {
  2832. text-align:left;
  2833. }
  2834.  
  2835. .rtl #commentform
  2836. {
  2837. text-align:right;
  2838. }
  2839.  
  2840. img.wp-smiley
  2841. {
  2842. border: none;
  2843. margin: 1px;
  2844. vertical-align:middle;
  2845. padding: 0;
  2846. }
  2847.  
  2848. .navigation
  2849. {
  2850. display: block;
  2851. text-align: center;
  2852. }
  2853.  
  2854. /* Recommended by http://codex.wordpress.org/CSS */
  2855. /* Begin */
  2856. .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
  2857. {
  2858. display: block;
  2859. margin-left: auto;
  2860. margin-right: auto;
  2861. }
  2862.  
  2863. p.aligncenter , p.center
  2864. {
  2865. text-align: center;
  2866. }
  2867.  
  2868. .alignleft
  2869. {
  2870. float: left;
  2871. }
  2872.  
  2873. .alignright
  2874. {
  2875. float: right;
  2876. }
  2877.  
  2878. .wp-caption
  2879. {
  2880. border: 1px solid #ddd;
  2881. background-color: #f3f3f3;
  2882. padding-top: 4px;
  2883. margin: 10px;
  2884. }
  2885.  
  2886. .wp-caption img
  2887. {
  2888. margin: 0;
  2889. padding: 0;
  2890. border: 0 none;
  2891. }
  2892.  
  2893. .wp-caption p.wp-caption-text
  2894. {
  2895. font-size: 11px;
  2896. line-height: 17px;
  2897. padding: 0 4px 5px;
  2898. margin: 0;
  2899. }
  2900.  
  2901. .wp-caption, .wp-caption p
  2902. {
  2903. text-align: center;
  2904. }
  2905.  
  2906. .gallery {
  2907. margin: 0 auto 18px;
  2908. clear:both;
  2909. overflow:hidden;
  2910. }
  2911.  
  2912. .gallery .gallery-item {
  2913. float: left;
  2914. margin-top: 0;
  2915. text-align: center;
  2916. width: 33%;
  2917. }
  2918. .gallery img {
  2919. border: 2px solid #cfcfcf;
  2920. }
  2921.  
  2922. .gallery .gallery-caption {
  2923. color: #888;
  2924. font-size: 12px;
  2925. margin: 0 0 12px;
  2926. }
  2927.  
  2928. .gallery dl {
  2929. margin: 0;
  2930. }
  2931.  
  2932. .gallery img {
  2933. border: 10px solid #f1f1f1;
  2934. }
  2935.  
  2936. .gallery br+br {
  2937. display: none;
  2938. }
  2939. /* End */
  2940.  
  2941.  
  2942. .hidden
  2943. {
  2944. display: none;
  2945. }
  2946.  
  2947. /* Calendar */
  2948. #wp-calendar {
  2949. empty-cells: show;
  2950. margin: 10px auto 0;
  2951. width: 155px;
  2952. }
  2953.  
  2954. #wp-calendar #next a {
  2955. padding-right: 10px;
  2956. text-align: right;
  2957. }
  2958.  
  2959. #wp-calendar #prev a {
  2960. padding-left: 10px;
  2961. text-align: left;
  2962. }
  2963.  
  2964. #wp-calendar a {
  2965. display: block;
  2966. }
  2967.  
  2968. #wp-calendar caption {
  2969. text-align: center;
  2970. width: 100%;
  2971. }
  2972.  
  2973. #wp-calendar td {
  2974. padding: 3px 0;
  2975. text-align: center;
  2976. }
  2977.  
  2978. .gallery {
  2979. letter-spacing: normal;
  2980. }
  2981.  
  2982. .art-content {
  2983. position: relative;
  2984. z-index: 1;
  2985. }
  2986.  
  2987. #todays-events{
  2988. position: relative;
  2989. z-index: 11;
  2990. }
  2991.  
  2992. #upcoming-events{
  2993. position: relative;
  2994. z-index: 10;
  2995. }
  2996.  
  2997. img.wp-post-image
  2998. {
  2999. margin:0 5px 5px 0 !important;
  3000. }
  3001.  
  3002. ul#comments-list li
  3003. {
  3004. list-style-image: none;
  3005. background:none;
  3006. list-style-type:none;
  3007.  
  3008. }
  3009.  
  3010. div.art-footer div.art-content-layout
  3011. {
  3012. margin:0 auto;
  3013. width:100%;
  3014. }
  3015.  
  3016. div.art-layout-cell-size1
  3017. {
  3018. width:100%;
  3019. }
  3020.  
  3021. div.art-layout-cell-size2
  3022. {
  3023. width:50%;
  3024. }
  3025. div.art-layout-cell-size3
  3026. {
  3027. width:33%;
  3028. }
  3029.  
  3030. div.art-layout-cell-size4
  3031. {
  3032. width:25%;
  3033. }
  3034.  
  3035. .art-widget-title
  3036. {
  3037. padding:0 0 0 24px;
  3038. margin-bottom:0;
  3039. }
  3040.  
  3041. div.art-center-wrapper
  3042. {
  3043. position: relative;
  3044. float: right;
  3045. right: 50%;
  3046.  
  3047. }
  3048.  
  3049. div.art-center-inner
  3050. {
  3051. position: relative;
  3052. float: left;
  3053. left: 50%;
  3054. }
  3055.  
  3056. .firefox2 div.art-center-inner
  3057. {
  3058. float: none;
  3059. }
  3060.  
  3061. .art-hmenu-extra1, .art-hmenu-extra2 {
  3062. font-size:12px;
  3063. }
  3064. .art-smenu-extra1, .art-smenu-extra2 {
  3065. font-size:12px;
  3066. }
  3067.  
  3068. div.breadcrumbs h4,
  3069. div.breadcrumbs p,
  3070. li.pingback p,
  3071. #respond p,
  3072. h3#reply-title,
  3073. h4#comments,
  3074. h4.box-title
  3075. {
  3076. margin:0;
  3077. }
  3078.  
  3079. #respond .comment-notes {
  3080. margin-bottom: 1em;
  3081. }
  3082.  
  3083. .form-allowed-tags {
  3084. line-height: 1em;
  3085. }
  3086.  
  3087. #comments-list #respond {
  3088. margin-left: 27px !important;
  3089. }
  3090.  
  3091. #cancel-comment-reply-link {
  3092. font-size: 12px;
  3093. font-weight: normal;
  3094. line-height: 18px;
  3095. }
  3096.  
  3097. #respond .required {
  3098. color: #ff4b33;
  3099. font-weight: bold;
  3100. }
  3101.  
  3102. #respond label {
  3103. font-size: 12px;
  3104. }
  3105.  
  3106. #respond input {
  3107. margin: 0 0 9px;
  3108. width: 98%;
  3109. }
  3110.  
  3111. #respond textarea {
  3112. width: 98%;
  3113. }
  3114.  
  3115. #respond .form-allowed-tags {
  3116. font-size: 12px;
  3117. line-height: 18px;
  3118. }
  3119.  
  3120. #respond .form-allowed-tags code {
  3121. font-size: 11px;
  3122. }
  3123.  
  3124. #respond .form-submit {
  3125. margin: 12px 0;
  3126. }
  3127.  
  3128. #respond .form-submit input {
  3129. width: auto;
  3130. }
  3131.  
  3132. .art-footer .art-widget-title
  3133. {
  3134. font-size:1.2em;
  3135. padding: 0;
  3136. }
  3137.  
  3138. .art-footer .art-widget,
  3139. .art-footer .art-widget a,
  3140. .art-footer .art-widget a:link,
  3141. .art-footer .art-widget a:visited,
  3142. .art-footer .art-widget a:hover
  3143. {
  3144. text-align: left;
  3145. }
  3146.  
  3147. DIV[id^="GMPmap"] IMG
  3148. {
  3149. margin: 0px;
  3150. }
  3151.  
  3152. /* Begin Additional CSS Styles */
  3153. .art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}
  3154. /* End Additional CSS Styles */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement