/* ========================================
 * The Hellbound Web's New (Blue) Skin
 * by stainless
 * ========================================
 */


body { 
	background: #000;
	color: #cccccc;
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	line-height: 145%;
}

p { 
	background: transparent;
	color: #cccccc;
	font-family: Verdana, Arial, Sans-Serif;
      font-size: 12px;
	line-height: 145%;
    padding: 5px;
	text-align: justify;
}

body {
    min-width:85%;
       }
#wrap {
    margin:0 auto;
    width:85%;
    }

pre {text-align: left;
font-family: Courier New, Courier, fixed;}

.inactive {background-color: 000000;
color: #666666;} /* for greyed-out bits like finished contests, prizes already claimed, etc. */

/* ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link,
a:active, 
a:visited,
a:hover{
	background: transparent;
	text-decoration: none;
}

a:link{color: #ff0000;}

a:active{color: #ff9999;}

a:visited{color: #cc2222;}

a:hover{color: #ff9999;}

img {border: 0; padding: 2px;}

/* headers */

h1, h2, h3, h4, h5, h6{
font-variant: small-caps;}

h1{
letter-spacing: .5em;
text-align: center;
font-size: 1.8em;}

h2{
font-weight: bold;
text-align: right;
background: #444444;
padding: 3px;
letter-spacing: .5em;
font-size: 1.5em;
line-height: 125%;
background-image:
url('images/graygradient.jpg');
background-repeat: repeat-y;
}

h3 {letter-spacing: .2em;
font-size: 1.3em;}

/* the RGB reading of #444444 grey is 68 68 68 
   the RGB reading of #cccccc yellow is 255 255 204
   the RGB reading of #ffcc00 link orange is 255 204 0 */

/* TABLES */

td.header {font-size: 14px;
text-align: center;
font-variant: small-caps;
letter-spacing: .4em;}

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

table li {text-align: justify;}

table td {border-style: solid;
border-width: 1px;
border-color: #444444;
background: #000000;
padding: 6px;}

.set2 {margin-top: 20px;}

.center {display: block; margin-left:auto; margin-right:auto;}

p.center {text-align:center;}

table a {font-weight: bold;}

ul, ol {list-style-position: inside;}

ul.menu {display: block; margin-left:auto; margin-right:auto; width: 270px;}

.menulist {border-bottom: solid 1px #444444;
background: #000000;
list-style: none;
padding: 6px;
margin-left:auto; margin-right:auto;
text-align: center;
width: 250px;}

/* divs */

.columna, .columnb {padding: 1em;}

.columna {float: left;
width: 45%;}
.columnb {float: right;
width: 45%;}

.nav {clear: both; padding-top: 10px;
text-align: center;}

p.nav a {font-weight: bold; letter-spacing: .5em; font-variant: small-caps; font-size: 120%;}
.menulist a {font-weight: bold; font-variant: small-caps; font-size: 120%;}

.content {padding-left: 20px; padding-right: 20px;}

img.nav {border: 0;
padding: 10px;}

p.comicnav {width: 50%; display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 1.2em; font-weight: bold; border: 1px solid #444444;}

/* div.imagegroup {margin-left: auto; margin-right: auto;
clear: both;}

div.imagegroup img {padding: 10px; border: 0;}

img.art {border: 0;
float: left;
padding-right: 20px;
padding-bottom: 20px;}

img.art2 {border: 0;
float: right;
padding-left: 20px;
padding-bottom: 20px;} */

/* Figures with captions */

div.figure {float: left;
width: 365px;
border: 1px solid #444444; 
margin-right: 10px;}

div.figure p {text-align: center;
font-size: 90%;
padding: 0px;
margin-top: 0px; margin-bottom: 10px;}

div.figure img {padding: 15px;} 

/* For Text Menus */

.textmenu {margin-left: auto; 
margin-right: auto;
width: 75%; 
line-height: 175%;
border-style: solid;
border-width: 1px;
border-color: #444444;
background: #000000;
padding-left: 10px;, padding-right: 10px;}

blockquote {border-style: solid;
padding: 5px;
border-width: 1px; 
border-color: #444444;}