@import url('blueprint/screen.css');

html {
	overflow-y			: scroll;
	height				: 100%;
}

body {
	height				: 100%;
}

body, td {
	font-family			: Tahoma, Arial;
	font-size			: 12px;
	color				: #fff;
}

table {
	margin-bottom		: 0px;
}

td {
	vertical-align		: top;
	padding				: 0px;
}

a {
	color				: #b49100;
}

a:hover  {
	color				: #ffd900 !important;
}

.hide {
	display				: none;
}

table#container {
	width				: 100%;
	height				: 100%;
}

	/* header */
	table#container thead tr td.s,
	table#container thead tr td.c  {
		background-image	: url('../image/header-bg.gif');
		height				: 131px;
	}

	table#container thead tr td.c {
		width				: 1264px;
	}

		div#header {
			cursor				: pointer;
			background			: #79ace5 url('../image/header.png') no-repeat;
			width				: 1022px;
			height				: 131px;
			margin				: 0px auto;
		}

		/* menu */
		table#container thead tr td.c table {
			margin-top			: 91px;
			width				: 194px;
			margin-left			: auto;
			margin-right		: auto;
		}

		div#menu {
			line-height			: 125px;
			width				: 194px;
			margin				: 0px auto;
		}
		div#menu img {
			vertical-align		: bottom;
		}

	/* content */

	table#container > tbody > tr > td.l { background : #fff url('../image/back_top.png') repeat-x; background-position: center top;}
	table#container > tbody > tr > td.r { background : #fff url('../image/back_top.png') repeat-x; background-position: center top;}

		td#dsgn-content {background: #fff url('../image/content.png') no-repeat; background-position: center top;}
		
		/*#container_table {background: url('../image/content.png') no-repeat center;}:*/
		
		td#dsgn-content > table {
			margin-bottom		: 15px;
		}

		td#dsgn-content div#fennek {
			background			: url('../image/text/fennek.png');
			color				: transparent;
			width				: 129px;
			height				: 43px;
			margin				: 15px auto 0px auto;
		}

		td#dsgn-content div#page-title {
			font-size			: 18px;
			font-weight			: bold;
			text-align			: center;
			color				: #000;
			margin-top			: -8px;
		}

		/* follow me */
		td#dsgn-content div#follow-me {
			background			: url('../image/follow-me-normal.png') no-repeat;
			position			: absolute;
			top					: 190px;
			right				: 0px;
			width				: 39px;
			height				: 140px;
			z-index				: 1;
		}

			td#dsgn-content div#follow-me:hover {
				background			: url('../image/follow-me-hover.png');
			}

			img#rss 	{ margin-top : 5px; margin-left	: 5px; }
			img#twitter { margin-top : 0px; margin-left	: 6px; }

		/* tracklist */
			table.tracklist > tbody > tr > td {
				padding-top: 2px;
			}

			table.tracklist > tbody > tr > td.play {
				padding-left		: 12px;
				vertical-align		: middle;
				height				: 29px;
			}

			table.tracklist > tbody > tr > td.desc {
				line-height			: 13px;
			}

			table.tracklist > tbody > tr > td.icon {
				text-align			: right;
				padding-right		: 11px;
			}

			td.desc > a		{ font-size		: 12px; color: #aa7700; text-decoration : none !important;	}
			span.desc 		{ font-size		: 12px; color: #fff;		}
			span.date 		{ font-size		: 10px; color: #8c8c8c;		}
			span.title		{ font-weight	: bold; 					}

		/* appendix */
		div.appendix.center { margin: 0px auto;	}
		div.appendix.right 	{ margin: 0px 20px;	}

			div.appendix div.l,
			div.appendix div.c,
			div.appendix div.r {
				height				: 43px;
				float				: right;
			}

				div.appendix div.l {
					background			: url('../image/appendix-left.png');
					width				: 9px;
				}

				div.appendix div.c {
					background			: url('../image/appendix-center.png') 0px 0px;
				}
					div.appendix div.c img {
						margin-top			: 6px;
					}

				div.appendix div.r {
					background			: url('../image/appendix-right.png');
					width				: 9px;
				}

	/* footer */
	table#container > tfoot > tr > td {
		height				: 65px;
	}

	table#container tfoot tr td {
		background			: url('../image/footer.gif') repeat-x;
		font-size			: 10px;
		font-style			: normal;
		text-align			: center;
		height				: 65px;
		padding-top			: 4px;
	}

		img.news {
			position			: relative;
			top					: 3px;
			right				: 4px;
		}

		div#footer {
			margin-top		: 7px;
		}

			div#footer a {
				text-decoration		: none;
			}

	/* newsletter */
	form.newsletter   {
		display				: inline;
	}

		form.newsletter input[type="text"] {
			background			: url('../image/textform-bg.png');
			font-size			: 11px;
			border				: 1px solid #906910;
			height				: 16px;
			margin				: 0px;
			padding				: 1px 2px 1px 5px;
		}

		form.newsletter input#newsletter-email1 {
			width				: 120px;
		}

		form.newsletter img {
			position			: relative;
			top					: 6px;
		}

		img.submit {
			cursor				: pointer;
		}