@import url("css/reset.css");

body {
	font-family: georgia, sans-serif; 
	font-size: .875em;
	color:#fff;
	background: #292733 url(images/kj_rf_bg.jpg) repeat-y fixed top right;
}

table {
	font-family: georgia, sans-serif; 
}

h1, h2, h3, h4 {
	font-family: Arial, sans-serif;
	letter-spacing: -1px;
}
h1 {
	font-size:x-large;
	letter-spacing: -2px;
}
h2 {
	font-size:large;
	color:#f7efb4;
}
h3 {
	font-size:medium;
	color:#ccf;
}
h4 {
	font-size:small;
	color:#f8f8f9;
}

.fltRt {
	float:right;
}
.fltLt {
	float:left;
}
.ctr {
	text-align:center;
}

.blkTrans50 {
	background:url(images/trans_black_50.png) repeat;
}
* html .blkTrans50 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_black_50.png', sizingMethod='scale');
}

strong {}

a:link {color:#6699ff}
a:visited {color:#c6f}
a:hover {color:#06f}
a:active {color:#ff3333}
a:focus {outline:none}
a img {border-style:none}

#pagecontent {
	width:770px;
	background: url('images/tree_bg.jpg') #000 no-repeat fixed 0 30px;	
	border: 1px solid #000;
	border-top:0;
	border-left:0;
}
#pagecontent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#maincontent {
	float:left;
	text-align:left;
	padding:5px 15px 5px 15px;
	width:560px;
	min-height:500px;
}

#leftcolumn {
	float:left;
	text-align:center;
	width:170px;
	padding:5px;
}

#sites {width:164px;height:73px;margin:0 auto;}

#site div#wrap {width:164px;}

#sites div#wrap div {float:left;width:50px;height:50px;border:1px solid #666;margin-left:4px}

#sond {background:url(images/songs_of_nick_drake_com_icon.jpg) no-repeat;background-position:top right;cursor:default;}

#sond:hover {background-position:top right}

#kj {background:url(images/keith_james_com_icon.jpg) no-repeat;background-position:top left;}

#kj:hover {background-position:top right}

#lorca {background:url(images/poems_of_garcia_lorca_com_icon.jpg) no-repeat;background-position:top left}

#lorca:hover {background-position:top right}

#sites div a {display:block;height:100%;width:100%;}

#sites input {
	width:164px;
	background: transparent;
	color:#fff;
	font-family:tahoma, sans-serif;
	font-weight:bold;
	font-size: x-small;
	border:0;
	cursor:default;
	text-align:center;
	padding:0;
	margin:0;
}

#navbar {
	width:155px;
	margin:5px auto;
}
#navbar ul {
	list-style-type: none;
	margin-bottom:15px;
}
#navbar ul li {
	margin-left:0;
	margin-bottom:3px;
}
#navbar ul li a {
	display:block;
	width:155px;
	padding:3px 0;
	border:1px ridge #f8f8f9;
	background:url(images/trans_black_50.png) repeat;
	color:#fff;
	text-decoration:none;
}
#navbar ul li a:focus {
	outline:none;
}
#navbar ul li a:hover {
	background:#404e80;
}
* html #navbar ul li a {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_black_50.png', sizingMethod='scale');
}
#navbar ul li a.current {
	background:url(images/trans_white_75.png) repeat;
	color:#000;
	cursor:default;
}
* html #navbar ul li a.current {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_white_75.png', sizingMethod='scale');
}

.colBox {
	margin:15px auto;
	border:1px solid #333;
	padding:8px 0;
	letter-spacing:normal;
}
.colBox h4 {
	margin-top: 0;
}

#audio {
}
#audio table#clip {
	width:130px;
	margin:5px auto;
	font-size:x-small;
	line-height:1.1;
	color:#f7efb4;
	background:#292733;
}
#audio table#clip div#play {
	height:17px;
	width:17px;
	padding:1px;
	background:#f8f8f9;
	margin-right:5px;
	border:1px ridge #f8f8f9;
}
#audio span {
	font-size:x-small;
	color:#ccf;
}

#mailinglist {
	font-weight:bold;
}
#mailinglist input {
	text-align:center;
	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size: small;
}
#mailinglist input.button {
	margin-top:5px;
	font-family: Georgia, sans-serif;
}
#mailinglist input.button_over {
	margin-top:5px;
	font-family: Georgia, sans-serif;
}

#amazon {
	margin:0 auto;
	border:1px solid #333;
	width:126px;
	padding: 3px 0;
}

#header {
	height:127px;
	width:416px;
	margin-bottom:5px;
	background:url(images/title.png) no-repeat;
}
* html #header {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/title.png', sizingMethod='scale');
}

#quotes {margin:5px 0;line-height:1.1;font-size:smaller}

#quote {}

#author {font-weight:bold;}

#logos {
}
#logos img {
	border:1px solid #333;
}

#footer {
	clear:both;
	margin-top:25px;
	border-top:1px solid #333;
	font-size: x-small;
}

#bottomnavbar {clear:left;margin:8px 0 15px 0;border-top:1px solid #ccc;padding-top:4px}

#legal {text-align:left;}

img.border {border:1px solid #666;}

input.button {
	font-family:georgia,sans-serif;
	color:#fff;
	border:1px ridge #f8f8f9;
	background:url(images/trans_black_50.png) repeat;
}
* html input.button {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans_black_50.png', sizingMethod='scale');
}

input.button_over {font-family:georgia,sans-serif;cursor:pointer;background:#404e80;color:#fff;border:1px ridge #f8f8f9;}

.tour {float:right;padding-left:8px;text-align:center;margin-bottom:5px;width:210px;}

.tour img {border:1px #333 solid;margin-bottom:4px;}

.tour p {font-size:smaller;margin:0}