﻿@charset "utf-8";
/*******************************************************************************
*  style.css : 2008-03-31 : BlackNoir2
*  http://www.xenosium.com
* ------------------------------------------------------------------------------
*  stylesheet for BlackNoir2 Textcube Skin.
*  Created by kimatg: kimatg@gmail.com
*******************************************************************************/
* {
	margin : 0;
	padding : 0;
}
html {
	margin: 0px;
}
/*---Necessary Styles---*/
/*---Main Body---*/
body {
	margin: 0px;
	padding: 0px;
	color: #999999;
	background: #000000 url('./images/bgpattern.gif') repeat-y center;
	font-family: "맑은 고딕", arial, Helvetica, sans-serif;
	font-size: 75%;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	color: #cccccc;
	text-decoration: none;
}
a:hover {
	color: #98ADBC;
}
a:active {
	color: #666;
	text-decoration: none;
}
/*--Current Page--*/
.selected {
	font-weight: bold;
	color: #f30;
}
.no-more-next {
	color: #ccc;
}
.no-more-prev {
	color: #ccc;
}
/* Category - Image Button */
.ib {
	cursor: pointer;
}
/* Category - Tree Cell */
.branch3 {
	cursor: pointer;
}
/* Category - Category Count style */
.c_cnt {
	font: 0.75em 'Trebuchet MS', 'Malgun Gothic', Helvetica, Arial, Gulim, sans-serif;
	color: #f60;
}
/* Calendar Month */
.cal_month {
	font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;
	height: 18px;
	font-weight: bold;
}
/* Calendar Day (th Area) */
.cal_week1 {
	font: 0.95em 'Trebuchet MS', 'Malgun Gothic', Arial, sans-serif;
	height: 18px;
	font-weight: normal;
}
/* Calendar Sunday(th Area) */
.cal_week2 {
	font: 0.95em 'Trebuchet MS', 'Malgun Gothic', Arial, sans-serif;
	color: #f30;
}
/* Calendar Week(tr Area)  */
.cal_week {
	background-color: #fff;
}
.cal_current_week {
	background-color: #eee;
}
/* Calendar Day(td Area) */
.cal_day {
	font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;
	color: #999;
	text-align: center;
}
/* Calendar Day, Sunday (td Area)  */
.cal_day_sunday {
	color: #f30 !important;
}
.cal_day_sunday a {
	color: #f30 !important;
}
/* Calendar Past Month dates(td)   */
.cal_day1 {
	color: #ccc;
}
/* Calendar Next Month dates(td)   */
.cal_day2 {
	color: #ccc;
}
/* Calendar Current Month dates(td) */
.cal_day3 {
	color: #666;
}
/* Calendar Today(td) */
.cal_day4 {
	color: #000;
	text-decoration: underline;
}
/* Calendar Post written day link */
a.cal_click:link {
	color: #333;
	font-weight: bold;
}
a.cal_click:visited {
	color: #333;
	font-weight: bold;
}
a.cal_click:hover {
	color: #f30;
	font-weight: bold;
}
/* Comments [##_rp_rep_class_##] */
.guest_general {
	padding: 5px 10px 5px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #415665;
}
.rp_general {
	padding: 5px 10px 5px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #415665;
}
.guest_admin {
	padding: 5px 10px 5px 10px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #13385F;
}
.rp_admin {
	padding: 5px 10px 5px 10px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #13385F;
}
.rp_secret {
	color: #f30;
	padding: 5px 10px 5px 10px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #f30;

}
.rp_secret ol li p.content {
	color: #999999;
	font-weight: normal;
}
/* Secret Comment  */
.hiddenComment {
	font-weight: normal;
}
/* Caption under Image */
.cap1 {
	color: #999;
	text-align: center;
}
/* Pictures */
.tt-gallery-box {
	clear: both;
}
.galleryControl a {
	border-bottom: none !important;
}
.imageblock {
	margin: 0 0 1.5em 0;
	padding: 0;
	border: none;
}
.imageblock.right {
	margin: 0 0 .5em 0 !important;
}
.imageblock.left {
	margin: 0 0 .5em 0 !important;
}
.imageblock.left {
	padding-right: 10px;
}
.imageblock.right {
	padding-left: 7px;
}
.imageblock * {
	border: 0 none !important;
}
.imageblock img {
	background-color: #fff;
	border: 3px solid #999999 !important;
	vertical-align: middle;
}
.imageblock img:hover {
	background-color: #fff;
	border: 3px solid #eee !important;
	vertical-align: middle;
}

.imageblock .extensionIcon img {
	border: none !important;
	margin-right: 2px;
}
.imageblock .cap1 {
	color: #999;
	font-family: Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3;
	padding: 3px;
	text-align: center;
	margin: 5px 0 0 0;
}

/* left */
.left {
}
/* center */
.center {
}
/* right */
.right {
}
/* dual images */
.dual {
	margin-bottom: 5px;
}
/* triple images */
.triple {
	margin-bottom: 5px;
}
/* Body - more / less */
.moreless_fold {
	background: url('./images/iconMore.gif') no-repeat left top;
	padding-left: 20px;
	color: #cccccc;
}
.moreless_top {
	background: url('./images/iconLess.gif') no-repeat left top;
	padding-left: 20px;
	color: #cccccc;
}
.moreless_body {
}
.moreless_bottom {
	background: url('./images/iconLess.gif') no-repeat right top;
	padding-right: 20px;
	color: #cccccc;
	text-align: right;
}
.moreless_fold:hover, .moreless_top:hover, .moreless_bottom:hover {
	color: #BECCD6
}

/* Keyword */
.key1 {
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
}
/* Necessary Style Ends here - Freely Edit from here on */
hr {
	display: none;
}
img {
	border: 0;
}
input {
	border: 0px solid #aaa;
	font-family: "Myriad Pro", 'Trebuchet MS', 'Malgun Gothic', Arial, sans-serif;
}
textarea {
	border: 1px solid #aaa;
	font-family: "Myriad Pro", 'Trebuchet MS', 'Malgun Gothic', Arial, sans-serif;
}
/* Blog Layout */
#bgvertical {
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-image: url('images/bgpattern.gif');
	background-attachment: scroll;
	background-color: #000000;
	background-repeat: repeat-y;
}
#container {
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-image: url('images/headbg.jpg');
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: auto;
	height: auto;
}
#content {
	margin: 0px;
	padding: 10px 20px 0px 20px;
	float: right;
	width: 680px;
	overflow: hidden;
	cursor: auto;
}
#maincontentbg {
	background-position: center top;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 980px;
	overflow: hidden;
	background-image: url('images/bgpattern.gif');
	background-repeat: repeat-y;
	top: 80px;
	background-attachment: scroll;
}
#maincontent {
	background-position: center -80px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 980px;
	overflow: hidden;
	background-image: url('images/headbg.jpg');
	background-repeat: no-repeat;
	top: 80px;
}

#sidebar-navbar {
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
}
#sidebar {
	padding: 0px 0px 0px 10px;
	width: 200px;
	float: right;
	display: block
}
#footer {
	clear: both;
	padding: 20px 0 0 0;
}

/* navbar */
#navbar {
	padding: 0px;
	margin: 0px;
	width: 40px;
	float: left;
	display: block;
	cursor: pointer;
}
#navbar .home{
	padding: 0px;
	margin: 0px;
	width: 40px;
	float: left;
	display: block;
	height: 40px;
}
#navbar .guestbook{
	padding: 0px;
	margin: 0px;
	width: 40px;
	float: left;
	display: block;
	height: 80px;
}
#navbar .tag{
	padding: 0px;
	margin: 0px;
	width: 40px;
	float: left;
	display: block;
	height: 60px;
}
#navbar .location{
	padding: 0px;
	margin: 0px;
	width: 40px;
	float: left;
	display: block;
	height: 90px;
}
#navbar .home:hover{
	background-image: url('images/navbar/home.gif');
	background-repeat: no-repeat;
	background-position: -1px top;
}
#navbar .guestbook:hover{
	background-image: url('images/navbar/guestbook.gif');
	background-repeat: no-repeat;
	background-position: -1px top;
}
#navbar .tag:hover{
	background-image: url('images/navbar/tag.gif');
	background-repeat: no-repeat;
	background-position: -1px top;
}
#navbar .location:hover{
	background-image: url('images/navbar/location.gif');
	background-repeat: no-repeat;
	background-position: -1px top;
}
#content h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #cccccc;
	font-weight: lighter;
	font-size: 23px;
	letter-spacing: -1pt;
	font-family: "맑은 고딕", "trebuchet MS", arial, sans-serif;
	line-height: 1.2em;
}
#content h3 {
	font-weight: lighter;
	color: #808080;
}
#content h4 {
	font-weight: lighter;
	color: #808080;
	font-size: 1.2em;
	margin-top: 3px;
}
#content h5 {
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 2px;
	margin-bottom: 3px;
	margin-top: 3px;
	color: #98ADBC
}
#content h6 {
	font-weight: bold;
	margin-bottom: 3px;
	color: #98ADBC;
	font-size: 1.4em;
	letter-spacing: 2px; 
}





/* ***** Header ***** */
#header {
	height: 80px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#header h1 {
	height: 50px;
	font-family: "Myriad Pro", "Trebuchet MS", "맑은 고딕", sans-serif;
	font-size: 3em;
	font-weight: lighter;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 10px;
}
#header h1 a {
}
#header h1 a:hover {
	color: #FFFFFF;
}
#header .blogDesc {
	font-size: 12pt;
	padding-left: 20px;
}

/* ***** content ***** */
#content .entry {
	margin-bottom: 70px;
}
#content .entryProtected {
	margin-bottom: 10px;
}
#content .entryNotice {
	margin-bottom: 10px;
}
#content .taglog {
	margin-bottom: 10px;
}
#content .taglog p {
	padding: .3em 10px .3em 25px;
	background: url('./images/tag_blue.png') no-repeat 0 50%;
	border-bottom: 1px dotted #e8e8e8;
	font: 0.9em "Trebuchet MS", Helvetica, sans-serif;
	color: #C0C0C0;
	margin-bottom: 10px;
	border-bottom-color: #666666;
}

#content .localog {
	margin-bottom: 10px;
}
#content .localog p {
	padding: .3em 10px .3em 25px;
	background: url('./images/map.png') no-repeat 0 50%;
	border-bottom: 1px dotted #e8e8e8;
	font: 0.9em "Trebuchet MS", Helvetica, sans-serif;
	color: #C0C0C0;
	margin-bottom: 10px;
	border-bottom-color: #666666;
}
#content .searchRplist {
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .searchList {
}
#content .guestbook {
}
#content .guestbook .expl {
	padding: .3em 10px .3em 25px;
	background: url('./images/book.png') no-repeat 0 50%;
	border-bottom: 1px dotted #999999;
	font: 0.9em "Trebuchet MS", Helvetica, sans-serif;
	color: #C0C0C0;
	margin-bottom: 10px;
	letter-spacing: normal;
	border-bottom-color: #666666;
}
.searchRplist ol {
	list-style: none;
	padding: 5px;
	margin: 0;
}
.searchList ol {
	list-style: none;
	padding: 5px;
	margin: 0;
}
.searchRplist li {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.searchList li {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom-color: #666666;
}
.searchRplist .date {
	font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;
	margin-right: 10px;
}
.searchList .date {
	font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;
	margin-right: 10px;
}
.searchList .cnt {
	font: 0.75em "Myriad Pro", 'Trebuchet MS', 'Malgun Gothic', sans-serif;
	color: #f60;
}
.searchRplist .name {
	font: 0.95em 'Malgun Gothic', "Myriad Pro", 'Trebuchet MS', Arial, sans-serif;
	color: #999;
	padding-left: 8px;
}
.localog .spot {
	background: url('./images/iconIndentArrow_local.gif') no-repeat 5px 0;
	padding-left: 20px;
	margin-top: 5px;
}
.localog .info {
	background: url('./images/iconIndentArrow_localinfo.gif') no-repeat 5px 3px;
	padding-left: 15px;
	margin-top: 2px;
}
.localog a:link {
	color: #5a5194;
}
.localog a:visited {
	color: #5a5194;
}
.localog a:hover {
	color: #7870ab;
	text-decoration: underline;
}
.taglog ul {
	padding: 5px;
	margin: 0;
	text-align: justify;
	line-height: 22px;
}
.taglog li {
	display: inline;
}
.taglog a:hover {
	background-color: #eee;
	color: #000;
}
.taglog li .cloud1 {
	color: #B8B8CF;
	font-size: 21px;
}
.taglog li .cloud2 {
	color: #A4A3C0;
	font-size: 19px;
}
.taglog li .cloud3 {
	color: #797A9B;
	font-size: 16px;
}
.taglog li .cloud4 {
	color: #666;
	font-size: 14px;
}
.taglog li .cloud5 {
	font-size: 12px;
	color: #999;
}
.guestbook p {
	padding: 2px 0;
	margin: 0;
}
.guestWrite {
	padding: 10px;
}
.guestWrite .writeinfo{
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: left;
	display: block;
	height: 50px;
	font-family: "trebuchet MS", arial, sans-serif;
}
.guestWrite p.writeinfo input{
	border-color: #101D32 #101D32 #222222 #222222;
	border-style: solid;
	border-width: 1px;
	width: 165px;
	padding: .3em .3em;
	background-color: #060709;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
.guestWrite input.homepage{
	border-color: #101D32 #101D32 #222222 #222222;
	border-style: solid;
	border-width: 1px;
	width: 165px;
	padding: .3em .3em;
	background-color: #060709;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
.guestWrite p.writeinfo input:focus {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite input:focus.text {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite p.writeinfo input:active {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite input:active.text {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite p.writeinfo input:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite input:hover.text {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite p.writeinfo textarea:active {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}

.guestWrite p.textarea textarea:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.guestWrite p.textarea textarea:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}

.guestWrite p.writeinfo input:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}

.guestWrite input.button {
	background-position: left top;
	width: 612px;
	font-family: 'Trebuchet MS', sans-serif;
	color: #000000;
	height: 32px;
	text-align: center;
	background-image: url('images/submit.gif');
	background-repeat: no-repeat;
	background-color: #000000;
	margin-top: 5px;
}
.guestWrite input.button:hover {
	background-position: left top;
	width: 612px;
	height: 32px;
	background-image: url('images/submit_hover.gif');
	background-repeat: no-repeat;
	margin-top: 5px;
}
.guestWrite input.button:focus {
	background-position: left top;
	width: 612px;
	height: 32px;
	background-image: url('images/submit_press.gif');
	background-repeat: no-repeat;
	margin-top: 5px;
}
.guestWrite textarea {
	width: 600px;
	overflow: auto;
	height: 120px;
	border-color: #101D32 #101D32 #222222 #222222;
	border-style: solid;
	border-width: 1px;
	padding: .3em .3em;
	background-color: #060709;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}

.guestWrite .submit {
	width: 40px;
	height: 100px;
	background-color: #ccc;
	font: 1.1em "Myriad Pro", 'Trebuchet MS', sans-serif;
	padding-top: 3px;
	overflow: hidden;
	visibility: visible;
}
.guestList {
	padding: 10px 0 0 0;
}
.guestList ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.guestList ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.guestList li p {
	border-top: 1px dashed #999999;
	margin-top: 5px;
	padding-top: 5px;
}
.guestList ol li {
	padding: 5px 5px 0px 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.guestList li ul li {
	padding: 5px 0px 5px 10px;
	background: 12px 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.guestList li .name {
	color: #666;
	font-weight: bold;
	font-size: 14px;
	float: left
}
.guestList p.repinfo {
	padding: 0px;
	margin: 0px;
	display: block;
	border: none;
	height: 20px;
}
.guestList li .writerinfo {
 	text-align: right;
 	float: right
}

.guestList li .date {
	font: 0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;
}
.guestList .control a.modify {
	background: url('./images/actionicons/comment_edit-delete.png') no-repeat;
	padding: 0 0 2px 15px;
	text-decoration: none;
	margin-left: 5px;
}
.guestList .control a.modify span {
	display: none;
}
.guestList .control a.write {
	background: url('./images/actionicons/comments_add.png') no-repeat;
	padding: 0 5px 2px 20px;
	text-decoration: none;
}
.guestList .control a.write span {
	display: none;
}
/* entry */
.titleWrap {
	border-bottom: 1px dashed #999999;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.titleWrap .category a {
	color: #888;
	margin-right: 6px;
}
.titleWrap .date {
	color: #888;
}
.entryProtected p.text {
	background: url('./images/imgProtected.gif') no-repeat;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.entryProtected p.passwordinput {
	padding: 5px;
	vertical-align: top;
	margin-top: 10px;
}
.entryProtected input {
	padding: 3px;
	width: 200px;
	background-color: #191919;
}
.entryProtected .submit {
	width: 50px;
	padding-top: 2px;
	height: 20px;
	background-color: #ccc;
}
/* page error*/
#page-error {
	font-weight : bold;
	padding : 200px 0;
	text-align : center;
}
.article {
	margin: 5px 5px 30px 5px;
	overflow: hidden;
	font-family: "맑은 고딕", arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
.article a:link {
	color: #98ADBC;
	text-decoration: none;
}
.article a:visited {
	color: #98ADBC;
	text-decoration: none;
}
.article a:hover {
	color: #CED8DF;
	text-decoration: underline;
}
.article a:active {
	color: #98ADBC;
	text-decoration: none;
}
.article dt {
	text-decoration: underline;
}
.article dd {
	margin-left: 20px;
	padding-bottom: 10px;
}
.article blockquote {
	background: url('./images/iconBlockquote.gif') no-repeat left top;
	padding-left: 25px;
	margin: 10px 20px;
}
.article ol {
	margin: 1em 0 1em 25px;
	padding-left: 0px;
}
.article ul {
	list-style: none;
	margin: 1em 0 1em 0px;
	padding-left: 0px;
}
.article ul li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url('images/bullet_category.gif') no-repeat 0 .5em;
}

.tagTrail {
	padding: 5px 5px 5px 20px;
	background: url('./images/tag_blue.png') no-repeat left 50%;
	clear: both;
	font-size: 1.2em;
	letter-spacing: -1pt;
	color: #98ADBC;
}
.tagText {
	display: none;
}
.actionTrail {
	border-top: 1px dotted #ccc;
	padding: 7px 5px;
	font: 1.3em "Trebuchet MS", sans-serif;
	clear: both;
	text-align: right;
	letter-spacing: -1px;
}
.actionTrail .cnt {
	color: #f60;
}
.trackback {
	border: 1px solid #333333;
	padding: 10px;
	margin-bottom: 4px;
	overflow: hidden;
	background-color: #191919;
}
.trackback a {
	color: #98ADBC;
}
.trackback h3 {
	font: 11px Verdana;
	color: #FFFFFF;
	margin: 5px 5px 10px 5px;
}
.trackback h4 {
	font: 12px 'Trebuchet MS', 'Malgun Gothic', sans-serif;
	font-weight: normal;
	margin: 0;
}
.trackback ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.trackback li {
	border-top: 1px dotted #ccc;
	padding: 5px;
}
.trackback .date {
	font-size: 0.9em;
	color: #777;
}
.trackback p {
	font: 0.95em Arial, "Malgun Gothic", sans-serif;
	color: #999;
	margin: 3px 0 0 0;
	padding: 0;
}
.trackback a.delete {
	background: url('./images/actionicons/cross.png') no-repeat left top;
	padding-left: 8px;
	text-decoration: none;
}
.trackback a.delete span {
	display: none;
}
.comment {
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.comment li p {
	border-top: 1px dashed #999999;
	margin-top: 5px;
	padding-top: 5px;
}
.comment h3 {
	display: none;
}
.comment ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.comment ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.comment p.repinfo {
	padding: 0px;
	margin: 0px;
	display: block;
	border: none;
	height: 20px;
}
.comment .date {
	font: 0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;
	color: #777;
}
.comment .name {
	font-weight: bold;
	font-size: 14px;
	float: left
}
.comment .writerinfo {
 	text-align: right;
 	float: right
}
.comment ol li {
	padding: 5px 5px 0px 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.comment li ul li {
	padding: 5px 0px 5px 10px;
	background: 12px 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.comment .control a.address {
	background: url('./images/actionicons/comment_go.png') no-repeat;
	padding-left: 15px;
	padding-bottom: 2px;
	text-decoration: none;
}
.comment .control a.address span {
	display: none;
}
.comment .control a.modify {
	background: url('./images/actionicons/comment_edit-delete.png') no-repeat;
	padding-left: 15px;
	padding-bottom: 2px;
	text-decoration: none;
}
.comment .control a.modify span {
	display: none;
}
.comment .control a.write {
	background: url('./images/actionicons/comments_add.png') no-repeat;
	padding-left: 18px;
	padding-bottom: 2px;
	text-decoration: none;
}
.comment .control a.write span {
	display: none;
}
.commentWrite {
	padding: 5px;
	margin-top: 20px;
	font-family: 'Trebuchet MS', 'Malgun Gothic', sans-serif;
}
.commentWrite .writeinfo{
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: left;
	display: block;
	height: 50px;
}
.commentWrite p.writeinfo input{
	border-color: #101D32 #101D32 #222222 #222222;
	border-style: solid;
	border-width: 1px;
	width: 165px;
	padding: .3em .3em;
	background-color: #060709;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
.commentWrite input.text{
	border-color: #101D32 #101D32 #222222 #222222;
	border-style: solid;
	border-width: 1px;
	width: 165px;
	padding: .3em .3em;
	background-color: #060709;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
.commentWrite p.writeinfo input:focus {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite input:focus.text {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite p.writeinfo input:active {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite input:active.text {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite p.writeinfo input:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite input:hover.text {
	border-style: solid;
	border-width: 1px;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite p.writeinfo textarea:active {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite p.textarea textarea:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite p.writeinfo input:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite textarea {
	width: 600px;
	overflow: auto;
	height: 120px;
	border-color: #101D32 #101D32 #222222 #222222;
	border-style: solid;
	border-width: 1px;
	padding: .3em .3em;
	background-color: #060709;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
.commentWrite p.textarea textarea:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #13243E #13243E #282828 #282828;
	color: #fff;
}
.commentWrite input.button {
	background-position: left top;
	width: 612px;
	font-family: 'Trebuchet MS', sans-serif;
	color: #000000;
	height: 32px;
	text-align: center;
	background-image: url('images/submit.gif');
	background-repeat: no-repeat;
	background-color: #000000;
	margin-top: 5px;
}
.commentWrite input.button:hover {
	background-position: left top;
	width: 612px;
	height: 32px;
	background-image: url('images/submit_hover.gif');
	background-repeat: no-repeat;
	margin-top: 5px;
}
.commentWrite input.button:focus {
	background-position: left top;
	width: 612px;
	height: 32px;
	background-image: url('images/submit_press.gif');
	background-repeat: no-repeat;
	margin-top: 5px;
}

.commentWrite .homepage {
	width: 300px;
}
.commentWrite .submit {
	width: 477px;
	height: 22px;
	background-color: #ccc;
	font: 1.1em 'Trebuchet MS', 'Malgun Gothic', Arial, sans-serif;
	padding-top: 3px;
	position: relative;
	top: -18px;
}
.commentWrite .secretWrap {
	width: 100px;
	height: 30px;
	visibility: visible;
	display: inline;
}
.commentWrite .checkbox {
	padding: 0;
	margin: 0;
	width: 25px;
}
.paging {
	padding-top: 10px;
	text-align: center;
	font-size: 14px;
	letter-spacing: -1px;
	cursor: pointer;
}
.paging .numbox {
	border-left: 1px solid #ccc;
	padding-left: 6px;
	margin-left: 6px;
	font: 0.95em verdana;
}
.paging .num {
	border-right: 1px solid #ccc;
	padding-right: 8px;
	margin-right: 5px;
}
/* ***** sidebar ***** */
#sidebar {
	margin: 0px;
	padding: 10px 10px 20px 10px;
	width: 200px;
	float: left;
}
#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#sidebar li {
	padding-left: 7px;
	padding-right: 0px;
	margin-bottom: 3px;
}
#sidebar h3 {
	font-size: 1.6em;
	font-weight: lighter;
	color: #98ADBC;
	margin-bottom: 5px;
	font-family: "trebuchet MS", "Malgun Gothic", "Lucida Grande", sans-serif;
	text-transform: lowercase;
	letter-spacing: -1pt;
	margin-top: 20px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #415665;
}
#sidebar .cnt {
	font: 0.85em Arial, helvetica, sans-serif;
	color: #f60;
}
#sidebar .date {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #555555;
}
#sidebar .name {
	color: #555555;
}
#sidebar .blogImage img {
	width: 200px;
	padding-bottom: 0px;
}
#sidebar .userID {
	color: #888;
	background: url('./images/iconBy.gif') no-repeat 3px 0;
	padding-left: 22px;
	letter-spacing: -1px;
}
#sidebar .notice {
	margin: 10px 0;
	width: 200px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sidebar .notice li {
	border-bottom: 1px dotted #ddd;
	padding: 0 0 4px 0;
	background: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	border-bottom-color: #333333;
}
#sidebar .notice a:visited {
	background: url('./images/iconNotice.gif') no-repeat 0 0;
	padding: 0px 0 5px 18px;
}
#sidebar .notice a:link {
	background: url('./images/iconNotice.gif') no-repeat 0 0;
	padding: 0px 0 5px 18px;
}
#sidebar .notice a:hover {
	background: url('./images/iconNotice_on.gif') no-repeat 0 0;
	padding: 0 0 5px 18px;
	text-decoration: none;
	color: #f60;
}
#sidebar .adminMenu {
	padding: 8px 5px 6px 5px;
	margin: 5px 0 10px 0;
	text-align: center;
}
#sidebar .tab_write {
	background-position: left;
	padding: 1px 5px 1px 20px;
	margin: 5px 0 10px 0;
	text-align: center;
	background-image: url('./images/actionicons/pencil.png');
	background-repeat: no-repeat;
}
#sidebar .tab_admin {
	background-position: left;
	padding: 1px 5px 1px 20px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url('./images/actionicons/key.png');
	margin-top: 5px;
	margin-bottom: 10px;
}
#sidebar .adminMenu li {
	background: none;
	display: inline;
	width: 100px;
}
#sidebar .adminMenu a {
	padding: 0px;
	color: #3D7DBC;
	text-decoration: none;
}

/* search form */
#searchBox {
	text-align: left;
	margin-bottom: 10px;
}
#searchBox .sInput {
	border-color: #191919 #333333 #333333 #191919;
	border-style: solid;
	border-width: 1px;
	width: 160px;
	padding: .3em .3em;
	background-color: #191919;
	font: 1em Arial, Malgun Gothic, '맑은 고딕', helvetica, sans-serif;
	vertical-align: middle;
	color: #767676;
	text-align: left;
}
#searchBox .sInput:active {
	border-style: solid;
	border-width: 1px;
	border-color: #000000 #666666 #666666 #000000;
	background-color: #202020;
	color: #fff;
}
#searchBox .sInput:focus {
	border-style: solid;
	border-width: 1px;
	border-color: #000000 #666666 #666666 #000000;
	background-color: #202020;
	color: #fff;
}
#searchBox .sInput:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #060606 #666666 #666666 #060606;
	background-color: #303030;
	color: #fff;
}
#searchBox .sInput:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #060606 #666666 #666666 #060606;
	background-color: #303030;
	color: #fff;
}
#searchBox .searchSubmit {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 23px;
	height: 23px;
	padding: 0;
	margin: 0;
	background: url('images/btn_search.gif');
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
}
#searchBox .searchSubmit:hover {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 23px;
	height: 23px;
	padding: 0;
	margin: 0;
	background: url('images/btn_search_hover.gif');
	vertical-align: middle;
	cursor: pointer;
}
#searchBox .searchSubmit:active {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 23px;
	height: 23px;
	padding: 0;
	margin: 0;
	background: url('images/btn_search_click.gif');
	vertical-align: middle;
	cursor: pointer;
}


/* Categories */
#sidebar .category div {
	margin: 0 !important;
}
#sidebar .category ul {
	list-style: none;
}
#sidebar .category li a {
	display: block;
}
#sidebar .category li a:active {
	color: #fff;
}
#sidebar .category li a:hover {
	color: #fff;
}
/* 1 depth */
#sidebar .category ul li ul li a {
	padding-left: 18px;
	background: url('./images/bullet_category.gif') no-repeat 0 50%;
}
#sidebar .category ul li ul li a:visited {
	color: #98ADBC;
}
#sidebar .category ul li ul li a:link {
	color: #98ADBC;
}
#sidebar .category ul li ul li a:active {
	color: #fff;
}
#sidebar .category ul li ul li a:hover {
	color: #fff;
}
/* 2 depth */
#sidebar .category ul li ul {
	margin: 0;
}
#sidebar .category ul li ul li ul li a {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding-left: 35px;
	background: url('./images/bg_tree.gif') no-repeat 22px 45%;
}
#sidebar .category ul li ul li ul li.lastChild a {
	background: url('./images/bg_treeEnd.gif') no-repeat 22px 45%;
}
/* selected */
#sidebar .category .selected {
	font-weight: bold;
}
#sidebar .category .selected ul li {
	font-weight: normal;
}

/* category ends here */

#sidebar .tagbox ul {
	text-align: left;
	width: 200px;
	display: inline;
	text-transform: lowercase;
}
#sidebar .tagbox li {
	margin: 0px;
	padding: 0px;
	background: none;
	display: inline;
}
.tagbox li a.cloud1 {
	font-weight: lighter;
	font-size: 1.7em;
	color: #EBEEF1;
}
.tagbox li a.cloud2 {
	font-weight: lighter;
	font-size: 1.5em;
	color: #D5DDE3;
}
.tagbox li a.cloud3 {
	font-weight: lighter;
	font-size: 1.3em;
	color: #B4C5CF;
}
.tagbox li a.cloud4 {
	font-size: 1.15em;
	color: #95AAB9;
}
.tagbox li a.cloud5 {
	font-size: 1em;
	color: #496172;
}
.tagbox li a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
	color: #333;
}
#sidebar .category a{
	color: #999999;
	font-size: 1em;
}
#sidebar .recent {
	overflow: hidden;
}
#sidebar .recent a{
	color: #999999;
	font-size: 1em;
}
#sidebar .recent li {
	background-position: 2px 7px;
	overflow: hidden;
	background-image: url('./images/bul.png');
	background-repeat: no-repeat;
	padding-left: 10px;
}

#sidebar .link li {
	background-position: 2px 7px;
	overflow: hidden;
	background-image: url('./images/bul.png');
	background-repeat: no-repeat;
	padding-left: 10px;
}

#sidebar .calendar {
}
#sidebar .counter {
	padding: 5px 0;
	margin: 10px 0;
	letter-spacing: 0;
	color: #CCCCCC;
	font-size: 1em;
}
#sidebar .counter li {
	background: none;
	display: inline;
	padding: 0 5px;
}
#sidebar .counter li.total {
	display: block;
	color: #CCCCCC;
}
#sidebar .botton {
	text-align: center;
	padding: 5px;
}
/* stats */
#counter dl {
	margin-top: 1em;
	font: 0.92em Arial, "Malgun Gothic", "맑은 고딕", helvetica, sans-serif;
}
#counter dt {
	float: left;
	margin-right: .3em;
}
/* admin */
.adminMenu {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 10px;
}
/* banner */
#banner {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
}
#banner img {
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
}
#banner2 {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	width: 200px;
}
#banner2 img {
	margin: 2px;
	text-align: center;
	vertical-align: middle;
}

/* ***** footer ***** */
#footer {
	width: 980px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
/* Copyright */
#copyright {
	padding: 10px;
	text-align: center;
	font-style: italic;
	letter-spacing: -1px;
	font-size: 1.1em;
	float: right;
	width: 700px;
	height: 60px;
	vertical-align: middle;
	overflow: hidden;
}
/* Thessign */
#skininfo {
	padding: 10px;
	font-style: italic;
	letter-spacing: -1px;
	font-size: 1.1em;
	float: left;
	height: 60px;
	width: 200px;
	vertical-align: top;
	margin-left: 40px;
}
#skininfo .thessign {
	display: block;
	width: 100px;
	height: 60px;
	float: left;
}
#skininfo .author {
	display: block;
	width: 100px;
	height: 60px;
	float: right;
	letter-spacing: -1px;
	text-align: left;
	font-style: normal;
	color: #666666;
}
#skininfo .author a {
	color: #666666;
}






/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced...
 the negative-letter spacing in this case is used to make the browser text metrics 
 match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
 your own settings may vary... any weird sizing issues you may run into are usually fixed by 
 tweaking these decoy styles */

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 1.5em;
	line-height: 1.4em;
}
.sIFR-hasFlash #sidebar h3 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 1.25em;
	font-weight: lighter;
	text-transform: lowercase;
}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.article ul.tabbernav li a{
	color: #eee;
	border-bottom: none;
}
.article:hover ul.tabbernav li a{
	color: #eee;
	border-bottom: none;
}
ul.tabbernav{
	background-position: left center;
	margin: 0px 0px 20px 0px;
	padding: 3px 0;
	list-style-type: none;
	list-style-image: none;
	text-align: right;
	background-image: url('./images/languages.gif');
	background-repeat: no-repeat;
	width: 670px;
}

ul.tabbernav li{
	padding: 0px;
	list-style: none;
	margin: 0;
	display: inline;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
}
ul.tabbernav li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	text-decoration: none;
}
.article:hover ul.tabbernav li a:hover{
	color: #BECCD6;
}
ul.tabbernav li.tabberactive a{
	color: #98ADBC;
	font-weight: bold;
}
.article:hover ul.tabbernav li.tabberactive a{
	color: #98ADBC;
	border-bottom: none;
}
.article:hover ul.tabbernav li.tabberactive a:hover{
	color: #BECCD6;
	font-weight: bold;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
}


/* XENOSIUM ANIME REVIEW SCOREBOX */
#reviewbox {
	display: block;
}
#reviewboxkor {
	background-position: left top;
	display: block;
	width: 400px;
	height: 160px;
	background-image: url('images/review/bgkor.jpg');
	padding-top: 40px;
	background-repeat: no-repeat;
}
#reviewboxen {
	background-position: left top;
	display: block;
	width: 400px;
	height: 160px;
	background-image: url('images/review/bg.jpg');
	padding-top: 40px;
	background-repeat: no-repeat;
}
#reviewbox img {
	border-style: none;
	padding: 0px;
	margin: 0px;
}

#reviewbox .partscore{
	display: block;
	width: 268px;
	height: 132px;
	float: left;
}
#reviewbox .partscore ul{
	margin: 0px;
	padding: 0px;
	display: block;
	height: 20px;
	background-image: none;
	list-style-image: none;
}
#reviewbox .partscore li{
	margin: 0px;
	display: block;
	height: 18px;
	background-image: none;
	list-style-image: none;
	padding-left: 110px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#reviewbox .overall	{
	padding: 32px 27px 20px 15px;
	display: block;
	width: 90px;
	height: 80px;
	float: right;
	font-size: 5em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	line-height: 1em;
	letter-spacing: -2pt;
	font-family: "Calibri", "Trebuchet MS";

}

/* XENOSIUM ANIME REVIEW INFOBOX */
#infobox {
	display: block;
}
#infoboxkor {
	padding: 24px 0px 0px 0px;
	margin: 0px;
	background-position: left top;
	display: block;
	width: 400px;
	height: 102px;
	background-image: url('images/parentalguide/bgko.gif');
	background-repeat: no-repeat;
	font-family: "맑은 고딕";
	font-size: 8pt;
}
#infoboxen {
	padding: 24px 0px 0px 0px;
	margin: 0px;
	background-position: left top;
	display: block;
	width: 400px;
	height: 102px;
	background-image: url('images/parentalguide/bgen.gif');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#infobox img {
	border-style: none;
	padding: 0px;
	margin: 0px;
}

#infobox .level{
	display: block;
	width: 258px;
	float: left;
	color: #000000;
}
#infobox .level ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
	background-image: none;
	list-style-image: none;
}
#infobox .level li{
	padding: 3px 0px 1px 90px;
	margin: 0px;
	display: block;
	height: 18px;
	background-image: none;
	list-style-image: none;
}
#infobox .age	{
	display: block;
	width: 142px;
	height: 68px;
	float: right;
	font-size: 4em;
	font-weight: bold;
	color: #eeeeee;
	text-align: center;
	overflow: hidden;
	line-height: 1em;
	padding-top: 30px;
	letter-spacing: -2pt;
	font-family: Calibri, "Trebuchet MS";
}
