/* 
 ----------------------------------------------------------------------------
  Copyright Creative Giant Design Group, LLC 2008. Used with Permission.                             
  May not be duplicated or reproduced.
 ---------------------------------------------------------------------------- 
*/

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */
body { background: #b8bdc0 url(../images/bg.jpg) top left repeat-x; text-align: center; margin: 0px; padding: 0px;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #000000}
a, .red { color: #fd0505; text-decoration: none }
a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -0.03em; }
h4,h5,h6 { }
p { padding: 10px 0px 10px 0px; line-height: 18px;  }
.lrg { font-size: 15px; line-height: 25px; }

textarea, input, table { font-family: Arial, Helvetica, sans-serif; }
.italics { font-style: italic; width: 95%;}
.lrgbold { font-size: 13px; font-weight: bold; }
.imgright, .alignright { margin: 5px 0px 5px 15px; float: right; }
.imgleft, .alignleft { margin: 5px 15px 5px 0px; float: left; }
.narrowcolumn { padding-top: 8px; }
.entry, .commentlist li { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #d1d1d1; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
table { display: table; width: 710px; margin: 10px 0px 10px 0px; background-color: #edf5fa;   }
table td { padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; border-width: 1px; }

/* wrappers
 * ------------------------------------------------------------------------- */
#wrapper_welcome { width: 100%; background: url(../images/welcome-bg.jpg) top center no-repeat; padding: 0px; }
#wrapper { width: 100%; background: url(../images/bg-logo.jpg) top left no-repeat; padding: 0px; }
#wrapper_welcome:after, #flash_area:after, #images:after, #wrapper:after, #container:after, #welcome_container:after, #content_area:after, .btn-set:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* welcome page
 * ------------------------------------------------------------------------- */
#welcome_container { margin: 0px auto 0px auto; padding: 0px; width: 990px; height: 700px; background: url(../images/welcome-bg.jpg) top center no-repeat; font-size: 11px; }
	#welcome_container span { font-weight: bold; font-size: 12px; }
	#welcome_izakaya { width: 495px; float: left; }
		#welcome_izakaya .info_pod { padding: 300px 0px 0px 40px; text-align: center; }
	#welcome_togo { width: 495px; float: left; }
		#welcome_togo .info_pod { padding: 300px 70px 0px 0px; text-align: center; }

/* content pages
 * ------------------------------------------------------------------------- */ 
#container { margin: 0px auto 0px auto; padding: 0px; width: 990px; text-align: left; background: url(../images/lf-col-bg.jpg) top left repeat-y; } 
	#left_column { width: 290px; float: left; padding: 0px 0px 300px 0px; margin: 0px 25px 0px 0px; color: #cccccc; background: url(../images/lf-col-foot.gif) bottom left no-repeat; }	
		#izakaya_logo { background: url(../images/lf-col-top.jpg) top left no-repeat; }
		#togo_logo { background: url(../images/lf-togo-col-top.jpg) top left no-repeat; padding: 240px 0px 0px 0px; }
		#left_column h1 a { display: block; height: 210px; width: 290px; }
			#left_column h1 span { display: none; }
		#navigation { padding: 10px 30px 50px 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; letter-spacing: -0.03em; }
			#navigation li { padding: 0px 0px 25px 0px; }
			#navigation a { color: #ffffff; display: block; }
				#navigation a span { color: #fd0505; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
				#navigation a:hover { padding: 0px 0px 0px 10px; text-decoration: none;  }
		#left_column h2 { color: #fff; font-size: 20px; }
		#left_column .info_pod { padding: 30px 30px 30px 30px; }
	
	#right_column { width: 675px; float: left; }
		#top_bar { width: 675px; height: 32px; background-color: #000000; margin: 0px 0px 25px 0px; }
			#top_bar p { padding: 7px 25px 0px 0px; font-size: 10px; color: #464646; text-transform: uppercase; text-align: right; }
			#top_bar a { color: #c0c0c0; }
				#top_bar a:hover { color: #000000; background-color: #eeeeee; text-decoration: none; }
		#flash_area { width: 675px; margin: 0px 0px 25px 0px; }
		#content_area { width: 675px; background-color: #ffffff; margin: 0px 0px 25px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; }
			#content_area .info_pod { padding: 20px 25px 20px 25px; }
			#content_area h1 { font-size: 22px; letter-spacing: -0.03em; }
				#content_area h1 .sml { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 2px; color: #fd0505; }
				#content_area h1 .japanese { font-size: 18px; font-weight: bold; letter-spacing: -0.03em; color: #fd0505;}
				#content_area h2 { font-size: 19px; padding: 10px 0px 10px 0px; }
				#content_area p a { text-decoration: underline; }
				.author { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }
				#content_area ul { padding: 0px 0px 10px 0px; }
					#reviews li { padding: 10px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #ccc; }
				#images { padding: 10px 0px 10px 0px; margin: 10px 0px 0px 0px; }
				#images li { float: left; margin: 0px 8px 0px 0px; font-size: 11px; background-color: #ececef; letter-spacing: -0.05em; line-height: 16px; }
					#images li p { padding: 3px 7px 5px 7px; line-height: 14px; }
					#images .last { margin: 0px 0px 0px 0px; }
					
			#content_area p { line-height: 20px; }
			.btn-set { display: inline-block; list-style: none; padding: 10px 0px 10px 0px; }
			.btn-set li { float: left; display: inline-block; height: 57px; background: url(../images/btn-rt.gif) no-repeat top right; margin: 0px 10px 0px 0px; padding: 0px; border: none; }
				.btn-set a { text-decoration: none; display: inline-block; height: 57px; background: url(../images/btn-lf.gif) no-repeat top left; cursor: pointer; }
				.btn-set span { display: inline-block; padding: 9px 32px 0px 15px ; line-height: 18px; font-size: 11px; }
				.btn-set a:hover { text-decoration: none; }
				.btn-set span span { color: #ffffff; padding: 0px; font-size: 16px; letter-spacing: -0.03em; }
				.btn-set a:hover span { padding: 9px 42px 0px 15px ; }
				.btn-set a:hover span span  { color: #ffffff; padding: 0px; letter-spacing: -0.03em; }

		
#quick_contact { width: 230px; float: left; color: #ffffff; background: url(../images/quickcontact-bg.gif) top left repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 0px 20px 0px; }
	#quick_contact h3 { font-size: 20px; letter-spacing: -0.05em; font-weight: bolder; padding: 0px 0px 5px 0px; margin: 0px; }
	#quick_contact a { color: #7ec6f5; }
	#quick_contact .info_pod { padding: 20px 20px 0px 20px; }
		.quick_field { font-size: 11px; padding: 2px 0px 0px 2px; width: 190px; height: 22px; background: url(../images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 4px 0px;}
		.quick_text { font-size: 11px; padding: 2px 0px 0px 2px; width: 190px; height: 75px; background: url(../images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 6px 0px; }						
		#quick_contact label { margin: 0px 10px 0px 5px; }
		#quick_contact p { margin: 0px; padding: 5px 0px 10px 0px }
		.form_links { background: url(../images/lockbox.jpg) no-repeat 0px 12px; padding: 13px 0px 10px 17px; }
				
#contact_page { font-size: 11px; }
	.contact_field { font-size: 11px; padding: 2px 0px 0px 2px; width: 250px; height: 22px; background: url(../images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 4px 0px;}
	.contact_text { font-size: 11px; padding: 2px 0px 0px 2px; width: 480px; height: 150px; background: url(../images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 6px 0px; }						
	#contact_page label { margin: 0px 10px 0px 5px; width: 80px; float: left; font-size: 11px; text-align: right; padding-right: 5px; }
	#contact_form p { margin: 0px; padding: 5px 0px 10px 0px }
	
	#footer { font-size: 11px; line-height: 18px; }
		#footer p { padding: 0px 0px 10px 0px; }
		#footer .links a { font-weight: bold; color: #c90909; }
		.obu-link { color: #000000; font-weight: normal;  }
	
/* lightbox */
@media screen {
	
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		zoom: 1;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width: 66px; 
		float: right;
		padding-bottom: 0.7em;	
	}
}