/*
Theme Name:PRNW V2
Theme URI:
Author:The Jakarta Post Team
Author URI:
Description:
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:light, 
Text Domain:PRNW V2

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {font-family:'Boxn';src:url('./font/box-medium-webfont.eot');src:url('./font/box-medium-webfont.eot?#iefix') format('embedded-opentype'),url('./font/box-medium-webfont.woff') format('woff'),url('./font/box-medium-webfont.ttf') format('truetype'),url('./font/box-medium-webfont.svg#BoxMedium') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'box-reg';
	src:url('./font/box-regular.eot');
	src:url('./font/box-regular.eot?#iefix') format('embedded-opentype'),
		url('./font/box-regular.ttf') format('truetype'),
		url('./font/box-regular.svg#BoxMedium') format('svg');
	font-weight:normal;font-style:normal;}
@font-face {font-family:'box-bold';
	src:url('./font/box-bold.eot');
	src:url('./font/box-bold.eot?#iefix') format('embedded-opentype'),
		url('./font/box-bold.ttf') format('truetype'),
		url('./font/box-bold.svg#BoxMedium') format('svg');
		font-weight:normal;font-style:normal;}
@font-face {font-family:'helvetica-reg';src:url('./font/HelveticaNeueLTStd-Roman.otf');font-weight:normal;font-style:normal;}
@font-face {font-family:'helvetica-med';src:url('./font/HelveticaNeueLTStd-Md.otf');font-weight:normal;font-style:normal;}
@font-face {font-family:'helvetica-light';src:url('./font/HelveticaNeueLTStd-Lt.otf');font-weight:normal;font-style:normal;}
@font-face {font-family:'helvetica-italic';src:url('./font/HelveticaNeueLTStd-It.otf');font-weight:normal;font-style:normal;}

body {
    background: url('images/page_topbg.jpg');
    background-size: 100%;
    background-position: center top;
    background-repeat: repeat-x;
}
body .content-wrap {
    background:white;
    position: relative;
}
.line-v1 {
    position:absolute;
    height:100%;
    border-left:2px solid rgba(0,0,0,0.07);
    top:0;
    right:290px;
}
.line-v2 {
    position:absolute;
    height:100%;
    border-left:2px solid rgba(0,0,0,0.07);
    top:0;
    right:400px;
}
.col1 {
    float:left;
    width:520px;
    margin-left:16px;
}

.col2 {
    float:right;
    margin-right:10px;
    width:372px;
}

.col3 {
    float:left;
    width:116px;
    margin-left:16px;
}

.col4 {
    float:left;
    margin-left:32px;
    width:480px;
}
.col5 {
    float:right;
    width:250px;
    margin-right:16px;
}

article {display:block;border-bottom:1px solid rgba(0,0,0,0.15);margin-bottom: 10px;}
article:first-child {background:rgba(31,82,123,0.08);}
article .article-list-left {margin-top:12px;float:left;width:58px;height:58px;position:relative;border:1px solid rgba(0,0,0,0.15); }
article .article-list-right {float:left;width:500px;margin-left:0px;margin-bottom:24px;}
article .article-list-right .article-date {font-family:helvetica-reg;font-size:12px;color:#808080;}
article .article-image {float:right;width:120px;height:150px;}
article .article-image img {width:120px;height:120px;margin-top:20px;}

.camn {text-align: center;}
.camn img {height:100px;margin-top:32px;margin-bottom:32px;}

.sidebar-list {margin-bottom:32px;}
.sidebar-item {margin-top:6px;position:relative;float:left;margin-right:6px;width:116px;height:116px;border:1px solid rgba(0,0,0,0.15);}
.line-single {border-top:3px solid rgb(223,6,19);height:22px;display:block;clear:both;margin:0 16px;}


.pagination{margin-top:25px;margin-bottom:50px;margin-left:10px;margin-right:10px;text-align: center;}
.pagination a, .pagination div {display:inline-block;cursor:pointer;vertical-align:top}
.pagination a:hover {text-decoration:none}
.pagination .next{width:64px;height:28px;background: url('images/pagination-next-button.png');}
.pagination .prev{width:93px;height:28px;background: url('images/pagination-previous-button.png');margin-right:5px;}
.pagination .num {border:1px solid #CCCCCC;font-family:Boxn;font-size:16px;color:rgb(223,6,19);padding:5px 9px 0;height:22px;margin:0;}
.pagination .num.active, .pagination .num:hover {background:rgb(223,6,19);color:white}

.article-image-wrap {
    width: 58px;
    height: 58px;
    position: relative;
    overflow: hidden;
}
.article-list-left > .article-image-wrap {
    display: table;
    position: static;
}
.article-image-wrap div {
    position: absolute;
    top: 50%;
    text-align: center;
}
.article-image-wrap div div {
    position: relative;
    top: -50%;
}
.article-image-wrap > div {
    display: table-cell;
    vertical-align: middle;
    position: static;
}

.article-image-wrap img {
    margin: 0;
    max-width: 50px;
    max-height: 50px;
}



.sidebar-image-wrap {
    width: 116px;
    height: 116px;
    position: relative;
    overflow: hidden;
}
.sidebar-item > .sidebar-image-wrap {
    display: table;
    position: static;
}
.sidebar-image-wrap div {
    position: absolute;
    top: 50%;
    text-align: center;
}
.sidebar-image-wrap div div {
    position: relative;
    top: -50%;
}
.sidebar-image-wrap > div {
    display: table-cell;
    vertical-align: middle;
    position: static;
}

.sidebar-image-wrap img {
    margin: 0;
    max-width: 100px;
    max-height: 100px;
}


.title-s1 {margin-bottom:12px;border-top:3px solid rgb(223, 6, 19);color:rgb(223, 6, 19);font-family:box-bold;font-size:20px;border-bottom:1px solid rgba(0,0,0,0.15);padding:6px 0;}
.title-s2 {margin-bottom:12px;border-top:3px solid rgb(0,0,0);color:rgb(0,0,0);font-family:Boxn;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.15);padding:6px 0;}

.mt15 {margin-top:25px;}

.col4 img {max-width:100%;margin-bottom:20px;}
.col4 img.aligncenter {display:table;margin:6px auto;}
.link-list ul li {border-bottom: 1px solid rgba(0,0,0,0.15);}
.link-list ul li a {font-family:Boxn;font-size:13px;color:rgb(31,82,123);margin:8px 0;display:block;}

h1.single-title {font-family:Boxn;font-size:30px;line-height:32px;color:black;}
.single-date {font-family:helvetica-reg;font-size:12px;color:#808080;line-height:28px;margin-bottom:20px}
.single-content {font-family:helvetica-light;color:#333333;font-size:15px;line-height:24px;}
.single-content p, single-content div {margin-bottom:20px;}
.col5 img {float:right;width:60px;height:60px;margin-top:12px;}
.col5 .link-list ul li .cc.img {float:left;width:180px;}
.col5 .link-list ul li .cc {font-family:helvetica-reg;font-size:12px;color:#666666;line-height:18px;}
.sf-navbar>li>ul {background:white;}

ul.tabs {background:white;}
.tabcontent {padding:10px;background:#FFF;border:1px solid #D0D0D0;border-top:none;}
.tabcontent > div > ul > li > div:nth-child(2) {width:300px !important;}
.tabbed_area ul.tabs li a.active {color:black;}