/*   
Theme Name: Experi-MENTAL
Theme URI: http://www.erwanhafizi.com
Description: Experi-MENTAL, direka khas untuk Backpackers.my. Tema ini direka secara custom sepenuhnya. Mempunyai dua kolum rekaletak utama, iaitu, kolum utama dan kolum bar sebelah kanan.|| © hakcipta 2011 katak
Author: katak
Author URI: http://www.erwanhafizi.com
Version: 2
Tags: two-columns, custom-header, green, backpackers, erwan
*/

/*--- reset css ----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;outline:0;font-size:100%;font-family:inherit;vertical-align:baseline;font-weight:inherit;font-style:inherit;background:transparent;margin:0;padding:0}

body {line-height:1px;text-align:left;color:#0B0B0B;font:13px/1.2em 'Segoe UI','Proxima Nova','Helvetica Neue',Helvetica,Arial,sans-serif;background:#f9f9f9}
html {overflow-y:scroll}
ol,ul {list-style:none;margin:0 0 1.5em}
ol li {list-style:decimal inside}
ul li {background:url(images/arrow.gif) 0 8px no-repeat;padding:4px 0 0 15px}
* {margin:0;padding:0}
strong {font-weight:bold}
html,body {height:100%}
p {margin-bottom:1em}
blockquote {color:#333;border:#b4b4b4 1px solid;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background:#eee;margin:1em 2em;padding:8px}
blockquote p {margin:0}
a{text-decoration:none;color:#848484}
a:hover{text-decoration:none !important}
del{color:red}


/* optimized.  */
h1,h2,h3,h4 {font-size:20px;color:#050708;font-weight:bold;margin-bottom:1em;padding:10px 0 5px}
h2, h2 a {font-size:18px;color:#fbac1b;padding:5px 0 0}
h3, h3 a {font-size:14px;/*color:#c00;*/padding:5px 0 0}
h4, h4 a {font-size:14px;color:#050708;font-style:italic;padding:5px 0 0}
h2 a,h3 a,h4 a {text-decoration:underline}
h1,h2,h3,h4,h5,h6,li,p,a{/*text-shadow:0 2px 1px #e5e5e5*/}

.clear {clear:both;height:1px;font-size:1px;line-height:1px}
img#wpstats{position:fixed;left:-10px;bottom:-10px;}

#wrapper {min-height:100%;position:relative}
#container,#footer .footertext {width:942px;margin:0 auto}
#header {background:url(images/logo_blog.png) no-repeat center center;height:281px}
#header h1 {text-indent:-10000px;padding:0}
#header h1 a {height:281px;width:902px;margin:0 auto}
#header h1 a,.description {color:#fff;display:block}

/* menu */
#menutop {height:38px;border-bottom:4px solid #0872B9;margin:10px 0}
#menutop ul li {float:left;background:none;display:block;padding:0}
#menutop ul li.hometxt {background:none;margin:0}
#menutop ul li a {display:block;text-transform:uppercase;font-weight:bold;margin:3px 15px auto 0;padding:5px}
#menutop ul li a:hover {color:#050708;display:block;background:#ebebeb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}

/*---*/
#contentwrapper {background:url(images/bg-content.gif) repeat-y;min-height:400px;padding:20px 0}
#contentindex,#contentsingle,#contentpage {width:608px;float:left;font:13px/1.5em 'Segoe UI','Proxima Nova','Helvetica Neue',Helvetica,Arial,sans-serif}
#contentindex h1.titleh,#contentsingle h1.titleh,#contentpage h1.titleh {border-bottom:1px #b4b4b4 dashed;line-height:1.1em;margin:0 0 20px auto;padding:0 0 10px}
#contentsingle h1.titleh{margin:0 !important}
#contentsingle .author{padding-top:5px;display:inline-block;margin:0 0 20px auto;color:#666;font-style:italic}
#contentindex > .post,#contentsingle > .post,#contentpage > .post {border-bottom:1px #0872B9 dashed;margin-bottom:20px}
#contentindex > .post {margin-bottom:50px;padding-bottom:20px}

.aligncenter {display:block;margin:0 auto}
.alignleft {float:left}
.alignnone {float:none}

#contentindex .date,#contentpage .date {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #0872B9;color:#0872B9;font-size:14px;background:#fff;text-transform:uppercase;font-weight:bold;float:left;padding:3px}
#contentindex h1 .title {width:458px;float:right}
#contentsingle h1 .title,#contentpage h1 .title,#contentindex h1.pagetitle {float:left;width:490px}
#contentindex h1.titleh a {color:#050708;line-height:1.3em}
#contentindex h1.titleh a:active,#contentindex h1.titleh a:focus {background:#eee;border-bottom:1px #D4D4D4 solid}
#contentindex h1.pagetitle {float:none;width:100%;background:none;border-bottom:1px dashed #0872B9;margin:0 0 20px 3px;padding:0 0 10px}
#contentindex .entry, #contentindex .entrygaleri {width:454px;float:left}
#contentsingle .post div img,#contentindex .entrygaleri img,.wp-caption-text,#contentsingle p a img,embed,#contentpage .post div img,#contentpage p a img {border:1px dashed #D9D7C4;padding:4px;background:#fff}
#contentindex .entrygaleri img{margin-right:10px}
div[id^=gallery]{margin-bottom:1em !important}
div[id^=gallery] .gallery-item{width:auto !important;margin-right:12px}

.entry>span{display:block;border:1px dashed #D9D7C4;height:182px;position:relative}
.entry>span>img{position:absolute;clip:rect(124px 448px 298px 0pt);padding:4px;top:-120px}
.thumb-clip{clip:rect(0 448px 178px 0pt) !important;top:0 !important}

/* hide first image in front page */
#contentindex div .entry .excerpt .embaArticle p img,#contentindex div .entry .excerpt .embaArticle div a img,#contentindex div .entry .excerpt .embaArticle .wp-caption img,#contentindex div .entry .excerpt .embaArticle div .wp-caption-text{display:none}

.wp-caption-text {font-style:italic;font-size:11px;border-top:none;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;background:#eee;padding-left:10px;margin:-5px 0 1em}
#contentindex .excerpt {margin-top:10px}
#contentindex .excerpt .readmore {background:#0872B9 !important}
#contentindex .excerpt .readmore a,#footer a {color:#fff}
#contentindex .tax {width:148px;float:left;padding:0 5px 0 0}
#contentindex .excerpt .readmore, #contentindex .tax .comment,#contentindex .tax .category,#contentindex .tax .author,#contentindex .tax .tags,#contentsingle .tax .category,#contentsingle .tax .author,#contentsingle .tax .tags,.navigation .alignleft,.navigation .alignright {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:block;float:left;font-size:11px;line-height:1em;background:#eee;margin-bottom:10px;clear:left;padding:5px}
#contentsingle .tax .category,#contentsingle .tax .author,#contentsingle .tax .tags {clear:none;margin-right:5px}
#contentindex .comment .sprite,#contentsingle .comment .sprite {background:url(images/bullet-sprite.png) -4px -3px no-repeat;width:16px;height:15px;float:left;margin-right:5px}
#contentsingle hr,#contentpage hr {margin:1em auto 0}
#contentindex p a,#contentsingle p a,#contentsingle ul li a,#contentpage p a,#contentpage ul li a{color:#3b5998;border-bottom:1px solid #9cf}
#contentindex p a:hover,#contentsingle p a:hover,#contentsingle ul li a:hover,#contentpage p a:hover,#contentpage ul li a:hover{background:#9cf;color:#050708}
#contentindex strong,#contentsingle strong,#contentpage strong{color:#101010}
#contentsingle div[id|=post] .category p:first-of-type,#contentpage div[id|=post] .category p:first-of-type{margin:10px 0 0}
#contentindex h1.titleh a:hover,#contentindex h1.pagetitle,#contentsingle .searchresult h1.titleh span.title a:hover,#contentpage h1.pagetitle {color:#0872B9}
#contentindex .excerpt .readmore a:hover,ol.commentlist li div.reply a:hover,.navigation .alignleft a:hover,.navigation .alignright a:hover,#footer a:hover {color:#e4e4e4 !important}

span.bottom {float:right; margin:-10px 0 10px; display:block; font-style:italic; background:#eee}
.status {color:#615B53;font-size:16px;display:block;margin:10px 0}
.status a {display:inline;color:#625846}
em,.status i {font-style:italic}
a:hover,.status a:hover,#sidebar ul li a:hover {color:#050708}
#contentsingle.error404 h1.title,span.searchresult,#sidebar .cpanel ul.welcome p strong {color:#c00}

/*change text selection color*/
*::selection,*:selection{background:#0872B9;color:#fff}
*::-moz-selection,*:-moz-selection{background:#0872B9;color:#fff}
*::-webkit-selection,*:-webkit-selection{background:#0872B9;color:#fff}

/* comment */
.commentstemplate #respond h3,.commentstemplate #comments,.commentstemplate ol.commentlist h3 {border-bottom:1px dashed #0872B9;font-size:16px;color:#848484;padding-bottom:10px;margin:30px 0}
.commentstemplate #respond div small a {color:#900}
.commentstemplate #respond div small a:hover {color:#000}
#commentform input,#commentform textarea {border-radius:4px;border:1px solid #B4B4B4;margin-bottom:10px;width:250px;background:#eee;padding:4px}
/*gasp_p*/ #gasp_p label input{width:25px !important}
#commentform textarea {width:598px}
#commentform #submit {cursor:pointer;width:103px;margin:0;background:#4d90fe}
#commentform p#gasp_p {margin:10px 0}
#commentform .namaemailweb {width:500px}
ol.commentlist,ol.pingbacklist,ol.trackbacklist {margin:0}
ol.commentlist li,ol.pingbacklist li,ol.trackbacklist li {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #0872B9;background:#fff;position:relative;margin:0 0 10px;padding:5px 7px 5px 74px}
ol.pingbacklist li.pingback,ol.trackbacklist li.trackback {padding: 5px 7px 5px}
ol.pingbacklist li div .comment-author p,ol.trackbacklist li div .comment-author p{font-size:12px;margin:.5em auto;color:#9A9A9A}

ol.commentlist li.comment,ol.commentlist li.even,ol.commentlist li.parent,ol.commentlist li.thread-even,ol.pingbacklist li,ol.trackbacklist li{list-style:none}
ol.commentlist li div.vcard,ol.pingbacklist li div.vcard,ol.trackbacklist li div.vcard{font-weight:bold;font-size:14px;line-height:16px;font-family:helvetica,arial,sans-serif}
ol.commentlist li div.vcard cite.fn,ol.commentlist li.comment div.vcard span.says,ol.pingbacklist li.pingback div.vcard span.says,ol.pingbacklist li div.vcard cite.fn,ol.trackbacklist li.trackback div.vcard span.says,ol.trackbacklist li div.vcard cite.fn{font-style:normal;font-size:12px}
ol.commentlist li div.vcard cite.fn a.url,ol.pingbacklist li div.vcard cite.fn a.url,ol.trackbacklist li div.vcard cite.fn a.url{color:#c00}
ol.commentlist li div.vcard cite.fn a.url:hover,ol.pingbacklist li div.vcard cite.fn a.url:hover,ol.trackbacklist li div.vcard cite.fn a.url:hover{color:#000}
ol.commentlist li div.vcard img.avatar {background:#fff;border:1px solid #aaa;left:7px;position:absolute;top:7px;padding:3px}
ol.commentlist li div.comment-meta,ol.pingbacklist li div.comment-meta,ol.trackbacklist li div.comment-meta{font-weight:bold;font-size:10px;line-height:16px;position:absolute;right:10px;text-align:right;top:5px}
ol.commentlist li p {font-weight:normal;font-size:12px;line-height:16px;font-family:helvetica,arial,sans-serif;color:#050708;margin:5px 0 12px}
ol.commentlist li ul {font-weight:normal;line-height:16px;font-family:helvetica,arial,sans-serif;list-style:square;margin:0 0 12px;padding:0}
ol.commentlist li div.reply {background:#0872B9;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:11px; line-height:1em;padding:3px 5px 4px;display:inline-block}
ol.commentlist li div.reply a {color:#fff !important; text-decoration:none !important}
ol.commentlist li ul.children {list-style:none;text-indent:0;margin:12px 0 0}
ol.commentlist li.comment ul.children li.byuser,ol.commentlist li.byuser {background:#f4f4f4;border:1px #b4b4b4 solid}
ol.commentlist ul.children li.odd {background:#fff}
ol.commentlist ul.children li.even {background:#FCFCFC}
#commentform #submit:hover,.search input[type=submit]:hover,#sidebar .cpanel ul form input.button:hover {background:#D6D6D6}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {margin:0 0 3px}

p.comment-subscription-form, p.comment-subscription-form {margin:1em auto 0}
.commentstemplate h5 {border:1px dashed #C00; margin:2em auto;padding:5px;background:#fff;color:#050708}
.commentstemplate h5 strong {color:#c00 !important}
.commentstemplate h5 a {border-bottom:1px dotted #0872B9}

.approval{font-style:italic;background:#c00;color:#fff;padding:2px;text-shadow:2px 1px #900}

/* search */
.search,.feed {margin:20px auto}
.search input,.search textarea,.feed input,.feed textarea,#sidebar select {border-radius:4px;border:1px solid #B4B4B4;width:250px;background:#eee;padding:4px}
#sidebar select{width:230px !important}
.search input[type=submit] {cursor:pointer;width:63px;margin:0;padding:3px}
#contentsingle .searchresult h1 {border-bottom:1px dashed #0872B9;padding:10px 0;margin:0 !important}
#contentsingle .searchresult h1.titleh span.title {border-left:2px #0872B9 solid;margin-left:5px; padding:0 0 0 15px}
#contentsingle .searchresult h1.titleh span.title a {font-size:14px}
#contentsingle .searchresult h1.titleh span.date {text-transform:none;border:none;background:none;padding:2px;width:90px}

/* sidebar */
#sidebar{float:right;display:block;width:265px;font-size:13px;padding-top:4px}
#sidebar h3{font-size:20px;color:#848484;margin-bottom:10px;border-bottom:1px #0872B9 dashed;padding:0 0 10px}
#sidebar ul,.textwidget{margin-bottom:30px}.textwidget{text-align:center}
#sidebar ul li{background:url(images/bullet-sprite.png) -26px 3px no-repeat;padding-left:20px;margin-bottom:4px}
#sidebar ul li a{color:#848484}
#sidebar ul li.recentcomments a{color:#d9d9d9}
#sidebar ul li.recentcomments a:hover{color:#B2B2B2}
#sidebar .search #searchform input#s,#sidebar .feed form input#f{width:214px; color:#848484}
#sidebar .search #searchform input#searchsubmit{width:43px;padding:3px}

/* footer */
#footer {background:#0872B9 /*url(images/footer-bg.gif) center no-repeat*/;color:#e4e4e4;height:155px;clear:both}
#footer .footertext .copy {text-align:center}
#footer .footertext .copy ul {margin-bottom:0}
#footer .footertext ul li {list-style:none;background:none;padding:5px}
#top {height:1px}
#top a,.top {display:block;margin-top:10px}
#top a {text-indent:-9999px}
#footer li, #footer p, #footer a,#gototop a,.mobilesite a,.navigation a,.reply a,.readmore a{/*text-shadow:0 1px 1px #608000*/}

#gototop,.mobilesite {position:fixed;right:0;bottom:15px;display:none/*hide the button first*/;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px#888;box-shadow:5px 5px 5px #888;background:#0872B9;padding:5px;margin-bottom:195px}
#gototop a,.mobilesite a{display:block;color:#fff;width:80px}
#gototop a:hover,.mobilesite a:hover {opacity:.8 /*mouse over fade effect*/}
.mobilesite{margin-bottom:155px !important;display:none !important}

/* navigation */
.navigation {border-bottom:1px #0872B9 dashed;padding-bottom:20px;margin:20px 0}
.navigation .alignleft,.navigation .alignright,.navigation .alignleft a,.navigation .alignright a {color:#fff;background:#0872B9;border:none;clear:none;margin:0}
.navigation .alignleft {float:left;text-align:right}
.wp-pagenavi {clear:both}
.wp-pagenavi a,.wp-pagenavi span,.comment-pagination span, .comment-pagination a {text-decoration:none;border:1px solid #0872B9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#0872B9;margin:2px;padding:3px 5px}
.wp-pagenavi a:hover,.comment-pagination a:hover{color:#fff;background:#0872B9}
.wp-pagenavi span.current,.comment-pagination .current {background:#0872B9;color:#fff}
.wp-pagenavi .pages {border:none;border-radius:0;color:#848484;margin:0 70px 0 0;padding:0}
.wp-pagenavi .pages,.wp-pagenavi .extend,.wp-pagenavi span.current,#sidebar .cpanel h1 {border:none}
.alignright,.navigation .alignright {float:right}

.comment-pagination {clear:both;padding:20px 0;position:relative;line-height:1em}


/* cpanel */
#sidebar .cpanel {display:block;background:#eee;border:1px #b4b4b4 solid;margin-bottom:30px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:3px}
#sidebar .cpanel ul {margin:0;padding:3px}
#sidebar .cpanel ul p {width:90px;float:left;margin:5px 0 .55em}
#sidebar .cpanel ul.welcome p {width:100%;float:none}
#sidebar .cpanel ul li {list-style:none;background:url(images/bullet-sprite.png) no-repeat scroll -26px 3px transparent}
#sidebar .cpanel ul form {margin:5px 0 0}
#sidebar .cpanel ul form label input,#sidebar .cpanel ul form input,#sidebar .cpanel ul li.logoutb a {border-radius:4px;border:1px solid #B4B4B4;margin-bottom:5px;width:100px;background:#fff;padding:4px}
#sidebar .cpanel ul li.logoutb a {color:#666;display:block;text-align:center;width:50px}
#sidebar .cpanel ul li.logoutb a:hover {background:#d6d6d6}
#sidebar .cpanel ul li.logoutb {background:none}
#sidebar .cpanel ul form input.button {cursor:pointer;width:80px;color:#666;padding:3px}
#sidebar .cpanel ul form label input#rememberme {width:auto}

/* sliding top panel */
#toppanel{text-align:center;position:relative;width:100%;z-index:999/**/;display:none}
#panel{width:100%;height:580px;color:#999;background:#DF1219;overflow:hidden;position:relative;z-index:3000;display:none}
#panel a{color:#15ADFF;}
#panel a:hover{color:white;}
#panel .content{background:url(images/graphic_langkawi-version.png) no-repeat;text-align:center;margin:0 auto;height:500px;width:526px;clear:both}
/* Panel Tab/button */
.tab{margin:0 auto;width:100%}
.tab ul.contact{font-weight:bold;line-height:20px;display:inline-block;color:white;font-size:.85em;float:right;margin-right:20px}
.tab ul.contact li.left{border-bottom-left-radius:15px;background:#AF0E13;width:20px;padding:0;margin:0}
.tab ul.contact li.right{border-bottom-right-radius:15px;width:20px;padding:0;margin:0}
.tab ul.contact li {padding:0 6px;display:block;float:left;height:30px;background:#AF0E13}
.tab .sep {color:#970C11}
.tab a{color:#fff}
.tab a.open, .tab a.close {height:20px;line-height:20px !important;padding-left:30px !important;cursor:pointer;display:block;position:relative}
.tab a.open {background:url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background:url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background:url(images/bt_open.png) no-repeat left -19px;color:#fff}
.tab a:hover.close {background:url(images/bt_close.png) no-repeat left -19px;}

.bottomborderforpanel{height:10px;background:#DF1219}

/* breadcrumbs */
#crumbs{padding:10px;background:#eee;border:1px dashed #D9D7C4;margin-bottom:15px}
#crumbs a{color:#050708}
#crumbs a:hover{color:#848484}

#wp125adwrap_2c .wp125ad{padding:0 !important;width:125px !important;height:125px;text-align:center}

.bloglinks{padding:0 !important}
/* Form
-----------------------------------------------------------
*/
input,textarea,select,input[type=text],input[type=file]{padding:6px;width:390px;color:#684812;font-size:14px !important}
input[type=submit]{cursor:pointer;background:#4d90fe;border:solid 1px #3079ed;color:#FFF !important;width:auto;height:auto;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:bold;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3)}
input[type=submit]:hover{background:#357ae8;border-color:#2f5bb7}

#contact-form input:focus,#contact-form input[type=text]:focus,#contact-form textarea:focus{background:#FFE5E5;border:1px solid #FFAFAF;color:#0E403B}
#contact-form input[type=submit]:focus{background:#357ae8 !important;border-color:#2f5bb7 !important}

#contact-form{background:#f4f4f4;padding:1em;border:1px solid #e5e5e5;margin:0 auto;font-size:0.929em}
#contact-form label{width:140px;display:inline-block;float:left;padding:0.5em;font-size:14px}
#contact-form fieldset{margin-bottom:1em}
#contact-form fieldset.others label{width:100% !important;padding:0;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none}
#contact-form fieldset.others .wpcf7-form-control-wrap{display:inline}
#contact-form fieldset.others .wpcf7-form-control-wrap textarea{width:98% !important}
#contact-form fieldset.cakeclass label{padding:0 .5em}
.wpcf7-list-item{margin:0 !important}
.asterisk{color:#CC2C26}
.wpcf7-response-output{margin:0 !important}
.wpcf7-not-valid-tip{top:-8px !important;width:354px !important;padding:4px !important;left:0 !important;background:none !important;border:none !important;color:#f00}
.wpcf7-textarea{height:100px}

/************/
.widget_ping{text-indent:-999999px}
.widget-text div a{text-shadow:none !important}
.widget-instagram-for-wordpress ul li{background:none !important}

/* CSE */
.cse .gsc-control-cse, .gsc-control-cse{padding:0 !important}.cse input.gsc-search-button:hover,
input.gsc-search-button:hover{border-color:#2f5bb7!important;
  background-color: #357ae8 !important;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8) !important);
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8) !important;
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8) !important;
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8) !important;
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8) !important;
  background-image: linear-gradient(top,#4d90fe,#357ae8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8') !important;
}.cse input.gsc-search-button,input.gsc-search-button {border-color:#3079ed !important; background-color:#4d90fe !important;}