/*
Theme Name: rkfoodtheme
Theme URI: http://rk.net.au
Description: A theme to showcase culinary delights!
Version: 1.0
Author: RK
Author URI: http://rk.net.au
Tags: rk, clean, food
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.noborder {border:none !important }
.nomargin {margin:0 !important }
.padtop {padding-top:5px !important }
.padbottom {padding-bottom:15px !important }
.marginbottom {margin-bottom:3em !important }
.margintop {margin-top:3em !important }
.marginbottomsml {margin-bottom:1em !important }
.margintopsml {margin-top:1em !important }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.white {color:#fff !important}
hr { border:none; background:url('images/hr.png') center left repeat-x; height:40px; }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

body  { 
	font: 14px Georgia, Times, Serif; 
	line-height: 1.5em; 
	color: #777; 
	background:url('images/main_bg_tapas.jpg') center top no-repeat fixed #ebe5d7;
	}

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: georgia, times new roman; color: #000; line-height:1.05em; margin-bottom:0.5em; font-weight:normal;}
h1  {font-size: 3.2em; letter-spacing:-1px;font-weight:normal;}
h2  {font-size: 3.2em; letter-spacing:-1px;font-weight:normal;} 
h3  {font-size: 2.2em; letter-spacing:-1px;font-weight:normal;} 
h4  {font-size: 1.5em;} 
h5  {font-size: 1.3em} 
h6  {font-size: 1.1em;}

p  {margin-bottom:1.8em;}

/* 1.2 Hyperlinks */
a:link, a:visited { color:#7a7a7a;text-decoration:none;outline:none}
a:hover { color:#000;text-decoration:underline}
a:focus {-moz-outline-style: none;}
div.footer a:hover, div.topbar div.container ul li a:hover { color:#fff;text-decoration:underline}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; color:#000 !important }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline; color:#000 !important }

/*-------------------------------------------------------------------------------------------*/
/* 2. CUISINES */
/*-------------------------------------------------------------------------------------------*/

div.header ul {
	float:right;
	margin-top:-14px;
	}
	div.header ul li {
		float:right;
		width:40px;
		}
	div.header ul li.Australian {
		float:right;
		width:52px;
		}
		div.header ul li a:link, div.header ul li a:visited {
			display:block;
			width:40px;
			height:189px;
			text-indent:-3600px;
			background: url("images/toptabs3.png") no-repeat scroll -8px 0px transparent;
			}
			div.header ul li.Australian a { background-position:-8px 0px; height:189px; width:53px }
			div.header ul li.Chinese a { background-position:-60px 0px; height:164px }
			div.header ul li.Greek a { background-position:-100px 0px; height:144px }
			div.header ul li.Indian a { background-position:-140px 0px; height:154px }
			div.header ul li.Italian a { background-position:-180px 0px; height:154px }
			div.header ul li.Japanese a { background-position:-220px 0px; height:178px }
			div.header ul li.Spanish a { background-position:-260px 0px; height:166px }
			div.header ul li.Thai a { background-position:-300px 0px; height:130px }
			div.header ul li.Vietnamese a { background-position:0px 0px; height:0px }
			div.header ul li.More a { background-position:-340px 0px;  height:141px}

div.post div.tab {
	background: url("images/sidetabs5.png") no-repeat scroll left top transparent;
	width: 90px;
	height: 90px;
	float: left;
	margin-left: -115px;
	}
	div.Australian div.tab { background-position: 0px top}
	div.Chinese div.tab { background-position: -100px top}
	div.French div.tab { background-position: -200px top}	
	div.German div.tab { background-position: -1300px top}
	div.Greek div.tab { background-position: -300px top}
	div.Indian div.tab { background-position: -400px top}
	div.Italian div.tab { background-position: -500px top}
	div.Japanese div.tab { background-position: -600px top}
	div.Malaysian div.tab { background-position: -1100px top}
	div.Mexican div.tab { background-position: -1400px top}
	div.Moroccan div.tab { background-position: -1200px top}
	div.Spanish div.tab { background-position: -700px top}
	div.Thai div.tab { background-position: -800px top}
	div.Vietnamese div.tab { background-position: -900px top}
	div.Other div.tab { background-position: -1000px top}

div.Australian a:link, div.Australian a:visited { color:#35a6ed }
div.Chinese a:link, div.Chinese a:visited { color:#74b544 }
div.French a:link, div.French a:visited { color:#00b2ae }
div.German a:link, div.German a:visited { color:#464646 }
div.Greek a:link, div.Greek a:visited { color:#4761e4 }
div.Indian a:link, div.Indian a:visited { color:#dc9b1d }
div.Italian a:link, div.Italian a:visited { color:#ed3e35 }
div.Japanese a:link, div.Japanese a:visited { color:#ff4970 }
div.Malaysian a:link, div.Malaysian a:visited { color:#d58609 }
div.Mexican a:link, div.Mexican a:visited { color:#a26641 }
div.Moroccan a:link, div.Moroccan a:visited { color:#a63a49 }
div.Spanish a:link, div.Spanish a:visited { color:#a26641 }
div.Thai a:link, div.Thai a:visited { color:#ed7a35 }
div.Vietnamese a:link, div.Vietnamese a:visited { color:#a5ae44 }

div.label div.post { padding:15px 50px; background-color:#1F1C1B; border:5px solid #141212; margin-bottom:2em; background-image:none; }
div.label div.post h1 {color:#fff; }
div.label div.Australian {background-color:#35a6ed; border-color:#329ee1;}
div.label div.Chinese {background-color:#74b544; border-color:#6eac41;}
div.label div.French {background-color:#00c0bc; border-color:#00b2ae;}
div.label div.German {background-color:#464646; border-color:#2d2d2d;}
div.label div.Greek {background-color:#4761e4; border-color:#435cd8;}
div.label div.Indian {background-color:#edae35; border-color:#e1a532;}
div.label div.Italian {background-color:#ed3e35; border-color:#e13b32;}
div.label div.Japanese {background-color:#ff4970; border-color:#f2456a;}
div.label div.Malaysian {background-color:#e89209; border-color:#d58609;}
div.label div.Mexican {background-color:#a26641; border-color:#9a613e;}
div.label div.Moroccan {background-color:#922534; border-color:#811b2c;}
div.label div.Spanish {background-color:#a26641; border-color:#9a613e;}
div.label div.Thai {background-color:#ed7a35; border-color:#e17432;}
div.label div.Vietnamese {background-color:#a5ae44; border-color:#9da541;}
div.label div.Other {background-color:#767676; border-color:#707070;}



/*-------------------------------------------------------------------------------------------*/
/* 3. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

div#fb-root {
	display:none;
	}
div.topbar {
	height:40px;
	border-bottom: 1px solid #fff;
	background:url('images/dark_bg.jpg') bottom left repeat-x #1c1c1c;
	overflow:hidden;
	text-shadow: 1px 1px 2px #000;
	}
	div.topbar div.container {
	width:960px;
	margin:0 auto; 
	}
	div.topbar div.container ul li {
		float:left;
		}
		div.topbar div.container ul li input.searchbox {
			font-size:0.8em;
			line-height:1.5em;
			color:#6a6a6a;
			background:url('images/topbar_separator.png') left center no-repeat;
			border:none;
			width:100px;
			padding:10px 20px;
			height:20px;
			font: 0.8em Georgia, Times, Serif; 
			text-shadow: 1px 1px 2px #000;
			}
		div.topbar div.container ul li a {
			display:block;
			width:auto;
			font-size:0.8em;
			padding:10px 20px;
			color:#6a6a6a;
			background:url('images/topbar_separator.png') left center no-repeat;
			}
div.header {
	width:960px;
	height:260px;
	margin:5px auto 0 auto; 
	}
	div.header h1 {
		float:left;
		}
		div.header h1 a {
			display:block;
			width:510px;
			height:240px;
			text-indent:-3600px;
			background:url('images/eating_in_sydney_logo.png') 0px 35px no-repeat transparent;
			}
div.content {
	width:960px; 
	margin:0 auto; 
	}
div.footer {
	padding:50px;
	clear:both;
	overflow:auto;
	background:url('images/dark_bg.jpg') top left repeat-x #1c1c1c;
	text-shadow: 1px 1px 2px #000;
	}
	div.footer h3 {
		color:white;
		}
	div.footer  div.widget-container {
		float:left;
		width:25%;
		padding-right:50px;
		}
	div.footer  div.widget-container  ul li {
			border-bottom:1px solid #232323;
			line-height:1.2em;
			padding:7px 0;
			}
	div.footer div.info {
		float:right;
		width:25%;
		}
	div.footer div.info a.footerlogo {
			display:block;
			width:250px;
			height:96px;
			text-indent:-3600px;
			background:url('images/eating_in_sydney_footer_logo.png') left top no-repeat transparent;
			}
div.leftcol {
	width:600px; 
	float:left;
	}
div.rightcol {
	width:300px; 
	float:right;
	}
div.post  {
	padding:50px;
	background:url('images/post_bg.png') top left repeat #fff;
	margin:0 0 50px 0;
	border: 5px solid #EFEFEF;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	}
	div.post p.postinfo {
		font-size:0.8em;
		color:#a4a4a4;
		}
	div.post address {
		display:block;
		text-align:center;
		font-size:0.8em;
		color:#a4a4a4;
		margin:-1.3em 0 2em 0;
		}
		div.post address a:link, div.post address a:visited {
			color:#a4a4a4;
			}
	div.post img {
		width:100%;
		height:auto;
		}
	div.page img {
		width:auto;
		height:auto;
		}
	div.post strong {
		color:#707070;
		}
	div.post ul.ratings {
		width:100%;
		height:81px;
		color:#000;
		background:url('images/scorebox.gif') top center no-repeat transparent;
		margin-bottom:2em;
		}
		div.post ul.ratings li {
			float:left;
			width:122px;
			padding-top:12px;
			text-align:center;
			}
			div.post ul.ratings li strong {
			display:block;
			font-weight:normal;
			font-size:2em;
			color:#000;
			}
		div.post div.socialtop {
			width:490px;
			height:24px;
			margin-bottom:1em;
			}
			div.post div.socialtop div.fblike {
				width:300px;
				padding-left:5px;
				float:left;
				}
			div.post div.socialtop div.pin {
				width:43px;
				float:left;
				}
		div.post div.social {
			width:490px;
			height:24px;
			}
			div.post div.social div.fblike {
				width:447px;
				float:right;
				}
			div.post div.social div.gplus {
				width:43px;
				float:left;
				}
		div.post ol.related li {
			height:65px;
			width:50%;
			float:left;
			border-bottom:1px solid #e8e8e8;
			line-height:1.2em;
			margin-bottom:10px;
			padding:0;
			}
			div.post ol.related li a {
			padding-left:90px;
			padding-right:10px;
			display:block;
			}
		div.post div.adsense_reviewstrip {
			clear:both;
			padding-top:1em;
			}
		div.post ul.location {
			/*border-bottom:1px solid #e8e8e8;
			border-top:1px solid #e8e8e8;*/
			overflow: auto;
			width: 100%;
			margin-bottom:-0.5em;
			}
			div.post ul.location li {
				line-height:1.4em;
				padding:0 0 0.3em 0;
				overflow: auto;
				width: 100%;
				}
				div.post ul.location li span {
					display:block;
					width: 70%;
					float:right;
					line-height:1.4em;
					}
		div.post ol.comments li {
			padding:1em 0 0 4em;
			border-bottom:1px solid #e8e8e8;
			}
			div.post ol.comments li p {
				font-style:italic;
				}
			div.post ol.comments li div.vcard, div.post ol.comments li cite {
				font-weight:bold;
				}
			div.post ol.comments li img {
				width:auto;
				margin-left:-4em;
				float:left;
				}
			div.post ol.comments li div.comment-meta {
				margin-bottom:0.5em;
				}
		div.post div#respond p {	
			margin-bottom:5px;
			}
		div.post div#respond p.comment-notes {	
			margin-bottom:1em;
			}
			div.post div#respond input#submit {
				cursor:pointer; 
				margin:0;
				font-family:Georgia, Times, Serif; 
				font-size:1.3em; 
				color:#fff;
				background:#000;
				padding:5px 20px; 
				border:none;
				width:160px !important;
				margin:20px 0;
				}
div.sidebanner {
	margin-bottom:1em;
	}
div.sideone  {
	padding:30px;
	background:url('images/post_bg.png') top left repeat #fff;
	border: 5px solid #EFEFEF;
	margin-bottom:1em;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	}
	div.sideone div.fbpagelike {
			height:62px;
			overflow:hidden;
			}

div.sideone ul.socialicons {
	margin:5px 0 5px 0;
	height:39px;
	border:none;
	}
	div.sideone ul.socialicons li {
		float:left;
		width:46px;
		border:none;
		}
		div.sideone ul.socialicons li a:link, div.sideone ul.socialicons li a:visited {
			display:block;
			width:45px;
			height:39px;
			text-indent:-3600px;
			background: url("images/social-icons.png") no-repeat scroll 0px 0px transparent;
			cursor:pointer;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			}
			div.sideone ul.socialicons li.Facebook a { background-position:0px 0px;}
			div.sideone ul.socialicons li.Twitter a { background-position:-50px 0px; }
			div.sideone ul.socialicons li.Pinterest a { background-position:-100px 0px; }
			div.sideone ul.socialicons li.RSS a { background-position:-150px 0px; }
			div.sideone ul.socialicons li.Email a { background-position:-200px 0px; width:40px; }
		div.sideone ul.socialicons li a:hover {
			cursor:pointer;
			-webkit-transform: translate(0px,-3px);
			-moz-transform: translate(0px,-3px);
			-o-transform: translate(0px,-3px);
			-ms-transform: translate(0px,-3px);
			}	
	div.sideone  ul {
		margin-bottom: 1.3em;
		}
		div.sideone  ul li {
			border-bottom:1px solid #e8e8e8;
			line-height:1.2em;
			padding:7px 0;
			}
	div.sideone  ul.featured li {
		height:65px;
		border-bottom:1px solid #e8e8e8;
		line-height:1.2em;
		margin-bottom:10px;
		padding:0;
		}
		div.sideone  ul.featured li a {
		padding-left:90px;
		display:block;
		}

blockquote {
		padding-left:30px;
		border-left:1px solid #e8e8e8;
		font-style: italic;
		}
blockquote strong {
		font-style: italic;
		}
		
.wp-paginate {font-size:1.5em;font-weight:normal;padding:0; margin:0; text-align:center;margin-bottom:50px;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a:link, .wp-paginate a:visited {background:url('images/post_bg.png') top left repeat #fff; border:5px solid #EFEFEF; margin-right:5px; padding:8px 10px; text-align:center; text-decoration:none; }
.wp-paginate a:hover, .wp-paginate a:active {background:url('images/post_bg.png') top left repeat #fff; }
.wp-paginate .title {color:#555; margin-right:5px;}
.wp-paginate .gap {color:#999; margin-right:5px;}
.wp-paginate .current {color:#fff; background:#000; border:5px solid #000; margin-right:5px; padding:8px 10px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}
	
/*-------------------------------------------------------------------------------------------*/
/* 4. FORMS */
/*-------------------------------------------------------------------------------------------*/

input, textarea { 
	font: 14px Georgia, Times, Serif; 
	line-height: 1.5em; 
	color: #777; 
	margin:0;
	padding:5px;
	width:480px;
	border:2px inset #EFEFEF;
	background:#efefef;
	color:#000;
	}
label {
	font-weight:bold;
	color:#707070;
	}
input#si_contact_name1, input#si_contact_email1, textarea#si_contact_message1, input#si_contact_captcha_code1 {
	
	}
input#si_contact_captcha_code1 {
	width:140px !important;
	}
	
input#s {
	margin:0;
	padding:5px;
	width:220px !important;
	border:2px inset #EFEFEF;
	background:#efefef;
	color:#000;
	}
input#searchsubmit {
	cursor:pointer; 
	margin:0;
	font-family:Georgia, Times, Serif; 
	font-size:1.3em; 
	color:#fff;
	background:#000;
	padding:5px 20px; 
	border:none;
	width:100px !important;
	}

/*-------------------------------------------------------------------------------------------*/
/* 4. TEMP */
/*-------------------------------------------------------------------------------------------*/

#design-award { position:absolute; left:0px; top:0px; z-index:1000; }
#design-award a { background: url('images/design-award-black-yellow.png') no-repeat; display:block; height: 140px; width: 140px; text-indent: -9000px; }