/** HTML Elements
------------------------------------------*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

h1 {
    color: #333;
    font-size: 2em;
}

th {
    text-align: left;
    padding: 0 5px;
}

hr {
    clear: both;
    border: solid 1px #ccc;
}

a img {
    border: none;
}

/** Common styles
------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/** Header
------------------------------------------*/

#header {
    margin: auto;
    width: 800px;
}

.menu:link {
	color: #330099;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
}

.menu:visited {
	color: #cc0033;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
}

.menu:active {

	color: #ffffff;
	text-decoration: none;
	background-color: #000066;
	border: thin #000066;
	padding: 2px;
}

.menu:hover {
	text-decoration: underline;
	padding: 2px;
}

/** Content
------------------------------------------*/

#content {
    width: 700px; 
    margin: auto;
    position: relative;
}

/*
    Latest news articles
*/

.article {
    background: #E7F0FF;
    border-bottom: solid 4px #36C;
    margin-top: 2em;
    padding: 2em;
    clear: both;
    overflow: auto;
}

/*
    Book detail layouts
*/

img.author {
    float: left;
    padding: 0 1em .5em 0;
}

.bookdetails {
    float: left;
    background: #fff;
    border-bottom: solid 1px #ccc;
    margin: .5em;
    padding: .5em;
    width: 300px;
}

img.book {
    float: left;
}