@import url("calluna/stylesheet.css");

*{
	padding: 0;
	margin: 0;
}

html{
	background: #fff url("http://subtlepatterns.com/patterns/billie_holiday.png") repeat;
	font: 18px/24px Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}

.clearfix{
	clear: both;
	display: block;
}

h1{
	padding: 30px 20px 10px;
	color: #333;
	font:40px/50px 'CallunaRegular', serif;
}

h2{
	padding:0 20px 10px; 
	color: #666;
	font:22px/34px 'CallunaRegular', serif;
}

h3{
	padding: 0 0 10px;
	color: #333;
	font-family: 'CallunaRegular', serif;
	font:20px/34px 'CallunaRegular', serif;
}

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

a:hover{
	color: #666;
	text-decoration: underline
}

#aff{
	max-width: 960px;
	margin: 20px auto 10px;
	text-align: right;
	font-size: 16px;
	text-shadow: 0 1px #fff;
}

#aff img{
	vertical-align: middle;
}

#container{
	max-width: 960px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

#footer{
	max-width: 960px;
	margin: 10px auto 20px;
	text-align: center;
	font-size: 16px;
	text-shadow: 0 1px #fff;
	padding: 0 10px;
}

#pic{
	background: #eee url("../images/nooruddin.png") top right no-repeat;
	background-size: 400px auto;
	height: 400px;
	widows: 100%;
	margin: 20px 0 10px;
	box-shadow: inset 0px 0px 15px rgba(0,0,0,0.1)
}

#contents{
	padding: 20px;
}

#contents ul{
	margin-left: 20px;
}

#contents ul li{
	margin-bottom: 4px;
}

.about, .books{
	width: 46%;
}

.about{
	float: left;
}

.books{
	float: right;
}

.more{
		margin-left: 20px;
	font-size: 16px;
}