/*
Theme Name: D'Cat Queen
Theme URI: http://www.gravis-design.com/
Author: Gravis
Author URI: http://www.gravis-design.com/
Description: Because Travelling is not just a passion, it is a life
Version: 1.0
License: Commercial
License URI: http://www.gravis-design.com/
Tags: purple
Text Domain: Travelling

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }

/* GENERAL */
body {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #82798c;
	background: url(images/bg.jpg) repeat;
}
a { color: #B79DD8; text-decoration: none; }
a:hover { text-decoration: underline; color: #7756A0; }
sup { font-size: 60%; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 12px; }
.clear { clear: both; }

/* GENERAL */
.wrapper {margin-top: 0 auto;}
.boxhome {margin: 1% auto 1%; text-align: center;}
.boxhome-content {
	border: 6px solid #9e7ec9;
	border-radius: 10px;
	background: #e8e1f1;
	-webkit-box-shadow: inset 4px 4px 4px 0px rgba(188,183,196,1);
	-moz-box-shadow: inset 4px 4px 4px 0px rgba(188,183,196,1);
	box-shadow: inset 4px 4px 4px 0px rgba(188,183,196,1);
	padding: 0 10px;
}
.boxhome-left, .boxhome-right {margin: 0 5%; display: inline-block; width: 465px;}
.boxhome-left-top, .boxhome-right-top { text-align: center;}
.boxhome-title {
	font-family: 'Grand Hotel', cursive;
	color: #532f7e;
	font-size: 36px;
	margin-top: 15px;
	text-shadow: -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 2px 0 #FFFFFF;
	/*text-shadow: 2px 0px 2px rgba(132, 128, 137, 1);*/
}
.boxhome-title a {
	font-family: 'Grand Hotel', cursive;
	color: #532f7e;
	font-size: 36px;
	margin-top: 15px;
	text-shadow: -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 2px 0 #FFFFFF;
	/*text-shadow: 2px 0px 2px rgba(132, 128, 137, 1);*/
	cursor: pointer;
}
.boxhome-contentpost {margin: 15px auto 0; text-align: center;}
.pakutali {width: 80%; height: auto;}

/* HOME CONTENT */
.content-posthome {width: 136px; height: 173px; background: url(images/box-content1.png) no-repeat; padding-top: 21px; display: inline-block; margin: 0 2px;}
.artthumb {width: 120px; height: 123px; margin: 0 auto; overflow: hidden; position: relative;}
.artthumb a {display: block; position: relative;}
.artthumb a img {
    height: 123px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 123px;
}
.artthumb a span {
    display: none;
    font-size: 12px;
    font-weight: bold;
    padding: 25px 20px 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index: 100;
	line-height: 18px;
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}
.dark-background {display: none;}

/* PAGES */
#page, #post {text-align: left; line-height: 18px;}
#page p, #post p { margin-bottom: 10px;}
#page ol li, #post ol li {list-style: decimal; margin-bottom: 10px; margin-left: 20px;}
#page ul li, #post ul li {list-style: disc; margin-bottom: 10px; margin-left: 20px;}
.alignleft {float: left; margin-right: 20px; margin-bottom: 15px;}
img.alignleft {padding: 2px; border: 1px solid #B6B6B6; border-radius: 3px; background: #EDEDED; }
.alignright {float: right; margin-left: 20px; margin-bottom: 15px;}
img.alignright {padding: 2px; border: 1px solid #B6B6B6; border-radius: 3px; background: #EDEDED; }
.aligncenter {display: block; margin:20px auto;}
img.aligncenter {padding: 2px; border: 1px solid #B6B6B6; border-radius: 3px; background: #EDEDED; }
#page h1, #post h1 {font-size: 24px; margin-bottom: 10px; line-height: 30px;}
#page h2, #post h2 {font-size: 20px; margin-bottom: 10px; line-height: 26px;}
#page h3, #post h3 {font-size: 18px; margin-bottom: 10px; line-height: 24px;}
#page h4, #post h4 {font-size: 15px; margin-bottom: 10px; line-height: 21px;}
#page h5, #post h5 {font-size: 14px; margin-bottom: 10px; line-height: 20px;}
#page h6, #post h6 {font-size: 12px; margin-bottom: 10px; line-height: 18px;}


/* SINGLE PAGE */
.wrap-header {width: 100%; margin: 0 auto; background: #7b52ab;}
#wrap-header {width: 90%; margin: 0 auto; position: relative;}
.logo-head {position: absolute; top: 0;}
.logo-head p {font-size: 16px; font-family: 'Delius Swash Caps', cursive; color: #fff; margin-left: 10px; text-shadow: 2px 2px 2px #000000;}
.garis-shadow {
	height: 7px;
	background: #c4c2c8;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.72);
	-moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.72);
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.72);
	position: relative;
	z-index: 2;
}
/* MENU */
.wrap-menu-resp {display: none;}
.wrap-menu {width: 1230px; margin: 0 auto 20px; z-index: 1;}
.header-menu-archresp {display: none;}
.header-menu-singleresp {display: none;}

/* css header menu */
#header-menu {
  	border: none;
  	border: 0px;
  	margin: 0px;
  	padding: 0px;
  	font-size: 14px;
  	width: auto;
}
#header-menu > ul {
	height: 43px;
  	list-style: none;
  	padding: 0;
	float: left;
	margin-top: 5px;
} 
#header-menu > ul > li {
	list-style:inside none;
	padding:0;
	margin: 0 -5px 0 0;
	display: inline-block;
	position:relative;
	border-left: 1px solid #fff;
} 
#header-menu > ul > li > a {
	color: #fff;
	background: #a42d47;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-radius: 0px 0px 5px 5px;
	font-family: 'Delius Swash Caps', cursive;
	font-size: 18px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	text-decoration: none;
	padding: 5px 15px 5px 25px;
	margin-right: 15px;
	text-shadow: 1px 1px 1px rgba(61, 61, 61, 1);
} 
#header-menu li:last-child {}
#header-menu li {float: left; padding: 0px 6px;} 
#header-menu > ul > li > a:after {
	content:'';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
} 
#header-menu ul li.has-sub:hover > a:after { top: 0; bottom: 0;} 
#header-menu > ul > li.has-sub > a:before {
}
#header-menu > ul > li > a:before {
	content:url('images/img-jejak.png');
	position: relative;
	top: 2px;
	right: 7px;
	z-index: 99;
}  
#header-menu ul li.has-sub:hover > a { background: #66afbe; border-color: #fff; padding: 16px 35px; z-index:999; } 
#header-menu ul li.has-sub:hover > ul, #header-menu ul li.has-sub:hover > div { display: block; } 
#header-menu ul li.has-sub > a:hover { background: #66afbe; border-color: #fff;} 
#header-menu ul li > ul, #header-menu ul li > div{
	display: none;
	width: auto;
	position: absolute;
	top: 46px;
	padding: 0;
	background: #ececec;
	z-index: 999;
} 
#header-menu ul li > ul { width: auto; text-align: center; } 
#header-menu ul li > ul li{
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
} 
#header-menu ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 5px;
	line-height: 15px;
	font-size: 12px!important;
	color: #7d7d7d;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	text-transform: none;
}
#header-menu ul li > ul li a:hover { background: #BCDE8F; color: #fff;}
#header-menu, #header-menu ul > li > ul > li a:hover { } 
#header-menu > ul > li:first-child {} 
#header-menu > ul > li > a:hover { text-decoration: none; background: #66afbe; text-shadow: 1px 1px 1px rgba(61, 61, 61, 1); }

/* CONTENT SINGLE PAGE */
.wrap-content {width: 1230px; margin: 0 auto 20px; padding-bottom: 50px;}
.box-tanggal {position: absolute; top: 32px; left: 10px;}
.img-tgl {position: relative;}
#text-tgl {position: relative; top: -65px; width: 75px;}
.month {font-size: 11px; color: #fff; font-weight: bold; text-transform: uppercase;}
.daytgl {font-size: 40px; color: #7b52ab; font-weight: bold; margin-top: 8px;}
.triangle {background: url(images/img-triangle.png) no-repeat; width: 18px; height: 34px; position: absolute; top: 17px; left: 80px; z-index: 10;}
.wrap-singlecontent {text-align: center; position: relative;}
#wrap-singlecontent {float: left; width: 74.8%; border-radius: 10px 10px 0 0; position: relative; background: url(images/bg-kiri.jpg) repeat-y;}
.single-content {background: #fff; padding: 52px 40px 40px; border-radius: 0 10px 0px 0px; min-height: 2450px; margin-left: 92px;}
.pagetitle {
	font-family: 'Delius Swash Caps', cursive;
	color: #a42d47;
	font-size: 24px;
	margin-bottom: 7px;
	line-height: 30px;
	margin: 0 auto 5px;
	text-align: center;
	text-shadow: 1px 1px 1px #9e9e9e;
	text-transform: lowercase;
}
.pagetitle:first-letter {text-transform: capitalize;}
.entry-meta {color: #82798c; font-size: 10px; font-style: italic; margin-bottom: 30px;}
.entry-meta a {color: #82798c;}
.post_image {margin-bottom: 40px;}
.attachment-img-single {
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	width: 100%;
}
.noimage {
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
}
.thecontent a img {
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
	width: 50%;
	height: auto;
	margin: 10px auto;
}

/* SHARING */
.sharing { margin: 10px 0; }
.sharing .sharenote {float: left; padding: 10px 15px 0 5px;}
.sharing .addkiri { float: left; }
.sharing .addkanan { float: left; width: 450px; }
.sharing { background: #ba98d8; padding: 5px 0 5px 10px; margin-top: 30px; color: #fff; border-radius: 5px; line-height: 0; border: 1px solid #7839b0; }
.addthis_button_google_plusone, .addthis_button_tweet, .addthis_button_facebook_like, .addthis_button_pinterest, .addthis_counter {width: auto!important; padding: 0 5px !important;}

/* KOMENTAR */
.komentar { margin-top: 40px; }
#respond h3 {
	font-family: 'Delius Swash Caps', cursive;
    border-bottom: 1px dotted #67503C;
    font-size: 18px;
    letter-spacing: normal;
    margin-bottom: 10px;
    padding: 0 0 5px 0;
	color: #fff;
}
#commentform a {color: #7856A0;}
#commentform input { margin-bottom: 5px; }
#comments a {color: #7856A0; }
#comments small { font-size: 10px; }
#comments a:hover { color: #7856A0; }
.fn a, .comment-meta a {  text-decoration: none!important; color: #7856A0; }
.fn a:hover, .comment-meta a:hover {  text-decoration: none!important; color: #fff; }
.comnavi {
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
    margin: 10px 0;
    padding: 0 10px 1px 10px;
	background: #FFF0D2;
	font-size: 11px;
}
.comment-body {
	border: 1px solid #8C7A6B;
	border-radius: 3px;
	padding: 5px 15px 15px 15px;
	margin-bottom: 10px;
	background: #B79DD8;
	clear: both;
}
.comment-body p {
	clear: both;
	border-top: 1px solid #d4c8f8;
	padding: 10px 0!important;
	line-height: 18px;
	text-align: left;
	color: #fff;
	margin-bottom: 20px;
}
.comment-author .avatar { float: left; position: relative; top: 4px; }
.comment-meta { float: right; font-size: 11px; margin: 26px 0 7px 0; display: block; }
cite.fn { margin: 15px 5px 0 10px; float: left; font-style: normal; position: relative; top: 6px; }
span.says { display: none; }
.commentlist ul li { list-style: none!important; margin: 0 0 0 30px; }
ol.commentlist li { list-style: none; }
ol.commentlist { margin: 0; }
.reply { float: right; display: block; margin: -10px -7px 0 0; }
.reply a {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #7856A0;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
	display: block;
	margin-top: -5px;
}
.reply a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
	color: #000000;
}
#respond {
	border: 1px solid #7856A0;
	border-radius: 5px;
	padding: 15px 20px;
	margin: 5px 0 30px 0;
	background: #B79DD8;
	text-align: left;
}
h3#comments {font-size: 14px; letter-spacing: normal; margin-bottom: 10px;}
#commentform p { margin-bottom: 5px; padding: 0; font-size: 13px; color: #fff;}
#commentform input {
	margin-right: 5px;
	border: 1px solid #C3C3C3;
	background: #fffcf2;
	color: #6d8699;
	font-size: 12px;
	padding: 5px 0 5px 10px;
	border-radius: 3px;
}
#commentform textarea {
	border: 1px solid #C3C3C3;
	background: #fffcf2;
	color: #6d8699;
	font-size: 12px;
	padding: 5px;
	border-radius: 3px;
}
#commentform input:hover, #commentform textarea:hover { border: 1px solid #7856A0; box-shadow: 0 0 3px #999; }
#commentform input:focus, #commentform textarea:focus {
	border: 1px solid #504d48;
	box-shadow: 0 0 3px #999;
	background: #fff;
	color: #4C5258;
}
#commentform textarea { width: 98%; height: 90px; background: #d4c8f8;}
#cancel-comment-reply-link { font-weight: bold; margin-bottom: 10px; display: block; }
.comment-awaiting-moderation {
	float: left;
	margin: 30px 0 0 5px;
	font-size: 11px;
	line-height: 2px;
	display: block;
}
#commentform #submit {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #7856A0;
	font-size: 13px;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
	display: block;
	margin-top: 10px;
}
#commentform #submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
	color: #000000;
}
.form-allowed-tags { display: none; }
.pertanyaan {
	font-size: 16px;
	margin: 30px 0 15px 5px;
	padding: 0 0 5px 5px;
	border-bottom: 1px dotted #2B4E64;
}

/* SIDEBAR */
.single-sidebar {width: 305px; float: left; margin-top: 32px; border-radius: 0 10px 0px 0; padding-top: 20px; background: #b79dd8; text-align: left;}
#single-sidebar { width: 105%;}
.aboutme {padding: 0 35px 0 20px; margin-bottom: -20px;}
.title-aboutme {color: #fff; font-size: 15px!important; margin-bottom: 10px; font-family: 'Delius Swash Caps', cursive;}
.aboutme p {font-size: 12px; color: #fff; line-height: 17px;}
.aboutme a {color: #660066; text-decoration: none;}
.aboutme a:hover {color: #FFFFFF; text-decoration: none;}
.img-abotme {float: left; margin-right: 10px; margin-bottom: 10px;}

/* SEARCH FORM */
.searchform {position: relative; text-align: right; margin-right: 40px;}
.gbr-search {position: absolute; right: 5px; top: 5px;}
#searchform input {
	border: 1px solid #C3C3C3;
	background: #fff;
	color: #c0a3e1;
	font-size: 14px;
	padding: 6px;
	border-radius: 5px;
	width: 86%;
	-webkit-box-shadow: inset 5px 5px 5px -5px rgba(102,102,102,1);
	-moz-box-shadow: inset 5px 5px 5px -5px rgba(102,102,102,1);
	box-shadow: inset 5px 5px 5px -5px rgba(102,102,102,1);
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#searchform input:hover { border: 1px solid #7c6b5f; box-shadow: 0 0 3px #7c6b5f; }
#searchform input:focus {
	border: 1px solid #504d48;
	box-shadow: 0 0 3px #999;
	background: #fff;
	color: #4C5258;
}

/* WIDGET */
#postbar h3, #pagebar h3  {
	background: url(images/img-jejak2.png) no-repeat scroll 12px 12px, url(images/bg-widgeth3.png) no-repeat, url(images/bg-widgeth3-siku.png) no-repeat scroll 304px 0;
	font-family: 'Delius Swash Caps', cursive;
	font-size: 21px;
	color: #fff;
	padding: 15px 10px 15px 45px;
	text-shadow: 1px 2px 1px #9E9E9E;
	margin: 10px 0;
}
#postbar, #pagebar {padding-bottom: 20px;}
#postbar ul, #pagebar ul {padding: 0 15px; margin-left: 20px; width: 78%;}
#postbar ul li, #pagebar ul li {list-style: url(images/list-postbar.png); border-bottom: 1px solid #d4c8f8; padding-top: 8px; padding-bottom: 8px; padding-right: 15px;}
#postbar ul li a, #postbar ul li a:hover, #pagebar ul li a, #pagebar ul li a:hover {font-size: 13px; color: #fff; line-height: 18px; text-decoration: none;}
.favlinks {height: 100px; overflow-y: scroll; width: 90%; margin-left: 10px;}

.visitor-counter {
	border: 1px solid #fff;
	background: #fff;
	padding: 4px 20px;
	border-radius: 5px;
	width: 40%;
	-webkit-box-shadow: inset 5px 5px 5px -5px rgba(102,102,102,1);
	-moz-box-shadow: inset 5px 5px 5px -5px rgba(102,102,102,1);
	box-shadow: inset 5px 5px 5px -5px rgba(102,102,102,1);
	margin-right: 17px;
}

/* RECENT POST WITH IMAGE */
.boxrecent {padding: 0 20px; width: 83%;}
.boxrecent a {font-size: 13px; color: #fff; font-weight: bold; line-height: 18px;}
.boxrecent ul {padding: 0px!important; margin: 0px!important; width: 100%!important;}
.boxrecent ul li {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d4c8f8; padding-right: 15px; list-style: none!important;}
.recentpost-meta {color: #d4c8f8; font-size: 10px; font-style: italic; margin-top: 5px;}
.attachment-recentthumb {float: left; margin-bottom: 20px; margin-right: 10px; border: 1px solid #fff; box-shadow: 0 0 3px #969696; width: 70px; height: 70px;}
.readmore {margin-top: 8px;}
#recentpost-button {background: url(images/button-recent.png) no-repeat; font-size: 10px!important; font-style: italic; padding: 6px 15px; color: #d4c5f7; }

/* SOCIAL NETWORK */
#socialnet-footer {}
.socialnet-footer {float: right; margin-top: -8px;}
.footarchive-menu {float: left; margin-top: -4px;}
#navlist-footer a {
	background-image: url(images/social-net-footer.png);
	float: left;
	margin: 1px 7px;
	outline: none;
	width: 25px;
	height: 25px;
}
#navlist-footer a:hover {height: 25px;}
#navlist-footerrssfacebook { background-position: 88px 0px; display: none;}
#navlist-footerrssfacebook:hover{ background-position: 88px 25px;}
#navlist-footerrsstwitter { background-position: 0px 0px;}
#navlist-footerrsstwitter:hover { background-position: 0px 25px;}
#navlist-footerrssgplus { background-position: 176px 0px;}
#navlist-footerrssgplus:hover { background-position: 176px 25px;}
#navlist-footerrss { background-position: 145px 0px;}
#navlist-footerrss:hover { background-position: 145px 25px;}

.social-net {height: 53px; float: left; margin: 0 0px -15px 15px;}
#navlist a {
	background-image: url(images/social-net.png);
	float: right;
	margin: 1px 7px;
	outline: none;
	width: 54px;
	height: 53px;
}
#navlist a:hover {height: 53px;}
#facebook { background-position: 190px 0px; display: none;}
#facebook:hover{ background-position: 190px 53px;}
#twitter { background-position: 0px 0px;}
#twitter:hover { background-position: 0px 53px;}
#gplus { background-position: 122px 0px;}
#gplus:hover { background-position: 122px 53px;}
#rss { background-position: 54px 0px;}
#rss:hover { background-position: 54px 53px;}

/* ARCHIVE PAGE */
#container{position:relative;}
.archivepost-title {font-size: 15px; font-weight: bold; text-align: center;}
.archivepost-title a {color: #7b52ab; text-shadow: 1px 1px 1px #ccc}
.lokasi {text-align: center; margin: 5px auto; font-size: 11px;}
.readmore-arch {text-align: center; margin-bottom: 5px; padding-top: 15px;}
#archive-button {background: #a88cc7; padding: 5px 10px; font-size: 11px; font-weight: bold; color: #fff; border-radius: 5px 5px 0px 0px; text-shadow: 1px 1px 1px #9e9e9e;}
#archive-button:hover {background: #7b52ab;}

.grid a {text-decoration: none;}
.grid{
	width: 255px;
	min-height: 100px;
	padding: 10px 10px 0 10px;
	background: #fff;
	margin: 8px;
	font-size: 12px;
	float: left;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}
.grid .meta {
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img {
	width:100%;
	height: auto;
	background:#ccc;
	display:block;
	margin-bottom: 15px;
}
.grid .imgholder img:hover {opacity: 0.7;}
#infscr-loading {position: absolute; bottom: 0; right: 0;}

/* KONTAK FORM 7 */
.wpcf7-form p {color: #7455A0;}
.wpcf7-quiz {width: 50px!important;}
input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-quiz {border: 1px solid #ba98d8; margin: 5px 0px; padding: 5px; color: #7455A0;}
input.wpcf7-text:hover, textarea.wpcf7-textarea:hover, input.wpcf7-quiz:hover {
	border: 1px solid #ba98d8;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
input.wpcf7-submit {background: #ba98d8; border: medium; padding: 8px 25px; color: #fff; cursor: pointer;}
input.wpcf7-submit:hover {background: #7455A0;}

/* FOOTER SINGLE */
.wrap-footer-resp {display: none;}
.wrap-footer {margin: 20px auto 0px; width: 74.8%; display: inline-block;}
.credit {float: left; color: #ba98d8; font-size: 11px; font-weight: bold; margin-right: 10px;}
.credit a {color: #ba98d8; text-decoration: none;}
.credit a:hover {color: #fff; text-decoration: underline;}
.foot-menu {float: right;}
#footer-menu {
  	border: none;
  	border: 0px;
  	margin: 0px;
  	padding: 0px;
  	font-size: 12px;
  	width: auto;
	display: inline-block;
	line-height: 18px;
}
#footer-menu ul {
  	list-style: none;
  	padding: 0;
}
#footer-menu li {float: left;}
#footer-menu li a {
  	display: block;
  	margin: 0px;
  	padding: 0px 5px;
  	text-decoration: none;
}
#footer-menu > ul > li > a {color: #ba98d8;}
#footer-menu ul ul a {color: #ba98d8;}
#footer-menu li > a:hover,
#footer-menu ul li:hover > a {color: #fff; text-decoration: none;}
#footer-menu li ul {
  	display: none;
  	height: auto;
  	padding: 0px;
  	margin: 0px;
  	border: 0px;
  	position: absolute;
  	z-index: 200;
  	/*top:1em;
	/*left:0;*/
}
#footer-menu li:hover ul {display: block;}
#footer-menu li li {
  	display: block;
  	float: none;
  	margin: 0px;
  	padding: 0px;
}
#footer-menu li:hover li a {background: none;}
#footer-menu li ul a {
  	display: block;
  	font-size: 12px;
  	font-style: normal;
  	margin: 0px;
  	padding: 0px 10px 0px 15px;
  	text-align: left;
}
#footer-menu li ul a:hover,
#footer-menu li ul li:hover > a {border: 0px; color: #ffffff; text-decoration: none;}

/* FOOTER ARCHIVE */
.footer-archive-resp {display: none;}
.footer-border {border: 2px solid #fff;}
.footer-archive {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	background: #7b52ab;
	height: 40px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}
#footer-archive {width: 90%; margin: 0 auto; padding: 15px 0;}
.search-footer {float: right; margin-top: -10px; width: 25%; margin-right: -20px;}

/* FOOTER HOME */
.footer {border-bottom: 5px solid #7b52ab;}
.logo-footer {position: fixed; bottom: 2%; left: 2%;}
.logo-footer p {font-size: 16px; font-family: 'Delius Swash Caps', cursive; color: #532f7e; margin-left: 10px;}
/* TAMBAHAN */
.sbscrbr-form-done {width: 90%; margin: 0 auto 10px;}
.sml_subscribe, .subscrbr-sign-up-form {width: 90%; margin: 0 auto;}
#sbscrbr-sbscrbr_widget-2 {width: auto;}
.sml_emailinput, .subscrbr-sign-up-form input {padding: 5px; width: 90%; margin-bottom: 10px; font-family: "Delius Swash Caps",cursive;}
.sml_submitbtn, .subscrbr-sign-up-form .submit {background: #ECECEC; color: #7856a0; border: 1px solid #7856a0; cursor: pointer; padding: 4px 5px; border-radius: 3px; font-family: "Delius Swash Caps",cursive; width: auto;}
.sml_submitbtn:hover, .subscrbr-sign-up-form .submit:hover {background: #7856a0; color: #fff;}
#recentpost-button {padding: 6px 15px;}
.panel-sidebar {display: none;}
#postbar .collapsed-archives ul { padding: 0px; margin-left: 20px !important; }
#postbar .collapsed-archives ul li { list-style: none; color: #d3c3f7; padding-right: 5px; }
#postbar .collapsed-archives ul li a { font-size: 15px; }
#postbar .collapsed-archives ul ul { padding: 0px 0px 0px 15px; width: calc(100% - 15px); }
span.sym { margin-right: 5px; cursor: pointer; }
/* RESPONSIVE PAGE */
@media screen and (max-width:1024px) {
	/* SINGLE PAGE */
	#wrap-singlecontent {width: 65%;}
	.single-content {width: auto;}
	.single-sidebar {width: 34.2%;}
	.wrap-footer {width: 65%; margin: 40px auto 0px;}
	.credit {float: none; text-align: center; margin-right: 0px;}
	.foot-menu {float: none; margin-top: -30px; text-align: center;}
	.sharing .sharenote {display: none;}
	.sharing .addkanan {margin-top: 0px; width: 100%;}
	.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {padding: 0!important;}
	.addthis_button_google_plusone, .addthis_button_tweet, .addthis_button_facebook_like, .addthis_button_pinterest, .addthis_counter {padding: 0!important;}
	img.alignleft {padding: 2px; border: 1px solid #B6B6B6; border-radius: 3px; background: #EDEDED; width: 65%; height: auto;}
	img.alignright {padding: 2px; border: 1px solid #B6B6B6; border-radius: 3px; background: #EDEDED; width: 65%; height: auto;}
	img.aligncenter {padding: 2px; border: 1px solid #B6B6B6; border-radius: 3px; background: #EDEDED; width: 65%; height: auto;}
	.noimage {width: 90%;}
	#header-menu > ul {margin-top: 0px;}
	#header-menu > ul > li {margin: 5px -5px 0 0;}
	.attachment-img-single {height: auto;}
	
	/* ARCHIVE PAGE */
	#header-menu > ul > li > a {font-size: 15px; padding: 7px 10px 4px 20px;}
	.wrap-menu {width: 90%;}
	.wrap-content {width: 90%;}
	.footer-archive {height: auto;}
	#footer-archive {padding: 30px 0 20px;}
	.footarchive-menu {float: none; margin-top: -30px; text-align: center;}
	.socialnet-footer {margin-top: -20px;}
	.search-footer {display: none;}
}

@media screen and (max-width:800px) {
	/* HOME PAGE */
	.boxhome-left, .boxhome-right {margin-top: 2%;}
	.single-content {min-height: 300px;}
	.single-sidebar {display: none;}
	#wrap-singlecontent {width: 100%;}
	.wrap-footer {width: 100%;}
	.grid {width: 44%;}
	.panel-sidebar {display: block; width: 300px; float: left; position: absolute; left: -340px; top: 0; z-index: 11;}
	.slider-arrow {
		padding: 10px;
		height: 70px;
		width: 10px;
		float: left;
		background: #B79DD8;
		position: absolute;
		right: -33px;
		top: 0;
		border-radius: 0 10px 10px 0px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		color: #fff;
	}
	.single-sidebar-resp {
		padding-top: 15px;
		text-align: left;
		background: #B79DD8;
		margin-bottom: 20px;
		border-radius: 0 10px 10px 0px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	
	/* SINGLE PAGE */
	.noimage {width: 90%;}
	
	/* ARCHIVE PAGE */
	.wrap-content {padding-bottom: 80px;}
	.header-menu-arch {display: none;}
	.header-menu-archresp {display: block; margin-bottom: 20px;}
	#header-menu-resp {display:none;}
	#flip {
		background: #A42D47;
		border-bottom: 3px solid #fff;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-radius: 0 0 5px 5px;
		box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.75);
		color: #fff;
		font-family: 'Delius Swash Caps', cursive;
		font-size: 16px;
		text-align: center;
		margin: -18px auto 0;
		width: 15%;
		padding: 8px 5px;
		cursor: pointer;
	}
	#header-menu-resp {
		width: 90%;
		margin: 3px auto 15px;
		background: #A42D47;
		border: 3px solid #fff;
		box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.75);
		padding: 10px;
	}
	#header-menu-resp ul {
  		list-style: none;
  		padding: 0;
		float: none;
	}
	#header-menu-resp li {float: none; padding: 0px 6px;}
	#header-menu-resp li a {
  		display: block;
  		line-height: 28px;
  		margin: 0px;
  		padding: 0;
  		text-decoration: none;
	}
	#header-menu-resp > ul > li:first-child {}
	#header-menu-resp > ul > li > a:before {
		content:url('images/img-jejak.png');
		position: relative;
		top: 2px;
		right: 7px;
		z-index: 99;
	}
	#header-menu-resp > ul > li {}
	#header-menu-resp > ul > li > a {
		color: #fff;
		font-family: 'Delius Swash Caps', cursive;
		font-size: 14px;
		text-decoration: none;
	}
	#header-menu-resp > ul > li > a:hover {color: #fff; text-decoration: none!important; text-shadow: 1px 1px 1px rgba(61, 61, 61, 1);}
	#header-menu-resp ul ul a {color: #fbf4eb;}

	/* DROP DOWN OLD */
	#header-menu-resp li > a:hover,
	#header-menu-resp ul li:hover > a {color: #FFFFFF; text-decoration: none;}
	#header-menu-resp li ul {
  		height: auto;
  		padding: 0px;
  		margin: 0px;
  		z-index: 200;
		color: #fff;
		font-family: 'Delius Swash Caps', cursive;
	}
	#header-menu-resp li:hover ul {display: block;}
	#header-menu-resp li li {
  		display: block;
  		float: none;
  		margin: 0px;
  		padding-left: 10px;
	}
	#header-menu-resp li:hover li a {background: none;}
	#header-menu-resp li ul a {
  		display: block;
  		font-style: normal;
  		margin: 0px;
  		padding: 0 0 0 25px;
  		text-align: left;
	}
	#header-menu-resp li ul a:hover,
	#header-menu-resp li ul li:hover > a {border: 0px; color: #ffffff; text-decoration: none;}
	
	.footer-archive {min-height: 40px; height: auto; padding: 0px 0 5px;}
	.footarchive-menu {float: none;}
	.socialnet-footer {margin-top: -22px;}
	#navlist-footer a {margin: 5px 7px 1px 0;}
	
	.thecontent a img, .thecontent img {width:100%; height:auto; }
	#post h2 { font-size:14px; }
	#post p { font-size:12px; }
	
}
@media screen and (max-width:670px) {
	
	/* SINGLE PAGE */
	#logo-head {width: 60%; height: auto;}
	.wrap-content {width: 86%; padding-top: 1px; padding-bottom: 0px;}
	.single-content {margin-left: 91px;}
	.wrap-menu {width: 99%;}
	#header-menu li {padding: 0 4px;}
	#header-menu > ul > li {margin: 5px -5px 0 0;}
	#header-menu > ul > li > a {padding: 10px 8px 5px 16px; font-size: 13px; margin-right: 13px;}
	.slider-arrow {right: -32px;}
	.wrap-footer {display: none;}
	.wrap-footer-resp {display: block; text-align: center; margin-top: 10px;}
	.foot-menu {float: none; margin-top: 0px; line-height: 18px;}
	.noimage {width: 90%;}
	.panel-sidebar {left :-350px; } 
	
	/* ARCHIVE PAGE */
	.grid {width: 42%;}
	.footer-archive {display: none;}
	.footer-archive-resp {
		display: block;
		position: relative;
		bottom: 0;
		width: 100%;
		margin: 0 auto;
		background: #7b52ab;
		min-height: 40px;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	}
	#footer-archive {text-align: center;}
	.footarchive-menu {float: none; margin-bottom: 5px; padding-top: 15px;}
	.credit {float: none; margin-right: 0; padding-top: 5px;}
	
	/* KONTAK */
	input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-quiz {width: 94%;}
}
@media screen and (max-width:600px) {

	#header-menu > ul > li > a {padding: 10px 5px 3px 10px;;}
}
@media screen and (max-width:530px) {
	/* HOMEPAGE */
	.boxhome {margin: 1% auto 10%;}
	.boxhome-left, .boxhome-right {width: 90%;}
	.wrap-menu {width: 100%;}
	#header-menu > ul {margin: 0;}
	#header-menu > ul > li {margin: 5px -10px 0 0;}
	#header-menu > ul > li > a {padding: 10px 5px 3px 10px; }
	/* SINGLE PAGE */
	.attachment-img-single {height: auto;}
	
	.noimage {width: 90%;}
	
	/* ARCHIVE */
	#logo-head {width: 50%;}
	.grid {width: 40%;}
	
	/* KONTAK */
	input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-quiz {width: 94%;}
	
	.panel-sidebar {left:-337px; }
	#wrap-singlecontent{background:none; background-color:#B898D7; }
	.box-tanggal {position:relative; left:0px; top:0px; display:flex; margin:5px; display:none; }
	.triangle {display:none; }
	.single-content{margin:0px; }
	#text-tgl {left:-74px; top:6px;}
	
}
@media screen and (max-width:480px) {
	#header-menu > ul > li > a  {font-size:11px; }
}
@media screen and (max-width:450px) {
	.bg-head-resp {width: 100%; height: 75px;}
	.logo-head p {font-size:14px; }
	.header-menu {display: none;}
	.header-menu-singleresp {display: block; margin-bottom: 20px;}
	.grid {width: 85%;}
	
}
@media screen and (max-width:375px) {
	/* HOMEPAGE */
	.boxhome {margin: 1% auto 20%;}
	.bg-head-resp {width: 100%; height: 75px;}
	.logo-footer p {font-size: 14px;}
	#logo-footer {width: 80%; height: auto;}
	
	/* SINGLE PAGE */
	.header-menu {display: none;}
	.box-tanggal {display: none;}
	.single-content {margin-left: 0px; border-radius: 0px; padding: 20px 10px;}
	.single-sidebar-resp {border-bottom: none; border-radius: 0px; border-right: none; border-top: none;}
	.header-menu-singleresp {display: block; margin-bottom: 20px;}
	.wrap-content {width: 90%;}
	.panel-sidebar {display: none;}
	.attachment-img-single {width: 98%;}
	.sharing .sharenote {display: none;}
	.noimage {width: 90%;}
	
	/* ARCHIVE PAGE */
	#flip {padding: 8px 25px 8px 18px;}
	.grid {width: 85%;}
	
	/* KONTAK */
	input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-quiz {width: 94%;}
}