body, th, td, caption, address {
	font-family: sans-serif;
line-height: 1.3;
}
    
body {    
	margin: 0;
	padding-right: 2em;
	padding-left: 2em;
	padding-top: 3em;
	padding-bottom: 2em;
	color: #000;
	background: #FFF url(graphics/bg.gif) no-repeat fixed top right;
}

body.nobread, body.cv {
	padding-top: 0.5em;
}

h1, h2 {
	font-family: Trebuchet MS, sans-serif;
	font-weight: bold;
    color: #900;
	background: transparent;
	border-style: solid;
	border-color: #900;
	border-width: 0 0 1px 1px;
	margin-left: -0.5em;
	padding-bottom: 0.25em; 
}

h1 {
	margin-top: 0;
	font-size: 200%;
	margin-left: -0.5em;
	padding-left: 0.5em;
}

h2 {
	margin-top: 2em;
	font-size: 160%;
	margin-left: -0.625em;
	padding-left: 0.625em;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.25em;
}

h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}

a:link {
	background: transparent;
	color: #F00;
	text-decoration: underline;
}       
a:visited {
	background: transparent;
	color: #900;
	text-decoration: line-through;
}   
a:hover, a:active, a:focus {
	text-decoration: underline overline;
}    
 

blockquote {
	margin: 1em 5em;
	border: 2px dotted #900;
	padding: 0.5em;
}

blockquote p:first-child {
	margin-top: 0;
}

cite {font-style: italic;}
cite[class=q] {font-style: normal; quotes: "\201C" "\201D" }
cite[class=q]:before { content: open-quote }
cite[class=q]:after { content: close-quote }

pre, code {background-color: #DDD; color: #000;}

sup, sub { font-size: smaller; }

ul { list-style-type: square; } 

ol {margin-top: 0;}

li  { padding-top: 0.2em; }

dt {font-weight: bold;}

q  { font-style: italic; }

img { border-width: 0; }

hr  { 
	height: 1px; 
    border-color: #900; 
	border-style: solid; 
	border-width: 1px 0 0 0; 
	margin-top: 1em;
	margin-left: -1em;
	margin-right: -1em;
}

hr.intermediate {
	width: 60%;
}

address {
	margin-bottom: 1em;
}

.bread {
	margin: 0;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	font-size: 95%;
}

footer, .footer {
	margin-top: 0.25em;
	margin-left: -1.05em;
	margin-bottom: 2em;
	font-size: 95%;
	text-align: right;
	color: #FFF;
	background-color: transparent;
}

footer p, .footer p {
	margin: 0;
	text-align: left;
	color: #000;
	float: left;
	background-color: transparent;
}

.banner {
	clear: both;
	width: auto;
	margin: 1em auto;
	text-align: center;
}

.data {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.data td, .data th {
	border: 1px solid #999;
	padding: 0.1em;
}

.data th {
	background: #ccc none;
	color: #900;
}


.dead { color: #FFF;
    background: #000 none;
    font-weight: bold;
    text-decoration: line-through;
}


.webring {margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;}
.webring a:link, .webring a:visited, .webring a:hover, .webring a:active  {background: transparent;}


/* French Revolutionary Calendar styles */

.today { font-weight: bolder; text-align: center;}

.revcal { 
    font-size: 1.1em;
    font-family: sans-serif; 
    border: 1px solid #900;
    width: 95%;
    padding: 0.5em; 
    line-height: 1.5em;
    text-align: center;
    margin-top: 0.5em;
    background: transparent;
}

/* CV styles */

.cv p {
	margin-left: 5em;
	text-indent: -5em;
	margin-bottom: 0px;
	margin-top: 1em;
}

.cv p.intro {
	margin-left: 0em;
	text-indent: 0em;

}

.cv .footer p {
	margin-top: 0;
	margin-left: 0;
	text-indent: 0;
}

.cv ul {
	margin-top: 0px;
	margin-left: 6em;
	padding-left: 0px;
}


/* Portfolio styles */

.client-list {
	padding-left: 2em;
	padding-right: 2em;
}

.portfolio {
	float: left;
	width: 27%;
	margin: 2%;
	border-style: solid;
	border-color: #900;
	border-left-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	padding: 0.5em;
	font-weight: bold;
}

.portfolio img {
	border: 2px solid #000;
	display: block;
	margin-top: 0.2em;
}

h2.end {
	margin-top: 5em;
	clear: both;
}