/* ----------------------------------------------------------------------- oik.css is an extract of the blueprint.css for use with Artisteer generated stylesheets blueprint used in oik brief overview --------- ----------- --------------------- reset.css NO we don't reset AGAIN since it's done very early on by Drupal typography.css NO the typography is determined by the artisteer program it may not be as GOOD as blueprint... but if we override it we can end up with funny font sizes .classes YES BUT we do use the general classes defined in blueprint forms.css YES Fields for forms grid.css YES This is the main reason for using Blueprint. Easy coding in .html Note: This stylesheet will be embedded BEFORE the selected Drupal theme's style.css file So if you want to override the artisteer style again you may need to define an additional style sheet. eg. gdwhite.css in the gdwifaw theme Blueprint CSS Framework 0.9 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ /* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} */ /* body {line-height:1.0;} */ /* table {border-collapse:separate;border-spacing:0;} */ /* caption, th, td {text-align:left;font-weight:normal;} */ /* table, td, th {vertical-align:middle;} */ /* blockquote:before, blockquote:after, q:before, q:after {content:"";} */ /* blockquote, q {quotes:"" "";} */ /* a img {border:none;} */ /* typography.css */ /* html {font-size:100.01%;} */ /* */ /* body {color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:83%; } */ /* h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} */ /* h1 {font-size:2.7em;line-height:1;margin-bottom:0.5em;} */ /* h2 {font-size:1.8em;margin-bottom:0.75em;} */ /* h3 {font-size:1.3em;line-height:1;margin-bottom:1em;} */ /* h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;} */ /* h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} */ /* h6 {font-size:1em;font-weight:bold;} */ /* h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} */ /* p {margin:0 0 1em; font-size:120%;} */ /* li {font-size: 1.2em; } */ /* p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} */ /* p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} */ /* a:focus, a:hover {color:#000;} */ /* a {color:#009;text-decoration:underline;} */ /* blockquote {margin:1.5em;color:#666;font-style:italic;} */ /* strong {font-weight:bold;} */ em, dfn {font-style:italic;} /* dfn {font-weight:bold;} */ /* sup, sub {line-height:0;} */ abbr, acronym {border-bottom:1px dotted #666;} /* address {margin:0 0 1.5em;font-style:italic;} */ /* del {color:#666;} */ /* pre {margin:1.5em 0;white-space:pre;} */ /* pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} */ /* li ul, li ol {margin:0;} */ /* ul, ol {margin:0 1.0em 1.0em 1.0em ;padding-left:3.333em;} */ /* ul { margin: 0.5em 0.5em 0.5em 1.0em; list-style-position: outside; padding-left: 1.0em } */ /* ul {list-style-type:disc;} */ /* ol {list-style-type:decimal;} */ /* dl {margin:0 0 1.5em 0;} */ /* dl dt {font-weight:bold;} */ /* dd {margin-left:1.5em;} */ /* table {margin-bottom:1.4em;width:100%;} */ /* th {font-weight:bold;} */ /* thead th {background:#c3d9ff;} */ /* th, td, caption {padding:0px 10px 0px 5px;} */ /* tr.even td {background:#e5ecf9;} */ /* tfoot {font-style:italic;} */ /* caption {background:#eee;} */ .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.4em;margin-bottom:0.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css label {font-weight:normal; color: #213623;} fieldset {padding:1.4em;margin:0 0 0.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.3em; color: #213623; } input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.2em 0;} input.text, input.title {width:240px;padding:2px;} input.title {font-size:1.5em;} textarea {width:280px;height:150px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} */ form.inline {line-height:3; display: inline;} form.inline p {margin-bottom:0;} /* .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} */ /* grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(http://www.rentbluemountain.com/wp-content/plugins/oik/src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3 {width:98px!important;} input.span-4, textarea.span-4 {width:138px!important;} input.span-5, textarea.span-5 {width:178px!important;} input.span-6, textarea.span-6 {width:218px!important;} input.span-7, textarea.span-7 {width:258px!important;} input.span-8, textarea.span-8 {width:298px!important;} input.span-9, textarea.span-9 {width:338px!important;} input.span-10, textarea.span-10 {width:378px!important;} input.span-11, textarea.span-11 {width:418px!important;} input.span-12, textarea.span-12 {width:458px!important;} input.span-13, textarea.span-13 {width:498px!important;} input.span-14, textarea.span-14 {width:538px!important;} input.span-15, textarea.span-15 {width:578px!important;} input.span-16, textarea.span-16 {width:618px!important;} input.span-17, textarea.span-17 {width:658px!important;} input.span-18, textarea.span-18 {width:698px!important;} input.span-19, textarea.span-19 {width:738px!important;} input.span-20, textarea.span-20 {width:778px!important;} input.span-21, textarea.span-21 {width:818px!important;} input.span-22, textarea.span-22 {width:858px!important;} input.span-23, textarea.span-23 {width:898px!important;} input.span-24, textarea.span-24 {width:938px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* Social networking classes for links */ .notext { list-style-type: none;} ul.notext li { width: 50px; overflow: hidden; background-image: none;padding-left: 0px;} ul.inline, ul.inline li { float: left; list-style-type: none; } ul.inliner, ul.inliner li { float: right; list-style-type: none; } ul.inline li, ul.inliner li { display: inline; line-height: 50px; padding-top: 16px; padding-bottom: 16px; background-image: none; font-size: 18px; } ul.notext li { line-height: 50px; } .followme a, a.Facebook , a.LinkedIn , a.Twitter , a.Blogger , a.Delicious , a.Digg , a.Drupal , a.Flickr , a.Google , a.GooglePlus , a.Picasa , a.Stumbleupon , a.Technorati , a.WordPress , a.Yahoo , a.YouTube , a.directory , a.post , a.page , a.bwtrace , a.my-site { line-height: 50px; padding: 16px 0px 16px 50px; } li.email { background: transparent url(http://www.rentbluemountain.com/wp-content/plugins/oik/images/email_48.png) no-repeat top left; } /* Changed li.* to a.* below 2010/12/06 */ a.Facebook { background: transparent url(images/facebook_48.png) no-repeat top left ; } a.LinkedIn { background: transparent url(images/linkedin_48.png) no-repeat top left ; } a.Twitter { background: transparent url(images/twitter_48.png) no-repeat top left ; } a.Blogger { background: transparent url(images/blogger_48.png) no-repeat top left ; } a.Delicious { background: transparent url(images/delicious_48.png) no-repeat top left ; } a.Digg { background: transparent url(images/digg_48.png) no-repeat top left ; } a.Drupal { background: transparent url(http://www.rentbluemountain.com/wp-content/plugins/oik/images/Drupal_48.png) no-repeat top left ; } a.Flickr { background: transparent url(images/flickr_48.png) no-repeat top left ; } a.Google { background: transparent url(images/google_48.png) no-repeat top left ; } a.GooglePlus { background: transparent url(images/googleplus_48.png) no-repeat top left ; } a.LinkedIn { background: transparent url(images/linkedin_48.png) no-repeat top left ; } a.Picasa { background: transparent url(images/picasa_48.png) no-repeat top left ; } a.Stumbleupon { background: transparent url(images/stumbleupon_48.png) no-repeat top left ; } a.Technorati { background: transparent url(images/technorati_48.png) no-repeat top left ; } a.WordPress { background: transparent url(images/wordpress_48.png) no-repeat top left ; } a.Yahoo { background: transparent url(images/yahoo_48.png) no-repeat top left ; } a.YouTube { background: transparent url(images/youtube_48.png) no-repeat top left ; } a.directory { background: transparent url(http://www.rentbluemountain.com/wp-content/plugins/oik/images/directory_48.png) no-repeat top left ; } a.my-site { background: transparent url(http://www.rentbluemountain.com/wp-content/plugins/oik/images/favicon-48.png) no-repeat top left ; } a.post { background: transparent url(images/post_48.png) no-repeat top left ; } a.page { background: transparent url(images/page_48.png) no-repeat top left ; } a.bwtrace { background: transparent url(images/oik_trace_48.png) no-repeat top left ; } /* background image for the oik dashboard icon */ #adminmenu #toplevel_page_oik_menu div.wp-menu-image img { visibility: hidden; } #adminmenu #toplevel_page_oik_menu div.wp-menu-image { background: url( 'images/oik-icon.png' ) 0 90% no-repeat; } #toplevel_page_oik_menu.current .wp-menu-image, #toplevel_page_oik_menu.wp-has-current-submenu .wp-menu-image, #toplevel_page_oik_menu:hover .wp-menu-image { background-position: top left; } /* CSS for Views forms buttons */ /* .views-exposed-form .views-exposed-widget .form-submit { margin-top:0; } */ /* form#views-ui-preview-form input#preview-submit { margin-top:0; } */ /* #edit-views-apply, #edit-views-reset { margin-top:0; } */ /* Class for styling the contact style button created using [bw_contact_button] */ a.contact { } /* Classes for the [bw_block] shortcode to set the minimum height for a block e.g. [bw_block class="column span-6 bd-200"] If these are not sufficient you can add more to your custom stylesheet */ div.bd-100 .art-blockcontent, .bd-100 { min-height: 100px; } div.bd-150 .art-blockcontent, .bd-150 { min-height: 150px; } div.bd-200 .art-blockcontent, .bd-200 { min-height: 200px; } div.bd-250 .art-blockcontent, .bd-250 { min-height: 250px; } div.bd-300 .art-blockcontent, .bd-300 { min-height: 300px; } div.bd-350 .art-blockcontent, .bd-350 { min-height: 350px; } div.bd-400 .art-blockcontent, .bd-400 { min-height: 400px; } div.bd-450 .art-blockcontent, .bd-450 { min-height: 450px; } div.bd-500 .art-blockcontent, .bd-500 { min-height: 500px; } div.bd-550 .art-blockcontent, .bd-550 { min-height: 550px; } /* Classes for the emergency telephone number - darkish red */ div.emergency { color: #b53030 } /* For [bw_show_googlemap] */ #map_canvas { height: 100%; min-height: 100% } #map_canvas img { max-width: none; } /* For [wp] = WordPress - see http://wordpress.org/about/logos/ */ span.wordpress { /* nothing yet */ } span.word { color: #21759b; font-family: "Mrs. Eaves", Times, "Times New Roman", serif; font-variant: small-caps;} span.press { color: #464646; font-family: "Mrs. Eaves", Times, "Times New Roman", serif; font-variant: small-caps;} /* For [bp] = BuddyPress see http://buddypress.org/about/faq/ */ span.buddypress { /* nothing yet */ } span.buddy { color: #D84800; font-family: Arial, Tahoma, Verdana, sans-serif; } span.bpress { color: #555555; font-family: Arial, Tahoma, Verdana, sans-serif; } /* For [drupal] = Drupal - see http://drupal.org/node/955994. Horatio Bold is the nearest font but we'll just stick with the same font family as for drupal.org */ span.drupal { color: #0678be; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* For [artisteer] */ span.artisteer { color: #D16521; font-family: Arial; } div.adr div.type { display: none; } /* disable the background on Mail Chimp's Email Format radio buttons */ div#mc_embed_signup ul li { background-image: none; } /* Make the custom header image fit inside the meta box */ img.bw-header-box { margin: 0 auto; position: relative; max-width: 100%; margin-top: 0; margin-bottom: 0; } /* If there is a menu called 'footer' in the footer then make it horizontal */ div.art-footer ul#menu-footer li { display: inline; text-transform: lowercase; } table.effort { text-align: right } /* Styling for the "(C) Copyright company yearfrom-yearto" from [bw_copyright] */ span.copyright { } span.copyright-company { } span.copyright-years { } ul.tick, ul.cross, ul.x { list-style: none; list-style-position: outside; padding-left: 0; } ul.tick li, li.tick { background: transparent url( 'images/green_tick_64x64.png' ) no-repeat; background-size: 16px 16px; padding-left: 2em; } ul.cross li, li.cross, .tick li.x { background: transparent url( 'images/red_x_64x64.png' ) no-repeat; background-size: auto 100%; padding-left: 2em; } /* For rules on using the PDF logo see "Adobe PDF file icon" in http://www.adobe.com/misc/linking.html */ a[href*='.pdf'] { background: transparent url( 'images/pdficon_small.png' ) no-repeat; background-size: auto; padding-left: 32px; } div.noicon a[href*='.pdf'] { background-image: none; padding-left: 3px; } a.portfolio { background: none; padding-left: 0px; } /* columns required %ages to use ---------------- --------------- 1 100 2 50% 3 33% 66% 4 25% 50% 75% 5 20% 40% 60% 80% 6 16% 33% 50% 66% 83% 7 14.285714% */ .w100pc { float: left; width: 100%; } .w90pc { float: left; width: 90%; } .w83pc { float: left; width: 83.3333333%; } .w80pc { float: left; width: 80%; } .w75pc { float: left; width: 75%; } .w70pc { float: left; width: 70%; } .w66pc { float: left; width: 66.6666667%; } .w60pc { float: left; width: 60%; } .w50pc { float: left; width: 50%; } .w40pc { float: left; width: 40%; } .w33pc { float: left; width: 33.3333333%; } .w30pc { float: left; width: 30%; } .w25pc { float: left; width: 25%; } .w20pc { float: left; width: 20%; } .w15pc { float: left; width: 15%; } .w16pc { float: left; width: 16.6666667%; } .w14pc { float: left; width: 14.285714%; } .w10pc { float: left; width: 10%; } /* Prevent images from going outside their bounding divs */ /* Does it matter what the class of the div is? Can't we do it for every image? */ div.art-block img, div.textwidget img { max-width: 100% } img { max-width: 100% } /* Fix for nested Artisteer blocks - see Support case 69871. Although it was Closed with a recommendation to use the following .art-blockcontent .art-blockheader, .art-blockcontent .art-blockcontent { z-index: 0; } I find that doesn't work for blocks in the content. So I'm using a slightly modified version of my original solution. .art-bar is needed to complete the RHS of the header bar for the box but we need to work at a lower level to ensure that the drop down of the horizontal menu appears .art-box is needed to complete the RHS of the content of the box 2012/03/22 discovered that this can stop hmenu drop down items from appearing So I have removed my latest fix and added a new line for the blocks in body content */ /* .art-box-body .art-bar { z-index: 0; } */ /* .art-box { z-index: 0; } */ /* .art-box-body .art-nav { z-index: 1; } */ /* .art-bar, .art-box { z-index: 0; } */ .art-blockcontent .art-blockheader, .art-blockcontent .art-blockcontent { z-index: 0; } .art-block-body .art-blockheader, .art-block-body .art-blockcontent { z-index: 0; }