/*
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 { text-decoration: none; }
del { text-decoration: line-through; }
a { cursor: pointer; }
a img { cursor: pointer; border: none; }
sup { font-size: 8px; font-family: Verdana, Geneva, sans-serif; }

/* ---------------- Defaults ------------------ */
body {background: url(images/bg.png); font-family: 'Droid Sans', "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%;  }

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;}

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

/* #header {background: #fff100; height: 65px; width: 100%; border-bottom: 5px solid #e5d800; border-top: 1px solid #fff65d; text-shadow: 0 1px 0 #fff65d; display: block; clear: both;} */
#header { height: 121px; width: 100%; border-top: 1px solid #b08f6c; text-shadow: 0 1px 0 #b7966f; display: block; clear: both;}
.header-global {background: #ac8c67 url('images/header_blog.png') center top no-repeat; }
.header-spanish {background: #6e573c url('images/header_blog_en_espanol.png') center top no-repeat;}
#header h1#branding { font-family: 'Lobster', 'Helvetica Neue', Helvetica, Arial, sans-serif;  font-weight: normal; padding-top: 18px; color: #222; font-size: 30px; float: left;}
#header a {color: #2a2a2a; text-decoration: none;}
#top form#searchform {width: 190px; float: right; margin-top: 15px; text-align: right; background: #fff; border: solid 1px #2a2a2a; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#top form#searchform label {display: none;}
#top form#searchform input[type=text] {padding: 6px 9px; height: 16px; width: 145px; border: 0; float: left; background: none; color: #777;}
#top 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 {background:#2a2a2a;}
#top .wrapper { padding: 0;}

#top .menu {display: block; height: 60px;}
#top .navi { margin: 0; }
#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 {text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; padding: 22px 12px 10px 12px; display: block; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
	text-shadow: 0 -1px 0 #000;
}

#top .navi ul li ul {z-index: 100; font-size: 11px;}
#top .navi ul li ul a { background: #aca200;}
#top .navi ul li li {margin: 0; border-bottom: #aca200 solid 1px; border-top:#fff100 solid 1px; }
#top .navi ul li li a {padding: 12px 12px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-shadow: 0 1px 0 #fff65d;  text-transform: none; color: #2a2a2a;}
#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 {text-decoration: none; background: #b08f6c; text-shadow: 0 1px 0 #b49169; color: #2a2a2a;}
#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 {background:	#b08f6c; outline: 0;}

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

#top .navi ul li:hover li a:hover  {color: #fff; text-shadow: 0 -1px 0 #000; background: #2a2a2a;}
/*-------------------------------------------------------------------------*/
/* 3. POSTS/PAGES */
/*-------------------------------------------------------------------------*/


#content {padding: 50px 0; /*text-shadow: 0 1px 0 #fff;*/}
#content .post {width: 670px; background: #f9f9f9; margin-bottom: 30px;
	-moz-box-shadow:0 0 8px #DDDDDD; -webkit-box-shadow:0 0 8px #DDDDDD; box-shadow:0 0 8px #DDDDDD;
	/*border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;*/
}
.post-wrapper {float: left; width: 670px;}
#content .post .wrap {padding: 15px 40px 40px;}

#content .post h2 {color: #333; font-family: Georgia, serif; font-weight: normal; font-style: italic; font-size: 26px; background:url(images/dotted-line.gif) repeat-x bottom left; padding: 30px 0 15px 0; margin: 0 40px;}
#content .post h2 a {color: #333; text-decoration: none;}
#content .post h2 a:hover {color: #b08f6c; 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; font-style: italic; background:url(images/dotted-line.gif) repeat-x bottom left; 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;}
#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 .entry img.sociable-hovers { padding: 5px; text-align:center; background:#fff; border: solid 0px #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 {background: #d8d8d8; border-bottom: 5px solid #777777; color: #555; padding: 0; text-transform: uppercase; clear: both; display: block; font: 11px/13px Helvetica,Arial,sans-serif; padding:8px 10px; text-shadow: 0 1px 0 #eee;}
#content .post .meta a {color: #888; text-decoration: none; font-style: italic; text-transform: none;}
#content .post .meta a:hover {text-decoration: underline;}
#content .post .bar-frame { background:url(images/divider-bar.gif) repeat-y 110px 0; overflow:hidden; padding: 0 0 0 6px; width:615px;}
#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:10px; line-height:12px; font-weight:bold; color:#494949;}
#content .post .meta .author { float:left; width:150px; padding: 0px 14px 0 0;}
#content .post .meta .author .gravatar-img { padding: 0; width: 55px; float: left; }
#content .post .meta .author .postedby-box { padding-top: 16px; }
#content .post .meta p {margin:0 !important;}
#content .post .meta .categories { float:left; width:116px; padding: 16px 11px 0 0;}
#content .post .meta .comments {width:90px; float:left; padding: 16px 15px 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;}

.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: #fff100; border: solid 1px #e5d800; color: #333;}
.pagination .current{ padding:6px 9px 5px 9px; background: #fff100; color:#fff; border: solid 1px #e5d800; color: #333;}

/*-------------------------------------------------------------------------*/
/* 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: 30px;
	border-bottom: 5px solid #777777;
}
#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;}

#sidebar .widget h2.widgettitle { color: #333; font-size: 14px; text-transform: uppercase; font-weight: bold; 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;}

#sidebar widget-simpletags a {
	color: red;
}

/*-------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------*/
#comments {clear: both; padding: 30px; background-repeat: repeat-x; background-position:center top; 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 {margin:0 0 24px 0;overflow: hidden;position: relative; padding-top: 10px; background-image:url(images/dotted-line.gif); background-repeat: repeat-x; background-position:center top;}
#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;}
#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 {background: #c6a47f; color: #222; padding: 15px 0; border-top: 5px solid #b08f6c; font-size: 11px; text-shadow: 0 1px 0 #b7966f; height: 25px; line-height: 2;}
#footer a {color: #222; text-decoration: none; font-weight: bold;}
#footer .left {float: left; height: 40px;}
#footer .right {float: right; text-align: right;}

img#wpstats {display: none;}

.widget_adrotate_widgets {
	padding:0 !important;
	border:0 !important;
	background:none;
}
#sidebar .widget_adrotate_widgets {
	width: 250px;
	background-color: none !important;
	border-bottom: 0 !important;
	background-image: none !important;
	box-shadow: 0 !important;
}

.dpe-flexible-posts li a h4 {
color: #777;
font-size: 12px;
text-decoration: none;
margin: 0;
}

/* responsive web */

html {
	width: 100%;
    overflow-x: hidden !important;
}

.wrapper {
	max-width: 100%;
}

@media (max-width: 980px) {
	html body {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}
	body {
		background-image: none !important;
		background-color: #eee !important;
	}
	html,body {
		overflow-x: hidden;
	}
	.wrapper {
	    width: 100% !important;
	    max-width: 980px !important;
	    margin: 0 auto;
	    display: inline-block;
	}
	#top form#searchform {
		margin-right: 2%;
	}
	.menu-main-menu-en-container {
		display: inline-block;
	}
	#top .navi ul li a {
		padding: 22px 10px 10px 10px !important;
	}
	#content {
		padding-top: 0 !important;
	}
	.post-wrapper {
		width: 100% !important;
    	max-width: 980px !important;
	}
	#content .post {
		width: 100% !important;
	}
	#content .post .wrap {
    	padding: 2% !important;
    	font-size: 1rem !important;
	}
	#content .post h2 {
	    margin: 0 !important;
		padding: 4% 3% 1% 3% !important; /* 4% 3% */
		background-image: none !important;
	}
	#content .post .entry img {
		max-width: 980px !important;
    	width: 104% !important; /* 100% */
    	padding: 0 !important;
		margin: 2% -2% !important;
		border: 0px solid transparent;
	}
	#content .post .bar-frame {
		width: 100% !important;
		max-width: 980px !important;
		background-image: none !important;
	}
	#content .post .bar-frame > div {
		width: 18% !important;
		padding-right: 0 !important;
		margin-right: 1% !important;
		font-size: 14px;
    	line-height: 1;
	}
	#content .post .meta {
		padding: 25px 10px !important;
	}
	#content .post .meta .title {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	#content .post .meta a {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	#content .post .meta .date .holder {
	    float: left !important;
	    width: 49px;
	    padding: 5px !important;
	}
	#content .post .meta .author,
	#content .post .meta .date {
	    padding-top: 16px !important;
	}
	#content .post .meta .author .gravatar-img {
	    width: 100% !important;
	}
	#content .post .meta .author .postedby-box {
		padding-top: 0px !important;
	}
	#content .post .meta .author .gravatar-img img {
	 	padding-right: 10px !important;
	}
	#content .commentlist li.comment {
		padding: 80px 0 0 0 !important;
	}
	#content .commentlist .children {
		background-color: #eee;
		padding-left: 10px;
		margin-right: 10px;
	}
	#content .commentlist .children .children {
		background-color: #ddd;
	}
	#content .commentlist .children .children .children {
		background-color: #ccc;
	}
	#content .commentlist .children .children .children .children {
		background-color: #bbb;
	}
	#content .commentlist .children .children .children .children .children {
		background-color: #aaa;
	}
	#sidebar {
	    float: left !important;
	    width: 100% !important;
	    margin-top: 5% !important;
	    max-width: 980px !important;
	}
	#sidebar > div {
		width: 100% !important;
		max-width: 980px !important;
		padding: 0 !important;
	}
	#sidebar > div:last-child {
		margin-bottom: 0 !important;
	}
	#sidebar .widget h2.widgettitle {
		padding: 3% 2% 1% 2% !important;
		font-size: 21px !important;
	}
	#sidebar .widget ul li {
	    padding: 3% 2% !important;
	}
	#sidebar .widget ul li a {
		font-size: 16px !important;
	}
	#sidebar .widget ul li:last-child {
		background-image: none !important;
	}
	#sidebar .widget > div {
	    padding: 1% 2%;
	    font-size: 16px !important;
	}
	.pagination {
		font-size: 21px !important;
	}
	.pagination span, .pagination a, .pagination .current {
	    padding: 16px 19px 15px 19px !important;
	}
	
	#footer {
		height: 100% !important;
		line-height: 1 !important;
	}
	#footer > div.wrapper {
		width: 100% !important;
		max-width: 980px !important;
	}
	#footer > div > div {
		padding: 1% 2% !important;
		height: 100% !important;
	}
	#top {line-height: 0 !important;}
	#top .navi ul li {margin: 0 !important;}
	#content .post .entry p:first-child img:first-child {margin-top: 0% !important;}
	#content .post .entry .wp-caption {width:100% !important; max-width: 100% !important;}
	#content .post .entry .wp-caption img {width:100% !important; max-width: 100% !important; margin: 0 !important;}
}

@media (max-width: 767px) {
	#content .post .bar-frame > div {
		width: 48% !important;
	}
}
@media (max-width: 480px) {
	#content .post .bar-frame > div {
		width: 98% !important;
	}
	#top form#searchform {width: 150px;margin-bottom: 15px;} /* width: 190px */
	#top form#searchform input[type=text] {width: 107px;} /* width: 145px */
}
@media (max-width: 380px) {
	#top .navi ul li {
		/* clear: both !important; */
	}
}