Don't like ads? PRO users don't see any ads ;-)
Public Pastes

css

By: jacknb1ack on May 2nd, 2012  |  syntax: CSS  |  size: 30.90 KB  |  hits: 27  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* begin Page */
  2. /* Created by Artisteer v3.1.0.46558 */
  3.  
  4. #art-main, table
  5. {
  6.    font-family: Arial, Helvetica, Sans-Serif;
  7.    font-style: normal;
  8.    font-weight: normal;
  9.    font-size: 13px;
  10. }
  11.  
  12. h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
  13. {
  14.    margin: 0;
  15.    padding: 0;
  16. }
  17.  
  18. .art-postcontent,
  19. .art-postheadericons,
  20. .art-postfootericons,
  21. .art-blockcontent-body,
  22. ul.art-vmenu a
  23. {
  24.    text-align: left;
  25. }
  26.  
  27. .art-postcontent,
  28. .art-postcontent li,
  29. .art-postcontent table,
  30. .art-postcontent a,
  31. .art-postcontent a:link,
  32. .art-postcontent a:visited,
  33. .art-postcontent a.visited,
  34. .art-postcontent a:hover,
  35. .art-postcontent a.hovered
  36. {
  37.    font-family: Arial, Helvetica, Sans-Serif;
  38. }
  39.  
  40. .art-postcontent p
  41. {
  42.    margin: 12px 0;
  43. }
  44.  
  45. .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
  46. .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
  47. .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
  48. .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
  49. .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
  50. .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
  51. .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
  52. .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
  53. .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
  54. .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
  55. .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
  56. {
  57.    font-family: Arial, Helvetica, Sans-Serif;
  58.    font-style: normal;
  59.    font-weight: bold;
  60.    font-size: 22px;
  61.    text-decoration: none;
  62. }
  63.  
  64. .art-postcontent a
  65. {
  66.    text-decoration: none;
  67.    color: #295670;
  68. }
  69.  
  70. .art-postcontent a:link
  71. {
  72.    text-decoration: none;
  73.    color: #295670;
  74. }
  75.  
  76. .art-postcontent a:visited, .art-postcontent a.visited
  77. {
  78.    color: #295670;
  79. }
  80.  
  81. .art-postcontent  a:hover, .art-postcontent a.hover
  82. {
  83.    text-decoration: underline;
  84.    color: #377395;
  85. }
  86.  
  87. .art-postcontent h1
  88. {
  89.    color: #295670;
  90.    margin: 10px 0 0;
  91.    font-size: 26px;
  92. }
  93.  
  94. .art-blockcontent h1
  95. {
  96.    margin: 10px 0 0;
  97.    font-size: 26px;
  98. }
  99.  
  100. .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
  101. {
  102.    font-size: 26px;
  103. }
  104.  
  105. .art-postcontent h2
  106. {
  107.    color: #377395;
  108.    margin: 10px 0 0;
  109. }
  110.  
  111. .art-blockcontent h2
  112. {
  113.    margin: 10px 0 0;
  114. }
  115.  
  116. .art-postcontent h3
  117. {
  118.    color: #394D60;
  119.    margin: 10px 0 0;
  120.    font-size: 18px;
  121. }
  122.  
  123. .art-blockcontent h3
  124. {
  125.    margin: 10px 0 0;
  126.    font-size: 18px;
  127. }
  128.  
  129. .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
  130. {
  131.    font-size: 18px;
  132. }
  133.  
  134. .art-postcontent h4
  135. {
  136.    color: #344556;
  137.    margin: 10px 0 0;
  138.    font-size: 16px;
  139. }
  140.  
  141. .art-blockcontent h4
  142. {
  143.    margin: 10px 0 0;
  144.    font-size: 16px;
  145. }
  146.  
  147. .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
  148. {
  149.    font-size: 16px;
  150. }
  151.  
  152. .art-postcontent h5
  153. {
  154.    color: #344556;
  155.    margin: 10px 0 0;
  156.    font-size: 14px;
  157. }
  158.  
  159. .art-blockcontent h5
  160. {
  161.    margin: 10px 0 0;
  162.    font-size: 14px;
  163. }
  164.  
  165. .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
  166. {
  167.    font-size: 14px;
  168. }
  169.  
  170. .art-postcontent h6
  171. {
  172.    color: #4D6680;
  173.    margin: 10px 0 0;
  174.    font-size: 13px;
  175. }
  176.  
  177. .art-blockcontent h6
  178. {
  179.    margin: 10px 0 0;
  180.    font-size: 13px;
  181. }
  182.  
  183. .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
  184. {
  185.    font-size: 13px;
  186. }
  187.  
  188. ul
  189. {
  190.    list-style-type: none;
  191. }
  192.  
  193. ol
  194. {
  195.    list-style-position: inside;
  196. }
  197.  
  198. html, body
  199. {
  200.    height:100%;
  201. }
  202.  
  203. #art-main
  204. {
  205.    position: relative;
  206.    z-index: 0;
  207.    width: 100%;
  208.    min-height: 100%;
  209.    left: 0;
  210.    top: 0;
  211.    cursor:default;
  212.    overflow:hidden;
  213. }
  214.  
  215. #art-page-background-glare-wrapper {
  216.    position: fixed;
  217.    width:100%;
  218. }
  219.  
  220. #art-page-background-glare
  221. {
  222.    position: relative;
  223.    top: 0;
  224.    max-width:1204px;
  225.    min-width: 1000px;
  226.    height:415px;
  227.    margin: 0 auto;
  228.    background-image: url('images/page_gl.png');
  229.    background-repeat: no-repeat;
  230.    background-position: center top;
  231. }
  232.  
  233. body
  234. {
  235.    padding: 0;
  236.    margin:0;
  237.    min-width: 1000px;
  238.    color: #0B0F13;
  239.    background-color: #DBDBDB;
  240.    background-image: url('images/Bottom_texture.jpg');
  241.    background-repeat: repeat;
  242.    background-attachment: fixed;
  243.    background-position: top left;
  244. }
  245.  
  246. .cleared
  247. {
  248.    display:block;
  249.    clear: both;
  250.    float: none;
  251.    margin: 0;
  252.    padding: 0;
  253.    border: none;
  254.    font-size: 0;
  255.    height:0;
  256.    overflow:hidden;
  257. }
  258.  
  259. .reset-box
  260. {
  261.    overflow:hidden;
  262.    display:table;
  263. }
  264.  
  265. form
  266. {
  267.    padding: 0 !important;
  268.    margin: 0 !important;
  269. }
  270.  
  271. table.position
  272. {
  273.    position: relative;
  274.    width: 100%;
  275.    table-layout: fixed;
  276. }
  277.  
  278. /* Start Box */
  279. .art-box, .art-box-body {
  280.    margin:0 auto;
  281.    position:relative;
  282. }
  283. .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
  284.    position:absolute;
  285.    top:0;
  286.    bottom:0;
  287.    content:' ';
  288.    background-repeat: no-repeat;
  289.    line-height:0;
  290. }
  291. .art-box:before,.art-box-body:before{
  292.    left:0;
  293. }
  294. .art-box:after,.art-box-body:after{
  295.    right:0;
  296. }
  297. .art-box:before {
  298.    overflow:hidden;
  299.    background-position: bottom left;
  300.    direction: ltr;
  301.    z-index:-3;
  302. }
  303. .art-box:after {
  304.    background-position: bottom right;
  305.    z-index:-3;
  306. }
  307. .art-box-body:before, .art-box-body:after {
  308.    background-repeat:repeat-y;
  309. }
  310. .art-box-body:before {
  311.    background-position: top left;
  312.    z-index:-3;
  313. }
  314. .art-box-body:after {
  315.    background-position: top right;
  316.    z-index:-3;
  317. }
  318.  
  319. .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
  320.    z-index:-2;
  321. }
  322. .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
  323.    z-index:-1;
  324. }
  325. /* End Box */
  326.  
  327. /* Start Bar */
  328. .art-bar {
  329.    position:relative;
  330. }
  331. .art-bar:before, .art-bar:after {
  332.    position:absolute;
  333.    top:0;
  334.    bottom:0;
  335.    content:' ';
  336.    background-repeat:repeat;
  337.    z-index:-1;
  338. }
  339. .art-bar:before {
  340.    left:0;
  341.    background-position: top left;
  342. }
  343. .art-bar:after {
  344.    right:0;
  345.    background-position: top right;
  346. }
  347. /* End Bar */
  348.  
  349. li h1, .art-postcontent li h1, .art-blockcontent-body li h1
  350. {
  351.    margin:1px;
  352. }
  353. li h2, .art-postcontent li h2, .art-blockcontent-body li h2
  354. {
  355.    margin:1px;
  356. }
  357. li h3, .art-postcontent li h3, .art-blockcontent-body li h3
  358. {
  359.    margin:1px;
  360. }
  361. li h4, .art-postcontent li h4, .art-blockcontent-body li h4
  362. {
  363.    margin:1px;
  364. }
  365. li h5, .art-postcontent li h5, .art-blockcontent-body li h5
  366. {
  367.    margin:1px;
  368. }
  369. li h6, .art-postcontent li h6, .art-blockcontent-body li h6
  370. {
  371.    margin:1px;
  372. }
  373. li p, .art-postcontent li p, .art-blockcontent-body li p
  374. {
  375.    margin:1px;
  376. }
  377.  
  378. /* end Page */
  379.  
  380. /* begin Header */
  381. div.art-header
  382. {
  383.    margin: 0 auto;
  384.    position: relative;
  385.    z-index: -5;
  386.    width:1000px;
  387.    height: 150px;
  388.    margin-top: 20px;
  389.    margin-bottom: 0;
  390. }
  391. .art-header-position
  392. {
  393.    position: absolute;
  394.    top: 0;
  395.    right: 0;
  396.    left: 0;
  397. }
  398.  
  399. .art-header-wrapper
  400. {
  401.    position: relative;
  402.    top:0;
  403.    width:1000px;
  404.    margin:0 auto;
  405. }
  406. .art-header-inner
  407. {
  408.    position: relative;
  409.    margin: 0 0;
  410. }
  411.  
  412. .art-header:before
  413. {
  414.    position: absolute;
  415.    display:block;
  416.    content:' ';
  417.    z-index:-2;
  418.    top: 0;
  419.    width:100%;
  420.    height: 150px;
  421.    background-image: url('images/header.png');
  422.    background-repeat: no-repeat;
  423.    background-position:top center;
  424. }
  425.  
  426. .art-header:after
  427. {
  428.    position: absolute;
  429.    z-index:-1;
  430.    display:block;
  431.    content:' ';
  432.    top: 0;
  433.    left:15px;
  434.    right:15px;
  435.    height: 150px;
  436.    background-image: url('images/header.jpg');
  437.    background-repeat: no-repeat;
  438.    background-position: center center;
  439. }
  440. /* end Header */
  441.  
  442. /* begin Logo */
  443. div.art-logo
  444. {
  445.    display: block;
  446.    position: absolute;
  447.    top: 28px;
  448.    left: 20%;
  449.    margin-left: -68px;
  450. }
  451.  
  452. .art-logo-name
  453. {
  454.    display: block;
  455.    text-align: left;
  456.    font-family: Vivaldi,Arial, Helvetica, Sans-Serif;
  457.    font-size: 45px;
  458.    padding: 0;
  459.    margin: 0;
  460.    color: #6B4B29 !important;
  461. }
  462. .art-logo-name a,
  463. .art-logo-name a:link,
  464. .art-logo-name a:visited,
  465. .art-logo-name a:hover
  466. {
  467.    font-family: Vivaldi,Arial, Helvetica, Sans-Serif;
  468.    font-size: 45px;
  469.    padding: 0;
  470.    margin: 0;
  471.    color: #6B4B29 !important;
  472. }
  473.  
  474. .art-logo-text
  475. {
  476.    display: block;
  477.    text-align: left;
  478.    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  479.    font-style: italic;
  480.    font-size: 16px;
  481.    padding: 0;
  482.    margin: 0;
  483.    color: #132834 !important;
  484. }
  485. .art-logo-text a,
  486. .art-logo-text a:link,
  487. .art-logo-text a:visited,
  488. .art-logo-text a:hover
  489. {
  490.    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  491.    font-style: italic;
  492.    font-size: 16px;
  493.    padding: 0;
  494.    margin: 0;
  495.    color: #132834 !important;
  496. }
  497.  
  498. #headline, #slogan
  499. {
  500.    display: block;
  501.    min-width: 150px;
  502.    text-align: left;
  503. }
  504. /* end Logo */
  505.  
  506. /* begin Menu */
  507. /* menu structure */
  508.  
  509. ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
  510. {
  511.    outline: none;
  512.    position: relative;
  513.    z-index: 11;
  514. }
  515.  
  516. ul.art-hmenu, ul.art-hmenu ul
  517. {
  518.    display: block;
  519.    margin: 0;
  520.    padding: 0;
  521.    border: 0;
  522.    list-style-type: none;
  523. }
  524.  
  525. ul.art-hmenu li
  526. {
  527.    margin: 0;
  528.    padding: 0;
  529.    border: 0;
  530.    display: block;
  531.    float: left;
  532.    position: relative;
  533.    z-index: 5;
  534.    background: none;
  535. }
  536.  
  537. ul.art-hmenu li:hover{
  538.    z-index: 10000;
  539.    white-space: normal;
  540. }
  541. ul.art-hmenu li li{
  542.    float: none;
  543.    width: auto;
  544. }
  545. ul.art-hmenu li:hover>ul {
  546.    visibility: visible;
  547.    top: 100%;
  548. }
  549. ul.art-hmenu li li:hover>ul {
  550.    top: 0;
  551.    left: 100%;
  552. }
  553. ul.art-hmenu:after, ul.art-hmenu ul:after
  554. {
  555.    content: ".";
  556.    height: 0;
  557.    display: block;
  558.    visibility: hidden;
  559.    overflow: hidden;
  560.    clear: both;
  561. }
  562. ul.art-hmenu, ul.art-hmenu ul {
  563.    min-height: 0;
  564. }
  565.  
  566. ul.art-hmenu ul
  567. {
  568.    visibility: hidden;
  569.    position: absolute;
  570.    z-index: 10;
  571.    left: 0;
  572.    top: 0;
  573.    background-image: url('images/spacer.gif');
  574.    padding: 10px 30px 30px 30px;
  575.    margin: -10px 0 0 -30px;
  576. }
  577.  
  578. ul.art-hmenu ul.art-hmenu-left-to-right {
  579.    right: auto;
  580.    left: 0;
  581.    margin: -10px 0 0 -30px;
  582. }
  583. ul.art-hmenu ul.art-hmenu-right-to-left {
  584.    left: auto;
  585.    right: 0;
  586.    margin: -10px -30px 0 0;
  587. }
  588.  
  589. ul.art-hmenu ul ul
  590. {
  591.    padding: 30px 30px 30px 10px;
  592.    margin: -30px 0 0 -10px;
  593. }
  594.  
  595. ul.art-hmenu ul ul.art-hmenu-left-to-right
  596. {
  597.    right: auto;
  598.    left: 0;
  599.    padding: 30px 30px 30px 10px;
  600.    margin: -30px 0 0 -10px;
  601. }
  602.  
  603. ul.art-hmenu ul ul.art-hmenu-right-to-left
  604. {
  605.    left: auto;
  606.    right: 0;
  607.    padding: 30px 10px 30px 30px;
  608.    margin: -30px -10px 0 0;
  609. }
  610.  
  611. ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
  612.    right: auto;
  613.    left: 100%;
  614. }
  615. ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
  616.    left: auto;
  617.    right: 100%;
  618. }
  619.  
  620. ul.art-hmenu{
  621.    position:relative;
  622.    padding: 6px 15px 6px 15px;
  623.    float: left;
  624.    left: 50%;
  625. }
  626. div.art-nav-center{
  627.    position: relative;
  628.    float: right;
  629.    right: 50%;
  630. }
  631.  
  632. .firefox2 ul ul.art-hmenu{
  633.    float: none;
  634. }
  635. /* end menu structure */
  636.  
  637. /* menu bar */
  638.  
  639. .art-nav
  640. {
  641.    width:1000px;
  642.    margin:0 auto;
  643.    min-height: 38px;
  644.    z-index: 100;
  645.    margin-top: 0;
  646.    margin-bottom: 0;
  647. }
  648.  
  649. .art-nav:before, .art-nav:after{
  650.    background-image: url('images/nav.png');
  651. }
  652. .art-nav:before{
  653.    right: 15px;
  654. }
  655. .art-nav:after{
  656.    width: 15px;
  657. }
  658. /* end menu bar */
  659. .art-nav-outer{
  660.    position:absolute;
  661.    width:100%;
  662. }
  663. .art-nav-wrapper
  664. {
  665.    position: relative;
  666.    width:1000px;
  667.    margin:0 auto;
  668. }
  669.  
  670. .art-nav-inner{
  671.    margin: 0 3px;
  672. }
  673.  
  674. /* end Menu */
  675.  
  676. /* begin MenuItem */
  677. ul.art-hmenu>li>a
  678. {
  679.    position: relative;
  680.    display: block;
  681.    height: 26px;
  682.    cursor: pointer;
  683.    text-decoration: none;
  684.    color: #364759;
  685.    padding: 0 17px;
  686.    line-height: 26px;
  687.    text-align: center;
  688. }
  689.  
  690. ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
  691. {
  692.    position: absolute;
  693.    display: block;
  694.    content:' ';
  695.    top: 0;
  696.    bottom:0;
  697.    z-index: -1;
  698.    background-image: url('images/menuitem.png');
  699. }
  700.  
  701. ul.art-hmenu>li>a:before
  702. {
  703.    left: 0;
  704.    right: 2px;
  705.    background-position: top left;
  706. }
  707.  
  708. ul.art-hmenu>li>a:after
  709. {
  710.    width: 2px;
  711.    right: 0;
  712.    background-position: top right;
  713. }
  714.  
  715. .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
  716. {
  717.    text-align: left;
  718.    text-decoration: none;
  719. }
  720.  
  721. ul.art-hmenu>li>a.active:before {
  722.    background-position: bottom left;
  723. }
  724. ul.art-hmenu>li>a.active:after {
  725.    background-position: bottom right;
  726. }
  727. ul.art-hmenu>li>a.active {
  728.    color: #FEE7DC;
  729. }
  730.  
  731. ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
  732.    background-position: center left;
  733. }
  734. ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
  735.    background-position: center right;
  736. }
  737. ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
  738.    color: #7F5305;
  739. }
  740.  
  741. /* end MenuItem */
  742.  
  743. /* begin MenuSeparator */
  744.  
  745. ul.art-hmenu>li {
  746.    margin-left:8px;
  747. }
  748. ul.art-hmenu>li:first-child {
  749.    margin-left:0;
  750. }
  751.  
  752. /* end MenuSeparator */
  753.  
  754. /* begin MenuSubItem */
  755. .art-hmenu ul a
  756. {
  757.    display: block;
  758.    white-space: nowrap;
  759.    height: 24px;
  760.    background-image: url('images/subitem.png');
  761.    background-position: left top;
  762.    background-repeat: repeat-x;
  763.    border-width: 0;
  764.    border-style: solid;
  765.    min-width: 7em;
  766.    text-align: left;
  767.    text-decoration: none;
  768.    line-height: 24px;
  769.    color: #6E2602;
  770.    margin:0;
  771.    padding: 0 22px;
  772. }
  773.  
  774. .art-hmenu ul>li:first-child>a
  775. {
  776.    border-top-width: 0;
  777. }
  778.  
  779. .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
  780. {
  781.    text-align: left;
  782.    text-decoration: none;
  783.    line-height: 24px;
  784.    color: #6E2602;
  785.    margin:0;
  786.    padding: 0 22px;
  787. }
  788.  
  789. .art-hmenu ul li a:hover
  790. {
  791.    color: #000000;
  792.    background-position: left bottom;
  793.    border-top-width: 0 !important;
  794. }
  795.  
  796. .art-hmenu ul li:hover>a
  797. {
  798.    color: #000000;
  799.    background-position: left bottom;
  800.    border-top-width: 0 !important;
  801. }
  802.  
  803. /* end MenuSubItem */
  804.  
  805. /* begin Box, Sheet */
  806. .art-sheet
  807. {
  808.    max-width:1000px;
  809.    margin-top: 10px;
  810.    margin-bottom: 0;
  811.    cursor:auto;
  812.    width: 1000px;
  813. }
  814. .art-sheet-body
  815. {
  816.    padding:3px;
  817.    min-width:24px;
  818.    min-height:24px;
  819.    padding-top:0;
  820.    padding-bottom:0;
  821. }
  822.  
  823. /* end Box, Sheet */
  824.  
  825. /* begin Layout */
  826. .art-layout-wrapper
  827. {
  828.    position:relative;
  829.    margin:0 auto 0 auto;
  830. }
  831.  
  832. .art-content-layout
  833. {
  834.    display: table;
  835.    width:100%;
  836.    table-layout: fixed;
  837.    border-collapse: collapse;
  838. }
  839.  
  840. .art-content-layout-row {
  841.    display: table-row;
  842. }
  843.  
  844. .art-layout-cell
  845. {
  846.    display: table-cell;
  847.    vertical-align: top;
  848. }
  849. /* end Layout */
  850.  
  851. /* begin Box, Block */
  852. .art-block
  853. {
  854.    max-width:994px;
  855.    margin: 7px;
  856. }
  857. .art-block-body
  858. {
  859.    padding:0;
  860. }
  861.  
  862. div.art-block img
  863. {
  864.    /* WARNING do NOT collapse this to 'border' - inheritance! */
  865.   border-width: 0;
  866.    margin: 0;
  867. }
  868.  
  869. /* end Box, Block */
  870.  
  871. /* begin BlockHeader */
  872. .art-blockheader {
  873.    margin-bottom: 4px;
  874.    min-height: 26px;
  875.    line-height:26px;
  876. }
  877. .art-blockheader:before, .art-blockheader:after{
  878.    background-image: url('images/blockheader.png');
  879. }
  880. .art-blockheader:before{
  881.    right: 9px;
  882. }
  883. .art-blockheader:after{
  884.    width: 9px;
  885. }
  886.  
  887. .art-blockheader .t
  888. {
  889.    min-height: 26px;
  890.    line-height:26px;
  891.    color: #FAFAA8;
  892.    font-size: 14px;
  893.    margin:0;
  894.    padding: 0 6px 0 6px;
  895.    white-space: nowrap;
  896. }
  897.  
  898. .art-blockheader .t a,
  899. .art-blockheader .t a:link,
  900. .art-blockheader .t a:visited,
  901. .art-blockheader .t a:hover
  902. {
  903.    color: #FAFAA8;
  904.    font-size: 14px;
  905. }
  906.  
  907. /* end BlockHeader */
  908.  
  909. /* begin Box, BlockContent */
  910. .art-blockcontent
  911. {
  912.    max-width:994px;
  913. }
  914. .art-blockcontent-body
  915. {
  916.    padding:6px;
  917.    min-width:6px;
  918.    min-height:6px;
  919.    color: #2A3846;
  920.    font-family: Arial, Helvetica, Sans-Serif;
  921.    font-size: 12px;
  922. }
  923. .art-blockcontent:before, .art-blockcontent:after
  924. {
  925.    content: url('images/blockcontent_t.png');
  926.    font-size: 0;
  927.    background-image: url('images/blockcontent_b.png');
  928. }
  929. .art-blockcontent:after{
  930.    clip:rect(auto, auto, auto, 985px);
  931. }
  932. .art-blockcontent:before,.art-blockcontent-body:before{
  933.    right:9px;
  934. }
  935. .art-blockcontent-body:after{
  936.    width: 9px;
  937.    top:9px;
  938.    bottom:9px;
  939.    background-image:url('images/blockcontent.png');
  940. }
  941. .art-blockcontent-body:before{
  942.    top:9px;
  943.    bottom:9px;
  944.    background-image:url('images/blockcontent.png');
  945. }
  946. .art-blockcontent-body table,
  947. .art-blockcontent-body li,
  948. .art-blockcontent-body a,
  949. .art-blockcontent-body a:link,
  950. .art-blockcontent-body a:visited,
  951. .art-blockcontent-body a:hover
  952. {
  953.    color: #2A3846;
  954.    font-family: Arial, Helvetica, Sans-Serif;
  955.    font-size: 12px;
  956. }
  957.  
  958. .art-blockcontent-body p
  959. {
  960.    margin: 12px 0;
  961. }
  962.  
  963. .art-blockcontent-body a, .art-blockcontent-body a:link
  964. {
  965.    color: #2C5C77;
  966.    text-decoration: underline;
  967. }
  968.  
  969. .art-blockcontent-body a:visited, .art-blockcontent-body a.visited
  970. {
  971.    color: #6C8AA7;
  972.    text-decoration: none;
  973. }
  974.  
  975. .art-blockcontent-body a:hover, .art-blockcontent-body a.hover
  976. {
  977.    color: #3B7BA0;
  978.    text-decoration: none;
  979. }
  980.  
  981. .art-blockcontent-body ul li
  982. {
  983.    font-size: 13px;
  984.    line-height: 125%;
  985.    color: #394D60;
  986.    margin: 5px 0 0 10px;
  987.    padding: 0 0 0 12px;
  988.    background-image: url('images/blockcontentbullets.png');
  989.    background-repeat: no-repeat;
  990.    background-position: top left;
  991. }
  992. /* end Box, BlockContent */
  993.  
  994. /* begin Button */
  995. span.art-button-wrapper>a.art-button,
  996. span.art-button-wrapper>a.art-button:link,
  997. span.art-button-wrapper>input.art-button,
  998. span.art-button-wrapper>button.art-button
  999. {
  1000.    text-decoration: none;
  1001.    font-family: Arial, Helvetica, Sans-Serif;
  1002.    font-style: normal;
  1003.    font-weight: normal;
  1004.    font-size: 12px;
  1005.    position:relative;
  1006.    top:0;
  1007.    display: inline-block;
  1008.    vertical-align: middle;
  1009.    white-space: nowrap;
  1010.    text-align: center;
  1011.    color: #8C3103 !important;
  1012.    width: auto;
  1013.    outline: none;
  1014.    border: none;
  1015.    background: none;
  1016.    line-height: 31px;
  1017.    height: 31px;
  1018.    margin: 0 !important;
  1019.    padding: 0 16px !important;
  1020.    overflow: visible;
  1021.    cursor: pointer;
  1022.    text-indent: 0;
  1023. }
  1024.  
  1025. .art-button img, span.art-button-wrapper img
  1026. {
  1027.    margin: 0;
  1028.    vertical-align: middle;
  1029. }
  1030.  
  1031. span.art-button-wrapper
  1032. {
  1033.    vertical-align: middle;
  1034.    display: inline-block;
  1035.    position: relative;
  1036.    height: 31px;
  1037.    overflow: hidden;
  1038.    white-space: nowrap;
  1039.    text-indent: 0;
  1040.    width: auto;
  1041.    max-width:994px;
  1042.    margin: 0;
  1043.    padding: 0;
  1044.    z-index: 0;
  1045. }
  1046.  
  1047. .firefox2 span.art-button-wrapper
  1048. {
  1049.    display: block;
  1050.    float: left;
  1051. }
  1052.  
  1053. input, select, textarea
  1054. {
  1055.    vertical-align: middle;
  1056.    font-family: Arial, Helvetica, Sans-Serif;
  1057.    font-style: normal;
  1058.    font-weight: normal;
  1059.    font-size: 12px;
  1060. }
  1061.  
  1062. div.art-block select
  1063. {
  1064.    width:96%;
  1065. }
  1066.  
  1067. span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
  1068. {
  1069.    color: #7F5305 !important;
  1070.    text-decoration: none !important;
  1071. }
  1072.  
  1073. span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
  1074. {
  1075.    color: #FFFFFF !important;
  1076. }
  1077.  
  1078. span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
  1079. {
  1080.    display: block;
  1081.    position: absolute;
  1082.    top: 0;
  1083.    bottom: 0;
  1084.    margin: 0;
  1085.    padding: 0;
  1086.    background-image: url('images/button.png');
  1087.    background-repeat: no-repeat;
  1088. }
  1089.  
  1090. span.art-button-wrapper>span.art-button-l
  1091. {
  1092.    left: 0;
  1093.    right: 10px;
  1094.    background-position: top left;
  1095. }
  1096.  
  1097. span.art-button-wrapper>span.art-button-r
  1098. {
  1099.    width: 10px;
  1100.    right: 0;
  1101.    background-position: top right;
  1102. }
  1103.  
  1104. span.art-button-wrapper.hover>span.art-button-l
  1105. {
  1106.    background-position: center left;
  1107. }
  1108.  
  1109. span.art-button-wrapper.hover>span.art-button-r
  1110. {
  1111.    background-position: center right;
  1112. }
  1113.  
  1114. span.art-button-wrapper.active>span.art-button-l
  1115. {
  1116.    background-position: bottom left;
  1117. }
  1118.  
  1119. span.art-button-wrapper.active>span.art-button-r
  1120. {
  1121.    background-position: bottom right;
  1122. }
  1123.  
  1124. span.art-button-wrapper input
  1125. {
  1126.    float: none !important;
  1127. }
  1128. /* end Button */
  1129.  
  1130. /* begin Box, Post */
  1131. .art-post
  1132. {
  1133.    max-width:994px;
  1134.    margin: 5px;
  1135. }
  1136. .art-post-body
  1137. {
  1138.    padding:24px;
  1139. }
  1140. .art-post:before, .art-post:after
  1141. {
  1142.    content: url('images/post_t.png');
  1143.    font-size: 0;
  1144.    background-image: url('images/post_b.png');
  1145. }
  1146. .art-post:after{
  1147.    clip:rect(auto, auto, auto, 973px);
  1148. }
  1149. .art-post:before,.art-post-body:before{
  1150.    right:21px;
  1151. }
  1152. .art-post-body:after{
  1153.    width: 21px;
  1154.    top:21px;
  1155.    bottom:21px;
  1156.    background-image:url('images/post.png');
  1157. }
  1158. .art-post-body:before{
  1159.    top:21px;
  1160.    bottom:21px;
  1161.    background-image:url('images/post.png');
  1162. }
  1163.  
  1164. a img
  1165. {
  1166.    border: 0;
  1167. }
  1168.  
  1169. .art-article img, img.art-article, .art-block img, .art-footer img
  1170. {
  1171.    border-color: #B2C2D1;
  1172.    border-style: solid;
  1173.    border-width: 1px;
  1174.    margin: 5px 5px 5px 5px;
  1175. }
  1176.  
  1177. .art-metadata-icons img
  1178. {
  1179.    border: none;
  1180.    vertical-align: middle;
  1181.    margin: 2px;
  1182. }
  1183.  
  1184. .art-article table, table.art-article
  1185. {
  1186.    border-collapse: collapse;
  1187.    margin: 1px;
  1188. }
  1189.  
  1190. .art-post .art-content-layout-br
  1191. {
  1192.    height: 0;
  1193. }
  1194.  
  1195. .art-article th, .art-article td
  1196. {
  1197.    padding: 2px;
  1198.    border: solid 1px #8099B3;
  1199.    vertical-align: top;
  1200.    text-align: left;
  1201. }
  1202.  
  1203. .art-article th
  1204. {
  1205.    text-align: center;
  1206.    vertical-align: middle;
  1207.    padding: 7px;
  1208. }
  1209.  
  1210. pre
  1211. {
  1212.    overflow: auto;
  1213.    padding: 0.1em;
  1214. }
  1215.  
  1216. #preview-image
  1217. {
  1218.    float: left;
  1219.    }
  1220.  
  1221. .preview-cms-logo
  1222. {
  1223.    border: 0;
  1224.    margin: 1em 1em 0 0;
  1225.    float: left;
  1226. }
  1227.  
  1228. .preview-sharepoint-logo
  1229. {
  1230.    border: 0;
  1231.    margin: 5px;
  1232.    float: left;
  1233. }
  1234. /* end Box, Post */
  1235.  
  1236. /* begin PostMetadata, PostMetadataHeader */
  1237. .art-postmetadataheader
  1238. {
  1239.    position:relative;
  1240.    z-index:1;
  1241.    padding: 1px;
  1242.    background-color: #17590D;
  1243. }
  1244. /* end PostMetadata, PostMetadataHeader */
  1245.  
  1246. /* begin PostHeaderIcon */
  1247. .art-postheader
  1248. {
  1249.    color: #BCD7E6;
  1250.    margin: 5px 0;
  1251.    line-height: 1em;
  1252.    font-size: 20px;
  1253. }
  1254.  
  1255. .art-postheader a,
  1256. .art-postheader a:link,
  1257. .art-postheader a:visited,
  1258. .art-postheader a.visited,
  1259. .art-postheader a:hover,
  1260. .art-postheader a.hovered
  1261. {
  1262.    font-size: 20px;
  1263. }
  1264.  
  1265. .art-postheader a, .art-postheader a:link
  1266. {
  1267.    text-align: left;
  1268.    text-decoration: none;
  1269.    color: #ADCEE1;
  1270. }
  1271.  
  1272. .art-postheader a:visited, .art-postheader a.visited
  1273. {
  1274.    color: #E6EBF0;
  1275. }
  1276.  
  1277. .art-postheader a:hover,  .art-postheader a.hovered
  1278. {
  1279.    color: #BCD7E6;
  1280. }
  1281.  
  1282. /* end PostHeaderIcon */
  1283.  
  1284. /* begin PostIcons, PostHeaderIcons */
  1285. .art-postheadericons,
  1286. .art-postheadericons a,
  1287. .art-postheadericons a:link,
  1288. .art-postheadericons a:visited,
  1289. .art-postheadericons a:hover
  1290. {
  1291.    font-family: Arial, Helvetica, Sans-Serif;
  1292.    color: #344556;
  1293. }
  1294.  
  1295. .art-postheadericons
  1296. {
  1297.    padding: 1px;
  1298. }
  1299.  
  1300. .art-postheadericons a, .art-postheadericons a:link
  1301. {
  1302.    text-decoration: none;
  1303.    color: #295670;
  1304. }
  1305.  
  1306. .art-postheadericons a:visited, .art-postheadericons a.visited
  1307. {
  1308.    font-style: italic;
  1309.    font-weight: normal;
  1310.    color: #295670;
  1311. }
  1312.  
  1313. .art-postheadericons a:hover, .art-postheadericons a.hover
  1314. {
  1315.    font-style: italic;
  1316.    font-weight: normal;
  1317.    text-decoration: underline;
  1318.    color: #377395;
  1319. }
  1320.  
  1321. /* end PostIcons, PostHeaderIcons */
  1322.  
  1323. /* begin PostIcon, PostDateIcon */
  1324. span.art-postdateicon
  1325. {
  1326.    display:inline-block;
  1327.    line-height: 1em;
  1328. }
  1329.  
  1330. span.art-postdateicon:after
  1331. {
  1332.    content: '.';
  1333.    width: 1px;
  1334.    visibility: hidden;
  1335.    display: inline-block;
  1336. }/* end PostIcon, PostDateIcon */
  1337.  
  1338. /* begin PostIcon, PostAuthorIcon */
  1339. span.art-postauthoricon
  1340. {
  1341.    display:inline-block;
  1342.    line-height: 1em;
  1343. }
  1344.  
  1345. span.art-postauthoricon:after
  1346. {
  1347.    content: '.';
  1348.    width: 1px;
  1349.    visibility: hidden;
  1350.    display: inline-block;
  1351. }/* end PostIcon, PostAuthorIcon */
  1352.  
  1353. /* begin PostIcon, PostEditIcon */
  1354. span.art-postediticon
  1355. {
  1356.    display:inline-block;
  1357.    line-height: 1em;
  1358. }
  1359.  
  1360. span.art-postediticon:after
  1361. {
  1362.    content: '.';
  1363.    width: 1px;
  1364.    visibility: hidden;
  1365.    display: inline-block;
  1366. }/* end PostIcon, PostEditIcon */
  1367.  
  1368. /* begin PostBullets */
  1369. .art-postcontent ol, .art-postcontent ul
  1370. {
  1371.    margin: 1em 0 1em 2em;
  1372.    padding: 0;
  1373. }
  1374.  
  1375. .art-postcontent li
  1376. {
  1377.    font-size: 13px;
  1378.    color: #263340;
  1379.    margin: 3px 0 0 -15px;
  1380.    padding: 0 0 0 12px;
  1381. }
  1382.  
  1383. .art-postcontent li ol, .art-post li ul
  1384. {
  1385.    margin: 0.5em 0 0.5em 2em;
  1386.    padding: 0;
  1387. }
  1388.  
  1389. .art-postcontent ol>li
  1390. {
  1391.    background: none;
  1392.    padding-left: 0;
  1393.    /* overrides overflow for "ul li" and sets the default value */
  1394.   overflow: visible;
  1395. }
  1396.  
  1397. .art-postcontent ul>li
  1398. {
  1399.    background-image: url('images/postbullets.png');
  1400.    background-repeat: no-repeat;
  1401.    background-position: top left;
  1402.    padding-left: 12px;
  1403.    /* makes "ul li" not to align behind the image if they are in the same line */
  1404.   overflow-x: visible;
  1405.    overflow-y: hidden;
  1406. }
  1407.  
  1408. /* end PostBullets */
  1409.  
  1410. /* begin PostQuote */
  1411. blockquote,
  1412. blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
  1413. blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
  1414. blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
  1415. blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
  1416. {
  1417.    color: #1E0A01;
  1418.    font-style: italic;
  1419.    font-weight: normal;
  1420.    text-align: left;
  1421. }
  1422.  
  1423. /* Override native 'p' margins*/
  1424. blockquote p,
  1425. .art-postcontent blockquote p,
  1426. .art-blockcontent blockquote p,
  1427. .art-footer blockquote p
  1428. {
  1429.    margin: 0;
  1430.    margin: 5px 0;
  1431. }
  1432.  
  1433. blockquote
  1434. {
  1435.    margin: 10px;
  1436.    padding: 10px;
  1437.    background-color: #D6DEE6;
  1438.    margin-left: 50px;
  1439.    padding-left: 47px;
  1440.    background-image: url('images/postquote.png');
  1441.    background-position: left top;
  1442.    background-repeat: no-repeat;
  1443.    /* makes block not to align behind the image if they are in the same line */
  1444.   overflow: auto;
  1445.    clear:both;
  1446. }
  1447.  
  1448. /* end PostQuote */
  1449.  
  1450. /* begin PostIcons, PostFooterIcons */
  1451. .art-postfootericons,
  1452. .art-postfootericons a,
  1453. .art-postfootericons a:link,
  1454. .art-postfootericons a:visited,
  1455. .art-postfootericons a:hover
  1456. {
  1457.    font-family: Arial, Helvetica, Sans-Serif;
  1458.    color: #344556;
  1459. }
  1460.  
  1461. .art-postfootericons
  1462. {
  1463.    padding: 1px;
  1464. }
  1465.  
  1466. .art-postfootericons a, .art-postfootericons a:link
  1467. {
  1468.    text-decoration: none;
  1469.    color: #295670;
  1470. }
  1471.  
  1472. .art-postfootericons a:visited, .art-postfootericons a.visited
  1473. {
  1474.    color: #295670;
  1475. }
  1476.  
  1477. .art-postfootericons a:hover, .art-postfootericons a.hover
  1478. {
  1479.    color: #377395;
  1480. }
  1481.  
  1482. /* end PostIcons, PostFooterIcons */
  1483.  
  1484. /* begin PostIcon, PostCategoryIcon */
  1485. span.art-postcategoryicon
  1486. {
  1487.    display:inline-block;
  1488.    line-height: 1em;
  1489. }
  1490.  
  1491. span.art-postcategoryicon:after
  1492. {
  1493.    content: '.';
  1494.    width: 1px;
  1495.    visibility: hidden;
  1496.    display: inline-block;
  1497. }/* end PostIcon, PostCategoryIcon */
  1498.  
  1499. /* begin PostIcon, PostTagIcon */
  1500. span.art-posttagicon
  1501. {
  1502.    display:inline-block;
  1503.    line-height: 1em;
  1504. }
  1505.  
  1506. span.art-posttagicon:after
  1507. {
  1508.    content: '.';
  1509.    width: 1px;
  1510.    visibility: hidden;
  1511.    display: inline-block;
  1512. }/* end PostIcon, PostTagIcon */
  1513.  
  1514. /* begin PostIcon, PostCommentsIcon */
  1515. span.art-postcommentsicon
  1516. {
  1517.    display:inline-block;
  1518.    line-height: 1em;
  1519. }
  1520.  
  1521. span.art-postcommentsicon:after
  1522. {
  1523.    content: '.';
  1524.    width: 1px;
  1525.    visibility: hidden;
  1526.    display: inline-block;
  1527. }/* end PostIcon, PostCommentsIcon */
  1528.  
  1529. /* begin Footer */
  1530. .art-footer
  1531. {
  1532.    position: relative;
  1533.    margin-top:20px;
  1534.    margin-bottom:0;
  1535.    width: 100%;
  1536. }
  1537.  
  1538. .art-footer-body
  1539. {
  1540.    position:relative;
  1541.    padding: 5px;
  1542.    color: #151C23;
  1543.    font-size: 11px;
  1544. }
  1545.  
  1546. .art-footer-body ul li
  1547. {
  1548.    color: #2A3846;
  1549.    padding: 0 0 0 13px;
  1550.    background-image: url('images/footerbullets.png');
  1551.    background-repeat: no-repeat;
  1552.    background-position: top left;
  1553. }
  1554.  
  1555. .art-footer-body:before
  1556. {
  1557.    position: absolute;
  1558.    content:' ';
  1559.    z-index:-2;
  1560.    left:0;
  1561.    right:0;
  1562.    top:0;
  1563.    bottom:0;
  1564.    background-image: url('images/footer.png');
  1565.    background-position:bottom left;
  1566. }
  1567.  
  1568. .art-footer-text p
  1569. {
  1570.    padding:0;
  1571.    margin:0;
  1572.    text-align: center;
  1573. }
  1574.  
  1575. .art-footer-body a,
  1576. .art-footer-body a:link,
  1577. .art-footer-body a:visited,
  1578. .art-footer-body a:hover,
  1579. .art-footer-body td,
  1580. .art-footer-body th,
  1581. .art-footer-body caption
  1582. {
  1583.    color: #151C23;
  1584.    font-size: 11px;
  1585. }
  1586.  
  1587. .art-footer-text
  1588. {
  1589.    min-height: 15px;
  1590.    padding-left: 10px;
  1591.    padding-right: 10px;
  1592.    text-align: center;
  1593. }
  1594.  
  1595. .art-footer-body a,
  1596. .art-footer-body a:link
  1597. {
  1598.    color: #254D65;
  1599.    text-decoration: none;
  1600. }
  1601.  
  1602. .art-footer-body a:visited
  1603. {
  1604.    color: #344556;
  1605. }
  1606.  
  1607. .art-footer-body a:hover
  1608. {
  1609.    color: #3E81A8;
  1610.    text-decoration: underline;
  1611. }
  1612.  
  1613. div.art-footer img
  1614. {
  1615.    /* WARNING do NOT collapse this to 'border' - inheritance! */
  1616.   border-width: 0;
  1617.    margin: 0;
  1618. }/* end Footer */
  1619.  
  1620. /* begin PageFooter */
  1621. .art-page-footer,
  1622. .art-page-footer a,
  1623. .art-page-footer a:link,
  1624. .art-page-footer a:visited,
  1625. .art-page-footer a:hover
  1626. {
  1627.    font-family: Arial;
  1628.    font-size: 10px;
  1629.    letter-spacing: normal;
  1630.    word-spacing: normal;
  1631.    font-style: normal;
  1632.    font-weight: normal;
  1633.    text-decoration: underline;
  1634.    color: #326786;
  1635. }
  1636.  
  1637. .art-page-footer
  1638. {
  1639.    position: relative;
  1640.    z-index: 10;
  1641.    padding: 1em;
  1642.    text-align: center;
  1643.    text-decoration: none;
  1644.    color: #B43E04;
  1645. }
  1646. /* end PageFooter */
  1647.  
  1648. /* begin LayoutCell, sidebar1 */
  1649. .art-content-layout .art-sidebar1
  1650. {
  1651.    width: 200px;
  1652. }
  1653. /* end LayoutCell, sidebar1 */
create a new version of this paste RAW Paste Data