/* reset */

* {
margin: 0;
padding: 0;
}

img {
border:none;
}

/* general */

.right {
float:right;
}

.left {
float:left;
}
.clear {
clear:both;
}

a {
text-decoration: none;
color: #660000;
}

h1, h1 a {
font-size: 24px;
line-height: 150%;
margin-bottom: 20px;
font-weight:normal;
color: #2C241F;
}

h2, h2 a {
font-size: 16px;
line-height: 150%;
margin-bottom: 15px;
font-weight:bold;
color: #2C241F;
}

h3, h3 a {
font-size: 1.2em;
line-height: 150%;
font-weight:bold;
color: #2C241F;
}

h4, h4 a {
font-size: 1em;
line-height: 150%;
font-weight:bold;
color: #2C241F;
}

p {
line-height: 150%;
margin-bottom: 1.2em;
}

html {
height:100%;
}
body {
background-image: url(images/background.jpg);
background-repeat: repeat;
background-color: #23150F;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #2C241F;
height:100%;
}

#footer {
margin: 0 auto;
padding:40px;
text-align:center;
overflow:hidden;
color:#161010;
}

#footer a {
color:#161010;
}

#wrapper {
	background-image: url(images/mainbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
		min-height:100%;
		_height:100%;
}

#main {
    width:950px;
	background-image: url(images/main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
				_height:100%;
}

#content {
width: 490px;
padding: 120px 80px 50px 130px;
float: left;
overflow:visible;
	min-height:600px;
			_height:100%;
}


/* Nav */

#nav {
padding: 33px 0 0 0;
float: left;
}

a.title {
width:180px;
height:0;
padding:100px 0 0 40px;
display:block;
background-image: url(images/title.gif);
background-repeat: no-repeat;
background-position: right top;
overflow:hidden;
}

#nav ul {
width:198px;
padding: 30px 0 0 10px;
list-style: none;
}

#nav ul a {
width:0;
padding:0 0 0 188px;
display:block;
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#nav ul a:hover {
background-position: -188px 0;
}

#nav ul a.designs {
height:62px;
background-image: url(images/nav_designs.png);
_background-image: url(images/nav_designs.gif);
}

#nav ul a.bio {
height:69px;
background-image: url(images/nav_bio.png);
_background-image: url(images/nav_bio.gif);
}

#nav ul a.news {
height:61px;
background-image: url(images/nav_news.png);
_background-image: url(images/nav_news.gif);
}

#nav ul a.contact {
height:64px;
background-image: url(images/nav_contact.png);
_background-image: url(images/nav_contact.gif);
}

#nav ul.category {
width:150px;
margin-left:50px;
padding: 0 0 20px 0;
background-image: url(images/nav_category.png);
_background-image: url(images/nav_category.gif);
background-position: left bottom;
background-repeat: no-repeat;
overflow: hidden;
}

#nav ul.category li {
width:75px;
padding: 2px 0 3px 40px;
color:#161010;
}

#nav ul.category li a {
width:auto;
display:inline;
padding:0;
color:#161010;
}

#nav ul.category li a:hover {
color: #660000;
}

/* home */

#homemain {
margin: 0 auto;
width: 920px;
height :800px;
background-image: url(images/homemain.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#bookcover h1 {
margin:0;
padding:0;
height:0;
padding-top:14px;
font-size:14px;
overflow: hidden;
}

#bookcover {
width: 649px;
height:715px;
float: left;
}

/* Navi for home */

#homenav {
padding: 25px 0 0 0;
float: left;
}

#homenav ul {
width:150px;
padding: 30px 0 0 0;
list-style: none;
}

#homenav ul a {
width:0;
padding:0 0 0 150px;
display:block;
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#homenav ul a:hover {
background-position: -150px 0;
}

#homenav ul a.designs {
height:61px;
background-image: url(images/homenav_designs.png);
_background-image: url(images/homenav_designs.gif);
}

#homenav ul a.bio {
height:72px;
background-image: url(images/homenav_bio.png);
_background-image: url(images/homenav_bio.gif);
}

#homenav ul a.news {
height:59px;
background-image: url(images/homenav_news.png);
_background-image: url(images/homenav_news.gif);
}

#homenav ul a.contact {
height:67px;
background-image: url(images/homenav_contact.png);
_background-image: url(images/homenav_contact.gif);
}

#homenav ul.category {
width:150px;
padding: 0 0 20px 0;
background-image: url(images/homenav_category.png);
_background-image: url(images/homenav_category.gif);
background-position: left bottom;
background-repeat: no-repeat;
}

#homenav ul.category li {
width:85px;
padding: 2px 0 3px 30px;
color:#161010;
}

#homenav ul.category li a {
width:auto;
display:inline;
padding:0;
color:#161010;
}

#homenav ul.category li a:hover {
color: #660000;
}