/*
Theme Name: Foodiet
Theme URI: http://www.wpthemepremium.com/theme/foodiet/
Description: This theme is designed and coded by <a href="http://www.wpthemepremium.com/">Wpthemepremium</a>.
Version: 1.0
Author: Wpthemepremium
Author URI: http://www.wpthemepremium.com/
Tags: Brown, Fixed Width, Three Columns, Left Sidebar, Right Sidebar, Blavatar, Gravatar, Custom Header, Custom Menu, Featured Images, Featured Image Header, Theme Options, Threaded Comments, Widget Ready, Footer Widgets, Pagenavi, Social Bookmarking, Magazine Style, Ads Ready, Adsense Ready, RTL Language Support, Plugin(s) Required, Valid xhtml, Valid css
*/

/* wp-default style */
/* Images */
p img {max-width: 100%; /* not working in IE6 */}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 5px 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; color: #666;}
.wp-caption img {border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 4px; color: #333; margin: 0;}

/* PageNavi*/
.wp-pagenavi{text-align:center; padding: 10px 0;}
.wp-pagenavi a{padding: 3px 5px;margin: 2px;text-decoration: none;border: 1px solid #c7c0ab;color: #000;background-color: #e7e7e7;line-height: 26px;}
.wp-pagenavi a:hover{border: 1px solid #c7c0ab;color: #666;background-color: #f4f3f2;}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend{padding: 3px 5px!important;;margin: 2px!important;;color: #000;background-color: #fff;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border: 1px solid #333!important;}
.wp-pagenavi a, .wp-pagenavi span{margin:2px!important;padding: 3px 5px!important;}

/* Calendar */
#calendar_wrap {padding: 0; color: #3c2501;}
#wp-calendar{empty-cells: show;margin: 0px auto 0;width: 100%;}
#wp-calendar #next a{padding-right: 10px;text-align: right;}
#wp-calendar #prev a{padding-left: 10px;text-align: left;}
#wp-calendar a{font-size: 12px;display: block;font-weight: bold;font-style: normal;text-decoration: none;}
#wp-calendar tbody a{color: #000;background-color: #fc0;}
#wp-calendar a:hover{color: #900;background: #EEE8A0;}
#wp-calendar caption{text-align: left;padding-bottom: 5px;background: none;font-family: Arial, Verdana, Geneva, sans-serif;font-weight: bold;font-size: 16px;}
#wp-calendar td{text-align: center;padding: 3px 0;font-size: 12px;text-align: center;}
#wp-calendar th{text-align: center;font-style: normal; font-weight: normal;font-size: 12px;text-transform: capitalize; background-color: #ECE6DA;}

/* Default */
h2 {
	margin-bottom: 0;	
}
h3 {
	margin-bottom: 10px;	
}
p {
	margin: 0 0 7px 0;	
}
.span-24 {
	width: 998px;
}
h6 {
	margin-bottom: 1.5em;
}
blockquote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 15px 10px;
	border: 1px solid #ddd;
	display: block;
	background: #F7F7F7 url(images/icon.gif) -1px -10px no-repeat;
}
blockquote:hover {
	border-color: #aaa;
	background-color: #EBEBEB;
}
code {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 15px 10px;
	margin: 1.5em;
	color: #666;
	font-style: italic;
	display: block;
	border: 1px solid #ddd;
	background: #F7F4E6 url(images/icon.gif) -28px -1px no-repeat;
}
code:hover {
	border-color: #aaa;
	background-color: #F7F0D2;
}
tbody tr:nth-child(even) td {
	background: inherit;
}
textarea {
	width: auto;
	height: auto;
}
.border-radius {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a {
	color: #66402D;	
}
a:hover {
	color: #3591CB;	
}

/* Layout */
body {
	background: #562708 url(images/bg.jpg);
}
#header-bg {
	background: url(images/footer.jpg) no-repeat center bottom;
}
#wrapper {
	background: url(images/wrap.jpg) repeat-y center top;
}
#container-wrap {
	background: url(images/header.jpg) no-repeat center top;
}
/* Header */
#header {
	padding-bottom: 7px;
	position: relative;
}
#header .logo {
	position: absolute;
	left: 39px;
	top: 47px;
}
#header .blog-name {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 7px 0;
}
#header .blog-name a {
	color: #F7E93E;
	text-decoration: none;	
}
#header .blog-des {
	color: #ccc;
	font-size: 1.2em;
	margin: 0;
}
#header #rss {
	position: absolute;
	left: 682px;
	top: 200px;
}
#header #rss img {
	width: 36px;
	height: 28px;
}
#header #twitter {
	position: absolute;
	left: 733px;
	top: 183px;
}
#header #twitter img {
	width: 40px;
	height: 38px;
}
#header #page-menu {
	font-size: 12px;
	margin: 5px 7px 0 19px;
	float: right;
	height: 22px;
	overflow: hidden;
	text-transform: uppercase;
}
#header #page-menu ul {
	margin: 0;
	padding: 0;
}
#header #page-menu ul li {
	padding: 0 3px;
	text-align: center;
	list-style: none;
	float: left;
}
#header #page-menu ul li a {
	color: #fff;
	padding: 2px 8px;
	display: block;
	text-decoration: none;
}
#header #page-menu ul li a:hover, #header #page-menu li.current_page_item a {
	color: #ffe075;
}
#header #page-menu ul ul {
	display: none;
}
#header #page-menu ul ul li {
	font-size: 1em;
}
#header #navigation {
	font-size: 12px;
	margin-top: 211px;
	height: 45px;
	overflow: hidden;
}
#header #navigation ul {
	overflow: hidden;
	margin: 0 30px;
	padding: 0 0 0 0px;
}
#header #navigation ul li {
	font-size: 12px;
	padding: 0 3px;
	line-height: 3.2;
	margin: 0px 0 0px 0;
	font-weight: normal;
	text-align: center;
	list-style: none;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
}
#header #navigation ul li a {
	padding: 0 12px;
	text-decoration: none;
	color: #ffe075;
}
#header #navigation ul li a.mainParentBtn {
	background: url(images/nav_focus.gif) no-repeat right 50%;
}
#header #navigation ul li a:hover, #header #navigation li.current-cat a {
	color: #fff;
}
#header #navigation ul ul li {
	font-size: 1em;
}
.tool-wrap {
	width: 100%;
	margin-bottom: 5px;
}
#search-wrap {
	background: url(images/search_frame.jpg) no-repeat;
	padding-left: 18px;
	padding-bottom: 6px;
	margin-top: 5px;
}
#search-wrap input.search-text {
	width: 136px;
	margin: 0px 4px 0 0;
	border: 0;
	background: url(images/spacer.gif);
}
#search-wrap input#search-submit {
	width: 17px;
	height: 18px;
}
.toolbox {
	width: 200px;
	float: right;
}
.ad-wrap {
	text-align: center;
	background: #d7c3b2;
	margin-bottom: 7px;
}
.ad-wrap img {
	width: 468px;
	height: 60px;
}
/* Content */
#container {
	width: 998px;
}
#content-wrap {
	width: 948px;
	padding: 0px 25px 0px 25px;
	margin-bottom: 0px;
	background: url(images/content-wrap-bg.gif) repeat-y;
}
#content {
	float: left;
	display: inline;
	width: 520px;
	margin-top: 0;
	margin-bottom: 7px;
	margin-right: 0px;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
#content .content-box {
	padding: 4px 10px;
	width: 498px;
	overflow: hidden;
	border-top: #7e7e7e 1px solid;
	border-left: #7e7e7e 1px solid;
	border-right: #7e7e7e 1px solid;
}
#content .jdGallery .slideInfoZone {
	height: 90px;
}
#content .jdGallery .slideInfoZone h2 {
	font-size: 14px;
	color: #ffdc1b!important;
	font-weight: bold;
}
#content .jdGallery .slideInfoZone p {
	font-size: 12px;
	color: #c2c5c0;
}
#content .jdGallery .slideInfoZone p em {
	font-style: normal;
	color: #ab2c00;
	font-weight: bold;
}
#content .entry {
	color: #1b1b1b;
	padding: 3px 0;
	margin: 2px 0;
}
#content .entry .read_more {
	
}
#content .entry .read_more a {
	color: #3591cb;
	display: block;
}
#myGallery {
	margin-bottom: 0px!important;
}
#myGallery .imageElement {
	display: none;
}
#featCategories {
	padding: 8px 0 0 0;
	border-left: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
}
#content .category {
	width: 248px;
	padding-left: 11px;
	padding-right: 0;
	padding-bottom: 10px;
	margin-right: 0;
}
#content .category .home-title {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 17px 32px 15px 70px;
	background: url(images/content_title.jpg) no-repeat;
}
#content .category .home-title a {
	color: #fff4c2;
	text-decoration: none;
}
#content .category .home-title a:hover {
	color: #fc0;
}
#content .category .post-title {
	font-size: 12px;
	font-weight: bold;
}
#content .category .post-title a {
	color: #933802;
	text-decoration: none;
}
#content .category .post-title a:hover {
	color: #012772;
}
#content .category .post {
	padding: 0 5px 13px 0;
	margin: 0 10px 5px 0;
	border-bottom: 1px solid #ababab;
	height: 120px;
	overflow: hidden;
}
#content .category .morepost {
	display: inline;
	float: right;
	margin-right: 10px;
	font-weight: bold;
}
#content .category .morepost a {
	color: #b40000;
}
#content .category .morepost a:hover {
	color: #0F3449;
}
/* home_posts */
#home_posts {
	padding: 8px 11px 0;
	margin: 10px 0 0;
	border-top: #7e7e7e 1px solid;
	border-left: #7e7e7e 1px solid;
	border-right: #7e7e7e 1px solid;
}

.article-title {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding:  17px 32px 15px 70px;
	background: url(images/home_posts_title.jpg) no-repeat;
	margin: 0;
    color: #FFF4C2;
}
#home_posts .content-box-index{
    padding: 4px 0px 8px;
    clear: both;
	background: url(http://topkuliner.com/wp-content/themes/foodiet/images/home_posts_bg.gif) repeat-y;
}

/* Sidebar */
#sidebar, #left-sidebar, #right-sidebar {
	overflow: hidden;
	float: left;
}
#left-sidebar {
	margin-right: 10px;
}
#right-sidebar {
	float: right;
}
#right-sidebar a {
	text-decoration: underline;
}
.sidebarad-wrap {
	width: 179px;
	text-align: center;
	padding: 15px 0 15px 0;
	margin: 0 0 10px 20px;
	background: #ece6da url(images/sidebarad-wrap-bg.jpg) no-repeat center 50%;
}
.sidebarad-wrap a {
	margin: 3px 0;
}
.sidebar {
	width: 208px;
	margin-top: 0px;
	color: #7D635E;
}
.sidebar a {
	color: #500d00;
	text-decoration: none;
}
.sidebar a:hover {
	color: #c85218;
	text-decoration: underline;
}
.sidebar h2 {
	color: #fff59e;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 6px 2px 4px 48px;
	text-transform: uppercase;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebar ul li {
	padding: 0 5px 12px 15px;
	list-style-type: none;
	margin-top: 10px;
	background: url(images/sidebar_title.jpg) no-repeat left top;
}
.sidebar ul li div {
	padding: 6px 10px 6px 10px;
}
.sidebar ul ul {
	margin: 0px;
	padding: 3px 8px 0px 8px;
}
.sidebar ul ul li {
	overflow: hidden;
	padding: 7px 0 7px 30px;
	margin: 0;
	background: url(images/arrow_icon.gif) no-repeat 15px 14px;
	border-bottom: 1px solid #d0c7b6;
}
.sidebar ul ul ul {
	background: none;
	padding: 0;
}
.sidebar ul ul ul li {
	border-bottom: none;
	padding-bottom: 0px;
}
.sidebar .sidebar_bot_border {
	heigth: 4px;
	background: url(http://topkuliner.com/wp-content/themes/foodiet/images/sidebar_bot_border.gif) no-repeat left bottom;	
}
#right-sidebar .sidebarvideo {
	padding: 0px;
	margin: 0px;
}
#right-sidebar .sidebarvideo ul li {
	text-align: center;
	margin-bottom: 0px;
}
.sidebar select {
	font-size: 1em;
	margin: 7px 0 0px 10px;
	width: 90%;
}

/* Footer */
#footer {
	clear: both;
	width: 998px;
	margin: 0 auto;
	padding: 30px 0px 40px 0px;
	text-align: center;
	background: url(images/content-wrap-bottom.gif) no-repeat left top;
}
#footer, #footer a {
	color: #d6b78a;
	text-decoration: none;
}
#footer .credit {
	padding: 10px 155px 0 180px;	
}


#subMenusContainer a {
	color: #ffdb7b!important;
	background: url(images/submenus_bg.jpg) repeat-x #b45f0b;
	border-left: #440301 1px solid;
	border-right: #440301 1px solid;
}
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused {
	color: #fff!important;
	background-color: #b45f0b!important;
}
#content .postmetadata, #content .tags {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva, sans-serif;	
}
#content .postmetadata a, #content .tags a {
	color: #666;
	text-decoration: underline;
}
#content .postmetadata a:hover, #content .tags a:hover {
	color: #900;
	text-decoration: underline;
}
#content .nocomments {
	padding: 10px;
	margin: 8px 0;
	color: #666;
	text-align: center;
	background: #EEEED1;
	border: 1px solid #999;	
}
#content .post_nav {
	padding: 10px 5px;
	margin: 5px 0 10px 0;
	background-color: #FFFDF0;
	border: 1px dashed #ccc;
}
#content .post_nav a {
	color: #666;	
}
#content .post_nav a:hover {
	color: #009;	
}
#content .post, #content .page {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #aaa;
	zoom: 1;
}
#content .post .title, #content .page .title {
	margin: 7px 0;
	font-size: 18px;
	line-height: 1.2;
}
#content .post .title a, #content .page .title a {
	color: #933802;
	text-decoration: none;	
}
#content .post .title a:hover, #content .page .title a:hover {
	color: #012772;
}
#content .my_path {
	padding: 0 0 6px 15px;
	color: #666;
	margin: 0 0 0 10px;
	background: url(images/icon_sp.jpg) no-repeat -261px -172px;	
}
#content .my_path_sp {
	color: #F60;
	font-weight: bold;	
}
#content .postmetadata {
	line-height: 1.7;
	color: #666;
}
#content span.ico {
	padding: 3px 0 3px 18px;
	background-image: url(images/icon_sp.jpg);
	background-repeat: no-repeat;
}
#content .post_date {
	background-position: 0px 2px;
}
#content .post_author {
	background-position: -322px -36px;
}
#content span.post_edit {
	background: none;
	padding: 0;
}
#content .post_cat {
	background-position: -127px -87px;	
}
#content .post_tags {
	background-position: -383px -211px;	
}
#content .post_comments {
	background-position: -76px -303px;	
}
#content .more_content a {
	padding: 0px 0 0px 11px;
	background: url(images/icon_sp.jpg) no-repeat -199px -65px;
}
#content .post-edit-link {
	padding: 3px 0 3px 18px;
	background: url(images/icon_sp.jpg) no-repeat 0px -214px;	
}
#content .post_thumbnail {
	padding: 0px;
	width: 106px;
	border: 1px solid #050505;
}
#content .post_thumbnail1 {
	padding: 0px;
	border: 1px solid #050505;
}
#content .notfound {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #900;	
}
.post:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.post {display:block;}

/* framework for comments */
ol.commentlist {margin: 10px 0 0 0; padding: 0 0 0 0; background: #fff; border-top: 1px solid #e5e5e5;}
ol.commentlist li {list-style-type: none; border: 1px solid #e5e5e5; padding: 15px;margin-top: 15px;overflow: hidden;}
ol.commentlist li.alt {background: #F4F4F4;}
ol.commentlist li.even {border-left: 1px solid #ddd; background: #FEFEFE;}
ol.commentlist li.comment-body {maring: 20px 0 0;}
ol.commentlist li.bypostauthor p {color: #666;}
ol.commentlist li div.vcard cite.fn {font-style: normal; font-weight: bold;}
ol.commentlist li div.vcard cite.fn a.url {color: #ff6000;}
ol.commentlist li div.vcard img.avatar {float:right;}
ol.commentlist li div.vcard img.avatar-32 {background: #fff; padding: 2px; border: 1px solid #ddd;}
ol.commentlist li div.vcard span.says {color: #888;}
ol.commentlist li div.comment-meta {font-size: 0.9em; margin: 3px 0 0 0;}
ol.commentlist li div.comment-meta a {color: #aaa;}
ol.commentlist li p {margin: 15px 0 0 0; line-height: 1.4em;}
ol.commentlist li div.reply a {font-weight: bold; }
h3#comments {padding-top: 10px; margin-bottom: 10px;}
#respond h3 {margin: 10px 0;}
#respond #commentform textarea {width: 99%; padding: 2px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #666;}
#respond input#submit {float: right; margin: 0 0 5px auto; padding: 2px; width: 150px;}
#respond p {margin-bottom: 5px;}
ol.commentlist .comment-meta {background: url(images/bg_clock.gif) no-repeat left 4px; padding-left: 15px;}

#footer {
margin:0 auto;
width:90%;
height:20px;
padding-top:5px;
border-top:1px solid #B9B9B9;
text-align:center;
}
#footer a {
text-decoration:none;
color:#7E7E7E;
}
#fixme {
    LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center; background:#33CCFF;
}
#fixmetoo {
    LEFT: 0px; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; TEXT-ALIGN: center
}
DIV > DIV#fixme {
    POSITION: fixed
}
DIV > DIV#fixmetoo {
    POSITION: fixed
}
PRE.fixit {
    BORDER-RIGHT: #000 1px dashed; PADDING-LEFT: 2px; OVERFLOW: auto; BORDER-LEFT: #000 1px dashed
}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:2px solid #66f;
font:normal 11px Tahoma;
color:#FF4F4F;
line-height: 14px;
z-index: 300;
background-color: white;
width: 19%;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
.combox {
width:99%;
clear:both;
height:auto;
}
.combox small {
clear:both;
}
input.comm, textarea.comm { clear:both; border: 1px solid #EDBE00; background: #F7F7F7; color: #996600; font-size: 10px; padding: 2px 5px 2px 5px; }
input.comm {width: 165px;}
textarea.comm {width: 300px;}
input.comm#submit {border: 1px solid #EDBE00; background: #EDBE00; color: #D10101; width:80px;}
input.commv {border: 1px solid #EDBE00; background: #F7F7F7; color: #996600; font-size: 10px; padding: 2px 5px 2px 5px; width: 50px; margin-bottom:2px;}
h5.comm {
clear:both;
}