/* CSS Document 
Please feel free to look, 
You may use some of my ideas,
but please be respectful and dont steal the whole thing.

If you have questions, feel free to ask me at scott@exilecomics.com
*/
body
{
/*	background: url(images/greysmall.jpg) repeat-x fixed #1d1d1d;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans 
Unicode', Verdana, sans-serif;
	margin-top: 0px;
	padding: 0px;*/

color: black;
	background-color: #002D58;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 
Verdana, sans-serif;
	/*background: 
url('http://theexile.exilecomics.com/images/greysmall.jpg') repeat-x 
#1d1d1d;*/
	background: 
url('http://theexile.exilecomics.com/images/exileisorange.jpg') center top no-repeat 
#000;
	font-size: small;
	padding: 0px;
	margin: 0px;


}

img
{
border: none;
}

a:link, a:visited
{
	color: #145FC4;
}

#nav
{
	background:transparent;
/*	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -400px;*/
	margin: 0 auto;
	width: 800px;
	height: 65px;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	z-index: 10;
}

/*This stuff all has to do with the tabs*/
#nav ul
{
	list-style: none;
	padding: 0px;
	margin-top: 165px;
	margin-right: 10px;
	margin-left: 10px
}

#nav li
{
	float: right;
	padding: 0px;
	margin: 0px;
}

#nav a:link, #nav a:visited
{
	color: #8CCCEE;
	text-decoration: none;
	font-weight: normal;
}

#nav a
{
display: block;
padding: 10px;

}

#nav a:hover
{
	color: #CCCCCC;
	text-decoration: underline;
}

#nav #current
{
background-image: url(images/tab.gif);
}

#nav #current a
{
background-image: url(images/tabr.gif);
background-repeat: no-repeat;
background-position: right top;
}

#nav #current a:link, #nav #current a:visited
{
	color: #cbdaee;
}

#title
{
	position: absolute;
	left: 50%;
	top: 200px;
	margin-left: -400px;
	width: 800px;
	z-index: 9;
}

#title h1
{
	font-size: 18px;
	letter-spacing: -.05em;
	padding: 5px;
	margin:0px;
	background: url(images/titlebg.jpg) bottom left no-repeat;
	color: #cbdaee;
}

#main
{
	/*position: relative;
	left: 50%;
	padding-top: 240px;*/
	padding-top:10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 70px;
	/*margin-left: -398px;*/
	margin: 0 auto;
	width: 786px;
	z-index: 8;
	background-color: #FFFFFF;
	background-image: url(images/footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#main h2
{
 font-size: 16px;
 color: #145fc4;
 font-weight: bold;
 margin-bottom: 0px;
 margin-top: 0px;
 padding-bottom: 0px;

}

#main p
{
margin-top: 5px;
font-size: 12px;
width: 591px;
}

#main ul
{
font-size: 12px;
}

img.left
{
float: left;
border: none;
margin: 5px 5px 3px 5px;
clear: left;
}

#userinfo
{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: 250px;
	width: 145px;
	text-align: right;
	z-index: 11;
	color: #cbdaee;
	font-size: 10px;
}

#userinfo a:link, #userinfo a:visited
{
	color: #cbdaee;
	text-decoration: underline;
}

#userinfo a:hover
{
	color: #CCCCCC;
	text-decoration: underline;
}

#posttext
{
	position: relative;
	left: 50%;
	margin-left: -398px;
	width: 591px;
	z-index: 8;
	color: #cbdaee;
	font-size: 10px;
}

#lmbox
{
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -150px;
	height: 135px;
	width: 290px;
	background: url(images/lmbox.gif) no-repeat;
	color: #cbdaee;
	padding: 60px 5px 5px 5px;
	text-align: center;
	font-size: 12px;
}

.tbinput
{
	background: url(images/tbox.jpg);
	font-size: 12px;
	color: #cbdaee;
}

.subinput
{
font-size: 16px;
font-weight: bold;
color: #145fc4;
width: 300px;
border-style: none;
/*	display: none;*/
}

#main ul
{
	margin:20px;
	padding: 0px;
}

#main li.thumbnail
{
	display: block;
	width: 96px;
	height: 135px;
	float: left;
	padding: 0px;
	border: none;
	margin: 5px;

	list-style: none;
	overflow: hidden;
}

#main a.thumbnail:link, #main a.thumbnail:visited
{
	font-size: 8pt;
	text-align: center;
	text-decoration: none;
	display: block;	
	width: 96px;
	height: 135px;
}

.thumbnail img
{
	display: block;
}

#main a.thumbnail:hover
{
background: url('images/hover.jpg') no-repeat;
}

.clear
{
	clear:both;
	display: block;
}