.container .carea {position:relative;}
.container .carea .postlist {padding-right:301px;}

.list {float:left;margin:0;padding:0px 0px 0px 20px;width:350px;}
.res1810 .list {width:770px;}
.res940 .list {float:none;width:auto;clear:both;}
.res720 .list {float:none;width:auto;}
.res480 .list {float:none;width:auto;}
.res320 .list {float:none;width:auto;}

.sitepath {font-size:12px; margin:10px 0px; color:#ff5301; font-weight:500;}
h1 {font-weight:600; border:none; padding:0px; margin:0px 0px 15px 0px;}
.ndate {margin:15px 0px; width:auto; font-size:16px; color:#ff5301; text-transform:uppercase; font-weight:600;}

.res1810 .carea .postlist {padding-right:380px;}

.res480 .carea .postlist {padding-right:0px;}
.res480 .carea {padding-bottom:30px;}
.res480 .carea .ndate {padding:7px 0px;}

.res320 .carea .postlist {padding-right:0px;}
.res320 .carea {padding-bottom:30px;}

/* Images */
.carea img {display:block; margin:5px auto 0px; max-width:100%; width:auto; height:auto; float:none;}
.carea img.left {float:left; margin:6px 25px 25px 0px;}
.carea img.right {float:right; margin:6px 0px 25px 25px;}

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

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

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

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

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

.res320 .carea iframe.i-left {float:none; margin:0px auto 10px; max-width:100%;}
.res320 .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; padding:0px 0px 10px 0px;}
.hpplblg .hpplblgarea .hpplblgpost .txt {padding:10px 10px 10px 40px; background:url(/images/0/check-m.png) left -4px no-repeat;}
.hpplblg .hpplblgarea .hpplblgpost .txt a {color:#28345e;font-weight:400;line-height:20px;font-size:15px;}

.res1810 .hpplblg .hpplblgarea .hpplblgpost .txt a {line-height:20px;font-size:18px;}
.res940 .hpplblg .hpplblgarea {padding:0px 20px 0px 20px;}
.res720 .hpplblg .hpplblgarea {padding:0px 10px 0px 10px;}
.res720 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res480 .hpplblg .hpplblgarea {padding:0px 10px 0px 10px;}
.res480 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .hpplblg .hpplblgarea .hpplblgpost {width:auto; float:none; margin:0px;}
.res320 .hpplblg .hpplblgarea {padding:0px 10px 0px 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; padding:0px 0px 10px 0px;}
.rcntblgpst .hpplblgarea .hpplblgpost .txt {padding:10px 10px 10px 40px; background:url(/images/0/check-m.png) left -4px no-repeat;}
.rcntblgpst .hpplblgarea .hpplblgpost .txt a {color:#28345e;font-weight:400;line-height:20px;font-size:15px;}

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

/* Blog Footer */
.blog-footer .blog-cnt span.title {font-size:25px; color:#28345e; line-height:normal; text-align:left; text-transform:uppercase; 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;}
.separator {background:#b0b9c0; height:1px; width:100%; margin:23px 0px;}

.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; width:230px; float:left;}

.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;}
.blog-footer .formcoment .formareaComment .cwrPH {color:#020202 !important;}
.blog-footer .formcoment .comentfoot .login {margin:20px 0px 0px 0px; text-align:left;}
.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 {text-align:justify; margin:7px 0px 0px 0px;}
.blog-footer .listheader {border-bottom:1px solid #ff5301; padding-bottom:7px; color:#666;}
.blog-footer span.dateComent {margin:0px 0px 0px 5px; font-weight:300; font-size:15px; display:inline; color:#666;}
.blog-footer span.name {color:#28345e; font-size:17px; padding:0px 5px 0px 0px; margin:0px; display:inline; font-weight:700;}

.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;}
/* Blog Footer */

.socialcntitems {margin:15px 0px;}

/* ** SideBar ** */
.sidebar {position:absolute; top:30px; right:20px; width:271px;}
.sidebar .widget {margin-bottom:30px; overflow:hidden;}
.sidebar .widget .title {height:41px; line-height:41px; text-align:left; font-size:17px; text-transform:uppercase; color:#fff; font-weight:700;}
.sidebar .widget.cats-icon .title {background:url(/images/0/categories-icon.png) 10px center no-repeat #999;}
.sidebar .widget.rpost-icon .title {background:url(/images/0/recentpost-icon.png) 10px center no-repeat #999;}
.sidebar .widget.mpost-icon .title {background:url(/images/0/popular-icon.png) 10px center no-repeat #999;}

.sidebar .widget .title span {padding-left:43px;}
.sidebar .widget .cnt ul {list-style:none; padding:0px; margin:0px; border-bottom:1px solid #c2c0c0;}
.sidebar .widget .cnt ul li {border-top:1px solid #c2c0c0;}
.sidebar .widget .cnt ul li a {font-size:16px; color:#28345e; display:block; padding:10px 25px 10px 25px; text-align:left; margin:3px auto; background:url(/images/0/bullet.png) 10px 13px no-repeat; font-weight:600; text-transform:uppercase;}
.sidebar .widget .cnt ul li a:hover {background:url(/images/0/bullet.png) 10px 13px no-repeat #eee; text-decoration:none;}
.sidebar .widget .cnt ul li ul {list-style:none; padding:0px 0px 0px 20px; margin:0px; border:none;}
.sidebar .widget .cnt ul li ul li {border-top:none;}
.sidebar .widget .cnt ul li ul li a {font-size:15px; color:#28345e; display:block; padding:10px 25px 10px 25px; text-align:left; margin:3px auto 0px auto; font-weight:400; text-transform:uppercase;}
.sidebar .widget .cnt ul li ul li a:hover {background:url(/images/0/bullet.png) 10px 13px no-repeat #eee; text-decoration:none;}

.sidebar .widget.archive .cnt ul li {position:relative;}
.sidebar .widget.archive .cnt ul li img {position:absolute; right:25px; top:20px; cursor:pointer;}
.sidebar .widget.archive .cnt ul li ul {display:none;}
.sidebar .widget.archive .cnt ul li ul li a {padding:13px 35px;}

.sidebar .widget.newsletter {margin:0px;}

.sidebar .widget .form {background:#e3e6ec; overflow:hidden; padding:25px 0px 25px 0px;}
.sidebar .widget.newsletter .form {background:#999;}
.sidebar .widget .form .formtt {font-size:20px; line-height:22px; font-weight:600; color:#fff; text-align:center; margin:0px 0px 20px 0px; text-transform:uppercase;}
.sidebar .widget .form form {margin:0px 15px 0px 15px;}
.sidebar .widget .form form label {float:left; display:block; font-size:18px; color:#fff; line-height:37px; font-weight:600;}
.sidebar .widget .form input {width:100%; border:0; height:40px; margin-bottom:10px; padding-left:11px; color:#28335d; font-weight:600; box-sizing:border-box;}
.sidebar .widget .form input.cwrPH {color:#28335d !important;}
.sidebar .widget .form form .security input.code {height:35px; width:110px; float:right; padding:0px 10px 0px 10px; text-align:center; margin-bottom:15px;}
.sidebar .widget .form form .security input.submit {margin:0px; padding:0; width:100%; height:44px; font-size:20px; color:#ffffff !important; background:#de5313; text-transform:uppercase; border:none; font-weight:700; outline:none; cursor:pointer;}
.sidebar .widget .form form .security input.submit:hover {background:#112042;}
.sidebar .widget .form form .security label {float:left; display:block; font-size:18px; color:#fff; line-height:37px; font-weight:600;}
.sidebar .widget .form form .security label b {text-decoration:underline;}

.res1810 .sidebar {width:348px;}

.res480 .sidebar {position:static; width:100%; margin-top:25px; top:0px; right:0px;}
.res480 .sidebar .widget .form form .security input.code {width:70%;}
.res320 .sidebar {position:static; width:100%; margin-top:25px; top:0px; right:0px;}
.res320 .sidebar .widget .form form .security input.code {width:53%;}