/* ***** Post Content ***** */
.cpage {position:relative;}
.cpage .post {margin-left:339px;}
.cpage .post .sitepath {font-size:14px; margin:10px 0px; color:#ff5301;}
.cpage .post .sitepath a {font-size:14px; color:#ff5301;}
.cpage .post .ndate {margin:15px 0px; width:auto; font-size:16px; color:#4c4c4c;}
.cpage .post .socialcntitems {height:20px; margin-bottom:20px;}
.cpage .post .nsub {font-size:14px; font-style:italic;}
.cpage .sidebar {position:absolute; top:13px; left:0px; width:300px;}
.cpage .sidebar .widget {margin-bottom:30px; border-bottom:solid 1px #e1e1e1;}
.cpage .sidebar .widget .title {font-size:28px; font-weight:700; color:#28345e; padding-left:50px; height:38px; line-height:38px; margin-bottom:15px;}
.cpage .sidebar .widget ul {margin:0px; padding:0px; list-style:none;}
.cpage .sidebar .widget ul li {background:url(/images/0/bullet.png) left 18px no-repeat; padding-left:18px; border-top:solid 1px #e1e1e1;}
.cpage .sidebar .widget ul li a {display:block; color:#000; margin:10px 0px; font-size:17px;}
.cpage .sidebar .widget ul li a.selected {text-decoration:underline;}
.cpage .sidebar .widget.recent .title {background:url(/images/0/icon-recent-post.png) left center no-repeat;}
.cpage .sidebar .widget.most .title {background:url(/images/0/icon-popular-post.png) left center no-repeat;}
.cpage .sidebar .widget.archive .title {background:url(/images/0/icon-archives.png) left center no-repeat;}
.cpage .sidebar .widget.cats {margin-bottom:0px;}
.cpage .sidebar .widget.cats .title {background:url(/images/0/icon-categories.png) left center no-repeat;}

.res1810 .cpage .post .nsub {font-size:20px; font-style:italic;}
.res1810 .cpage .post .ndate {font-size:20px;}

.res720 .cpage .post {margin-left:0px;}
.res480 .cpage .post {margin-left:0px;}
.res320 .cpage .post {margin-left:0px;}

.res940 .cpage .sidebar {width:292px;}
.res720 .cpage .sidebar {position:static; margin-top:30px; width:auto;}
.res480 .cpage .sidebar {position:static; margin-top:30px; width:auto;}
.res320 .cpage .sidebar {position:static; margin-top:30px; width:auto;}

/* Images */
.container .carea img.left {float:left; margin:6px 25px 15px 0px; width:auto;}
.container .carea img.right {float:right; margin:1px 0px 15px 25px; width:auto;}
.container .carea img.banner {display:inline;}

.res1810 .container .carea img.left {width:auto;}
.res1810 .container .carea img.right {width:auto;}

.res940 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res940 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res940 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res720 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res720 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res720 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res480 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res480 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res480 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

.res320 .container .carea img {position:static; float:none; margin:0px auto; width:auto;}
.res320 .container .carea img.left {float:none; margin:0px auto 20px auto; width:auto;}
.res320 .container .carea img.right {float:none; margin:0px auto 20px auto; width:auto;}

/* Iframes */
.container .carea iframe {display:block; margin:0px auto; max-width:100%;}
.container .carea iframe.i-left {float:left; margin:5px 25px 25px 0px; max-width:50%;}
.container .carea iframe.i-right {float:right; margin:5px 0px 25px 25px; max-width:50%;}

.res480 .container .carea iframe.i-left {float:none; margin:0px auto 10px; max-width:100%;}
.res480 .container .carea iframe.i-right {float:none; margin:0px auto 10px; max-width:100%;}

.res320 .container .carea iframe.i-left {float:none; margin:0px auto 10px; max-width:100%;}
.res320 .container .carea iframe.i-right {float:none; margin:0px auto 10px; max-width:100%;}

/* * Horizontal Popular Blog Post (Border Line Solid) * */
.hpplblg {width:100%; overflow:hidden; margin:0px;}
.hpplblg .hpplblgarea {overflow:hidden; border-bottom:solid 1px #c8c8c8; padding:0px 0px 0px 0px; width:100%;}
.hpplblg .hpplblgttl {text-align:center; position:relative;}
.hpplblg .hpplblgttl span {background:#fff; line-height:30px; position:relative; font-size:24px; z-index:1; padding:0px 10px; color:#28345e; font-weight:700; text-transform:uppercase;}
.hpplblg .hpplblgttl .hpplblghline {border-top:solid 1px #c8c8c8; position:absolute; width:100%; top:15px;}
.hpplblg .hpplblgarea .hpplblgpost {float:left; width:33%; text-align:left;}
.hpplblg .hpplblgarea .hpplblgpost .cnt {position:relative; margin:15px 5px; min-height:53px;}
.hpplblg .hpplblgarea .hpplblgpost .cnt .pic {position:absolute; width:80px; top:0px; left:0px;}
.hpplblg .hpplblgarea .hpplblgpost .txt {margin-left:90px;}
.hpplblg .hpplblgarea .hpplblgpost .txt a {color:#000; font-weight:400; line-height:18px; font-size:15px;}

.res940 .hpplblg .hpplblgarea .hpplblgpost .cnt .pic {display:none;}
.res940 .hpplblg .hpplblgarea .hpplblgpost .txt {margin-left:0px;}

.res720 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res480 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .hpplblg .hpplblgttl span {font-size:18px; line-height:20px; padding:0px 10px; display:block; width:175px; margin:0px auto;}

/* Horizontal Recent Blog Post (Border Line Dashed) */
.rcntblgpst {width:100%; overflow:hidden; margin:0px;}
.rcntblgpst .hpplblgarea {overflow:hidden; border-bottom:dashed 1px #c8c8c8; padding:0px 0px 0px 0px; width:100%;}
.rcntblgpst .hpplblgttl {text-align:center; position:relative;}
.rcntblgpst .hpplblgttl span {background:#fff; line-height:30px; position:relative; font-size:24px; z-index:1; padding:0px 10px; color:#28345e; font-weight:700; text-transform:uppercase;}
.rcntblgpst .hpplblgttl .hpplblghline {border-top:dashed 1px #c8c8c8; position:absolute; width:100%; top:15px;}
.rcntblgpst .hpplblgarea .hpplblgpost {float:left; width:33%; text-align:left;}
.rcntblgpst .hpplblgarea .hpplblgpost .cnt {position:relative; margin:15px 5px; min-height:53px;}
.rcntblgpst .hpplblgarea .hpplblgpost .cnt .pic {position:absolute; width:80px; top:0px; left:0px;}
.rcntblgpst .hpplblgarea .hpplblgpost .txt {margin-left:90px;}
.rcntblgpst .hpplblgarea .hpplblgpost .txt a {color:#000; font-weight:400; line-height:18px; font-size:15px;}

.res940 .rcntblgpst .hpplblgarea .hpplblgpost .cnt .pic {display:none;}
.res940 .rcntblgpst .hpplblgarea .hpplblgpost .txt {margin-left:0px;}

.res720 .rcntblgpst .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res480 .rcntblgpst .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .rcntblgpst .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .rcntblgpst .hpplblgttl span {font-size:18px; line-height:29px; padding:0px 10px; display:block; width:200px; margin:0px auto;}

.separator {background:#b0b9c0; height:1px; width:100%; margin:23px 0px;}

/* Blog Footer */
.blog-footer .blog-cnt span.title {font-size:25px; color:#28345e; line-height:normal; text-align:left; font-weight:700; margin-bottom:25px; display:block;}
.blog-footer .blog-cnt {overflow:hidden; margin:0px auto;}
.blog-footer .blog-cnt .cpost {float:left; width:24%; padding:0px 4px 0px 4px;}
.blog-footer .blog-cnt .cpost.cpost4 {padding-right:0px !important;}
.blog-footer .blog-cnt .cpost.cpost1 {padding-left:0px !important;}
.blog-footer .blog-cnt .cpost .npic img {margin:0px auto;}
.blog-footer .blog-cnt .cpost .text {font-size:17px; font-weight:400; text-align:left; margin-top:13px;}
.blog-footer .blog-cnt .cpost .text a {color:#2b2b2b;}

.res940 .blog-footer .blog-cnt .cpost {width:24%; padding:0px 3px 0px 3px;}

.res720 .blog-footer .formcoment {margin-top:20px;}
.res720 .blog-footer .blog-cnt .cpost {width:50%; padding:0px; margin-bottom:15px; min-height:235px;}
.res720 .blog-footer .formcoment .formcomentHeader .title {display:block;}
.res720 .blog-footer .formcoment .formcomentHeader .countComent {float:left;}
.res720 .blog-footer .blog-cnt .cpost .npic {margin:0px 10px 0px 10px;}
.res720 .blog-footer .blog-cnt .cpost .text {margin:7px 10px 0px 10px;}

.res480 .blog-footer .blog-cnt .cpost {width:48%; margin-bottom:15px; min-height:245px;}
.res480 .blog-footer .blog-cnt .cpost .npic {margin:0px;}
.res480 .blog-footer .blog-cnt .cpost .text {max-width:272px; margin:10px auto;}
.res480 .blog-footer .formcoment .comentfoot .login {margin-top:10px;}

.res320 .blog-footer .blog-cnt .cpost {width:100%; margin-left:0px; margin-bottom:15px;}
.res320 .blog-footer .formcoment .formcomentHeader .title {display:block;}
.res320 .blog-footer .formcoment .formcomentHeader .countComent {float:left; text-align:left; margin:0px;}
.res320 .blog-footer .formcoment .formareaComment {padding-right:5px;}
.res320 .blog-footer .blog-cnt .cpost .npic {margin:0px auto;}
.res320 .blog-footer .blog-cnt .cpost .npic img {max-width:100%; margin:0px auto; display:block;}
.res320 .blog-footer .blog-cnt .cpost .text {width:auto; padding:0px 5px 0px 0px; margin:3px auto;}

/* Comments */
.blog-footer .formcoment {float:left; width:100%; margin:55px 0px 10px;}
.blog-footer .formcoment .formcomentHeader {position:relative; overflow:hidden; margin-bottom:10px;}
.blog-footer .formcoment .formcomentHeader .title {font-size:25px; color:#ff5301; font-weight:700;}
.blog-footer .formcoment .formcomentHeader .countComent {font-size:18px; line-height:18px; padding:8px 0px 8px 0px; float:right; text-align:right;}
.blog-footer .formcoment .formareaComment {padding-right:23px;}
.blog-footer .formcoment .formareaComment .sendComment button {background:#28345e; border:0; padding:10px; width:150px; border-radius:5px; float:right; margin:10px 0px 0px; color:#fff; font-weight:700; cursor:pointer; margin-right:-23px;}
.blog-footer .formcoment .formareaComment .sendComment button:hover {background:#ff5301;}
.blog-footer .formcoment .formareaComment textarea.comentText {background:none; border:solid 1px #ff5301; border-radius:5px; display:block; width:100%; padding:10px; min-height:76px; color:#020202; font-size:16px; resize:none;}
.blog-footer .formcoment .formareaComment .cwrPH {color:#020202 !important;}
.blog-footer .formcoment .comentfoot .login {margin:20px 0px 0px 0px; text-align:left; font-size:15px;}
.blog-footer .formcoment .comentfoot .login a {font-size:16px; color:#28345e; font-weight:700;}

.blog-footer .coments {overflow:hidden; margin:0px;}
.blog-footer .coments .coment {margin-top:25px;}
.blog-footer .contentList p {margin:7px 0px 0px 0px; font-size:18px;}
.blog-footer .listheader {border-top:2px solid #cacbcd; color:#666; font-size:17px; padding-top:15px;}
.blog-footer span.dateComent {font-weight:300; font-size:15px; display:inline; color:#666;}
.blog-footer span.name {color:#28345e; font-size:15px; margin:0px; display:inline;}

.res480 .blog-footer .formcoment {margin:30px 0px 10px 0px;}

.res320 .blog-footer .formcoment {float:none; width:auto; margin:20px 0px 0px 0px;}
.res320 .blog-footer .formcoment .comentfoot .login {margin:10px 0px 0px 0px; font-size:15px;}
.res320 .blog-footer .formcoment .comentfoot .login a {font-size:15px;}
.res320 .blog-footer .formcomentHeader {height:auto;}
.res320 .blog-footer .formcomentHeader .title {line-height:normal; height:auto; text-align:left; font-size:26px;}
.res320 .blog-footer .formcomentHeader .countComent {float:left; width:100%; line-height:normal; margin-top:10px; position:static;}
.res320 .blog-footer .formareaComment textarea.comentText {width:94%; float:none;}
.res320 .blog-footer .formareaComment .sendComment button {margin:15px -5px 0px 10px; display:block; width:140px; padding:10px 5px 10px 5px;}
.res320 .blog-footer .formcomentfoot {margin:20px 0px 20px 0px; clear:both; line-height:23px;}