jadikan dirimu sebagaI hiasan RoHani

Cerpen 7


Telaga Kuno
Aku telah lulus S 1 Fakultas Kesehatan, aku mencari pekerjaan hingga ke pelosok kota dan kudapatkan pekerjaan itu di daerah Depok. Disana aku bekerja selama 5 tahun dengan peringkat terbaik, karna peringkat itu pula yang kudapatkan aku ditugaskan ke desa Ciamunya. Di desa tersebut, aku bekerja sebagai analisis ilmiah. Sesampai di desa Ciamunya aku terkejut karna tampilan desa tersebut seperti rumah horror-horor yang ada di pasar malem. Aku bingung dan bertanya-tanya, apa benar ini desa yang saya tuju. Hingga akhirnya ada orang yang bisa aku temui dan tanyai.
“ Permisi nek, saya mau tanya boleh?” tanyaku pada seorang nenek tua didekat pohon besar.
“ Iya cu, kamu mau tanya apa?” jawabnya tanpa memandangku
“ Desa Ciamunya dimana ya nek?”
“ Ini desa Ciamunya cucu, kamu pasti orang yang ingin singgah kesini ya?” tanyanya
“ Iya nek, saya ditugaskan bekerja disini.”
“ Tak akan bertahan lama kau tinggal disini.” Katanya dengan memandangku tajam
“ Kenapa nek? Lalu kalau aku harus mencari penginapan dimana nek?” kataku dengan takut
“ Mencari penginapan kamu harus melewati telaga disebelah hutan itu, disanalah desa yang sesungguhnya.” Terangnya sambil menunjuk arah
“ Baiklah nek, terimakasih. Saya permisi dulu nek.” Kata ku karna siang sudah menjelang sore.
Aku berjalan menyusuri hutan hingga sore menjelang malam. Akhirnya sampailah aku di sebuah telaga dengan keindahannya. Semilir angin membuatku terenyuh untuk sejenak mencuci muka di telaga itu. Aku terkejut saat mukaku ku cuci di telaga itu. Kulihat secara sambar-sambar ada seseorang yang juga mengambil air disebelahku. Dan saat ku angkat wajahku ternyata tak satupun seseorang disampingku. Karna aku sudah merasa merinding akhirnya aku melanjutkan perjalanan untuk mencari penginapan. Hingga akhirnya malam pun tiba dan sampailah aku didepan gerbang “Penginapan Tlogo”. Aku pun cepat memasuki penginapan terrsebut karna hujan sudah mulai turun. Aku memesan kamar untuk beberapa hari. Karna pekerjaanku disini  cuman sebentar saja. Aku mendapatkan kunci kamar dan dibantu oleh pelayan memasuki kamar. Sampai kamar, akupun mandi dan segera tidur. Tapi entah mengapa, aku selalu teringat kejadian tadi di telaga. Apa itu hanya ilusi atau apa aku tak tahu. Tapi aku merasakan kehadiran seseorang dibilik jendela kamarku. Ketakutan mulai menghinggapiku.  Kututup langsung korden kamar tanpa melihatnya dan segera selimut ku tarik karna aku sungguh ketakutan saat itu. Keesokan harinya, aku bangun dan bersiap-siap untuk segera bekerja pada awal hari ini. Saat aku berjalan menyelusuri koridor penginapan ternyata sudah banyak orang yang berada didepan penginapan. Dan ku dengar banyak suara mobil polisi. Entah ada apa aku pun ikut bergabung dengan mereka.
“ Mmm.. maaf, memang apa yang sedang mereka semua kerubungi?” tanyaku pada salah seorang pelayan
“ Oh.. ditelaga itu, telah ditemukan mayat  gadis kecil” katanya dengan melihat kerubungan itu
“ Telaga? Telaga yang orang-orang harus lewati itu kalau mau ke penginapan?” sembariku berkata dengan dagdigdug
“ Benar, disini kan hanya ada 1 telaga itu.” cerocosnya
“ Lalu, mengapa gadis itu bisa mati di telaga itu?”
“ Gadis itu bermain dan jatuh kedalam telaga itu. Hingga akhirnya mayatnya terapung dan baru ditemukan pagi ini oleh seorang nenek penunggu hutan.” ujarnya
Akupun shock sekali mendengar ucapan pelayan tadi. Apa yang kulihat waktu itu ditelaga benar-benar gadis itu? Aku tak sanggup berbicara lagi.  Aku segera menuju kamar dan merapikan semuanya, kuberikan kunci dan ku bayar muka harga penginapan semalam dan kucari taksi untuk mengantarku pulang. Ditengah perjalanan, aku langsung menelfon pihak Depok dimana aku bekerja. Aku bilang bahwa aku tak sanggup untuk bekerja di desa tersebut dengan alasan lain yaitu ada urusan keluarga.

Cerpen 6


Sumur Puluhan Tahun
Rumahku terletak disebelah rumah yang sekarang tak berpenghuni lagi. Dulu saat umurku 4 tahun, aku sering main disana bersama teman-temanku karna saat itu pemilik rumahnya sangat baik. Kami diijinkan bermain disana dimana saja hanya saja tak boleh main di dekat sumur itu. Sampai sekarang aku masih penasaran dengan sumur itu, kenapa sumur itu dari dulu aku kecil hingga sekarang masih saja tertutupi oleh kayu-kayu yang besar. Pernah saat itu aku dan teman-temanku ingin mendekat kea rah sumur itu, tapi selalu saja tertangkap basah oleh penghuni rumah. Sejak itu kami tidak diperbolehkan main kesana lagi. Padahal disana banyak sekali mainan yang menyenangkan. Baru ku tahu saat aku di rumah bahwa bonekaku tertinggal disana. Aku berfikir banyak sekali untuk mengambilnya atau tidak. Dan akhirnya aku memutuskan untuk mengambilnya diam-diam. Saat itu sore menjelang malam, kulihat pemiliknya meninggalkan rumah dan gerbang kecil disamping rumahku itu masih terbuka mungkin karna pemiliknya lupa menguncinya. Aku menyusup masuk ke rumah tersebut dan mulai mencari dimana aku meletakkan boneka ku. Aku baru teringat bahwa terakhir aku dan temanku bermain di dekat sumur itu. Ada hawa yang sedikit mencurigakan dibelakangku, dan saat aku menoleh, aku tak melihat siapapun. Akhirnya dengan keberanianku saat itu, aku menyusuri jalan setapak dan kutemukan bonekaku di pinggiran sumur itu. Aku jadi semakin penasaran dengan sumur itu. Aku angkati perlahan batang kayu itu hingga akhirnya aku mencium bau yang tak sedap keluar dari sumur itu. Iya, tak salah lagi bau orang meninggal yang ku hirup. Aku melihat ceceran getah yang sudah padat didalamnya, tapi aku tak melihat seseorang yang mati didalamnya. Aku fikir mungkin bangkai ayam. Dan saat membalikkan badan. Aku mendengar tangisan seorang anak wanita didalam sumur itu. Ingin rasanya aku menoleh ke bawah sumur. Tapi, karna jantungku berdegup kencang dan suara petir sudah terlihat akupun lari sedini mungkin untuk menghindari hal-hal yang mungkin terjadi padaku. Sesampainya dirumah, aku langsung memeluk erat bunda tanpa berbicara sepatah katapun. Keesokan harinya, aku baru dapat berbicara panjang lebar terhadap bunda dan bunda segera melaporkan kepada pihak yang berwajib agar mayat korban bias di interogasi lebih lanjut. Akupun senang saat mayat itu dibawa pihak polisi. Dan entah mengapa angin kencang menerpa rambutku dan membisiki kupingku “Terimakasih”
Aku lonjak kaget dan melihat wajah mayat itu, sungguh mengenaskan.
Setelah diinterogasi oleh polisi, mayat wanita itu ternyata anak kandung pemilik rumah, karna pemilik rumah tidak menginginkan anak perempuan, dipendamlah anak perempuan itu hidup-hidup disumur tersebut. Dan sejak itu pemilik rumah tersebut ditangkap polisi.

Cerpen 5


ARTI
Dari Semuanya
Aku pergi ke sekolah dengan naik bus. Pagi itu rumahku hampir kebakaran cuman karna listrik dirumah terlilit ranting, untung hanya ada percikan api yang keluar, tapi banyak tetangga pula yang berdatangan. Aku pun saat itu sedang makan pagi langsung mengambil air dan berupaya menyiramnya tapi sudah kedahuluan sang kakak yang menyiramnya dengan pasir. Akhirnya ayah segera memanggil petugas PLN untuk menyelidikinya. Dan aku segera mengambil tas punggungku untuk segera berangkat ke sekolah. Sejak peristiwa itu, aku selalu terbayang dengan ilusi yang kurang mengiyakan. Saat perjalanan ke sekolah, akupun terhanyak, karna jam tanganku sudah menunjukkan pukul 07.40. Padahal perjalanan yang ku tempuh masih jauh. Bus yang ku tumpangipun terhenti, ternyata ban sisi kirinya pecah . Semua penumpangpun turun. Aku merasa kesal sekali hari itu. Akhirnya aku dan penumpang lainnya pun mencari bus yang lain. Sampai disekolah aku terlambat 5 menit dan dimaafkan oleh guru BK.
Saat istirahat tiba, aku menceritakan semua kejadian hari itu pada temanku dan temanku menaggapinya dengan candaan. Bahkan ada yang bilang karna aku kelelahan. Saat pulang sekolahpun tiba, aku pulang bersama gerombolan temanku, suasana jalanpun macet sekali tak tertahankan panasnya sekalipun. Lalu saat ada bus yang berhenti tepat didepan kami, kami pun beranjak dari tempat berdiri dan naik ke dalam bus. Saat diperjalanan, aku melihat di sisi kiri jalan ternyata ada yang habis kecelakaan dengnan menabrak tiang listrik dan penyangga ditengah jalan, bahkan kaca-kacanya pun banyak berceceran dijalan. Aku nyaris melihatnya dan saat aku mendengar seorang ibu tua yang berkata bahwa yang kecelakaan itu ialah bus yang ditumpanginya tadi pagi dan saat aku berbalik badan, ternyata ibu tua itu ialah ibu-ibu yang bersamaku tadi pagi didalam bus “A” yang busnya tak mungkin aku ceritakan. Aku terkejut sekali dan kuperhatikan benar-benar bus yang telah dipojokkan itu dibagian jalan dan ternyata itu bus yang juga aku tumpangi tadi. Untunglah aku berangkat dan pulang dengan kondisi yang masih utuh hari ini. Sesampainya aku pulang, aku lebih terkejut karna jalanan menuju rumahku begitu ramai dan berkibar disisi samping rumahku bendera kuning. Aku tak sanggup berkata apa-apa lagi. Ternyata tetanggaku ada yang meninggal. Aku shock sekali, aku fikir salah satu anggota keluargaku. Hufttt.. Aku diceritakan bahwa tetanggaku meninggal tadi pagi saat aku berangkat sekolah tepat didepan rumahnya sendiri saat menyebrang jalan ia ditabrak oleh anak SMA. Aku sangat terkejut mendengar cerita itu karna setelah tertabrak,  ia langsung mati ditempat. Masih terlihat jelas sekali bekas darah yang tercecer didepan rumahnya itu. Aku pun segera masuk ke rumah dan berganti pakaian yang lebih sopan untuk berkunjung ke rumah duka. Siang hari pun, jenazah sudah dimakamkan. Sesampainya di rumah, aku masih bingung dengan keadaan hari ini, hari ini benar-benar sangat mengejutkanku. Ingin rasanya aku diam didalam kamar tanpa keluar kamar.






Cerpen 4


 BONEKA
Suatu pagi yang hangat dengan pancaran mentari, aku keluar rumah berlari-lari kecil di komplek rumahku. Saat aku sampai di gerbang sebuah rumah besar aku terhenti karna ada sesuatu yang menurutku aku perlu mendekatinya. Aku mundur dan berhenti sejenak di depan rumah besar itu. Aku melihat apakah ada penghuninya atau tidak. Dan ternyata memang tidak berpenghuni. Aku mendekat di bilik samping rumah besar tersebut. Aku melihat bungkusan kardus tertata rapi disana. Sepertinya kardus-kardus itu sengaja ingin dibuang. Karna aku sudah merasakan kepanasan, aku pun tak jadi untuk melihat apa isi kardus-kardus itu. Akhirnya akupun melanjutkan lari pagi ku. Sesampainya dirumah, aku menceritakan kejadian itu pada teman akrabku Niza. Dan dia setuju akan rencanaku untuk kesana esok hari dengan alasan akan pergi dari rumah untuk sekedar jalan pagi. Keesokan harinya, kami pun bertemu di ujung gang dan menyapa.
“ Niz, ayo kita harus segera ke rumah besar itu” ajak ku tak sabar
“ Iya, aku jadi penasaran dengan isi kardus-kardus itu” kata Niza
Kamipun berlari kecil ke rumah besar itu. Sesampainya di sana, aku pun langsung menarik lengan Niza dan mengajaknya ke bilik samping rumah besar itu.
“Aku buka kardus yang ini ya” kataku sembari mengambil kardus berwarna pink itu
“ Baiklah aku kardus yang berwarna hijau ini saja.” Katanya
Setelah kami buka bersama ternyata isi dalam kardus itu adalah sebuah boneka yang masih cantik dan imut.
“ Mengapa boneka-boneka ini dimasukkan ke kardus? Kenapa juga harus dibuang?” tanyaku
“ Mungkin pemilik boneka ini sudah bosan dengan boneka-boneka ini” katanya riang dengan menggendong bonekanya
“ Ya sudahlah, ayo kita segera pergi dari sini dan bawa boneka ini” ajakku seraya memegang lengan boneka
Sesampainya diujung gang kompleks kamipun berpisah dengan masing-masing tangan dari kami memegang boneka. Kamipun melambaikan tangan dan pulang dengan gembira. Sesampainya dirumah.
“ Hai mama” sapaku
“ Hai juga sayang, dari mana saja kamu, kok lari pagi lama banget ampe siang begini?”  tanya mama
“Mmmm.. tadi aku mampir sebentar ke rumah Niza mama” jawabku dengan bohong“
“Jauh sekali sampai ke komplek sebelah sayang?”
“ Iya ma, tadi aku juga dikasih sama mamanya Niza sebuah boneka, lucu kan ma?” sembari menunjukkan sebuah boneka kepada mamaku
“ Iya lucu sayang, ya sudah masuk makan siang ya sayang” ucap mama dengan senyum
“ Oke ma!!” jawabku dengan riang sambil masuk ke dalam rumah
Selesai makan, aku langsung masuk kamar dan bermain dengan boneka baruku, meski aku mempunyai boneka banyak, tapi entah mengapa boneka yang ku temukan ini begitu spesial untukku. Ternyata akupun sudah tertidur lelap bersama bonekaku. Didalam mimpi, aku bertemu dengan gadis cantik berdarah Korea yang tinggal dirumah besar itu dengan menggendong boneka, aku terkejut dan terbangun dalam mimpiku itu. Akupun segera mencari boneka yang kusisipkan dilengan kananku tapi begitu aku bangun, boneka itu sudah tidak ada, aku ketakutan dan tubuhku gemetar, segera aku mencari mamaku karna mungkin saja boneka itu diambil atau sedang dibersihkan mamaku.
“ Mah, apakah boneka ku ada sama mama?” tanyaku dengan gelisah
“ Kan tadi sayang tidur dengan boneka, kok tanya mama?” jawab mama
Mm.. karna aku kebingungan aku segera meluncur kerumah Niza untuk menceritakan kejadian ini.
Aku berlari dengan kelajuan yang begitu cepat. Sesampainya dihalaman rumah Niza, aku menemui Niza dan segera menceritakan semuanya. Dan aku terbelalak ketika Niza bercerita hal yang sama denganku. Setelah kejadian itu, aku pun tidak berani lagi berlarian pagi melewati rumah besar itu. Karna konon katanya, rumah besar itu dulu ditempati oleh bangsa Korea yang akhirnya terbunuh oleh rentenir dirumahnya dengan mati menggenggam 2 boneka yang 2 boneka tersebut akan dibuang dengan dimasukkan ke dalam kardus karna 2 boneka tersebut berisi roh.

Cerpen 3

HANTU HIJAU
Saat itu usiaku baru 6 tahun, aku sudah memiliki adik yang berusia 6 bulan. Rumahku saat itu sangat luas dengan banyak tanaman didepan rumah, bahkan didalam rumah pun aku mempunyai tempat untuk menghangatkan tubuh. Setiap hujan tiba, kami sekeluarga selalu menghangatkan tubuh di bagian tengah ruang keluarga. Pekerjaan ayahku saat itu juga sebagai traveler, jadi tidak tiap hari ayah ada dirumah menemani keluarga. Dua hari lagi jumat kliwon, menurut eyangku, di hari itu hari yang sangat menakutkan karna akan banyak kelelawar jahat yang datang. Tapi, aku menghiraukannya, karna tak pernah ada kelelawar yang memasuki pemukiman rumahku. Melihatpun aku tak pernah. Malam haripun datang, aku mendengar suara petir yang saling menyambar, aku ketakutan dan langsung memeluk ibu yang saat itu ibupun masih menggendong adikku. Ibupun menyuruhku untuk segera tidur padahal saat itu baru jam 07.00 malam. Lalu, akupun diantar oleh ibu memasuki kamarku yang begitu jauh dari kamar-kamar yang lainnya. Kamarku terletak paling pojok dari deretan kamar yang lain. Aku masih sering masuk kekamar dengan ditemani ibu. Tak menyangka waktu sudah memasuki pukul 02.00 pagi, aku terbangun karna terlintas dari bayangan jendela aku melihat bayangan berwarna hijau yang besar . Aku berlari dari kamar menuju kamar ibu. Tanpa mengetuk pintu aku langsung membuka pintu kamar ibu.
“ Ibu, ibu,. Bangun.. aku melihat hantu bu, aku takut sekali” ucapku sambil membangunkan ibu.
“Sstt.. ada apa sayang? Jangan bicara keras-keras karna akan mengganggu adikmu yang tertidur lelap.” Kata Ibu dengan pelan
“ Ibu, aku mau tidur dikamar ibu saja hari ini” ujarku sambil menarik selimut dan tertidur
Keesokan harinya, aku terbangun dan mendengar tangisan adik dibawah tepatnya diruang tengah. Aku segera bangun dan berlari ke ruang tengah. Tak kudapati ibu bersama adik. Namun anehnya, saat aku mendapati adikku di ruang tengah, dia diam dan tersenyum senyum sendiri menghadap tembok di ruangan tersebut. Aku pun tertegun karna tak ada seorangpun disana.  Aku menyangka bahwa itu mungkin pikiran anak kecil saja. Namun, aku teringat akan  kejadian semalam yang meyakinkanku akan seseorang bertubuh hijau besar itu.
Saat aku mulai meninggalkan adikku, adikku tiba-tiba menangis dan saat aku mulai menghampiri, aku melihat makhluk bertubuh hijau itu meninggalkan adikku dan benar.. makhluk itu memandangku. Aku pun hanya bias memejamkan mata dan berdoa. Lalu kuusap wajah adikku dengan sedikit doa dan setelah kejadian itu, aku selalu menjaga adikku dengan baik dan tak kuceritakan kejadian ini pada salah satu anggota keluargaku.  

Cerpen 2

KAMAR 273
Pagi yang cerah menyelimutiku hari ini. Akupun bersemangat sekali untuk berangkat kuliyah. Dengan cepat bergegas, ku ambil peralatan mandiku dan segera mengantri di kamar mandi. Sesampainya di kamar mandi, akupun terkejut dengan apa yang ku lihat, aku fikir aku bisa bangun lebih pagi dari teman-teman kost ku yang lain, ternyata tidak. Antrian yang cukup panjang di sana sini membuatku bosan mengantri. Hingga akhirnya, HP ku pun bergetar dari kantong plastik. Ku ambil HP ku dan kubuka tombol BUKA. Ternyata yang sms dari Mukti teman ku kuliyah, dia memintaku untuk segera melaporkan tugas kunjungan ke berbagai macam hotel. Namun, baru kurang 1 hotel yang belum ku kunjungi. Aku cukup dekat dengannya bahkan aku menyukainya. Tapi kurasa ia tak tahu itu, biarlah.
Akhirnya, giliranku untuk mandipun tiba.
Keluar dari kost, aku segera meluncur ke kampus dengan menggunakan sepeda motor kesayanganku. Jalanan begitu macet siang ini, namun untunglah tak sepanas senin kemarin, karna panas kemarin membuat keringatku bercucuran sebelum aku sampai ke kampus.
Sesampainya aku di kampus, mataku terbelalak ketika kutemui Mukti di halaman parkiran. Aku fikir dia akan menelfonku untuk kutemui nanti saat aku sampai dikampus ternyata dugaanku salah besar.
“ Baru datang ya?” sapa Mukti padaku dengan sapaan halus
“ Ah.. Iya, aku baru datang.”ujarku dengan gugup
“ Kalau begitu ayo kita kekantin dulu.” Ajaknya
“ Baiklah.” Jawabku dengan malu-malu
Sesampainya dikantin kampus.
“ Mana laporan kunjunganmu?” tanyanya tiba-tiba
“ Oh, iya ini aku. Hanya aku kurang 1 kunjungan saja.Apa boleh aku kumpulkan hari ini?” ucapku dengan gelisah
“ Ku tahu, tugasmu sangatlah banyak. Tapi kamu harus bisa membagi tugasmu dengan baik juga. Aku tak memaksamu untuk mengumpulkannya hari ini meski paling terlambat hari ini, aku akan memberikanmu waktu 3 hari dari sekarang, kau bisa lakukan itu dengan baik.” Jelasnya
“ Aku akan lakukan itu Mukti, maaf dan terimakasih atas bantuanmu.” Kataku penuh semangat
Kami pun pergi beranjak meninggalkan kantin dan berpisah di halaman parkiran.
Sepulang dari kampus, aku langsung pergi ke warnet terdekat untuk mensurvei hotel mana saja yang memiliki fasilitas terlengkap di daerah sini. Dan dalam kejapan mata, browsingku mendapatkannya. Aku terbelalak dengan mata tak percaya. Karna gambar dalam browsingan yang ku upload ini begitu terkesan mistis dengan bangunannya yang kuno dan adanya 2 pohon beringin yang terpampang di depan hotel itu. Akhirnya aku catat alamat dan telfon hotel itu.
Sesampainya di kost, aku telfon pemilik hotel itu untuk memesan  1 kamar di hotelnya. Sehingga besok saat aku kesana tinggal mengambil kunci dan membayarnya tak usah menunggu untuk memesannya.
Pagi harinya, aku pun segera beranjak dari kost untuk segera menginap sehari di hotel yang telah ku pesan itu.
Sesampainya di depan hotel, aku cukup terkesan dan bingung. Karna tampilan luar hotel itu tak seperti cetakan foto yang ku bawa, akhirnya akupun memutuskan untuk mengecek ulang alamat yang tertera di layar HP ku ini dan ternyata benar dan cocok. Akhirnya aku pun masuk.
“Sungguh tampilan yang berbeda dengan aslinya” dalam hatiku berkata
Setelah kuambil kunci, segera ku berjalan menyusuri lorong untuk mencari kamar nomer 273 itu. Sesampainya dikamar, aku langsung mensurvei semua isi kamar secara perlahan dan teliti. Saat aku mensurvei tiba-tiba HP ku berbunyi dari dalam tasku. Ku ambil segera HP ku, mungkin saja ada hal penting dari seseorang. Ternyata dari Mey temanku yang mau berkunjung kesini karna kebetulan ia juga menginap di hotel ini. Aku pun mengijinkannya meski nanti akan sedikit mengganggu tugasku mensurvei.
Karna aku mensurvei terlalu lama, akhirnya aku kebelet pipis dan langsung aku menuju kamar mandi. Tak lama aku didalam kamar mandi, aku mendengarkan ketukan yang begitu keras dari arah pintu depan.
Aku baru ingat bahwa temanku Mey akan datang berkunjung kemari. Akhirnya bergegas aku menuju pintu dan membukanya. Saat aku membuka pelan pintu itu, ternyata tak satupun orang yang muncul dari balik pintu itu. Akhirnya ku tutup pintu itu lagi dan segera ku ambil HP didalam tasku dan ku tekan nomer HP Mey segera.
“ Halo Mey, “ sapa ku dari HP
“ Iya Lin.” Jawabnya
“ Kenapa kamu tadi hanya mengetuk pintuku dan malah kabur?” tanyaku penasaran
“  Aku? Aku belum ke kamarmu Lin, bahkan aku belum tahu nomer kamarmu.” Jawabnya
“ Tapi…” aku tak berani untuk bertanya lagi, fikirku sekarang mungkin hanya orang yang salah kamar saja. Ku akhiri percakapanku dan ku matikan HP ku sejenak dan ku coba untuk berbaring tidur karna hari juga sudah larut malam.
Keesokan harinya, aku terbangun karna banyak sekali langkah kaki dari depan kamarku dan teriakan yang begitu kencang. Ku bangun dan ku cuci mukaku sejenak dipemandian. Ku keluar kamar sangat terkejut karna sudah ada polisi dan dokter yang datang bersinggah. Begitupun aku sangat shock ketika kulihat sebuah mayat terbungkus kain putih melewati diriku yang berdiri didepan pintu kamarku. Sekilas aku merasakan hal negative muncul di pikiranku. Ku tengok tempat orang-orang yang berdatangan dan persis di sebelah kiri kamarku, sudah digaris polisi. Ku dengar, mayat itu tadinya diperkosa dengan di bius dulu oleh kenalannya.
Semenjak kejadian itu, sore harinya pun aku check out dari hotel itu dan segera ku cari HP ku  untuk menghubungi Mukti karna tugasku sudah selesai. Dan ternyata betapa terkejutnya aku ketika ku geledah isi tasku, tak kutemukan HP ku disitu. Aku berfikiran bahwa HP ku tertinggal di hotel itu, pernah aku berfikir untuk mengambilnya tapi fikiran itu aku buang jauh-jauh dan kutinggalkan tempat itu secepat mungkin.




CerPen 1


Oops.. Ternyata hanya Teman


    Waktu itu, aku berangkat ke sekolah. Itu awalku berangkat dari liburan beberapa minggu lalu. Hari ini, calon siswa sedang mendaftarkan diri di sekolah sehingga terkesan ramai sekali sabtu ini tak seperti biasa.

Ku berjalan dari arah parkiran menuju kelas atas sungguh menegangkan bagiku, yah.. pastinya karena aku begitu malu akan banyaknya siswa yang berbaju putih biru itu. Dengan langkah sedikit ragu dan malu, aku berjalan lebih cepat dari kerumunan siswa baru. Saat ku naikan kakiku tangga demi tangga, aku tercengang akan hal yang terjadi padaku. Ku menengok ke belakang dan yah.. ternyata buku dari tasku jatuh, mungkin karena aku kurang hati-hati tadi menutupnya. Agak gugup dan malu untuk menengok ke belakang, namun sesaat ada seorang cowok yang menunduk mengambilkan buku milikku itu. Senang campur malu sih harus berhadapan pertama kalinya dengan cowok itu. Wajahnya yang lugu, sopan, rajin dan terlihat pintar itu membuatku terkesima.

 

“ Ini kak.” Katanya sembari memberikan buku padaku

“ Oh.. iya dek, makasih ya.” Jawabku dengan sedikit gemetar

“ Iya kak, sama-sama kok.” Katanya selanjutnya

Aku segera meninggalkannya dengan wajah tersenyum didepan, seakan aku berfikir “WOW” untuknya Hahahaha…

            Pulang sekolahpun tiba, aku dan temanku pulang tentunya dengan arah yang berbeda pula. Saat aku pulang menuruni tebing sekolah, aku  dikagetkan dengan orang yang berada di sampingku. Tak salah lagi saat ku lihat wajahnya ternyata memang benar bahwa ia yang telah membantuku tadi. Senang sekali dalam hatiku dan saat ia berbelok ke parkiran aku tak berfikir akan menanyakan namanya.

            Senin harinya, sepulang sekolah. Perjalananku menuju rumah tak sia-sia, karena aku berjalan melewati gang kecil tak melewati kampus seperti biasa. Saat aku membelokkan diri ke ujung gang, aku tak menyangka bahwa aku akan bertemu dengannya untuk ke-3 kalinya. Dia tersenyum bahkan menyapaku saat di jalan. Hatiku terasa berdebar saat itu. Karna mungkin 3 tahun aku tak pernah menyukai orang lain makanya hatiku seperti ini.

            2 minggu pun tlah berlalu, aku sempat berkenalan dengannya meski hanya lewat SMS. Dan besok sabtu pun sekolah kami mengadakan “Pentas Seni”. Dia pernah berkata bahwa ia akan tampil mengisi pentas nanti berupa BAND. Senang mendengarnya karena dengan begitu aku dapat melihat dan mendengarkan music yang dimainkannya.

            Hari sabtu pun tiba, dia menampilkan BAND dan aku melihatnya didepan. Dia tersenyum padaku dan aku begitu kegirangan di mata temanku.

 

Sejak itu, aku merasakan ada “lampu hijau” yang muncul dari benakku darinya. Beberapa bulan ini, aku sering menyapa bahkan sering bertemu secara langsung. Tapi tak kulihat wajah ceria seperti dulu yang kulihat. Akhirnya , 2 bulan selanjutnya aku memberanikan diri dan bertanya mengapa ia berubah begini dan ku ungkapkan semua perasaanku padanya. Dan aku SHOCK ketika ia menjawab dengan tertunduk padaku saat itu.

 

“ Sebenarnya aku hanya ingin berteman dengan kakak. Akhir ini, kau merasa apa yang kakak rasakan, namun aku belum merasakan apa yang kakak rasakan. Aku menjauh dari kakak karna aku tak ingin kakak banyak berharap dariku. “

 

            Setelah ia berbicara itu semua, aku pun terdiam dan tertunduk lalu meninggalkannya. Dan ku tahu bahwa dia bukan untukku. Meski sakit hati ini, namun ini akan menjadi sebuah pelajaran untukku. Agar aku tak terjatuh di lubang yang sama.

guRindaM

1.      Jika hendak mengenal orang berbangsa,
Lihat kepada budi dan bahasa
Pesan yang terkandung yakni melihat seseorang itu berbudi atau tidaknya dapat dilihat dari cara berbicara dan melihatnya dengan tingkah laku dari keseharian dengan jarak jauh.

Jika hendak mengenal orang yang berbahagia,
Sangat memeliharakan yang sia-sia.
Pesan yang terkandung yakni memikirkan segala sesuatu dengan pemikiran yang matang sebelum ada kesalahan yang dibuat.

Jika hendak mengenal orang mulia,
Lihatlah kepada kelakuan dia.
Pesan yang terkandung yakni mengenal orang yang baik dari kelakuannya.

Jika hendak mengenal orang yang berakal,
Di dalam dunia mengambil bekal.
Pesan yang terkandung yakni dalam mencari pengetahuan dasar maupun dalam dengan sungguh-sungguh, pasti akan mendapatkan hal yang luar biasa dalam diri.

Jika hendak mengenal orang yang baik perangai,
Lihat pada ketika bercampur dengan orang ramai.
Pesan yang terkandung yakni jika ingin mengenal orang yang baik, lihatlah tingkah laku ketika bersama dengan orang banyak.

2.      Barang siapa khianat akan dirinya,
apalagi kepada lainnya.
Pesan yang terkandung yakni jika kita berbohong kepada diri kita sendiri, tentu kita juga akan berkhianat kepada orang lain.


Kepada dirinya ia aniaya,
Orang itu jangan engkau percaya.
Pesan yang terkandung yakni jangan mempercayai orang yang telah menganiaya orang lain.

Lidah suka membenarkan dirinya,
Daripada yang lain dapat kesalahannya.
Pesan yang terkandung yakni jangan bersilat lidah karena apapun yang kita lontarkan dari mulut kita, akan didengar oleh orang lain dan orang lain itu pasti yang terkena salahnya.

Daripada memuji diri hendaklah sabar,
Biar daripada orang datangnya khabar.
Pesan yang terkandung yakni memuji orang lain itu perlu, karena dengan memuji orang lain kita mendapatkan penghargaan juga dari orang lain itu.

Orang yang suka menampakkan jasa,
Setengah daripada syirik mengaku kuasa.
Pesan yang terkandung yakni orang yang suka memamerkan sesuatu hal kepada orang lain termasuk hal yang syirik karena memamerkan sesuatu yang belum tentu miliknya.

Kejahatan diri sembunyikan,
Kebajikan diri diamkan.
Pesan yang terkandung yakni kejahatan dalam diri manusialah yang lebih disembuyikan daripada kebajikannya terhadap manusia lain.

Keaiban orang jangan dibuka,
Keaiban diri hendaklah sangka.
Pesan yang terkandung yakni tidak membeberkan masalah orang lain kalau masalah kita sendiri ternyata tidak dibeberkan oleh orang lain juga. Hendaknya kita menyadari bahwa tiap manusia memiliki aib masing-masing.

3.      Tahu pekerjaan tak baik dikerjakan,
Bukannya manusia ia itulah syaitan.
Pesan yang terkandung yakni melakukan suatu pekerjaan yang halal dan baik dimata diri sendiri dan orang lain itulah manusia.

Kejahatan seorang perempuan tua,
Itulah iblis punya penggawa.
Pesan yang terkandung yakni kejahatan yang dilakukan seseorang, disanalah iblis datang menghampiri untuk menghasut.

Kepada segala hamba-hamba raja,
Di situlah syaitan tempatnya manja.
Pesan yang terkandung yakni orang yang bermalas-malasan, itulah tempat syaitan berkumpul untuk mendekat pada kita.

Kebanyakan orang yang muda-muda,
Di situlah syaitan tempat bergoda.
Pesan yang terkandung yakni orang muda imannya masih lemah, maka syaitan senang menggoda.

Perkumpulan laki-laki dengan perempuan,
Di situlah syaitan punya jamuan.
Pesan yang terkandung yakni jika laki-laki dengan perempuan berkumpul maka syaitan akan menggoda.



Adapun orang tua yang hemat,
Syaitan tak suka membuat sahabat.
Pesan yang terkandung yakni orang yang hemat, syaitan akan menjauhi atau tidak akan menggoda.

Jika orang muda kuat berguru,
dengan syaitan jadi berseteru.
Pesan yang terkandung yakni dengan ilmu pengetahuan yang tinggi dan luas, kita akan mendapatkan tempat yang layak  dan mampu berseteru dengan syaitan.

BajU



SanTapan



Widget aniMasi bLog (TIK)

Gajah loncat



Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>




2. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>




9. Bunga




Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>



Template blog


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <meta expr:content='data:blog.metaDescription' name='description'/>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#8cf5a0"/>

   <Group description="Page" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#2d3734"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#333333"/>
   </Group>

   <Group description="Links" selector=".main-inner">
     <Variable name="link.color" description="Link Color" type="color" default="#888888" value="#28e15f"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#00822c"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="#28e15f"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Title Font" type="font"
         default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)"  value="#8cf5a0"/>
     <Variable name="header.background.color" description="Header Background" type="color" default="transparent"  value="transparent"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="description.text.color" description="Text Color" type="color"
         default="$(body.text.color)"  value="#ffffff"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="#ffffff"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="#28e15f"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#009c34"/>
     <Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#2d3734"/>
   </Group>

   <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
     <Variable name="date.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#f58ce0"/>
     <Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
   </Group>

   <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#e128a8"/>
   </Group>

   <Group description="Post Background" selector=".post">
     <Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="#ffffff"/>
     <Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)"  value="#8cf5a0"/>
     <Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="#f58ce0"/>
   </Group>

   <Group description="Gadget Title" selector="h2">
     <Variable name="widget.title.font" description="Font" type="font"
        default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#8cf5a0"/>
   </Group>

   <Group description="Gadget Text" selector=".sidebar .widget">
     <Variable name="widget.font" description="Font" type="font"
        default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#ffffff"/>
   </Group>

   <Group description="Gadget Links" selector=".sidebar .widget">
     <Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="#28e15f"/>
     <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#00822c"/>
     <Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#28e15f"/>
   </Group>

   <Group description="Gadget Background" selector=".sidebar .widget">
     <Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="transparent"/>
     <Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="transparent"/>
     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="transparent"/>
   </Group>

   <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
     <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>
   </Group>

   <Group description="Images" selector=".main-inner">
     <Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="#ffffff"/>
     <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="#cccccc"/>
   </Group>

   <Group description="Feed" selector=".blog-feeds">
      <Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
   </Group>

   <Group description="Feed Links" selector=".blog-feeds">
     <Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="#e128a8"/>
     <Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#820055"/>
     <Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#e128a8"/>
   </Group>

   <Group description="Pager" selector=".blog-pager">
     <Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)"  value="transparent"/>
   </Group>

   <Group description="Footer" selector=".footer-outer">
     <Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="transparent"/>
     <Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)"  value="#ffffff"/>
   </Group>

   <Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="20px"/>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)"
       default="$(color) none repeat scroll top left" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiafrn9QtCZhc17BJCj0Av4TJ9z2bfvIYul5RppTUkmU7P91Tz_SaiqaM_DC_-8pyhktrNKIjaNZcB9b8MXmU4PpOeov7hu_VcEnn76RBSo57KsQpz-p7jEureCv_SKN_cbZXS_RkjNppw/s0/siwon.jpg) repeat-x scroll top left"/>
   <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
       default="none" value="none"/>
   <Variable name="body.background.size" description="Body Background Size" type="string" default="auto" value="auto"/>

   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
       default="none" value="url(http://www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png)"/>

   <Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none"  value="none"/>
   <Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px"  value="22px"/>
   <Variable name="header.margin.top" description="Header Top Margin" type="length" default="0"  value="0"/>
   <Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0"  value="15px"/>

   <Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px"  value="8px"/>
   <Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px"  value="0"/>
   <Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0"  value="-3.3em"/>
   <Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none"  value="none"/>
   <Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0"  value="0"/>
   <Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0"  value="$(shadow.spread)"/>

   <Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0"  value="0"/>
   <Variable name="date.header.position" description="Date Header Position" type="length" default="15px"  value="0"/>

   <Variable name="date.space" description="Date Space" type="length" default="30px"  value="55px"/>
   <Variable name="date.position" description="Date Float" type="string" default="static"  value="absolute"/>
   <Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0"  value="0"/>
   <Variable name="date.border.size" description="Date Border Size" type="length" default="0"  value="0"/>
   <Variable name="date.background" description="Date Background" type="background" color="transparent"
       default="$(color) none no-repeat scroll top left"  value="transparent none no-repeat fixed center center"/>
   <Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)"  value="$(widget.border.radius)"/>
   <Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
       default="20px"  value="0"/>
   <Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)"  value="$(widget.border.radius)"/>

   <Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0"  value="10px"/>

   <Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="20px"/>
   <Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/>

   <Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px"  value="0"/>
   <Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px"  value="0"/>
   <Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px"  value="0"/>
   <Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="0"/>

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>

   <Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(startSide)"/>

   <Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)"  value="$(widget.border.radius)"/>
   <Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em"  value="0"/>

   <Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none"  value="none"/>

   <Variable name="mobile.background.size" description="Mobile Background Size" type="string"
       default="$(body.background.size)" value="$(body.background.size)"/>
   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .content-outer {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

a:link {
  text-decoration: none;
  color: $(link.color);
}

a:visited {
  text-decoration: none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration: underline;
  color: $(link.hover.color);
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;

  height: 276px;
  width: 100%;

  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  _background-image: none;
}

/* Columns
----------------------------------------------- */
.content-inner {
  padding: 0;
}

.header-inner .section {
  margin: 0 16px;
}

.tabs-inner .section {
  margin: 0 16px;
}

.main-inner {
  padding-top: $(date.space);
}

.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
  padding: 0 5px;
}

*+html body .main-inner .column-center-inner {
  margin-top: -$(date.space);
}

#layout .main-inner .column-center-inner {
  margin-top: 0;
}

/* Header
----------------------------------------------- */
.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

/* Tabs
----------------------------------------------- */
.tabs-outer {
  overflow: hidden;
  position: relative;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

#layout .tabs-outer {
  overflow: visible;
}

.tabs-cap-top, .tabs-cap-bottom {
  position: absolute;
  width: 100%;

  border-top: 1px solid $(tabs.border.color);

}

.tabs-cap-bottom {
  bottom: 0;
}

.tabs-inner .widget li a {
  display: inline-block;

  margin: 0;
  padding: .6em 1.5em;

  font: $(tabs.font);
  color: $(tabs.text.color);

  border-top: 1px solid $(tabs.border.color);
  border-bottom: 1px solid $(tabs.border.color);
  border-$startSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li:last-child a {
  border-$endSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
  color: $(tabs.selected.text.color);
}

/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

/* Widgets
----------------------------------------------- */
.main-inner .section {
  margin: 0 27px;
  padding: 0;
}

.main-inner .column-left-outer,
.main-inner .column-right-outer {
  margin-top: $(widget.outer.margin.top);
}

#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
  margin-top: 0;
}

.main-inner .column-left-inner,
.main-inner .column-right-inner {
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

  -moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

  -moz-border-radius: $(widget.border.radius);
  -webkit-border-radius: $(widget.border.radius);
  -goog-ms-border-radius: $(widget.border.radius);
  border-radius: $(widget.border.radius);
}

#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
  margin-top: 0;
}

.sidebar .widget {
  font: $(widget.font);
  color: $(widget.text.color);
}

.sidebar .widget a:link {
  color: $(widget.link.color);
}

.sidebar .widget a:visited {
  color: $(widget.link.visited.color);
}

.sidebar .widget a:hover {
  color: $(widget.link.hover.color);
}

.sidebar .widget h2 {
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.main-inner .widget {
  background-color: $(widget.background.color);
  border: 1px solid $(widget.border.color);
  padding: 0 $(widget.padding.side) 15px;
  margin: 20px -16px;

  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -moz-border-radius: $(widget.border.radius);
  -webkit-border-radius: $(widget.border.radius);
  -goog-ms-border-radius: $(widget.border.radius);
  border-radius: $(widget.border.radius);
}

.main-inner .widget h2 {
  margin: 0 -$(separator.outdent);
  padding: .6em $(separator.outdent) .5em;
  border-bottom: 1px solid $(widget.border.bevel.color);
}

.footer-inner .widget h2 {
  padding: 0 0 .4em;

  border-bottom: 1px solid $(widget.border.bevel.color);
}

.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
  border-top: $(title.separator.border.size) solid $(widget.border.color);
  padding-top: $(widget.padding.top);
}

.main-inner .widget .widget-content {
  margin: 0 -$(separator.outdent);
  padding: 7px $(separator.outdent) 0;
}

.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
  margin: -$(widget.padding.top) -15px 0;
  padding: 0;

  list-style: none;
}

.main-inner .widget #ArchiveList {
  margin: -$(widget.padding.top) 0 0;
}

.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
  padding: .5em 15px;
  text-indent: 0;

  color: $(widget.alternate.text.color);

  border-top: $(list.separator.border.size) solid $(widget.border.color);
  border-bottom: 1px solid $(widget.border.bevel.color);
}

.main-inner .widget #ArchiveList ul li {
  padding-top: .25em;
  padding-bottom: .25em;
}

.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
  border-top: none;
}

.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
  border-bottom: none;
}

.post-body {
  position: relative;
}

.main-inner .widget .post-body ul {
  padding: 0 2.5em;
  margin: .5em 0;

  list-style: disc;
}

.main-inner .widget .post-body ul li {
  padding: 0.25em 0;
  margin-bottom: .25em;

  color: $(body.text.color);

  border: none;
}

.footer-inner .widget ul {
  padding: 0;

  list-style: none;
}

.widget .zippy {
  color: $(widget.alternate.text.color);
}

/* Posts
----------------------------------------------- */
body .main-inner .Blog {
  padding: 0;
  margin-bottom: 1em;

  background-color: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.main-inner .section:last-child .Blog:last-child {
  padding: 0;
  margin-bottom: 1em;
}

.main-inner .widget h2.date-header {
  margin: 0 -15px 1px;
  padding: 0 0 $(date.padding.bottom) 0;

  font: $(date.font);
  color: $(date.text.color);

  background: $(date.background);

  border-top: $(date.border.size) solid $(date.border.color);
  border-bottom: 1px solid $(widget.border.bevel.color);

  -moz-border-radius-topleft: $(date.header.border.radius.top);
  -moz-border-radius-topright: $(date.header.border.radius.top);
  -webkit-border-top-left-radius: $(date.header.border.radius.top);
  -webkit-border-top-right-radius: $(date.header.border.radius.top);
  border-top-left-radius: $(date.header.border.radius.top);
  border-top-right-radius: $(date.header.border.radius.top);

  position: $(date.position);
  bottom: 100%;
  $(date.side): $(date.header.position);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.main-inner .widget h2.date-header span {
  font: $(date.font);
  display: block;
  padding: .5em 15px;
  border-left: $(date.border.size) solid $(date.border.color);
  border-right: $(date.border.size) solid $(date.border.color);
}

.date-outer {
  position: relative;
  margin: $(date.space) 0 20px;
  padding: 0 15px;

  background-color: $(post.background.color);
  border: 1px solid $(post.border.color);

  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -moz-border-radius: $(widget.border.radius);
  -webkit-border-radius: $(widget.border.radius);
  -goog-ms-border-radius: $(widget.border.radius);
  border-radius: $(widget.border.radius);
}

.date-outer:first-child {
  margin-top: 0;
}

.date-outer:last-child {
  margin-bottom: $(date.last.space.bottom);

  -moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
  -moz-border-radius-bottomright: $(date.last.border.radius.bottom);
  -webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
  -webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
  -goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
  -goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
  border-bottom-left-radius: $(date.last.border.radius.bottom);
  border-bottom-right-radius: $(date.last.border.radius.bottom);
}

.date-posts {
  margin: 0 -$(separator.outdent);
  padding: 0 $(separator.outdent);

  clear: both;
}

.post-outer, .inline-ad {
  border-top: 1px solid $(post.border.bevel.color);

  margin: 0 -$(separator.outdent);
  padding: 15px $(separator.outdent);
}

.post-outer {
  padding-bottom: 10px;
}

.post-outer:first-child {
  padding-top: $(post.first.padding.top);
  border-top: none;
}

.post-outer:last-child, .inline-ad:last-child {
  border-bottom: none;
}

.post-body {
  position: relative;
}

.post-body img {
  padding: 8px;
  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

  -moz-border-radius: $(image.border.radius);
  -webkit-border-radius: $(image.border.radius);
  border-radius: $(image.border.radius);
}

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

h3.post-title a:hover {
  color: $(link.hover.color);
  text-decoration: underline;
}

.post-header {
  margin: 0 0 1em;
}

.post-body {
  line-height: 1.4;
}

.post-outer h2 {
  color: $(body.text.color);
}

.post-footer {
  margin: 1.5em 0 0;
}

#blog-pager {
  padding: 15px;
  font-size: 120%;

  background-color: $(pager.background.color);
  border: 1px solid $(widget.border.color);

  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -moz-border-radius: $(widget.border.radius);
  -webkit-border-radius: $(widget.border.radius);
  -goog-ms-border-radius: $(widget.border.radius);
  border-radius: $(widget.border.radius);

  -moz-border-radius-topleft: $(pager.border.radius.top);
  -moz-border-radius-topright: $(pager.border.radius.top);
  -webkit-border-top-left-radius: $(pager.border.radius.top);
  -webkit-border-top-right-radius: $(pager.border.radius.top);
  -goog-ms-border-top-left-radius: $(pager.border.radius.top);
  -goog-ms-border-top-right-radius: $(pager.border.radius.top);
  border-top-left-radius: $(pager.border.radius.top);
  border-top-right-radius-topright: $(pager.border.radius.top);

  margin-top: $(pager.space.top);
}

.blog-feeds, .post-feeds {
  margin: 1em 0;
  text-align: center;
  color: $(feed.text.color);
}

.blog-feeds a, .post-feeds a {
  color: $(feed.link.color);
}

.blog-feeds a:visited, .post-feeds a:visited {
  color: $(feed.link.visited.color);
}

.blog-feeds a:hover, .post-feeds a:hover {
  color: $(feed.link.hover.color);
}

.post-outer .comments {
  margin-top: 2em;
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(tabs.border.color);
  border-bottom: 1px solid $(tabs.border.color);
}

.comments .continue {
  border-top: 2px solid $(tabs.border.color);
}

/* Footer
----------------------------------------------- */
.footer-outer {
  margin: -$(shadow.spread) 0 -1px;
  padding: $(shadow.spread) 0 0;
  color: $(footer.text.color);
  overflow: hidden;
}

.footer-fauxborder-left {
  border-top: 1px solid $(widget.border.color);
  background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;

  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  margin: 0 -$(shadow.spread);
}

/* Mobile
----------------------------------------------- */
body.mobile {
  background-size: $(mobile.background.size);
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

*+html body.mobile .main-inner .column-center-inner {
  margin-top: 0;
}

.mobile .main-inner .widget {
  padding: 0 0 15px;
}

.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
  border-top: none;
  padding-top: 0;
}

.mobile .footer-inner .widget h2 {
  padding: 0.5em 0;
  border-bottom: none;
}

.mobile .main-inner .widget .widget-content {
  margin: 0;
  padding: 7px 0 0;
}

.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
  margin: 0 -15px 0;
}

.mobile .main-inner .widget h2.date-header {
  $(date.side): 0;
}

.mobile .date-header span {
  padding: 0.4em 0;
}

.mobile .date-outer:first-child {
  margin-bottom: 0;
  border: 1px solid $(post.border.color);

  -moz-border-radius-topleft: $(date.first.border.radius.top);
  -moz-border-radius-topright: $(date.first.border.radius.top);
  -webkit-border-top-left-radius: $(date.first.border.radius.top);
  -webkit-border-top-right-radius: $(date.first.border.radius.top);
  -goog-ms-border-top-left-radius: $(date.first.border.radius.top);
  -goog-ms-border-top-right-radius: $(date.first.border.radius.top);
  border-top-left-radius: $(date.first.border.radius.top);
  border-top-right-radius: $(date.first.border.radius.top);
}

.mobile .date-outer {
  border-color: $(post.border.color);
  border-width: 0 1px 1px;
}

.mobile .date-outer:last-child {
  margin-bottom: 0;
}

.mobile .main-inner {
  padding: 0;
}

.mobile .header-inner .section {
  margin: 0;
}

.mobile .blog-posts {
  padding: 0 10px;
}

.mobile .post-outer, .mobile .inline-ad {
  padding: 5px 0;
}

.mobile .tabs-inner .section {
  margin: 0 10px;
}

.mobile .main-inner .widget h2 {
  margin: 0;
  padding: 0;
}

.mobile .main-inner .widget h2.date-header span {
  padding: 0;
}

.mobile .main-inner .widget .widget-content {
  margin: 0;
  padding: 7px 0 0;
}

.mobile #blog-pager {
  border: 1px solid transparent;
  background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
}

.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -goog-ms-box-shadow: none;
  box-shadow: none;
}

.mobile .date-posts {
  margin: 0;
  padding: 0;
}

.mobile .footer-fauxborder-left {
  margin: 0;
  border-top: inherit;
}

.mobile .main-inner .section:last-child .Blog:last-child {
  margin-bottom: 0;
}

.mobile-index-contents {
  color: $(body.text.color);
}

.mobile .mobile-link-button {
  background: $(link.color) $(tabs.background.gradient) repeat scroll 0 0;
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(mobile.button.color);
}

.mobile .tabs-inner .PageList .widget-content {
  background: transparent;
  border-top: 1px solid;
  border-color: $(tabs.border.color);
  color: $(tabs.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.border.color);
}
]]></b:skin>

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='930px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='180px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='360px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PrinCess Niza (Kumpulan Pembelajaran SMA) (Header)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='jadikan dirimu sebagaI hiasan RoHani' type='PopularPosts'/>
</b:section>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='1'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='2'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='3'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
  <b:include data='blog' name='google-analytics'/>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-left-1'>
<b:widget id='HTML1' locked='false' title='Unyu...' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='HTML2' locked='false' title='CalenDer ;)' type='HTML'/>
</b:section-contents><b:section-contents id='sidebar-right-1'>
<b:widget id='Slideshow1' locked='false' title='Slideshow' type='Slideshow'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section-contents><b:section-contents id='sidebar-right-2-1'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section-contents><b:section-contents id='sidebar-right-2-2'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section-contents><b:section-contents id='sidebar-right-3'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'/></html>