/* ASSTR NAKED BLADES 2006 DESIGN BY ORODRETH */

/* DEFAULTS ------------------------------- */
html { height:100%; margin:0px; position:relative; padding:0px; background:#000000; }
body { padding:0px; margin:0px; position:relative; background:#000000; color:#77aadd; font-family:Verdana,sans-serif; font-size:12px; text-align:center; /*<-- IE #Wrap center */ }
H1, H2 { color:#ddddee; font-weight:bold; }
H1 { font-size:150%; }
H2 { font-size:125%; }
H3 { font-size:110%; }
H4 { font-size:100%; }
P { color:#ddddee; }
UL LI { color:#ddddee; list-style:square; }
A { text-decoration:underline;}
A, A:LINK, A:VISITED { color:#77aadd; }
A:HOVER { color:#ffffff; }
A:ACTIVE { color:#77aadd; }
.smallFont { font-size:11px; }

/* WARNING SPLASH PAGE --------------------- */
#WarningPageWrap { width:75%; margin:0px auto 10px auto; /*<-- FF #Wrap center */ }
#WarningPage { float:left; margin-top:30px; text-align:center; }
#WarningPage IMG { width:188px; height:300px; float:right; }
#WarningPage H1 { font-size:200%; color:#ffffff; }
#WarningPage P { color:#77aadd; font-weight:bold; }
#WarningPage .LinkEnter:HOVER { color:#ddffff; }
#WarningPage .LinkBegone:HOVER { color:#ddffff; }
#WarningPage #notes { margin-top:50px; color:#666666; }

#preLoad { position:absolute; top:-1000px; left:-1000px; }
#preLoad img { width:1px; height:1px; }

/* HDR --------------------------------------- */
#Header { width:800px; text-align:center; color:#7ad; white-space:nowrap; }
#Header H1 { margin:0 0 10px 0; color:#7ad; }
#Header #Update { }
#logo1 { max-width:462px; width:100%; height:auto; border:0; margin: 0 0 10px 10px; }
#logo2 { max-width:289px; width:100%; height:auto; border:0; margin: 0 0 10px 10px; 
position:relative; left:10px; top:-20px; }

/* NAVIGATION  ------------------------------- */
#NavBar { width:800px; padding:6px 0 8px 0; background-color:#222; white-space:nowrap; border-top:1px #666 solid; border-bottom:1px #666 solid; 
background:url("/~Naked_Blades/img/bg_nav.gif"); }
#NavBar .Divider { width:8px; height:8px; background:url("/~Naked_Blades/img/stud.gif"); margin:0 4px; }
#NavBar A, #NavBar A:LINK, #NavBar A:VISITED { font-size:14px; color:#7ad; font-weight:bold; }
#NavBar A:HOVER { color:#fff; }

/* TEMPLATE ----------------------------------*/
#WrapBorder { width:808px; background-color:#000000; margin:0 auto 0 auto; /*<-- FireFox #Wrap centering */ }
#Column1 { width:600px; float:left; text-align:left; background-color:#000; }
#Column2 { width:200px; height:4000px; float:right; text-align:left; background:url("/~Naked_Blades/img/bg_x200.gif") repeat-y; background-color:#333; }
#Column2divider { border-top:1px #666 solid; margin:10px; }
#Column2 H2 { font-size:100%; margin:10px; }
#Column2 P { margin:10px; }
.copyright { color:#999; font-size:11px; }

/* CONTENT ----------------------------------- */
#ContentsPageBody { background:#000000 url("/~Naked_Blades/img/bg_tile.gif") repeat fixed; }
#ContentsPageWrap { width:800px; padding:5px 0 0 0; background-color:#000; margin:0 auto 0 auto; /*<-- FireFox #Wrap centering */ }
#Introduction { padding:0 0 0 0; margin:10px 0 0 0; 
/*background:url("img/bg_intro.jpg") no-repeat;*/ }
#Introduction P { color:#dde; font-size:11px; 
padding-left:275px; margin:10px 10px 10px 0; }
#Introduction A { color:#dde; }
#Introduction .p1 { padding-top:10px; margin-top:0; }
#IntroLINK {}
#IntroMORE { display:none; }
#Update { color:#c63; text-align:center; margin:10px }
#News { color:#999; margin:10px; }
#News div { text-align:right; }

#NewThingDate { height:29px; background:url("/~Naked_Blades/img/bg_nav.gif") 0px 0px repeat-x; background-color:#333; white-space:nowrap; 
border-top:1px #666 solid; border-bottom:1px #666 solid;} 
#NewThingDate H2 { color:#c63; padding-left:10px; display:inline; 
position:relative; top:5px; } 
#NewThingDate img { width:8px; height:8px; }

#NewSection { margin:20px 0; }
#NewSection.first { margin-top:10px; }
#NewSection P { margin:10px 10px 0 10px; }
#NewSection P A { color:#fc2; font-size:125%; font-weight:bold; }
#NewSection P span A, #NewSection P span A:VISITED { color:#7ad; font-size:125%; font-weight:normal; text-decoration:none; padding:0 2px;}
#NewSection P A:HOVER, #NewSection A:ACTIVE { color:#fff; }
#NewSection span { color:#aaa; }

#FeaturedArtistSection { margin-top:10px; margin-bottom:10px; padding-left:10px; }
#FeaturedArtistSection p { margin:0px; font-size:9px; line-height:13px; }
#FeaturedArtistSection span { margin:0px; font-size:12px; position:relative; top:2px;}

#Submissions { border-top:1px #666 solid; margin:10px 0 0 0; padding-left:10px; }
#Submissions H2 { margin-top:4px; padding-top:0; }
#Submissions P, UL { margin-right:10px; }

	/* FULL WIDTH */
	@media (min-width:810px) {

	}
	/* TABLET */
	@media (max-width:809px) {
	#ContentsPageBody { background:none; }
	#ContentsPageBody #WrapBorder { width:auto; overflow:hidden; }

	#ContentsPageWrap { width:auto; }
	#ContentsPageWrap #Header { width:auto; white-space:normal; }
	#ContentsPageWrap #Header #logo1 { }
	#ContentsPageWrap #Header #logo2 { top:-10px; left:0; }
	#ContentsPageWrap #NavBar { display:none; }
	#ContentsPageWrap #Column1 { width:auto; }
	#ContentsPageWrap #Column2 { display:none; }

	#ContentsPageWrap #Introduction { background:none; }
	#ContentsPageWrap #Introduction P { padding-left:0px; margin:10px 10px 0 10px; }
	#ContentsPageWrap #Update {}
	#ContentsPageWrap #News {}
	#ContentsPageWrap #NewSection { width:auto; }
	#ContentsPageWrap #NewSection { display:none;  } /*art*/
	#ContentsPageWrap #NewSection.first { display:block; width:auto; } /*stories*/
	#ContentsPageWrap #NewSection p { }
	#ContentsPageWrap #NewSection p span { display:block; margin-bottom:0; }
	#ContentsPageWrap #NewSection p br { display:none; }
	#ContentsPageWrap #FeaturedArtistSection  { display:none; }
	#ContentsPageWrap #Submissions {}
	}
	/*PHONE */
	@media (max-width:450px) {
	#ContentsPageWrap #Header #logo1 { margin-right:10px; }
	#ContentsPageWrap #Header #logo2 { margin-right:10px; top:-10px; left:0; }
	
	#ContentsPageWrap #Introduction { background:none; }
	#ContentsPageWrap #Introduction P { padding-left:0px; margin:10px 10px 0 10px; }
	#ContentsPageWrap #NewSection p { }
	}
	
/* STORY TEMPLATE ----------------------------------- */
#NBStory { background:url("/~Naked_Blades/img/bg_tile.gif") fixed; background-color:#333; padding:15px 0; }
#NBStory #WrapBorder { width:804px; margin:0px auto 15px auto; }
#NBStory H1 { text-align:center; margin-top:40px; }
#NBStory H3 { text-align:center; margin-top:40px; color:#fff; }/*chapters*/
#NBStory H4 { text-align:center; margin-bottom:40px; }
#NBStory #NavBar { }
#NBStory #ContentsPageWrap { width:800px; background-color:#000; text-align:left; margin-bottom:50px;}
#NBStory #ContentsPageWrap p { margin-top:10px; line-height:18px; padding:0 60px; }
#AuthorsNote { background-color:#666; padding:10px 10px; margin:0 80px 40px 80px; color:#dde; line-height:18px; }
#NBStory #ContentsPageWrap #AuthorsNote p { padding:0 15px 0 15px; }
p.flashback { color:#ffd; font-style:italic; margin-top:0px; margin-left:25px; line-height:14px; }
#StoryColorBar { text-align:center; }

	@media (min-width:810px) {
	  #NBStory #WrapBorder         { width:804px; }
	  #NBStory #NavBar             { width:800px; }
	  #NBStory #ContentsPageWrap   { width:800px; }
	  #AuthorsNote                 { margin:0 80px 40px 80px; }
	  #NBStory #ContentsPageWrap p { padding: 0 60px; }
	}
	@media (max-width:810px) {
	  #NBStory #WrapBorder         { width:auto; overflow:hidden; }
	  #NBStory #NavBar             { width:auto; }
	  #NBStory #ContentsPageWrap   { width:auto; }
	  #AuthorsNote                 { margin:0 10px 40px 10px; }
	  #NBStory #ContentsPageWrap p { padding: 0 10px; }
	}

/* SUBSECTIONS --------------------------------------- */
#SubSection { height:100%; }

/*ARCHIVE -------------------------------------------- */
#Archive body { margin:0; background-color:#cc9; }
/* #Archive table { border: none; border-collapse: collapse; } */
/* #Archive th, td, tr { margin: 0; } */
#Archive body, #Archive td, #Archive p { font-family:"Times New Roman", Times, serif; font-size:12px; color:#000; }
#Archive a:link, #Archive a:active, #Archive a:visited { color:#900; }
#Archive a:hover { color:#c00; }
/* #Archive table th { cursor:hand; } */
#Archive table td { vertical-align:top; }
#Archive .head { font-size:13px; font-style:italic; font-weight:normal; color:#900; }
#Archive .title { width:200px; text-align:right; font-size:18px; font-weight:bold; }
#Archive .hidden { width:1px; font-size:1px; color:#ffc; }
#Archive .type { width:50px; font-size:1px; color:#CC9; }
#Archive .author { width:120px; font-size:14px; font-weight: bold; color:#600; }
#Archive .chapter { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#960; }
#Archive .description { width:400px; font-size:14px; color:#000; }
#Archive .searchField { border-style:solid; border-width:1px; border-color:#900; background-color:#edb; background-image:url("/~Naked_Bladesimages/search_bg.gif"); color:#900; }

/* end */