/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#222;
background: url(http://www.humordb.com/images/pageBorder_gray.gif);
background-repeat: repeat-y;
background-position:center center;
}


a { color: #2971a7; text-decoration:none; }
a:link, a:visited, a:active { color: #111199; }
a:hover   { color: #f00; }

.joker a { color: #813333; text-decoration:none; }
.joker a:link, .joker a:visited, .joker a:active    { color: #813333; }
.joker a:hover   { color: #813333; text-decoration:underline; }


/* GLOBAL */

#globalheader { width: 972px; height: 38px; margin:0px auto; position: relative; z-index: 9998; }


.align-center { text-align:center; }
.align-right { text-align:right; }
.align-left { text-align:left; }

.zone-title { font-weight: bold; color: #972169; font-size: 32px; text-shadow:0.05em 0.05em #999999; line-height:36px; margin-bottom:8px; padding-left:10px;}
.zone-subtitle { font-weight:bold; color: #ce6944; font-size: 16px; line-height:18px; margin-bottom:8px; padding-left:10px;}

/* TOP MENU */
.main { background-color:#EFD;}
/*#topmenu { border-bottom : 1px solid #555; margin : 0; padding-bottom : 19px; padding-left : 10px; }*/
#topmenu { font-family:Arial; margin:0; padding-bottom : 19px; }
#topmenu a:link, #topmenu a:visited	{ color : #1a3490; font-weight : normal; text-decoration : none; }
#topmenu a:link.active, #topmenu a:visited.active	{ background : #fff; border-bottom : 1px solid #fff; color : #000; }
#topmenu a:hover	{ color : #f00; }
#topmenu table.main { width:100%; margin-bottom:0; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #555; padding:0; margin:0; }
#topmenu tr, #topmenu td {margin:0px; padding:0px; }
#topmenu td.smallprint { font-size : 10px; }
#topmenu li { font-size:14px; font-weight:normal; display:inline; list-style-type:none; margin:0; padding:0; background:#FFF; border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; float:left; line-height:18px; margin-right:10px; padding:2px 10px 2px 10px; }
#topmenu li.selected { font-size:14px; font-weight:bolder; background:#3a64A0; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; }
#topmenu li.selected a:link, #topmenu li.selected a:visited, #topmenu li.selected a:active { font-weight:bolder; color:#FFF; }


#footer { text-align:center; font-size:10px; line-height:18px; margin-top:30px; padding:10px; }

#mainPageContent {
	vertical-align:top;
	width:712px;
}

#mainPageRight {
	vertical-align:top;
	float: right; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
}


/* SINGULARITY */
#singularity { margin-left:3px; padding:10px; border-style:solid; border-color:#999; border-width:1px; }
#singularity p { font-size:16px; line-height: 22px; margin-top:18px; margin-bottom:18px;}
#singularity p.censored { font-size:18px;font-weight:bold; color:#AA3333; line-height: 24px; text-align:center; margin-top:18px; margin-bottom:18px; }
#singularity h1 { font-family:Georgia; font-weight:bold; font-size:26px; line-height:normal; margin-bottom:10px; }
#singularity h2 { font-weight: bold; font-size: 18px; line-height: 22px; margin-bottom: 8px; }
#singularity h3 { font-weight: bold; font-size: 1em; color:#555; line-height: 18px; margin-left:10px; margin-bottom:8px; }
#singularity h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#singularity a { color: #813333; text-decoration:none; }
#singularity a:link    { color: #813333; }
#singularity a:visited { color: #813333; }
#singularity a:active  { color: #813333; }
#singularity a:hover   { color: #813333; text-decoration:underline; }

#singularity .tinygrey { font-size:9px; color:#666; }
#singularity .credit { font-size:10px; color:#666; }

/* CATEGORY ICON */
#categoryIcon { margin:10px; }
#categoryIcon a, a:link, a:visited, a:active, a:hover { text-decoration:none; }

#mainContentWithAd {
	vertical-align:top;
	width:802px;
}

#adBarRight {
	vertical-align:top;
	float: right; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
}

#homeMenuBox {margin:0px; padding:5px; background:#EEF; border-style:solid; border-color:#333; border-width:1px;}
#homeMenuBox a { font-weight:bold; color: #0000AA; text-decoration:none; }
#homeMenuBox a:link, #homeMenuBox a:visited, #homeMenuBox a:active {color:#0000AA;}
#homeMenuBox a:hover {color:#AA0000;}

#hPanel .hdgText {display:inline; font-size:18px; font-weight:bold; text-align:left;}
#hPanel div.header {background-color:#e5ecf9; margin-bottom:7px; border-bottom: 1px solid #555; padding:3px 3px 3px 3px}
#hPanel div.jokerSelfHeader {background-color:#dce9d5; margin-bottom:7px; border-bottom: 1px solid #555; padding:3px 3px 3px 3px}
#hPanel div.footer {margin-bottom:7px; border-top: 1px solid #555; padding:3px 3px 3px 3px}
#hPanel div.mainText {font-size:14px; margin-left:2px; padding:1px 1px 1px 1px}
#hPanel div.subText {font-family:monoco;margin-left:9px; padding:1px 1px 5px 1px}
#hPanel div.auxText {text-align:right; padding:1px 1px 5px 1px}
#hPanel .rankText {font-weight:bold; color: #813333;}
#hPanel a { color: #2971a7; text-decoration:none; }
#hPanel a:link, #hPanel a:visited, #hPanel a:active { color: #2971a7; }
#hPanel .mainText a  { font-weight:bold; color: #333381; text-decoration:none; }
#hPanel .mainText a:link, #hPanel .mainText a:visited, #hPanel .mainText a:active {color:#333381;}
#hPanel a:hover, #hPanel a:hover {text-decoration:underline;}


/* Ajaxautocomplete */
    div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      margin-top:2px;
      padding:0px;
    }
    div.auto_complete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.auto_complete ul li.selected { background-color: #ffb;}
    div.auto_complete ul li {
    text-align:left;
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    }