/* -----------Stylesheet for thecomicsplace.com------------*/
/* -----------Design by Randall D. Ragsdale----------------*/
/* -----------Spring 2007----------------------------------*/
html,body {
	margin:0;
	padding:0
}
body {
	background: #000;
	font: 90% trebuchet ms, arial, sans-serif;
	letter-spacing: 0px;
}
p {
	margin: 0 10px 10px
}
a {
	color: #f33;
	font-weight: bold;
	letter-spacing: 1px;
}
#header {
	background-image: url('media/header.jpg');
	background-position: 0;
	background-repeat: no-repeat;
	height: 130px; width: 500px;
}
#header #headlink {
	display: block;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 118px; width: 235px;
}
#header h1 {
	color: #ff3;
	font-family: basic font;
	height: 130px;
	line-height: 80px;
	margin: 0px;
	padding-left: 10px;
	width: 500px;
}
	#blinker {
		float: right;
		padding-right: 50px; 
		padding-top: 45px;
		border: 0px;
	}
	#atwindow {
		float: right;
		padding-right: 148px; 
		padding-top: 82px;
		border: 0px;
	}
#container {
	background-image: url('media/coloredBatmanLogo.jpg');
	background-repeat: no-repeat;
	background-position: 500px 0px;
	background-color: #999;
	color: #336;
	min-height: 400px;
	margin: 10px auto;
	text-align: left;
	width: 800px;	
	z-index: 1;
}
#promo {
	color: #ff1;
	font-style: bolder;
	float: right;
	padding-top: 0px;
	width: 300px;
	min-height: 300px;
}
#promo p {
	background-image: url('media/grey.gif');
	border: 1px solid #000;
	padding: .5em;
	line-height: 1.4;
}
#content {
	background: #999;
	clear: left;
	float: left;
	width: 499px;
}
div#content p {
	background-color: #dfdfdf;
	border: 1px solid #333;
	padding: 3px;
}
div#content p span ul{
	float: left;
}
div#content p img:hover {
	border: 1px solid #ff1;
}

#navigation {
	background-image: url('media/25black.png');
	border-bottom-width: 0px;
	height: 30px; width: 255px;
	margin: .25em 1em;
	padding: .5em;
}
	.contact a, .aboutus a, .index a {
		display: block;
		float: left;
		height: 30px; width:85px;
	}
	.contact, .contact a:link, .contact a:visited {
		background: url("media/contactbutton.gif") 0 0 no-repeat;
	}
	.aboutus, .aboutus a:link, .aboutus a:visited {
		background: url("media/aboutusbutton.gif") 0 0 no-repeat;
	}	
	.index, .index a:link, .index a:visited {
		background: url("media/indexbutton.gif") 0 0 no-repeat;
	}	
	.contact a:hover, .aboutus a:hover, .index a:hover {
		background-position: -85px 0;
	}
	.contact a:active, .aboutus a:active, .index a:active {
		background-position: -170px 0;
	}
#footer {
	background: #036;
	clear: both;
	color: #999;
	width: 100%;
}
#footer p {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	font-weight: bold;
}
span.strong {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.1em;
}
div#iList {
	border: 1px solid black;
	border-bottom-width: 0;
	background: #dfdfdf;
	font-size: 1.6em;
	font-weight: bolder;
	line-height: 1em;
	margin: 0;
	padding: .5em 0 0 0;
	position: relative;	left: 10px;	
	width: 477px;
}
div#iList ul {
	list-style-position: inside;
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	margin-left: 1em;
}
ul#iListLeft {
	xborder: 1px solid black;
	float: left;
}
ul#iListLeft li {
	xborder: 1px solid black;
	padding-right: 1em;
}
ul#iListRight {
	xborder: 1px solid black;
}

/*.hilite {
	color: #999;
	font-size: 1.15em;
	font-weight: bold;
	letter-spacing: -1px;
}*/
::-moz-selection {
	background: #000;
	color: #fff;
}
/* ----------------------------------------------------------*/
/* ------------------------form styles ----------------------*/
/* ----------------------------------------------------------*/
.SubForm label {
	display: block;
	font-weight: bolder;
	float: left;
	margin-right: 0.5em;
	text-align: right;
	width: 4em;
}
.SubForm input, .SubForm textarea  {
	background: #ffc;
	border: 1px solid #999;
	color: #336;
}
.SubForm .submit input{
	background: #336;
	border: 2px outset #336;
	color: #ff1;
	xmargin-left: 4.8em;
	
}
fieldset {
	background: #336;
	border: 1px solid #ff1;
	margin-left: 1em;
	width: 32em;
}
legend {
	color: #ff1;
	background: #336;
	border: 1px solid #ff1;
	padding: 2px 6px;
}
/* ----------------------------------------------------------*/
/* ---------------------aboutus styles ----------------------*/
/* ----------------------------------------------------------*/

#profileName {
	border-bottom: 1px solid #336;
	color: #336;
	display: block;
	font-family: arial black, sans serif;
	font-size: 3em;
	font-weight: bolder;
	width: 300px;
}
/* turn on for staff photos 
#profileImg {
	float: right;
	height: 200px; width: 160px;
	border: 1px solid #999;
}*/

div.profilenav {
	background-image: url('media/50black.png');
	color: #f33;
        font-family: trebuchet ms;
	text-align: center;
}
.brian.profilenav {
        font-size: 1.2em;
}
.profilenav a:link, .profilenav a:visited {
	color: #f33;
	text-decoration: underline;
}
.profilenav a:hover, .profilenav a:active {
	color: #ff1;
	text-decoration: none;
}
/* ---------------------neill styles ----------------------*/
.neill {
	font-family: arial bold;
}
.neill br {
	margin: .75em;
}
.urgent {
	font-size: 1.25em;
	font-weight: bolder;
	letter-spacing: 0px;
	line-height: 95%;
	position: relative;
	text-transform: capitalize;
	z-index: 1;
	
}
.badguy {
	color: #c30;
	display: block;
	font-family: impact;
	font-size: 3.75em;
	letter-spacing: -4px;
	line-height: 60%;
	margin-top: 9px;
	padding-left: 35px;
	position: relative;
	text-transform: capitalize;
	z-index: -0;
}

/* ---------------------art styles ----------------------*/
.art {
	color: #000;
	font-family: courier new;
}
.art .strong {
	color: #336;
	font-size: 120%;
}
/* ---------------------brian styles ----------------------*/
.brian {
	color: #6c3;
	font-family: lucida console;
	font-size: .8em;
}
div#content.brian p {
	background-color: #000;
}
.data, .block {
	display: block;
}
.data {
	color: #c33;
	padding-left: 5em;
	font-weight: bold;
}
.block {
	padding: 1em;
}
/* ---------------------roman styles ----------------------*/
div#content.roman p{
	font-family: palatino linotype;
	padding: 1.5em;
}