/* Ian Faulkner Screen CSS Document */
/* Written by James King - www.emergemedia.co.uk */

body {
	background-color:#000;
	color:#fff;
	font:smaller/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	background-position:top;
	background-repeat:no-repeat;
}

#wrap {
	width:640px;
	margin:0 auto;

}

body.home {
	background-image:url(../images/page_bg_3.jpg);
}
body.biography {
	background-image:url(../images/page_bg_4.jpg);
}
body.fiction {
	background-image:url(../images/page_bg_1.jpg);
}
body.links {
	background-image:url(../images/page_bg_2.jpg);
}

body.reviews {
	background-image:url(../images/page_bg_3.jpg);
}

#main {
	width:520px;
	font-size:85%;
	margin:0 40px 0 40px
}

a {
	color:#66CCFF
}

a:hover {
	text-decoration:none;
}

.biography img {
  	float: left;
  	margin: 0 15px 15px 0;
  	padding: 4px;
  	border: 1px solid #666;
  	border-bottom-color: #666;
  	border-right-color: #666;
  	background: #333;
}


#navigation {
	width:520px;
	height:40px;
	background-image:url(../images/nav_bg_1.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	float:left;
	display:inline
}

#navigation li{
	float:left;
}

#navigation li a{
	float:left;
	height:40px;
}

#navigation li a:hover{
	background-image:url(../images/nav_bg_2.gif)
}

#navigation li a span{
	display:none
}

#navigation li a.home {
	width:119px;
}

#navigation li a.biography {
	width:111px;
	background-position:-119px;
}

#navigation li a.fiction {
	width:85px;
	background-position:-230px;
}

#navigation li a.reviews {
	width:95px;
	background-position:-315px;
}

#navigation li a.links {
	width:70px;
	background-position:-410px;
}

h1.logo {
	float:left;
	width:520px;
	height:100px;
	background-image:url(../images/logo_ian_r_faulkner.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}

h1.logo span {
	display:none;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#66CC00;
	clear:both;
	font-size:190%;
	font-weight:normal;
	margin:5px 0;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	clear:both;
	font-size:180%;
	font-weight:normal;
	margin:20px 0;
}

p.line {
	padding-bottom:20px;
	background:url(../images/sep.gif) no-repeat bottom
}

hr {
	display:none
}

#fiction {
  	float: left;
  	padding: 10px 0;
	width: 520px;
}

#fiction dl {
  	float: left;
  	width: 520px;
  	margin: 15px 0;
  	padding: 0;
  	display: inline;
	padding:0
}
	
#fiction dt {
  	float: right;
  	width: 353px;
  	margin: 0 0 10px 0;
  	padding: 0;
  	font-size: 160%;
  	letter-spacing: 1px;
  	color: #6DC7FE;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#fiction dd {
  	margin: 8px 0 0 167px;
  	padding: 0;
}

#fiction dl dd.img {
   	margin: 0;
}

#fiction dd.img img {
  	float: left;
  	margin: 0 10px 0 0;
  	padding: 4px;
  	border: 1px solid #666;
  	border-bottom-color: #666;
  	border-right-color: #666;
  	background: #333;
}

#footer {
	width:500px;
	float:left;
	border-top:1px solid #011423;
	margin-top:15px;
	color:#2A6793;
	padding:5px 10px 5px 10px;
	text-align:right
}

dl#links dt, dl#reviews dt {
	padding:0px 0 1px 24px;
	margin:0;
	background:url(../images/icon_link.gif) 4px no-repeat
}

dl#links dd, dl#reviews dd {
	padding: 1px 0 5px 24px;
	margin:0
}