/* CSS Document */
* {margin:0; padding:0;}
html, body {height:100%; background-color: #CC3366 background-image:url(../images/jokesbackground.png);}
body {font-family : Arial, sans-serif; color:#000; background:#CC3366; background-image:url(../images/jokesbackground.png); }
#header{position:fixed; top:0; left:0; width:100%; height:115px; background-color: #CC3366; background-image:url(../images/header.png); background-repeat: repeat-y; background-position:center; color: #fff; font-weight:bold; text-align:center;}
#clearheader {height:115px;}
#clearfooter {clear:both; height:115px;}
#footer {width:100%; clear:both; height:110px; background-color:#CC3366; background-image:url(../images/footer.png); background-repeat: repeat-y; background-position:center; color: #fff; font-weight:bold; text-align:center; position:relative;}
#outer{min-height:100%; margin-left:160px; margin-right:160px; margin-bottom:-162px; background-color:#CC3366; background-image:url(../images/content.png); background-repeat: repeat-y; background-position:center;}
#left, #right {
	position: fixed;
	top : 20px;
	width:160px;
	text-align:center;
	overflow: visible;
	visibility: visible;
	z-index: 10;
}
#left {
left : 0px;
}
#right {
right : 0px;
}
#middle {
	position: relative;
	height: 100%;
	min-height: 100%;
	width:640px;
	margin: 0px auto 0px auto;
	background-color:none;

} 

#headercontent {
postition: relative;
width: 640px;
margin: 0px auto 0px auto;
}


h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:15px;
margin: 4px 0px 0px 0px;
color: #F9E8FF;
text-align: center;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:16px;
margin: 12px 0px 2px 0px;
color: #520A1E;
text-align: center;
}


h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
margin: 12px 0px 2px 0px;
color: #330000;
text-align: center;
}



h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
margin: 12px 0px 6px 0px;
color: #2F2F2F;
text-align: center;
}


h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
margin: 3px 0px 6px 0px;
color: #003399;
text-align: center;
}



p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 3px 100px 6px 100px;
color: #330033;
text-align: center;
}

p.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#003366;
line-height: 1.1em;
}

p.adverttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.1em;
color: #000;
}

p.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#003366;
line-height: 1em;
margin: 4px 0px 5px 0px;
}

p.linktitles {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 3px 0px 6px 0px;
color: #003399;
text-align: left;
}
	
p.links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 3px 0px 6px 0px;
color:#333333;
text-align: left;
}

p.joketext {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #660033;
margin: 5px 5px 12px 5px;
padding: 0px;
text-align: left;
}

p.jokeboxcredit {
float: right;
font: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 14px;
color: #fff;
margin: 0px;
padding: 0px;
}

p.joketexttitle {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #330033;
margin: 0px 0px 5px 0px;
text-align: left;
}

p.videotitletext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px;
color: #000099;
text-align: center;
}



#copyrightsignoff {
float: left;
width: auto;
height: 28px;
margin: 0px 0px 0px 0px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
font-color: black;
vertical-align: baseline;
text-align: left;
}




#logo {
width: auto;
text-align: center;
margin: 4px 0px 16px 0px;
}


.picturemargin {
margin: 6px 0px 10px 0px;
}

.clearfloats {
clear:both;
}

a:link.footerlinks {
color: #FF6600;
text-decoration: none;
}

a:visited.footerlinks {
color: #999999;
text-decoration: underline;
}

a:hover.footerlinks {
color: #33FF66;
text-decoration: underline;
}

a:active.footerlinks {
color: #FF0000;
text-decoration: none;
}

.buttonwrapperhorizontal{ /* Container you can use to surround a CSS button to clear float */
position: relative;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
background-color: none;
text-align: center;
margin-bottom: 8px;
}

.buttonholder{ /* Container you can use to surround a CSS button to clear float */
position: relative;
width: 610px;
padding-left: auto;
padding-right: auto;
margin-left: auto;
margin-right: auto;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/buttons/square-pink-left.png') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton {
color: #990000; /*button text color*/
}

a:hover.squarebutton {
color: #ff0; /*button text color*/
}

a:visited.squarebutton {
color: #CC6666; /*button text color*/
}

a:active.squarebutton {
color: #FF0033; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/buttons/square-pink-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #fff;
}

a.squarebuttonOrange{
background: transparent url('../images/buttons/square-red-left.png') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebuttonOrange span{
background: transparent url('../images/buttons/square-red-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonOrange:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonOrange:hover span{ /* Hover state CSS */
background-position: bottom right;
}

a:link.squarebuttonOrange {
color: #FFCCFF; /*button text color*/
}

a:hover.squarebuttonOrange {
color: #FF0033; /*button text color*/
}

a:visited.squarebuttonOrange {
color: #FF9999; /*button text color*/
}

a:active.squarebuttonOrange {
color: #009900; /*button text color*/
}

.leftcol {
float: left;
width: 280px;
border: solid 1px #000;
margin: 5px 10px 5px 25px;
}

.rightcol {
float: right;
width: 280px;
border: solid 1px #000;
margin: 5px 25px 5px 10px;
}

.leftcolnoborder {
float: left;
width: 280px;
border: none;
margin: 5px 10px 5px 25px;
}

.rightcolnoborder {
float: right;
width: 280px;
border: none;
margin: 5px 25px 5px 10px;
}

.leftcoltext {
float: left;
width: 280px;
border: none;
margin: 5px 10px 5px 25px;
}

.rightcoltext {
float: right;
width: 280px;
border: none;
margin: 5px 25px 5px 10px;
}

#content {
position: relative;
width: 600px;
margin: 3px auto 8px auto;
}

.contentcenter {
margin: 3px 20px 8px 20px;
text-align: center;
}


.contentlinks {
margin: 3px 20px 8px 20px;
padding: 35px;
background-color: #ADD2DC;
border: thin solid #000;
}

.center {
text-align: center;
}

.arrowdownleft {
float: left;
width: 21px;
height: 21px;
margin: 0px 10px 0px 100px;
}

.arrowdownright {
float: right;
width: 21px;
height: 21px;
margin: 0px 100px 0px 10px;
}

.bold {
font-weight: bold;
}

#topadvertbox {
position: relative;
width: 468px;
height: 60px;
margin: 3px auto 3px auto;
}

#bottomadvertbox {
position: relative;
width: 468px;
height: 60px;
margin: 4px auto 5px auto;
}

.advertbox {
width: 120px;
height: 600px;
margin: 0px auto 0px auto;
border: 1px solid #000;
background-color: #FFFFFF;
}

.adverttitle {
width: 120px;
height: 21px;
margin: 0px 0px 0px 0px;
background-image:url(../images/adsby.png);
}

.advertcontent {
position: relative;
width: 110px;
top: 16px;
left: 5px;
text-align: left;
overflow: hidden;
}

p.adverttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.1em;
color: #000;
}

a:link.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #0000FF;
text-decoration: underline;
}

a:visited.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #999999;
text-decoration: underline;
}

a:hover.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #33FF66;
text-decoration: none;
}

a:active.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}


a:link.linkurl {
font-size: 9px;
font-weight: bold;
color: #00CC33;
text-decoration: none;
}

a:visited.linkurl {
font-size: 9px;
font-weight: bold;
color: #999999;
text-decoration: none;
}

a:hover.linkurl {
font-size: 9px;
font-weight: bold;
color: #33FF66;
text-decoration: none;
}

a:active.linkurl {
font-size: 9px;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}

.leftcolpicture {
float: left;
width: 225px;
height: 300px;
border: solid 1px #000;
margin: 5px 10px 5px 25px;
}

.rightcolpicturetext {
float: right;
width: 335px;
border: none;
margin: 5px 25px 5px 10px;
}

.eventtime {
position: relative;
top: 0px;
bottom: 4px;
width: auto;
border: #b00 thin solid;
background-color: #000099;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 3px 3px 5px 3px;
margin: 0px 0px 5px 0px;
text-align: center;

}

p.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#003366;
line-height: 1em;
margin: 4px 0px 5px 0px;
}

.black {
color: #000000;
}

a.customisebuttonbp {
display: block;
width: 280px;
line-height: 160px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 160px;
background: url('../images/cfbp.jpg') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.customisebuttonbp {
background-position: 0px -160px;

}


a.customisebuttonle {
display: block;
width: 280px;
line-height: 160px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 160px;
background: url('../images/cfle.jpg') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.customisebuttonle {
background-position: 0px -160px;

}

/* comment out duplicated .main and box stuff 
.main{
	text-align: left;
	margin:9px auto 6px auto; 
	width:280px;
	
	padding: 3px 0px 5px 0px;
	color:#555555;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.box{
	border:solid 1px #000;
	background:#e7e7e7;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
}
.box h5 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
.box p{padding-bottom:14px;}

.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

.box label{
	display:block;
	margin-bottom:6px;
	color:#555555;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
}

.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
	margin-top: 3px;
}

.box label span.longspan{
	display:block;
	float:left;
	padding-right:6px;
	width:auto;
	text-align: left;
	font-weight:bold;
	
}

.box label span.longspanfullwidth{
	display:block;
	padding-right:6px;
	width:auto;
	text-align:left;
	font-weight:bold;
	margin:9px auto 6px auto; 
}

.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
.green{
	background:url(../images/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

.pickupbox {
position: relative;
top: -20px;
width: 185px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.pickupboxsmall {
position: relative;
top: -20px;
width: 90px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.pickupboxlarge {
position: relative;
top: -20px;
width: 215px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

*/

.signoffbulletpoints { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 125%; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #222222;
	text-align: left;
	}
	
	.smaller {
	font-size: 10px;
	}
	
	
	.price {
	color:#FF0000;
	}
	
	.paypalbuttonholder {
	width: 160px;
	margin: 3px auto 10px auto;
	}
	
	.centerbookmark {width: auto; margin-left: auto; margin-right: auto; text-align: center;}
	
	p.linktitles
	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 3px 0px 6px 0px;
color: #003399;
text-align: left;
}
	
	p.links
	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 3px 0px 6px 0px;
color:#333333;
text-align: left;
}

.darkgrey { color:#111111; }
.lightgrey { color: #555555; }


.jokebox {
position: relative;
width: 460px;
margin: 12px auto 22px auto;
background-color: #FFCCFF;
border: thin double #CC0066;
padding-top: 6px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}


.jokebox2 {
position: relative;
width: 460px;
margin: 12px auto 22px auto;
background-color: #FAD0E4;
border: thin double #CC0066;
padding-top: 6px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}



.jokecredit {
position: relative;
top: 4px;
width: auto;
border: #FFCCFE thin solid;
background-color: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #030;
font-weight: bold;
padding: 3px 3px 5px 3px;
margin: 3px 0px 10px 0px;
text-align: right;

}

.quote {
position: relative;
width: 380px;
height: auto;
margin: 0px;
padding: 0px 0px 0px 0px;
background: transparent url(../images/closequote.gif) right bottom no-repeat;
border: none;
font-family:"Times New Roman", Times, serif;
font-size: 17px;
line-height: 20px;
color: #775555;

}



a.quotelink:link { font-family:"Times New Roman", Times, serif; font-size: 16px; line-height: 19px; text-decoration: none; color:#660033 }

a.quotelink:visited { font-family:"Times New Roman", Times, serif; font-size: 16px; line-height: 19px; text-decoration: none; color:#660033 }

a.quotelink:hover { font-family:"Times New Roman", Times, serif; font-size: 16px; line-height: 19px; text-decoration: none; color: #33FF66; }

a.quotelink:active { font-family:"Times New Roman", Times, serif; font-size: 16px; line-height: 19px; text-decoration: none; color:#660033 }


.blocklockquote {
position: relative;
left: -25px;
width: 380px;
margin-top: 24px;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;

  background: transparent url(../images/openquote.gif) left top no-repeat;
}
.blocklockquote div {
  padding: 0 25px;
  background: transparent url(../images/closequote.gif) right bottom no-repeat;
}

#listwrapper {
	position: relative;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 80px;
	padding-right: auto;
	}
	
.listcontainer2 {
	float: left;
	border: none;
	margin-left: auto;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 20px;
	padding-right: auto;
	visibility: visible;
	font-size: 14px;
	line-height: 20px;
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: bold;
    color: #333333; 
	}
	
.listcontainer3 {
	float: left;
	border: none;
	margin-left: 30px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 20px;
	padding-right: auto;
	visibility: visible;
	font-size: 14px;
	line-height: 20px;
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: bold;
    color: #333333; 
	}
	
a.listlink:link { font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px; text-decoration: underline; color: #330033; }

a.listlink:visited { font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px; text-decoration: none; color: #aaa; }

a.listlink:hover { font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px; text-decoration: none; color: #f0f; }

a.listlink:active { font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px; text-decoration: none; color: #f80; }

ul li {	
    list-style: none;
    background: url(../images/jokes1icon.jpg) no-repeat 0 0.12em;
    padding: 0 0 0 19px;
	margin-top: 6px;
	text-indent: 0px;
	visibility: visible;
	text-align: left;
	}
	


ul li ul li{ list-style: circle url(../images/nobulletnobullet.gif) outside;
	margin-left: 0px;
	padding-left: 10px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
    color: #333333;
	
	}
	

	

	
	
	
	
	
	/* Input Box 1 */
	
	.main{
	text-align: left;
	margin:9px auto 6px auto; 
	width:350px;
	
	padding: 3px 0px 5px 0px;
	color: #FFCCFF;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.box{
	border:solid 1px #f00;
	background: #FF99CC;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
}
.box h5 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
.box p{padding-bottom:14px;}

.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

.box label{
	display:block;
	margin-bottom:6px;
	color:#555555;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
}

.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
	margin-top: 3px;
}

.box label span.longspan{
	display:block;
	float:left;
	padding-right:6px;
	width:auto;
	text-align: left;
	font-weight:bold;
	
}

.box label span.longspanfullwidth{
	display:block;
	padding-right:6px;
	width:auto;
	text-align:left;
	font-weight:bold;
	margin:9px auto 6px auto; 
}

.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
.green{
	background:url(../images/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

.pickupbox {
position: relative;
top: -20px;
width: 185px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.pickupboxsmall {
position: relative;
top: -20px;
width: 90px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.pickupboxlarge {
position: relative;
top: -20px;
width: 215px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}


/* Input Box 1 */


/* input box for Add Your Url Box */

.mainaddurl {
	text-align: left;
	margin:9px auto 6px auto; 
	width:380px;
	
	padding: 3px 0px 5px 0px;
	color: #FFCCFF;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.box label span.urlinput{
	display:block;
	float:left;
	padding-right:6px;
	width:110px;
	text-align:right;
	font-weight:bold;
	margin-top: 3px;
}

.input-texturl{
	border:1px solid #3b6e22;
	color:#666666;
	width:190px;
}

.redasterix {
color: #f00; margin: 0px; padding: 0px; top: 3px;
}


#footerright {
 position: relative;
 margin-top: 4px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 width: 530px;
 height: auto;
 border: none;
 padding: 6px 12px 0px 12px;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 }
 
 #signoffcontainer {
width: 640px;
height: 28px;
margin: auto;
}

#dfxlogo {
float: right;
width: 65px;
height: 28px;
margin: 0px;
border: none;

}

a.dfxdown {
display: block;
width: 68px;
line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 32px;
background: url('../images/directfxlogowo.png') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.dfxdown {
background-position: 0px -34px;

}

.advertbox {
width: 120px;
height: 600px;
margin: 0px auto 0px auto;
border: 1px solid #000;
background-color: #FFFFFF;
z-index: 9;
visibility: visible;
overflow: visible;
}


a.leftadnavblack {
background: transparent url('../images/leftadnavigation.png') no-repeat 100% 0%;
display: block;
width: 120px;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-left: 0px; /* Width of left menu image */
text-decoration: none;
}

a:link.leftadnavblack {
color: #FFCCFF; /*button text color*/
}

a:hover.leftadnavblack {
color: #ff0; /*button text color*/
}

a:visited.leftadnavblack {
color: #FF0000; /*button text color*/
}

a:active.leftadnavblack {
color: #FF0033; /*button text color*/
}

a.leftadnavblack span{
background: transparent url('../images/leftadnavigation.png') no-repeat;
background-position: 100% 0%;
display: block;
padding: 4px 9px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/
}

a.leftadnavblack:hover{ /* Hover state CSS */
background-position: 75% 0%;
}

a.leftadnavblack:hover span{ /* Hover state CSS */
background-position: 75% 0%;
color: #fff;
}




a.leftadnav {
background: transparent url('../images/leftadnavigation.png') no-repeat 25% 0%;
display: block;
width: 120px;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-left: 0px; /* Width of left menu image */
text-decoration: none;
}

a:link.leftadnav {
color: #990000; /*button text color*/
}

a:hover.leftadnav {
color: #FF0033; /*button text color*/
}

a:visited.leftadnav {
color: #333333; /*button text color*/
}

a:active.leftadnav {
color: #33FF00; /*button text color*/
}

a.leftadnav span{
background: transparent url('../images/leftadnavigation.png') no-repeat 25% 0% ;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.leftadnav:hover{ /* Hover state CSS */
background-position: 50% 0%;
}

a.leftadnav:hover span{ /* Hover state CSS */
background-position: 50% 0%;
color: #fff;
}



a.leftadnavlblue {
background: transparent url('../images/leftadnavigation.png') no-repeat 0% 0%;
display: block;
width: 120px;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-left: 0px; /* Width of left menu image */
text-decoration: none;
}

a:link.leftadnavlblue {
color: #330033; /*button text color*/
}

a:hover.leftadnavlblue {
color: #ff0; /*button text color*/
}

a:visited.leftadnavlblue {
color: #CC6666; /*button text color*/
}

a:active.leftadnavlblue {
color: #FF0033; /*button text color*/
}

a.leftadnavlblue span{
background: transparent url('../images/leftadnavigation.png') no-repeat 0% 0% ;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.leftadnavlblue:hover{ /* Hover state CSS */
background-position: 50% 0%;
}

a.leftadnavlblue:hover span{ /* Hover state CSS */
background-position: 50% 0%;
color: #fff;
}


#Jokerobot {
position: relative;
width: 235px;
height: 225px;
border: solid 2px;
border-color: #000000;
padding: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
}


/* Table Layout /*

/* 
	TagBox table styles
	written by TagBox http://www.tagbox.de
*/
table {
  border-collapse: collapse;
  border: 1px solid #111111;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #121212;
  background: #FF6666;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #111111;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #111111;
  padding: .4em;
  color: #121212;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #111111;;
  text-align: left;
  background: #660000;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #121212;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #121212;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #121212;
  }
tbody th a:hover {
  background: transparent;
  color: #121212;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #111111;
  background: #660000;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background:#FFCC99;
  }
tbody tr:hover {
  background: #FFD800;
  border: 1px solid #111111;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
  
/* End Table Layout */


#printercontainer {
float: right;
text-align: right;
height: 16px;
width: 120px;
font-size: 12px;
}

#addresscontainer {
float: left;
text-align: left;
height: 16px;
width: 200px;
font-size: 12px;
font: Arial, Helvetica, sans-serif;
color: #000000;
}

#searchcontainer {
position: relative;
width: 500px;
margin: 0px auto 0px auto;
}


.searchleftcontainer {
float: left;
text-align: right;
}

.searchrightcontainer {
float: right;
}


.searchforyourjoke {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
margin: 3px 0px 0px 0px;
}


.nextbuttonholder {
float: right;
margin: 0px 0px -26px 0px;
}

.backbuttonholder {
float: left;
margin: 0px 0px -26px 0px;
}

table.searchbox {
  border-collapse: collapse;
  border: none;
  background: none;
  }
  
td.searchboxspecial, th.searchbox {
  border: none;
  }
  
tbody td.searchboxspecial a:hover {
  background: none;
  color: #121212;
  }
  
  tbody tr.searchboxspecial:hover {
  background: none;
  border: 1px solid #111111;
  color: #FFFFFF;
  }
  
  .funnynamestitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #CC0066;
  font-align: center;
  }
  
  p.funnynames {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #CC0066;
  margin: 5px 10px 26px 18px;
  }



.listbox {
position: relative;
width: 400px;
margin: 0px auto 0px auto;
/* border: solid 1px #000; */
}

ol {
  list-style-type: decimal-leading-zero;
  font: italic bold 12px Arial, Arial, Helvetica, sans-serif;
  color: #97060A;
}

ol p {
  font: normal 16px Times, Serif;
  color: #55193A;
  margin: 8px 0px 24px 0px;
  padding: 0px 36px 0px 0px;
  text-align: left;
  line-height: 20px;
}


.picturebox {
position: relative;
width: 500px;
margin: 10px auto 10px auto;
border: 4px solid #330033;
background-color: #999999;
}

.diggitbox {
float: left;
width: 50px;
height: 80px;
margin: 5px 40px 0px 20px;
}

.twitterbox {
float: right;
width: 100px;
height: 36px;
margin: 20px 20px 24px 0px;
}


.videobox {
position: relative;
width: 500px;
height: 370px;
margin: 10px auto 10px auto;
border: none;
background-color: #999999;
background-image:url(../images/videobg.png);
}


.videocontainer {
position: relative;
top: 36px;
left: 100px;
width: 300px;
height: 250px;
margin: 0px;
border: none;
background-color: #CC3300;
}

.videotitle {
position: relative;
top: 22px;
left: 0px;
width: auto;
height: 24px;
margin: 0px auto 0px auto;
}