body,html {height:100%}
body {display: table; width: 100%; background: #313131 /*url(../i/body-bg.jpg) repeat-x*/; font-family: Tahoma, Arial, Helvetica; padding: 0; margin: 0; color: #d9cece; font-size: 12px;}
td {font-family: Arial, Helvetica}

a { color: #d9cece;} 

/*.bg {background: }*/

#body {display: table-cell; vertical-align: middle;}
	#body #box { position: relative; padding: 0;}
		#body #box #joke1 { width: 448px; position: relative; z-index: 10; margin: 0 auto;  height: 570px; padding: 0;}
		#body #box #home { width: 766px; position: relative; z-index: 10; margin: 0 auto;  height: 595px; padding: 0; overflow: hidden;}
			#body #box #home .logo { position: absolute; top: 0px; left: 15px; z-index: 100; padding: 0;}
			#body #box #home .cat { position: absolute; top: 90px; left: 20px; z-index: 100; height: 700px; padding: 0;}
			#body #box #home .cat a {display: block; height: 22px; padding-left: 5px; width: 150px;} 
/*		#body #box .ramka {background: url(../i/box-bg.gif); position: absolute; top: 0; left: 0; width: 448px; height: 563px;}*/
		#body #box .j-bg {background: url(../i/box-bg.gif) no-repeat; padding: 10px 10px 0px 10px; height: 560px;  width: 448px; position: absolute; z-index: 10;}
			#body #box .inner {width: 390px; height: 480px; padding: 20px;   overflow: hidden;}
		#body #box #add-form {width: 440px; height: 480px; position: absolute; top: 20px; left: 20px;}
		#body #box .man {width: 420px; height: 35px; overflow: hidden; position: absolute; bottom: 18px; left: 10px; background: #410B0B !important; z-index:100;}
			#body #box .man a {float: left; display: block; font-weight: bold; height: 30px; width: 100px; overflow: hidden; margin-left: 10px;  z-index: 10;} 

	#body #box .categories {position: absolute; left: -150px; top: 30px;}
		#body #box .categories a {display: block; font-weight: bold; position: relative; height: 20px; padding-left: 20px; width: 250px;font-style: 'Arial Narrow';} 
				#body #box .categories a span {display: block; position: absolute; top: 7px !important; top/**/:5px; left: 10px;  width:144px; height: 16px; background-image: url('/proj/nokidding/i/menu2.gif'); background-repeat: no-repeat; cursor: pointer;}

					#body #box .categories a span.s1 {background-position: 0px 0px;}
					#body #box .categories a span.s2 {background-position: 0px -20px;}
					#body #box .categories a span.s3 {background-position: 0px -40px;}
					#body #box .categories a span.s4 {background-position: 0px -60px;}
					#body #box .categories a span.s5 {background-position: 0px -80px;}
					#body #box .categories a span.s6 {background-position: 0px -100px;}
					#body #box .categories a span.s7 {background-position: 0px -120px;}
					#body #box .categories a span.s8 {background-position: 0px -140px;}
					#body #box .categories a span.s9 {background-position: 0px -160px;}
					#body #box .categories a span.s10 {background-position: 0px -180px;}
					#body #box .categories a span.s11 {background-position: 0px -200px;}
					#body #box .categories a span.s12 {background-position: 0px -220px;}
					#body #box .categories a span.s13 {background-position: 0px -240px;}
					#body #box .categories a span.s14 {background-position: 0px -260px;}
					#body #box .categories a span.s15 {background-position: 0px -280px;}
					#body #box .categories a span.s16 {background-position: 0px -300px;}
					#body #box .categories a span.s17 {background-position: 0px -320px;}
					#body #box .categories a span.s18 {background-position: 0px -340px;}
					#body #box .categories a span.s19 {background-position: 0px -360px;}
					#body #box .categories a span.s20 {background-position: 0px -380px;}
					#body #box .categories a span.s21 {background-position: 0px -400px;}
					#body #box .categories a span.s22 {background-position: 0px -420px;}

			#body #box .categories a:hover {/*background: url('/proj/nokidding/i/menu-bg.gif') no-repeat 4px 7px;*/} 



	#body #box #cat {position: relative; } 
		#body #box #cat #pum {position: absolute; top: -1000px; left: -40px;} 
		#body #box #cat img {margin-top: -5px; margin-left: 5px;} 
		#body #box #cat .item {position: relative; height: 20px; width: 250px; } 
			#body #box #cat .item a {display: block; font-weight: bold; width: 250px; position: absolute; top: 1px !important; top/**/:2px; left: 0px; z-index: 2; font-style: 'Arial Narrow';} 
				#body #box #cat .item a span {display: block; position: absolute; top: 1px !important; top/**/:2px; left: 5px;  width:144px; height: 16px; background-image: url('/proj/nokidding/i/menu1.gif'); background-repeat: no-repeat; cursor: pointer;}

					#body #box #cat .item a span.s1 {background-position: -144px 0px;}
					#body #box #cat .item a span.s2 {background-position: -144px -20px;}
					#body #box #cat .item a span.s3 {background-position: -144px -40px;}
					#body #box #cat .item a span.s4 {background-position: -144px -60px;}
					#body #box #cat .item a span.s5 {background-position: -144px -80px;}
					#body #box #cat .item a span.s6 {background-position: -144px -100px;}
					#body #box #cat .item a span.s7 {background-position: -144px -120px;}
					#body #box #cat .item a span.s8 {background-position: -144px -140px;}
					#body #box #cat .item a span.s9 {background-position: -144px -160px;}
					#body #box #cat .item a span.s10 {background-position: -144px -180px;}
					#body #box #cat .item a span.s11 {background-position: -144px -200px;}
					#body #box #cat .item a span.s12 {background-position: -144px -220px;}
					#body #box #cat .item a span.s13 {background-position: -144px -240px;}
					#body #box #cat .item a span.s14 {background-position: -144px -260px;}
					#body #box #cat .item a span.s15 {background-position: -144px -280px;}
					#body #box #cat .item a span.s16 {background-position: -144px -300px;}
					#body #box #cat .item a span.s17 {background-position: -144px -320px;}
					#body #box #cat .item a span.s18 {background-position: -144px -340px;}
					#body #box #cat .item a span.s19 {background-position: -144px -360px;}
					#body #box #cat .item a span.s20 {background-position: -144px -380px;}
					#body #box #cat .item a span.s21 {background-position: -144px -400px;}
					#body #box #cat .item a span.s22 {background-position: -144px -420px;}

					#body #box #cat .item a:hover span.s1 {background-position: 0 0px;}
					#body #box #cat .item a:hover span.s2 {background-position: 0 -20px;}
					#body #box #cat .item a:hover span.s3 {background-position: 0 -40px;}
					#body #box #cat .item a:hover span.s4 {background-position: 0 -60px;}
					#body #box #cat .item a:hover span.s5 {background-position: 0 -80px;}
					#body #box #cat .item a:hover span.s6 {background-position: 0 -100px;}
					#body #box #cat .item a:hover span.s7 {background-position: 0 -120px;}
					#body #box #cat .item a:hover span.s8 {background-position: 0 -140px;}
					#body #box #cat .item a:hover span.s9 {background-position: 0 -160px;}
					#body #box #cat .item a:hover span.s10 {background-position: 0 -180px;}
					#body #box #cat .item a:hover span.s11 {background-position: 0 -200px;}
					#body #box #cat .item a:hover span.s12 {background-position: 0 -220px;}
					#body #box #cat .item a:hover span.s13 {background-position: 0 -240px;}
					#body #box #cat .item a:hover span.s14 {background-position: 0 -260px;}
					#body #box #cat .item a:hover span.s15 {background-position: 0 -280px;}
					#body #box #cat .item a:hover span.s16 {background-position: 0 -300px;}
					#body #box #cat .item a:hover span.s17 {background-position: 0 -320px;}
					#body #box #cat .item a:hover span.s18 {background-position: 0 -340px;}
					#body #box #cat .item a:hover span.s19 {background-position: 0 -360px;}
					#body #box #cat .item a:hover span.s20 {background-position: 0 -380px;}
					#body #box #cat .item a:hover span.s21 {background-position: 0 -400px;}
					#body #box #cat .item a:hover span.s22 {background-position: 0 -420px;}

				#body #box #cat .item a:hover {/*background: url(../i/bgcat.gif) no-repeat 0px -2px; */} 

			/*	#body #box #cat .item .flash {width: 250px; position: absolute; top: 0px; left: 0px; z-index: 1; background: #444;} */

		#body #box ul {margin:0; padding:0; list-style-type:none}
			#body #box ul li {margin: 10px 0 30px 0; line-height: 18px;  background: url(../i/li-bg.gif) no-repeat 0px 2px; padding-left: 25px}

	#body #box .footer {color: #683411; position: absolute; bottom: -24px; right: 30px; font-size: 11px; z-index:100;}	
		#body #box .footer a {text-decoration: none; border: none; color: #683411;}	
			#body #box .footer a {text-decoration: underline; }	

#joke .categories .item {position: relative; height: 20px; width: 250px; }
	#joke .categories .item a {display: block; font-weight: bold; width: 250px; position: absolute; top: 0px; left: 0px; z-index: 2;}

#joke #pum {position: absolute; top: -1000px; left: -40px;} 

.jokes h2 {color: #F3DB8C; font-size: 12px; margin: 14px 0 8px 0;}

#logo1 {position: absolute; top: -100px; left: 100px; z-index: 10000;}

.privacy-terms {bottom: 15px; color: #E2711D; left: 345px; position: absolute; font-size: 10px;}
	.privacy-terms a {color: #E2711D; text-decoration: none;  font-size: 11px;}
		.privacy-terms a:hover {text-decoration: underline; }


.copy {color:#E2711D; font-size:11px; margin:5px 0pt; text-align:center;}
	.copy span {font-size:12px;}

#snd {position:absolute;left:-16px;top:568px;z-index:1000;width:115px;height:25px}