/*
Theme Name: Initiator
Theme URI: http://colorlabsproject.com
Description: Wordpress Newspaper theme by <a href="http://colorlabsproject.com">ColorLabs & Company</a>.
Author: ColorLabs & Company
Author URI: http://colorlabsproject.com/
Version: 1.3.7
Tags: clean, newspaper, responsive, admin panel, threaded-comments, featured-image, widgets, two-columns, fixed-width
*/

/* #Basic HTML
================================================== */
body {
  color:#4d4d4d;
  font: 14px/1.5 'Trebuchet MS', 'Arial', 'Liberation Sans', FreeSans, sans-serif;
}
p { line-height:1.6 }
/* Separator */
.separator {
	height:0;
	margin:30px 0;
	border-top:1px solid #ddd
}
.column { margin-bottom:15px }
.main {padding-top: 30px; }
img { max-width:100%; height:auto }

/* #Typography
================================================== */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {font-size: 25px; }
h2 {font-size: 23px; }
h3 {font-size: 21px; }
h4 {font-size: 19px; }
h5 {font-size: 17px; }
h6 {font-size: 15px; }
small { font-size:12px }
ol { list-style: decimal }
ul { list-style: disc }
li { margin-left: 30px }
h1, h2, h3, h4, h5, h6,
p, dl, hr, ol, ul, pre, table, address, fieldset, figure {
  margin-bottom: 20px;
}
em { font-style:italic }
a { color:#fa4c2a; text-decoration:none }
a:hover { text-decoration:underline }
pre, code {
	background:#ddd;
	padding:10px;
	font-size:12px;
	overflow:auto;
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
blockquote {
	font:1.3em/1.5 'Georgia';
	font-style:italic;
	margin-left:40px;
	border-left: solid 2px #e1e1e1;
	padding-left: 15px;
}
.alignleft { 
	float:left;
	margin:5px 10px 10px 0
}
.alignright {
	float:right;
	margin:5px 0 10px 10px
}
.aligncenter {
	clear:both;
	display:block;
	margin:10px auto
}

/* Form Element */
input[type="text"], textarea {
	padding:5px 2px;
	border:1px solid #ccc
}
textarea { 
	resize:none;
	font-family:'Trebuchet MS', 'Arial', 'Liberation Sans', FreeSans, sans-serif
}
input[type="submit"] {
	color:#fff;
	border:none;
	cursor:pointer;
	padding:5px 10px;
	background:#fa4c2a;
	-webkit-appearance:none
}

/* Flexible Video */
.widget_video, .single_video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
} 
.widget_video iframe, .widget_video object, .widget_video embed, 
.single_video iframe, .single_video object, .single_video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* #Flex Slider
================================================== */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {width: 100%; margin: 0; padding: 0; position:relative}
.flexslider .slides > li {display: none; margin-left:0;}
.flexslider .slides img, .singleimage img {
	max-width: 98.5%;
	max-height:98.5%;
	display: block;
	padding: 0.5%;
	border: solid 1px #ddd;
}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* Flex Slider Theme -- Edit style untuk flexslider di bagian ini */
.box-slide {border: solid 1px #e1e1e1 }
.flex-container {
	zoom:1;
	padding:15px;
	position:relative;
}
.flexslider .slides > li {position:relative }
.flex-control-nav li {margin:0; }
.flex-control-nav a {cursor:pointer }
.flex-caption {
	width: 96%; 
	padding: 2%; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: rgba(0,0,0,.3); 
	color: #fff;
	line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav li a {
	width:52px;
	padding:5px 10px;
	margin: -13px 0 0; 
	display: block;
	background:#fff;
	text-align:center;
	top: 50%;
	position: absolute;
	cursor: pointer
}
.flex-direction-nav li a.next {right: 20px}
.flex-direction-nav li a.prev {left: 20px}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.editor {
	width: 25%;
	float: left;
	margin: 10px 20px 0 0;
	padding: 10px 0;
	border-top: dashed 1px #e1e1e1;
}
.editor img {
	float: left;
	margin: 0 10px 10px 0;
}
.post-slide img.icon, .editor img.icon {
	border: none;
	padding: 5px 5px 0 0;
	margin: 0;
	vertical-align: middle;
	float: left;
}
.editor hr {
	border: none;
	border-top: dashed 1px #e1e1e1;
	clear: left;
	margin-bottom: 5px;
}
.post-slide {overflow: hidden }
.post-slide p {line-height: 20px }
.post-slide h2 {
	font-weight: normal;
	margin-bottom: 5px
}
.editor .meta, .post-slide .meta {
	font-size: 12px;
	color: #7e7e7e
}
.post-slide .meta {
	font-style: italic;
	margin-bottom: 10px
}
.shadow {
	background: url(images/shadow-feat.png) top right no-repeat;
	height: 17px;
}
.slides .shadow {
  clear: both;
}
.shadow-slide {
	background: url(images/shadow-slide.png) top center no-repeat;
	height: 15px
}
/* Control Nav */
.flex-control-nav {
	width: 95%; 
	position: absolute; 
	bottom: -10px; 
	text-align: center
}
.flex-control-nav li { 
	margin: 0 0 0 5px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline
}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width: 21px;
	display: block; 
	cursor: pointer;
	background: url(images/nav-slide.png) left no-repeat;
	text-indent: -9999px;
}
.flex-control-nav li .active {
	color:#fff;
	background: url(images/nav-slide.png) right no-repeat;
}

/* #Menu
================================================== */
.menu {
	margin:0;
	list-style:none;
	font-size: 18px;
	text-shadow: 0 1px 0 #fff;
}
.menu li {
	margin:0;
	float:left;
	display:inline
}
.menu a {
	display:block;
	padding:2px 10px
}
.menu a:hover {text-decoration:none }
.menu li span.description {
	font-size: 11px;
	color: #6d6d6d
}

/**
* SUB MENU
* ========
*/
ul.sf-menu { margin:0; padding:0 }
ul.sf-menu { display:block; position:relative }
ul.sf-menu li {
	display:block;
	list-style:none;
	float:left;
	position:relative;
	line-height: 16px;
}
ul.sf-menu li a, .navigation li a {
	padding: 12px 25px;
	color: #333;
}
ul.sf-menu li:hover, ul.sf-menu .current-menu-item {
	background: url(images/bg-menu-hover.png) repeat;
}
ul.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
ul.sf-menu a { display:block; position:relative }
ul.sf-menu ul {
	position:absolute;
	left:0;
	width:200px; 
	top:auto;
	left:-999999px;
}
ul.sf-menu ul a { zoom:1; /* IE6/7 fix */ }
ul.sf-menu ul li {
	float:left;
	width:200px
}
ul.sf-menu li ul li a {
	padding: 8px 25px;
}
ul.sf-menu ul ul { 
	top:0;
	margin:0 0 0 200px;
}
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
	left:auto;
}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul {
	left:-999999px;
}
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul {/*second level*/
	left:auto;
}
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul {
	left:-999999px;
}
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul {/*third level*/
	left:auto;
}
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul {
	left:-999999px;
}
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/
	left:auto;
}
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
	left:-999999px;
}
.sub-menu {
	display: none;
	background: url(images/bg-menu.png) repeat;
	border:1px solid #ddd;
	border-width:0 1px;
	font-size: 14px;
}
.sub-menu a {
	padding:5px 10px;
	border-bottom:1px solid #ddd
}
.sub-menu a:hover {
	background: url(images/bg-menu-hover.png) repeat;
}
.sf-arrow {
	right:0;
	top:13px;
	width:17px;
	position:absolute;
	text-indent:-9999px;
	background:url(images/select-icon.png) no-repeat left
}

/* Mobile menu */
.navigation select {
	display:none;
	width:100%;
	padding:7px 5px;
	border:1px solid #ccc;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url(images/select-icon.png) no-repeat right center, -moz-linear-gradient(#f0f0f0, #ddd);
	background:url(images/select-icon.png) no-repeat right center, -webkit-gradient(linear, left bottom, left top, color-stop(0.2, rgb(221,221,221)), color-stop(1, rgb(240,240,240)) );
	background:url(images/select-icon.png) no-repeat right center, -webkit-linear-gradient(#f0f0f0, #ddd);
	background:url(images/select-icon.png) no-repeat right center, linear-gradient(#f0f0f0, #ddd)
}

/* #Post Content
  ======================================================== */
.singleimage { margin-bottom:20px }
.video-thumb {
	float: left;
	/* width: 100%; */
	display: block;
	position:relative
}
.playicon {
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	opacity:0.5;
	position:absolute;
	text-indent:-9999px;
	margin:-16px 0 0 -16px;
	background:url(images/playicon.png) no-repeat;
	background-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease	
}
.video-thumb:hover .playicon { opacity:0.8 }

.post { text-shadow: 0 1px 0 #fff }
.post .img-feat {
	max-width:94%;
	height:auto;
	border: solid 4px #fff;
	box-shadow: 0 0 2px #ccc
}
.post .entry-meta {
	font-size: 11px;
	color: #7b7b7b;
	font-style: italic;
	margin: 5px 0 10px;
	text-align: right;
	padding-right: 6px;
}
.post .meta-detail { text-align: left }
.post .entry-meta img { margin-left: 5px }
.post h2.entry-header {
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: -10px;
}
.post h2.entry-header a { color: #fa4c2a }
hr.separator {
	border-top: none;
	border-bottom: solid 1px #e6e6e6;
	box-shadow: 0 1px 0 #fff;
	clear: left;
}

.entry-author {
  background:#f2f2f2;
  padding:15px 10px;
  border-radius:3px;
  margin:0 0 20px 0
}
.entry-author .avatar {
  background:#fff;
  border:1px solid #ddd;
  float:left;
  padding:5px
}
.author-detail { margin-left:80px }
.author-detail p {
  margin:0;
  font-size:14px;
}
.author-detail h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

/* Magazine Column Page Template */
.magazine-column .post .entry-meta { text-align: left }
.magazine-column .post p { color: #666 }
.magazine-column .post h2.entry-header {
	margin: 0;
	font-size: 20px;
	line-height: 1.2
}
.magazine-column .post .img-feat {
	float: left;
	display: block;
	margin: 5px 10px 10px 0
}
.magazine-column .pagination {
	margin: 0 0 30px;
	padding: 25px 0 0;
	border-top: 1px solid #ddd
}

/* Magazine Group Page Template */
.magazine-group .cat-group .cat-title {
	color: #fa4c2a;
	font-size: 23px;
	font-weight: normal;
	padding: 0 0 0 10px;
	border-top: 1px solid #e6e6e6;
	background: url(images/bg-menu.png);
}
.magazine-group .related .column, .magazine-group .related .entry-header { margin-bottom:0 }
.magazine-group .post { margin-bottom: 15px }
.magazine-group .related .entry-header a {
	color: #333;
	font-size: 14px;
	font-weight: normal
}
.magazine-group .related .entry-header { line-height: 1 }

/* Breadcrumbs */
.breadcrumbs {
	padding: 5px;
	font-size: 12px;
	margin-bottom: 30px;
	background: #F8F8F8;
	border: 1px solid #E1E1E1;
	box-shadow: 0 0 5px rgba(0,0,0,.1), 0 1px #fff inset;
}

/* Contact Page */
#frmcontact p {
	overflow:hidden;
	margin:0 0 10px
}
#frmcontact input[type="text"], #frmcontact textarea {
	width:75%;
	float:right
}
#frmcontact .screenReader input { 
	width:23px;
	float:none;
	margin-left:10px
}

/* Social Share */
.social_share {
	margin:20px 0;
	overflow:hidden
}
.shortcode-google-plusone { margin-right:15px }

/* #Pagination
================================================== */
.pagination {
	clear:both;
	margin:30px 0;
	text-align: center
}
.pagination a, .pagination span {
	color:#000;
	padding:3px 9px;
	margin-left:10px
}
.pagination a:hover, .pagination span {
	background:#ccc;
	text-decoration:none;
	color: #fff
}
.pagination.fl a, .pagination.fl span {
	margin-left:0;
	margin-right:10px
}

/* #Comment List & Comment Form
================================================== */
.commentlist, .commentlist .children {list-style:none }
.commentlist .children {margin:0 0 0 40px }
.commentlist li {
	margin-left:0;
	overflow:hidden
}
.comment-entry {
	overflow: hidden;
	margin-bottom:20px;
	border-bottom:1px solid #ccc
}
.comment-author {
	width:35%;
	overflow:hidden;
	margin-bottom:10px
}
.comment-author .avatar {
	float:left;
	margin-right:10px;
	background:#fff;
	border:1px solid #ddd;
	float:left;
	padding:3px
}
.comment-author .meta, .comment-reply-link { display:block }
.comment-content { overflow:hidden }
#respond textarea { width:75.5% }

/* Header
====================================================== */
.header, .sliiide { padding-top: 30px }
.box-search {
  padding-top: 20px;
  text-align: right;
}
.box-sarch form {
	background: #fff;
	position: relative;
}
.box-search #s { width: 70% }
.box-search #searchsubmit { 
	background: #fa4c2a
}
.container .navigation { 
  padding: 0 8px;
  background: url(images/bg-menu.png) repeat
}

/* Tabs Widget */
#tabs {border-radius:3px }
.widget_colabs_tabs ul { 
  list-style:none;
  overflow:hidden;
  margin:0;
  position:relative;
  bottom:-1px
}
#tabs ul.colabsTabs {border-bottom: solid 1px #ddd }
.widget_colabs_tabs li { margin:0 }
.colabsTabs li { float:left }
.colabsTabs a {
  color:#fa4c2a;
  display:block;
  font-size:14px;
  padding:8px 10px;
  position:relative;
  margin-right:-1px;
  text-transform:uppercase;
  font-weight: bold;
}
.colabsTabs .selected {
	color: #333;
	background:url(images/bg-menu.png) repeat
}
.colabsTabs a:hover { text-decoration:none }
#tabs .meta {
	font-style: italic;
	font-size: 11px;
	color: #777;
}
#tabs .meta a { color: #fa4c2a }
.widget_colabs_tabs .box {
	background:#fff;
	padding-top:15px;
	margin-top:-7px;
	border-radius:0 0 3px 3px
}
.widget_colabs_tabs .box a { color:#333 }
.widget_colabs_tabs .box a:hover { color:#fa4c2a }
.widget_colabs_tabs .box li {
	overflow:hidden;
	padding:14px 20px 14px 0;
	border-bottom:1px dashed #ddd
}
.widget_colabs_tabs .box img {
  float:left;
  margin:0 10px 0 0;
  padding:2px;
  background:#f2f2f2;
  border:1px solid #ccc
}
#tab-tags { padding:0 10px 10px }

/* Tabs Widget for second sidebar */
#sidebar-second .widget_colabs_tabs li { float:none }
#sidebar-second .colabsTabs { margin:0 }
#sidebar-second .colabsTabs a { position:static }
#sidebar-second .colabsTabs .selected { padding-top:3px }


/* highlights
======================================================== */
/* featured post */
.highlights .column:nth-child(4n+5) { 
	clear:left;
	margin-left:0
}
.hlight-post {
	height:120px;
    background: #fff;
    margin: 25px 0 5px ;
	border: solid 1px #ddd;
}
.hlight-post p.cat {
    font-size: 13px;
	font-weight: bold;
	line-height: 15px;
    padding: 10px;
    margin-bottom: 0px;
}
.hlight-post span.date {
    font-style: italic;
    color: #7e7e7e;
    padding: 0px 10px 3px 0px;
    margin: 0px 0 5px 0;
    font-size: 11px;
}
.hlight-post img {
    background: url(images/line-img.png) repeat;
    padding: 4px 0;
    margin-bottom: 5px;
}
.hlight-post h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 0 10px 10px 10px;
}
.hlight-post h2 a{ color: #333 }
.hlight-post .video-thumb {
	float: none;
}


/* Sidebar Widget
===================================================== */
.widget { margin: 0 0 30px 0 }
.widget h4 { color : #333 }
.widget span.litle {
	font-size: 10px;
	color: #999
}
.widget-title { 
	margin-bottom:10px;
	text-transform:uppercase
}
.widget ul { list-style:none }
.widget li {
	width:100%;
	float:left;
	margin:0;
	border-bottom:1px dashed #e1e1e1
}

/* Categories & archives widget */
.widget_categories li, .widget_archive li, .widget_colabs_twitter li {
	width:40%;
	margin-right:10%;
}
.widget_categories li a, .widget_archive li a {
	padding: 5px 0;
	display: block
}

/* Flickr */
.flickr { overflow:hidden }
.widget_colabs_flickr ul { list-style: none }
.widget_colabs_flickr li {
	float: left;
	margin: 10px 17px 10px 0px
}
.widget_colabs_flickr li img {
	padding: 3px;
	border: solid 1px #e1e1e1;
}
.widget_colabs_flickr img {
	float: left;
	padding: 3px;
	border: solid 1px #e1e1e1;
}
.widget_colabs_flickr a {
	float:left;
	margin: 10px 3.5% 10px 0px
}

/* Twitter */
.widget_colabs_twitter li { 
	width:100%;
	margin-bottom:20px;
	padding-bottom:10px
}

/* Footer
============================================ */
.footer {
	margin: 20px auto;
	background: url(images/line-img.png) top repeat-x;
	padding-top: 20px
}
.soc {
	text-align: right;
	margin-top: 5px
}
.box-signup {
	float: right;
	margin-left: 10px;
}
.footer hr.separator {
	border-bottom: dashed 1px #e1e1e1;
	margin-bottom: 15px;
}
.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer li {
	margin-left: 0;
	margin-right: 30px;
	display: inline;
}
.footer li a { color: #333 }
.copy {
	font-size: 11px;
	color: #999;
}
.r { text-align: right }


/* $wp caption */
.wp-caption {
	margin-top: 0.4em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
	text-align:center;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 5px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

.container > div{background:#fff; padding-left:8px; padding-right:8px;}
.footer{margin:0 auto;}

#comments .comment-content blockquote{
	font-size:11px;
}
/* #Responsive For Mobile(Portrait)
================================================== */
@media only screen and (max-width: 767px) {
	/* Header */
	.header, .box-search, .footer .soc { text-align:center }
	.header input { display:inline-block }

	/* Navigation */
	.navigation { width:96%; padding:2% }
	.navigation ul { display:none }
	.navigation select { display:block }

	/* Slider */
	.editor .meta, .post-slide .meta { font-size:11px }
	.flexslider .editor { width:95%; margin-bottom:15px; float:none }

	/* Home */
	.highlights .col3 { width:48.46%; margin-left:3.08% }
	.highlights .col3:nth-child(odd) { margin-left:0 }
	.post > .col3, .post > .col9 { width:100% }
	.post > .col9 { clear:left; margin-left:0 }
	.home .post > .col3 > a,
	.magazine-group .post > .col3 > a { float:left }
	.home .post .entry-meta, 
	.magazine-group .post .entry-meta { text-align:left; float:left; margin-left:10px; padding:0 }

	/* Widget */
	.widget_colabs_flickr a { margin-right:1.5% }
	.colabsTabs a { font-size:12px; padding:8px }

	/* Footer */
	.footer ul { width:100%; margin-bottom:15px }
	.footer .r { text-align:left }
	#signup { margin-top:15px; float:none }
	
	.navigation { width:100%;  padding-left:8px; padding-right:8px; }
  	.footer { text-align:center }
	
}

/* #Responsive For Mobile(Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.colabsTabs a { font-size:14px; padding:8px 25px }
	.colabsTabs .tags a { padding:8px 28px }
}

/* #Responsive For I-Pad (Potrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width:959px) {
	.colabsTabs a{
		font-size: 10px;
		padding: 6px 8px;
	}
}