/*
Theme Name: Halive
Theme URI: http://www.e-lezzet.net/
Description: A minimalist WordPress theme for food site.
Version: 1.0
Author: E-Lezzet
Author URI: http://www.e-lezzet.net/
Tags: minimalist, yemek

	Halive v1.0
	http://www.e-lezzet.net/
*/

/* = Reset Style
--------------------------------------------------------------- */

video,audio,mark,time,summary,section,ruby,output,nav,menu,hgroup,header,footer,figcaption,figure,embed,details,canvas,aside,article,td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,center,i,u,b,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}section,nav,menu,hgroup,header,footer,figure,figcaption,details,aside,article{display:block}body{line-height:1}ul,ol{list-style:none}q,blockquote{quotes:none}q:after,q:before,blockquote:after,blockquote:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* = Basics
-------------------------------------------------------------- */

a {
	text-decoration: none;
	outline: none;
}


body {
	background: url('images/background.png') repeat-x #ebebeb;
	font-family: Arial,Tahoma,Verdana,'Trebuchet MS','Lucida Grande',Georgia;
	font-size: 13px;
	color: #222;
	line-height: 20px;
}

#wrap, #content, #header, #footer, #section, #article, #aside, #nav {
	display: block;
}


#wrap {
	margin: 0 auto;
	width: 800px;
	padding: 0 10px;
	background: url('images/html-bg.png') top center repeat-y;
}

#header {
	clear: both;
	position: relative;
	background: #2d4575 url('images/header-bg.png') repeat-x;
	height: 71px;
	padding-top: 11px;
	color: #ccc;
}

	#title {
		display: block;
		float: left;
		width: 200px;
	}

		#title h1, #title h6 {
			position: absolute;
			left: -9999px;
		}

	.description {
		font-size: 10pt;
	}

/* = Navigation
-------------------------------------------------------------- */

#nav {
	position: absolute;
	bottom: 1px;
	right: 0;
	width: 560px;
	height: 30px;
	line-height: 20px;
	padding: 0;
}

	#nav ul {
		margin: 0;
		list-style-type: none;
	}

	#nav ul li {
		display: block;
		float: right;
	}

		#nav li a {
			display: block;
			float: left;
			height: 25px;
			padding: 5px 10px 0;
			font-weight: bold;
			color: #eee !important;
			text-shadow: #333 1px 1px 1px;
			text-align: center;
			font-size: 11px;
		}

		#nav li.current_page_item a, #nav li a:hover {
			background: #395694;
			color: #ddd !important;
		}


#topright {
	float:right;
	height: 30px;
	line-height: 30px;
}

#content {
	clear: none;
	overflow: hidden;
	float: left;
	width: 540px;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,'Trebuchet MS',Georgia;
	padding: 20px;
	padding-right: 0;
}


/* = Content
-------------------------------------------------------------- */

#content h2 a {
	color: #666666;
	text-decoration: none;
}

.post h1 { font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; color: #364C88; padding-bottom: 10px; }
#content strong { font-weight: bold; }

#content h1 a:hover { color: #00a; }

.box { float: left; display: inline; width: 170px; height: 170px; margin: 0 10px 0 0; padding: 0; }
	.box h1 { float: left; width: 162px; height: 28px; padding: 2px 2px 2px 4px; font-family: Arial,sans-serif; font-size: 15px !important; text-align: center; line-height: 14px !important; font-weight: bold; color: #364C88; }
		.box h1 a { color: #364C88; }

		.box .comment { display: inline; float: left; width: 28px; height: 26px; margin-top: 4px; padding: 0; font-size: 11px; font-weight: bold; color: #364C88; text-align: center; background: url('images/box-comment-bg.png') no-repeat; }

	.box img.index, .box img.wp-post-image { width: 160px; height: 120px; margin-right: 10px; border: 1px solid #bbb; padding: 4px; }
	.entry img.single { float: left; width: 300px; margin-right: 5px; }
	.entry img.archive { float: left; width: 160px; }

.ad-468x60 { clear: both; width: 470px; height: 60px; margin: auto; padding: 10px 0; }
.ad-300x250 { float: left; width: 300px; margin-right: 5px; }

.entry h3 { padding-bottom: 10px; }

#if-caption { clear: both; width: 478px; height: 134px; margin: auto; border: 1px solid #781b61; background: none; }
#if-head { width: 478px; background: #781b61; color:#FFFFFF; display:block; float:left; font-size:14px; height:24px; line-height:24px; overflow:hidden; position:relative; text-indent: 8px; margin: 0; }

/* = Sidebar
-------------------------------------------------------------- */

#sidebar {
	overflow: hidden;
	width: 200px;
	float: right;
	clear: none;
	padding: 20px;
}

	#sidebar li {
		list-style: none;
	}

		#sidebar li ul li {
			list-style: disc inside;
		}


/* = Footer
-------------------------------------------------------------- */

#footer {
	position: relative;
	clear: both;
	width: 790px;
	height: 70px;
	overflow: hidden;
	padding: 20px 0 0 10px;
	font-size: 11px; 
	color: #eee; 
	background: url('images/footer-bg.png') repeat-x;
}

#footer strong { font-size: 12px; font-weight: bold; }
#footer .left { float: left; width: 600px; height: 50px; margin: 5px 0 0 4px; }
#footer a { color: #eee; text-decoration: none; }
#footer .right { position: absolute; bottom: 0; left: -9999px; z-index: -34; }


/* = Default 
-------------------------------------------------------------- */

p, ol, ul, .post {
	padding-bottom: 10px;
}

images {
	border: 0px;
}

.clear {
	clear:both;
}


#sidebar h2 {
	font-size: 10pt;
	color: #555555;
	font-weight: bold;
}

blockquote {
	margin: 10px;
	padding: 10px;
	font-size:9pt;
	font-style:italic;
}

#sidebar ul li {
	list-style: none;
	margin-left: 0px;
}

#sidebar li {
	padding-bottom: 2px;
}

#sidebar ul li ul li {
	list-style-type: none;
}

.cat-menu ul li a, .menu-sidebar ul li a {
	display: block;
	float: left;
	width: 190px;
	height: 27px;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	padding-left: 10px;
}

.cat-menu ul li a { background: url('images/sidebar-menu-bg.png') no-repeat; }
.menu-sidebar ul li a { background: url('images/sidebar-page-menu-bg.png') no-repeat; }
.cat-menu ul li a:hover, .menu-sidebar ul li a:hover { color: #fff; background-position: 0 -27px; }

#sidebar ul li ul li ul li {
	margin-left: 5px;
}

#content ul li, #content ol li {
	margin: 0 0 10px 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
	background: #eee;
	font-size: 11px;
}

small {
	color: #999999;
	font-size: 9pt; 
	font-weight: bold;
}

.postmetadata {
	font-size: 11px;
	padding: 10px 0px;
	color: #555;
}

.postmetadata a {
	color: #555;
	text-decoration:none;
}

.postmetadata .tags {
	line-height: 12px;
}

/* form */
#calendar_wrap {
	margin-bottom: 10px;
}

td, th {
	padding: 2px;
}

#author, #email, #url, #comment, .s, .checkbox {	
	border: 1px solid #d7d7d7; 
	padding: 5px;
	font-size: 8pt;
	background-color: #ffffff;
}

#author, #email, #url, #comment {
	padding: 5px;
}

.s {
	width: 140px;
	padding: 3px;
}

#submit, .searchsubmit {
	background-color: #111;
	color: #ffffff;
	border: 0; 
	font-size: 12px;
	padding: 4px;
	margin-top: 3px;
	font-weight: bold;
	cursor: pointer;
}

#commentform a:hover {
	color:#252525;
	text-decoration: underline;
}

#comments, #commentform {
	padding: 5px;
}

#comments h3 {
	font-weight: bold; 
	color: #364C88;
	padding: 5px 0;
}

#date, .comment {
	padding: 0;
}

#date strong {
	font-size: 12px;
	margin-right: 10px;
}

#date a { color: #333; font-family: Tahoma; }

.comment p { padding-bottom: 5px; }

/* default */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* Default style for page-navi plugin */
.page-navi { clear: both; float: left; width: 510px; height: 20px; margin: 10px; padding: 5px; text-align:center; }
	.page-navi a, .page-navi span { text-decoration: none; border: 1px solid #364C88; padding: 3px 5px; margin: 2px; background: #ccdcff; }
	.page-navi a:hover, .page-navi span.current { border-color: #364C88; background: #fff; }
	.page-navi span.current { font-weight: bold; }

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

.success { margin: 10px; padding: 10px; color: #669900; background: #d9e5bf; border: 2px solid #669900; }
/* End Contact Form CSS */

.calc-form p { clear: left; margin: 0; padding: 5px 0 5px 0; border: 0px; height: 1%; font-family: Tahoma; }
	.calc-form label { font: bold 12px/18px Tahoma; float: left; margin-left: 0px; width: 160px; height: 18px; }
	.calc-form label small { font-size: 10px; font-weight: normal; color: #666; }
	.calc-form input, .calc-form select { width: 60px; }
	.calc-form input[type="radio"], .calc-form input[type="checkbox"] { width: 12px !important; margin: 0; vertical-align: middle; }
	.calc-form .i-first { margin-right: 20px !important; padding: 4px 0 0 0; vertical-align: top; }
	.calc-form input.submit { width: 100px; height: 30px; background: url('images/input-bg.png') no-repeat; border: none; cursor: pointer; outline: none; color: #000777; }
	.calc-form select, .calc-form input, .calc-form textarea { border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; font-family: 'Trebuchet MS', Verdana, Tahoma, Arial; font-size: 14px; padding: 4px; }

	.calc-form .result { color: #F00; }
	.calc-form .result label { width: 210px; line-height: 28px; font-size: 24px; font-weight: normal; }
	.calc-form .result input { color: #F00; font-size: 24px; border: 0; padding: 0; font-weight: bold; }

	.calc-t-head, .calc-t-subhead { text-align: center; font-size: 16px; font-weight: bold; color: #008; }
	.calc-t-head { background: #dbfff5; }
	.calc-t-subhead { text-align: left; font-size: 12px; color: #333; background: #e2fff8; }
	.calc-table { margin: 10px 0; background: #ecfffc; }
	.calc-table, .calc-table td { border: 1px solid #4098b1; }
	.calc-table td { padding: 4px; }