/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 18px;
	margin: 10px;
	padding: 0px;
	background-color: #000000;	
	font-size: 12px;
}

a:link {
	color: #AA0011;
	text-decoration: none;
}

a:visited {
	color: #872C2C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

/* for big titles */
h1{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	line-height: 15px;
}

/* for hollowbar (schedual text) */
h2{
	font-size: 12px;
	color: #CCCCCC;
}


/* for subsection headings */
h3{
 font-size: 12px;
 color: #000000;
}

/* name tags (per FAQ) */
h4{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/* small for return, top links*/
h5{
	font-size: 10px;
	color: #000000;
	text-align: center;
	font-weight: lighter;	
}

/* for white on black */
h6{
	font-size: 12px;
	color: #EAEAEA
}	

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

li {
	list-style-image: url(images/li.jpg);
}


label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

#container{
margin:0 auto;
text-align:left;
width:720px;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#banner{
	padding: 0px 0px;
	width: 720px;
	height: 100px;
	background-image: url(images/banner.jpg);
}

#bannern{
	padding: 0px 0px;
	width: 720px;
	height: 100px;
	background-image: url(images/banner-N.jpg);
}

#navi{
	background-color: #000000;
	width: 100px;
	position: absolute;
	color: #EAEAEA;
}

#navib{
	background-color: #000000;
	width: 100px;
	color: #EAEAEA;
}


#main{
	width: px;
	position: absolute;
	width: 626px;
	left: 110px;
	top: 113px;
}

#mainn{
	width: 720px;
}


/***********************************************/
/* Aarin's Deask Divs                          */
/***********************************************/
#banner-AD{
	padding: 0px 0px;
	width: 720px;
	height: 100px;
	background-image: url(images/banner-AD.jpg);
}

#banner-DB{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(images/banner-DB.jpg);
}

#banner-ADDB{
	padding: 0px 0px;
	width: 720px;
	height: 100px;
	background-image: url(images/banner-ADDB.jpg);
}

#main-AD{
	width: 720px;
}

.comic{
	background: url(images/background-AD.jpg) repeat-y center;
	padding: 15px 10px 15px 10px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
}

.comicnews{
	background: url(images/background-AD.jpg) repeat-y center;
	padding: 15px 120px 15px 30px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
	margin-left: 8px;
}

.comicnews-DB{
	background: url(images/background-AD.jpg) repeat-y center;
	padding: 15px 15px 15px 30px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
	margin-left: 8px;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/


/************* #Navi styles **************/

#hollowbar{
	color: #CCCCCC;
	padding: 10px;
	background-color: #000000;
	text-align: center;
	font-size: 10px;
}

#hollowbar-AD{
	color: #F6F6F6;
	padding: 5px;
	background-color: #000000;
	text-align: center;
	font-size: 11px;
}

#hollowbar-AD a:link, #hollowbar-AD a:visited {
	color: #F3F3F3;
	font-weight: bold;
}

/************* #mainbar styles *************/

#mainbar{
	font-size: 12px;
	padding: 5px;
	color: #000000;
	text-align: center;
	background-image: url(images/mainbar.jpg);
}

#mainbar a:link, #mainbar a:visited {
	color: #EAEAEA;
	font-weight: bold;
}

/************** .content styles ***************/

.welcome{
	background: url(images/background.jpg) repeat-y center;
	padding: 15px 23px 15px 23px;
	font-size: 12px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom: 2px;
}

.welcomen{
	background: url(images/background-N.jpg) repeat-y center;
	padding: 15px 23px 15px 23px;
	font-size: 12px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom: 2px;
}

.welcome img{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 10px 10px;
	border-color: #666666;
	border-width: 2px;
	border-style: solid;
}

.welcomen img{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 10px 30px 10px 10px;
	border-color: #666666;
	border-width: 2px;
	border-style: solid;
}

.title{
	background: url(images/background.jpg) repeat-y center;
	padding: 15px;
	font-size: 12px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom: 2px;
	text-align: center;
	vertical-align: middle;
}

.title2{
	background: url(images/background-AD.jpg) repeat-y center;
	padding: 15px;
	font-size: 12px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom: 2px;
	text-align: center;
	vertical-align: middle;
}

.content{
	background: url(images/background.jpg) repeat-y center;
	padding: 15px 60px 15px 23px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
}

.contentn{
	background: url(images/background-N.jpg) repeat-y center;
	padding: 15px 60px 15px 50px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
}

.comiccontent{
	background: url(images/background-AD.jpg) repeat-y center;
	padding: 15px 120px 15px 23px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
}

.small{
	background: url(images/background.jpg) repeat-y center;
	padding: 15px 15px 15px 23px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
}

.smalln{
	background: url(images/background-N.jpg) repeat-y center;
	padding: 15px 50px 15px 50px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
}

.small2{
	background: url(images/background-AD.jpg) repeat-y center;
	padding: 15px 15px 15px 23px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
}

.news{
	background: url(images/background.jpg) repeat-y center;
	padding: 15px 120px 15px 30px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
}

.newsn{
	background: url(images/background-N.jpg) repeat-y center;
	padding: 15px 120px 15px 30px;
	border-top-color: #000000;
	border-top-style: solid;
	border-width: 2px;
	font-size: 11px;
}

/************** .ss styles ********************/

.ss{
	background: url(images/background.jpg) repeat-y center;
	color: #DADADA;
}

.ss a:link, .ss a:visited {
	color: #999999;
}

/************* .legal styles ***************/

.legal{
	font-size: 10px;
	color: #E1E1E1;
	padding: 10px;
	text-align: center;
	background-color: #000000;
}

.legal a:link, .legal a:visited {
	font-size: 10px;
	padding: 10px;
	color:#FCFCFC;
}


/*********** #navi styles ***********/

#navi ul a:link, #navi ul a:visited{
	display: block;
	color: #EAEAEA; 
}
#navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navi li {border-bottom: 1px solid #000;}

/* fix for browsers that don't need the hack */
html>body #navi li {border-bottom: none;}


/*********** #navilinks styles ***********/

#navilinks{
	font-size: 10px;
	font-weight: bold;
	color: #EAEAEA;
}

#navilinks a:link, #navilinks a:visited{
	color: #EAEAEA; 

/***********************************************/
/* DM Modes                          */
/***********************************************/

#banner-vmode{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(debasement/vmode/vmode-banner.jpg);
}

#banner-buschmode{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(debasement/buschmode/buschmode-banner.jpg);
}

#banner-fanmode{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(debasement/fanmode/fanmode-banner.jpg);
}

#banner-washermode{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(debasement/washermode/washermode-banner.jpg);
}

#banner-4ballmode{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(debasement/4ballmode/4ballmode-banner.jpg);
}

#banner-mainmode{
	padding: 0px 0px;
	width: 720px;
	height: 120px;
	background-image: url(debasement/modes-banner.jpg);
}

#skyscraper{
	background-color: #000000;
	position: absolute;
	left: 750px;
	top: 200px;
}