@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Harimau Malaya
Theme URI: http://www.izuddinhelmi.com
Description: Cool theme brought to you by <a href="http://www.izuddinhelmi.com">IzuddinHelmi</a> and <a href="http://www.KreativeThemes.com">KreativeThemes</a>.
Version: 1.0
Author: IzuddinHelmi
AUTHOR URI: http://www.izuddinhelmi.com
TAGS: kreativethemes
*/

/*-------------------------------------------------------------------------*/
/* 1. Setup */
/*-------------------------------------------------------------------------*/

/* ---------------- Resets ------------------ */

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, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
body { line-height: 1;  }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins bb0745
del { text-decoration: line-through; }
a { cursor: pointer; }
a img 8e0635
sup { font-size: 8px; font-family: Verdana, Geneva, sans-serif; }

/* ---------------- Defaults ------------------ */
body {background: #e6e6e4; font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #555; line-height: 1.5;}


h1, h2, h3, h4, h5, h6, b, strong { font-family: 'Droid Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; color: #222; font-weight: bold; line-height: 1;}
h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { font-family: 'Droid Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 90%;  }
b, strong { font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; }

p {margin-bottom: 20px;}
ul li { list-style: none; }
.clear { clear: both; display: block; width: 100%; } /*use <span class="clear"></span>*/

.wrapper {width: 960px; margin: 0 auto; }
/*#wrap_en {background: url(images/header_pince_en.png) no-repeat;}*/

/*-------------------------------------------------------------------------*/
/* 2. Layout Structure Setup and Home Page */
/*-------------------------------------------------------------------------*/

#header { /*height: 210px;*/ width: 100%;  display: block; clear: both;}
#top h1#branding {font-family: Trebuchet, Helvetica, Arial, sans-serif;  font-weight: normal; padding-top: 50px; color: #fff; font-size: 32px; float: right; text-transform: uppercase; background:url(images/tagline.png) 0 50px no-repeat; text-indent: -9000px; width: 550px; height: 40px;padding-right: 0px; display: block;}
#wrap_en h1#branding {background:url(images/tagline_en.png) 0 50px no-repeat;}
#header a, #top h1#branding a {color: #fff; text-decoration: none;}
#header form#searchform {width: 190px; float: right; margin-top: 20px; text-align: right; background: #fff; border: solid 1px #bb0745; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#header form#searchform label {display: none;}
#header form#searchform input[type=text] {padding: 6px 9px; height: 16px; width: 145px; border: 0; float: left; background: none; color: #777;}
#header form#searchform input[type=submit] {border: solid 1px #111; background: #2a2a2a; color: #fff;height: 22px; width: 25px; background: url(images/search.png) no-repeat bottom left; border: 0; text-indent: -9999px;}

#top { height: 210px; background: url(images/header_bk.gif) repeat-x;}
#top .wrapper { padding: 0; height: 210px; /*padding-left: 200px;*/}

.menu-navigation-container { float: left;}
#menu-navigation {}
#top .menu { height: 60px; }
#top .navi { margin: 0; padding-left: 0px; float: left; margin-left: 0px;}
#top .navi ul {font-family: Helvetica,Arial,sans-serif; z-index: 9999;}
#top .navi ul li {float: left; margin: 0 5px 0 5px;  padding: 0;}
#top .navi ul li a, #suggestion-item a {text-decoration: none;  padding: 18px 12px 10px 16px; font-size: 17px; display: block; color: #003478!important; }

#top .navi ul li ul {z-index: 100; }
#top .navi ul li ul a { }
#top .navi ul li li {margin: 0; }
#top .navi ul li li a {padding: 12px 12px; text-transform: none;}
#top .navi ul li a.sf-with-ul {padding-right: 2.25em; min-width: 1px;}
#top .navi ul li a:hover, #top .navi ul li.current_page_item a, #suggestion-item a:hover {text-decoration: none; color: #003366!important;}
#top .navi ul li .sf-sub-indicator { top: 22px; }
#top .navi ul li li .sf-sub-indicator {top: 10px; }
#top .navi ul li:hover a, #top .navi ul li.sfHover a,
#top .navi ul li a:focus, #top .navi ul li a:hover, .menu a:active { outline: 0;color: #003366;}

#top .navi ul li ul li a:hover, #top .navi ul li ul li.current_page_item a {text-decoration: none;  color: #fff; text-shadow: 0 -1px 0 #000;}

#top .navi ul li:hover li a:hover  {color: #fff; }

#top .wrapper {}

#menu-item-11 {background:url(images/menu1_bk.png) no-repeat; width:102px; height: 62px;}
#menu-item-10 {background:url(images/menu2_bk.png) no-repeat; width:201px; height: 62px; float: left; margin: 0 5px; padding:0;}
#suggestion-item {float: left;background:url(images/menu3_bk.png) no-repeat; width:135px;; height: 62px; /*padding-right: 200px;*/}
#suggestion-item a {padding-top:15px;}
#qtranslate-chooser li {float: left; margin: 15px 5px;}
#qtranslate-chooser li a {font-family: Arial, sans-serif; font-size: 17px; color: #FFF; padding-left: 25px; background:url(images/fl_lang.png) no-repeat 5px 8px;}
.qtrans_language_chooser li.active { display : none; }


/*-------------------------------------------------------------------------*/
/* 3. POSTS/PAGES */
/*-------------------------------------------------------------------------*/


#content {padding: 10px 0; /*text-shadow: 0 1px 0 #fff;*/}
#content .post {width: 670px; 
	background: url(images/box_top.gif) no-repeat;
	margin-bottom:20px;
	/*border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;*/
}
.post-wrapper {float: left; width: 670px; background: url(images/box_bk.gif) repeat;}
#content .post .wrap {padding: 15px 60px 40px 80px;}

#content .post h2 {color: #003478; font-family: Gotham, Helvetica, sans-serif; font-weight: normal; font-size: 26px;  padding: 30px 0 15px 0; margin: 0 80px; height:45px;}
#content .post h2 a {color: #003478; text-decoration: none;text-align: bottom;}
#content .post h2 a:hover {color: #cf0c4e; text-decoration: none;} 

#content .post .entry h1, #content .post .entry h2, #content .post .entry h3, #content .post .entry h4, #content .post .entry h5, #content .post .entry h6 {
	color: #333; font-family: Georgia, serif; font-weight: normal; padding: 15px 0 15px 0; margin:0 0 15px 0;
}
#content .post .entry h2 {font-size: 180%;}

#content .post .entry a {text-decoration: none; color: #333;}
#content .post .entry a:hover {text-decoration: underline;}
#content .post .entry a.more-link {text-transform: uppercase; font-weight: bold;}

#content .post .entry {margin: 0; text-shadow: 0 1px 0 #fff; font-size: 14px;}
#content .post .entry a { text-decoration: underline;}
#content .post .entry blockquote  { font-style: italic; margin: 25px 0 25px 10px; padding: 0px 20px; color: #888; }
#content .post .entry blockquote p  {}

#content .post .entry ul  { margin: 0 0 15px 0; padding: 0 0 0 25px; }
#content .post .entry ul ul  { margin: 0; }
#content .post .entry ul li  {	list-style-type:square; }
#content .post .entry ul ul li  { list-style-type: disc; }

#content .post .entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
#content .post .entry ol ol  { margin: 0; }
#content .post .entry  ol li  { list-style-type: lower-roman; }
#content .post .entry  ol li ol li  { list-style-type: upper-roman; }

#content .post .post.home .entry img { border:none; }
#content .post img.wp-smiley  { padding: 0; border: none; }

#content .post .entry .post img {max-width: 600px;margin-top: 15px;margin-bottom: 15px;padding: 8px;background: #fff;border: 0;
	box-shadow:0 0 10px #4eb1c6; -moz-box-shadow:0 0 10px #4eb1c6; -webkit-box-shadow:0 0 10px #4eb1c6;
}
#content .post .entry .wp-caption { padding: 2px; text-align:center; background:#fff; border: solid 1px #ddd; max-width:578px; margin-bottom: 30px;}
#content .post .entry .wp-caption img  { margin:0; padding:5px 0; background:none; border:0; max-width:566px; height: auto; -moz-box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff; }
#content .post .entry .wp-caption-text { margin:0; padding:0; font-size:12px; text-align:center; }
#content .post .entry img {max-width:578px; height: auto; padding: 8px; text-align:center; background:#fff; border: solid 1px #ddd;}

#content .post .alignright,#content .post img.alignright{ float: right; margin: 4px 0 5px 20px; }
#content .post .alignleft,#content .post img.alignleft{ float: left; margin: 4px 20px 5px 0; }
#content .post .aligncenter,#content .post img.aligncenter{ display: block; margin: 4px auto 5px; text-align: center; }

#content .post .attachment-thumbnail {background:#fff; padding:6px; border:#e3e3e3 solid 1px; -moz-box-shadow:0 0 4px #bbb; -webkit-box-shadow:0 0 4px #bbb; border: 0;}
#content .post #gallery-1 img {border: 0 !important; }

#content .post .meta { color: #555;  text-transform: uppercase; clear: both; display: block; font: 11px/13px Helvetica,Arial,sans-serif; padding:8px 0px;padding-left: 80px; text-shadow: 0 1px 0 #eee; background:url(images/box_left.gif) no-repeat left top;}
#content .post .meta a {color: #888; text-decoration: none; text-transform: none;}
#content .post .meta a:hover {text-decoration: underline;}
#content .post .bar-frame { background:url(images/box-tabs.gif) no-repeat ; overflow:hidden; padding: 0 0 0 6px; width:581px;}
#content .post .meta .date { float:left; width: 102px; font-size:20px; line-height:22px; color:#a4a4a4; font-weight:bold; padding: 0 11px 0 0;}
#content .post .meta p {}
#content .post .meta .day {float:left; font-size:46px; line-height:48px; color:#2e2e2e; letter-spacing: -3px;}
#content .post .meta .date .holder {float:right; width:49px; padding: 5px 0 0;}
#content .post .meta .month {color:#797979; display: block; margin: 0 0 -6px; text-transform:uppercase;}
#content .post .meta .title {display:block; font-size:15px; line-height:22px; font-family: Arial; color:#003478;}
#content .post .meta .author { float:left; width:89px; padding: 16px 25px 0 0;}
#content .post .meta p {margin:0 !important;}
#content .post .meta .categories { float:left; width:116px; padding: 16px 18px 0 0;}
#content .post .meta .comments {width:90px; float:left; padding: 16px 45px 0 0;}
#content .post .meta .tags {width:105px; float:left; padding: 16px 0 0;}
#content .post .meta strong {font-family: Helvetica,Arial,sans-serif; margin-bottom: 0;}

#content hr {border: 0; border-bottom: 1px solid #fbfbfb; border-top:1px solid #ccc; margin: 15px 0;}

#content .post .date {padding-left: 80px; color: #8dbaca; padding-top: 10px;}



.pagination {clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px;}
.pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #2a2a2a; border: #333 solid 1px; margin: 0 2px; -moz-box-shadow:0 0 8px #DDDDDD; -webkit-box-shadow:0 0 8px #DDDDDD; box-shadow:0 0 8px #DDDDDD; }
.pagination a:hover{color:#fff; background: #cf0b4d; border: solid 1px #bb0745;}
.pagination .current{ padding:6px 9px 5px 9px; background: #cf0b4d; color:#fff; border: solid 1px #bb0745;}

/*-------------------------------------------------------------------------*/
/* 4. SIDEBAR */
/*-------------------------------------------------------------------------*/
#sidebar {float: right; width: 250px;}
#sidebar a {color: #222;}
#sidebar .widget { width: 210px;
	/*background: url('images/stn-middle.png');
	-moz-box-shadow:0 0 8px #DDDDDD; -webkit-box-shadow:0 0 8px #DDDDDD; box-shadow:0 0 8px #DDDDDD;
	text-shadow: 0 1px 0 #eee;*/
	padding: 20px;
	margin-bottom: 10px;
	
}
#sidebar .widget ul {}
#sidebar .widget ul li {background: url("images/dotted-line.gif") repeat-x scroll left bottom; margin: 0; padding: 8px 0px; text-transform: none; color: #777; font-size: 12px; text-decoration: none; color: #444;}
#sidebar .widget ul li a { color: #777; font-size: 12px; text-decoration: none; padding-left: 25px; background:url(images/fl_side.gif) no-repeat 5px 5px;}

#sidebar .widget h2.widgettitle { font-family: Gotham, Helvetica, sans-serif; color: #003478; font-size: 17px;  padding-bottom: 10px; font-weight: normal; background:url(images/line_side1.gif) no-repeat 0 16px; margin-bottom: 5px;}
#post-jump {
    position: fixed;
}
#sidebar .widget .others {display: block; margin-top:10px;}
#sidebar .widget .others a {color: #333; font-size: 12px; text-transform: uppercase; display: inline; background: none; padding:0; margin: 0 15px;}

#sidebar .widget table#wp-calendar {width: 100%; text-align: center;}
#sidebar .widget table#wp-calendar td#today {color: #fff;}

#followus a{ background: none; padding-left: 0px; padding-right: 10px;  }
#sidebar #savoirplus a{ background: none; padding-left: 0px; padding-right: 10px; color: #666; font-size: 14px; }
#sidebar #savoirplus {margin-bottom:0; padding: 0 20px;}
/*-------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------*/
#comments {clear: both; padding: 30px; background-repeat: repeat-x; background-position:center top; margin-left: 50px; /*border-bottom: 5px solid #777777;*/}
#comments a {color: #333;}
#comments .navigation {padding: 0 0 18px 0;}
h3#comments-title,
h3#reply-title {color: #000;font-size: 24px;margin-bottom: 0;}
h3#comments-title {padding:0 0 24px 0;}
.commentlist {list-style: none;margin: 0;}
.commentlist li.comment {line-height: 24px;margin: 0 0 24px 0;padding: 0 0 0 80px;position: relative; background:url("images/dotted-line.gif") repeat-x bottom left;}
#content .commentlist .children li {-moz-box-shadow:0 0px 0 #fff; -webkit-box-shadow:0 0px 0 #fff; box-shadow:0 0px 0 #fff;}
.commentlist li:last-child #0C8ABE

#content #comments .comment-body ul,
#content #comments .comment-body ol {margin-bottom: 18px;}
#content #comments .comment-body p {margin: 10px 0;}
#content #comments .comment-body p:last-child {margin-bottom: 6px;}
#content #comments .comment-body blockquote p:last-child {margin-bottom: 24px;}
#content #comments .comment-body ul  { margin: 0 0 15px 0; padding: 0 0 0 25px; }
#content #comments .comment-body ul ul  { margin: 0; }
#content #comments .comment-body ul li  {	list-style-type:square; }
#content #comments .comment-body ul ul li  { list-style-type: none; }
#content #comments .comment-body ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
#content #comments .comment-body ol ol  { margin: 0; }
#content #comments .comment-body  ol li  { list-style-type: none;}
#content #comments .comment-body  ol li ol li  { list-style-type: none; }

#content #comments .commentlist ol {list-style: none;}
#content #comments .commentlist ol li {list-style: none; border-bottom: #ddd solid 1px;}
#content .commentlist .avatar {position: absolute;top: 4px;left: 0;background:#fff; padding:5px; border:#e3e3e3 solid 1px; -moz-box-shadow:0 0 4px #DDDDDD; -webkit-box-shadow:0 0 4px #DDDDDD; width: 50px; height: auto;}
#content .comment-author {}
#content .comment-author cite {color: #000;font-style: normal;font-weight: bold;}
#content .comment-author .says {font-style: italic;}
#content .comment-meta {margin: 0 0 10px 0;font-size:11px; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;}
#content .comment-meta a:link,
#content .comment-meta a:visited {color: #888;text-decoration: none;}
#content .comment-meta a:active,
#content .comment-meta a:hover {color: #0C8ABE;}
#content .commentlist .even {}
#content .commentlist .bypostauthor {}
#content .reply {font-size: 12px;padding: 0 0 24px 0;}
#content .reply a,
a.comment-edit-link {color: #888;}
#content .reply a:hover,
a.comment-edit-link:hover {color: #0C8ABE;}
#content .commentlist .children {list-style: none;margin: 0; margin-bottom: 20px;}
#content .commentlist .children li {border: none;margin: 0; list-style: none; margin-bottom: 20px;}
#content .nopassword,
#content .nocomments {display: none;}
#content #comments .pingback {border-bottom: 1px solid #e7e7e7;margin-bottom: 18px;padding-bottom: 18px;}
#content .commentlist li.comment+li.pingback {margin-top: -6px;}
#content #comments .pingback p {color: #888;display: block;font-size: 12px;line-height: 18px;margin: 0;}
#content #comments .pingback .url {font-size: 13px;font-style: italic;}
#content .commentlist li.post {-moz-box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff;}

/* ---------------- Comments Form------------------ */

#respond cf0b4d
#respond p {margin: 0; padding: 0;}
#respond .comment-notes {margin-bottom: 1em;}
.form-allowed-tags {line-height: 1em;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin:0 0 18px 0;}
#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
#cancel-comment-reply-link {font-size: 12px;font-weight: normal;line-height: 18px;}

#respond .required {color: #ff4b33;font-weight: bold;}
#respond label {color: #555;font-size: 12px; font-weight: bold;}
#respond input {margin: 0 0 9px;width: 85%; padding:10px 0px 10px 35px; border: 1px solid #ccc;-moz-box-shadow:0 1px 0 #FFFFFF; -webkit-box-shadow:0 1px 0 #FFFFFF; box-shadow:0 1px 0 #FFFFFF; display: block; font-size: 13px; color: #666;}
#respond textarea {width: 85%;padding:10px 0px 10px 35px; border: 1px solid #ccc;-moz-box-shadow:0 0 7px #eee; -webkit-box-shadow:0 0 7px #eee; box-shadow:0 0 7px #eee; display: block; font-size: 13px; color: #666;}
#respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px; margin: 15px 0;width: 93%;}
#respond .form-allowed-tags code {font-size: 11px;}
/*#respond .form-submit {margin: 12px 0;}
#respond .form-submit input {font-size: 14px;width: auto; }
#respond .form-submit input { background:none repeat scroll 0 0 #666; color:#FFFFFF; padding:8px 15px; text-transform: uppercase; font-size: 11px; border: none;
-moz-box-shadow:0 0 4px #DDDDDD; -webkit-box-shadow:0 0 4px #DDDDDD; -moz-border-radius:10px;-webkit-border-radius:10px; }
#respond .form-submit input:hover {background: #0C8ABE;}*/
#respond input#author {background-image:url('images/c-name.png'); background-repeat: no-repeat; background-position: 10px center;}
#respond input#email {background-image:url('images/c-email.png'); background-repeat: no-repeat; background-position: 10px center;}
#respond input#url {background-image:url('images/c-url.png'); background-repeat: no-repeat; background-position: 10px center;}
#respond textarea#comment {background-image:url('images/c-com.png'); background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 0 10px 35px; width: 85%; color: #666666; -moz-box-shadow:0 1px 0 #FFFFFF; -webkit-box-shadow:0 1px 0 #FFFFFF; box-shadow:0 1px 0 #FFFFFF;}
#content #respond form input[type="submit"] {text-indent: -9999px; background:url('images/submit-comment.png'); width: 158px; height: 44px; border: 0;
-moz-box-shadow:0 0 0 #FFF; -webkit-box-shadow:0 0 0 #FFF; box-shadow:0 0 0 #FFF;}
#content #respond form p.fr input[type="submit"] {  background:url('images/submit-comment-fr.png');}
#contwnt #respond form input[type="submit"]:hover {opacity:0.4;filter:alpha(opacity=40);}
#content .reply a, a.comment-edit-link {color: #333; font-weight: bold;}

/*-------------------------------------------------------------------------*/
/* 6. FOOTER */
/*-------------------------------------------------------------------------*/

#bottomBar {clear: both; display: block; background: #2A2A2A; border-top: 5px solid #383838; padding: 20px 0; min-height:300px; z-index: 200; position: relative; }
#bottomBar .widget {width: 210px; background: none; text-shadow: 0 0 0 #111; color: #fff; margin-bottom: 30px;}
#bottomBar .widget h2.widgettitle {color: #fff;}
#bottomBar .widget a {color: #ddd; text-decoration: none;}
#bottomBar .widget ul li {background: url("images/dotted-line-grey.gif") repeat-x scroll left bottom; margin: 0; padding: 8px 0px; text-transform: uppercase; color: #777; font-size: 11px; text-decoration: none;}

#footer { color: #fff;  font-size: 11px; text-shadow: 0 -1px 0 #8e0635; height: 25px; line-height: 2;}
#footer a {color: #222; text-decoration: none; font-weight: bold;}
#footer .left {float: left; width: 990px; height: 200px; background: url('images/footer.gif') no-repeat;}
#footer .footer_en {float: left; width: 990px; height: 200px; background: url('images/footer_en.gif') no-repeat!important;}
#footer .right {float: right; width: 400px; text-align: right;}

img#wpstats {display: none;}