/*  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: #FFFFFF;}
#container {background-color: transparent; background-image: url(../graphics/cont_bg.gif); width: 977px; position: relative; visibility: visible; 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(../graphics/cont_end.gif) no-repeat;width: 977px;height: 13px;margin: 0px auto 0px auto;}


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

A           {
	color: #33FF99;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
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;
}
.greennote       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #33FF99;
	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;
}
.simple2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ADC0C7;
}
.stimpyred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC3333;
}
.simplegreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #33FF99;
}
.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: #FFF;
}
.hedgreentext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0F9;
}
/*  TABLE STYLES
-----------------------*/

TABLE       {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	border-top: 1px none black;
	border-right: 1px none black;
	border-bottom: 1px none black;
	border-left: 1px none black;
}
TABLE TD { border: 1px solid #222836; 
}
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(../gfx/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 #222836;
	text-align: justify;
}
#mytable2, #mytable2 td {border: 1px solid black; background: black;
}
#mybongo, #mybongo td {border: 0px; background-image: url(../images/Clownrunner-art/bongo.jpg);
}
#mytable3, #mytable3 td {
	border: 1px solid black;
	text-align: justify;
}
#myfae {border: 0px; background-image: url(../images/graphics/dryad-bg.jpg);} 
#myfae td {border: 0px;} 
#mystoryboard, #mystoryboard td {border: 1px solid black;}
#mywhitetable1 {border: 1px solid #cccccc;}
#mywhitetable1 td {border: 1px solid #999999;}
/*  HEADER STYLES
-----------------------*/

H1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	margin: 0 0 1px 0;
	color: #FFFFFF;
}

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(gfx/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.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(../gfx/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 .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(../gfx/but_bg_clock.gif) no-repeat right;
}
#memberbar .beats .button A {
  background: url(../gfx/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: #5A81BA url(../gfx/win_main_topbg.gif) repeat-x;
	font-weight: bold;
	font: 11px/normal Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #FFF;
	width: 98%;
	height: 20px;
	line-height: 20px;
	overflow:hidden;
	right: 2px;
}

.window .sidetop {
  background: #5A81BA url(../gfx/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(../graphics/main-bot-mid.jpg) repeat-x;
  width: 100%;
  height: 20px;
  overflow:hidden;
}
.window .sidebottom {
  background: url(../gfx/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 */

.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(../gfx/artwork_opt1_bg.gif) repeat-x;
  background-color: #939BBC;
}
.artworkitem TD.vote {
  background: url(../gfx/artwork_opt2_bg.gif) repeat-x;
  background-color: #969EBE;
}
.artworkitem TD.options {
  background: url(../gfx/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(gfx/but_bg_fade.gif) no-repeat right;
}
.headlines .options .button A, .generalnewsarchive .options .button A {
  background: url(gfx/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(../graphics/main-top-mid.jpg);
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Tahoma, Arial, sans-serif;
}.clowrunnerwhite {
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Tahoma, Arial, sans-serif;
}
.forr {  background: url(../graphics/main-top-right.jpg) no-repeat right top; height: 34px;  }
.forl {  background: url(../graphics/main-top-left.jpg) no-repeat left top; height: 34px;  }

.t_bg {
	background: #374A6A url(../graphics/concave.jpg) repeat-x left top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
	.t_end1 {
	background: #343333 url(../graphics/end1.jpg) repeat-x left top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.t_bg_left {  background: #343333 url(../graphics/end.jpg) no-repeat left top;}

.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;
	background-color: #374A6A;
}

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

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


.frl {}/** specjhContent **/
.pagingContainer{width:100%;position:relative;height:12px;}
 .pagingLeft{float:left;font-size:11px;width:200px;text-align:left;}
 .pagingCenter{float:left;font-size:11px;}
 .pagingLink{padding:0 3px;display:inline;}
 div.pagingCenter a{float:left;font-size:11px;}
 .pagingOf{float:left;font-size:11px;padding:0 8px;}
 .currentpage{float:left;padding:0 3px;float:left;}
 .pagingRight{width:200px;float:right;text-align:right;}
 div.pagingRight a{font-size:11px;}
 .kudosLayer{width:100px;position:absolute;font-size:11px;border-top:1px solid #999;border-left:1px solid #999;border-right:2px solid #999;border-bottom:2px solid #999;margin:20px 0 0 -90px;}
 .googleTranslateLayer{width:110px;height:250px;overflow:auto;position:absolute;font-size:11px;border:solid 1px #999;margin:20px 0 0 -90px;z-index:1000001!important;background-color:#222836; }
 .kudosLayer table{font-size:11px;}
 .cmtcell{float:right;margin-right:7px;}
 .spacer,.commentSpacer{height:1px;}
 .blog,.blogComments{
	text-align:right;
}
 .blogSubject{padding:10px 0 5px 0;}
 .blogContent{padding:5px 0 5px 0;}
 .blogContentInfo{padding:5px 0 10px 0;font-weight:bold!important;}
 .cool_dot_top{padding-top:10px;}
 .cool_dot_left{width:73px;height:88px;*height:93px;margin-right:0;float:left;text-align:center;}
 .cool_dot_left_number{margin-top:20px;font-size:16px;color:#0072B8;overflow:hidden;}
 .cool_dot_left_img{margin-top:10px;*margin-top:5px;}
 .cool_dot_right{width:88%;height:88px;float:right;}
 .tooltipdiv{width:230px;}
 #hoverDiv div.tooltip .innerwrapper{top:-23px;left:130px;}
 .toolTipTopLeft{float:left;text-align:center;vertical-align:top;margin-left:3px;}
 .toolTipTopRight{float:left;text-align:left;vertical-align:top;font-size:10px;margin-left:5px;}
 .toolTipBottom{float:left;padding-top:3px;border-top:dashed 1px Gray;width:98%;margin-left:2px;margin-right:2px;*margin-top:-5px;}.carousel-component{left:0;padding:0;margin:0;width:100%!important;background-color:Transparent;text-align:center;}
 .carousel-component .carousel-list li{margin:11px 4px 0 4px;padding:0;width:50px;text-align:center;}
 .carousel-component .carousel-list li a{display:block;outline:none;}
 .carousel-component .carousel-list li a:hover{border:1px solid #aaa;}
 .carousel-component .carousel-list li img{border:1px solid #999;display:block;}
 .carousel-component .carousel-prev{position:absolute;top:30px;left:10px;}
 .carousel-component .carousel-next{position:absolute;top:30px;right:10px;}
 #bd ul{margin-top:2px;}ul{list-style-image:none;list-style-position:outside;list-style-type:disc;}
 ul,ol{margin-bottom:.7em;}ul,ol,dl,dd{margin-left:30px;}

/** Footer **/

.s_border_bottombg {
	background: url(../graphics/side-bot-mid.jpg);
	height: 19px;
}
.s_border_bottom_left{  background: url(../graphics/side-bottom-left.jpg) no-repeat left top; height: 19px;  }
.s_border_bottom_right{  background: url(../graphics/side-bottom-right.jpg) no-repeat right top; height: 19px;  }
.smeen {
	font-size: 11px;
}