/*************  TABLE  ***************/
table.header {
	background-image: url("header_bar.png");
	background-repeat: repeat-x;
	margin-bottom: 3px;
}
table.tble_nav {
	border-width: 0px 1px 3px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #F0F0F0;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	
}
table.show_wallpaper {
	border-width:0px;
	background-image: url("wall_back_middle.png");
	background-repeat:repeat-y;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width:320px;
	padding-top:0px;
	padding-left: 0px;
	padding-right: 0px;
	
}
table.tble_navBig {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #eaeaea;
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	height: 400px;
	width: 680px;
	
}
table.tble_navSide {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
/*	border-color: gray gray gray gray;  */
	border-color: #eaeaea;
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	float: left;
	width: 200px;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	
}
table.tble_navSide2 {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
/*	border-color: gray gray gray gray;  */
	border-color: #eaeaea;
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	float: left;
	width: 100%;
	vertical-align: top;
}
table.tble_navside_joke {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
/*	border-color: gray gray gray gray;  */
	border-color: #FFFFFF;
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	float: left;
	width: 250px;
	vertical-align: top;
}
table.tble_center_joke {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
/*	border-color: gray gray gray gray;  */
	border-color: #FFFFFF;
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	float: left;
	width: 680px;
	vertical-align: top;
}
table.navInd {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #eaeaea;
	background-color: #f9f9f9;
	padding-top:3px;
	float: left;
	vertical-align: top;
	width: 100%;
}

table.highlight {
	border-width: 1px 1px 2px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color:#f7f7f7;
}
table.highlight2 {
	border-width: 1px 1px 2px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color:#f7f7f7;
	width: 250px;
	height: 90px;
	float: left;
}
table.leftAlign {
	float: left;
}
table.center {
	border-width: 2px 2px 3px 2px;
	border-style: solid solid solid solid;
	border-color:#000000;
	background-color:#FFFFFF;
	border-collapse:collapse;
	vertical-align:top;
	margin-left: 0px;
}
table.table_info {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color:#999999;
	background-color:f6f4f0;
}
table.one {
margin-bottom:2px;
}
table.table_main {
	border-width: 1px 1px 4px 1px;
	border-style: solid solid solid solid;
	border-color:000000;
	background-color:FFFFFF;
}
table.highlight_square1 {
	background-image: gimp_1.jpg;
	background-color:#f0f0f0;
	background-repeat: repeat-x;
	background-image:url(gimp_1.jpg);
	border-color:#3b484e;
	border-width: 3px 3px 6px 3px;
	border-style: solid solid solid solid;
}

table.highlight_square2 {
	background-image: gimp_1.jpg;
	background-color:#f0f0f0;
	background-repeat: repeat-x;
	background-image:url(gimp_1.jpg);
	border-color:#acbaa3;
	border-width: 3px 3px 6px 3px;
	border-style: solid solid solid solid;
}
table.game_table {
	border-width: 2px 2px 3px 2px;
	border-style: solid solid solid solid;
	border-color:#000000;
	background-color:#f8f8f8;
	vertical-align:top;
}
table.tble_nav_joke {
	border-width: 0px 1px 3px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url("nav_back.png");
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	float: left;
}
table.left_content {
	border-color:#FFFFFF;
	border-width:thin;
	border-style:solid;
	background-color:#292929;
	width:100%;
	padding:10px;
}
table.heading {
	background-color:#292929;
	border-color:#FFFFFF;
	width:100%;

}

table.headinglyrics {
	background-color:#292929;
	background-repeat: repeat-x;
	background-image: url("bar.png");
	border-color:#FFFFFF;
	width:100%;

}

table.popular {
	border-collapse: collapse;
	border-width: 0px;
	width:100%;
}
	

	/*************  TR  ***************/
	tr.expand {
		vertical-align: top;
		height: 100px;
	
	}
	tr.navBar {
		vertical-align: top;
	}
	tr.artist:hover {
		background: #292929;
		margin-bottom:2px;
		margin-top:2px;
	}
	
	
	
		/*************  TD  ***************/
		td.page {
			border-width: 1px 1px 1px 1px;
			border-style: solid solid solid solid;
			border-color: gray gray gray gray;
			background-color: #FFFFFF;
			width: 20px;
			text-align: center;
		}
		td.pageBlack {
			border-width: 1px 1px 1px 1px;
			border-style: solid solid solid solid;
			border-color: gray gray gray gray;
			background-color: #000000;
			width: 20px;
			text-align: center;
		}
		td.leftLine {
			border-left-color: #CCCCCC;
			border-left-width: 1px;
			border-left-style: solid;
			
			border-right-color: #FFFFFF;
			border-right-width: 1px;
			border-right-style: solid;
			
			border-top-color:#CCCCCC;
			border-top-width:1px;
			border-top-style: solid;
			
			border-bottom-color:#CCCCCC;
			border-bottom-width:1px;
			border-bottom-style: solid;
		}
		td.td_right {
			border-width: 1px 0px 0px 2px;
			border-top-color:f8f8f8;
			border-style: solid solid solid solid;
			border-left-color:#000000;
			background-color:#f8f8f8;
		}
		td.navigation {
			background-image: quote_small_header.png;
			background-repeat: repeat-x;
			background-image:url('quote_small_header.png');
		}
		td.td_info {
			border-width: 1px 0px 1px 0px;
			border-style: solid;
			border-color:#999999;
			background-color:f6f4f0;
		}
		td.navigation_joke {
			background-image: 
			url('header_back.png');
			background-repeat:repeat-x;
			border-color:#c9c9c9;
		}
		td.left_content {
			background-color:383838;
		}
		td.wa_foreground {
			background-color:#f5f5f5;
		}
		td.joke_foreground {
			background-color:#f3f3e9;
		}
		td.artist {
		width: 200px;
		text-align:left;
		border:none;
		}
		td.artist_info {
		width: 150px;
		text-align:right;
		border:none;
		}
		td.aligntop {
		vertical-align: top;
		border:none;
		}


/*************  UL  ***************/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}
ul.main {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}
ul.top {
	margin: 0;
	padding: 0;
	list-style: none;
	}
li ul {
	position: absolute;
	left: 157px; /* Set 1px less than menu width */
	top: 0;
	margin: 0;
	padding: 0;
	display: none;
	}
li ul.subcat {
	position: absolute;
	left: 157px; /* Set 1px less than menu width */
	width: 150px;
	top: 0;
	margin: 0;
	padding: 0;
	display: none;
	}
li ul.second {
	position: absolute;
	left: 5px; 
	top: 23px;
	width: 150px;
	margin: 0;
	padding: 0;
	display: none;
	}
	
	
	/*************  LI  ***************/
	ul li {
		position: relative;
		width: 150px;
		margin: 0;
		padding: 0;
		float: left;
		}
	ul li {float: left; width: 100%;}
	ul li{
		display: block;
		text-decoration: none;
		padding: 3px;
		border-bottom: 0;
		font-family: arial;
		}
	ul li.top {
		display: block;
		text-decoration: none;
		padding: 3px;
		border-bottom: 0;
		font-family: arial;
		}
	ul li.category
	{
		display: block;
		text-decoration: none;
		background-color:#f0f0f0;
		padding: 3px;
		border: 1px solid #ccc; 
		border-bottom: 0;
	}
	ul li.subcategory
	{
		display: block;
		text-decoration: none;
		background-color:#dddddd;
		padding: 3px;
		border: 1px solid #bbb; 
		border-bottom: 0;
	}
	ul li:hover ul ul {
		display: none;
	}
	ul li:hover ul,
	ul ul li:hover ul {
		display: block; 
	}
	ul li:hover { 
		color: #E2144A; 
		background: #f9f9f9; 
	}

	
/*************  A HREF  ***************/
ul li a {
	height: 1%;
} 
a.bright:link {
	color: #EEEEEE;
}     
a.bright:visited {
	color: #EEEEEE;
}
.login A:link { 
	color:#FFFFFF; 
}
.login A:visited { 
	color:#FFFFFF; 
}


.lyric A:link { color:#7cc0d3; }
.lyric A:visited { color:#7cc0d3; }
.lyric A:active { color:#7cc0d3; }
.lyric A:hover { color:#7cc0d3; }

.infogreen A:link { color:#6d858e; }
.infogreen A:visited { color:#6d858e; }
.infogreen A:active { color:#6d858e; }
.infogreen A:hover { color:#6d858e; }

.game_title A:link { color:#6d858e; }
.game_title A:visited { color:#6d858e; }
.game_title A:active { color:#6d858e; }
.game_title A:hover { color:#6d858e; }

a.artist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336699;
	font-weight: bold;
	width:100%;
}

	

/*************  SPAN  ***************/
span.nav {
	font-family: arial;
	font-size:16px;
}
span.navCenter {
	font-family: arial;
	font-size:16px;
	text-align: center;
}
span.new_nav {
	font-family: arial;
	font-size:15px;
}
span.subcat {
	font-family: arial;
	font-size:13px;
}
span.title {
	font-family: arial;
	font-size:18px;
}
span.titleCenter {
	font-family: arial;
	font-size:18px;
	text-align: center;
}
span.small {
	font-family: arial;
	font-size:12px;
}
span.info {
	font-family: arial;
	font-size:14px;
}
span.info_blue {
	font-family: arial;
	font-size:14px;
	color:#279aeb;
}
span.infogreen {
	font-family: arial;
	font-size:14px;
}
span.joke_nav {
	font-family: arial;
	font-size:14px;
	line-height: 19px;
	
}
span.game_info {
	font-family: arial;
	font-size:16px;
}
span.game_title {
	font-family: arial;
	font-size:20px;
}
span.big_title {
	font-family: arial;
	font-size:24px;
}
span.big_title_blue {
	font-family: arial;
	font-size:24px;
	color:#279aeb;
}
span.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ededed;
	font-weight: bold;
}
span.categories {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#FFFFFF;
}
span.white20 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#ededed;
}
span.white20center {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#ededed;
	text-align: center;
}
span.white20centerunderline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#ededed;
	text-align: center;
	text-decoration: underline;
	
}
span.bold_30 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight: bold;
}

span.bold_24 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: bold;
}

span.white16{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#ededed;
	width:100%;
}

span.white_12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ededed;
	font-weight:700;
	width:100%;
}
span.pre {
	font-family: arial;
	font-size:16px;
	white-space:pre;
	white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
span.size14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

span.size14lyrics {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:0.02cm;
	line-height: 150%;
}
span.white16underline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#ededed;
	width:100%;
	text-decoration: underline;
}



/*************  HR  ***************/
hr.inbetweenCategories {
	border:none;
	width:90%;
	height:1px;
	border-top: 2px dotted;
	border-color:#292929;
	margin:3px;
}

hr.inbetweenCategoriesLight {
	border:none;
	width:80%;
	height:1px;
	border-top: 2px dotted;
	border-color:#4a4a4a;
	margin:1px;
	
}
hr.vertical {

}
hr.main {
	color:#006699;
	width:90%;
}

/*************  H1 - H6  ***************/
h3 {
	display: inline;
}



/*************  BODY  ***************/
body.main {
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-image:url("background_2.png");
	margin:0;
}
body.mainquote {
	background-color:#acbaa3;
	background-repeat: repeat-x;
	background-image:url("background_2.png");
	margin:0;
}
body.main2 {
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-image:url("background_3.png");
	margin:0;
}
body.quoteabyss {
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-image:url('header_back.png');
	margin:0;
}
body.alphacoders {

	background-color:d1cbb5;
	background-repeat: repeat-x;
	background-image:url('header_back.png');
}
body.wall1280 {
	background-color:#bfad7a;
	background-repeat: repeat-x;
	background-image:url('header_back.png');
}
body.joke_body {
	background-color:#343434;
	margin:0;
	background-repeat: repeat-x;
	background-image:url('background.png');
}
	


/*************  BR  ***************/
br.smallBr{
	font-size: 1px;
	line-height: 3;
}
br.tinyBr{
	font-size: 1px;
}



/*************  INPUT  ***************/
input.smallText {
	font-size: 10px;
}
