Cara membuat Menu DropDown dengan Sub-Menu

dropdown menu ini dilengkapi dengan drop category, drop pages, drop archives, rss serta beberapa sub menu-menu lainya

Musuh yang paling berbahaya di atas dunia ini adalah penakut dan bimbang.Teman yang paling setia, hanyalah keberanian dan keyakinan yang teguh. Andrew Jackson

dropdown menu ini dilengkapi dengan drop category, drop pages, drop archives, rss serta beberapa sub menu-menu lainya

Last Modif at July 8th, 2011

Silakan ikuti url berikut untuk tutorial versi terbaru :

http://www.indaam.net/2011/06/imenu-dropdown-menu-versi-2-for-wordpress-dan-blogspot/
hy blogger!
untuk membuat sebuah blog yang memiliki tampilan lebih keren, ada baiknya kita menambahkan menu-menu!
nah, disini saya akan share tentang cara membuat menu-menu dropdown yang dilengkapi dengan sub-sub menu, pada sub-submenu ini, sudah saya tambahkan, dropdown karegory, dropdown archive, dropdown pages, dropdown rss, serta beberapa sub-sub menu lainya, untuk contohnya ada di bagian atas blog ini!

berikut step-by step cara membuat menu-dropdown

  • masuk ke directory theme sobat
  • …wp-content/themes/nama-theme-sobat/
  • buat file baru dengan nama menu-menu-dropdown-keren.php di directory/folder theme sobat(misal di default atau classic)
  • ekstensinya harus [dot]php
  • edit menu-menu-dropdown-keren.php
  • kemudian isi dengan style, script, markup berikut

<?php //start menu-menu drop dengan kategori, pages, archive, rss?>
<?php
//style css dibawah langsung saya masukan ke dalam tag body, sobat bisa memindakan style cssnya kedalam tag head
//sobat juga bisa merubah style cssnya, sobat bisa mengedit semuanya atau ubah yang saya beri komentar
// yang terpenting adalah ganti warnanya.red, lime, yellow, black, silakan ganti dengan warna lain!
?>
<?php //mulai dari sini adalah style cssnya, sobat dapat pindakan ke atas </head>?>

<style type="text/css">
/******* www.indaam.net *********/
#menudrop{
background-color:lime;/* warna background utama , silakan ganti dengan value lain */
padding:0;
margin-top:1px;/* jarak luar atas, silakan ganti dengan value lain */
margin-bottom:1px;/*jarak luar bawah , silakan ganti dengan value lain */
margin-left:1px;/* jarak luar kiri , silakan ganti dengan value lain */
margin-right:1px;/* jarak luar kanan , silakan ganti dengan value lain */
overflow:hidden;
font-family:times;/* werna background utama , silakan ganti dengan value lain */
font-size:18px;/* ukuran font, silakan ganti dengan value lain */
font-weight:bold;/* ketabalan font, silakan ganti dengan value lain */
width:100%;/*lebar background belakang , silakan atur lebarnya */
-moz-border-radius:5px;/* fungsi ini untuk membuat lengkungan selebar 5px, hanya untuk firefox, silakan ganti dengan value lain */
text-transform:capitalize;
}
/******* www.indaam.net *********/
#menudrop a{text-decoration:none;}
/******* www.indaam.net *********/
#menustyle{margin:0;padding:0;}
/******* www.indaam.net *********/
#menustyle ul{
float:left;
list-style:none;
margin:0;
padding:0;}
/******* www.indaam.net *********/
#menustyle li{list-style:none;
margin:0;padding:0;}
/******* www.indaam.net *********/
#menustyle li a, #menustyle li a:link, #menustyle li a:visited{
background:yellow;/* warna background link, silakan ganti dengan value lain */
color:black;/* warna text link, silakan ganti dengan value lain */
display:block;
padding:14px 10px 13px 8px;/*padding ini adalah jarak antara text dengan batas luar, silakan ganti dengan value lain */
-moz-border-radius:4px;/* fungsi ini untuk membuat lengkungan selebar 4px, hanya untuk firefox, silakan ganti dengan value lain */
}
/******* www.indaam.net *********/
#menustyle li a:hover, #menustyle li a:active{
background-color:red;/* warna background link ketika cursor melintas, silakan ganti dengan value lain */
color:lime;/* warna text link ketika cursor melintas, silakan ganti dengan value lain */
margin:0;
-moz-border-radius:4px;
}
/******* www.indaam.net *********/
#menustyle li li a, #menustyle li li a:link, #menustyle li li a:visited{
width:350px;/* lebar link-link yang ngedrop, silakan ganti dengan value lain */
float:none;
margin:0;
font-size:18px;/* ukuran font yg ngedrop, silakan ganti dengan value lain */
}
/******* www.indaam.net *********/
#menustyle li{float:left;padding:0;}
#menustyle li a.enclose, #menustyle li a.enclose:visited{border-top:1px solid white;}
#menustyle li ul{z-index: 9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;padding:0;}
#menustyle li ul a{width: 140px;}
#menustyle li ul ul{margin:-75px 0 0 171px;}
#menustyle li:hover ul ul, #menustyle li:hover ul ul ul, #menustyle li.sfhover ul ul, #menustyle li.sfhover ul ul ul{left:-999em;}
#menustyle li:hover ul, #menustyle li li:hover ul, #menustyle li li li:hover ul, #menustyle li.sfhover ul, #menustyle li li.sfhover ul, #menustyle li li li.sfhover ul{left:auto;}
#menustyle li:hover, #menustyle li.sfhover{position:static;}

</style>
<?php //end, sampai disini style cssnya?>
<?php //mulai dari sini adalah menu-menunya?>
<div id='menudrop'>
<ul id='menustyle'>
<li><a href='<?php bloginfo('url'); ?>/'>home</a></li>
<li><a href='javascript:void(0)'>pages</a>
<ul>
<?php wp_list_pages('title_li=&sort_column=menu_order&depth=1'); ?>
</ul></li>
<li><a href='javascript:void(0)'>category</a>
<ul>
<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>

</ul></li>
<li><a href='javascript:void(0)'>archive</a>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul></li>
<li><a href='javascript:void(0)'>rss</a>
<ul>
<li><a href="<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a></li>
<li><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a></li>

</ul></li>
<li><a href='javascript:void(0)'>other link</a>
<ul>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>ganti dengan link sobat</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>ganti dengan link sobat</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>ganti dengan link sobat</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>ganti dengan link sobat</a></li>

</ul></li>
<li><a href='javascript:void(0)'>other link 2</a>
<ul>
<li><a href='javascript:void(0)'>other link 2 a</a>
<ul>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 a 1</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 a 2</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 a 3</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 a 4</a></li>

</ul>
</li>
<li><a href='javascript:void(0)'>other link 2 b</a>
<ul>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 1</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 2</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 3</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 4</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 5</a></li>

</ul>
</li>
<li><a href='javascript:void(0)'>other link 2 c</a>
<ul>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 1</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 2</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 3</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 4</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 5</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 b 6</a></li>

</ul>
</li>
<li>
<a href='javascript:void(0)'>other link 2 d</a>
<ul>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 1</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 2</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 3</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 4</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 5</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 6</a></li>
<li><a href='javascript:void(0)'><?php //bisa diganti ?>other link 2 d 7</a></li>

</ul>
</li>
</ul>
</li>
<li><a href='javascript:void(0)'>other link 3</a><ul><?php //yang dibawah hanya contoh ?>
<li><a href='http://www.indaam.net' target="_blank"><?php //bisa diganti ?>indaam.net</a></li>
<li><a href='http://www.indaam.net/about'><?php //bisa diganti ?>indaam.net/about</a></li>
<li><a href='http://www.salsabeela.com'><?php //bisa diganti ?>salasabeela</a></li>

</ul>
</li>
</ul>
</div>
<?php //sampai sini adalah menu-menunya?>
<?php
//sobat juga dapat mengganti linknya, ganti href='javascript:void(0)' dengan link lain kemudian sesuaikan
//salam kenal dari www.indaam.net
?>
<?php //end menu-menu drop dengan kategori, pages, archive, rss?>

  • pastikan semua ter-copy
  • setelah itu save

langkah selanjutnya, ialah menambahkan include

file menu dropdown yang kita buat tadi belum bisa ditampilkan, karena kita tidak menambahkan secara langsung di di index.php, single.php, maupun archive.php(lebih jauh tentang include cari di google).
nah, agar menu menu ini berfungsi kita wajib menambahkan ini

<?php include (TEMPLATEPATH.'/menu-menu-dropdown-keren.php') ?>
<!– kedalam, index.php, single.php, home.php dll –>

berikut caranya

buka/edit index.php

  • pada index.php
  • cari . . . . get_header(); ?>
  • kemudian tambahkan script ini tepat di bawahnya

<?php include (TEMPLATEPATH.'/menu-menu-dropdown-keren.php') ?>

  • setelah itu save/simpan/update file
  • lihat homepage blog sobat( jika menunya tidak muncul, edit/buka home.php)
  • kemudian lakukan hal yang sama seperti di index.php

keteranagan

  • buka/edit juga(jika ada), single.php, search.php, 404.php, archive.php, tag.php, page.php, home.php
  • kemudian lakukan hal yang sama seperti index.php

keterangan pada file menu-menu-dropdown-keren.php

  • didalam menu-menu-dropdown-keren.php yang kita buat tadi, berisikan source html, style css, dan php
  • khusus cssnya, bisa dipindahkan keatas tag </head> (biasanya di header.php) atau juga bisa di pindahkan/cut ke style.css
  • yang bercetak tebal adalah menu-menu awal, sedangkan
  • yang bercetak miring adalah sub-sub menu
  • text warna kuning adalah komentar php, jadi abaikan saja
  • warna merah adalah url yang not vailid alias url yang tidak dianggap
  • warna biru langit adalah style css
  • pada style cssnya, setelah karakter :(titik dua) itu adalah value jadi bisa diganti dengan valaue lain! fungsinya agar tempilanya berubah!

kelebihan dari menu-menu drop ini adalah tidak menggunakan javascipt jadi masalah ngerelodnya ngga perlu dipusingkan! jika ada pertanyaan silakan beri komentar.

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

63 thoughts on “Cara membuat Menu DropDown dengan Sub-Menu”

  1. Terima kasih atas sharing ilmunya…
    boleh konsultasi masalah buat bikin web ga..? tks..

    1. indam says:

      yah, tentu saja bisa.

  2. irwan says:

    saya baru di dunia blog mas ..pengen bisa bikin meny dropdown udah instal pluginnya tapi tetep saja nah ada artikelnya tetep ngga mudeng mas…:D

    1. indam says:

      nanti kamu pasti bisa

  3. kickymaulana says:

    aku mau coba yang ini, yang lain nya pada pake plugin, tambah mumet juga

  4. kickymaulana says:

    mas, aku berhasil, makasi ya, mantap, indaam dot com mau tak taruh di blog ku

  5. Moblox says:

    ampun deh, kodenya kaga kukuu… :-(

  6. Pambudi says:

    Makasih info tentang cara membuat menu dropdown..

  7. asih says:

    mas tolong kasih tau donk,,gimana caranya bikin sub menu dengan script j query….sya lg bingung neh….!!!
    mohon bantuannya ya….(via email aj mz)….

  8. ane says:

    aduh mas pusing baca tulisannya !

    1. indam says:

      coba baca pelan-pelan

  9. Rief says:

    wah…kren juga bwt tambah ilmu,,,,
    ane pemula ni…mohon doronganx ya smuax…

    thx

  10. Mahmud says:

    waahh manteepp ilmunyaa..
    design blognya juga muanteepp..

    maen ke blog saya juga ya mas..

    inginsukses19.blogspot.com

    maksihh mass…

  11. gan ane lagi seaerch di google ttg tutorial membuat blog artikelnya, sebenarnya cuma mau bikin menu di bagian atas, seperti contact, home, beranda dll. ternyata ada disini makasih sebelumnya ne. salam kenal

  12. Eric says:

    mas…kalau buat sperti menu yg ada di atas (categories),(wordpress themens) itu bagaimana..? apakah sama cara nya dengan tutorial yg ini..??

  13. noekazev says:

    Wuih…, bisa pinter kaya gini gmana belajarnya ya?….ini yg aku cari sobat…, ta coba y…, and mhon bantuannya bila dapet msalah dikemudian hari…xi…xi…,

  14. gelar says:

    Guwa mau tanya ni gi mana cara meindahkan label yg sudah ada ile ke menu drop down,, tolong bantuanya

  15. Putra says:

    maaf .. ini cara untuk wordpress yah ?

    1. indam says:

      untuk blogsopt jua ada, coba ikuti url recomend

  16. erfan says:

    terimakasih, nice info

  17. Bakekok says:

    Susah Sekali Penjelasannya ..

    aku gak ngerti

  18. blog bebas says:

    makasih infonya gan.

  19. TC says:

    Mas, ane masi bingung..
    masuk ke wp content, step2nya ap..

  20. ba caro keh.
    kanciang

  21. Edi Susanto says:

    Terima kasih ya Gan atas infonya yang begitu sangat bermanfaat buat saya ;-)

  22. bados says:

    mantap info’x gan…

  23. rekha says:

    sobh ane kurang ngerti nih
    tolong jelasin lagi yeeeh
    oya jelasin nye lngsng k blog ane aja sekalian berkunjung n klo mau tuker link jg

    1. indam says:

      Coba baca yang versi terbaru…

  24. steel says:

    warna scripy na silau men hehe

  25. dhea says:

    ini baru master koding …
    oia ?? saya udh coba berkali-kali cara penempatan nya, tp slalu error, dimana saya harus menempatkan posisi kode nya ?? mohon di bantu ia mas ..

    ul
    {
    visibility: visible;
    top: 100%;
    }

    .art-hmenu li li:hover>ul
    {
    top: 0;
    left: 100%;
    }

    .art-hmenu:after, .art-hmenu ul:after
    {
    content: “.”;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
    }
    .art-hmenu, .art-hmenu ul
    {
    min-height: 0;
    }

    .art-hmenu ul
    {
    background-image: url(‘https://lh3.googleusercontent.com/-wOVWIglErPY/TtANd7gfRyI/AAAAAAAAAwM/SnrtAcJmqWc/s320/spacer.gif’);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
    }

    .art-hmenu ul ul
    {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
    }

    .art-hmenu
    {
    position:relative;
    padding: 2px 0px 0px 0px;
    }

    div.art-nav-center
    {
    position: relative;
    float: right;
    right: 50%;
    }

    ul.art-hmenu
    {
    position: relative;
    float: left;
    left: 50%;
    }

    .firefox2 ul.art-hmenu
    {
    float: none;
    }

    /* menu structure */

    .art-nav
    {
    position: relative;
    width:100%;
    margin:0 auto;
    min-height: 24px;
    z-index: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    .art-nav-outer
    {
    position:absolute;
    width:100%;
    }

    .art-nav-wrapper
    {
    position: relative;
    width:1000px;
    margin:0 auto;
    }
    .art-nav-inner
    {
    margin: 0 0px;
    }

    .art-nav-l, .art-nav-r
    {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%;
    background-image: url(‘https://lh3.googleusercontent.com/-SkgjpELSu-I/TtALZfw193I/AAAAAAAAAsU/wKE7PHl1CJY/d/nav.png’);
    }

    .art-nav-l
    {
    left: 0;
    right: 0px;
    }

    .art-nav-r
    {
    right: 0;
    width: 1920px;
    clip: rect(auto, auto, auto, 1920px);
    }

    /* end Menu */

    /* begin MenuItem */
    .art-hmenu a
    {
    position: relative;
    display: block;
    overflow: hidden;
    height: 22px;
    cursor: pointer;
    text-decoration: none;
    }

    .art-hmenu ul li
    {
    margin:0;
    clear: both;
    }

    .art-hmenu a .r, .art-hmenu a .l
    {
    position: absolute;
    display: block;
    top: 0;
    z-index: -1;
    height: 76px;
    background-image: url(‘https://lh3.googleusercontent.com/-N1Yjc843Zwo/TtALbbrRVdI/AAAAAAAAAsc/605iElBbink/s800/menuitem.png’);
    }

    .art-hmenu a .l
    {
    left: 0;
    right: 3px;
    }

    .art-hmenu a .r
    {
    width: 406px;
    right: 0;
    clip: rect(auto, auto, auto, 403px);
    }

    .art-hmenu a .t, .art-hmenu ul a, .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
    {
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    }

    .art-hmenu a .t
    {
    color: #D5E4E7;
    padding: 0 20px;
    margin: 0 3px;
    line-height: 22px;
    text-align: center;
    }

    .art-hmenu a:hover .l, .art-hmenu a:hover .r
    {
    top: -27px;
    }

    .art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r
    {
    top: -27px;
    }

    .art-hmenu li:hover a .l, .art-hmenu li:hover a .r
    {
    top: -27px;
    }
    .art-hmenu a:hover .t
    {
    color: #142124;
    }

    .art-hmenu li:hover a .t
    {
    color: #142124;
    }

    .art-hmenu li:hover>a .t
    {
    color: #142124;
    }

    .art-hmenu a.active .l, .art-hmenu a.active .r
    {
    top: -54px;
    }

    .art-hmenu a.active .t
    {
    color: #AECCD1;
    }
    /* end MenuItem */

    /* begin MenuSeparator */
    .art-hmenu .art-hmenu-li-separator
    {
    display: block;
    width: 0px;
    height:22px;
    }
    /* end MenuSeparator */

    /* begin MenuSubItem */
    .art-hmenu ul a
    {
    display: block;
    text-align: center;
    white-space: nowrap;
    height: 20px;
    width: 180px;
    overflow: hidden;
    line-height: 20px;
    background-image: url(‘https://lh3.googleusercontent.com/-Et8h-gKQkLM/TtALglOcUbI/AAAAAAAAAsk/RylI4AtjeaA/s320/subitem.png’);
    background-position: left top;
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    }

    .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
    {
    display: inline;
    float: none;
    margin: inherit;
    padding: inherit;
    background-image: none;
    text-align: inherit;
    text-decoration: inherit;
    }

    .art-hmenu ul a, .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
    {
    text-align: left;
    text-indent: 12px;
    text-decoration: none;
    line-height: 20px;
    color: #000000;

    margin:0;
    padding:0;
    }

    .art-hmenu ul li a:hover
    {
    color: #000000;
    border-color: #666666;
    background-position: 0 -20px;
    }

    .art-hmenu ul li:hover>a
    {
    color: #000000;
    border-color: #666666;
    background-position: 0 -20px;
    }

    .art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
    {
    color: #000000;
    }

    .art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
    {
    color: #000000;
    }

    /* end MenuSubItem */

    /* begin Box, Sheet */
    .art-sheet
    {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    min-width: 1px;
    min-height: 1px;
    }

    .art-sheet-body
    {
    position: relative;
    padding: 0px;
    }

    .art-sheet-cc
    {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    }

    body
    {
    min-width: 1000px;
    }

    .art-sheet
    {
    margin-top: 0px;
    margin-bottom: 0px;
    cursor:auto;
    width: 1000px;
    }

    #art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare
    {
    min-width: 1000px;
    }

    .art-sheet-body
    {
    padding-top:0px;
    padding-bottom:0px;
    }

    /* end Box, Sheet */

    /* begin Layout */
    .art-content-layout
    {
    display: table;
    position:relative;
    margin: 0 auto;
    padding: 0;
    border: none;
    table-layout: fixed;
    border-collapse: collapse;
    background-color: Transparent;
    border: none !important;
    padding:0 !important;
    width:100%;
    }
    .art-layout-cell, .art-content-layout-row
    {
    background-color: Transparent;
    vertical-align: top;
    text-align: left;
    border: none;
    margin:0;
    padding:0;
    }

    .art-content-layout
    {
    margin-top:0px;
    margin-bottom:0px;
    }
    .art-content-layout .art-content-layout{margin:0;}
    .art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
    .art-layout-cell .art-layout-cell{display: block;}
    .art-content-layout-row {display: table-row;}
    .art-layout-glare{position:relative;}

    body#layout .art-content-layout
    {
    width: 100%;
    }
    /* end Layout */

    /* begin Box, Block, VMenuBlock */
    .art-vmenublock
    {
    position: relative;
    margin: 0 auto;
    min-width: 3px;
    min-height: 3px;
    }

    .art-vmenublock-body
    {
    position: relative;
    padding: 2px;
    }

    .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl
    {
    position: absolute;
    }

    .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl
    {
    width: 2px;
    height: 2px;
    background-image: url(‘https://lh3.googleusercontent.com/-TSWUmMRgqgQ/TtALjPI6uVI/AAAAAAAAAss/VOU4zar16-k/s320/vmenublock_s.png’);
    }

    .art-vmenublock-tl
    {
    top: 0;
    left: 0;
    clip: rect(auto, 1px, 1px, auto);
    }

    .art-vmenublock-tr
    {
    top: 0;
    right: 0;
    clip: rect(auto, auto, 1px, 1px);
    }

    .art-vmenublock-bl
    {
    bottom: 0;
    left: 0;
    clip: rect(1px, 1px, auto, auto);
    }

    .art-vmenublock-br
    {
    bottom: 0;
    right: 0;
    clip: rect(1px, auto, auto, 1px);
    }

    .art-vmenublock-tc, .art-vmenublock-bc
    {
    left: 1px;
    right: 1px;
    height: 2px;
    background-image: url(‘https://lh3.googleusercontent.com/-_XljZyNwQ0w/TtALnIy61II/AAAAAAAAAs0/G1AF0giT_5c/s320/vmenublock_h.png’);
    }

    .art-vmenublock-tc
    {
    top: 0;
    clip: rect(auto, auto, 1px, auto);
    }

    .art-vmenublock-bc
    {
    bottom: 0;
    clip: rect(1px, auto, auto, auto);
    }

    .art-vmenublock-cr, .art-vmenublock-cl
    {
    top: 1px;
    bottom: 1px;
    width: 2px;
    background-image: url(‘https://lh5.googleusercontent.com/-WU3vrCq1aCs/TtALqrcSTbI/AAAAAAAAAs8/iPE7dd5rBYo/s320/vmenublock_v.png’);
    }

    .art-vmenublock-cr
    {
    right: 0;
    clip: rect(auto, auto, auto, 1px);
    }

    .art-vmenublock-cl
    {
    left: 0;
    clip: rect(auto, 1px, auto, auto);
    }

    .art-vmenublock-cc
    {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #666666;
    }

    .art-vmenublock
    {
    margin: 0px;
    }

    div.art-vmenublock img
    {
    }

    /* end Box, Block, VMenuBlock */

    /* begin BlockHeader, VMenuBlockHeader */
    .art-vmenublockheader
    {
    margin-bottom: 0px;
    }

    .art-vmenublockheader, .art-vmenublockheader h3.t
    {
    position: relative;
    height: 33px;
    }

    .art-vmenublockheader h3.t,
    .art-vmenublockheader h3.t a,
    .art-vmenublockheader h3.t a:link,
    .art-vmenublockheader h3.t a:visited,
    .art-vmenublockheader h3.t a:hover
    {
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-variant: small-caps;
    font-size: 13px;
    }

    .art-vmenublockheader h3.t
    {
    margin:0;
    padding: 0 11px 0 27px;
    white-space: nowrap;
    line-height: 33px;
    }

    .art-vmenublockheader .l, .art-vmenublockheader .r
    {
    position: absolute;
    height: 33px;
    background-image: url(‘https://lh4.googleusercontent.com/-G_a-ujU12AM/TtAL7X-6jLI/AAAAAAAAAtE/hyXa0pDpmJI/vmenublockheader.png’);
    }

    .art-vmenublockheader .l
    {
    left: 0;
    right: 21px;
    }

    .art-vmenublockheader .r
    {
    width: 1000px;
    right: 0;
    clip: rect(auto, auto, auto, 979px);
    }

    /* end BlockHeader, VMenuBlockHeader */

    /* begin Box, Box, VMenuBlockContent */
    .art-vmenublockcontent
    {
    position: relative;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
    }

    .art-vmenublockcontent-body
    {
    position: relative;
    padding: 0px;
    }

    .art-vmenublockcontent
    {
    position: relative;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
    }

    .art-vmenublockcontent-body
    {
    position: relative;
    padding: 0px;
    }

    /* end Box, Box, VMenuBlockContent */

    /* begin VMenu */
    ul.art-vmenu, ul.art-vmenu li
    {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    line-height: 0;
    }

    ul.art-vmenu
    {
    margin-top: 0px;
    margin-bottom: 0px;
    }

    ul.art-vmenu ul
    {
    display: none;
    }

    ul.art-vmenu ul.active
    {
    display: block;
    }

    body#layout #LinkList97, body#layout #BlogArchive99, body#layout #PageList99
    {
    display: block;
    }
    /* end VMenu */

    /* begin VMenuItem */
    ul.art-vmenu a
    {
    position: relative;
    display: block;
    overflow: hidden;
    height: 26px;
    cursor: pointer;
    text-decoration: none;
    }

    ul.art-vmenu li.art-vmenu-separator
    {
    display: block;
    padding: 0px 0 0px 0;
    margin: 0;
    font-size: 1px;
    background-color: #B1CED3;
    }

    ul.art-vmenu .art-vmenu-separator-span
    {
    display: block;
    padding: 0;
    font-size: 1px;
    height: 0;
    line-height: 0;
    border-top: solid 1px #666666;
    }

    ul.art-vmenu a .r, ul.art-vmenu a .l
    {
    position: absolute;
    display: block;
    top: 0;
    height: 88px;
    background-image: url(‘https://lh4.googleusercontent.com/-zmddcMolF3A/TtAL__SUO1I/AAAAAAAAAtM/cLBINnDJLiw/vmenuitem.png’);
    }

    ul.art-vmenu a .l
    {
    left: 0;
    right: 19px;
    }

    ul.art-vmenu a .r
    {
    width: 1002px;
    right: 0;
    clip: rect(auto, auto, auto, 983px);
    }

    ul.art-vmenu a .t, ul.art-vmenu ul a
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-variant: small-caps;
    font-weight: normal;
    font-size: 13px;
    }

    ul.art-vmenu a .t
    {
    display: block;
    position:relative;
    top:0;
    line-height: 26px;
    color: #2E4C51;
    padding: 0 11px 0 24px;
    margin-left:0;
    margin-right:0;
    }

    ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
    {
    top: -62px;
    }

    ul.art-vmenu a.active .t
    {
    color: #1C2E31;
    }

    ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
    {
    top: -31px;
    }

    ul.art-vmenu a:hover .t
    {
    color: #B7D2D6;
    }

    /* end VMenuItem */

    /* begin VMenuSubItem */
    ul.art-vmenu ul, ul.art-vmenu ul li
    {
    margin: 0;
    padding: 0;
    }

    ul.art-vmenu ul a
    {
    display: block;
    white-space: nowrap;
    height: 22px;
    overflow: visible;
    background-image: url(‘https://lh5.googleusercontent.com/-Z9Qv9lqUiKE/TtAMTMx40JI/AAAAAAAAAtU/v57_g86s7M8/vsubitem.gif’);
    background-position: 20px 0;
    background-repeat: repeat-x;
    padding: 0 0px 0 20px;
    }

    ul.art-vmenu ul span, ul.art-vmenu ul span span
    {
    display: inline;
    float: none;
    margin: inherit;
    padding: inherit;
    background-image: none;
    text-align: inherit;
    text-decoration: inherit;
    }

    ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span
    {
    line-height: 22px;
    color: #383838;
    font-size: 11px;
    margin-left: 0;
    }

    ul.art-vmenu ul
    {
    margin:0 0px 0px 0px;
    }

    ul.art-vmenu ul ul
    {
    margin:0 0 0px 0;
    }

    ul.art-vmenu ul li.art-vsubmenu-separator
    {
    display: block;
    margin: 0;
    font-size: 1px;
    padding: 0px 0 0px 0;
    }

    ul.art-vmenu ul .art-vsubmenu-separator-span
    {
    display: block;
    padding: 0;
    font-size: 1px;
    height: 0;
    line-height: 0;
    margin: 0;
    border: none;
    }

    ul.art-vmenu ul li.art-vmenu-separator-first
    {
    margin-bottom:0px;
    padding-bottom:0;
    }

    ul.art-vmenu ul li li a
    {
    background-position: 40px 0;
    padding: 0 0 0 40px;
    }

    ul.art-vmenu ul li li li a
    {
    background-position: 60px 0;
    padding: 0 0 0 60px;
    }

    ul.art-vmenu ul li li li li a
    {
    background-position: 80px 0;
    padding: 0 0 0 80px;
    }

    ul.art-vmenu ul li li li li li a
    {
    background-position: 100px 0;
    padding: 0 0 0 100px;
    }

    ul.art-vmenu ul li a.active
    {
    color: #233A3E;
    background-position: 20px -54px;
    }

    ul.art-vmenu ul li li a.active
    {
    background-position: 40px -54px;
    }

    ul.art-vmenu ul li li li a.active
    {
    background-position: 60px -54px;
    }

    ul.art-vmenu ul li li li li a.active
    {
    background-position: 80px -54px;
    }

    ul.art-vmenu ul li li li li li a.active
    {
    background-position: 100px -54px;
    }

    ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active
    {
    color: #D5E4E7;
    background-position: 20px -27px;
    }

    ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active
    {
    background-position: 40px -27px;
    }

    ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active
    {
    background-position: 60px -27px;
    }

    ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active
    {
    background-position: 80px -27px;
    }

    ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active
    {
    background-position: 100px -27px;
    }
    /* end VMenuSubItem */

    /* begin Box, Block */
    .art-block
    {
    position: relative;
    margin: 0 auto;
    min-width: 11px;
    min-height: 11px;
    }

    .art-block-body
    {
    position: relative;
    padding: 4px;
    }

    .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl
    {
    position: absolute;
    }

    .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl
    {
    width: 18px;
    height: 18px;
    background-image: url(‘https://lh5.googleusercontent.com/-VcjdCiLE_-A/TtAMUafraYI/AAAAAAAAAtY/ImJm352VpCk/s320/block_s.png’);
    }

    .art-block-tl
    {
    top: 0;
    left: 0;
    clip: rect(auto, 9px, 9px, auto);
    }

    .art-block-tr
    {
    top: 0;
    right: 0;
    clip: rect(auto, auto, 9px, 9px);
    }

    .art-block-bl
    {
    bottom: 0;
    left: 0;
    clip: rect(9px, 9px, auto, auto);
    }

    .art-block-br
    {
    bottom: 0;
    right: 0;
    clip: rect(9px, auto, auto, 9px);
    }

    .art-block-tc, .art-block-bc
    {
    left: 9px;
    right: 9px;
    height: 18px;
    background-image: url(‘https://lh4.googleusercontent.com/-ONQybJRRQAY/TtAMWUfqQrI/AAAAAAAAAtk/KfbRF4afAFA/s320/block_h.png’);
    }

    .art-block-tc
    {
    top: 0;
    clip: rect(auto, auto, 9px, auto);
    }

    .art-block-bc
    {
    bottom: 0;
    clip: rect(9px, auto, auto, auto);
    }

    .art-block-cr, .art-block-cl
    {
    top: 9px;
    bottom: 9px;
    width: 18px;
    background-image: url(‘https://lh5.googleusercontent.com/-ba6YGUyoCa0/TtAMczFpL5I/AAAAAAAAAts/v_NY88tI_ys/s320/block_v.png’);
    }

    .art-block-cr
    {
    right: 0;
    clip: rect(auto, auto, auto, 9px);
    }

    .art-block-cl
    {
    left: 0;
    clip: rect(auto, 9px, auto, auto);
    }

    .art-block-cc
    {
    position: absolute;
    top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
    background-color: #666666;
    }

    .art-block
    {
    margin: 0px;
    }

    div.art-block img
    {
    /* WARNING do NOT collapse this to ‘border’ – inheritance! */
    border-width: 1px;
    border-color: #B1CED3;
    border-style: solid;
    margin: 7px;
    }

    /* end Box, Block */

    /* begin BlockHeader */
    .art-blockheader
    {
    margin-bottom: 0px;
    }

    .art-blockheader, .art-blockheader h3.t
    {
    position: relative;
    height: 37px;
    }

    .art-blockheader h3.t,
    .art-blockheader h3.t a,
    .art-blockheader h3.t a:link,
    .art-blockheader h3.t a:visited,
    .art-blockheader h3.t a:hover
    {
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-variant: small-caps;
    font-size: 13px;
    }

    .art-blockheader h3.t
    {
    margin:0;
    padding: 0 11px 0 32px;
    white-space: nowrap;
    line-height: 37px;
    }

    .art-blockheader .l, .art-blockheader .r
    {
    position: absolute;
    height: 37px;
    background-image: url(‘https://lh4.googleusercontent.com/-av8z_iGQp2Q/TtAMgPyvliI/AAAAAAAAAt0/C9NPuso01Qg/blockheader.png’);
    }

    .art-blockheader .l
    {
    left: 0;
    right: 26px;
    }

    .art-blockheader .r
    {
    width: 1000px;
    right: 0;
    clip: rect(auto, auto, auto, 974px);
    }

    /* end BlockHeader */

    /* begin Box, BlockContent */
    .art-blockcontent
    {
    position: relative;
    margin: 0 auto;
    min-width: 3px;
    min-height: 3px;
    }

    .art-blockcontent-body
    {
    position: relative;
    padding: 6px;
    }

    .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl
    {
    position: absolute;
    }

    .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl
    {
    width: 2px;
    height: 2px;
    background-image: url(‘https://lh6.googleusercontent.com/-RJ9GlCz4CFc/TtAMkBQRULI/AAAAAAAAAuE/JDSsdpmB7QA/s320/blockcontent_s.png’);
    }

    .art-blockcontent-tl
    {
    top: 0;
    left: 0;
    clip: rect(auto, 1px, 1px, auto);
    }

    .art-blockcontent-tr
    {
    top: 0;
    right: 0;
    clip: rect(auto, auto, 1px, 1px);
    }

    .art-blockcontent-bl
    {
    bottom: 0;
    left: 0;
    clip: rect(1px, 1px, auto, auto);
    }

    .art-blockcontent-br
    {
    bottom: 0;
    right: 0;
    clip: rect(1px, auto, auto, 1px);
    }

    .art-blockcontent-tc, .art-blockcontent-bc
    {
    left: 1px;
    right: 1px;
    height: 2px;
    background-image: url(‘https://lh5.googleusercontent.com/-6yjXiCHm1y4/TtAMl2D9iBI/AAAAAAAAAuM/KCGBLLU-tRo/s320/blockcontent_h.png’);
    }

    .art-blockcontent-tc
    {
    top: 0;
    clip: rect(auto, auto, 1px, auto);
    }

    .art-blockcontent-bc
    {
    bottom: 0;
    clip: rect(1px, auto, auto, auto);
    }

    .art-blockcontent-cr, .art-blockcontent-cl
    {
    top: 1px;
    bottom: 1px;
    width: 2px;
    background-image: url(‘https://lh5.googleusercontent.com/-SMZL1ABIZs8/TtAMpq2WNQI/AAAAAAAAAuU/-6ECHTAVI1U/s320/blockcontent_v.png’);
    }

    .art-blockcontent-cr
    {
    right: 0;
    clip: rect(auto, auto, auto, 1px);
    }

    .art-blockcontent-cl
    {
    left: 0;
    clip: rect(auto, 1px, auto, auto);
    }

    .art-blockcontent-cc
    {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #000000;
    }

    .art-blockcontent-body,
    .art-blockcontent-body table,
    .art-blockcontent-body li,
    .art-blockcontent-body a,
    .art-blockcontent-body a:link,
    .art-blockcontent-body a:visited,
    .art-blockcontent-body a:hover
    {
    color: #F50004;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    }

    .art-blockcontent-body p
    {
    margin-top: 6px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    }

    .art-blockcontent-body a, .art-blockcontent-body a:link
    {
    color: #81CABF;
    text-decoration: none;
    }

    .art-blockcontent-body a:visited, .art-blockcontent-body a.visited
    {
    color: #B1CED3;
    text-decoration: none;

    }

    .art-blockcontent-body a:hover, .art-blockcontent-body a.hover
    {
    color: #25A3B6;

    text-decoration: underline;
    }

    .art-blockcontent-body ul li
    {
    line-height: 125%;
    color: #F50004;

    padding: 0px 0 0px 14px;
    background-image: url(‘https://lh4.googleusercontent.com/-vX8NOtZh8NA/TtAMrCFjOOI/AAAAAAAAAuc/gUkn5ZufIco/s320/blockcontentbullets.png’);
    background-repeat: no-repeat;
    }

    /* Variable definitions
    ====================

    */

    .art-blockcontent-body
    {
    color: $textcolor;
    }

    .art-blockcontent-body a:link
    {
    color: $linkcolor;
    }

    .art-blockcontent-body a:visited, .art-blockcontent-body a.visited
    {
    color: $visitedlinkcolor;
    }

    .art-blockcontent-body a:hover, .art-blockcontent-body a.hover
    {
    color: $hoveredlinkcolor;
    }

    .toggle span
    {
    color: $linkcolor;
    }

    .gsc-branding-text {
    color: $textcolor !important;
    }
    /* end Box, BlockContent */

    /* begin Button */
    .art-button-wrapper a.art-button,
    .art-button-wrapper a.art-button:link,
    .art-button-wrapper input.art-button,
    .art-button-wrapper button.art-button
    {
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    position:relative;
    top:0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #112724 !important;
    width: auto;
    outline: none;
    border: none;
    background: none;
    line-height: 24px;
    height: 24px;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: visible;
    cursor: pointer;
    }

    .art-button img, .art-button-wrapper img
    {
    margin: 0;
    vertical-align: middle;
    }

    .art-button-wrapper
    {
    position:relative;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
    }

    .firefox2 .art-button-wrapper
    {
    display: block;
    float: left;
    }

    input, select, textarea
    {
    vertical-align: middle;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    }

    .art-block select
    {
    width:96%;
    }

    .art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
    {
    color: #DBDBDB !important;
    text-decoration: none !important;
    }

    .art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
    {
    color: #D1E2E5 !important;
    }

    .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
    {
    display: block;
    position: absolute;
    height: 82px;
    margin: 0;
    padding: 0;
    background-image: url(‘https://lh4.googleusercontent.com/-_yK4j4q8GG0/TtAMucVuNXI/AAAAAAAAAuk/dlB_wrISsbY/s800/button.png’);
    }

    .art-button-wrapper .art-button-l
    {
    left: 0;
    right: 10px;
    }

    .art-button-wrapper .art-button-r
    {
    width: 421px;
    right: 0;
    clip: rect(auto, auto, auto, 411px);
    }

    .art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
    {
    top: -29px;
    }

    .art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
    {
    top: -58px;
    }

    .art-button-wrapper input
    {
    float: none !important;
    }
    /* end Button */

    /* begin Box, Post */
    .art-post
    {
    position: relative;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
    }

    .art-post-body
    {
    position: relative;
    padding: 3px;
    }

    .art-post
    {
    margin: 0px;
    }

    a img
    {
    border: 0;
    }

    .art-article img, img.art-article, .art-block img, .art-footer img
    {
    border: solid 0px #B1CED3;
    margin: 7px;
    }

    .art-metadata-icons img
    {
    border: none;
    vertical-align: middle;
    margin: 2px;
    }

    .art-article table, table.art-article
    {
    border-collapse: collapse;
    margin: 1px;
    }

    .art-article th, .art-article td
    {
    padding: 2px;
    border: solid 1px #696969;
    vertical-align: top;
    text-align: left;
    }

    .art-article th
    {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
    }

    pre
    {
    overflow: auto;
    padding: 0.1em;
    }

    #uds-searchControl .gsc-results, #uds-searchControl .gsc-tabhActive
    {
    border-color: #696969 !important;
    }
    /* end Box, Post */

    /* begin PostHeaderIcon */
    h2.art-postheader
    {
    color: #AECCD1;
    margin-top: 6px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    }

    h2.art-postheader,
    h2.art-postheader a,
    h2.art-postheader a:link,
    h2.art-postheader a:visited,
    h2.art-postheader a.visited,
    h2.art-postheader a:hover,
    h2.art-postheader a.hovered
    {
    font-size: 28px;
    text-align: center;
    }

    h2.art-postheader a, h2.art-postheader a:link
    {
    text-align: left;
    text-decoration: none;
    color: #DBF0ED;
    }

    h2.art-postheader a:visited, h2.art-postheader a.visited
    {

    color: #DEEAED;
    }

    h2.art-postheader a:hover, h2.art-postheader a.hovered
    {

    color: #D4EDE9;
    }

    /* end PostHeaderIcon */

    /* begin PostMetadata, PostMetadataHeader */
    .art-postmetadataheader
    {
    overflow:hidden;
    padding: 1px;
    background-image: url(‘https://lh6.googleusercontent.com/-DjqECbuSiGM/TtAMvp1z7HI/AAAAAAAAAuo/g1H-vTzta-A/s320/postmetadataheader_bg.png’);
    border-color: #7A7A7A;
    border-style: solid;
    border-width: 1px;
    }
    /* end PostMetadata, PostMetadataHeader */

    /* begin PostIcons, PostHeaderIcons */
    .art-postheadericons,
    .art-postheadericons a,
    .art-postheadericons a:link,
    .art-postheadericons a:visited,
    .art-postheadericons a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    color: #DBDBDB;
    }

    .art-postheadericons
    {
    padding: 1px;

    }

    .art-postheadericons a, .art-postheadericons a:link
    {
    font-style: italic;
    text-decoration: none;
    color: #B2B2B2;
    }

    .art-postheadericons a:visited, .art-postheadericons a.visited
    {

    color: #B2B2B2;
    }

    .art-postheadericons a:hover, .art-postheadericons a.hover
    {

    text-decoration: underline;
    color: #9DC1C8;
    }
    /* end PostIcons, PostHeaderIcons */

    /* begin PostBullets */
    .art-post ol, .art-post ul
    {
    margin: 1em 0 1em 2em;
    padding: 0;
    }

    .art-post li
    {
    font-size: 12px;
    }

    .art-post li ol, .art-post li ul
    {
    margin: 0.5em 0 0.5em 2em;
    padding: 0;
    }

    .art-post li
    {
    color: #C8DCE0;

    padding: 0;
    }

    .art-post li
    {
    padding: 0px 0 0px 11px;
    }

    .art-post ol>li
    {
    background: none;
    padding-left: 0;
    /* overrides overflow for “ul li” and sets the default value */
    overflow: visible;
    }

    .art-post ul>li
    {
    background-image: url(‘https://lh5.googleusercontent.com/-RahpYXhkqnc/TtAM8LykbkI/AAAAAAAAAvU/tQbHKy2uco8/s320/postbullets.png’);
    background-repeat: no-repeat;
    padding-left: 11px;
    /* makes “ul li” not to align behind the image if they are in the same line */
    overflow-x: visible;
    overflow-y: hidden;
    }

    /* end PostBullets */

    /* begin PostQuote */
    .art-postcontent blockquote,
    .art-postcontent blockquote a,
    .art-postcontent blockquote a:link,
    .art-postcontent blockquote a:visited,
    .art-postcontent blockquote a:hover
    {
    color: #091614;

    }

    .art-postcontent blockquote p
    {
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 17px;
    margin-left: 17px;
    }

    .art-postcontent blockquote
    {
    border: solid 0px #97D3CA;
    margin: 10px 10px 10px 50px;
    padding: 2px 2px 2px 30px;
    background-color: #C9E8E4;
    background-image: url(‘https://lh6.googleusercontent.com/-hwPKu-UBSqY/TtAM9zZmxTI/AAAAAAAAAvc/V4rLyb7tBqc/s320/postquote.png’);
    background-position: left top;
    background-repeat: no-repeat;
    /* makes blockquote not to align behind the image if they are in the same line */
    overflow: auto;
    clear:both;
    }

    /* end PostQuote */

    /* begin PostIcons, PostFooterIcons */
    .art-postfootericons,
    .art-postfootericons a,
    .art-postfootericons a:link,
    .art-postfootericons a:visited,
    .art-postfootericons a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    color: #D4D4D4;
    }

    .art-postfootericons
    {
    padding: 1px;

    }

    .art-postfootericons a, .art-postfootericons a:link
    {
    font-style: italic;
    text-decoration: none;
    color: #A6A6A6;
    }

    .art-postfootericons a:visited, .art-postfootericons a.visited
    {

    color: #A6A6A6;
    }

    .art-postfootericons a:hover, .art-postfootericons a.hover
    {

    text-decoration: underline;
    color: #8DB7BE;
    }
    /* end PostIcons, PostFooterIcons */

    /* begin Footer */
    .art-footer
    {
    position: relative;
    margin-top:0px;
    margin-bottom:0px;
    width: 100%;
    }

    .art-footer-b
    {
    position: absolute;
    left:0px;
    right:0px;
    bottom:0;
    height:50px;
    background-image: url(‘https://lh5.googleusercontent.com/-DDCaaKu1ONo/TtANV28FZbI/AAAAAAAAAv8/SsYljZQS884/s320/footer_b.png’);
    }

    .art-footer-t
    {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    background-color: #595959;
    }

    .art-footer-body
    {
    position:relative;
    padding: 15px;
    }

    .art-footer-body .art-rss-tag-icon
    {
    position: absolute;
    left: 6px;
    bottom:0px;
    z-index:1;
    }

    .art-rss-tag-icon
    {
    display: block;
    background-image: url(‘https://lh5.googleusercontent.com/-UnGHfN30V1Q/TtANT_n5olI/AAAAAAAAAv0/u6wpPbEkwq8/s320/rssicon.png’);
    background-position: center right;
    background-repeat: no-repeat;
    height: 25px;
    width: 32px;
    cursor: default;
    }

    .art-footer-text p
    {
    padding:0;
    margin:0;
    }

    .art-footer-text,
    .art-footer-text a,
    .art-footer-text a:link,
    .art-footer-text a:visited,
    .art-footer-text a:hover,
    .art-footer-text td,
    .art-footer-text th,
    .art-footer-text caption
    {
    color: #90B9C0;
    font-size: 11px;
    }

    .art-footer-text
    {
    min-height: 50px;
    padding-left: 42px;
    padding-right: 42px;

    position: relative;
    float: left;
    left: 50%;
    }

    .art-footer-text,
    .art-footer-text p
    {
    text-align: center;
    }

    .art-footer-text a,
    .art-footer-text a:link
    {
    color: #878787;
    text-decoration: none;
    }

    .art-footer-text a:visited
    {
    color: #8DB7BE;

    }

    .art-footer-text a:hover
    {
    color: #56B8A9;

    text-decoration: underline;
    }

    .art-footer-center
    {
    position: relative;
    float: right;
    right: 50%;
    }

    div.art-footer img
    {
    /* WARNING do NOT collapse this to ‘border’ – inheritance! */
    border-width: 1px;
    border-color: #B1CED3;
    border-style: solid;
    margin: 5px;
    }/* end Footer */

    /* begin PageFooter */
    .art-page-footer,
    .art-page-footer a,
    .art-page-footer a:link,
    .art-page-footer a:visited,
    .art-page-footer a:hover
    {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #A6A6A6;
    }

    .art-page-footer
    {
    padding: 1em;
    text-align: center;
    text-decoration: none;
    color: #8DB7BE;
    }
    /* end PageFooter */

    /* begin LayoutCell, sidebar1 */

    .art-content-layout .art-sidebar1
    {
    width: 200px;
    }

    body#layout .art-content-layout .art-sidebar1
    {
    width: 200px;
    }

    /* end LayoutCell, sidebar1 */

    /* begin LayoutCell, content */

    .art-content-layout .art-content
    {
    }

    body#layout .art-content-layout .art-content
    {
    }

    /* end LayoutCell, content */

    /* begin LayoutCell, sidebar2 */

    .art-content-layout .art-sidebar2
    {
    width: 200px;
    }

    body#layout .art-content-layout .art-sidebar2
    {
    width: 200px;
    }

    /* end LayoutCell, sidebar2 */

    /*[*//*]*/

    ]]>

    /* begin Page */

    /* Created by Artisteer v3.0.0.39952 */

    img
    {
    filter: expression(artFixPNG(this));
    }

    .cleared
    {
    width:1px;
    }

    img
    {
    filter: expression(artFixPNG(this));
    }

    #ArchiveList ul li
    {
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=””);
    }
    #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover
    {
    color: expression(this.parentNode.currentStyle[“color”]);
    }
    /* end Page */

    /* begin Menu */
    .art-hmenu ul
    {
    width: 1px;
    }

    .art-hmenu li.art-hmenuhover
    {
    z-index: 10000;
    }

    .art-hmenu .art-hmenuhoverUL
    {
    visibility: visible;
    }

    .art-hmenu .art-hmenuhoverUL
    {
    top: 100%;
    left: 0;
    }

    .art-hmenu .art-hmenuhoverUL .art-hmenuhoverUL
    {
    top: 0;
    left: 100%;
    }

    .art-hmenu .art-hmenuhoverUL .art-hmenuhoverUL
    {
    top: 5px;
    left: 100%;
    }

    .art-hmenu, .art-hmenu ul, .art-hmenu ul a
    {
    height: 1%;
    }

    .art-hmenu li.art-hmenuhover
    {
    z-index: 10000;
    }

    .art-hmenu .art-hmenuhoverUL
    {
    visibility: visible;
    }

    .art-hmenu .art-hmenuhoverUL
    {
    top: 100%;
    left: 0;
    }

    .art-hmenu .art-hmenuhoverUL .art-hmenuhoverUL
    {
    top: 0;
    left: 100%;
    }

    .art-hmenu li li
    {
    float: left;
    width: 100%;
    }

    .art-nav
    {
    zoom: 1;
    height: 24px;
    }

    .art-nav-l, .art-nav-r
    {
    font-size: 1px;
    height: 24px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh3.googleusercontent.com/-SkgjpELSu-I/TtALZfw193I/AAAAAAAAAsU/wKE7PHl1CJY/d/nav.png’,sizingMethod=’crop’)”);
    }

    .art-nav-l
    {
    width: expression(this.parentNode.offsetWidth-0+’px’);
    }

    .art-nav-r
    {
    left: expression(this.parentNode.offsetWidth-1920+’px’);
    clip: rect(auto auto auto 1920px);
    }

    /* end Menu */

    /* begin MenuItem */
    .art-hmenu a
    {
    display:inline-block;
    }

    .art-hmenu a:hover, .art-hmenuhoverA {
    visibility:visible;
    }

    .art-hmenu a .r, .art-hmenu a .l
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh3.googleusercontent.com/-N1Yjc843Zwo/TtALbbrRVdI/AAAAAAAAAsc/605iElBbink/s800/menuitem.png’,sizingMethod=’crop’)”);
    }

    .art-hmenu a .r
    {
    left:100%;
    margin-left:-406px;
    clip: rect(auto auto auto 403px);
    }

    .art-hmenu a .l
    {
    width: expression(this.parentNode.offsetWidth-3+’px’);
    }

    .art-hmenuhover .art-hmenuhoverA .t
    {
    color: #142124;
    }

    .art-hmenuhover .art-hmenuhoverA .l, .art-hmenuhover .art-hmenuhoverA .r
    {
    top: -22px;
    }
    /* end MenuItem */

    /* begin MenuSubItem */
    .art-hmenu ul a
    {
    color: #000000 !important;
    }

    .art-hmenu ul a:hover {
    color: #000000 !important;
    }

    .art-hmenu ul .art-hmenuhover .art-hmenuhoverA
    {
    color: #000000 !important;
    border-color: #666666;
    background-position: 0 -20px;
    }

    .art-nav .art-hmenu ul a:hover span, .art-nav .art-hmenu ul a:hover span span
    {
    color: #000000 !important;
    }

    .art-nav .art-hmenu ul .art-hmenuhover .art-hmenuhoverA span, .art-nav .art-hmenu ul .art-hmenuhover .art-hmenuhoverA span span
    {
    color: #000000 !important;
    }

    /* end MenuSubItem */

    /* begin Box, Sheet */
    .art-sheet, .art-sheet-body
    {
    zoom: 1;
    }
    .art-sheet-cc
    {
    font-size: 1px;
    width: expression(this.parentNode.offsetWidth+’px’);
    height: expression(this.parentNode.offsetHeight+’px’);
    background-color: #000000;
    }
    #art-page-background-top-texture, #art-page-background-middle-texture
    {
    width: expression(document.body.clientWidth>1000?”100%”:”1000px”);
    }

    /* end Box, Sheet */

    /* begin Layout */
    .art-content-layout, .art-content-layout-row {display: block;}
    .art-content-layout, .art-content-layout-row {zoom: 1;}
    /* end Layout */

    /* begin Box, Block, VMenuBlock */
    .art-vmenublock, .art-vmenublock-body
    {
    zoom: 1;
    }

    .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl
    {
    font-size: 1px;
    background: none;
    }

    .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl
    {
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh3.googleusercontent.com/-TSWUmMRgqgQ/TtALjPI6uVI/AAAAAAAAAss/VOU4zar16-k/s320/vmenublock_s.png’,sizingMethod=’scale’)”);
    }

    .art-vmenublock-tl
    {
    clip: rect(auto 1px 1px auto);
    }

    .art-vmenublock-tr
    {
    left:expression(this.parentNode.offsetWidth-2+’px’);
    clip: rect(auto auto 1px 1px);
    }

    .art-vmenublock-bl
    {
    top: expression(this.parentNode.offsetHeight-2+’px’);
    clip: rect(1px 1px auto auto);
    }

    .art-vmenublock-br
    {
    top: expression(this.parentNode.offsetHeight-2+’px’);
    left:expression(this.parentNode.offsetWidth-2+’px’);
    clip: rect(1px auto auto 1px);
    }

    .art-vmenublock-tc, .art-vmenublock-bc
    {
    width: expression(this.parentNode.offsetWidth-2+’px’);
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh3.googleusercontent.com/-_XljZyNwQ0w/TtALnIy61II/AAAAAAAAAs0/G1AF0giT_5c/s320/vmenublock_h.png’,sizingMethod=’scale’)”);
    }

    .art-vmenublock-tc
    {
    clip: rect(auto auto 1px auto);
    }

    .art-vmenublock-bc
    {
    top: expression(this.parentNode.offsetHeight-2+’px’);
    clip: rect(1px auto auto auto);
    }

    .art-vmenublock-cr, .art-vmenublock-cl
    {
    height: expression(this.parentNode.offsetHeight-2+’px’);
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh5.googleusercontent.com/-WU3vrCq1aCs/TtALqrcSTbI/AAAAAAAAAs8/iPE7dd5rBYo/s320/vmenublock_v.png’,sizingMethod=’scale’)”);
    }

    .art-vmenublock-cr
    {
    left:expression(this.parentNode.offsetWidth-2+’px’);
    clip: rect(auto auto auto 1px);
    }

    .art-vmenublock-cl
    {
    clip: rect(auto 1px auto auto);
    }

    .art-vmenublock-cc
    {
    font-size: 1px;
    width: expression(this.parentNode.offsetWidth-2+’px’);
    height: expression(this.parentNode.offsetHeight-2+’px’);
    background-color: #666666;
    }
    /* end Box, Block, VMenuBlock */

    /* begin BlockHeader, VMenuBlockHeader */
    .art-vmenublockheader
    {
    zoom: 1;

    }

    .art-vmenublockheader .l, .art-vmenublockheader .r
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh4.googleusercontent.com/-G_a-ujU12AM/TtAL7X-6jLI/AAAAAAAAAtE/hyXa0pDpmJI/vmenublockheader.png’,sizingMethod=’crop’)”);
    }

    .art-vmenublockheader .r
    {
    left:expression(this.parentNode.offsetWidth-1000+’px’);
    clip: rect(auto auto auto 979px);
    }

    .art-vmenublockheader .l
    {
    width: expression(this.parentNode.offsetWidth-21+’px’);
    }
    /* end BlockHeader, VMenuBlockHeader */

    /* begin Box, Box, VMenuBlockContent */
    .art-vmenublockcontent, .art-vmenublockcontent-body
    {
    zoom: 1;
    }
    .art-vmenublockcontent, .art-vmenublockcontent-body
    {
    zoom: 1;
    }
    /* end Box, Box, VMenuBlockContent */

    /* begin VMenuItem */
    ul.art-vmenu .art-vmenu-separator, ul.art-vmenu .art-vmenu-separator-span, ul.art-vmenu li.art-vsubmenu-separator, ul.art-vmenu .art-vsubmenu-separator-span
    {
    zoom: 1;
    overflow: hidden;
    float: left;
    width: 100%;
    }

    ul.art-vmenu a:hover
    {
    visibility: visible;
    }

    ul.art-vmenu li
    {
    zoom:1;
    }

    ul.art-vmenu a .r, ul.art-vmenu a .l
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh4.googleusercontent.com/-zmddcMolF3A/TtAL__SUO1I/AAAAAAAAAtM/cLBINnDJLiw/vmenuitem.png’,sizingMethod=’crop’)”);
    }

    ul.art-vmenu a .r
    {
    left:expression(this.parentNode.offsetWidth-1002+’px’);
    clip: rect(auto auto auto 983px);
    }

    ul.art-vmenu a .l
    {
    width: expression(this.parentNode.offsetWidth-19+’px’);
    }

    /* end VMenuItem */

    /* begin VMenuSubItem */
    ul.art-vmenu ul a
    {
    color: #383838 !important;
    }

    ul.art-vmenu ul a.active
    {
    color: #233A3E !important;
    }

    ul.art-vmenu ul a:hover {
    color: #D5E4E7 !important;
    }

    ul.art-vmenu ul a:hover span, ul.art-vmenu ul a:hover span span
    {
    color: #D5E4E7 !important;
    }
    /* end VMenuSubItem */

    /* begin Box, Block */
    .art-block, .art-block-body
    {
    zoom: 1;
    }

    .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl
    {
    font-size: 1px;
    background: none;
    }

    .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl
    {
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh5.googleusercontent.com/-VcjdCiLE_-A/TtAMUafraYI/AAAAAAAAAtY/ImJm352VpCk/s320/block_s.png’,sizingMethod=’scale’)”);
    }

    .art-block-tl
    {
    clip: rect(auto 9px 9px auto);
    }

    .art-block-tr
    {
    left:expression(this.parentNode.offsetWidth-18+’px’);
    clip: rect(auto auto 9px 9px);
    }

    .art-block-bl
    {
    top: expression(this.parentNode.offsetHeight-18+’px’);
    clip: rect(9px 9px auto auto);
    }

    .art-block-br
    {
    top: expression(this.parentNode.offsetHeight-18+’px’);
    left:expression(this.parentNode.offsetWidth-18+’px’);
    clip: rect(9px auto auto 9px);
    }

    .art-block-tc, .art-block-bc
    {
    width: expression(this.parentNode.offsetWidth-18+’px’);
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh4.googleusercontent.com/-ONQybJRRQAY/TtAMWUfqQrI/AAAAAAAAAtk/KfbRF4afAFA/s320/block_h.png’,sizingMethod=’scale’)”);
    }

    .art-block-tc
    {
    clip: rect(auto auto 9px auto);
    }

    .art-block-bc
    {
    top: expression(this.parentNode.offsetHeight-18+’px’);
    clip: rect(9px auto auto auto);
    }

    .art-block-cr, .art-block-cl
    {
    height: expression(this.parentNode.offsetHeight-18+’px’);
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh5.googleusercontent.com/-ba6YGUyoCa0/TtAMczFpL5I/AAAAAAAAAts/v_NY88tI_ys/s320/block_v.png’,sizingMethod=’scale’)”);
    }

    .art-block-cr
    {
    left:expression(this.parentNode.offsetWidth-18+’px’);
    clip: rect(auto auto auto 9px);
    }

    .art-block-cl
    {
    clip: rect(auto 9px auto auto);
    }

    .art-block-cc
    {
    font-size: 1px;
    width: expression(this.parentNode.offsetWidth-18+’px’);
    height: expression(this.parentNode.offsetHeight-18+’px’);
    background-color: #666666;
    }
    /* end Box, Block */

    /* begin BlockHeader */
    .art-blockheader
    {
    zoom: 1;

    }

    .art-blockheader .l, .art-blockheader .r
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh4.googleusercontent.com/-av8z_iGQp2Q/TtAMgPyvliI/AAAAAAAAAt0/C9NPuso01Qg/blockheader.png’,sizingMethod=’crop’)”);
    }

    .art-blockheader .r
    {
    left:expression(this.parentNode.offsetWidth-1000+’px’);
    clip: rect(auto auto auto 974px);
    }

    .art-blockheader .l
    {
    width: expression(this.parentNode.offsetWidth-26+’px’);
    }
    /* end BlockHeader */

    /* begin Box, BlockContent */
    .art-blockcontent, .art-blockcontent-body
    {
    zoom: 1;
    }

    .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl
    {
    font-size: 1px;
    background: none;
    }

    .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl
    {
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh6.googleusercontent.com/-RJ9GlCz4CFc/TtAMkBQRULI/AAAAAAAAAuE/JDSsdpmB7QA/s320/blockcontent_s.png’,sizingMethod=’scale’)”);
    }

    .art-blockcontent-tl
    {
    clip: rect(auto 1px 1px auto);
    }

    .art-blockcontent-tr
    {
    left:expression(this.parentNode.offsetWidth-2+’px’);
    clip: rect(auto auto 1px 1px);
    }

    .art-blockcontent-bl
    {
    top: expression(this.parentNode.offsetHeight-2+’px’);
    clip: rect(1px 1px auto auto);
    }

    .art-blockcontent-br
    {
    top: expression(this.parentNode.offsetHeight-2+’px’);
    left:expression(this.parentNode.offsetWidth-2+’px’);
    clip: rect(1px auto auto 1px);
    }

    .art-blockcontent-tc, .art-blockcontent-bc
    {
    width: expression(this.parentNode.offsetWidth-2+’px’);
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='”+artGetStyleUrl()+”https://lh5.googleusercontent.com/-6yjXiCHm1y4/TtAMl2D9iBI/AAAAAAAAAuM/KCGBLLU-tRo/s320/blockcontent_h.png’,sizingMethod=’scale’)”);
    }

    .art-blockcontent-tc
    {
    clip: rect(auto auto 1px auto);
    }

    .art-blockcontent-bc
    {

    1. indam says:

      Yang agan posting itu style CSS, peletakanya didalam tag <style> dan </style> kalo untuk blogspot di dalam<b:skin> dan </b:skin>

  26. rizma says:

    ma’af ia mas, buat template sperti ini, pake software !!

    1. indam says:

      Cara buatnya bertahap dan itu asik :)
      bisa pake software– bisa juga tidak alias ngoding :)

  27. chaca says:

    mav ne mas,,,
    setelh dijalankan malah error,,ada jwbn seprti ini :
    Parse error: syntax error, unexpected ‘<' in /home/beedotne/public_html/wp-content/themes/amazing-grace/index.php on line 2

    tolong penejelasan dan solusinya ya mas..
    thnx's mas….

    1. indam says:

      maaf, baca tutorial terbaru yah :D

  28. rian says:

    ane ga nemu get_header(); ?> nya mas?? gmn tuh??

  29. Adsloko says:

    mantab infonya sob, salam kenal

  30. saerudin says:

    Ass wr wb. Bro mantap nian blog nya, bagi-bagi dong ilmu nya, Oke Bro saya mau coba menu ini semoga berhasil, Trims

    1. indam says:

      Saya selalu berbagi disini. Ok silakan dicoba, saran saya baca tutorial terbaru yah :D

  31. rudy hartono says:

    thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me

  32. Alex Irfani says:

    sob, cara bikin navigasi “Font Size” seperti milik sobat gimana yach ? tolong di share yach sob…. ukuran font blog Q terlalu kecil dan menurut Q itu bermasalah. Mungkin akan lebih baik serta menarik bila ada navigasi menu Font Size seperti yang ada di situs http://www.indaam.net tercinta ini

  33. Rosa says:

    Sudah di coba dan berhasil. Tapi tampilan menu jadi double dengan theme awal, trus posisinya juga tidak tepat. Mohon sarannya ya… Terimakasih ^^

  34. Udah di coba nih, tapi jadi double menunya dengan menu theme asli. Posisinya juga tidak pas. Bagian mana lagi yang harus di edit ya? Terimakasih masukannya ^^…..

  35. addyn says:

    mantapp

    tq for sharing gan

  36. hengki says:

    Wah mantap bsa dcoba neh ? Berlaku untuk blogspot jga kan neh, ? Ini brlaku untuk tmplate bwaan apa bsa hasil tmplate unduh ? Kdang jnis tmplate kn beda2 letak2 menunya

  37. puramoz says:

    kok saya coba di blog saya susah banget ya sob,, naruh menunya, eror terus??

  38. puramoz says:

    saya coba di blog saya kok susah ya sob?? naruh menu menunya.

  39. sarah says:

    aduhh, gimana sih caranya ngisi tulisan didlm menu dan sub menu??

    1. indam says:

      Baca post terbaru yah :D

  40. wah tak cari muter2 akhirnya nemu juga nice info mas makasih

  41. thx for information brother

  42. aditya says:

    mas mau tanya koq dropdown yg saya buat muncul di bawah foto product ya mas????mohon pencerahannya :)

  43. aditya says:

    mas kenapa dropdown yg saya buat munculnya dibawah artikel(gambar) ya???/mohon pencerahan

  44. Me Grey says:

    waahh Nice info… :)
    Makasih ya informasi’y

    jangan lupa mampir kesini ya..
    http://quantamultimedia.com/

    terimakasih ^_^

  45. Charonymous says:

    mau baca jadi males soalnya ful kaler,,jadi silau ni mata..wkwk

  46. makasih kang sharingnya, langsung praktek

  47. Vallencia says:

    wahhh mantaf skripnya om, makasih yak

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-