body
{
    background:black url('../img/bg.png') no-repeat top right;
    padding:0px;
    margin:0px;
    width:100%;
    color:red;
}

h1,h2,h3,h4,h5,h6
{
    color:#EEEEEE;
    font-family:"Lucida Sans Unicode";
}

p,table
{
    font-family:"Lucida Sans Unicode";
}

table, th, td
{
	border: 2px solid #EEEEEE;
	border-collapse:collapse;
	padding:2px;
}

.noborder
{
	border-style:none;
}

.bordered
{
	outline:2px ridge #CCC;
}

.header, .content, .footer
{
    width:640px;
    margin-left:auto;
    margin-right:auto;
}

.header
{
    padding:0px;
    margin:0px;
}

.content
{
    
}


.footer
{
    text-align:center;
}

.imagepage
{
    margin-left:auto;
    margin-right:auto;	
    text-align:center;
}

a:link
{
    color:cyan;
}

a:visited
{
    color:orange;
}

.catbox
{
    padding-top:4px;
    padding-left:36px;
    padding-right:4px;
    outline:red inset 4px;
    background:black url('../img/catface.png') no-repeat top left;
    text-align:left;
    font-family:"Lucida Sans Unicode";
}

.commentbox_0, .commentbox_1, .commentbox_selected_0, .commentbox_selected_1
{
	padding:4px;
	margin:4px 4px 12px 4px;
	color:#CCC;
	word-wrap:break-word;
}

.commentbox_0
{
	outline:red inset 2px;
	background:#300408;
}

.commentbox_1
{
	outline:#C00 inset 2px;
	background:#1A0208;
}

.commentbox_selected_0, .commentbox_selected_1
{
	outline:#FFD800 inset 2px;
	background:#6B5900
}

.commentbox_profile
{
	float:left;
	padding-top:8px;
	width:100px;
	text-align:center;
}

.commentbox_body
{
	margin-left:auto;
	min-height:140px;
}

.gradientbox
{
	color:#EEEEEE;
	border:2px solid red;
	background:url('../img/gradient_red.png') repeat-x;
	background-size:4px 100%;
	text-align:center;
	font-size:2em;
	margin:16px 0px;
}

.gallerybanner
{
	height:64px;
}

/* nav bar at top of every page */
.navbar
{
    background:url('../img/navbar.png') no-repeat top left;
    height:64px;
    padding-top:16px;
    padding-left:75px;
    margin:8px 0px;
    position:relative;
}
.navbar li {list-style:none;position:absolute;}
.navbar li, .navbar a {display:block;height:32px;}
/* sprite properties for navabar buttons*/

#homelink {left:75px;width:71px;background:url('../img/navbutton.png') 0 0;}
#homelink a:hover {background:url('../img/navbutton.png') 0 -32px;}
#homelink_dead {left:75px;width:71px;background:url('../img/navbutton.png') 0 -64px;}

#applink {left:146px;width:67px;background:url('../img/navbutton.png') -71px 0;}
#applink a:hover {background:url('../img/navbutton.png') -71px -32px;}
#applink_dead {left:146px;width:67px;background:url('../img/navbutton.png') -71px -64px;}

#artlink {left:213px;width:52px;background:url('../img/navbutton.png') -138px 0;}
#artlink a:hover {background:url('../img/navbutton.png') -138px -32px;}
#artlink_dead {left:213px;width:52px;background:url('../img/navbutton.png') -138px -64px;}

#misclink {left:265px;width:66px;background:url('../img/navbutton.png') -190px 0;}
#misclink a:hover {background:url('../img/navbutton.png') -190px -32px;}
#misclink_dead {left:265px;width:66px;background:url('../img/navbutton.png') -190px -64px;}

/* sprite properties for first/next/prev/last buttons */
#firstimg 
{
	width:64px;
	height:32px;
	display:block;
	text-decoration:none;
	background:url('../img/prevnextbutton.png') 0 0;
}
#firstimg:hover 
{
	background:url('../img/prevnextbutton.png') 0 -32px;
}

#previmg 
{
	width:64px;
	height:32px;
	display:block;
	text-decoration:none;
	background:url('../img/prevnextbutton.png') -64px 0;
}
#previmg:hover 
{
	background:url('../img/prevnextbutton.png') -64px -32px;
}

#nextimg 
{
	width:64px;
	height:32px;
	display:block;
	text-decoration:none;
	background:url('../img/prevnextbutton.png') -128px 0;
}
#nextimg:hover 
{
	background:url('../img/prevnextbutton.png') -128px -32px;
}

#lastimg 
{
	width:64px;
	height:32px;
	display:block;
	text-decoration:none;
	background:url('../img/prevnextbutton.png') -192px 0;
}
#lastimg:hover 
{
	background:url('../img/prevnextbutton.png') -192px -32px;
}

#imgindex
{
	width:64px;
	height:32px;
	display:block;
	text-decoration:none;
	background:url('../img/prevnextbutton.png') -256px 0;
}
#imgindex:hover 
{
	background:url('../img/prevnextbutton.png') -256px -32px;
}