#s1 {/* edit 09.3.19 */
float: right;
width: 300px;
margin-right:10px;
}

#blogDetailDiv {/* edit 09.3.19 */
float: left;
width: 625px;
margin-left:10px;
}

div {
/* border: 1px solid #000; */
}

/* Common Corner */
#blogDetailDiv, #subBlogListDiv {
/*

border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

*/}

/* Common Shadow */
#blogDetailDiv, #subBlogListDiv {
/* CSS3 declaration */
/*
-webkit-box-shadow: 2px 2px 4px #888;
-khtml-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 6px #888;

*/}

/* blog */
/*#blogDetailDiv {
position: relative;
float: right;
clear: right;
margin: 0 0 5px 0;
width:100%;
}*/

#blogDetailDiv #blogDetail {
padding: 4px 5px;
}

#blogDetailDiv #headline {
padding: 4px;
font-size: 16px;
font-weight: bold;
}

#blogDetailDiv #blog_title {
padding: 3px;
font-size: 24px;
font-weight: bold;
}


#blogDetailDiv #info {
padding: 2px 4px;
font-size: 10px;
color: #888888;
}

#blogDetailDiv .tag {
display: inline;
}

#blogDetailDiv #info .tag a{
text-decoration: none;
}

#blogDetailDiv #blog_category {
padding: 2px 4px;
font-size: 10px;
color: #888888;
}

#blogDetailDiv #blog_category select {
margin-left: 5px;
}

#blogDetail #blog_publish {
padding: 9px 4px;
}

#blogDetail #blog_publish .caption {
height: 22px;
line-height: 22px;
margin-right: 10px;
float: left;
display: inline;
}

#blogDetail #blog_publish .content {
padding: 0px;
}

#blogDetail #displayTimeDetail {
height: 22px;
line-height: 22px;
display: inline;
}

#blogDetail #blog_publish .caption input {
margin-left: 5px;
vertical-align: middle;
position: relative;
bottom: 1px;
}


#blogDetail #displayTimeDetail option {
font-size: 11px;
padding: 0px 6px;
}


#blogDetailDiv #info .tag a:hover {
text-decoration: underline;
}

#blogDetailDiv .edit_option,
#blogDetailDiv .edit_save {
z-index: 10;
float: right;
display: inline;
margin: 10px 10px 10px 0;
}

#blogDetailDiv #attachment {
position: relative;
margin: 5px 5px;
}

#blogDetailDiv #attachment .image {
position: relative;
float: left;
display: inline;
margin: 5px 0;
}

#blogDetailDiv #attachment .image img {
max-width: 620px;
width: expression(this.width > 620 ? 620: "auto");
}

#blogDetailDiv #attachment .video {
position: relative;
float: left;
display: inline;
margin: 5px 0;
}

#blogDetailDiv #attachment .wDelete {
top: -8px;
right: -8px;
}

#blogDetailDiv #statDiv {
float: right;
display: inline;
color: #666;
border: 1px solid #ccc;
width: 250px;
margin: 10px 5px;
}

#blogDetailDiv #statDiv .pageview, #blogDetailDiv #statDiv .category, #blogDetailDiv #statDiv .collectionInfo, #blogDetailDiv #statDiv .tags, #blogDetailDiv #statDiv .collection {
padding: 3px 5px;
}

#blogDetailDiv #statDiv .tags {
}

#blogDetailDiv #statDiv #ratingDiv {
padding: 5px;
border-top: 1px dashed #EEE;
}


#blogDetailDiv #statDiv #ratingDiv #rateStatus {
}

#blogDetailDiv #statDiv #ratingDiv .stars {
float: left;
display: inline;
width: 100px;
margin-top: 5px;
margin-left: 5px;
}

#blogDetailDiv #statDiv #ratingDiv .ratings {
float: right;
display: inline;
font-size: 10px;
margin: 5px;
}

#blogDetailDiv #thumbnail img{
width: 120px;
}

#blogDetailDiv #blog_content {
font-size:13px;
line-height:20px;
margin: 1.5em 5px 0 5px;
}

#blogDetailDiv #link {
clear:both;
position: relative;
margin: 10px 15px 0 5px;
padding: 5px 0;
text-align: left;
}

#blogDetailDiv #link .share {
float: left;
display:block;
padding: 4px 4px 4px 22px;
margin-right:20px; 
background: url(/images/d3/ico_message.gif) no-repeat center left;
outline: none;
}

#blogDetailDiv #link .comment {
float: left;
display:block;
padding: 4px 4px 4px 22px;
margin-right:20px;
background: url(/images/d3/ico_modify.gif) no-repeat center left;
outline:none;
}

#blogDetailDiv #link .enter { /*eidt 09.10.29*/
float: left;
display:block;
padding: 4px 4px 4px 22px;
margin-right:20px;
background: url(/images/d3/ico_subscribe.gif) no-repeat center left;
outline:none;
}

#blogDetailDiv #link .preview { /*eidt 09.11.24*/
float: left;
display:block;
padding: 4px 4px 4px 22px;
margin-right:20px;
background: url(/images/d3/ico_star.gif) no-repeat center left;
outline:none;
}




#blogDetailDiv #commentDiv { /*eidt 09.4.13*/
clear:both;
width: 100%;
border-top: 1px solid #eee;
}

#blogDetailDiv #commentDiv .submit_m {
width: 60px;
height: 22px;
}

#blogDetailDiv #commentDiv .pager {
margin: 5px;
}

#blogDetailDiv #commentDiv .block,
#blogDetailDiv #commentDiv .unblock {
float:right;
display:block;
font-size:10px;
line-height:16px;
}


#blogDetailDiv #commentDiv #heading {
border-bottom: 1px solid #DDD;
padding: 5px 0;
text-align:left;
text-indent: 10px;
font-size: 16px;
font-weight: bold;
}

#blogDetailDiv #commentDiv #reply {
margin: 10px 10px;
font-size: 14px;
background: url(/images/d3/ico_modify.gif) no-repeat center left;
padding-left: 25px;
}

#blogDetailDiv #commentDiv #replyTextArea {
margin: 10px 0px;
text-align: center;
}

#blogDetailDiv #commentDiv #replyTextArea .button{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#blogDetailDiv #commentDiv #replyTextArea textarea {/* edit 09.3.19 */
width: 600px;
height: 5em;
}


#blogDetailDiv #commentDiv .comment {
margin: 0 10px;
padding: 5px 0;;
clear: both;
border-bottom: 2px dotted #CCC;
}

#blogDetailDiv #commentDiv .comment .thumbnail {
float: left;
margin-right: 10px;
}

#blogDetailDiv #commentDiv .comment .thumbnail img {
width: 64px;
height: 64px;
}

#blogDetailDiv #commentDiv .comment .info {
float: left;
width: 370px;
}

#blogDetailDiv #commentDiv .comment .content {
float: left;
width: 420px;
margin-top: 10px;
}

#blogDetailDiv #commentDiv .comment .block.content {
}

#blogDetailDiv #commentDiv .comment .blockNotice {
font-size: 10px;
color: #222;
padding: 3px;
background: #FFCCCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #FF9999;
margin-top: 8px;
text-decoration: none !important;
}

#subMyProfileDiv {
float: left;
clear: left;
margin-top: 5px;
}

#subMyProfileDiv .myProfile {
padding: 4px 8px;
}

#subMyProfileDiv .thumbnail {
float: left;
display: inline;
margin: 5px 10px 5px 0;
}

#subMyProfileDiv .thumbnail img {
width: 64px;
height: 64px;
}

#subMyProfileDiv .nickname {
font-size: 120%;
font-weight: bold;
margin: 5px;
}

#subMyProfileDiv .description {
clear: both;
margin: 10px 5px;
}

#subMyProfileDiv .uploadBlog {
margin-bottom: 5px;
}

#subMyProfileDiv .separator {
border-bottom: 1px dotted #aaa;
}

#subMyProfileDiv .subscribe {
font-size: 110%;
margin-top: 5px;
padding-left: 22px;
background: url(/images/d3/ico_subscribe.gif) no-repeat left center;
}

#subMyProfileDiv .addToFriend {
font-size: 110%;
margin: 5px 0 10px 0;
padding-left: 22px;
background: url(/images/d3/ico_friend.gif) no-repeat left center;
}


/* sub blog List Div */
#subBlogListDiv {
float: left;
display: inline;
clear: left;
}

#subBlogListDiv .blogList {
padding: 4px 8px;
word-wrap: break-word;
}

#subBlogListDiv .blogS {
padding: 8px 0;
/*
border-bottom: 1px dashed #BAB39E;
*/
}

#subBlogListDiv .blogS .title {
font-size: 13px;
}

#subBlogListDiv .blogS .imageST, #subBlogListDiv .blogS .videoST {
float: right;
display: inline;
margin-left: 10px;
}

#subBlogListDiv .blogS .thumbnail.empty {
float: right;
display: inline;
border: 0;
margin-left: 14px;
}

#subBlogListDiv .blogS .post_time {
display: none;
}


#subBlogListDiv .blogS .thumbnail.empty img {
border: 0;
width: 80px;
height: 60px;
}

/* while edit */
.title_input {
width: 480px;
}

.tag_input {
width: 200px;
}

.content_input {
width: 98%;
}


a#option_addAttachment {
display: block;
margin: 10px 0;
padding: 20px 0;
font-size: 18px;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
text-align: center;
}

a#option_addAttachment:hover {
text-decoration: underline;
}



#uploadGuide, #uploadGuideNext {
padding: 12px 0;
}

#uploadGuideNext p {
text-align: center;
margin: 0 0 8px 0;
font-size: 14px;
color: #888;
}

.uploadNextDiv {
margin-top: 8px;
}

.image .content_desc, .video .content_desc {
margin: 5px 0;
}

#blogDetailDiv #addedAttachmentDiv {
clear: both;
padding: 5px;
}

#blogDetailDiv #addedAttachmentDiv #att_notice {
font-size: 10px;
}

#blogDetailDiv #addedAttachmentDiv .newAttachment,
#blogDetailDiv #addedAttachmentDiv .newUpload {
position: relative;
float: left;
display: inline;
margin: 5px;
}

#blogDetailDiv #addedAttachmentDiv .newUpload {
width: 114px;
height: 76px;
line-height: 74px;
text-align: center;
color: #FFF;
font-size: 12px;
font-weight: bold;
background: url(/images/d5/thumb_upload_m.jpg) no-repeat;
}
#blogDetailDiv #addedAttachmentDiv .newAttachment img {
width: 114px;
height: 76px;
}

#blogDetailDiv .loading {
float: left;
display: inline;
width: 16px;
height: 16px;
line-height: 16px;
margin-right: 8px;
background: url(/images/d3/loading.gif);

}

#vtpDiv {
background: #000;
width: 646px;
height: 385px;
}


/* ttb */
#field_invite {
width: 480px;
border-top: 1px solid #919191;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
font-family: 'Lucida Grande','tahoma','verdana','arial','sans-serif';
padding: 2px;
line-height: 20px;
}

#field_invite a.entry {
float: left;
display: block;
color: #333 !important;
cursor: text;
margin: 2px 2px;
font-size: 10px;
font-weight: bold;
line-height: 14px;
padding: 1px 6px;
background-color: #DDD;
outline: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}



#field_invite .entry.selected,
#field_invite .entry.selected:hover {
background-color: #99cc99;
text-decoration: none;
}

#field_invite .entry:hover {
text-decoration: none;
background-color: #CCC;
color: #333;
}

#field_invite .entry input {
display:none;
}

#field_invite a.entry a {
text-decoration: none;
cursor: pointer;
color: #AAA !important;
}

#field_invite .entry a:hover {
font-weight: bold;
color: #333;
}

#field_invite input {
float: left;
display: inline;
border: none;
cursor: text;
outline: none;
font-size: 12px;
margin: 2px 2px;
padding: 0 5px;
}

.token_dummy,.token_separator,.tabhelper {
float: left;
display:block;
overflow:hidden;
width:0;
}

.tabhelper input {
position:relative;
display:inline;
left: -3000px;
border:none;
width:0;
}

#blogDetailDiv #commentDiv .comment .blockuser {
float: right;
display: block;
font-size: 10px;
line-height: 16px;
margin-right: 10px;
}


.blog_embed {
	float:left;
	width: 98%;
	padding:10px 0;
}
.blog_embed .embed_code {
	width: 98%;
	height:100px;
}