/*  BODY AND PAGE CONTAINERS
-------------------------------------------------------------------------*/

body        {background:#143550 url('http://arkhamhaus.com/graphics/back-of-site.jpg') no-repeat fixed top; color: #000000;	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFF99;
    background-repeat: repeat;
}

#container  {
	position: relative;
	background: #FFFFFF;
	width: 977px;
	padding:0px;
	margin: 0px auto 0px auto;
}
#main       { float:left; width: 728px;display: inline; overflow:hidden; margin: 4px 0 0 9px;}
#side       { float: right;width: 214px;margin: 4px 14px 0 0;}
  
#footer     {
	position: relative;
	background: transparent url(../redgraphics/cont_end.gif) no-repeat;
	width: 977px;
	height: 13px;
	margin: 0px auto 0px auto;
}


/*  GENERAL STYLES
-------------------------------------------------------------------------*/

A           {
	color: #FF9933;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
A:hover     { color: #FFF;text-decoration:none;}
.clear      { clear:both; height: 1px; overflow:hidden;}
.note       { font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #999999;margin-top: 10px;}
.stantext {
	color: #E5B76E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.sectext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}
.hedtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;

}
.simple2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ADC0C7;
}
.sectextCopy {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #E5B76E;
}
.stantextCopy {

	color: #E5B76E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.hedtextCopy {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0099FF;
}
/*  TABLE STYLES
-----------------------*/

TABLE       {
	border: 1px #490101;
	background-attachment: scroll;
	background-repeat:repeat;
	background-position: center top;
}
TABLE TD { border: 1px #490101; 
}

TABLE TH    { background: #606078;font-family: Arial, Verdana, sans-serif;font-size: 12px;line-height: 18px;font-weight: bold;background-color: #8890B2;padding: 3px 0 2px 5px;background: url(../redgraphics/th_bg.gif) repeat-x;}

.editartwork TABLE TD, .forum TABLE TD, .gallery TABLE.header TD {
  padding: 3px;
  background-color: #A7ADC8;
}
#mytable1, #mytable1 td {border: 1px solid #490101; background: #490101;}
#mytable2, #mytable2 td {border: 1px solid black; background: black;}
#mybongo, #mybongo td {border: 0px; background-image: url(../images/Clownrunner-art/bongo.jpg);}
#mytable3 {border: 1px solid black; background: #490101;}
#mytable3 td {border: 1px #490101; background: #490101;}
#mctable1, #mctable1 td {border: 1px solid #ffffff; background: #ffffff;}
#mcsidetable {border: 1px solid black; background: #B40001;}
#mcsidetable td {border: 1px #B40001; background: #B40001;}
#mytablecloth, #mytablecloth td {border: 1px solid black; background: black; background-image: url(../images/scythian-carpet.jpg);}


#mcobject {float: left; padding-left: 10px; padding-right: 10px } 
/*  HEADER STYLES
-----------------------*/

H1 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 21px;
  line-height: normal;
  font-weight: normal;
  margin: 0 0 1px 0;
  color: #46455C;
}

H2 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 21px;
  line-height: normal;
  font-weight: normal;
  margin: 0 0 1px 0;
  color: #46455C;
  border-bottom: 1px solid #46455C;
}
H3 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: normal;  
  font-weight: bold;
  margin: 0px;
}
H4 {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;  
  font-weight: normal;
  margin: 0px;
}
.sitesearch H4 {
  margin-top: 3px;
}
H5 {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;  
  font-weight: bold;
  margin: 6px 0 2px 0;
  background: url(redgraphics/news_line.gif) no-repeat 0 17px;
}

/*  BUTTON BASE STYLES
-----------------------*/

.label {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-align: center;
  display: block;
  white-space: nowrap;
  margin: 4px 5px 0 0;
}

/*  IMAGE STYLES
-------------------------------------------------------------------------*/

IMG {
  border: 0px;
}
IMG.icon {
  border: 0px;
  vertical-align:middle;
  margin-bottom: 2px;
}
 IMG.icon {
  border: 0px;
  vertical-align: middle;
  margin-bottom: 3px;
}
IMG.smallthumb {
  width: 64px;
  height: 64px;
  border: 1px solid #495271;
}
IMG.medthumb {
  width: 200px;
  height: 150px;
  border: 1px solid #495271;
}
#logo IMG {
  border: 0px;
  margin: 0px;
  width: 214px;
  height: 94px;
}
.fullArtwork {
  text-align:center;
  width: 716px;
  overflow:hidden;
}
/*  MEMBERBAR
-------------------------------------------------------------------------*/

#memberbar {
	position: relative;
	background: transparent url(../redgraphics/memberbar.gif) no-repeat;
	font-size: 11px;
	width: 957px;
	height: 36px;
	margin: 0px auto 0px auto;
	padding: 8px 10px 0 10px;
}

#memberbar IMG {
  border: 0px;
  vertical-align: middle;
  margin-bottom: 2px;
}
#memberbar UL {
  height: 22px;
  margin: 0px;
  padding: 4px 0;
}
#memberbar LI {
  display: inline;
  margin: 0px;
}
#memberbar LI A {
  color: #000;
  padding: 6px;
}
#memberbar LI A:hover {
 
  color: #FFF;
}
#memberbar .nav {
  font-size: 11px;
  float: left;
  width: 651px;
  height: 31px;
}
#memberbar .beats {
  float: left;
  width: 75px;
  height: 24px;
  padding: 5px 0 0 0;
}
#memberbar .beats .button {
  margin: -2px;
  background: url(../redgraphics/but_bg_clock.gif) no-repeat right;
}
#memberbar .beats .button A {
  background: url(../redgraphics/but_side_clock.gif) no-repeat left;
  padding: 4px 7px 0 7px;
  color: #000;
}
#memberbar .stats {
  float: right;
  width: 222px;
  height: 31px;
  text-align: center;
}
#memberbar .stats LI A {
  color: #000;
  padding: 6px 3px 6px 1px;
}
#memberbar .stats LI A:hover {
  color: #FFF;
  background: none;
}



/*  NAVIGATION
-------------------------------------------------------------------------*/

#navigation {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: normal;
}
#navigation A {
  color: #000;
}
#navigation A:HOVER {
  color: #FFF;
}
/*  WINDOWS
-------------------------------------------------------------------------*/

.window {
	position: relative;
	width: 97%;
}
.window .bookmark {
  position: absolute;
  z-index: 500;
  top: 2px;
  left: 615px;
  width: 110px;
  height: 17px;
}

.window .top, .window .sidetop {
	background: #CD4D44 url(../redgraphics/win_main_topbg.gif) repeat-x;
	font: bold 11px/20px Tahoma, Arial, sans-serif;
	color: #FFFF99;
	width: 98%;
	height: 20px;
	overflow:hidden;
	right: 2px;
}

.window .sidetop {
	background: #CC3333 url(../redgraphics/win_side_topbg.gif) repeat-x;
}
.window .topleft {
  float:left;
  vertical-align: middle;
  margin-bottom: 3px;
}
.window .topright {
  float:right;
  vertical-align: middle;
}
.window .body, .window .sidebody {
	background: #2F394A;
	padding: 4px 6px 1px;
	background-color: #2F394A;
	
	border: 1px solid black;
	width: 98%;
}
.window .sidebody {
	font: 11px/17px Tahoma, Arial, sans-serif;
	width: 98%;
	right: 2px;
}
.window .bottom, .window .sidebottom {
  background: url(../redgraphics/main-bot-mid.jpg) repeat-x;
  width: 100%;
  height: 20px;
  overflow:hidden;
}
.window .sidebottom {
  background: url(../redgraphics/win_side_botbg.gif) repeat-x;
}
.window .botleft {
  float:left;
  vertical-align: middle;
  margin-bottom: 3px;
}
.window .botright {
  float:right;
  vertical-align: middle;
}

/*  WINDOW LINK BAR
-----------------------*/

.winoption, .winoptionsmall, .winoptionCenter, .winform, .winformCenter  {
  font: 11px/normal Tahoma, Arial, sans-serif;
  text-align: left;
  padding: 4px 0 4px 8px;
 
}/* mozilla only */
.winoption, .winoptionsmall, .winoptionCenter {
  background-color: #989FBD;
  border: 1px solid #9298B8;
  height: 20px;
}
.winoptionCenter,.winoptionsmall, .winformCenter {
  text-align: center;
}
.winoptionCenter {
  padding: 4px 0 4px 0;
  overflow:hidden;
}
.winoptionsmall {
  padding: 3px 5px 5px 5px;
  height: 10px;
  margin-top: 5px;
}
.winform, .winformCenter {
  background-color: #9097B8;
  border: 1px solid #8289AA;
  height: 30px;
  margin-bottom: 5px;
}

/* ----------------------------------------------------------------------

    PAGE/TEMPLATE SPECIFIC STYLES AND ADJUSTMENTS

-------------------------------------------------------------------------*/



/*  ARTWORK ITEM
-------------------------------------------------------------------------*/

.artworkitem TD {
	padding: 4px 8px 8px 8px;





	border-top: none #7A83A2;
	border-right: none #7A83A2;
	border-bottom: none #7A83A2;
	border-left: none #7A83A2;
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
}
.artworkitem TD.score {
  background: url(../redgraphics/artwork_opt1_bg.gif) repeat-x;
  background-color: #939BBC;
}
.artworkitem TD.vote {
  background: url(../redgraphics/artwork_opt2_bg.gif) repeat-x;
  background-color: #969EBE;
}
.artworkitem TD.options {
  background: url(../redgraphics/artwork_opt3_bg.gif) repeat-x;
  background-color: #9BA2C0;
}
.artworkitem .description {
  padding: 0 10px 0 10px;
}
/*  GENERAL NEWS
-------------------------------------------------------------------------*/

/*  HEADLINES
-----------------------*/

.headlines IMG.smallthumb, .generalnewsarchive IMG.smallthumb {
  margin: 4px 8px 0 5px;
  float: left;
  clear: left;
}
.headlines .options, .generalnewsarchive .options{
  margin: 5px 0 0 80px;
  height: 40px;
}
.headlines .options .button, .generalnewsarchive .options .button {
  background: url(redgraphics/but_bg_fade.gif) no-repeat right;
}
.headlines .options .button A, .generalnewsarchive .options .button A {
  background: url(redgraphics/but_side_fade.gif) no-repeat left;
}
.headlines .winoption .button, .headlines .label{
  float:right;
}


/*  GALLERIES
-------------------------------------------------------------------------*/



/*  SIDE WINDOWS
-------------------------------------------------------------------------*/

/*  REGULAR LINK BAR
-----------------------*/

.sidebody .winoption {
  margin-top: 5px;
}
.sidebody .button {
  float: left;
  margin: 0 2px 0 0;
}
.sidebody .button A {
  font: 11px/normal Tahoma, Arial, sans-serif;
  display: block; 
  color: #46455C;
  text-decoration: none;
  height: 20px;
  padding: 3px 1px 0 1px;
}
.sidebody .button A:hover{
  color: #FFF;
  text-decoration: none;
}



/*  AFFILIATES
-----------------------*/

.win_affiliates .sidebody {
	text-align: center;
	background-color: #2F394A;
}

.win_onlinemembers TD{
  height: 16px;
  line-height: normal;
}


/** Content **/
.forbg {
	background: url(../redgraphics/main-top-mid.jpg);
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #FFFF99;
	font-family: Tahoma, Arial, sans-serif;
}
.forr {  background: url(../redgraphics/main-top-right.jpg) no-repeat right top; height: 34px;  }
.forl {  background: url(../redgraphics/main-top-left.jpg) no-repeat left top; height: 34px;  }

.t_bg {
	background: #990000 url(../redgraphics/concave.jpg) repeat-x left top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
	
.t_bg, .t_bg_left, .t_bg_right  {
	font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding:6px 4px 6px 4px;
	border-top-width: 0px;
}

.c_border_left  { background: url(../redgraphics/main-left-side.jpg) repeat-y left top;padding-left:3px; }
.c_border_right { background: url(../redgraphics/main-right-side.jpg) repeat-y right top;padding-right:3px; }

.c_border_bottombg {
	background: url(../redgraphics/main-bot-mid2.jpg);
	height: 19px;
}
.c_border_bottom_left{  background: url(../redgraphics/main-bottom-left2.jpg) no-repeat left top; height: 19px;  }
.c_border_bottom-right{  background: url(../redgraphics/main-bottom-right2.jpg) no-repeat right top; height: 19px;  }

/** Footer **/

.s_border_bottombg {
	background: url(../redgraphics/side-bot-mid2.jpg);
	height: 19px;
}
.s_border_bottom_left{  background: url(../redgraphics/side-bottom-left2.jpg) no-repeat left top; height: 19px;  }
.s_border_bottom_right{  background: url(../redgraphics/side-bottom-right2.jpg) no-repeat right top; height: 19px;  }