@charset "utf-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, em, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*--------------
	Misc
--------------*/

a:link, a:visited, a:active {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	color: #003399;
	text-decoration: underline;
}

.space10, .space20, .space30, .space40 { display: block; clear: both; }
	.space10 { height: 10px; font-size: 1px; line-height: 1px; }
	.space20 { height: 20px; }
	.space30 { height: 30px; }
	.space40 { height: 40px; }

.clear { 
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

.hide-me {
	position: absolute;
	z-index: -99;
}


/*--------------
	Layout
--------------*/

body {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	margin: 20px 0;
	background: url(../images/background.jpg) no-repeat fixed;
	background: url(../images/bg_repeat.gif);
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	border: 10px solid #000051;
	background-color: #ffff00;
}

#container {
	width: 900px;
	background: url(../images/bg_container.gif) repeat-y;
}

/*--------------
	Header
--------------*/

#header {
	width: 900px;
	height: 110px;
	background-color: #ffff00;
}

	#header .left {
		width: 330px;
		padding-left: 10px;
		float: left;
	}

		#header .left .logo {
			background: no-repeat center bottom;
		}


	#header .right {
		width: 525px;
		padding-right: 20px;
		float: right;
	}
		#header .right .ad {
			padding-top: 20px;
			margin: 0 auto;
		}



/*--------------
	Top
--------------*/

#top {
	width: 630px;
	padding: 3px 10px 0 260px;
	height: 47px;
	background-color: #f2b74f;
}

	#top .breadcrumb {
		padding: 5px 0 0 0;
		width: 382px;
		float: left;
		font-weight: bold;
		font-size: 11px;
	}
	
	#top .google-search {
		width: 240px;
		float: right;
	}
	
	#top .google-search .search-box {
		width: 240px;
	}
	
		#top .google-search .text-search {
			width: 170px;
			height: 18px;
			float: left;
			background: none;
			border: none;
			outline: none;
			border: 1px solid #333;
			background: white;
		}
	
	#top .google-search .google {
		padding: 2px 0 0 5px;
		width: 235px;
	}
	
		#top .google-search .google img {
			float: left;
		}
		
		#top .google-search .google span {
			display: block;
			float: left;
			padding: 2px 0 0 2px;
			font-size: 10px;
		}


/*--------------
	Sidebar
--------------*/

#sidebar {
	width: 240px;
	padding-left: 10px;
	padding-bottom: 30px;
	float: left;
}

	#wrapper-relative {
		position: relative;
	}
		#wrapper-relative .absolute {
			position: absolute;
			z-index: 1;
			top: -30px;
		}
	
	#stupid-joke-mail {
		width: 224px;
		border: 3px solid #014268;
		background-color: #c1fed2;
	}
	
		#stupid-joke-mail .heading {
			width: 224px;
			height: 36px;
			background: url(../images/heading_stupid_joke_mail.gif) no-repeat;
		}
		
		#stupid-joke-mail .text {
			padding: 6px 15px;
		}
		
		#stupid-joke-mail .text p {
			text-align: center;
			padding-bottom: 6px;
		}
	
		#stupid-joke-mail .no-problem {
			width: 117px;
			height: 28px;
			margin: 0 auto;
			background: url(../images/t_no_problem.gif) no-repeat;
		}
	
		#stupid-joke-mail .sign-up-now {
			width: 146px;
			height: 30px;
			margin: 0 auto;
			background: url(../images/t_sign_up_now.gif) no-repeat;
		}
		
		#stupid-joke-mail .textbox{
			width: 168px;
			height: 18px;
			padding: 4px 5px 0 5px;
			background: none;
			border: none;
			outline: none;
			background-color: white;
			border: 1px solid #cbcbcb;
			margin: 0 auto;
		}
		
		#stupid-joke-mail .submit {
			display: block;
			width: 74px;
			height: 22px;
			margin: 6px auto 0 auto;
			background: url(../images/btn_submit.gif) no-repeat center bottom;
		}
			
			
	#sidebar .category {
		width: 230px;
		margin-bottom: 20px;
	}

		#sidebar .category .top {
			width: 230px;
			height: 26px;
			padding-top: 10px;
			text-align: center;
			background: url(../images/sidebar_top.png) no-repeat;
		}	
	
		#sidebar .category .content {
			width: 196px;
			padding: 10px 15px;
			background-color: white;
			border: 2px solid #014268;
		}
		
			#sidebar .category .content ul.links-small li {
				padding-bottom: 6px;
			}
			
				#sidebar .category .content ul.links-small li a,
				#sidebar .category .content ul.links-small li a:link,
				#sidebar .category .content ul.links-small li a:visited,
				#sidebar .category .content ul.links-small li a:active {
					font-size: 11px;
					font-weight: bold;
					color: #016ede;
				}
					#sidebar .category .content ul.links-small li a:hover {
						color: #e78e00;
					}
					
			#sidebar .category .content ul.links-big li {
				padding-bottom: 6px;
			}
			
				#sidebar .category .content ul.links-big li a,
				#sidebar .category .content ul.links-big li a:link,
				#sidebar .category .content ul.links-big li a:visited,
				#sidebar .category .content ul.links-big li a:active {
					font-size: 17px;
					font-weight: bold;
					color: #003475;
				}
					#sidebar .category .content ul.links-big li a:hover {
						color: #006cff;
					}
		#sidebar .category .bottom {
			width: 230px;
			height: 27px;
			padding: 5px 0 0 0px;
			text-align: center;
			background: url(../images/sidebar_bottom.png) no-repeat;
		}
		
			#sidebar .category .bottom a {
				font-size: 17px;
				font-weight: bold;
				color: black;
			}
			
			#sidebar .category .bottom a.small {
				line-height: 18px;
				font-size: 13px;
			}
	
	#sidebar ul.sidebar-links {
		padding-left: 15px;
	}
	
		#sidebar ul.sidebar-links li {
			padding-bottom: 4px;
		}
	
			#sidebar ul.sidebar-links li a,
			#sidebar ul.sidebar-links li a:link,
			#sidebar ul.sidebar-links li a:visited,
			#sidebar ul.sidebar-links li a:active {
				color: #004077;
				font-size: 15px;
				font-weight: bold;
			}
				#sidebar ul.sidebar-links li a:hover {
					color: #985d00;
				}
		



#footer {
	width: 900px;
	margin: 0 auto;
	text-align:center;
}

#clipwrapper .videorow {
	padding:30px 0px;
}

.videorow img {
	padding:0px 10px 0px 0px;
}

#sidebar .category .content_games {
	width: 226px;
	background-color: #E78C00;
	border:solid;
	border-width: 2px;
	border-color:#014268;
	border-top:none;
	border-bottom:none;
}

#sidebar .category .top2 {
	width: 230px;
	height: 25px;
	text-align: center;
	background: url(../images/sidebar_top2.png) no-repeat;
}	
#sidebar .category .bottom2 {
	width: 230px;
	height: 22px;
	text-align: center;
	background: url(../images/sidebar_bottom2.png) no-repeat;
}

	.wrapper-relative {
		position: relative;
	}
		.wrapper-relative .absolute {
			position: absolute;
			z-index: 1;
			top: -30px;
		}


#sidebar .category .top3 {
	width: 230px;
	height: 25px;
	text-align: center;
	background: url(../images/sidebar_top3.png) no-repeat;
}	
#sidebar .category .bottom3 {
	width: 230px;
	height: 22px;
	text-align: center;
	background: url(../images/sidebar_bottom3.png) no-repeat;
}



