/* CSS Document */

/******************************* tradition *******************************/

* {padding:0; margin:0; font-size:100%;}
.hidden, hr {display:none}

.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}
.toleft {float:left}
.toright {float:right}

.red, .err, .ko {color:red}
.green, .ok {color:green}

/******************************* main & index layout *******************************/

body	{text-align:center; background:#fff url('images/body_back.png') repeat-x;}
#all	{width:842px; text-align:left; margin:0 auto; position:relative; padding-bottom:30px;}

#head {height:118px; background:url('images/head.png') no-repeat;}
	#head h1, #head h1 *	{display:block; position:absolute; width:300px; height:60px;}
	#head h1	{left:25px; top:42px; font-size:140%}
	#head span	{left:0; top:0; background:url('images/logo.png') no-repeat;}
	
	#head .banner {position:relative; top:45px; left:345px; display: table;}

#main	{background:url('images/main_back.png') repeat-y;}
.pg_noindex #main	{background:url('images/main_back2.png') repeat-y;}

#col_n	{width:171px; padding:0 5px 0 4px; float:right; margin-right:13px; _display:inline}
#col_m	{width:620px; float:left; margin-left:16px; _margin-left:8px; padding-top:4px;}
.pg_index #col_m {width:630px;}

#d_by_head {position:absolute; left:-47px; top:0; width:47px; height:111px; background:url('images/d_by_head.png') no-repeat;}
#d_grad_l, #d_grad_r  {position:absolute; width:8px; height:48px; top:118px;}
#d_grad_l	{left:0; background:url('images/d_grad_l.png') no-repeat;}
#d_grad_r	{right:0; background:url('images/d_grad_r.png') no-repeat;}

/******************************* general typo *******************************/

body {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size:71%;}
h2, h3, h4 {font-weight:normal;}

#content h2 {font-size:185%; margin:0.6em 0 0 0;}
#content h3 {font-size:140%; margin:0.6em 0 0.2em 0;}
	.pg_noindex #content h3 {color:#ffd015}

/******************************* foot *******************************/

#foot {background:url('images/foot.png') no-repeat; height:62px; margin-top:20px; padding:0 30px 0px 30px;}
	#foot .note {float:left; margin-top:22px;}
	#foot .links {float:right; margin-top:22px;}
	#foot * {color:#fff;}
	#foot a:hover {text-decoration:none;}

/******************************* pre-content *******************************/

#pre_content {}
	#pre_content .halfbox {float:left; width:312px; height:75px; background:url('images/pre_content_box.png') no-repeat; position:relative;}
	#pre_content .first {margin-right:4px;}
	#pre_content a {position:absolute; top:0; left:0; width:312px; height:75px;}
	#pre_content a span {position:absolute; top:38px; left:12px; }
	#pre_content h3 {position:absolute; top:3px; left:26px; color:#fff; font-weight:bold;}

	#pre_content a, #pre_content a span {color:#444; text-decoration:none;} 
	#pre_content a:hover, #pre_content a:hover span {color:#000}
	
/******************************* search *******************************/

#search {padding-top:12px;}
#search h2	{position:absolute; margin:0;}
.search_options	{list-style-type:none; padding-left:113px;}
	.search_options	li {float:left; width:120px; height:22px; text-align:center; margin-right:6px; position:relative; top:2px;}
	.search_options	li {background:url('images/search_non_active.png') no-repeat;}
	.search_options	li.active {background:url('images/search_active.png') no-repeat;}

.d_search1 {background:url('images/search_mid.png') left top repeat-y;}
.d_search2 {background:url('images/search_top.png') left top no-repeat;}
.d_search3 {background:url('images/search_bot.png') left bottom no-repeat; padding-top:5px;}

#search form {background:#cbe0ed; padding:4px 7px 10px 7px ; margin:0 1px;}
#search form fieldset {border:0;}
#search form input.text {border:1px solid #3f8eba; width:500px; padding:1px}
#search form input.submit {border:1px solid #3f8eba; width:86px; height:18px; background:#93bedb; color:#fff;}

.col_third {float:left; width:175px; padding:0 5px 0 15px; margin:15px 0; list-style-type:none; border-left:3px solid #f5f9fc;}
.col_third.first {border:0;}

	/*********** typo **********/
#search h2	{font-size:150%;}
.search_options a {color:#fff; text-decoration:none; display:block; padding-top:3px; font-size:110%;}
.search_options a:hover {text-decoration:underline;}

.col_third a {color:#68a6cb; text-decoration:none; font-size:110%;}
.col_third a:hover {text-decoration:underline;}
.col_third li {line-height:135%;}

/******************************* paging & lettering *******************************/

ul.paging			{list-style-type:none; margin:8px 0; text-align:center; position:relative;}
/* \*/  * html ul.paging li { height: 1px; }  /* */
ul.paging li	{display:inline; margin-left:1px;}
ul.paging a		{padding:12px 4px 9px 4px; color:#000; text-decoration:none;}
	ul.paging a:hover {text-decoration:underline;}

ul.numbers {margin-top:20px;}
	ul.numbers a		{padding:12px 4px 9px 4px; color:#000; text-decoration:none;}
	ul.numbers .active a {padding:12px 10px 9px 10px; background:url('images/active_up.png') center top no-repeat;}

	ul.letters a		{padding:5px 4px 12px 4px; color:#000; text-decoration:none;}
	ul.letters .active a {padding:5px 10px 12px 10px; background:url('images/active_down.png') center top no-repeat;}

/******************************* narrow column *******************************/

#col_n	{background:url('images/n_col/n_top.png') left top no-repeat; padding-top:10px;}
#col_n h3	{color:#777; font-size:110%; text-align:right; padding-right:18px; height:23px; background:url('images/n_col/n_heading_points.gif') 162px top no-repeat; position:relative; margin:0 -3px -2px 0}
#col_n ul {list-style-type:none;}

#col_n .box_t	{height:10px;	background: url('images/n_col/n_box_top.png') left top no-repeat; _background-image: url('images/n_col/n_box_top.gif');}
#col_n .box_b	{height:10px;	background: url('images/n_col/n_box_bot.png') left top no-repeat; _background-image: url('images/n_col/n_box_bot.gif'); margin-bottom:12px}

#col_n .box		{background: url('images/n_col/n_box_mid.png') left top repeat-y; _background-image: url('images/n_col/n_box_mid.gif'); _margin-top:-4px}
	#col_n .box	li	{padding:0 4px;}
		#col_n .box	li a	{display:block; height:14px; padding:3px; color:#666666; text-decoration:none; border-bottom:1px dashed #d6d6d6;}
		#col_n .box	li a:hover {background:#eee;}
	#col_n .box	li.toall {text-align:right; font-weight: bold; border-bottom:0;}
		#col_n .box	li.toall a {border-bottom:0 !important; padding-right:3px}
	

.pg_noindex #col_n	{background:url('images/n_col/n_top2.png') left top no-repeat;}
.pg_noindex #col_n h3	{color:#39c; background:url('images/n_col/n_heading_points2.gif') 162px top no-repeat;}
.pg_noindex #col_n .box	li a:hover {background:#e4f2f8;}
.pg_noindex #col_n .box	li a	{border-bottom:1px dashed #69b4da;}

#col_n .wide_banner {margin-left:5px;}
#col_n .narrow_banner {margin-left:25px;}

/******************************* discussion list 1 *******************************/

.disc_list	{list-style-type:none; padding-left:4px;}
	.disc_list li	{padding:1px; line-height:1em;}
	.disc_list a	{padding:2px; display:block; color:#444; text-decoration: none;}
	.disc_list a:hover	{color:#444; background:#eef7fb;}
		.disc_list .dt	{color:#999}
		
/******************************* horizontal menu *******************************/

.h_menu {font-size:115%; height:36px; background:url('images/h_menu/back.png') no-repeat; list-style-type:none; padding-left:13px; margin:8px 0;}

	.h_menu	li {float:left; height:36px; text-align:center; margin-right:6px; _width:10px}

		.h_menu a {display:block; height:36px; color:#fff; text-decoration:none;}
		.h_menu a:hover {text-decoration:underline;}
		.h_menu a span {display:block; height:36px;}
		.h_menu .text {padding-top:2px; height:auto}
		
		.h_menu a	{background:url('images/h_menu/n_mid.png') repeat-x;}
		.h_menu .l {background:url('images/h_menu/n_left.png') left top no-repeat;}
		.h_menu .r {background: url('images/h_menu/n_right.png') right top no-repeat; padding:0 20px}
		.h_menu .arr {background:none;}
		
		.h_menu .active a	{background:url('images/h_menu/act_mid.png') repeat-x; font-weight:bold;}
		.h_menu .active .l {background:url('images/h_menu/act_left.png') left top no-repeat;}
		.h_menu	.active .r {background:url('images/h_menu/act_right.png') right top no-repeat; }
		.h_menu	.active .arr {background:url('images/h_menu/act_arr.png') center bottom no-repeat; }
	

/******************************* about mp3 *******************************/

.mp3_about {}
.mp3_about h3 {color:#ffd015; margin-bottom:4px; float:left; margin-top:0 !important}
.mp3_about .bad_link {float:right; padding-right:4px;}
.mp3_about .bad_link a {color:#c30; font-weight: bold;}

.mp3_about .album_photo {float:left; width:140px;}
.mp3_about .album_photo img {border:6px solid #f6f6f6;}

.mp3_about table {width:470px; float:left; margin-left:5px;}
.mp3_about table tr.even {background:#eef7fb;}
.mp3_about table td, .mp3_about table th {padding:2px 4px;}
.mp3_about table th {color:#003e5b; font-weight:bold; text-align:left; width:120px;}

.mp3_play_dl {height:70px; margin:16px 0; position:relative; list-style-type:none;}
	.mp3_play_dl a {display:block; position:absolute; top:0; height:70px;}
	.mp3_play_dl .play a {width:64px; left:225px; background:url('images/mp3_play.png') no-repeat;}
	.mp3_play_dl .dl a {width:79px; left:375px; background:url('images/mp3_dl.png') no-repeat;}
.link_mp3 {margin-left:230px;}
.link_mp3 a {color:#003e5b; text-decoration:none;}
.link_mp3 a:visited {color:#003e5b; text-decoration:none;}
.link_mp3 a:hover {color:#000000; text-decoration:underline;}

/******************************* discussion *******************************/

.disc {margin:10px 0; color:#666}
.disc_item {padding:1em 0.3em; border-bottom:1px dashed #70b7db;}
.disc_item p.info {color:#000; margin-bottom:0.7em;}
.disc_item p {margin-bottom:0.3em;}

.form_disc fieldset {padding:4px 12px 12px 12px; background:#f7fbfd; border:1px solid #c9e4f1; margin-bottom:8px}
.form_disc label {display:block; font-weight:bold; margin-top:8px;}
.form_disc input, .form_disc textarea {font-family:Arial, sans-serif; border:1px solid #676767; padding:1px; background:#f9f9f9;}
.form_disc textarea {width:100%;}
.form_disc input.submit {padding:1px 20px; font-weight:bold; margin-left:13px}

/******************************* about interpreter *******************************/

.int_about .int_photo {float:left;}
.int_about .int_photo img {border:6px solid #f6f6f6;}

.int_about table {width:300px; float:left; margin-left:5px;}
.int_about table tr.even {background:#eef7fb;}
.int_about table td, .mp3_about table th {padding:2px 4px;}
.int_about table th {color:#003e5b; font-weight:bold; text-align:left; width:100px;}

.int_about a {color:#308dbc;}
.int_about a:hover {color:#003e5b;}

.int_about .rating {float:left; width:182x; padding-left:15px; height:70px;}
.int_about .rating h4 {color:#003e5b; font-weight:bold; display:inline;}
.int_about .rating p.count {display:inline; padding-left:4px}
.int_about .rating img {margin:6px 0 0 6px;}
.int_about .rating a {border: 0px; text-decoration: none;}

.int_about .text {float:left; width:500px; margin-left:5px;}

/******************************* mp3/text list *******************************/

table.list	{border-collapse:collapse; width:100%;}

	table.list th	{border-bottom:1px solid #a6d6ea; color:#003e5b;}
	table.list td	{padding:4px 0;}
	table.list tr.even	{background:#eef7fb;}
	
	table.list_mp3 .c1	{padding-left:10px; text-align:left;}
	table.list_mp3 .c2	{width:60px; text-align:center;}
	table.list_mp3 .c3	{width:60px; text-align:center;}
	table.list_mp3 .c1 a, table.list_mp3 .c2 a, table.list_mp3 .c3 a {color:#000000; text-decoration:none;}
	table.list_mp3 .c1 a:visited, table.list_mp3 .c2 a:visited, table.list_mp3 .c3 a:visited {color:#000000; text-decoration:none;}
	table.list_mp3 .c1 a:hover, table.list_mp3 .c2 a:hover, table.list_mp3 .c3 a:hover {color:#000000; text-decoration:underline;}
		
		table.list .play a, table.list .dl a, table.list .show a {display:block; width:30px; height:20px; text-align:center; margin:0 auto;}
		table.list .play a	{background:url('images/btn_play.png');}
		table.list .dl a	{background:url('images/btn_dl.png');}
		
	
	table.list_texts .c1	{padding-left:10px; text-align:left;}
	table.list_texts .c2	{width:70px; text-align:center;}
		table.list .show a	{background:url('images/btn_show.png');}

/******************************* discussion list 2 *******************************/

.disc_list2 {border:7px solid #eef7fb; padding:10px; list-style-type:none;}
	.disc_list2 li	{line-height:1em; padding:3px 0;}
		.disc_list2 a	{display:block; color:#666; text-decoration: none;}
		.disc_list2 a:hover	{background:#eef7fb;}
		.disc_list2 strong {color:#000;}
		.disc_list2 span.mp3 {color:#68b3d3;}
		.disc_list2 span.video {color:#ffd52e;}


/* CSS Document
 * written by Peter Kahoun / Kahi
 * web: kahi.cz ~ mail: kahi@kahi.cz 
 * 2007/1 
**/