#s1 {
float: right;
width: 300px;
margin-right:10px;
}

#blogDetailDiv {
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 {
float: left;
margin: 0 0 5px 0px;
}

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

#blogDetailDiv #blogDetail #cNavDiv{
float: right;
display:inline;
padding: 8px;
font-size: 10px;
}

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

#blogDetailDiv #content_title {
padding: 0 4px 4px 4px;
margin-left: -4px;
font-size: 16px;
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 #info .tag a:hover {
text-decoration: underline;
}

#blogDetailDiv .option,
#blogDetailDiv .save {
float: right;
display: inline;
margin: 10px;
}

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

#blogDetailDiv #attachment .image {
text-align: center;
padding: 20px 0;
}

#blogDetailDiv #attachment .image img {
max-width: 95%;
margin:0 auto;
/*width: expression(this.width > 620 ? 620: "auto");*/
}

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

#blogDetailDiv #attachment .cDiv {
position: relative;
display: inline-block;
border: 1px solid #F00;
}

#blogDetailDiv .content_input {
margin-left: -5px !important;
width:320px;
}

#blogDetailDiv #statDiv {
float: right;
display: inline;
/* color: #666; */
border: 1px solid #ccc;
width: 265px;
margin: 0 0px 10px 0px;
}

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

#blogDetailDiv .caption {
padding: 3px 5px;
}

#blogDetailDiv #displayTimeDetail {
padding: 3px 0px 3px 2px;
}

#blogDetailDiv .caption input {
margin-left: 5px;
position: relative;
bottom: 1px;
}


#blogDetailDiv #displayTimeDetail select,
#blogDetailDiv #displayTimeDetail option,
#blogDetailDiv #displayTimeDetail select {
font-size: 11px;
padding: 0px;
}

#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: 120px;
padding:0 5px 5px 0;
}

#blogDetailDiv #statDiv #ratingDiv .ratings {
position:relative;
clear:both;
font-size: 10px;
margin: 5px;
vertical-align:middle;
}
#blogDetailDiv #statDiv #ratingDiv .rateTime {
float: right;
display: inline;
padding:5px;
vertical-align:middle;
}



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

#blogDetailDiv #content_desc {
margin: 0 15px 0 5px;
}

#blogDetailDiv #content_tag,
#blogDetailDiv #content_collection,
#blogDetailDiv #content_category {
display:inline;
}

#blogDetailDiv #link {
margin: 4px 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 #commentDiv {
width: 100%;
border-top: 1px solid #eee;
}

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

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

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

#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 {
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;
}

#subBlogListDiv .blogS {
padding: 8px 0;
/*
border-bottom: 1px dashed #BAB39E;
*/
}
#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: 320px;
}

.tag_input {
width: 200px;
}

.content_input {
width: 375px;
}

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

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


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