html { min-height: 100%; margin-bottom: 1px; background: #695036; font-size: 100.01%; }
body { margin: 0; padding: 1px 0 0; background-color: #695036; color: #555; font: 62.5%/1.5 Arial,Helvetica,sans-serif; min-width: 860px;}


/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
p { margin-bottom: 1.25em; }
li *, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }

abbr,acronym { cursor: help; }

a { color: #d2bdc4; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }
#hidden {display: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 2.4em Arial,Helvetica,sans-serif; color: #634737; }
h1 { font-size: 2.2em; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { text-decoration: underline; }
h2 { font-size: 1.9em; color: #ee9a27; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001em; overflow: hidden; height: 0; margin: 0; line-height: 0em; }

/* LAYOUT
------------------------------------------- */

#wrapper { margin: -1px 0 0; padding: 0 0 0 1px; background: #695036 url(../images/bg-sub.png) repeat-x; position: relative;}
  #top { position: relative; width: 800px; height: 125px; margin: 0 auto; z-index: 250; }
  #top.short { height: 125px; }
   #logo { position: absolute; left: 12px; top: 45px; margin: 0; }
    #logo a { display: block; overflow: hidden; width: 315px; height: 65px; background: url(../images/logo-dark.png) no-repeat; text-indent: -10001px; }
     #logo a img { display: none; }

   #tools { float: right; list-style: none; margin: 0; padding: 0; }
    #tools li { float: left; height: 23px; padding: 0 12px 0 13px; border-left: 1px solid #291f19; color: #8b7063; font-size: 1em; line-height: 23px; text-transform: uppercase; }
    #tools li.first { border: none; }
     #tools li a { color: #d2bdc4; text-decoration: none; }
     #tools li a:hover { color: #ee9a27; }


  #featured { position: relative; width: 800px; margin: 0 auto 0 auto; background: #181b1a url(../images/bg-featured.png) 100% 0 repeat-y; border: 1px solid #040404; border-width: 9px 16px 12px; color: #838685; }
 	#featured div.combox { width:611px; padding:0px; float:left; }
    	#featured div.date { height: 30px; line-height:30px; width: auto; margin-left: 75px; font-size: 2.2em; font: bold 330%/100%; color: #DDD; }
    	#featured div.date span { background: url(images/gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 30px; }
	#featured ul.location { display: block; width:100px; float:right; list-style:none; }
	#featured ul.location li a { display:block; padding: 5px 5px 5px 0; color: #d2bdc4; text-decoration: none; text-transform: uppercase; }
	#featured ul.location li a:hover { color: #ee9a27; }
	#featured div.comic2 img { margin-top:30px; }

   #featured ul.controls { position: absolute; left: 0; top: 0px; list-style: none; margin: 0; padding: 0; }
    #featured ul.controls li { display: inline; float: left; margin: 0 1px 0 0; }
     #featured ul.controls li a { overflow: hidden; float: left; width: 30px; height: 30px; background: url(../images/controls-a.png); text-indent: -10001em; }
     #featured ul.controls li span { float: left; width: 30px; height: 30px; background: url(../images/controls-a.png); text-indent: -10001em; }
      #featured ul.controls li a span { float: none; width: auto; height: auto; background: none; }
     #featured ul.controls li.prev a { background-position: 0 -90px; }
     #featured ul.controls li.prev a:hover { background-position: 0 -120px; }
     #featured ul.controls li.prev span { background-position: 0 -150px; }
     #featured ul.controls li.next a { background-position: 0 0; }
     #featured ul.controls li.next a:hover { background-position: 0 -30px; }
     #featured ul.controls li.next span { background-position: 0 -60px; }

	#paint ul { display: inline; margin: 10px 10px 10px 10px; }
	#paint ul li { margin-left: 0; padding: 5px; border: none; list-style: none; display: inline; vertical-align:center;}

	#featured ul.links { display: block; list-style:none; }
	#featured ul.links li a { padding: 5px 5px 5px 0; color: #d2bdc4; text-decoration: none; text-transform: uppercase; }
	#featured ul.links li a:hover { color: #ee9a27; }


 #footer { overflow: hidden; width: 800px; margin: 20px auto 0; padding: 10px; border-top: 1px solid #ee9a27; color: #181b1a; text-transform: uppercase; }
  #footer p { float: right; font-size: 1em; }
   #footer p a { color: #181b1a; text-decoration: none; }
   #footer p a:hover { text-decoration: underline; }


a.info{
    position:relative; /*this is the key*/
    z-index:24; ;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    background-color:#a8b934; color:#000;
    text-align: center}

table.running 	{text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width:100%; }

table.running td	{background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;}

table.running th {background-color: #a8b934;
	color: #181b1a;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;}