/*  
Theme Name: At The Restaurant
Theme URI: http://restaurant.qualitywordpress.com
Description: At the restaurant is a creative and unique food niche wordpress theme.
Version: 1.0
Author: qualitywordpress.com
Author URI: http://qualitywordpress.com
*/


/* General */

body {
	margin: 0;
	background: #000000;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1, h2, h3, h4 {
	margin: 0;
}

img {
	border: 0;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}


/* Page */

#page {
	margin: 0 auto;
	width: 1004px;
}

/* Menu */

#Topmenu {
width:1004px;
height:88px;
background: url("images/topmenu.jpg") no-repeat;
position:relative;
}
#Topmenu ul{
float:left;
position:absolute;
left:10px;
top:40px;
}
#Topmenu ul li{
float:left;
margin:0;
height:35px;
}
#Topmenu ul li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}

li.home{
	background:url(images/bt_home_b.gif) no-repeat;width:120px;
}
li.home a{
	background:url(images/bt_home_a.gif) no-repeat;width:120px;
}
li.access{
	background:url(images/bt_access_b.gif) no-repeat;width:120px;
}
li.access a{
	background:url(images/bt_access_a.gif) no-repeat;width:120px;
}
li.photos{
	background:url(images/bt_photo_b.gif) no-repeat;width:120px;
}
li.photos a{
	background:url(images/bt_photo_a.gif) no-repeat;width:120px;
}
li.party{
	background:url(images/bt_party_b.gif) no-repeat;width:120px;
}
li.party a{
	background:url(images/bt_party_a.gif) no-repeat;width:120px;
}
li.blog{
	background:url(images/bt_blog_b.gif) no-repeat;width:120px;
}
li.blog a{
	background:url(images/bt_blog_a.gif) no-repeat;width:120px;
}
li.gallery{
	background:url(images/bt_gallery_b.gif) no-repeat;width:120px;
}
li.gallery a{
	background:url(images/bt_gallery_a.gif) no-repeat;width:120px;
}
#Topmenu li a:hover{
	background:none !important;
}
/* Header */
#headerHome{
	width: 1004px;
	height: 340px;
	background: url("images/headerHome.jpg") no-repeat;
	position: relative;
}
	
	#headerHome #header-info {
		position: absolute;
		top: 160px;
		left: 50px;
	}
	
	#headerHome  #header-info h1 {
		color: #FFFFFF;
		font: bold 30px "Verdana", Verdana;
	}
	
	#headerHome  #header-info h1 a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#headerHome  #header-info .description {
		color: #FFFFFF;
		font: bold 15px "Verdana", Verdana;
	}

#header {
	width: 1004px;
	height: 600px;
	background: url("images/header.jpg") no-repeat;
	position: relative;
}

	/* Header - Info */
	
	#header #header-info {
		position: absolute;
		top: 220px;
		left: 50px;
	}
	
	#header #header-info h1 {
		color: #FFFFFF;
		font: bold 30px "Verdana", Verdana;
	}
	
	#header #header-info h1 a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#header #header-info .description {
		color: #FFFFFF;
		font: bold 15px "Verdana", Verdana;
	}
	
	/* Header - Menu */
	
	#header #header-menu {
		position: absolute;
		top: 300px;
		left: 26px;
		height: 53px;
	}
	
	#header #header-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 53px;
	}
	
	#header #header-menu ul li {
		float: left;
		height: 53px;
		margin-right: 8px;
		font: bold 10px/43px "Verdana", Verdana;
		color: #000000;
		text-transform: uppercase;
		background: url("images/header_menu_left.gif") no-repeat;
	}
	
	#header #header-menu ul li a {
		color: #000000;
		text-decoration: none;
		padding: 0 40px;
		background: url("images/header_menu_right.gif") no-repeat right top;
		display: block;
	}
	
	#header #header-menu ul li a:hover {
		text-decoration: underline;
	}
	
	#header #header-menu ul li ul {
		display: none;
	}
	
	/* Header - Topbar */
	
	#header #topbar {
		position: absolute;
		top: 420px;
		left: 0px;
		width: 1004px;
		height: 201px;
		color: #FFFFFF;
		font: normal 12px "Trebuchet MS", Verdana;
	}
	
	#header #topbar h3 {
		font: bold 15px "Verdana", Verdana;
		color: #282823;
	}
	
	#header #topbar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#header #topbar ul li {
		padding-top: 12px;
		color: #000000;
		font: normal 12px "Trebuchet MS", Verdana;
	}
	
	#header #topbar ul li a {
		color: #000000;
		text-decoration: none;
	}
	
	#header #topbar ul li a:hover {
		text-decoration: underline;
	}
	
		/* Header - Topbar - Boxes */
		
		#header #topbar #topbar-left {
			width: 285px;
			padding: 35px 33px;
			float: left;
		}
		
		#header #topbar #topbar-center {
			width: 306px;
			float: left;
			padding: 12px 0 0 30px;
		}
		
		#header #topbar #topbar-right {
			width: 287px;
			float: left;
			padding: 12px 0 0 30px;
		}




/* Main */

#main {
	width: 1004px;
	background: url("images/mainbg.jpg") no-repeat #720000;
}

#main-top {
	width: 1004px;
	background: url("images/main_top.gif") no-repeat;
}

#main-bottom {
	width: 992px;
	padding-left: 12px;
	min-height: 50px;
	background: url("images/main_bottom.gif") no-repeat left bottom;
}

	/* Main - HomeTopbar */
 #main #HomeTopbar {
		width: 1004px;
		height: 540px;
		color: #FFFFFF;
		font: normal x-small;
	}
	
 	#main #HomeTopbar h3 {
		font: bold 15px "Verdana", Verdana;
		color: #282823;
	}
	
	#main #HomeTopbar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#main #HomeTopbar ul li {
		padding-top: 12px;
		color: #000000;
		font: normal 12px "Trebuchet MS", Verdana;
	}
	
	#main #HomeTopbar ul li a {
		color: #000000;
		text-decoration: none;
	}
	
	#main #HomeTopbar ul li a:hover {
		text-decoration: underline;
	}
	
		/* Main - Topbar - Boxes */
		
		#main #HomeTopbar #HomeTopbar-left {
			width: 205px;
			float: left;
			padding-top:60px;
			font-size: 12px;
		}
		#main #HomeTopbar #HomeTopbar-left #about{
			text-align:right;
			width:205px;
			font-weight:bold;
		}
		#main #HomeTopbar #HomeTopbar-left p{
		        color:#ccc;
			line-height:200%;
			padding: 30px 0px 20px 30px;
font-size:97%;
		}
		
		#main #HomeTopbar #HomeTopbar-center {
			width: 537px;
height:474px;
background:url("images/mainBarCenter.jpg") no-repeat top right;
			float: left;
margin-top:12px;
			padding: 12px 0 0 0px;


		}
		#main #HomeTopbar #HomeTopbar-center #what{
		position: relative;
		margin-top: 25px;
		left: 75px;
		width:400px;
		border-bottom:1px solid #720000;
		font: bold 14px "Trebuchet MS", Verdana;
        color:#720000;	    
}
		#main #HomeTopbar #HomeTopbar-center #news{
		position: relative;
		top: 75px;
		left: 75px;
		width:400px;
		border-bottom:1px solid #720000;
		font: bold 14px "Trebuchet MS", Verdana;
        color:#720000;	    
}

		
		#main #HomeTopbar #HomeTopbar-right {
			width: 250px;
margin-top:12px;
			float: left;

background:url("images/mainBarRight.jpg") no-repeat top center;
		}
		#main #HomeTopbar #HomeTopbar-right #photoBox{
margin-top:67px;
margin-left:28px;
height:220px;
}

		#main #HomeTopbar #HomeTopbar-centerRight {
			width: 787px;
height:713px;
margin-top:15px;
			float: left;
background:url("images/photoP.jpg") no-repeat top center;
		}
	
	/* Main - Content */
	
	#content {
		float: left;
		width: 570px;
		padding: 6px ;
	}
	
	/* Main - Content - Post */
#content .catname, #content .catname a{
color:red;
font-weight:bold;
font-size:120%;
font-family: 'Trebuchet MS', Verdana;
text-decoration:none;
}
#content .navigation{
text-align:right;
padding-right:15px;
}	
	#content .post {
		color: #000000;
		float: left;
		margin-bottom: 16px;
		padding: 0px;
	}
	
		/* Post - Title */
		
		#content .post .post-title {
			width: 554px;
			height: 51px;
			padding:25px 20px 10px 30px;
			color: #000000;
			font: bold 12px "Trebuchet MS", Verdana;
		}
		
		#content .post .post-title a {
			color: #720000;
			text-decoration: none;
		}
		
		#content .post .post-title a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title .post-date {
			float: left;
			background: url("images/post_date.gif") repeat-x;
			width: 50px;
			height: 51px;
			color: #FFFFFF;
			text-align: center;
			text-transform: uppercase;
			margin-right: 10px;
			font: bold 10px/15px "Trebuchet MS", Verdana;
		}
		
		#content .post .post-title .post-date span {
			margin-bottom: 2px;
			display: block;
			font: bold 16px/34px "Trebuchet MS", Verdana;
		}
		
		#content .post .post-title h2 {
			padding: 4px 0 3px 0;
			color: #000000;
			font: bold 19px "Verdana", Verdana;
		}
		
		#content .post .post-title h2 a {
			color: #720000;
			text-decoration: none;
		}
		
		#content .post .post-title h2 a:hover {
			text-decoration: underline;
		}
		
		/* Post - Entry */
		
		#content .post .post-entry {
			font: normal 12px/18px "Trebuchet MS", Verdana;
			color: #720000;
			line-height:200%;
			padding: 0 30px 20px 30px;
		}
		
		#content .post .post-entry a {
			color: #720000;
			text-decoration: none;
		}
		
		#content .post .post-entry a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry .more-link {
			font: bold 12px/20px "Trebuchet MS", Verdana;
			color: #720000;
			float: right;
			padding-bottom: 5px;
		}
		
		#content .post .post-entry .more-link a {
			color: #720000;
			text-decoration: none;
		}
		
		#content .post .post-entry .more-link a:hover {
			text-decoration: underline;
		}
		
		/* Post - Info */
		
		#content .post .post-info {
			padding: 10px 4px 0 30px;
			width: 546px;
			clear: both;
			font: bold 12px "Trebuchet MS", Verdana;
			color: #720000;
		}
		
		#content .post .post-info a {
			color: #720000;
			text-decoration: none;
		}
		
		#content .post .post-info a:hover {
			text-decoration: underline;
		}
		
		/* Post - Comments */
		
		#content .post h3 {
			color: #ccc;
			font: bold 15px "Verdana", Verdana;
			margin: 25px 0 5px 25px;
			padding: 0 4px;
			width: 500px;
		}
		
		#content .post .comments {
			padding: 0 4px;
			width: 546px;
			font: normal 12px/18px "Trebuchet MS", Verdana;
			color: #ffffff;
		}
		
		#content .post .comments a {
			text-decoration: none;
		}
		
		#content .post .comments a:hover {
			text-decoration: underline;
		}
		
		#content .post .comments ol {
			margin: 10px 0 10px 0;
			padding-left: 25px;
		}
		
		#content .post .comments ol li {
			padding: 5px;
		}
		
		#content .post .comments ol li.alt {
			background: #666666;
		}
		
		#content .post .comments ol li cite {
			color: #CCCCCC;
			font-style: normal;
			font-weight: bold;
		}
		
		#content .post .comments ol li cite a {
			color: #CCCCCC;
			text-decoration: none;
		}
		
		#content .post .comments ol li cite a:hover {
			text-decoration: underline;
		}
		
		#content .post .comments ol li .commentmetadata a {
			color: #CCCCCC;
			text-decoration: none;
		}
		
		#content .post .comments ol li .commentmetadata a:hover {
			text-decoration: underline;
		}
		
		#content .post #commentform {
			margin: 0;
			font: normal 12px/18px "Trebuchet MS", Verdana;
			color: #333;
			padding: 0 4px;
			width: 546px;
		}
		
		#content .post #commentform a {
			color: #CCCCCC;
			text-decoration: none;
		}
		
		#content .post #commentform a:hover {
			text-decoration: underline;
		}
	
	/* Main - Sidebar */
.sideg{
		float: left;
		width: 220px;
		font: normal 12px/18px "Trebuchet MS", Verdana;
		color: #000000;
		margin: 32px 0 10px 0;
}
.archiveh1{
padding-top:60px;
padding-right:20px;
text-align:right;
font-weight:bold;
color:red;
font-size:15px;
}
.archiveli{
padding:20px 10px 10px 90px;
font-weight:bold;
}	
	.sidebar {
		float: left;
		width: 189px;
		font: normal 12px/18px "Trebuchet MS", Verdana;
		color: #000000;
		padding: 7px 0;
	}
	
	.sidebar a {
		color: #000000;
		text-decoration: none;
	}
	
	.sidebar a:hover {
		text-decoration: underline;
	}
	
		/* Sidebar - Titles */
		
		.sidebar h3 {
color:#666;
font-size:10px;
		}
		.sidebar h4 {
color:#666;
font-size:10px;
		}
		
		/* Sidebar - Menus */
		
		.sidebar ul {
			margin: 0 0 20px 18px;
			padding: 0;
			list-style-type: none;
		}
		
		.sidebar ul li {
			color: #000000;
			font: normal 12px/26px "Trebuchet MS", Verdana;
		}
		
		.sidebar ul li a {
			color: #000000;
			text-decoration: none;
		}
		
		.sidebar ul li a:hover {
			text-decoration: underline;
		}
		
		/* Sidebar - Forms */
		
		.sidebar #searchform {
			margin: 0 auto;
			padding: 15px 0 25px 0;
			width: 145px;
			text-align: center;
		}
		
		.sidebar #searchform #s {
			width: 145px;
		}
		
		/* Sidebar - Tables */
		
		.sidebar #calendar_wrap {
			margin: 5px auto 20px auto;
			width: 120px;
		}
		
		.sidebar #calendar_wrap caption {
			font-weight: bold;
		}
		
		.sidebar #calendar_wrap #today {
			font-weight: bold;
		}
		
		/* Sidebar - Texts */
		
		.sidebar .textwidget {
			padding: 0 10px 20px 10px;
		}

	.sidebarss {
		float: left;
		width: 120px;
		font: normal 12px/18px "Trebuchet MS", Verdana;
		color: #000000;
		padding:7px 7px;
		font-weight:bold;
	}
	
	li.categories{color:red;list-style-type: none;}

/* Footer */

#footer {
	margin-top: 15px;
	width: 1004px;
	height: 62px;
	background: url("images/footer.gif") repeat-x;
	color: #ffffff;
	font: normal 10px/62px "Trebuchet MS", Verdana;
	text-align: center;
}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
display:block;
}
.photo-end {
	clear:left;
}
/* ---------- */
.headerP{
	background:url(images/headerP.jpg) no-repeat;
	width:570px;
	height:96px;
	margin:0;
	padding:0;
}
.mainP{
	background:url(images/mainP.jpg) repeat-y;
	width:570px;
	margin:0;
	padding:0;
}
.footerP{
	background:url(images/footerP.jpg) no-repeat;
	width:570px;
	height:42px;
	margin:0;
	padding:0;
}
.post-entry p{
margin:0;

}

form#commentform p{
margin:0 0 0 30px;
}
.navigation a{
color:#fff;
font: bold 12px/20px "Trebuchet MS", Verdana;
}
.navigation-previous{
margin-left:10px;
display: inline;
}
.navigation-next{
display: inline;
}




/*-- required & default rules --*/

.loading {
left: 210px;
position: absolute;
top: 74px;
}

#slide_holder {
height: 340px;
background: url("images/headerHome.jpg") no-repeat;
overflow: hidden;
position: relative;
text-align: left;
width: 1004px;
/* -- width: 2013px; */
z-index: 1000;
}

	#slide_holder #header-info {
		position: absolute;
		top: 160px;
		left: 50px;
	}
	
	#slide_holder  #header-info h1 {
		color: #FFFFFF;
		font: bold 30px "Verdana", Verdana;
z-index: 9999;
	}
	
	#slide_holder  #header-info h1 a {
		color: #FFFFFF;
		text-decoration: none;
z-index: 9999;
	}
	
	#slide_holder  #header-info .description {
		color: #FFFFFF;
		font: bold 15px "Verdana", Verdana;
z-index: 9999;
	}
	
#slide_holder_inner {
height: 340px;
left: 0px;
overflow: hidden;
position: absolute;
top: 0px;
width: 1004px;
z-index: 2000;
}

#intro, .intro {
position: absolute;
z-index: 9000;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background-position: 0 0;
background-repeat: repeat-x;
height: 30px;
width: 1004px;
z-index: 4000;
}

/*-- for slide buttons --*/

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls  .next_button_disabled, #carousel_controls  .first_button_diabled, #carousel_controls  .last_button_disabled {
cursor: auto;
}
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
ul#slide_buttons {
padding: 15px 7px 15px 15px;
position: absolute;
left: 250px;
top: -7px;
z-index: 5000;
}
ul#slide_buttons li {
background-image: url(images/button.png);
display: block;
float: left;
height: 9px;
list-style: none;
margin: 0 0 0 3px;
padding: 2px;
width: 10px;
}
ul#slide_buttons li:hover {
}
ul#slide_buttons li#button_selected {
background-image: url(images/button_selected.png);
}
ul#slide_buttons li#button_selected:hover {
}
/*-- first & last buttons --*/

#first_button {
background-image: url(images/first.png);
height: 29px;
left: 354px;
width: 34px;
background-position: 0 -36px;
}
#first_button:hover {
background-position: 0 0;
}
#last_button {
background-image: url(images/last.png);
height: 29px;
left: 474px;
width: 34px;
background-position: 0 -36px;
}
#last_button:hover {
background-position: 0 0;
}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#next_button {
background-image: url(images/next.png);
background-position: 0 -36px;
height: 29px;
left: 443px;
width: 31px;
}
#next_button:hover {
background-position: 0 0;
}
#prev_button {
background-image: url(images/prev.png);
background-position: 0 -36px;
height: 29px;
left: 388px;
width: 31px;
}
#prev_button:hover {
background-position: 0 0;
}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {
background-image: url(images/pause.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.pause_button:hover {
background-position: 0 0;
}
/*-- looks like play button --*/
.paused_button {
background-image: url(images/play.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.paused_button:hover {
background-position: 0 0;
}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
height: 125px;
background-repeat: no-repeat;
display: none;
overflow: hidden;
width: 77px;
top: 35px;
z-index: 6000;
}
#hover_next_button span {
}
#hover_next_button {
background-image: url(images/hover_next.png);
background-position: 21px 35px;
padding: 30px 0 30px 30px;
right: 0;
}
#hover_prev_button {
background-image: url(images/hover_prev.png);
background-position: 8px 35px;
padding: 30px 30px 30px 0;
left: 0;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
color: #333;
left: 8px;
overflow: visible;
top: 5px;
z-index: 6000;
}
#slide_captions span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {
background-image: url(images/water_mark.png);
height: 115px;
left: 20px;
width: 800px;
top: 100px;
z-index: 6000;
}

#water_mark span {
}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
background-image: url(images/bg_swatch.png);
background-position: 0 0;
background-repeat: no-repeat;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
height: 23px;
padding: 4px;
right: 7px;
text-align: center;
top: 208px;
width: 37px;
z-index: 5000;
}

/*-- for carousel view --*/

#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
display: none;
position: absolute;
}
				
/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/

#slide_holder {
margin: 0 auto 0 auto;
}