/*
	Anne de Charrière
	Screen stylesheet (import)

	Author: David Roessli (david dot roessli at cybmed dot com)
	Created on 2009-09-23
	Version: 1
	Revision: 0
	Last build: n/a

	History:

		20090923: genesis - revamped with blueprintcss v0.8

	Terms
	You may adapt and learn from the elements of this CSS to use in your own
	projects, but you may not copy the design (the unique combination of images,
	colors, sizes, typography, and positioning) since this is copyright of
	David Roessli and may not be reproduced.
	Thanks.

	Ref.
		white:		#f7f8fa
		grey:		#e8ebf0
		dark grey:	#ccd0d2
		
		red: 		#8e3c52
		red v1.5:	#a00054
*/
/*
	::: blueprintcss overrides
	::: http://code.google.com/p/blueprintcss/
*/
body 	{ background:#d8d8d8; margin:20px 0 0 0; font-family:  Verdana, Helvetica, sans-serif; color:#333;}
ul, ol 	{ margin:0 0 1.5em 0; }
figure { margin:0; padding:0; }
/*
	::: links
*/
a { text-decoration:none; color:#666;}
a:focus, a:hover { color:#a00054; }
/*
	::: structure
*/
#background {
	position:absolute;
	top:0;
	left:0;
	height:125px;
	background-color:#666;
	background-color:#B1A9B3;
	width:100%;
}
.borderradius #background {
	width:97%;
	min-width:998px;
	box-shadow: rgba(0,0,0,.5) -5px 4px 10px;
	-webkit-box-shadow: rgba(0,0,0,.5) -5px 4px 10px;
	-moz-box-shadow: rgba(0,0,0,.5) -5px 4px 10px;
	border-bottom-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius-bottomright: 1em;
}
.no-borderradius #background {
	width:100%;
}
#act #background {
/*	height:100px;*/
}
#wrapper {
	position:relative;
	margin: 0px auto 40px;
/*	background-color:#fff;*/
}
/*
	::: structure > branding
*/
h1 {
	margin-bottom:0;
	font-family: Cambria, "Times New Roman", Times, "Trebuchet MS", serif;
	font-size:3em;
	font-weight:bold;
	font-variant: small-caps;
	color:#fff;
/*	text-transform:uppercase;*/
	text-shadow:#888 -1px 2px 1px;
}
/*#act h1 { font-size:3em; }*/
div#branding nav,
div#branding h2 {
/*	margin-bottom:3em;*/
	font-family: Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
	font-size:1.8em;
	font-size:1.3em;
/*		font-variant: small-caps;*/
	color:#aaa;
	color:#444;
	color:#a00054;
/*	color:#f90;*/
}
div#branding nav a { color:#a00054; }
div#branding nav a:hover { color:#fff; }
.tagline,
.proverbe {
	padding-top:1.5em;
	font-family: Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
  	font-family: "fertigo-script-1","fertigo-script-2", Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
	font-size:1.2em;
	font-style:italic;
	color:#eee;
	text-align:right;
}
.tagline cite,
.proverbe cite {
	display:block;
}
.proverbe {
	padding-top:1.65em;
	font-size:2.1em;
	color: #a00054;
} 
.proverbe cite {
	font-size:0.8em;
}
/*
	::: structure > branding > nav
*/
div#nav ul {
	margin:0;
}
div#nav ul li {
	float:right;
	list-style-type: none;
	font-family: Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
	font-size:1em;
	letter-spacing:1px;
	text-align:right;
	text-transform:uppercase;
}
div#nav ul li {
	padding-left:1em;
}
div#nav ul li a {
	color:#999;
	color:#666;
	color:#a00054;
	text-decoration:none;
}
div#nav ul li#h a,
div#nav ul li a:hover {
	color:#fff;
}
div#nav ul li#h a {
	border:1px solid #ddd;
	border-width:0 0 1px 0;
}
div#nav ul li#h a:hover {
	color:#a00054;
}
p.intro {
	padding-top:2em;
	color:#666;
}
/*
	::: structure > tagcloud
*/
div#tagcloud {
/*	padding:1em 2em 4em 2em;*/
}
div#tagcloud ul {
	margin:0;
}
div#tagcloud ul li {
/*	float:left;*/
	list-style-type: none;
	padding:2px 0;
	font-family: Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
	color:#999;
	color:#777;
	color:#aaa;
/*	background-color:#eee;*/
	text-align:right;
	text-transform:lowercase;
}
/*
	temp */
div.tagcloud {
/*	padding:1em 2em 4em 2em;*/
}
div.tagcloud ul {
	margin:0;
}
div.tagcloud ul li {
	list-style-type: none;
	padding:2px 0;
	font-family: Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
	color:#999;
	text-align:center;
	text-transform:lowercase;
}
/*	end temp
*/
.s1 { font-size:1.2em; }
.s2 { font-size:1.4em; }
.s3 { font-size:1.6em; }
.s4 { font-size:1.8em; }
.s5 { font-size:2em; }
.s6 { font-size:2.2em;  }
.s7 { font-size:2.4em; }

/*.s1 { font-size:1em; }
.s2 { font-size:1.2em; }
.s3 { font-size:1.4em; }
.s4 { font-size:1.6em; }
.s5 { font-size:1.8em; }
.s6 { font-size:2em;  }
.s7 { font-size:2.2em; }
*/
.f1 { font-family: Verdana, Helvetica, Arial, sans-serif !important;}
.f2 { font-family: Helvetica, Arial, sans-serif !important;}
.f3 { font-family: "Trebuchet MS", sans-serif !important;}
.f4 { font-family: Cambria, Georgia, "Times New Roman", Times, "New Times Roman", serif !important;}
.f5 { font-family: "fertigo-script-1","fertigo-script-2", cursive !important; }
.i { font-style:italic;}
.b { font-weight:bold;}
.e { color:#a00054 !important; }
.c { color:#a00054 !important; }
/*
	::: structure > content
*/
#content { 
	padding-top:50px;
/*	position:absolute;
	top:240px;
	left:0; */
}
h3 { font-family: Cambria, Georgia, "Times New Roman", Times, "New Times Roman", serif; color:#000;}
h3 a { color:#a00054; }
h3 a:hover { color:#a00054; }
.emph {
	font-family: Cambria, Georgia, "Times New Roman", Times, "Times New Roman", serif;
	font-size:1.4em;
	color:#000;
	color:#999;
	color:#777;
	color:#333;
	text-shadow:#fff 0 1px 1px;
}
/*
	::: structure > sec1
*/
#sec1 ul li {
	margin:0 0 1em 0;
	font-family: Cambria, Georgia, "Times New Roman", Times, "New Times Roman", serif;
	font-size:1.2em;
	list-style-type:none;
	font-style:italic;
	color:#777;
}
#sec1 img.portrait {
/*	width:180px;
	height:240px;
*/	padding:5px;
	background:#ddd;
	border:1px solid #ccc;

	box-shadow: rgba(0,0,0,.5) -5px 4px 10px;
	-webkit-box-shadow: rgba(0,0,0,.5) -5px 4px 10px;
	-moz-box-shadow: rgba(0,0,0,.5) -5px 4px 10px;
/*	border-bottom-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius-bottomright: 1em;
*/}
/*
	::: structure > info
*/
#info {
	padding:4em 0 0 40px;
	font-size:0.9em;
	color:#666;
/*	text-align:center;*/
}
#info a { color:#666; }
#info a:hover { color:#a00054; }
/*
	::: form
*/
input#subject { display:none;}
/*p.notice { margin-left:2em;}*/
/*
	::: misc
*/
.print, .iprint { display:none !important;}
.ornemental { font-size:1.8em; color:#999; color:#f90; color:#a00054; text-align:right;}
/*
    ::: FancyZoom overrides
*/
#ZoomCapDiv th, td, caption { padding:0; }
/*
	456 Berea St - skip link styles
	http://www.456bereastreet.com/css/main.css
*/
.skip {
	position:absolute;
	left:-9999px;
}
.skip a:focus,
.skip a:active {
	display:block;
	position:absolute;
	top:10px;
	left:10009px;
	z-index:10;
	font-size:1.8em;
	line-height:120%;
	padding:0.5em;
	border:2px solid #91cc14;
	width:15em;
	background:#F1F8E1;
	}
.skip a:hover {
	text-decoration:underline;
	border-color:#580801;
}
/*
	::: v1.5
*/
div#background { z-index:100;}
div#branding { position:relative; z-index:1000;}
html {
/*	height:100%;*/
	background-color:rgb(216,216,216);
	background-image: -moz-linear-gradient(rgb(255,255,255), rgb(187,187,187));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(187,187,187)));	
	background-position:0 0;
	background-repeat:no-repeat;
}
body { background-color:transparent;}
div#background { height:100px; }
figure#portrait { position:absolute; top:3px; left:-40px; }
figure img {
	background-color: white;
	border: 1px solid rgb(230, 230, 230);
	padding: 0px; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
/*body#pro #content figure { float:right; margin-left:20px; margin-bottom:1.5em;}*/
body#pro #content figure img { padding:10px;}
div#branding h1 { padding-left:0px; font-variant:normal; }
div#branding h1 a { color:#fff; }
div#branding h2 { padding-left:0px;font-size:1.4em; }
div#nav { float:right; padding-top:8px;}
div#nav ul li { margin-bottom:5px;}
div#nav ul.main { clear:both;}
/*div#nav ul.main li { padding:2px 1em 0 0; font-size:1.4em; text-transform:none; letter-spacing:0; border-top:1px solid #ccc;}*/
div#nav ul.main li { font-weight:bold;}
div#nav ul.main li { padding:8px 1.5em 0 0; border-top:1px solid #ccc;}
div#nav ul.main li:first-child { padding-right:0;}
/*
    ::: print only
*/
@media print {
	body 				{ background-color:#fff; }
	a:link,
	a:visited			{ color:#000; }
	.noprint			{ display:none !important; }
	.print				{ display:block !important; }
	.iprint				{ display:inline !important; }
	#nav 				{ display:none; }
	.print				{ display:block; }

	h1, h2				{ color:#000;}
	#background			{ display:none; }
	div.content 		{ display:block !important;}
	.tagline, .emph,
	#info, #info a		{ color:#666;}
}