@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0;}


@font-face {
    font-family: 'CallunaRegular';
    src: url('fonts/calluna-regular-webfont.eot?') format('eot'),
         url('fonts/calluna-regular-webfont.woff') format('woff'),
         url('fonts/calluna-regular-webfont.ttf') format('truetype'),
         url('fonts/calluna-regular-webfont.svg#webfontNwJK2T5r') format('svg');
    font-weight: normal;
    font-style: normal;}

body{
	font-family: 'CallunaRegular', Georgia, "Times New Roman", Times, serif;
	font-size:100%; 
	line-height:1.5;
	margin: 0 auto;
	background-image: url(img/background.jpeg);}

#wrap{

	top:10%;
	position:absolute;
	width: 30em;
	float: left;
	display: inline;
	margin-left:24em;}

#menu{
	text-align:right;
	position: fixed;
	top:100px;
	padding: 0 10px 0 55px;
	display: block;
	z-index:3;
	width: 15em;
	height:100%;}

#opacity1{
	position: fixed;
	top:0px;
	width:20em;
	z-index:1;
	height:100%;
	background-image: url(img/background-b.jpg);
	opacity:.80;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;}
	
#opacity2{
	position: fixed;
	top:0;
	width:20em;
	z-index:2;
	height:100%;
	background-image: url(img/background-b.jpg);
	opacity:.80;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.8;
    -khtml-opacity: 0.8;
	zoom: 1;}
	
#hor{
	width: 165em;
	top:10%;
	position:absolute;}
	
#col2{
	width: 90em;
	top:10%;
	position:absolute;}
	
#col3{
	width: 130em;
	top:10%;
	position:absolute;}
	
#col5{
	width: 194em;
	top:10%;
	position:absolute;}
	
#bio{
	top:10%;
	position:absolute;
	width: 30em;
	float: left;
	display: inline;
	margin-left:23em;}

#bio .cap{float:right;}

#books{
	width: 30em;
	float: left;
	display: inline;
	margin-left:22em;
	margin-top:-3em;}
	
#page img{float:left; padding: 0 5em 0 2em;}
#page img.two{padding-top: 5em;}

#clear{clear:both;}

#arrow{
	positon:absolute;
	bottom:0;
	z-index:90;
	position:fixed; 
	padding:1em; 
	right: 0;;
	opacity:.40;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity:0.4;
    -khtml-opacity: 0.4;
	zoom: 1;
}

.line{
	margin-top:1em;
	background-image: url(img/1.gif);
	background-repeat: no-repeat;
	background-position:center;}
	
.page1{
	width: 30em;
	float: left;
	display: inline;
	margin-left:23em;}

.page{ 
	width: 30em;
	float: left;
	display: inline;
	padding-left:5em;}
.smpage1{
	width:15em;
	float: left;
	display: inline;
	margin-left:23em;}

.smpage{
	width:15em;
	float: left;
	display: inline;
}

h1{
	font-size:2em; 
	padding: 0 0 .5em 0;
	font-weight:400;
	text-shadow:1px 1px #fff;}
	
h2 { 
	font-size:1em; 
	padding-bottom:1.5em;
	font-weight:400;
	text-transform:uppercase;}
	
h3 {font-size:1em; padding:1.51786em 0; font-weight:400; }

p{ 	font: 14px/22px Georgia, "Times New Roman", Times, serif; 
	width:30em;
	text-align:justify;
	color:#666;}

p.long{text-align:left;}
	
p+p{margin-top:1.25em;}
.center{text-align:center}
.up{margin: -25px 0 25px 0;}

.two{font-weight:600; color:#af4234;}

ul.list{
	font: 14px/22px Georgia, "Times New Roman", Times, serif; 
		width:33em;}
ul.list li{
	text-transform:none;}	
ul.list li:first-line{margin-left:-1em;}

li{
	padding-bottom: .5em;
	list-style-type: none;
	color:#666;
	text-transform:lowercase;}

li.current{color:#000;}


li a{text-decoration:none; color:#666;}
li a:hover{ color:#af4234; }
a img {border:0;}
ul.list li a{color:#af4234; text-decoration:underline;}

h1 a{text-decoration:none; color: #000;}
a{color:#af4234; text-decoration:underline;}