/*
Theme Name: Hanam's Restaurant Custom Theme
Theme URI: http://eskimoonline.com/
Description: Custom WordPress theme for Hanam's Restaurant in Edinburgh. Designed by Eskimo Design and built by Cazinc Web Design.
Version: 1.1
Author: Zach Anthony
Author URI: http://cazinc.co.uk/
*/



/* Body & Structure */
* {
	margin:0; 
	padding:0;
}

body {
	background:#5e0100 url(img/hanams_web_background.jpg) top left repeat; 
	color:#cccccc; 
	font:12px Lucida Sans,Verdana,Tahoma,Arial, sans-serif;
}

#banner, #wrap {
	margin:0 auto; 
	width:980px;
}

#wrap {
	background: #2c0402 url(img/leftside_right_border.gif) 219px 10px repeat-y;

}


/* Links */
a {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:underline;}
a img {border:0;}



/* Header */
#header {
	background:url(img/hanams_title.png) top left no-repeat; 
	width:980px;
	height: 80px; 
}

	#header h1, #header p {
		display: none;
	}
	#header h1 a {
	width:980px;
	height: 80px; 
	}

#frontphoto {
	margin:0 0 -3px 0;
	border-bottom: 4px solid #98dbd7;
}


/* Left Sidebar */
#leftside {
	clear:left; 
	float:left; 
	margin:0; 
	padding:0 10px; 
	width:200px;
}

	#leftside_body {
		background: url(img/leftside_body_background.png) top left no-repeat;
		margin-bottom: 30px;
		min-height: 630px;
	}

div#book_now_button a {
	background:transparent url(img/book_now_button.png) no-repeat left top;
	color:#194B50;
	display:block;
	font-size:1.1em;
	height:28px;
	line-height:28px;
	text-align:center;
	width:200px;
}

	div#book_now_button a:hover {
		background: url(img/book_now_button.png) bottom left no-repeat;
		text-decoration: none;
	}
	

/* Right Sidebar */
#rightside {
	float:right; 
	margin:0; 
	padding:0; 
	width:207px;}




/* Main menu */
ul.page {
	list-style:none; 
	margin:6px 0 0 0; 
	padding: 0;
}

ul.page li {
	list-style:none; 
	display:inline; 
	line-height:1.1em; 
}

ul.page li a {
	background: url(img/leftside_menu_background.png) top left repeat;
	color:#fd9345; 
	float:left; 
	font-weight:normal; 
	margin-bottom:2px; 
	padding:3px 1px 3px 25px; 
	text-decoration:none; 
	width:174px;
	text-transform: uppercase;
}

	ul.page li:first-child a {
		padding-top: 15px;
	}

ul.page li a:hover, ul.page li.current_page_item a, ul.page li.current_page_ancestor a {
	background: url(img/leftside_menu_background_hover.png) top left repeat;
	color:#fdc398;
}

	ul.page li ul {
		margin: 0;
		padding: 0;
	}

	ul.page li ul li a {
		text-transform: capitalize;
		padding-left: 35px;
		width: 164px;
		background: none;		
	}

	ul.page li.current_page_item ul li a, ul.page li.current_page_ancestor ul li a {
    	background:none;
    }

    ul.page li ul li a:hover, ul.page li ul li.current_page_item a {
    	background: url(img/leftside_submenu_background_hover.png) top left repeat-y;
    	color:#fdc398;
    }

    ul.page li ul li:first-child a {
    	padding-top: 3px;
    }


/* Content */
#content, #contentwide {
	margin:0 260px; 
	padding:10px 0 0;
	line-height:1.6em; 
	}

#content h2,#contentwide h2 {
	font-weight: normal;
	color: #94ccc8;
	font-size:2em; 
	margin:30px 0 10px;
}

#content h3, #contentwide h3 {
	color: #94ccc8;
	font-weight: normal;
	font-size:1.4em; 
	padding:10px 0 8px 0;
}

#content h4, #contentwide h4 {
	color: #94ccc8;
	font-weight: normal;
	font-size:1.2em; 
	padding:0;
}

#content img, #contentwide img {
	border:1px solid #94ccc8; 
}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

#content a {
	color: #fd9345;
}

#posts-on-page {
	margin: 0 20px;
}

#posts-on-page h3 {
	margin-bottom: 0;
}

#posts-on-page .news-date {
	margin: 0;
	padding: 0;
	font-size: .8em;
	font-style: italic;
	color: #fd9345;
}

strong {
	color: #fff;
}


#content #booking_app, #contentwide #booking_app {
	padding: 1em;
}


/* Special Menu styles */

.menu strong {
	font-size: 1.2em;
	text-transform: uppercase;
}

.menu h3 {
	text-transform: uppercase;
}



/* Footer */
#footer {
	background-color: #94ccc8;
	color: #2c0402;
	clear:both; 
	font-weight:normal; 
	margin:0; 
	padding:5px 0; 
	text-align:center; 
	width:980px;
	font-size: .8em;
}

#footer p {
	margin:0; 
	padding:0;
}

#footer p#disclaimer {
	font-style: italic;
	color: #666;
}

#eskimo { 
	width: 980px;
	padding: 5px 0;
	margin:5px auto 30px auto;
	text-align: right;
	font-size: .8em;	
}

	#eskimo a {
		font-weight: normal;
		color: #fd9345;
	}



/* Tags */
p,ul,ol {margin:0 0 18px;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 3px 15px; display:inline;}
img.alignleft {padding:4px; margin:0 15px 3px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

/* Widgets */
div#tweet_container {
	width: 194px;
	margin-left: 6px;	
	clear: both;
	padding-top: 30px;
}

div#tweet ul {
	margin: 0;
}

div#tweet li {
	padding-top: .5em;
	list-style: none;
}

div#tweet p {
	margin: 0;
	padding: 0;
}

div#tweet a {
	color: #52c8f3;
	font-weight: normal;	
}

div#tweet_top {
	width:186px;
	height: 46px;
	background: url(img/twitter_top.png) top left no-repeat;
}

div#tweet {
	background: url(img/twitter_body_background.png) top left repeat-y;
	width: 166px;
	padding: 0 10px;
	color: #fff;
}

div#tweet_bottom {
	width:186px;
	height: 16px;
	background: url(img/twitter_bottom.png) top left no-repeat;
}


div.restaurant_review {
	padding-top: 30px;
	margin: 0 16px;
}

div.restaurant_review p, p.restaurant_review, blockquote {
	margin: 0;
	color: #806867;
	font-style: italic;
}

blockquote {
	margin: 0 20px;
	color: #fff;
	font-size: 1.2em;
}

/* Search Form */

#s,#submit {

}

form#search_form div {
	margin: 10px 0;
	width: 208px;
	padding: 0;
}

	input#s {
		background-color: #94ccc8;
		border: 0;
		margin: 0;
		padding: 2px;
		height: 16px;
		width: 128px;
	}
	
	input#searchsubmit {
		background-color:#1E4744;
		border:0 none;
		color:#94CCC8;
		font-size:0.8em;
		height:20px;
		line-height:20px;
		margin:0;
		padding:0;
		text-transform:uppercase;
		vertical-align:top;
		width:70px;
	}	
	
/* Contact Form */

form.wpcf7-form {
	background: url(img/leftside_menu_background.png) top left repeat;
	padding: 10px;	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

	#content form.wpcf7-form img, #contentwide form.wpcf7-form img {
		border: 0;
	}

	form.wpcf7-form h3 {
		padding-bottom: 10px;
	}

	form.wpcf7-form div {
		margin-bottom: 10px;
	}

	form.wpcf7-form label {
		color: #fff;
		width: 150px;
		float: left;
	}
	
	form.wpcf7-form input[type=text], form.wpcf7-form textarea {
		width: 250px;
	}
	
	form.wpcf7-form div.form-submit {
		text-align: center;
	}
	
		form.wpcf7-form div.form-submit input[type=submit] {
			width: 150px;
			background-color: #98DBD7;
			color:#194B50;			
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border: 0;
			font-size: 1.1em;
			padding: 3px;
		}
		
			form.wpcf7-form div.form-submit input[type=submit]:hover {
				background-color: #194B50;
				color: #98DBD7;					
			}