/*	None other than the Bohemian Menthol stylesheet!
	Your complete and logical guide
	
	block-level elements:
	h1 to h6
	blockquote
	address
	ul ol dl
	pre (ha ha, yes, let us disregard this)
	p body

	inline-level elements:
	(the logical tags)
	em strong cite code samp var kbd dfn
	a:link a:visited

	special entrees:

	!! splash page
	div#main_top
	div#main_left
	div#main_bottom
	div#main_right

	(for css purposes)
	div.main_menubox_item 
	(for javascript purposes)
	div.main_menubox_1 	about
	div.main_menubox_2 	works
	div.main_menubox_3 	bio
	div.main_menubox_4 	extras
	div.main_menubox_5 	links

	!! content pages
	div#navbar

	div#navbar_header	

	div.navbar_header_item

	div.navbar_header_item_ghost
		this is for "ghosting" purposes (inactive link in relation to current page)

	div#navbar_talk

	(for css purposes)
	div.navbar_talk_item
	(for javascript purposes)
	div#navbar_talk_item_1 	about
	div#navbar_talk_item_2 	works
	div#navbar_talk_item_3 	bio
	div#navbar_talk_item_4 	extras
	div#navbar_talk_item_5 	links

	div#navbar_applet


	NOTE: i'm gonna add pull quotes!

	div#navbar_pull_quotes

	div#content

	div#content_header
	div.content_header_item
	(for javascript purposes, just name the item for id)

	div#content_body

	div#content_footer
	div.content_footer_item
	(for javascript purposes, just name the item for id)

	div.content_body_uberlink
	(for javascript purposes, just name the item for id)


	div.illus
	p.illus
	img.illus
		these are captions for illustrations as well as other centered text


	h2.top_ten
	em.top_ten
		this is for the top ten design tips


	!! table of contents (toc) page

	div#toc_top
	div#toc_bottom
	div.toc_left
	div.toc_right

	div.toc_menubox_item
	div#toc_menubox_ ... et cetera

	div.toc_menu_1
	div.toc_menu_2
		for the extra padding

	div#toc_contents


	!! table of contents (hack)
		obviously, the table of contents won't work unless i fix it...
		i'll leave the table of contents specification here but
		i'll use this hack instead
		i'm tired of this site, so i have to produce something worthwhile.
		this hack will use div#contents

	div.float_left
	div.float_right

*/

/*	Now, let's begin!  Good luck, bastard son of a wjore. */


/*	!! General specification */

body {
	white-space: normal;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

	/*	out of respect for my good old buddy */

pre {
	white-space: pre;
}


p, blockquote, li, dt, dd {
	line-height: 125%;
}

/*	!! Margin Border Padding specification */

body {
	margin: 0%;
	border: 0%;
	padding: 0%;
}

p {
	margin: .5em 2.5%;
	border: 0%;
	padding: 0%;
}


ul, ol, dl {
	margin: .5em 2.5%;
	border: 0%;
	padding: 0%;
}


li {
	margin: .2em 2.5% 0%;
	border: 0%;
	padding: 0%;
}


dt {
	margin: .2em 0% 0%;
	border: 0%;
	padding: 0%;
}

address {
	margin: 1em 0%:
	border: 0%;
	padding: 0%;
}

blockquote {
	margin: 1em 10%;
	border: 0%;
	padding: 0%;
}

h1, h2, h3, h4, h5, h6 {
	margin: .5em 0%;
	border: 0%;
	padding: 0%;
}

div#navbar_header {
	margin: 1% 5%;
	border: 0%;
	padding: 0%;
}

div#navbar_talk {
	margin: 1% 5%;
	border: 0%;
	padding: 0%;
}

div.navbar_talk_item {
	margin: 5% 5%;
	border: 0%;
	padding: 0%;
}

div.navbar_talk_item_ghost {
	margin: 5% 5%;
	border: 0%;
	padding: 0%;
}

div#navbar_applet {
	margin: 1% 5%;
	border: 0%;
	padding: 0%;
}

div#navbar_pull_quotes {
	margin: 1% 5%;
	border: 0%;
	padding: 0%;
}

div#content {
	margin: 0%;
	border: 0%;
	padding: 0%;
	padding-left: 5%;
	border-width: 0px;
	border-left: 1px;
	border-style: double;
	border-color: #996699;
}

div#content_header {
	margin: 0%;
	border: 0%;
	padding: 0%;
}

div#content_body {
	margin: 0%;
	border: 0%;
	padding: 0%;
}

div#content_footer {
	margin: 0%;
	border: 0%;
	padding: 0%;
	margin-top: 15%;
}

div.content_body_uberlink {
	margin: 0px;
	border: 1px solid #9999cc;
	padding: 0% 5%;
}

div.content_body_uberlink_friends {
	margin: 0px;
	border: 1px solid #ffffff;
	padding: 0% 5%;
}

div.content_body_uberlink_main {
	margin: 0%;
	border: 1px solid #9999cc;
	padding: 0% 5%;
}

div.illus, p.illus {
	margin: 0%;
	border: 0%;
	padding: .5em 1%;
}

img.illus {
	margin: 0%;
	border: 1% solid #cc9999;
	padding: 0%;
}

div#toc_top {
	margin: 0%;
	padding: 0%;
	border-width: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #cc9999;
}

div#toc_bottom {
	margin: 0%;
	border: 0%;
	padding: 0%;
	border-width: 0px;
	border-top: 1px;
	border-style: solid;
	border-color: #cc9999;
}

div.toc_right {
	margin: 0%;
	border: 0%;
	padding: 0%;
	border-width: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #cc9999;
}

div.toc_left {
	margin: 0%;
	border: 0%;
	padding: 0%;
}

div.toc_menubox_item {
	margin: 0px;
	border: 1px solid #9999cc;
	padding: 0% 5%;
}

div.toc_menu_1 {
	margin: 0%;
	border: 0%;
	padding: 0%;
	margin-left: 10%;
	margin-right: 5%;
}

div.toc_menu_2 {
	margin: 0%;
	border: 0%;
	padding: 0%;
	margin-right: 10%;
	margin-left: 5%;
}

div#toc_contents {
	margin: 0%;
	border: 0%;
	padding: 0%;
}

div.float_right {
	margin: 0%;
	border: 0%;
	padding: 0%;
}

div.float_left {
	margin: 0%;
	border: 0%;
	padding: 0%;
	border-width: 0px;
	border-right: 1px;
	border-style: solid;
	border-color: #cc9999;
}

div#main_top {
	margin: 0%;
	border: 0%;
	padding: 0%;
	border-width: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #cc9999;
}

div#main_left, div#main_right {
	margin: 0%;
	border: 0%;
	padding: 0% 5%;
}

div#main_left {
	padding-left: 10%;
	border-width: 0px;
	border-right: 1px;
	border-color: #cc99cc;
	border-style: solid;
}

div#main_right {
	padding-right: 10%;
}


/*	!! Text specification */

body {
	text-align: left;
	text-indent: 0%;
	text-decoration: none;
	text-transform: none;
}

p {
	text-indent: 5%;
	text-align: left;
}

p.resume {
	text-indent: 0%;
}

a {
	text-decoration: none;
	text-transform: none;
}

div#navbar {
	text-align: center;
	text-indent: 0%;
}

div#navbar_header {
	text-align: center;
	text-indent: 0%;
}

div#navbar_talk {
	text-align: left;
	text-indent: 5%;
}

div#navbar_applet {
	text-align: center;
	text-indent: 0%;
}

div#navbar_pull_quotes {
	text-align: left;
	text-indent: 0%:
}

div#content_header {
	text-align: left;
	text-indent: 0%;
}

div#content_body {
	text-align: left;
	text-indent: 0%;
}

div#content_footer {
	text-align: left;
	text-indent: 0%;
}

div.illus, p.illus {
	text-align: center;
	text-indent: 0%; 
}

h2.top_ten {
	text-align: right;
	text-indent: 0%;
}

div#toc_top, div#toc_bottom {
	text-align: center;
	text-indent: 0%;
}

div.toc_left {
	text-align: left;
	text-indent: 0%;
}

div.toc_right {
	text-align: left;
	text-indent: 0%;
}

div.toc_menubox_item {
	text-align: right;
	text-indent: 0%;
}

div#toc_contents {
	text-align: left;
	text-indent: 0%;
}

div#main_top {
	text-align: center;
	text-indent: 0%;
}

/*	!! Font specification */

body, pre {
	font-family: Arial, Helvetica;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

p, blockquote {
	font-family: Arial, Helvetica;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

h4, h5, h6 {
	font-size: 150%;
}

h3 {
	font-size: 200%;
}

h2 {
	font-size: 250%;
}

h1 {
	font-size: 300%;
}

address {
	font-family: Arial, Helvetica;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

code, kbd, samp {
	font-size: 90%;
	font-family: "Courier New", Courier;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

cite, var {
	font-style: italic;
}

dfn {
	font-style: bold;
}

div.navbar_header_item {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 80%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

div.navbar_talk_item {
	font-family: Arial, Helvetica;
	font-size: 125%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

div.navbar_talk_item_ghost {
	font-family: Arial, Helvetica;
	font-size: 125%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

div#navbar_pull_quotes {
	font-family: Arial, Helvetica;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

dt {
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
}


div.content_header_item {
	font-family: "Courier New", Courier;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	font-varian: normal;
}

div.content_footer_item {
	font-family: "Courier New", Courier;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

div.content_body_uberlink {
	font-family: "Courier New", Courier;
}

div.content_body_uberlink_friends {
	font-family: Arial, Helvetica;
}

div.content_body_uberlink_main {
	font-family: Arial, Helvetica;
}

em.top_ten {
	font-family: "Courier New", Courier;
}

div.toc_menubox_item {
	font-family: "Courier New", Courier;
}

h2.low_key {
	font-size: 150%;
}

h2.uber_link {
	font-size: 450%;
}

/*	!! Colour specification */

/*	Your colour guide
	this is crucial
	#440044		background
	#ffffff		text
	#ccccff		cite, dfn
	#9999cc		kbd, samp, code
	#cc9999		links
	#ffcccc		hover
	#220022		dark bars
	#552255		light bars
*/

/*	last minute change!
	#ccccff		links
	230, 230, 255	hover or #e6e6ff
	230, 204, 255	hover change! 9999ff
	got that?
*/

body {
	background: #440044 url(tano/i_bg_snb5.gif) fixed;
	color: #ffffff;
}

/*	
	this should include all block level elements:
	p, ul, ol, dl, blockquote, address, h1-h6

	now for the inline level elements
*/


cite, dfn {
	color: #ccccff;
}

kbd, samp, code {
	color: #9999cc;
}

div#main_top, div#main_bottom {
	background: #220022;
}

div#main_left {
	background: #552255;
}

/*	wouldn't want that watermark to show up now, don't we? */
/*	actually, i changed my mind.  let's make that watermark pop up if we have to. */

div#navbar {
	background: #552255;
}

div#navbar_header {
	background: #220022;
}

div.navbar_header_item {
	color: #ffffff;
}

div#navbar_talk {
	background: #ffffff;
}

div.navbar_talk_item {
	color: #cc9999;
}

div.navbar_talk_item_ghost {
	color: #220022;
}

div#navbar_applet {
	background: transparent;
}

div#content_header {
	background: #220022;
}

div.content_header_item {
}

div#content_footer {
	background: #220022;
}

div.content_footer_item {
}

div.content_body_uberlink {
	color: #ccccff;
}

div.content_body_uberlink_main {
	color: #ccccff;
	background: #552255;
}

div.content_body_uberlink_friends {
	color: #ffcccc;
}

a {
	color: #ccccff;
}

a:hover {
	color: #9999ff;
}


em.top_ten {
	color: #cc9999;
}

div#toc_top, div#toc_bottom {
	background: #220022;
}

div.toc_menubox_item {
	background: #552255;
}

h2.low_key {
	color: #ffcccc;
}

/*	!! Positioning specification */

div#main_top {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 60px;
	display: block;
}

div#main_left {
	position: absolute;
	top: 70px;
	left: 0%;
	width: 50%;
	display: block;
}

div#main_right {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 50%;
	display: block;
}

div#main_bottom {
	position: absolute;
	bottom: 0%;
	left: 0%;
	width: 100%;
	display: block;
}

div#navbar {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 20%;
	display: block;
}

div#content {
	position: absolute;
	top: 1%;
	left: 25%;
	width: 70%;
	display: block;
}
div#navbar_header {
	width: 90%;
}

div#navbar_talk {
	width: 90%;
}

div#navbar_applet {
	width: 90%;
}

div#toc_top {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 60px;
	display: block;
}

/*	must use absolute value (pixels) for banner graphic.  gomen nasai!  */

div#toc_bottom {
	position: relative;
	top: 0%;
	left: 0%;
	height: 10%;
	width: 100%;
	display: block;
}

div.toc_left {
	position: absolute;
	top: 70px;
	left: 10%;
	width: 40%;
	display: block;
}

div.toc_right {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 40%;
	display: block;
}

div.toc_menu_1, div.toc_menu_2 {
	display: block;
}

div#toc_contents {
	position: absolute;
	top: 70px;
	left: 15%;
	width: 70%;
	display: block;
}


/*	End of stylesheet */