@charset "utf-8";
*							{ margin: 0; padding: 0; list-style: none; -webkit-text-size-adjust: 100%;}
body, input, textarea		{ color: #333333; font-size: 12px; font-family: Georgia;}
a							{ color: #333333; text-decoration: underline; font-weight: normal;}
hr							{ display: none;}
img							{ border: 0 none;}
table						{ border-collapse: collapse;}
.desktop, .vimeo, .youtube_ipad, #outer_btn_left, #outer_btn_right { display: none;}
#header li a, #paging li a,  #btnComment a, #footer_index a, .listview_wrap a, .control a, h3 a { text-decoration: none;}

/* Layout */
#wrap						{ padding: 25px 10px 10px 10px;}
#container					{ width: 100%;}
#footer						{ height: 30px; margin-top: 10px; padding-top: 8px; border-top: 1px solid black;}

/* Header Menu & Comment Button & Paging */
#header h1					{ margin: 0 0 18px 5px; width: 280px; height: 25px; overflow: hidden;}
#header h1 a				{ background: url(./title_i.png) no-repeat top left; float: left; overflow: hidden; padding: 25px 0 0 0; width: 280px; height: 0px !important;}
#header ul					{ border-top: 1px solid black; border-bottom: 1px solid black; margin-bottom: 15px; padding: 3px 0;}
#header li					{ display: inline;}
#header li a				{ margin: 0 5px;}
#paging li a				{ margin-right: 10px;}
#btnComment					{ margin-bottom: 12px; text-align: right;}
#paging li					{ display: inline; float: left}
#footer_index				{ float: right;}

/* Content */
#content					{ word-wrap: break-word;}
#searchList li				{ margin-top: 10px; padding: 10px; border: 1px solid black;}
.article h1					{ font-size: 16px; font-weight: normal; text-align: right; margin-top: 19px;}
.article					{ margin-bottom: 10px; text-align: justify; line-height: 150%;}
.article .youtube_iphone	{ width: 100%; background-color: #eeeeee; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.article .youtube_iphone div { width: 300px; height: 170px; margin: 0 auto; padding: 15px 0;}
#entryProtected				{ text-align: center; padding: 20px 0 17px 0;}
#passwordBox input			{ padding: 1px 3px; width: 70px; border: 1px solid black;}
#passwordSubmit input		{ margin-top: 3px; border: 0 none; background-color: white; font-size: 11px;}

/* List */
h2							{ font-size: 13px; color: #333333; font-weight: normal;}
h3							{ font-size: 12px;}
.listview					{ min-height: 75px; height: auto !important; height: 75px; padding: 0 10px 0 127px; text-align: left; line-height: 140%;}
.listdate					{ font-size: 12px; font-weight: normal; color: #999999; margin-top: 5px;}
.dashedline					{ border-top: 1px dashed black; margin: 10px 0;}

/* Comment & Guestbook List */
.guest_general, .guest_admin, .guest_secret, .rp_general, .rp_admin, .rp_secret { padding: 10px 0;}
#guestbook .commentList li	{ margin-bottom: 15px; padding: 0 10px; border: 1px solid black;}
.comment .commentList li	{ padding: 0 5px; border-top: 1px dashed black;}
#guestbook .commentList li ul li { margin-top: 10px;}
#guestbook .commentList li ul li, .comment .commentList li ul li { padding-left: 20px; background: url(./reply.png) no-repeat top left;}
.date, .control a			{ color: #999999; font-size: 11px; font-weight: normal;}
.commentList p				{ margin-top: 5px;}


/* Comment & Guestbook Write */
.commentWrite				{ padding-top: 15px; border-top: 1px dashed black;}
.commentWrite p				{ padding-right: 2px;}
.commentWrite textarea		{ width: 100%; border: 1px solid black;}
.commentInfo				{ text-align: right;}
.commentInfo input.name, .commentInfo input.password, .commentInfo input.homepage {	width: 200px; height: 16px; margin-top: 6px; border: 0 none; border-bottom: 1px solid black;}
.commentSubmit				{ text-align: right;}
.commentSubmit input		{ width: 200px; height: 20px; margin: 10px 0 5px 0;}
.commentWrite textarea, .commentInfo input.name, .commentInfo input.password, .commentInfo input.homepage, .commentSubmit input	{ -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-appearance: none;}