/*==================================*/
/*             Name Funk            */
/*         Copyright © 2006         */
/*  All Materials & Rights Reserved */
/*==================================*/
/*  You may only use this code for  */
/*  educational reasons, only for   */
/*  personal use.                   */
/*==================================*/
body{
background: #b7ddff url(/images/background/top.gif) repeat-x top;
margin: 0; padding: 0;
font: 11px Tahoma;
color: #4086c5;
}
h1,h2,h3,ul,li,p{
margin: 0; padding: 0;
font-size: 11px;
}
h3{
font-size: 8px;
padding: 12px 0 0 15px;
width: 200px;
}
h1 span, h2 span, h3 span{
display: none;
}
ul,li{
list-style: none;
}
a img{
border: 0;
}
textarea{
overflow: hidden;
}
	.wrapper{
	width: 869px;
	margin: 0 auto;
	}
		#header{
		height: 113px;
		}
			#header h1{
			background: url(/images/header/name-funk.gif) no-repeat;
			width: 288px; height: 113px;
			font-size: .1em;
			overflow: hidden;
			float: left;
			}
				#header h1 a{
				width: 288px; height: 114px;
				display: block;
				color: #2a3c4a;
				}
			#advertisement{
			background: url(/images/header/banner-bg.gif) no-repeat;
			width: 478px; height: 69px;
			float: left;
			margin: 15px 0 0 89px; padding: 10px 0 0 14px;
			}
		#navigation{
		height: 44px;
		padding: 0 35px;
		}
		
		#navigation a{ 
		text-decoration: none; 
		}
			#home{
			background: url(/images/navigation/home.gif) no-repeat;
			width: 91px; height: 44px;
			float: left;
			}
				#home a{
				background: url(/images/navigation/home.gif) no-repeat;
				width: 91px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#home a:hover{
				background: url(/images/navigation/home.gif) no-repeat;
				width: 91px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -91px 0;
				}
			#about{
			background: url(/images/navigation/about.gif) no-repeat;
			width: 85px; height: 44px;
			float: left;
			}
				#about a{
				background: url(/images/navigation/about.gif) no-repeat;
				width: 85px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#about a:hover{
				background: url(/images/navigation/about.gif) no-repeat;
				width: 85px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -85px 0;
				}
			#advertise{
			background: url(/images/navigation/advertise.gif) no-repeat;
			width: 110px; height: 44px;
			float: left;
			}
				#advertise a{
				background: url(/images/navigation/advertise.gif) no-repeat;
				width: 110px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#advertise a:hover{
				background: url(/images/navigation/advertise.gif) no-repeat;
				width: 110px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -110px 0;
				}
			#quotes{
			background: url(/images/navigation/quotes.gif) no-repeat;
			width: 89px; height: 44px;
			float: left;
			}
				#quotes a{
				background: url(/images/navigation/quotes.gif) no-repeat;
				width: 89px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#quotes a:hover{
				background: url(/images/navigation/quotes.gif) no-repeat;
				width: 89px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -89px 0;
				}
			#contact{
			background: url(/images/navigation/contact.gif) no-repeat;
			width: 112px; height: 44px;
			float: left;
			}
				#contact a{
				background: url(/images/navigation/contact.gif) no-repeat;
				width: 112px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#contact a:hover{
				background: url(/images/navigation/contact.gif) no-repeat;
				width: 112px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -112px 0;
				}
			#spread{
			background: url(/images/navigation/spread.gif) no-repeat;
			width: 89px; height: 44px;
			float: left;
			}
				#spread a{
				background: url(/images/navigation/spread.gif) no-repeat;
				width: 89px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#spread a:hover{
				background: url(/images/navigation/spread.gif) no-repeat;
				width: 89px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -89px 0;
				}

			#random{
			background: url(/images/navigation/random.gif) no-repeat;
			width: 89px; height: 44px;
			float: left;
			}
				#random a{
				background: url(/images/navigation/random.gif) no-repeat;
				width: 89px; height: 44px;
				float: left;
				text-indent: -1000000px;
				}
				#random a:hover{
				background: url(/images/navigation/random.gif) no-repeat;
				width: 89px; height: 44px;
				float: left;
				text-indent: -1000000px;
				background-position: -89px 0;
				}


	#content{
	background: #fff;
	padding: 15px 0 15px 61px;
	}
		#generator{
		width: 484px;
		float: left;
		margin: 0 15px 0 0;
		}
			#text{
			background: #2a3c4a url(/images/generator/top.gif) no-repeat top left;
			padding: 15px 7px;
			}
				#blue-box{
				background: #b7ddff url(/images/generator/blue-foot.gif) no-repeat bottom left;
				padding: 3px 7px 9px 7px;
				}
					#blue-box label{
					font-weight: bold;
					text-decoration: underline;
					display: block;
					}
					#blue-box textarea{
					background: url(/images/generator/blue-input.gif) no-repeat;
					width: 428px; height: 68px;
					border: 0;
					margin: 10px 0 0 0; padding: 15px;
					font: 11px Tahoma;
					color: #4086c5;
					}
				.white-box{
				background: #fff url(/images/generator/white-top.gif) no-repeat top left;
				margin: 10px 0 0 0; padding: 12px 7px 9px 7px;
				}
					.white-box label{
					font-weight: bold;
					text-decoration: underline;
					display: block;
					}
					.white-box textarea{
					background: url(/images/generator/white-input.gif) no-repeat;
					width: 428px; height: 68px;
					border: 0;
					margin: 10px 0 0 0; padding: 15px;
					font: 11px Tahoma;
					color: #4086c5;
					}
				.white-foot{
				background: url(/images/generator/white-foot.gif) no-repeat;
				width: 472px; height: 9px;
				font-size: .1em;
				}
				.blue-foot{
				background: url(/images/generator/blue-foot-two.gif) no-repeat;
				width: 484px; height: 9px;
				font-size: .1em;
				}
		#ads{
		width: 330px;
		float: left;
		}
			#qotd{
			background: url(/images/quote/qotd.gif) no-repeat;
			width: 329px; height: 111px;
			color: #fff;
			}
				#qotd p{
				padding: 40px 70px 45px 70px;
				line-height: 16px;
				}
			#affiliates{
			background: #b7ddff;
			margin: 8px 0;
			}
				.b-top{
				background: url(/images/quote/blue-top.gif) no-repeat;
				width: 330px; height: 11px;
				font-size: .1em;
				}
				.b-b{
				background: url(/images/quote/b-b.gif) no-repeat;
				width: 330px; height: 11px;
				font-size: .1em;
				}
				.a-content{
				padding: 3px 15px;
				}
				#affiliates ul{
				margin: 5px 0; padding: 0 0 1px 0;
				border-bottom: 1px dotted #4086c5;
				}
					#affiliates ul li{
					background: url(/images/quote/li.gif) no-repeat left;
					width: 300px; height: 28px;
					}
						#affiliates ul li a{
						text-decoration: underline;
						width: 255px; height: 20px;
						padding: 8px 15px 0 30px;
						float: left;
						color: #4086c5;
						}
						#affiliates ul li a:hover{
						text-decoration: underline;
						background: url(/images/quote/li.gif) no-repeat right;
						color: #4086c5;
						}
			#sponsors{
			background: url(/images/quote/sponsors.gif) no-repeat;
			width: 329px; height: 141px;
			padding: 20px 0 0 0;
			text-align: center;
			}
				#sponsors img{
				margin: 0 3px;
				}

			#description{
			background: url(/images/background/description.gif) no-repeat;
			width: 309px; height: 141px;
			padding: 20px 0 0 20px;
			}
				
			#hosting{
			background: url(/images/quote/sponsors.gif) no-repeat;
			width: 329px; height: 141px;
			padding: 20px 0 0 0;
			text-align: center;
			color: #fff;
			}
				#hosting img{
				margin: 0 3px;
				border: 0;
				}
				
				#hosting img a{
				margin: 0 3px;
				border: 0;
				}
				
		#footer{
		background: url(/images/footer/background.gif) repeat-x top;
		height: 111px;
		}
			#foot{
			width: 869px;
			margin: 0 auto;
			}
				#foot h1{
				background: url(/images/footer/namefunk.gif) no-repeat;
				width: 287px; height: 111px;
				overflow: hidden;
				float: left;
				}
				#foot h1 a{
				text-decoration: none;
				width: 287px; height: 111px;
				float: left;
				display: block;
				font-size: .1em;
				text-indent: -1000000px;
				}
			#valid{
			float: left;
			padding: 50px 0 0 400px;
			}
			
/*******************************************************
***************      Contact Form      *****************
*******************************************************/

	.textarea { 
		font-family: Verdana,Helvetica,Arial; 	
		font-size: 10px; 
		color: #1C2A35; 
		background-color: #AFD8FF; 
		border: 1px solid #4086C5; 
		overflow: hidden; 
	}
	
/*******************************************************
*****************      Subpages      *******************
*******************************************************/
	
	#gen-sub {
		width: 484px;
		float: left;
		margin: 0 15px 0 0;
		font-family: Verdana,Helvetica,Arial; 	
		font-size: 11px; 
		color: #266297;
		line-height: 18px;
		}
		
		#gen-sub a {
		color: #4086C5;
		text-decoration: underline;
		}
		
		#gen-sub a:hover {
		color: #4086C5;
		text-decoration: none;
		}

/*******************************************************
*****************      Quote JS      *******************
*******************************************************/

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding-bottom: 0px;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(/images/bullet_blue.png) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-top: 3px;
margin-bottom: 2px;
} 

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

	.textlink { 
		font-family: Verdana,Helvetica,Arial; 	
		font-size: 10px; 
		color: #1C2A35; 
		border: 1px solid #4086C5; 
		overflow: hidden; 
	}