/*
Project: http://www.lepinbeausoleil.com
Type: CSS
Description: Print Styles for all Browsers
Author: Gabriele Strache
Date: 2008-02-04
Last Modified: 2008-02-04

===== Colors =====

page background: #474F6F (slate blue)
font general: #666 (dark grey)
link left navigation: #888 (grey)
active link left navigation: #c90; (ochre)
h1: #474F6F (slate blue)
h2: #606b96 (blue)
h3: #c90 (ochre)
h4: #707070 (grey)
*/

*  { /* zeroes off the browser defaults */
	padding: 0;
	margin: 0;
	border: 0;
	}
	
body {		
	background-color: #fff;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* sets the base font size to 10px */
	}
	
img { 
	border:0;			
	}
	
a {
	outline: none; /* turns off browser default focus outlining */
	}

	
/* ===== Headlines ===== */
	
h1 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;		
	font-size: 2.5em;	
	color: #474F6F;	
	background: #fff url("img/logo/logo_chateauLePinBeausoleil.jpg") no-repeat .6em .9em;
	padding: 1.3em 0 .4em 7.2em;	
	margin: 0;	
	}	
	
h2 {
	text-transform: uppercase;
	font-size: 2em;
	font-weight: normal;
	/*letter-spacing: 0.1em;*/
	color: #606b96;
	background-color:transparent;
	margin: 0 0 1em;
	}

h3 {
	font-size: 1.8em;	
	font-weight: normal;
	color: #c90;	
	background-color:transparent;
	margin: 1em 0 .7em;
	}
	
h4 {
	font-size: 1.3em;	
	font-weight: bold;	
	color: #707070;
	background-color:transparent;
	margin: 1em 0 .1em;
	}
		

/* ===== Container ===== */

#pagewrapper {
	width: 100%;
	background: #fff url(img/bg_header_20x85.jpg) repeat-x;
	position: relative; /* making pagewrapper the reference for an absolute positioned child */
	}		
	
#header {
	border-bottom: 2px solid #c90;
	margin-bottom: 4em;	
	}	
	
#sidebar, #footer, .noprint {
	display: none;
	}
	
#contentbox {
	width: 100%;
	/*margin: 0;*/
	float: none;
	}
	
#content {	
	margin: 0;
	}

#content ul {
	margin: 1em;
	padding: 1em;
	font-size: 1.3em;
	line-height: 1.8em;	
	}
	
#content p {	
	font-size: 1.3em;
	line-height: 1.7em;
	margin-bottom: 0.7em;		
	}
	
/* ===== Links ===== */

/* content links */
#content a {
	text-decoration: underline;
	color: #000;
	}	
	
/* ===== Table Styles ===== */
	
table {	
	margin:0;
	border:0;
	width:100%;
	border-collapse:collapse;
	}
	
td {
	vertical-align: top;
	font-size: 1.3em;
	line-height: 1.7em;	
	padding: 1em;	 
	}
	
	
tr.odd {
	background-color: #d6dbf1;
	}
	
tr.even {	
	background-color: #efefef;
	}
	
/* ===== Press Review ===== */
	
div.press {
	width: 100%;
	overflow: hidden; /* for enclosing nested flaots */	
	border-bottom: 1px solid #ccc;
	padding: 2.5em 0 1.8em;	
	}
	
div.press img {
	float: left;		
	}	

div.press p {
	margin-left: 120px;
	}

	
/* ===== Wines List ===== */
	
div.wines {
	width: 100%;
	overflow: hidden; /* for enclosing nested flaots */	
	margin: 2.5em 0 4em;		
	}
	
div.wines img {
	float: left;
	border:1px solid #ccc;
	}
	
div.wines h4 {
	margin-top: 0;
	margin-left: 190px;
	}
	
div.wines p {
	margin-left: 190px;
	}
	
	
/* ===== Classes for Fonts ===== */

strong {
	font-weight:bold;
	color: #888;
	}
	
.accent {
	font-weight:bold;					
	color:#888;
	background-color:#fff;	
	}
	
.small {
	margin:0 0 1em;
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	
/* ===== Classes for Positioning ===== */

.just {
	text-align: justify;
	}
	
.lt {
	text-align:left;	
	}
	
.rt {
	text-align:right;	
	}
	
.ctr {
	text-align: center;
	}
	
.mdl {
	vertical-align: middle;
	}
	
.clr {	
	clear: both;
	height: 0;
	margin: 0;
   	padding: 0;		
	line-height: 0px;
	font-size: 0.1px;
	}
	
.clrboth {
	clear: both;
	}	
			
.nomargin {
	margin: 0;
	}
	
.floatright {
	float: right;
	}

.floatleft {
	float: left;
	}

.smallLabel {
	float:left;
	margin: .25em 2em 2em 0;
	border:1px solid #ccc;	
	}
	
.imgborder {
	border: 1px solid #ccc;
	}

.floatimgright{
	float: right;
	margin: 0 0 2em 2em;
	}
	
.floatimgleft{
	float: left;
	margin: 0 2em 2em 0;
	}
	
.asterisk {
	font-size: 1.5em;
	}