/*

-Copyright Vix, 2003-05 (http://furious-angel.com)

-You are free to study this code and learn from it, 
 but do NOT take anything from here without my PRIOR and WRITTEN permission and pass it as your own!

-Credits: 
	Mark 	(Diveintoaccessibility.com) for Accessibility modifications
	Jem 	(http://jemjabella.co.uk) for nifty CSS centering tip

/* 
----------------------------------
ACCESSIBILITY MODERATIONS!
-------------------------------
*/

/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */
  

/* 
----------------------------------
GENERAL STUFF
-------------------------------
*/

body {
	margin: 0px; 
	padding: 0px;
	background-color: #3C382C; 
	text-align: center;
	color: #666363;
	font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
}


.banner {
	background: no-repeat url('http://james.heavens-night.com/images/KoH_v2_banner.gif');
	width: 750px;
	height: 450px;
	padding: 0px;
}


.footer {
	background: no-repeat url('http://james.heavens-night.com/images/KoH_v2_footer.gif');
	width: 750px;
	height: 150px;
	padding: 0px;
	margin: -20px 0 0 0;
}


#container{
	width:750px;
	padding: 0px;
	text-align: left;
	background-image: url('http://james.heavens-night.com/images/bg.gif'); 
}


.centered {
	margin: 0 auto 0 auto;
}

img.noborder {
	padding: 0px; 
	border: 0px;
	text-align: left;
}


.bar {
	padding: 255px 140px 5px 0px;
	margin: 0px 5px 5px 5px;
	color:#24416E;
	font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: right;
	}

.bar a:link, .bar a:active, .bar a:visited {
text-decoration: none;
}

.bar a:hover {font-weight: normal; 
	color: #D56F1F; 
	text-decoration: none;
}

/* 
----------------------------------
GENERAL STYLING
-------------------------------
*/



h1 {
	color:#4B1F1E;
	font: 18px Verdana, sans-serif;
	text-align: right;
	margin-bottom :20px;
	padding: 0px;
}

h2 {
	color:#666363; 
	font: 40px/30px Georgia, Times New Roman, serif;
	text-align: left;
	margin:0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;

}


a:link, a:active, a:visited {
	text-decoration: underline;
	color: #4B1F1E;
}

a:hover {font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: underline;
}


ul {
	color: #6F6B72;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin-bottom: 3px;
	}

ol {
	color: #6F6B72;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin-bottom: 3px;
	}


li {
	color: #000000;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin: -5px 0px 15px 2px;
	
}

table {
	margin: 0 auto 0 auto;
}


td {
	color: #000000;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: center;
	padding: 5px;
}


td.cult {
	color: #000000;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: center;
	padding: 0px;
}

tr {
	color: #000000;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
}


/* 
----------------------------------
MAIN CONTENT
-------------------------------
*/
  #content {
  float: left;
  width: 535px;
  margin: -31px 0px 0 50px;
  z-index: 3;
  letter-spacing: 0px;
  padding: 2px;
  }
html>body>#container>#content {
  margin: -31px 0px 0 105px;
}

#content p {
	color: #000000;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin: -5px 0px 15px 2px;
	}

.hide {
	color: #666363;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}


#content h2 {
	color: #4B1F1E;
	font: 14px Verdana, Times New Roman, sans-serif;
	font-weight: bold;
	text-align: left;
	margin: -15px 0 0 0px;
}

.content h3 {
	color: #806E64;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

p.posted {
	color: #666363;
	font-family: Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #4F5150;
	text-align: left;
	padding-bottom: 25px;
}
	
p.coll {
	color: #666363;
	font-family: Arial, sans-serif;
	font-size: 8px;
	text-align: center;
	padding-bottom: 5px;
}


img.gravatar {
	margin-right: 5px;
	padding: 3px; 
	border: 1px solid #666363;
	float: left;
	background-color: #FFF; 
}


.recent_grav
{
	background-color: #fff;
	padding: 3px;
	margin: -5px 8px 3px 5px;
	border: 1px;
	border-style: solid;
	border-color: #666363;
}


img.blog {
	padding: 8px; 
	border: 1px solid #666363;
	background-color: #FFF; 
}


blockquote {
	margin: 1.2em 20px;
	padding: 1px 20px;
	background-color: #FFFFFF;
	border: 1px solid #666363;
	font-size: 0.9em;
}
	
td.about {
	color: #666363;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

td.ticks {
	width: 35px;
	color: #666363;
	font: 11px Verdana, Arial,sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}


/* 
----------------------------------
SIDE BAR
-------------------------------
*/


  #sidebar {
  float: left;
  width: 175px;
  margin: -455px 0 0 -25px;
  letter-spacing: 0px;
  padding: 2px 2px 2px 10px;
  }
html>body>#container>#sidebar {
  margin: -455px 0 0 -30px;
}


h2.sidebar{
	color: #666363;
	font: 14px Georgia, Times New Roman, serif;
	font-weight: bold;
	text-align: left;
	margin:3px 5px 0px 18px;

}

.latestactivity {
		padding: 5px 10px 10px 10px;
		font-size: 0.9em;
		margin:0px 5px 5px 20px;
	}
html>body>#container>#sidebar>.latestactivity {
		padding: 0 10px 10px 25px;
		margin: 5px 3px 0px 3px;
}
	.latestactivity a {
		text-decoration: none;
	}

.nav {
	color: #666363;
	font: 16px Georgia, Times New Roman, serif;
	font-weight: bold;
	text-align: left;
	margin:0px 5px 0px 12px;
}

a.main:link {color: #666363; font-weight: bold; text-decoration: none;}
a.main:active {color: #666363; font-weight: bold; text-decoration: none;}
a.main:visited {color: #666363; font-weight: bold; text-decoration: none;}
a.main:hover {color: #C10D0D; font-weight: bold; text-decoration: none;}

.blogrollmain {
	margin:0px 5px 0px 5px;
	padding: 0 10px 0 10px;
	color:#666363;
	font: 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: left;
}


#sidebar p {
	margin:0px 5px 0px 5px;
	padding: 10px;
	color:#666363;
	font: 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: left;
}

#sidebar h3 {
	margin:0px 5px 0px 5px;
	padding: 10px;
	color:#666363;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: right;
}


.drop{
	font: 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	color:#666363;
	background-color: #FEFEFE;
	width:140px;
	padding: 2px 2px 2px 2px;
	text-align:right;
	margin:3px;
	border: 1px solid #779184;
}

.credit {
	padding-top: 120px;
	margin:5px 0px 5px 100px;
	color:#000000;
	font: 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: left;
}


img.sidebar {
	padding: 3px; 
	border: 1px solid #958B9C;
	background-color: #FFF; 
}

img.currleft {
	margin-right: 5px;
	padding: 2px; 
	border: 1px solid #3C382C;
	float: left;
	background-color: #FFF; 
}

img.currright {
	margin-left: 5px;
	padding: 2px; 
	border: 1px solid #3C382C;
	float: right;
	background-color: #FFF; 
}


#sidebar.a:link, a:active, .a:visited {
	text-decoration: none;
	color: #C4C3A4;
}

#sidebar.a:hover {font-weight: normal; 
	color: #000000; 
	text-decoration: underline;
}

#navigation {
list-style-type: none;
margin: 0; padding: 0;
}
#navigation li {
display: inline;
padding: 2px 8px;
}

/* 
----------------------------------
IMAGE MAP STUFF
-------------------------------
*/


#menu a {
  float: left;
  width: 100px;
  margin: 50px 0px 0 50px;
  z-index: 5;
  letter-spacing: 0px;
  padding: 2px;
  text-decoration: none;
  border: none;
  }

#menu a strong { visibility: hidden; }

a#basics, a#indepth, a#fanlisting { left: 56px; right: 84px; }
a#basics { top: 33px; bottom: 108px; }
a#indepth { top: 139px; bottom: 223px; }
a#fanlisting { top: 276px; bottom: 376px; }


a#basics:hover,
a#indepth:hover, 
a#fanlisting:hover { border: none; }


#menu2 a {
  float left;
  height: 450px;
  width: 100px;
  top: 0px; 
  text-decoration: none;
  border: none;
	margin: 10px 2px 2px 2px;
  }

#menu a strong { visibility: hidden; }

a#collective, a#blog, a#vix, a#domain, a#skins, a#joined, a#clear { top: 155px; bottom: 175px; }
a#collective { left: 196px; right:218px; }
a#blog { left: 230px; right:289px; }
a#vix { left: 301px; right:341px; }
a#domain { left: 356px; right:403px; }
a#skins { left: 414px; right:449px; }
a#joined { left: 461px; right:502px; }
a#clear { left: 510px; right:544px; }

a#collective:hover,
a#blog:hover, 
a#vix:hover, 
a#domain:hover, 
a#skins:hover,   
a#joined:hover, 
a#clear:hover { border: none; }


/* 
----------------------------------
ACCESSIBILITY
-------------------------------
*/


.skiplink {display:none}
abbr, acronym {
   border: none;
} 

abbr[title], acronym[title] {
   border-bottom: 1px dotted #000000; 
   cursor: help;
}