*
{
padding: 0em;
margin: 0em;
}

body
 { background: #000000 url("images/gray_bg.jpg"); padding: 0 }

body,input
{
font-size: 10pt;
font-family: "georgia", "times new roman", serif;
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color: #000000;
text-decoration: none;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3
 { font-size: 1.7em; padding-right: 34px }

h4
 { font-size: 1.2em; padding-right: 28px; }

.contentarea
{
padding-top: 0em;
}

.comic_list
 { margin: 0em 0em 0em 9em }

img
{
border: solid 0px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
 { background: #fff url("images/border2.gif") repeat-x; margin: 2em 0 1.5em; position: relative; height: 14px; clear: both }

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
 { background-image: url("images/icon-printerfriendly.gif") }

.post ul.controls li a.comments
 { background-image: url("images/icon-comments.gif") }

.post ul.controls li a.more
 { background-image: url("images/icon-more.gif") }


ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 1.5em;
}

#upbg
#{
#position: absolute;
#top: 0px;
#left: 0px;
#width: 0%;
#height: 275px;
#background: #fff url('images/gray_bg.jpg') repeat-x;
#z-index: 1;
#}

#outer
{
z-index: 2;
position: relative;
/* width: 82%; */
width: 1000px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#header
 { background: #00704a url("images/h_topbg.gif") repeat-x; margin-bottom: 2px; position: relative; width: 100%; height: 9em ; }

#headerpic
 { background: #00704a url("images/hlogo1.gif") no-repeat left top; margin-bottom: 2px; position: relative; height: 118px }

#menu
 { background: #00704a url("images/hmenubg.gif") repeat-x left top; margin-bottom: 0px; padding: 0 2em; position: relative; height: 2.1em }

#menubottom
 { background: #fff url("images/hborder1.gif") repeat-x; margin-bottom: 1em; height: 14px }

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 0em 22.0em 0em 0em;
}

#secondarycontent
{
margin-top: 0em;
float: right;
width: 18.0em;
}

#footer
 { font-size: 0.8em; background: #fff url("images/border2.gif") repeat-x 0 2.5em; padding-top: 5em; position: relative; height: 0em; clear: both }

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 0em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 0em;
}

/* HECKELERS PHOTO CSS */

#main { border:1px solid #ffffff; }

#textBox { 
height:350px;
vertical-align:top;
padding:10px; }



#textarea2 td { font:12px trebuchet ms, Arial, Helvetica, sans-serif;
color:#000000;
vertical-align:top; }

#visible_area{
	width:550px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:70px;/*required but obviously adjustable*/
}

#testscroller {
	white-space:nowrap;
} 

#testscroller a, {
	display: inline-block;
	padding: 0 1 0 0; }

#mid { vertical-align:middle; }

#mid a { width: 30px;
opacity: .9;
filter: alpha(opacity=90);}

#mid a:hover { opacity: .75;
filter: alpha(opacity=75);}

.memberslogin, .forgotpw, #membership_register, .style2 { font-family: trebuchet ms, Arial, Helvetica, sans-serif;
font-size: 11px !important;
font-weight: bold;
color: #000000; }

/* Below is a set of CSS rules that will allow you to style the drop down menu bar. */

/* note: the term 'dropdown' refers to the second level menus, which drop down vertically. */
/* note: the term 'flyout' refers to the third level menus, which stick out from the second level drop down menus. */
/* note: you need to change #menubar to reflect the name of the menubar you are styling.
    if the menubar is called 'henry', then change #menubar to #henry
*/

/* use this to style the main menu */
#menubar1 ul.horizontal li.level1 {
  /* height: 22px;
  padding: 0px;
  padding: 2px 10px 2px 10px;
*/ 
  padding: 0.4em 1.0em 0.4em 1.0em;
  border: none;
 
font-family: Georgia, Times New Roman, Times, serif;
}

/* controls the root menu's list item links, use this to style the main menus links */
#menubar1 ul.horizontal li.level1 a {
  
  font-style : normal;
  color: #FFFFFF;
  text-decoration: none;
}

/* controls the root menu's list item links when a cursor is over them (mouseover) */
#menubar1 ul.horizontal li.level1 a:hover {
	text-decoration:underline;
}

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown,
#menubar1 ul.flyout {
width: 135px;
  border: 1px solid #00704A;
  background-color: #FFFFFF;
}

/* this controls the styles of the list items that are in the dropdown and flyout menus.
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2,
#menubar1 ul.flyout li.level3 {
  border-bottom: 1px #C1C1C1 solid;
}

/* this controls the styles of the list item's links that are in the dropdown and flyout menus */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2 a,
#menubar1 ul.flyout li.level3 a {
font-size: 12px;
font-family: Georgia, Times New Roman, Times, serif;
  font-weight: normal;
  color: #6666FF;
  padding: 2px 4px 2px 5px;
}

/* this controls the style of the list item's links that are in the dropdown and flyout menus when a cursor is over them. (mouseover) */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2 a:hover,
#menubar1 ul.flyout li.level3 a:hover {
  color: #9b9b9b;
  background-color: #DAE0D2;
}

/* This is a set of CSS rules that allow the drop down menubar to function properly. Change these at your own risk!  */

/* this controls the div that is wrapped around the entire menubar */
#menubar1 { position: relative; float: left; }

/* controls the unordered list tag, I don't think styling should be done here either. Use more specific selectors to style the menu. */
#menubar1 ul { margin: 0px; padding: 0px; list-style: none; }

/* controls a list item in an unordered list tag, I don't think styling should be done here either. Use more specific selectors to style the menu. */
#menubar1 ul li { list-style: none; }

/* controls the list item link tag. */
#menubar1 ul li a { float: left; display: block; }

/* controls the root menu's list items. use this to style the main menu */
#menubar1 ul.horizontal li.level1 { float: left; }

/* controls the width of a list item's link tag. DON'T CHANGE UNLESS YOU KNOW WHAT YOU ARE DOING.
This is needed for things to function well. */
#menubar1 ul.horizontal > li.level1 a { width: auto; }

/* More functional css, don't change unless you know what you are doing */
/* Commented Backslash Hack hides rule from IE5-Mac */
#menubar1 ul li a { float:none; }
/* End IE5-Mac hack */

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown,
#menubar1 ul.flyout { position: relative; top: 0px; left: 0px; visibility: hidden; }

/* don't change this unless you know what you are doing, this makes sure that the menus appear on the top like they are supposed to */
#menubar1 ul { z-index: 1 !important; }

#menubar1 #bridgetools{ margin-bottom: 0px; height: 5px; white-space: nowrap;}