* { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: "Trebuchet MS", Tahoma, Arial, Verdana; line-height: 1; cursor: default; }
html, body { width: 100%; height: 100%; overflow-x: none; }
	html { overflow-y: auto; }
body { padding: 75px 0 40px; text-align: center; background: #202020 url(./img/bg.jpg) no-repeat center top; }

a, a * { cursor: pointer; }

a { text-decoration: none; color: #333; }
li { list-style: none; }

.clear { clear: none; }

#cover .cover, #scrrible .scrrible, #picture .picture, #favorite .favorite, #message .message { padding-top: 10px; height: 28px; border-top: 7px solid #FF4D79; background: url(./img/pointer.gif) no-repeat left top; }

.wrap { margin: 0 auto; width: 800px; text-align: left; }

.main_wrap { float: left; display: inline; margin-left: 100px; overflow: hidden; }

	h1 { width: 500px; height: 40px; font-size: 28px; line-height: 100%; color: #FFF; letter-spacing: 2px; cursor: pointer; }
		h1 em { margin-left: 5px; font: bold 9px/180% Tahoma, Arial; color: #E7A8A8; letter-spacing: 0; text-decoration: none; }

.body_box { padding-bottom: 30px; width: 500px; border-bottom: 3px solid #000; background-color: #FFF; overflow: hidden; }
	.body_box .navi { width: 500px; height: 60px; overflow: hidden; }
		.body_box .navi li { float: left; width: 100px; font-size: 10px; font-weight: bold; letter-spacing: 1px; }
		.body_box .navi li a { display: block; padding: 8px 0 0 10px; width: 90px; height: 30px; border-top: 5px solid #222; }
			* html .body_box .navi li a { width: 90px; }
			.body_box .navi li a:hover { padding-top: 6px; height: 28px; border-top: 7px solid #FF4D79; background: url(./img/pointer.gif) no-repeat left top; }

.body_box blockquote { margin: 15px 20px 0; padding: 8px 10px; background: #EEE; font-size: 12px; line-height: 18px; color: #666; word-break: break-all; }
.body_box p { margin: 15px 20px 0; padding: 0 5px; background: url(./img/line.gif) repeat; font-size: 12px; line-height: 24px; color: #666; word-break: break-all; }
	.body_box p em { font-style: normal; line-height: 24px; font-size: 12px; color: #BBB; }
	.body_box p span { display: inline-block; margin-left: -5px; padding: 0 7px; background: #EEE; line-height: 24px; }

.cover_box { clear: both; margin: 0 20px; width: 460px; height: 290px; background: #FF4D79 url(./img/cover1225.png) no-repeat left top; }
	.cover_info { position: relative; display: block; top: 250px; left: 10px; width: 360px; padding: 4px 10px 8px; font-size: 10px; background: #000; color: #FFF; filter: alpha(opacity=40); opacity: 0.4; cursor: help; }
		.cover_info h3 { font-weight: bold; font-size: 12px; line-height: 150%; }
		.cover_info em { margin-left: 5px; font-size: 10px; font-style: normal; }

.util_wrap { float: right; padding-top: 40px; margin-left: 15px; width: 185px; overflow: hidden; }
	.util_wrap ul { margin-bottom: 10px; padding: 0 12px 12px; background: #1a1a1a; overflow: hidden; }
	.util_wrap h4 { padding: 10px 10px 0; height: 16px; border-bottom: 1px solid #252525; background: #1a1a1a; color: #FF4D79; font-size: 10px; }
	.util_wrap a { font: 11px/16px "Trebuchet MS", 돋움; color: #444; }
		.util_wrap a:hover { color: #999; }
	.util_wrap .list_thumb { padding-bottom: 6px; height: 120px; }
	.util_wrap .list_thumb li { float: left; display: inline; margin: 6px 3px 0; width: 34px; height: 34px; }
	.util_wrap .list_thumb a { display: block; width: 30px; height: 30px; border: 2px solid #FFF; overflow: hidden; }
	.util_wrap .list_thumb a:hover { border-color: #FF4D79; }
	h6 { margin-top: 10px; padding: 5px 12px; background: #1A1A1A; font-size: 10px; line-height: 16px; color: #444; font-weight: normal; text-align: right; }

.util_wrap .bt_mute { float: left; margin-right: 2px; width: 45px; font-size: 10px; font-style: normal; font-weight: bold; color: #666; text-align: center; }