/*-----------------------------------------------------
   AUTHOR:  	Boutros AbiChedid 
   START DATE:	August 6, 2009
   PURPOSE: 	CSS Styles for printing the Website.
   				Kyoto Restaurant Website. 
 -------------------------------------------------------*/
body {
	margin:0 ;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	font:400 12pt "Times New Roman", Times, serif;
	color: #000;
	background: #fff;
}

h1 {
	font-size: 16pt;	
}
/* don't display any of the images, the Date and Time in the main page, menu, etc... */
img, #slogan, #slogan1, #navmenu, #flash, .error, #directions, #calendar, hr {
	display: none;
}

#quickcontact {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

#quickcontact p {
	font-weight:bold;
	text-align:left;
	margin:0;
}
acronym {
 	 border: 0;
}

a, a:link{
  	color: #009 !important;
	background-color:inherit;
	text-decoration: none !important;
}

/* Prints the URL after a link in CSS2 supporting browsers */
/* This is not supported in IE 6/7/8 and IE 5.2 for Macintosh */
a:link:after, a:visited:after {
   	content: " (" attr(href) ") ";
	color:#003;
	background-color:inherit;
	font-size: 8pt;
}

.hide_in_print {
	display: none;
}

/* Show this title in print, but with black color */
.show_in_print {
	text-align: center;
	height: 55px;
	font-size: 34px;
	font-weight: bold;
	color: #4c770c;
	background-color: inherit;
	border-bottom: 2pt solid #000;
}
.show_in_print span {
	color: #666;
	background-color: inherit;
}

#footer {
	padding: 10px;
	text-align:center;
	border-top: 2pt solid #000;
	clear:both;
}

input, textarea {
	border:1pt solid #000;
	color:#000;
	background-color: inherit;
}

acronym, abbr {
	border:0;
}

/*************** Content Section for Lunch and Diner Menu pages *****************/

#fullwidthcolumn {
	margin: 0;
	padding: 0;	
}
/* I had to put the overflow here and not in the #fullwidthcolumn so that it work in Safari.
   Opera has the horizontal scroll bar visible but that's OK. */
 #content {
	float: left;
	width:auto;
	padding: 0 5px 10px 5px;
	text-align: justify;
	margin: 5px 2px;
}

/* This is probably overcoded in order to satisfy the 5 browsers I am testing on */
#content ul li{
	list-style: none;
	border-bottom: 1px dashed #999;
}

#contentrightcolumn ul, #contentleftcolumn ul, #dinner_contentrightcolumn ul, #dinner_contentleftcolumn ul,  #dinner2_contentrightcolumn ul, #dinner2_contentleftcolumn ul{ 
	padding: 1px 0 3px 5px;
	font-size: 9pt;
	margin: 0;
}

#content ul.price li{
	float: right;
	width:auto;
	padding: 4px 0 0 10px;
	border-bottom: 0;
	font-size: 10pt;
	font-weight: bold;
}

#content ul.section {
	padding: 0;	
}

#content ul.section li{
	float: right;
	width:auto;
	padding: 0 0 0 10px;
	border-bottom: 0;
}

#contentleftcolumn, #dinner_contentleftcolumn, #dinner2_contentleftcolumn { 
   padding: 0;
   margin: 0 340px 0 5px;
}
       
#contentrightcolumn, #dinner_contentrightcolumn, #dinner2_contentrightcolumn { 
   padding: 0 0 1px 0;
   float: right;
   width: 330px;
   margin: 0;
}

#contentrightcolumn h2, #contentleftcolumn h2, #dinner_contentrightcolumn h2, #dinner_contentleftcolumn h2,  #dinner2_contentrightcolumn h2, #dinner2_contentleftcolumn h2  { 
   padding: 1px;
   margin: 0;
}

h2.menu_header, h2.dinner_menu_header{
	text-align: center;
	margin: 8px 0 8px 0;
	padding: 2px;
    font-family: 'Monotype Corsiva', cursive;
	font-size:16pt;
}

h2.menu_header{
	border-bottom: 1pt solid #000;
}

h2.dinner_menu_header{
	border-bottom: 1pt solid #000;
}

h3.menu_header, h3.dinner_menu_header{
	text-align: left;
	margin: 8px 0 8px 0;
	padding: 2px;
    font-family: 'Monotype Corsiva', cursive;
	font-size:13pt;
}

h3.menu_header{
	border: 0;
}

h3.dinner_menu_header{
	border:0;
}

/********************* General Classes *********************/

.boldit {
	font-weight:bold;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.right {
	text-align: right;	
}

.paddingright {
	padding-right: 20px;
}

.paddingright1 {
	padding-right: 40px;
}

.paddingleft {
	padding-left: 60px;
}

.paddingleft1 {
	padding-left: 30px;
}

.left {
	float: left;
	position:relative;
	width:10%;
}
.smallcaps {
	font-variant: small-caps;
}
.topspace {
	margin-top:15px;
}