/*
1. box model rules / width and height
2. background
3. positioning
4. text formatting
5. radius, browser specifics */

* { margin: 0; padding: 0; }

/* @group Structure */

body {
	background-color: #C3C6C6;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 15px; line-height: 1.5em;} 
	
h1 { margin: 0 0 10px 0; font-size: 18px; }
h2 { margin: 0 0 10px 0; font-size: 16px; }
h3 { margin: 0 0 10px 0; font-size: 14px; }
p { margin: 0 0 15px 0; }
a:link, a:visited { color: #555; }
a:hover { color: #777; }

.wrapper {
	margin: 0 auto; padding: 0 25px; width: 800px;
	background-image: url(images/background.jpg);  }
	
dl { margin: 0 0 10px 20px; }
dt { margin: 10px 0 0 0; }
dt a:link { color: #000; }
dd { 
	margin: 0 0 0 15px;
	color: #555; font-size: 13px;	
}
	
#main { margin: 0 0 25px 0; }	
	
/* @end */

/* @group Header */


#header {
	height: 160px; _height: 170; padding: 0;
	background-color: #ffffff; background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: right top; 
	position: relative;  }
	
#logo {
	height: 140px; width: 550px; 
	background-image: url(images/logo.png); background-repeat: no-repeat;
	position: absolute; left: 25px; top: 20px;
	 }
	 
#header h1 {
	text-indent: -10000px;
}
	

/* @end */

/* @group Navigation */

#main-navigation {
	border-bottom: 4px solid #555; height: 30px; padding: 5px 0 0 8px;
	background-color: #999;
}

li{display: block; float:left; list-style: none; margin-right:4px;}

.tab a, .tab span { float: left; cursor: pointer; }

.tab a:link, .tab a:visited{
	height:30px;
	background-image: url(images/tab_right_normal.png); background-position: right; background-repeat: no-repeat;
	color:#555; font-size: 13px; font-weight:bold; line-height:30px; text-decoration:none;
	
}

.tab a span{
	background:url(images/tab_left_normal.png) left;
	height:30px; 
	margin-right:14px; _margin-right: 4px;
	padding-left:14px; _padding-right: 14px;
}
.tab a:hover, .tab a:active {
	background: url(images/tab_right_hover.png) right;	
	background-repeat: repeat-y;
	color:#555;
}
.tab a:hover span{
background:url(images/tab_left_hover.png) left;
 
}

#content a.button {
	padding: 0 10px 0 0; margin: 10px 0 0 0;
	background: url(images/subnavigation_button.jpg) right no-repeat;  
	display: inline-block; cursor: pointer;
	color: #535657; font-size: 10px; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; text-transform: uppercase; }
	
#content a.button span {
	padding: 0 0 0 10px; 
	display: inline-block;
	background: url(images/subnavigation_button.jpg) left no-repeat;  }
	
#content a.button:hover, #content a.button:active {
	background: url(images/subnavigation_button_hover.jpg) right no-repeat;  }
	
#content a.button:hover span {
	background: url(images/subnavigation_button_hover.jpg) left no-repeat;  }


/* ------------------------- */
/* ACTIVE ELEMENTS */
li a:link.active-page, li a:visited.active-page, li a:visited.active-page, li a:hover.active-page {
color:#eee;
background:url(images/tab_right_active.png) right no-repeat; _color: black; 
}
li a.active-page span, li a:hover.active-page span{
background:url(images/tab_left_active.png) left no-repeat; 
}

/* @end */

/* @group Content */

#content {
	padding: 20px 30px; 
}

/**** Main Page ****/

#content #main-page-photo	{ 	
	padding: 4px 0 0 0; width: 155px;
	float: left;  
	text-align: center;
}

#content #main-page-photo h3 {
	margin: 10px 0 0 0;
}

#content #main-page-photo p {
	font-size: 12px; ;
}

#content #main-page-content {
	margin: 0 0 0 175px;
}

#content ul.book-gallery {
	margin: 40px 0 20px 0; }
	
#content ul.book-gallery li {
	minimum-height: 310px; height: 310px; width: 350px;
	display: inline-block;
	text-align: center; }
	
#content ul.book-gallery li p {
	text-align: center;}
	
/*****/
	
#content div.book-cover {
	padding: 0 0 0 50px; margin: 0 0 50px 0;  width: 200; 
	float: left; }
	 
#content div.book-description {
	margin: 25px 0 0 260px; width: 475px;
}


	

/***/	
	
#content blockquote {
	margin: 10px 0 35px 10px; padding: 10px 35px 0 25px;
	font-size: 13px;
	}	
	
#content blockquote.poem {
	padding: 10px 0 0 100px;
}
	
#content blockquote p cite {
	margin: -5px 15px 0 0;
	display: block;
	font-size: 12px; text-align: right;  }
	
#content .help-text p {
	font-size:10px; text-align: center; }
	
#content .main-photo {
	margin: 25px 0 25px 0;
	text-align: center;
}

#content .main-photo p {
	margin: 5px 0 0 0;
	font-size: 11px;
}

/* @end */

/* @group Footer */

#bottom-wrapper {

}

#inside-wrapper {
	height: 18px; padding: 10px 20px 15px; 20px;
	background-color: #999999;
	color: #555; font-size: 11px;
}


#bottom-wrapper p#copyright {
	float: left;
	width: 300px;
}

#bottom-wrapper p#site {
	width: 300px;
	float: right;
	text-align: right;
}

/* @end */

.clear-fix {
	clear: both;
}