			/* Cross-browser resetting */


/* CSS Reset by Eric Meyer */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



			/* Structural */



body {
	margin:0px;
	padding:0px;
	
	DEV-REMOVE */
/*	background-color:#000000; */

}

#dC {
	width: 800px;
	padding: 0px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -400px;
	text-align: center;
}

p, span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000000;
}

.tT {
	font-family: Times New Roman;
	color: #000000;
}

#tTit {
	font-size: 30pt;
}

#tTSub {
	font-size: 18pt;
}

#dH {
	position: relative;
	top: 20px;
	width: 800px;
	height: 130px;
	margin: auto;
	text-align: center;
	background-image:url(../images/template/headerMarble_embossed_wOmega_v7.0.jpg);
	background-repeat: no-repeat;
	background-size: 100%;

}

#dTit {
	width: 400px;
	padding: 10px 0 0 0;
	margin: auto;
	text-align: center;
/*	background-color: black;*/
}

#dTSub {
	width: 500px;
	margin: auto;
}

#dTIl {
	position: absolute;
	left: 20px;		
}

#dTIr {
	position: absolute;
	top: 20px;
	left: 690px;
}

.dMC {
	position: relative;
	width: 700px;
	height: 553px;
	margin: 0px auto 0 auto;
}

#dCT {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	margin: 0 auto 20px 0px;
	padding: 0px 0 0 0;
	text-align: center;
}

.dsln {
	position: relative;
	top: 0px;
	width: 570px;
	margin: 0px auto 0 auto;
	padding: 20px 0 0px 0;
	height: 50px; /* clearance below for text  */
}

.dsln#short {
	width: 230px;
}


/* "Intro text block" */
.dCITB {
	width: 530px;
	margin: 40px auto 0px auto; /* clearance above for title / navbar */
	padding: 0 0 0px 0; 
}

/* "Core text block" */
.dCCTB {
	clear: both;
	margin: 0 30px 100px 30px;/* clearance below for clearspace at bottom */
}


#dCHor {
	position: absolute;
	top: 135px;
	left: 0px;
	height: 1px;
	width: 800px;
	margin: 0px auto 0 auto;
	text-align: left;	
}

.dHor {	
}

#dHor1 {
	position: absolute;
	top: 0px;
}


#dHor2 {
	position: absolute;
	top: 90px;
}

#dHor3 {
	position: absolute;
	top: 240px;
}

.dNL {
	position: absolute;
	left: 0px;
	height: 70px;
	width: 70px;
	/* background-color: #000000; */
}


/* mini nav bar mnb */
#dCmnb {
	position: relative;
	padding: 32px 0 0 0; /* to avoid touching the title bar */  
	height: 80px; /* defines space below main title for mnb */
}

#dCHormnb { 
	position: relative;
	top: 0px;
	left: 0px;
	height: 1px;
	width: 800px;
	margin: 0px auto 0 auto;
	text-align: left;	
}

.dHormnb {

}


#dHor1mnb {
	position: absolute;
	top: 0px;
}

#dHor2mnb {
	position: absolute;
	top: 10px;
}

#dHor3mnb {
	position: absolute;
	top: 22px;
}

.ulmnl {
	
}

#ulmnl1 {
	width: 140px; 	
	left: 330px; 
}

/* Rightmost elements in navigation curve */
#limnl1rm {
	top: -5px; 
	padding: 0px 0 0px 40px;
}


#ulmnl2 {
	width: 260px;
	left: 270px;
}

/* Rightmost elements in navigation curve */
#limnl2rm {
	padding: 0 0 0 160px;
}


#ulmnl3 {
	width: 400px;
	left: 210px;
}


/* Rightmost elements in navigation curve */
#limnl3rm {
	padding: 0 0 0 290px;
}


.limnl {
	position: relative;
	width: 35px;
	padding: 0 0px 0 0px;		
}



.dNL {
	position: absolute;
	left: 0px;
	height: 70px;
	width: 70px;
	/* background-color: #000000; */
}

.dFNB {
	height: 45px;
	position: absolute;
	text-align: left;
}


#dFNB2,#dFNB21 {
	width: auto;
}

/* Navigation popup menu for Novels */
#dFNB1, #m_nov_bk {
	top: 215px;
	left: 175px;
}

/* Navigation popup menu for Short Stories */
#dFNB2, #m_sho_bk {
	top: 310px;
	left: 152px;
}


/* floating menu transparent backgrounds */

#m_nov_bk, #m_sho_bk {
	position: absolute;
	background-color: #9f9f9f;
	/* thanks to http://www.quirksmode.org/css/opacity.html */

/*	filter: alpha(opacity=60);
	opacity: .60; */
	height: 95px; 
	/* -moz-border-radius: 15px;
	border-radius: 15px; */
}

#m_nov_bk {
	width: 520px;
	background-image:url(../images/template/menuMarble_nov_520x95.jpg);	
	
}

#m_sho_bk {
	width: 200px;
	background-image:url(../images/template/menuMarble_sho_200x95.jpg);	
}

ul {
	list-style-type: none;
}

ul li {
	display: inline;	
	float: left;
}

.ulNL, .ulFNB, .ulmnl {
	position: absolute;
}

.ulNL {
	/* background-color: #FFFFFF; */
}

#ulNL1 {
	width: 250px; 	
	left: 275px; 
}

/* Rightmost elements in navigation curve */
#liNL1rm {
	/* padding: 0 0 0 100px; */
	top: -10px; /* corrects alignment issue due to image shape */
	padding: 0px 0 0px 100px;
}


#ulNL2 {
	width: 590px;
	left: 105px;
}

/* Rightmost elements in navigation curve */
#liNL2rm {
	padding: 0 0 0 440px;
}

#ulNL3 {
	width: 630px;
	left: 85px;
}

/* Rightmost elements in navigation curve */
#liNL3rm {
	padding: 0 0 0 480px;
}

.liNL {
	position: relative;
	width: 75px;
	padding: 0 0px 0 0px;		
}

.ulFNB {
	padding: 10px;
	
}

#m_nov {
	width: 510px;
}

#m_sho {
	width: 180px;
}

.liFNB {	
	position: relative;
	width: 75px;
	padding: 0 5px 0 5px;
}

.ulsln li {
	padding: 0 10px 0 10px;
}

.dliFNB {
	position: relative;
	width: 75px;
	text-align: center;	
}

.dliFNBtxt {

}

#dliFNB_hh {
	position: relative;
	top: -8px;
}
								


			/* Images and backgrounds */

body#index {
	background-image:url(../images/template/bckgrnd_1024x768_fade.jpg);
}

body {
	background-image:url(../images/template/bckgrnd_1024x768_fade_centralWhiteout_v1.0.jpg); 
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#dMI {
	background-image: url(../images/template/bckground_cut1a_src_700x510.png); 
	background-repeat:no-repeat;
}

#dMp {
	background-repeat: no-repeat;
	background-size: 100%;


}



			/* Hide for hovering */

.dHovNL, .ulFNB, .dFNBback {
	display: none;
}


			/* Navigation menu hover */ 


/* #hov_nl_sho, #hov_nl_bio, #hov_nl_con, #hov_nl_lin, #hov_nl_blo, #hov_nl_nov  */

.dHovNL {
	position: absolute;
	background-color: #9f9f9f;
	padding: 8px 7px 7px 7px;
	/* border: 3px outset #9f9f9f; */
	width: 60px;
	height: 24px;
	background-image: url(../images/template/linkMarble_74x39.jpg);
	text-align: center;
}

#hov_nl_con, #hov_nl_nov {
	background-image: url(../images/template/linkMarble_99x39.jpg);
	width: 84px;
}

#hov_nl_sho {
	top: 249px;
	left: 115px;
	height: 40px;
	width: 66px;
	background-image: url(../images/template/linkMarble_80x55.jpg);		
}

#hov_nl_bio {
	top: 265px;
	left: 632px;	
}

#hov_nl_con {
	top: 423px;
	left: 640px;
}

#hov_nl_lin {
	top: 418px;
	left: 97px;	
}

#hov_nl_blo {
	top: 170px;
	left: 458px;	
}

#hov_nl_nov {
	top: 168px;
	left: 279px;	
}



			/* z alignment */

#dMI { 
	/* z-index: -1; */
}


/* mini nav links */

#ulmnl3 {
	z-index: 3;
} 

#ulmnl2 {
	z-index: 4;
} 


#ulmnl1 {
	z-index: 5;
}


/* homepage links */

#ulNL1 {
	/* z-index: -1; */ /* Causes firefox to hide ulFNB1 with ulNL2 due to stacking context issue http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex*/
}

#ulNL2 {
	z-index: 0;
}


/* floating nav bars */

#ulFNB2 {
	/* z-index: 0; */
}

#ulFNB1 {
	z-index: 0;
}

#m_nov_bk, #m_sho_bk {
	z-index: 0;

}

/* homepage hover text */

.dHovNL {
	z-index: 300;
}



			/* Common aesthetics */


.dTI {
	height: 100px;
	width: 100px;
}


.dCenter {
	width: 200px;
	margin: 0 auto 0 auto;
}






			/* Text	*/





h1, h2, h3, h4, p, span, a, label {
	font-family: Times;
}

h1 {
	font-size: 32px;
}

h2.catHead {
	margin: 0px 0 50px 0px; /* gives clearance below */
	font-size: 24px;	
}

p, label {
	font-size: 13pt;
	text-align: justify;
}

.pC {
	text-align: center;	
}

.comingSoon {
		font-size: 43pt;
}

.pIntro {
	font-style: italic;
}	

			/* Links */


a {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	
}

a:hover, .aIndx:hover, .aHovNL:hover {
	color:#cc2211;	
}


.aIndx {
	font-size: 13pt;
	font-weight: bold;
}

.aBuy {
	font-size: 14pt;
}


.aHovNL {
	font-size: 15pt;
	font-weight: bold;
}

.pNothingToSee {

	padding: 0 0 20px 0px;	

}

.aAbout {
	font-size: 12pt;	
}



			/* Index" styles */


.dCIndex {
	clear: both;
}


.dIndx {
/* no height as must extend */
	width: 555px;
	margin: 0 auto 0 auto;
	text-align: center;
}

.dCIndxTit {
	/* background-color: #e6e6e6; */
	width: 150px;
	height: 150px;
}

.dCIndxTitTxtBox {
	height: 40px;
	position: relative;
	top: 35%;
	padding: 0 10px 0 10px;
}

.ulIndx {
}

.liIndx {
	padding: 0 0 25px 0px;
}

.liIndxImgA {
	padding: 0 25px 0 0px;

/*	border: 1px solid red; */
}

.liIndxImgB {
	padding: 0 0px 0 25px;

	/* border: 1px solid red; */
}

/*
ulIndx
liIndx 
 
indxTit
*/


			/* Dividers */



.dCDivider {
	width: 700px;
	padding: 30px 0 0 0;  /* gives clearance above... another way? */
	margin: 0 auto 50px auto;
	clear: both;
}

.dCDivImg {
	height: 40px;
	width: 450px;
	margin: 0 auto 0 auto;
}



			/* "Instance pages */

.dPinstImg {
	width: auto;
	height: 270px;
	float: left;
	margin: 0 35px 0px 0px;	

/*	background-color: #9f9f9f;
	/* thanks to http://www.quirksmode.org/css/opacity.html */
/*	filter: alpha(opacity=60);
	opacity: .60;
*/
}

.dPinstPara {
	padding: 0 20px 20px 20px;
	margin: 0 0 0 20px;
}


.dCBuy {
	clear: both;
	padding: 30px 0px 0px 0px; /* gives clearance above... another way? */
}



			/* Link map */


.dMClin {
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: center;
}

.dCLM {
	position: relative;
	width: 740px;
	margin: 0px auto 0 auto;
}



/* needed? */
.DClin {
	width: 800px;
}

.dICR {
	position: absolute;
	top: 1100px;
	left: 260px;
}


			/* Link position */

.dL {
	position: absolute;
	width: 150px;
}

.dLimg {
	margin: 0 auto 0 auto;
	clear: both;
}

.dLtxt {
	margin: 10px auto 0 auto;
}


.aL {

}

.dAbout {
	height: 25px;
	width: 700px;
	margin: 0 auto 0 auto;
	padding: 40px 0 0 0px;
	text-align: right;
}

#showEmailWhenClick {
	display: none;
	margin: 0 auto 0 auto;
}


			/* Bio */



/* Bottom links bit */
.dBLB {
	width: 700px;
	text-align: center;
	margin: 30px 0 0 0px;

}

.aDownload {
	font-size: 14pt;
}


			/* Contact */



.dContact {
	width: 400px;
	height: 300px;
	padding: 20px 20px 20px 20px;
	margin: 0 auto 0px auto;
	background-color: #999999;
	border: 3px outset #999999;
}

.dFE {
	width: 400px;
	clear: both;
	margin: 0 auto 10px auto;	

}

.inF {
	display: inline;
}

.dtFL {
	height: 120px;
	display: inline;
	float: left;
}

.dtFLtxt {
	position: relative;
	height: 20px;
	top: 35%;
}

textarea.inF {
	margin: 0 10px 0 0;	
}

.dButHold {
	width: 400px;
	margin: 0 0 0 35px;

}

.dButCont {
	width: 250px;
	margin: 0 auto 0 auto;
}

.dButtons {
	text-align: center;	
	display: inline;
	float: left;
	margin: 0 20px 0 20px;	
}


/* Nudge Clear button to align with Submit */
.dButtons#clr {
	position: relative;
	top: 15px;	
}

#dClr {
	position: relative;
	top: 4px;
}


.dButText {
	clear: both;
	margin: 10px 0 0 0;
}

.spFieldErrror {
	font-size: 13pt;
	font-weight: bold;
	color: #FF0000;
}

			/* Focus */

:focus {

}
