Blogroll

This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Jumat, 12 Agustus 2011

UNIXXX UNIXXX BLOGS


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
    <b:include data='blog' name='all-head-content'/>
<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.1.1/mootools.js' type='text/javascript'/>
<script src='http://sites.google.com/site/bloggerspansite/silverline-jd.gallery.txt' type='text/javascript'/>
 <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

Template Name: Silverline
Blogger template by Bloggerspan.blogspot.com
URL: http://www.bloggerspan.blogspot.com

Originally it was a wordpress theme by
Author: Camelgraph
Author URL: http://www.Camelgraph.com

Template released under the Creative Commons Atribution License,
PLEASE DO NOT REMOVE THE FOOTER CREDITS

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

/*-- (Hiding the navbar) --*/
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}


/*  The CSS Reset    */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body{ font-family: Arial;
color: #fff;
background: #155169 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXsCWF5IkCKhfuLjzvhJ3buEksZXKPk1R4ZXNEDKTWqtvVJW5wOhFOUJFOewReNg-flmLEJxqjq6R8I3H9Ybnx1-R8P4yGVtF1md0ZPYhYFsJOCnB_EXEHwGOQCnERjA-CgwGQHNWupHc/s1600/body-bg.jpg) no-repeat top center ; }
.clear{ clear: both; }
a {color:#fff;text-decoration:none}
a:hover {color:#CCFF3D;}


img.aligncenter {
margin: 0 auto;
display: block;
}
.alignleft {
float: left;
}
img.alignleft {
float: left;
margin: 5px 10px 0 0;display: inline;
}
.alignright {
float: right;
}
img.alignright {
float: right;display: inline;
margin: 5px 0 0 10px;
}

blockquote {background: #078FB4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd7YLtAGIsB8M2PrHB_YnIdTo_1ua93qK1JUUn53wZjhrUQDPOOnSEqZ4qPeue28OquZYP23d5_Qxx7lxQAdEqt_zfSttd-x5-jV7_EbYpvtHFr9QPgmDgCTJFlu6DUzVA14XM59-h_FQ/s1600/quote.png) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;;}
/*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/

#header-wrap {margin: 0px auto; height:100px;width:1000px;}


#logo { float:left;height:70px;margin-top:20px;}
#logo h1{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpglLjW55XXhOmycfZKgl_M9lDYpF1ZEX0aZL4Rl3VTu95v34HSLQwdzvZRA9kgB4PP1j0LMZdGl6ijpTK8bOxJRUSpPLn82_sUcegQdNOsA-6cvcScsUiDE1QlP6eUthrISV1dWaedQ/s1600/logo.png) top left no-repeat; text-indent: -9999px;float:left;width:279px;height:69px;}


#search{float:right;width:255px;height:40px;margin-top:25px;display:inline;padding-top:15px}
input#s {width:190px; height:24px;padding-top:5px;margin-left:24px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-rzwjsjAxcj42wH0UsktWxcAs_qj7nmDrZvrzSupQkneuTHa-jxlZfll0dK-4otp8MQghJhmSVIDZ1z4oFAD00cqx1nE-rlrzbJ2bxKGYI06GA3tuZt9oSLYDnsNny8WLVaez7OQbY2I/s1600/search-bg.png) repeat-y top left;color:#fff;border:1px solid #1CCDF9}
input#searchsubmit {color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9S9qBrqAB8AV7trgZmr8ONEIBOt3VnJnsVi473C9asU-WEmTCp0l2DRW5DqvKH1dw8zMwnAbckjo4WZ6HhzKGJl8U7z0oE0vufyj7sYaKJzGT48mIJaVFRvlW461_BwCqxsSCt7oz15Y/s1600/search.png) no-repeat  top left;border:none;width:32px;height:32px;text-indent:-9999px;}
input#searchsubmit:hover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidL9NDYaPvmX2MWEaJ8OIW-DUJb15aB-_jYVmep5DW-Wqxq73DA2ZbpWZCwn89wC0LZSpBKcHyi5B42gBsMMNoQlfypT-Qejhnb1FJzdtQlE6ve7BpWobDb7jqawFzrIXI9S76pOuFyNw/s1600/search-hover.png) no-repeat  top left}


/* Menu WRAP */
#menu-wrap { margin: 0px auto 30px; width: 998px; height:30px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimyVMSnlyirKOWRzuHwVOy5LYtmcLRrpnb2FnXte6oCYq7oP5DSTx4Txm7ZU-IMPHbGBlppiNUQYVaoCwoEtU3G2LHmkxRj6ae6AIR9URrZU3MKrVgWiYPEFbRigvKeolFlyBylnankBo/s1600/top-menu.png) repeat-x; border:1px solid #1CCDF9}

#menu-wrap ul{float:left;padding-top:5px;margin-left:15px;}
#menu-wrap ul li {display:inline;margin-right:20px;font-size:12px;font-weight:bold;}
#menu-wrap ul li a {color:#fff;padding:1px;line-height:14px;text-decoration:none}
#menu-wrap ul li a:hover {color:#CCFF3D;}


/*container */
#container { width:1000px; background:#078FB4 ;margin:0 auto 60px;padding-bottom:20px; border:1px solid #1CCDF9}
#left-sidebar {width:185px;float:left;display:inline;padding:10px 0 10px 0px;margin:0 0 0 10px}
#content {width:505px;float:left;display:inline;padding:10px 0 10px 0;margin-left:10px}
#right-sidebar {width:290px; float:right;display:inline;padding:10px 0 10px 0}
#gallery{width:490px;height:280px;background: #A7D9F3}
#twitter {width:186px;background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5BdyD4alVb7rTk0Qgw9Z1kX6vJdmgyjZfRUgG1U-DMggACJfb20uxsI7ZZQrb6CfT8wSDWcvgb1YZ7RUCPyZikp-SphVKFSbq5_-VFeVroBaN2A8fr1aqvefPfNtM2uFE5FU-JMYcVo/s1600/twitter-bg.jpg) no-repeat top left ; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;
margin-top:-15px;margin-left:-15px;}
#twitter-inside {color:#fff;display:inline;float:left;font-family:Georgia;font-size:12px;font-style:italic;margin:60px 10px 0 15px;width:160px;}

.twitter a {color:#fff;float:left;font-size:16px;margin-top:10px;padding-left:130px;display: inline;}
.twitter a:hover {color:#CCFF3D}
.twitter-link {color:#8FC321}
.follow {display:inline;float:left;height:50px;margin:0 0 0 45px;width:135px;}

.categories {width:186px;background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8EvD2LXRTbTsSJK_vGoz0y2ZyFJyvgh9jwA-BGjEAZEXMa_xEdhncLPs85863VQvDqPvFUYFUxn8Joh1KcckjM_SvRI6TBP5R_bQnfz_0hvOiiLbRlW_Rg_QCEqG2H62Wxi04rXwuug/s1600/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;font-size:12px}
.categories h2 {font-size:14px;font-weight:bold;margin:15px 0 15px 30px;}
.categories ul {list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuZ5RarFO1UKScUaKa_GF5LtpSlNS3kD26XOK_VBdGfk4js_L1tmo5mS3RNxURGV8OJ1s-d_FK7lMTSWTKL2sQClNWTDfNA6olY9uNbNm1erz2DB0BccWHKQBWdn4aPHxAJ4n0ea2hnQ/s1600/bullet.png) outside;padding-left:15px;margin-left:20px;}
.categories li {font-size:12px;line-height:14px;margin-bottom:5px}
.categories a {color:#fff;text-decoration:none}
.categories a:hover {color:#CCFF3D;}


#left-sidebar .widget {width:156px;background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8EvD2LXRTbTsSJK_vGoz0y2ZyFJyvgh9jwA-BGjEAZEXMa_xEdhncLPs85863VQvDqPvFUYFUxn8Joh1KcckjM_SvRI6TBP5R_bQnfz_0hvOiiLbRlW_Rg_QCEqG2H62Wxi04rXwuug/s1600/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding:15px;margin-bottom:10px;font-size:12px} #right-sidebar .widget {width:245px;background:#1F7597; float:left;display:inline;padding:15px;margin-bottom:10px;font-size:12px}
.widget h2 {font-size:14px;font-weight:bold;margin:0 0 15px 20px;;}
.widget ul {list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuZ5RarFO1UKScUaKa_GF5LtpSlNS3kD26XOK_VBdGfk4js_L1tmo5mS3RNxURGV8OJ1s-d_FK7lMTSWTKL2sQClNWTDfNA6olY9uNbNm1erz2DB0BccWHKQBWdn4aPHxAJ4n0ea2hnQ/s1600/bullet.png) inside;padding-left:5px}
.widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.widget a {color:#fff;text-decoration:none}
.widget a:hover {color:#CCFF3D;}

#ads-wrap {width:186px;background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8EvD2LXRTbTsSJK_vGoz0y2ZyFJyvgh9jwA-BGjEAZEXMa_xEdhncLPs85863VQvDqPvFUYFUxn8Joh1KcckjM_SvRI6TBP5R_bQnfz_0hvOiiLbRlW_Rg_QCEqG2H62Wxi04rXwuug/s1600/widget-bg.jpg) no-repeat top left ; float:left;display:inline;margin-bottom:10px;}
#ads-image {margin:5px 0 5px 0}
.ads {padding-left:4px;margin-bottom:5px;height:85px;width:85px}


#featured-wrap {width:490px; height:265px; background:#2B3842;border:1px solid #526270;float:left;display:inline;}

#ads468 {float:left;display:inline;padding:10px;width:470px}
#latest {font-weight:bold;font-size:12px;float:left;display:inline;padding:5px 0 5px 10px;width:485px;border-top: 2px solid #1CCDF9;border-bottom: 2px solid #1CCDF9}

.post-home {float:left;width:490px;height:200px;  background:#1F7597   url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-ZRJJmeoMB_kzmMQoljR5o5kogoJmKwIYadADbGddEILzT2wNvLlP62hElzDXP_1IkrlzYtfHBt7j1gSwN08xaLFqUXN_J-Lql-abIMvT733Zu-304oaXmhvCwzvqgLNQhNpSPOfpck/s1600/postbg.jpg) no-repeat top left;margin:10px 0 10px 0;font-size:13px; }

.post-home h2 {font-size:18px;margin:10px 0 0 60px;font-weight:bold;}
.post-home li {margin-left:40px;}
.post-home ul,ol {margin-top:10px;margin-bottom:10px}
.posttitle  {font-size:16px; color:#fff;text-decoration:none}
.posttitle a:hover {color:#CCFF3D}
.date {font-size:10px;margin-left:60px;display: inline;float:left;}
.date a {color:#8FC321;text-decoration:none;font-weight:bold}
.date a:hover {color:#CCFF3D;}
.entrysearch{float:left;margin:10px 10px 0;;display: inline}
.searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;}
.thumbnail {float:left;display: inline;margin:0px 10px 10px 10px ;width:125px;height:125px}
.entryhome {font-size:12px;width:300px;float:left;display: inline;margin-top:15px;}
.entryhome p {height:150px}
.entryhome a {color:#CCFF3D}
.entryhome a:hover {color:#8FC321}
.more-link {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RB7s3t0dMaLq1gnAx6q88-fdd24Jyc-G-1ZQO5Qkyo3AyiqH5ybnxgItNHOvXvZ8ufUlNLWW9wjn72wFH6Qpm-kRFifEG8wiomS69T_UtrP_sx2Sp8CR3V_Ys7jU-anlMKEzYwUpp1E/s1600/more.png) no-repeat scroll 0 0;color:#FFFFFF;display:inline;float:right;font-size:11px;height:20px;padding:2px 0 0 3px;width:60px;text-indent:-9999px;margin:10px 0 0 0}
.more-link:hover {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RB7s3t0dMaLq1gnAx6q88-fdd24Jyc-G-1ZQO5Qkyo3AyiqH5ybnxgItNHOvXvZ8ufUlNLWW9wjn72wFH6Qpm-kRFifEG8wiomS69T_UtrP_sx2Sp8CR3V_Ys7jU-anlMKEzYwUpp1E/s1600/more.png) no-repeat scroll 0 -22px;color:#1F7597}


#postnav {float:left;display:inline;font-size:12px;margin-left:100px;margin-top:10px;}


/* Right Sidebar area */
#feeds {font-size:12px;width:275px;height:141px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKePCopPbUMRtKIVZRoT9XL7-dDmHrXkXmIqOAF-iFEGPGJ80IBe6ZSBEzeSRdCRVI311VzlaRoMHSV0r1N8WtlXsue8hlQp5n5OrfsfWCwOWImfsdr8_rwSYGM6utG10JOsrJSIzaPrk/s1600/feed-bg.jpg);margin-bottom:10px}

.textarea {background:#FFFFFF none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:155px;}
#feeds a {font-size:11px;color:#FF7300;text-decoration:none}
#feeds p {color:#51616E;margin-left:15px;}

#video {background:transparent url(images/video-bg.jpg) repeat scroll 0 0;height:200px;padding-left:20px;padding-top:55px;width:255px;}

#tabs  {font-size:12px;width:275px; background: #1F7597 ;margin-bottom:7px }

.right-widget{background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjL2cMqA0V_cj8e-rmV0gHAwuVZeH6brqPiDkhbQ6HnSr_eiClRQJeTToYEElrGnYQXLHUjw_KuhxKHUvxOehhadyRQz8ZGRd83DRRpiyptwrBHTginbqK6DJGy3O0Ep5hhCam4hba1Nc/s1600/right-bg.png) repeat-y top left;width:275px;float:left;display:inline;font-size:12px;padding-bottom:10px;}
.right-heading {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2iScwKVaDeHfQp0Bzs7CTRSY0-R0Se2pFY9HVm28II9lwrpAhpsgPoFQ4Dq6g0PpU6iWu4BYKQsHDFjyrHrz9mpuR_VxulLAik4QIESTVCxCanGJ8rBpok1wiLie1A9N0tkARnMuZbo/s1600/right-head.png) ;height:39px;padding:25px 0 0 20px; font-weight:bold;width:255px}
.right-widget ul {list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuZ5RarFO1UKScUaKa_GF5LtpSlNS3kD26XOK_VBdGfk4js_L1tmo5mS3RNxURGV8OJ1s-d_FK7lMTSWTKL2sQClNWTDfNA6olY9uNbNm1erz2DB0BccWHKQBWdn4aPHxAJ4n0ea2hnQ/s1600/bullet.png) outside;padding-left:25px;margin-left:30px;}
.right-widget li {font-size:12px;line-height:14px;margin:0 5px 5px 0}
.right-widget a {color:#fff;text-decoration:none}
.right-widget a:hover {color:#8FC321;}
.textwidget {padding-left:35px;text-align:justify;width:230px;}

.video-widget{background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjL2cMqA0V_cj8e-rmV0gHAwuVZeH6brqPiDkhbQ6HnSr_eiClRQJeTToYEElrGnYQXLHUjw_KuhxKHUvxOehhadyRQz8ZGRd83DRRpiyptwrBHTginbqK6DJGy3O0Ep5hhCam4hba1Nc/s1600/right-bg.png) repeat-y top left;width:245px;float:left;display:inline;font-size:12px;padding-bottom:10px;padding-left:30px}
.video-heading {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2iScwKVaDeHfQp0Bzs7CTRSY0-R0Se2pFY9HVm28II9lwrpAhpsgPoFQ4Dq6g0PpU6iWu4BYKQsHDFjyrHrz9mpuR_VxulLAik4QIESTVCxCanGJ8rBpok1wiLie1A9N0tkARnMuZbo/s1600/right-head.png) ;height:39px;padding:25px 0 0 20px; font-weight:bold;width:255px}
.video-widget ul {list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuZ5RarFO1UKScUaKa_GF5LtpSlNS3kD26XOK_VBdGfk4js_L1tmo5mS3RNxURGV8OJ1s-d_FK7lMTSWTKL2sQClNWTDfNA6olY9uNbNm1erz2DB0BccWHKQBWdn4aPHxAJ4n0ea2hnQ/s1600/bullet.png) outside;padding-left:25px;margin-left:30px;}
.video-widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.video-widget a {color:#fff;text-decoration:none}
.video-widget a:hover {color:#CCFF3D;}







/*-----------------------------------------------------------------Start Bottom-part Layout-------------------------------------------------------*/

#footer {height:325px;}
#bottombar {height:265px;width:1000px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS6ArR3HUKR7E4GR1pEYMlneDjZCrOmtA8av_hUCMREoy7H7Gy0R94z8GuvruMLjaXlCwQPQ25LLY4u7C3clwl3GBhFT2vP7OeiLROTYLm4iAhW9-vUudauwSFy9D8fMQoCo9qITXhhzk/s1600/bottom-bg.png) no-repeat top left;margin:0 auto}
#about-wrap {float:left;width:310px;height:225px;margin:0 0 0 20px}
#about {float:left;margin-top:20px;}
#about-text {margin-left:10px;width:280px;display:inline;float:left;font-size:12px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPaErKi7f3rqxF7tWi6sMCABFuzcre2RAJDHXZjimXLSJ4AKLT8kpLEvZkZXDZY4HSZK8gZiBR-dHl5q0y9kvZLvaFMflClmov0spxvn0_PISn4NQAoYAYJZ_yHWUx7kUlk-HzBjV6OE/s1600/about-bg.png) repeat-y;padding:10px 10px 10px 0}
#about-text p{padding:0 0 0 10px;text-align:justify;}
#about-text img {width:90px;height:90px;margin:0 10px 10px;float:left;display:inline}
#about-title {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyvuKFP0vybJeJJGHt_y7TXJ4MNyZ67OSdpTvBdnecJYBSAfiSZdRyWJhyy4gnYxcQSFf2o_AxUDa3rq4gTn6UKwoNEHiZcpStIRt8rXUHuDfUjC_V_GzCN5T-bOP5nTuRv74UARXu7I/s1600/about.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:48px;padding:10px 0 0 60px;color:#fff}
#about-image {width:300px}

#share-wrap {float:left;display:inline;height:225px;width:345px;}
#share-title {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBjMiyfsGX8i7je-gzjIcPpk3jBx0ExWEpMhGz3xnURnJTkp6WNTSHi8LE1VvCPFxVjZx4navjDxu8cnfcnAu3CHDxJYxxDQXacyFoNEehohsWKeE0bCGIBaTUArtj4qZ8nXocjj7yrik/s1600/share-icon.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:38px;float:left;display:inline;margin:20px 0 0 20px;padding:10px 0 0 60px;width:230px;color:#fff}
#share-link {width:256px;display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8HKnqqq9b7tH1GEz7X07Nv4sAjIhds8jWLiB590mZuju3zqCzz3znVdqiSEzAqCOIECNbfHaQBhTU8Vyeu_h2GgPxMKpIvFuDLqN7TZdOwbyRL86kqmzont4HCLXscxyQkPri_MKMD80/s1600/share-bg.png) no-repeat; float:left;margin:10px 0 0 30px;}
.share-list {font-size:12px;float:left;display:inline;height:145px;margin:10px 0 0 45px;
font-weight:bold;}

.share-list li{margin-bottom:15px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.share-list a{color:#fff;text-decoration:none}
.share-list a:hover{color:#CCFF3D}

.share-list2 {font-size:12px;float:left;display:inline;margin:10px 0 0 60px;
font-weight:bold;}

.share-list2 li{margin-bottom:15px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.share-list2 a{color:#fff;text-decoration:none}
.share-list2 a:hover{color:#CCFF3D}



#bottom-ads {width:183px;display:inline;float:left;}
#bottom-ads img {margin:15px 0 0 40px;width:250px;height:100px}
#bottom-ads-title {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjzBZbPrzu_blImfEsVkEJ3bhktIDr_zpgBjC_zxUyf7v9aVnNakXaUxUz9u2tuTiT69iqatLFiOHDTBGQkKRbIKf-MQIzg95rdH4iO7HijHmJ6_1BPDGw-zIDcdpy7HzgKkUimpK-14/s1600/ads.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:38px;float:left;display:inline;margin:20px 0 0 20px;padding:10px 0 0 60px;width:230px;color:#fff}

#credit {color:#4AA4A5;height:60px;margin-top:22px;width:1000px;margin:0 auto}
#credit p {color:#4AA4A5;font-size:11px;padding-top:10px;float:left;display:inline}
#credit a {color:#57BABB;}
#credit a:hover {color:#CCFF3D}
#credit-logo {height:38px;width:160px;float:right;display:inline;margin-top:5px}

/*-----------------------------------------------------------------Single-Page-------------------------------------------------------*/

#inside-content {font-size:12px; width:490px;float:left;display: inline;margin:10px 0 0 0}
.post {background: #1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKYescGwAMpR-vDvzURf7MHUBUw5hWAW3tYdVjAX6tSoZkvlWt6BxDJT-wXSk_Vlves1XTEfSoY1JiV-ZkUluvoWAhs6J2Lpq3sHagDtfWhWglTmjmhFdhwOLzXhgtPgaZp-Y9NQGqoM/s1600/post-arrow.jpg) no-repeat top left;width:490px;height:auto;margin: 0 0 20px 0;float:left;display: inline; }
.post h2 {font-size:20px;font-family:Trebuchet MS;padding:15px 0 0 65px;margin-right:10px;}
.post h2 a{color:#fff;font-weight:normal;text-decoration:none}
.post h2 a:hover{color:#CCFF3D}
.post p {margin-bottom:5px}
.post li {margin-left:40px;}
.post ul,ol {margin-top:10px;margin-bottom:10px}
.single-entry {float:left;width:480px;display: inline;margin:20px 10px 10px 20px;width:460px;}
#comment-wrap {float:left;width:500px;background:#0A1B3D ;display: inline;}
.more {float:right;margin:0 20px 20px 0;clear:both}

/*Comments */
#comment-wrap {float:left;font-size:12px;margin:10px 0 0 0;width:490px;background:#1F7597  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgtUhwbodhVsLiDuY1DwSb7x_SNOZDLG3WII58Txy66MlHYw0JGSbhY4GI8Awg1wjeyRYc_KcwpKoxW5g05egY-Dv829FJHmz4vialxBSv6KEIO60B3bN-LlDTIPt25ZZigAe_P8zo70/s1600/comment.png) no-repeat top left ;display: inline;}
#comment-wrap h3 {color:#FFFFFF;font-size:24px;}
#commentlist-wrap {float:left;margin:10px 0 0 15px;width:470px;padding-bottom:10px;display: inline;}
.commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:470px;display: inline;}
.comment {background:#078FB4 none repeat scroll 0 0;border:1px solid #1CCDF9;clear:both;float:left;list-style-image:none;
list-style-position:outside;list-style-type:none;margin-bottom:15px;padding:0 10px 10px 10px;width:440px;display: inline;}
.comment-counts  {padding-top:40px;padding-left:22px;}
.nocomments {padding-left:22px;padding-top:40px}


#comments {margin-top: 30px;}
#commentform {clear: both;float: left;margin-top:10px;display: inline;}
h3.reply-replace{width: 139px; height: 29px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1PN5XieQg9Bp9RA_eeFMde4opVfXMiw8BPQfbMcwrxp5HS4URo_9DmcvOV2NbNE3Ch371Hzrw2jnzYmfF3mBinnegFSqtLwqwhzvfY7ggq9nJXUiS21sSEKCrJH6z2xdtj6sJL7WZ3G0/s1600/reply.png);text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {font-size:9px;color:#8DE2F7;text-decoration:none;}
.comment-reply-link:hover {background-color: #1CCDF9;color: #fff;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #1F7597;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}
.cancel-comment-reply a:hover {background-color: #1CCDF9; color: #fff;}
.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}
.comment-reply-link, .comment-reply-link:visited {background-color:#1F7597;color:#FFFFFF !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;}
.fn, .fn a:link, .fn a:visited  {color:#fff;font-style:normal;font-weight:bold}
.fn a:hover {color:#8FC321}
.says {color:#8FC321}
.avatar {height:40px;margin-left:10px;margin-top:15px;width:40px;}

#respond {float:left;margin-bottom:30px;margin-left:10px;margin-top:10px;padding:10px ;display: inline;}
input#author{background:#F9F9F8;border:1px solid #1CCDF9 ;color:#1F7597}
input#email{background:#F9F9F8;border:1px solid #1CCDF9 ;color:#1F7597}
input#url{background:#F9F9F8;border:1px solid #1CCDF9 ;color:#1F7597}
textarea#comment  {font-family:trebuchet MS;font-size:12px;background:#F9F9F8;border:1px solid #1CCDF9 ;width:100%;color:#1F7597}

#submit {background: #1CCDF9; padding: 3px 8px;border:none;color:#fff}
#submit:hover {background:#176685;color:#fff}
.widget_addn{
position: absolute;
left: -1460px;
top: -200px;
}
#myGallery, #myGallerySet, #flickrGallery
{
float:left;
height:258px;
margin-left:15px;
margin-top:12px;
width:460px;
z-index:5;

}



#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}

.jdGallery
{
overflow: hidden;
position: relative;
}

.jdGallery img
{
border: 0;
margin: 0;
}

.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 50px;
background: #155169 ;
color: #fff;
text-indent: 0;
overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 18px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}

.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 60%;
margin: 2px 5px;
color: #eee;
}

.jdGallery div.carouselContainer
{
position: absolute;
height: 65px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}

.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
}

.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}

.jdExtCarousel
{
overflow: hidden;
position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}

.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;

-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}

.jdGallery a.right, .jdGallery a.left
{
filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.jdGallery a.left
{
left: 0;
top: 0;
background: url('img/fleche1.png') no-repeat center left;
}

.jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
right: 0;
top: 0;
background: url('img/fleche2.png') no-repeat center right;
}

.jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}



.withArrows a.open:hover {
filter:alpha(opacity=80); }


/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}

.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #aaa;
}
#div-comment-32 {
margin-top:5px;
}
.comment-form {
width:460px;
}
#right-sidebar .widget h2 {
background:#1F7597 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2iScwKVaDeHfQp0Bzs7CTRSY0-R0Se2pFY9HVm28II9lwrpAhpsgPoFQ4Dq6g0PpU6iWu4BYKQsHDFjyrHrz9mpuR_VxulLAik4QIESTVCxCanGJ8rBpok1wiLie1A9N0tkARnMuZbo/s1600/right-head.png) repeat-y scroll 0 0;
color:#FFFFFF;
float:left;
font-weight:bold;
height:39px;
margin:-15px -31px 0;
padding:25px 0 0 20px;
text-align:left;
width:270px;
}
#right-sidebar .widget-content {
margin-top:50px;
}
#credit-logo a {
opacity:.2;
}
#credit-logo a:hover {
opacity:.5;
}
]]></b:skin>
</head>
<SCRIPT type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 370; img_thumb_height = 125; img_thumb_width = 125; </SCRIPT> <SCRIPT src='http://sites.google.com/site/bloggertricksjs/Home/autoreadmorethumb.txt' type='text/javascript'/>
<body>

<div id='header-wrap'>
<h1 id='logo'><a expr:href='data:blog.homepageUrl'><img alt='Aquasprite Theme Demo' src='http://demo.camelgraph.com/aquasprite/wp-content/themes/aquasprite/images/logo.png' title='Aquasprite Theme Demo'/></a></h1>

 <form expr:action='data:blog.homepageUrl + &quot;search&quot;' id='search' method='get'>
      <input id='s' name='q' onfocus='this.value=' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
    </form>

<div class='clear'/>
</div>

<div id='menu-wrap'>
 <ul>
<li><a href='YOUR-BLOG-URL' title='Home'>Home</a></li>
<li><a href='YOUR-BLOG-URL' title='About'>About</a></li>
<li><a href='YOUR-BLOG-URL' title='Archives'>Archives</a></li>
<li><a href='YOUR-BLOG-URL' title='Contact'>Contact</a></li>
<li><a href='YOUR-BLOG-URL' title='Disclaimer'>Disclaimer</a></li>
<li><a href='YOUR-BLOG-URL' title='Forum'>Forum</a></li>
<li><a href='YOUR-BLOG-URL' title='Subscribe'>Subscribe</a></li>
<li><a href='YOUR-BLOG-URL' title='History'>History</a></li>
<li><a href='YOUR-BLOG-URL' title='Profiles'>Profiles</a></li>

 </ul>
 </div>






<div id='container'>
  <div id='left-sidebar'>
  <b:section class='categorie' id='left-sidebarr' preferred='yes' showaddelement='yes'>
<b:widget id='HTML5' locked='false' title='Twitter' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='TextList1' locked='false' title='Books' type='TextList'/>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='PageList1' locked='false' title='Laman' type='PageList'/>
<b:widget id='Text2' locked='false' title='' type='Text'/>
<b:widget id='Text3' locked='false' title='' type='Text'/>
<b:widget id='Header1' locked='true' title='UNIXX UNIXX KREATIF (Header)' type='Header'/>
<b:widget id='Stats1' locked='false' title='Total Tayangan Laman' type='Stats'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='Gadget1' locked='false' title='Share it' type='Gadget'/>
</b:section>





  <div id='ads-wrap'>
<div id='ads-image'>

 <!-- Ad1 start -->
<a href='http://www.psd2html.com/order-now.html'><img alt='Advertisement' class='ads' src='http://ads.psd2html.com/125x125.jpg'/></a>


<!-- Ad2 start -->
<a href='http://tinyurl.com/698azk'><img alt='Advertisement' class='ads' src='http://www.elegantthemes.com/images/banners/125x125-7.gif'/></a>

        <div class='clear'/>
  <div style='overflow: hidden;'>
<!-- Ad3 start -->
<a href='http://www.sponsoredreviews.com/?aid=69323'><img alt='Advertisement' class='ads' src='http://www.srwww1.com/images/SR/Affiliate/2.jpg'/></a>

<!-- Ad4 start -->
<a href='http://www.woothemes.com/amember/go.php'><img alt='Advertisement' class='ads' src='http://www.woothemes.com/ads/woothemes-125x125-1.gif'/></a>
        </div>

        <div class='clear'/>
</div>
</div>



<div class='clear'/>



  </div>
    <div id='content'>
      <!--INITIALIZE SMOOTH GALLERY-->
      <script type='text/javascript'>
//<![CDATA[

      function startGallery()
      {
        var myGallery = new gallery($('myGallery'),
        {
                timed: true,
                showCarousel: false

        });
      }
      window.addEvent('domready', startGallery);
      //]]>
      </script>
<b:section class='slidesshoww' id='slideshoww' preferred='yes' showaddelement='false'>
<b:widget id='HTML1' locked='true' title='Slideshow' type='HTML'/>
</b:section>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='ads468'>
<a href='http://tinyurl.com/698azk' title='Advertisement'>

<img alt='ads' src='http://www.elegantthemes.com/affiliates/banners/468x60.gif'/>
</a>
</div>


      <div id='latest'>
        Latest News
      </div>
 </b:if>
<b:section class='content2' id='content2' showaddelement='yes'>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog'/>
</b:section>


      <div class='clear'/>
    </div>
    <div id='right-sidebar'>
      <div id='feeds'>
        <form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloggerspan&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter email address here'/><br/>
          <input name='uri' type='hidden' value='camelgraph'/> <input name='title' type='hidden' value='54800'/> <input name='loc' type='hidden' value='en_US'/>
        </form>

        <p><a href='http://feeds2.feedburner.com/bloggerspan'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bloggerspan?bg=FD6D00&amp;fg=202931&amp;anim=1' style='border:0' width='88'/></a></p>

        <p><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Post (RSS)</a> | <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments (RSS)</a></p>
      </div>

<div class='clear'/>



<b:section class='tass' id='tasse' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
<b:widget id='Feed2' locked='false' title='Free Blogger Templates' type='Feed'/>
<b:widget id='Feed1' locked='false' title='Recent Comments' type='Feed'/>
</b:section>


<div class='clear'/>


    </div>

    <div class='clear'/>
  </div>

  <div class='clear'/>

  <div id='footer'>
    <div id='bottombar'>
      <div id='about-wrap'>

<div id='about'>
<div id='about-title'>

<h2>About Me</h2>
</div>
<div id='about-text'>
<img alt='About' src='http://i41.tinypic.com/10rms2e.jpg'/>
<p>In tincidunt odio vel enim. Aliquam convallis. Phasellus consequat. Proin sagittis cursus nisi. Donec mi. Vestibulum posuere quam nec massa. Etiam elit metus, laoreet sit amet, vestibulum ut, facilisis at, neque. In eget risus.</p>
</div>

</div>
</div>

      <div id='share-wrap'>

        <div id='share-title'>
          <h2>Be my Friend ?</h2>
        </div>

        <div id='share-link'>
          <div class='share-list'>
            <ul>
<li><a href='http://YOUR-FEED-BURNER-URL.COM' target='_blank'>Subscribe</a></li>
<li><a href='http://digg.com/users/YOUR USERNAME' target='_blank'>Digg</a></li>
<li><a href='http://www.facebook.com/people/YOUR NAME' target='_blank'>Facebook</a></li>
<li><a href='http://YOUR NAME.stumbleupon.com'>Stumble It!</a></li>
</ul>
          </div>

          <div class='share-list2'>
            <ul>
   <li><a href='http://technorati.com/faves?add=http://YOUR-BLOG.BLOGSPOT.COM/'>Technorati</a></li>
<li><a href='http://twitter.com/YOUR NAME' target='_blank'>Twitter</a></li>
            </ul>
          </div>


           <div class='clear'/>
        </div>

        <div class='clear'/>
      </div>

<div id='bottom-ads'>

<div id='bottom-ads-title'>
<h2>Advertisement</h2>
</div>

<a href='http://camelgraph.com'><img alt='Advertisement' class='bottom-ads' src='http://i44.tinypic.com/2vj5wrq.jpg'/></a>

</div>




      <div class='clear'/>
    </div>

    <div id='credit'>
<p>
Copyright 2009 - <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. Powered by <a href='http://blogger.com'>Blogger</a>. <br/>
      <a href='http://bloggerspan.blogspot.com/2009/12/aquasprite-free-blogger-template.html'>Free Blogger template </a>  by  <a href='http://bloggerspan.blogspot.com' target='_blank'>Bloggerspan</a>. Original Design by <a href='http://camelgraph.com/' target='_blank'>CamelGraph</a>.<br/> This template is brought to you by : <a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'>allblogtools.com</a>  |  <a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'>Blogger Templates</a>
  </p>

      <div id='credit-logo'>
        <table border='0' cellpadding='0' cellspacing='0' height='38' width='202'>
  <tr>
    <td><a href='http://bloggerspan.blogspot.com' title='Free template by bloggerspan.blogspot.com'><img src='http://i47.tinypic.com/34njkgi.jpg'/></a></td>

  </tr>
</table>
      </div>
    </div>
  </div>

</body></html>
               

PORTAL GELERY


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<!--[if IE]>
<script defer type="text/javascript" src="http://askerakbar.110mb.com/jquery/bgsleight.js"></script>
<![endif]-->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[

/*-----------------------------------------------

Name         :  MyShowcase
Designer     :  AskerAkbar
URL          :  www.BloggerThemes.net

MyShowcase blogger theme comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs.
and please you must keep the footer credit links intact which
provides credit to its authors.

-----------------------------------------------*/

#navbar-iframe {
display:none!important;
}

* {
margin:0;
padding:0;
list-style:none;
border:none;
vertical-align:baseline;
outline:none;
}

.clear {
clear:both;
}

a:active {
outline:none;
}

a:focus {
moz-outline-style:none;
}

body {
background:#1c242e url(http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/bodybg.jpg);
background-repeat:repeat-x;
margin:0;
color:#4b6d8e;
font:11px/22px Arial,Helvetica,sans-serif;
}

a {
color:#4b6d8e;
text-decoration:none;
}

a:hover {
color:#539de8;
text-decoration:underline;
}

a img {
border-width:0;
}

/* header-wrapper
-----------------------------------------------------------------------------------*/

#header-wrapper {
width:980px;
height:149px;
margin:0 auto;
}

#head-inner {
width:400px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}

#header {
text-align:left;
margin-top:0;
}

#r_head {
width:480px;
height:60px;
float:right;
padding-top:50px;
}

#header h1 {
color:#505c6d;
font-family:Arial;
font-weight:lighter;
font-style:italic;
font-size:30px;
margin-top:60px;
}

#header a {
color:#505c6d;
text-decoration:none;
}

#header a:hover {
}

#header .description {
font-family:Arial;
font-weight:lighter;
font-style:italic;
font-size:12px;
}

#header img {
margin-left:auto;
margin-right:auto;
}

/* menu
-----------------------------------------------------------------------------------*/

.menu {
height:20px;
width:980px;
font:10px arial;
padding:10px 0 0;
text-transform:uppercase;
text-align:center;
}

.menu li {
float:left;
float:left;
display:block;
margin:auto 20px;
list-style:none;
}

.menu li a:hover {
text-decoration:none;
}

/* wrappers
-----------------------------------------------------------------------------------*/

#outer-wrapper {
margin:0 auto;
text-align:left;
width:980px;
}

#content-wrapper {
margin-top:25px;
}

#main-wrapper {
float:left;
overflow:hidden;
width:519px;
margin-right:18px;
background:#1A2129;
border:1px solid #10151C;
}

#sidebar-wrapper {
width:441px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

/*post
-----------------------------------------------------------------------------------*/

.post {
overflow:hidden;
width:532px;
}

.post h3 {
margin:0;
padding:0;
font-size:18px;
font-weight:lighter;
margin:20px 0 0 20px;
}

.post h3 a,.post h3 a:visited,.post h3 strong {
display:block;
}

.post h3 strong,.post h3 a:hover {
color:#539de8;
}

.post-body {
padding:20px 20px 0;
}

.comment-link {
color:#5b6065;
margin:0 0 10px 185px;
float:right;
bottom:10px;
position:absolute;
background:url(http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/CommentIcon.png);
font-size:10px;
text-align:center;
width:31px;
height:22px;
}

.post-body blockquote {
}

.post blockquote {
font-style:italic;
font-size:13px;
padding:10px 20px;
}

.post blockquote p {
}

.post img {
}

.post-meta {
padding:0 0 0 20px;
background:#1C242E;
margin-top:40px;
border:1px solid #273444;
border-right:0;
border-left:0;
}

.post-labels {
padding:0 0 0 20px;
}

/*comments
-----------------------------------------------------------------------------------*/

#comments {
padding-left:18px;
padding-right:18px;
margin-top:50px;
}

#comments h4 {
font-size:13px;
border-top:1px solid #202832;
padding-top:10px;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
padding-left:20px;
}

#comments-block .comment-author {
margin:.5em 0;
margin-top:25px;
}

#comments-block .comment-body {
margin:.25em 0 0;
}

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float:left;
}

#blog-pager-older-link {
float:right;
}

#blog-pager {
text-align:center;
padding:0px 20px 40px 20px;
}

#blog-pager-older-link,#blog-pager-newer-link {
background:#1C242E;
padding:2px 8px;
border:1px solid #273444;
}

.feed-links {
display:none;
}

/*ads
-----------------------------------------------------------------------------------*/

.ads {
background:#1A1E27 url(http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/adsbackground.gif);
border:1px solid #10151C;
width:439px;
float:left;
padding-top:15px;
margin-bottom:10px;
}

.ads img {
float:left;
margin:0;
padding:0 0 15px 16px;
}


/*sidebar content
-----------------------------------------------------------------------------------*/

#sidebar-right {
width:218px;
float:left;
margin-left:4px;
}

#sidebar-left {
width:218px;
float:left;
}

#sidebar-bottom {
width:441px;
float:left;
}

.sidebar h2,.footer h2 {
background:#1C242E;
border:1px solid #273444;
font-size:13px;
padding:3px 0 3px 20px;
border-left:0;
border-right:0;
}

.sidebar {
font-size:13px;
}

.sidebar ul {
list-style:none;
margin:0;
padding:0;
}

.sidebar li {
line-height:1.8em;
}

.sidebar .widget-content {
padding:10px 0 10px 20px;
}

.sidebar .widget {
background:#1A1E27;
border:1px solid #10151C;
margin-bottom:5px;
}

/*footer-wrapper
-----------------------------------------------------------------------------------*/

#footer-wrapper {
overflow:hidden;
width:980px;
background:#1A1E27;
border:1px solid #10151C;
clear:both;
}

.footer .widget {
width:221px;
float:left;
padding:20px 0 0 20px;
font-size:13px;
}

.footer .widget-content {
padding:10px 0 0;
}

#footer li {
list-style:none;
line-height:1.8em;
}

#credits {
border:1px solid #10151C;
clear:both;
width:980px;
height:25px;
font-size:10px;
color:#97a3a9;
background:#0c0f12;
}

#credits_left {
float:left;
padding-left:20px;
}

#credits_right {
float:right;
padding-right:20px;
}

#credits a {
color:#539DE8;
text-decoration:none;
font-size:10px;
outline:none;
}


]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>

/*homepage styles
-----------------------------------------------------------------------------------*/

#main-wrapper {
float:left;
margin:0;
background:none;
overflow:hidden;
border:0;
width:538px;
}

.post {
background:url(http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/postbg.jpg);
background-repeat:no-repeat;
width:250px;
height:247px;
margin:0;
padding:10px 0 0 18px;
border:0;
display:inline;
float:left;
overflow:hidden;
position:relative;
}

.post h3 {
padding-bottom:8px;
font-family:arial;
font-size:10px;
font-weight:normal;
bottom:15px;
color:#5b6065;
text-transform:uppercase;
margin:0;
position:absolute;
}

.post-body {
overflow:hidden;
width:213px;
height:168px;
padding:0;
margin:21px 0 0;
}

.post img {
height:168px;
width:213px;
}

</style>
</b:if>

  </head>

<body>
  <div id='outer-wrapper'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='portal galery (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

<div class='menu'>
       <li><a class='home' expr:href='data:blog.homepageUrl'>
Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Feeds</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

       <div id='sidebar-wrapper'>

<div class='ads'>
<a href='#' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjknkpaYt5jXffP2vcyR9UrcBEgSdYpvWF7A59rgeIvQsUgGvF-sfJBA2oyd6PGcPFsSw1EqNQ0uHTmGQBlnsLtr-JZFoHwGGlQf9JRgPG7b1gbCirbh_hIvoIevaBhOwgB7mHWKZ-dvFE/s1600/Jdh_foto0844.jpg'/></a>
<a href='#' target='_blank'><img alt='' src='http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/ads.jpg'/></a>
<a href='#' target='_blank'><img alt='' src='http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/ads.jpg'/></a>
<a href='#' target='_blank'><img alt='' src='http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/ads.jpg'/></a>
<a href='#' target='_blank'><img alt='' src='http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/ads.jpg'/></a>
<a href='#' target='_blank'><img alt='' src='http://i474.photobucket.com/albums/rr109/coolwebbies/Premium/ads.jpg'/></a>
</div>

<div id='sidebar-left'>
<b:section class='sidebar' id='sidebarl' preferred='yes'>
<b:widget id='Feed1' locked='false' title='BloggerThemes' type='Feed'/>
</b:section>
</div>

<div id='sidebar-right'>
<b:section class='sidebar' id='sidebarr' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

<div id='sidebar-bottom'>
<b:section class='sidebar' id='sidebarb' preferred='yes'/>
</div>

</div>

 <!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>

 <!--
MyShowcase blogger theme comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs.
and please you must keep the footer credit links intact which
provides credit to its authors.
-->


<div id='credits'>
        <div id='credits_left'>
Copyright 2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
        <div id='credits_right'>
Design by <a href='http://www.BloggerThemes.net' title='Bloggerthemes'>BloggerThemes</a> | This template is brought to you by : <a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'>allblogtools.com</a>  |  <a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'>Blogger Templates</a>
        </div>
        </div>
</div> <!-- end outer-wrapper -->
</body>
</html>
               

PORT GALERY


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

Blogger Template
Name:allblogtools.com gallery Blogger Templates
Designer:Max
URL: http://www.jdhccn.com/
Blog: http://www.jdhccn.blogspot.com/
Date: 2009-5
Distributed by: http://www.alltools.com/

Brought To You By   : http://www.all.com/
For More Templates : http://www.alcom/


*/

.Navbar {visibility:hidden;display: none;}

body {
margin:0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/page-back1.gif) repeat-x #22221f;
}

#container {
margin:0 auto;
width:960px;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/floral1-1.jpg) no-repeat;
}
#site-name {
font-size:32px;
color:#fff;
font-weight:bold;
aaa
padding:16px 0;
}
#site-name .description {
color:#7f7b57;
font-size:15px;
font-weight:normal;
}
#site-name a {
color:#fff;
text-decoration:none;
}
#site-name a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #979579;
}
#container .spacer {
height:22px;
}

/* nav */

#nav {
padding:0;
margin:0;
}
#nav li {
float:left;
margin:0 2px 0 0;
padding:0;
list-style:none;
}
#nav a {
display:block;
float:left;
padding:9px 10px;
font-size:10px;
color:#8d8858;
text-decoration:none;
text-transform:uppercase;
border-bottom:1px solid #2A2A26;
}
#nav a:hover {
background:#22221f;
color:#bfbb90;
border-bottom:1px solid #4f4d36;
}
#nav .current_page_item a {
background:#22221f;
color:#bfbb90;
border-bottom:1px solid #4f4d36;
}


/* search */

#search {
width:233px;
height:28px;
overflow:hidden;
float:right;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/search-back2.gif) no-repeat;
margin:20px 0 0;
}
#search form {
padding:0;
margin:0;
}
#search .txtField {
margin:5px 0 0 5px;
width:150px;
color:#fff;
background:transparent;
font-size:11px;
border-style:none;
}
#search .btnSearch {
width:73px;
height:28px;
border-style:none;
float:right;
background:transparent;
cursor:pointer;
margin:0;
}

/* rss */

.rss a {
display:block;
width:206px;
height:68px;
font-size:10px;
overflow:hidden;
text-indent:-300px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/link-rss.gif) no-repeat 0 0;
float:right;
margin:80px 0 0 0;
}
.rss a:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/link-rss.gif) no-repeat 0 -68px;
}


/* first post home page */

#post-one {
padding:30px 0 30px 4px;
width:700px;
color:#c0c0b4;
font-size:11px;
line-height:16px;
}
#container .column01 #post-one {
font-size:12px;
line-height:20px;
}
.column01 a {
color:#c0c0b4;
text-decoration:underline;
}
.column01 a:hover {
color:#fff;
text-decoration:none;
}
.column01 {
width:720px;
overflow:hidden;
float:left;
}
.column01 #recent-posts {
margin-top:30px;
padding-bottom:0px;
}
#post-one h2 {
padding:0 0 4px;
display:inline;
margin:0;
color:#efeee8;
font-size:22px;
line-height:26px;
font-weight:normal;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/header-back.gif);
}
#post-one h2 a {
color:#efeee8;
text-decoration:none;
}
#post-one h2 a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #979579;
}
#post-one .meta {
display:block;
font-size:10px;
color:#939072;
}
#post-one .meta a {
color:#939072;
text-decoration:none;
border-bottom:1px solid #49483c;
}
#post-one .meta a:hover {
color:#efeee8;
text-decoration:none;
border-bottom:1px solid #efeee8;
}
#post-one .btn-first-readon a {
display:block;
float:right;
width:90px;
height:19px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/btn-first-post.gif) no-repeat 0 0;
font-size:10px;
overflow:hidden;
text-indent:-400px;
}
#post-one .btn-first-readon a:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/btn-first-post.gif) no-repeat 0 -19px;
}
.alignright {
float:right;
margin:10px 4px 10px 10px;
}
.alignleft {
float:left;
margin:10px 10px 10px 4px;
}
#post-one img {
border:none;
}
#post-one a img {
border:2px solid #C0C0B4;
}
#post-one a:hover img {
border:2px solid #fff;
}

/* category name */

#category {
font-size:11px;
padding:0 0 12px;
color:#7f7b57;
}
#category .category-name {
font-size:12px;
font-weight:bold;
color:#fff;
}


/* recent posts */

#recent-posts {
padding:0 0 20px;
}
#recent-posts .home-post {
float:left;
width:228px;
height:257px;
overflow:hidden;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/item-1.gif) no-repeat;
font-size:11px;
line-height:15px;
color:#c6c6b9;
margin:0 12px 12px 0;
}
#recent-posts .upper {
height:205px;
overflow:hidden;
padding:14px 18px 0;
position:relative;
}
#recent-posts .fade {
position:absolute;
top:200px;
left:5px;
width:218px;
height:20px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/home-post-fade.png) no-repeat bottom;
}
#recent-posts .home-post .upper .intro-post {
margin:8px 0;
}
#recent-posts .home-post .upper .intro-post a,
#recent-posts .home-post .upper .intro-post p,
#recent-posts .home-post .upper .intro-post span,
#recent-posts .home-post .upper .intro-post div
 {
font-size:11px;
font-weight:normal;
text-decoration:none;
font-style:normal;
padding:0;
margin:0;
display:inline;
}
#recent-posts .home-post .upper .intro-post sub,
#recent-posts .home-post .upper .intro-post sup,
#recent-posts .home-post .upper .intro-post b,
#recent-posts .home-post .upper .intro-post strong,
#recent-posts .home-post .upper .intro-post em,
#recent-posts .home-post .upper .intro-post u
 {
font-size:11px;
font-weight:normal;
text-decoration:none;
font-style:normal;
}
#recent-posts .home-post .upper .intro-post h1,
#recent-posts .home-post .upper .intro-post h2,
#recent-posts .home-post .upper .intro-post h3,
#recent-posts .home-post .upper .intro-post h4,
#recent-posts .home-post .upper .intro-post h5,
#recent-posts .home-post .upper .intro-post h6,
#recent-posts .home-post .upper .intro-post hr,
#recent-posts .home-post .upper .intro-post blockquote,
#recent-posts .home-post .upper .intro-post pre,
#recent-posts .home-post .upper .intro-post code,
#recent-posts .home-post .upper .intro-post br,
#recent-posts .home-post .upper .intro-post object
 {
display:none;
 }
#recent-posts .home-post .upper .intro-post img
 {
width:100%;
height:180px;
padding:0;
margin:0;
 }
#recent-posts .home-post .upper .intro-post .separator img
 {
padding:0;
margin-left:-1em;
 }
#recent-posts .home-post h3 {
padding:0 0 2px;
display:inline;
margin:0;
color:#efeee8;
font-size:15px;
line-height:18px;
font-weight:normal;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/header-back-2.gif);

}
#recent-posts .home-post h3 a {
color:#efeee8;
text-decoration:none;
}
#recent-posts .home-post h3 a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #979579;
}
#recent-posts .home-post .meta {
font-size:10px;
color:#939072;
line-height:12px;
display:block;
padding:3px 0 0;
}
#recent-posts .home-post .meta a {
color:#939072;
text-decoration:none;
border-bottom:1px solid #49483c;
}
#recent-posts .home-post .meta a:hover, #recent-posts .lower-meta a:hover {
color:#efeee8;
text-decoration:none;
border-bottom:1px solid #efeee8;
}
#recent-posts .btn-readon a {
display:block;
float:right;
width:98px;
height:19px;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/btn-post1-1.gif) no-repeat 0 0;
font-size:10px;
overflow:hidden;
text-indent:-400px;
margin:10px 0 0 0;
}
#recent-posts .btn-readon a:hover {
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/btn-post1-1.gif) no-repeat 0 -19px;
}
#recent-posts .lower-meta a {
font-size:10px;
display:block;
float:left;
padding:12px 0 0 34px;
color:#939072;
line-height:12px;
border-style:none;
}
#recent-posts .lower-meta a:hover {
border-style:none;
}

/* search results */

.search-results {
color:#fff;
font-size:12px;
padding:12px 0;
}
.search-results .bigger {
color:#fff;
font-size:14px;
}

/* single template column 02 posts */

#column02 {
float:right;
width:238px;
overflow:hidden;
padding-top:30px;
}
#column02 .widget{
float:left;
width:238px;
overflow:hidden;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/widget22.gif) top left no-repeat;
font-size:11px;
line-height:15px;
color:#c6c6b9;
margin:0 12px 15px 0;
padding:14px 0 0 0;
overflow:hidden;
}
#column02 .widget img{
max-width:200px;
}
#column02 .widget h2 {
padding:0 18px 2px;
margin:0;
color:#efeee8;
font-size:14px;
line-height:18px;
font-weight:normal;
}
#column02 .widget h2 a {
color:#efeee8;
text-decoration:none;
}
#column02 .widget h2 a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #979579;
}
#column02 .widget .widget-content,  #column02 .widget #Followers1-wrapper{
overflow:hidden;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/widget-bottom2.gif) bottom left no-repeat;
padding:0px 18px 10px;
position:relative;
}
#column02 .widget ul {
padding:0;
margin:0;
}
#column02 .widget li {
padding:0;
margin:0;
list-style:none;
border-top:1px solid #434340;
display:block;
padding:5px 10px 5px 20px;
font-size:11px;
line-height:16px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/bullet.gif) no-repeat 6px 8px;
}
#column02 .widget li:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/bullet-on.gif) no-repeat 7px 8px #313C32;
}
#column02 .widget a {
text-decoration:none;
color:#7f7b57;
}

#column02 .side-post {
float:left;
width:228px;
height:191px;
overflow:hidden;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/side-post-back.gif) no-repeat;
font-size:11px;
line-height:15px;
color:#c6c6b9;
margin:0 12px 12px 0;
}
#column02 .upper {
height:138px;
overflow:hidden;
padding:14px 18px 0;
position:relative;
}
#column02 .fade {
position:absolute;
top:132px;
left:5px;
width:218px;
height:20px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/home-post-fade.png) no-repeat bottom;
}
#column02 .side-post h3 {
padding:0 0 2px;
margin:0;
color:#efeee8;
font-size:14px;
line-height:18px;
font-weight:normal;

}
#column02 .side-post h3 a {
color:#efeee8;
text-decoration:none;
}
#column02 .side-post h3 a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #979579;
}
#column02 .side-post .meta {
font-size:10px;
color:#939072;
line-height:12px;
}
#column02 .side-post .meta a {
color:#939072;
text-decoration:none;
border-bottom:1px solid #49483c;
}
#column02 .side-post .meta a:hover {
color:#efeee8;
text-decoration:none;
border-bottom:1px solid #efeee8;
}
#column02 .btn-readon a {
display:block;
float:right;
width:98px;
height:19px;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/btn-post1-1.gif) no-repeat 0 0;
font-size:10px;
overflow:hidden;
text-indent:-400px;
margin:10px 0 0 0;
}
#column02 .btn-readon a:hover {
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/btn-post1-1.gif) no-repeat 0 -19px;
}
#column02 .lower-meta a {
font-size:10px;
display:block;
float:left;
padding:12px 0 0 34px;
color:#939072;
line-height:12px;
border-style:none;
}
#column02 .lower-meta a:hover {
text-decoration:none;
color:#fff;
}
#column02 .sub-txt {
font-size:10px;
display:block;
float:left;
padding:12px 0 0 18px;
color:#939072;
line-height:12px;
border-style:none;
}



/* older and newer post links */

#page-nav {
font-size:11px;
height:10px;
}
#page-nav .older a {
display:block;
float:left;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/arrow-left.gif) no-repeat 0 50%;
color:#b3b091;
padding-left:15px;
}
#page-nav .older a:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/arrow-left-on.gif) no-repeat 0 50%;
text-decoration:none;
}
#page-nav .newer a {
display:block;
float:right;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/arrow-right.gif) no-repeat 100% 50%;
color:#b3b091;
padding-right:15px;
}
#page-nav .newer a:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/arrow-right-on.gif) no-repeat 100% 50%;
text-decoration:none;
}


/* comments */

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:230px;
padding:20px 20px 20px 0;
}
.comments-PII-2 {
width:310px;
padding:20px 0 0 0;
}
.comments-PII input {
color:#fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #434340;
width:220px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/pattern-back.gif);
padding:5px;
}
.comments-PII-2 textarea {
color:#fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #434340;
width:300px;
height:180px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/pattern-back.gif);
padding:5px;
}
.comments-PII-2 input {
color:#fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
border-style:none;
padding:0;
width:93px;
height:26px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/btn-comment.gif) no-repeat 0 0;
cursor:pointer;
padding:1px 0 0;

}
.comments-PII-2 input:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/btn-comment.gif) no-repeat 0 -26px;

}

.note {
font-size:10px;
color:#939072;
}


/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger, cite {
font-weight:normal;
font-size:14px;
line-height:22px;
}
.comment-left {
padding:20px 0;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/comment-break.gif) no-repeat;
}
.alt {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/comment-break-alt.gif) no-repeat;
}
.comment-meta {
float:left;
width:160px;
margin-right:10px;
font-size:14px;
font-weight:bold;
}
.avatar {
border:2px solid #C0C0B4;
}
.comment-metadata {
font-size:11px;
font-weight:normal;
}
.comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a {
color:#fff;
text-decoration:none;
}
.comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover {
text-decoration:underline;
}
.comment-txt {
float:left;
width:500px;
padding-left:20px;
font-size:12px;
line-height:20px;
}


/* lower section */

.lower-outer {
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/lower.gif) repeat-x;
}
#lower {
padding:30px 0 0;
width:960px;
margin:0 auto;
}
#lower .title {
font-size:12px;
font-weight:bold;
display:block;
padding:3px 16px 8px;
color:#fff;
}
#lower .module, #lower .module-mid, #lower .module-end {
width:300px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/lower-back.gif) repeat-y;
border-bottom:1px solid #434340;
overflow:hidden;
}
#lower .top {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/lower-top.gif) no-repeat;
height:9px;
line-height:0;
font-size:0;
}
#lower .module, #lower .module-mid {
margin-right:22px;
float:left;
}
#lower .module-end {
float:left;
}
#lower .widget{
font-size:11px;
color:#7f7b57;
}
#lower .widget-content, #lower #Followers1-wrapper{
font-size:11px;
color:#7f7b57;
width:270px;
margin:5px auto 15px;
padding:0;
}
#lower .widget img{
max-width:270px;
}
#lower .widget h2 {
font-size:12px;
font-weight:bold;
display:block;
padding:3px 16px 8px;
color:#fff;
}
#lower .widget ul {
padding:0;
margin:0;
}
#lower .widget li {
padding:0;
margin:0;
list-style:none;
border-top:1px solid #434340;
display:block;
width:240px;
padding:5px 10px 5px 20px;
font-size:11px;
line-height:16px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/bullet.gif) no-repeat 6px 8px;
color:#7f7b57;
}
#lower .widget li:hover {
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/bullet-on.gif) no-repeat 7px 8px #313C32;
}
#lower .widget a {
text-decoration:none;
color:#C6C6B9;
}
#lower .listMeta {
font-size:10px;
}

#lower a .listMeta {
font-size:10px;
color:#7f7b57;
}
#lower .widget2 {
width:270px;
float:left;
margin-right:20px;
overflow:hidden;
border:1px solid #434340;
padding:12px;
background:url(http://s310.photobucket.com/albums/kk426/magznetwork/cellarheat/pixel-grey.gif);
color:#fff;
}
#lower .widget2 a {
display:inline;
}







.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #751C04;
}

.black a.aero{
background-image: url('http://i573.photobucket.com/albums/ss180/maxweb001/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('http://i573.photobucket.com/albums/ss180/maxweb001/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}



/* footer */

#footer {
width:940px;
margin:0 auto;
padding:170px 0 20px;
font-size:10px;
line-height:14px;
text-align:right;
color:#6a6a67;
background:url(http://i573.photobucket.com/albums/ss180/maxweb001/footer1.gif) no-repeat;
}
#footer a {
color:#6a6a67;
text-decoration:none;
border-bottom:1px solid #424133;
}
#footer a:hover {
color:#fff;
border-style:none;
}

.metamessage {
margin:40px 10px 10px 10px;
display:block;
font-size:12px;
color:#939072;
}

#blog-pager-newer-link {
font-size:12px;
  float: left;
 }

#blog-pager-older-link {
font-size:12px;
  float: right;
 }

#blog-pager {
font-size:12px;
  text-align: center;
 }

]]></b:skin>

<!--[if IE 6]>
<style type="text/css" media="screen" >
#recent-posts .fade, #column02 .fade {
background:none;
}
</style>
<![endif]-->

</head>
<body>
  <div id='container'>
<b:section id='navsection' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'/>
</b:section>

    <br clear='all'/>

    <div id='search'><form action='/search' id='searchform' method='get'>
    <input class='btnSearch' id='searchsubmit' type='submit' value=''/>
    <input class='txtField' id='s' name='q' type='text' value=''/>
    </form></div>
    <div id='site-name'>
      <b:section class='headerleftsect' id='headerleftsect' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='port galery (Header)' type='Header'/>
</b:section>
</div>



<!-- top nav menu allblogtools.com -->

<div class='aerobuttonmenu black'>
<a class='aero' href='http://www.jdhccn.blogspot.com'><span>Home</span></a>
<a class='aero' href='http://www.jupridwihanantyo.blogspot.com/blogger-templates/'><span>jupri dwi hanantyo</span></a>
<a class='aero' href='http://www.allblogtls.com/category/tricks-and-hacks/'><span>Blogger Tricks &amp; Hacks</span></a>
<a class='aero' href='http://www.allblogtls.com/blogger-tools'><span>Tools &amp; Generators</span></a>
<a class='aero' href='http://www.allblgtls.com/blogs-directory/'><span>Blogs Directory</span></a>
<a class='aero' href='http://www.allblogls.com/category/falling-objects/'><span>Blogger Falling Objects</span></a>
</div>



   <div class='column01'>

        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>


</div>
<div id='column02'>
   
<b:section id='sidebarsection' preferred='yes'>
<b:widget id='Stats1' locked='false' title='Total Tayangan Laman' type='Stats'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Feed3' locked='false' title='Blogger Templates and Tricks' type='Feed'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

</div>
    <br clear='all'/>

    <div class='spacer'/>
</div>
<div class='lower-outer'>
<div id='lower'>
           
    <div class='module'>
        <div class='top'/>
<b:section id='lowerleftsect'>
<b:widget id='Feed4' locked='false' title='Blogger Templates and Tricks' type='Feed'/>
</b:section>
        </div>

        <div class='module-mid'>
        <div class='top'/>
<b:section id='lowercentersect'>
<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'/>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
</b:section>
        </div>
        <div class='module-end'>
        <div class='top'/>
<b:section id='lowerrightsect'>
<b:widget id='LinkList2' locked='false' title='favorite links' type='LinkList'/>
<b:widget id='Feed2' locked='false' title='Recent Comments' type='Feed'/>
</b:section>
        </div>

        <br clear='all'/>    </div>
    <div id='footer'>
<a href='http://www.allblogtools.com'>&quot;AllBlogTools.com Gallery&quot;</a> Designed, Bloggerized and Brought to you by <a href='http://www.allblogtools.com' title='blogger templates'><strong>Max</strong></a>  -  <a href='http://www.allblogtools.com' title='blogger templates'>AllBlogTools.com</a>  -  <a href='http://www.allblogtools.com' title='blogger templates'>Blogger Templates</a><br/>
    </div>
</div>
</body>
</html>
               

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More