/* CSS Document */

body {
	background-color: #3b444b;
	color: #B7BCC1;
	line-height: 150%;
}
						
#list {
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 0em;
	
}

#navigation {
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}

div#navbar2 {
	height: 30px;
	width: 100%;
}

div#navbar2 ul {
	margin: 0px;
	padding: 0px;
	/*line-height: 30px;*/
	white-space: nowrap;
}

div#navbar2 li {
	list-style-type: none;
	display: inline;
}
div#navbar2 li a {
	text-decoration: none;
	padding: 22px 28px;
	color: #B7BCC1;
}

div#navbar2 lia:link {
	color: #FFF:
}

#navbar2 li a:hover {
	color: #fff;
}

div#navbar2 lia:visited {
	color: #CCC;
}

div#navbar2 lia:hover {
	font-weight: bold;
	color: #FFF;
	background-color: #3366FF;
}

#pit {
	background-color: #2E2215;
	padding-top: 2em;
	padding-right: 2.5em;
	padding-bottom: 2em;
	padding-left: 2.5em;
	
}

#footer {
	padding-top: 2em;
	padding-right: 0em;
	padding-bottom: 2em;
	padding-left: 0em;
}

#footer p {
	padding-bottom: .5em;
	font-size: 85%;
}

#masthead {
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}

#navcontainer {
	margin-left: 30px;
	width: 18em;
	padding: 0;
	margin-bottom: 1em;
}

#navcontainer ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
	border: none;
}

#navcontainer li {
	margin: 0;
}
.title {
	font-size: 123.1%;
	font-weight: bold;
}

.title em{
	font-weight: bold;
	font-style: italic;
}

.lasttitle {
	font-size: 123.1%;
	font-weight: bold;
}
#navlist #active {
	padding-top: 1em;
}

#navcontainer li a {
	display: block;
	padding: 5px 5px 5px 5px;
	color: #B7BCC1;
	text-decoration: none;
	width: 100%;
	padding-bottom: .6em;
}

html>body #navcontainer li a {
	width: auto;
}

#navcontainer li a:hover {
	color: #fff;
}

#navcontainer li li {
	border-bottom: 0;
	margin: 0;
}

#navcontainer li li a {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #B7BCC1;
	text-decoration: none;
	width: 100%;
}

h1 {
	font-size: 153.9%;
	font-weight: bold;
	padding-bottom: .6em;
}

h1 {
	padding:7px 0;
	position:relative;
	z-index:2;
	color:#D8D22D;
	font-weight: bold;
	text-decoration: none;
}
	
h1 .abs {
    margin:1px 0 0 1px;
	color:#0f160b;
	font-weight:bold;
	position:absolute;
	z-index:-1;
}
	
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}

/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/

.borderTL, .borderTR, .borderBL, .borderBR {
    /*width: 14px; height: 14px;*/
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid #000000;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.t {background: url(http://arklesentertainment.com/i/borderT.gif) 0 0 repeat-x; }
.b {background: url(http://arklesentertainment.com/i/borderB.gif) 0 100% repeat-x}
.l {background: url(http://arklesentertainment.com/i/borderL.gif) 0 0 repeat-y}
.r {background: url(http://arklesentertainment.com/i/borderR.gif) 100% 0 repeat-y}
.bl {background: url(http://arklesentertainment.com/i/borderBL.gif) 0 100% no-repeat}
.br {background: url(http://arklesentertainment.com/i/borderBR.gif) 100% 100% no-repeat}
.tl {background: url(http://arklesentertainment.com/i/borderTL.gif) 0 0 no-repeat}
.tr {background: url(http://arklesentertainment.com/i/borderTR.gif) 100% 0 no-repeat; padding:10px}

#logo {
	padding: 0px 0px 1.5em;
}
#pit p {
	line-height: 150%;
	padding-bottom: .5em;
}

p a 
	{
		text-decoration: none;
	}
	
p strong 
	{
	font-weight: bold;
	}
	
p a:link 
	{
	text-decoration: none;
	color: #B7BCC1;
	}

p a:visited 
	{
		/*line-height: 1.5em;
		color: #333;
		border-color: #333;
		border-width: 0 0 1px 0;
		border-style: none none dotted none;
		font-weight: bold;
		/*padding-top: 6px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-color: inherit;*/
	}
	
p a:hover 
	{
	color: #fff;
	}

#pit img{
	float: left;
	padding-right: 12px;
	padding-bottom: 4px;
}

div.still {
 /* float: right;*/
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.still p {
  /*text-align: center;*/
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

li .live {
	color: #FFF200;
	text-decoration: none;
	padding: 10px 15px;
}
#pit em {
	font-style: oblique;
}
#pit li {
	list-style-position: inside;
	list-style-type: disc;
}
#pit a {
	text-decoration: none;
	color: #B7BCC1;
	}
	
#pit a:hover 
	{
	color: #fff;
	}