#navbar-iframe {display:none !important;}
header, nav, section, aside, article, footer {display:block;}

body, .body-fauxcolumn-outer {
background-color:#f7f5f5;
background-image:url(../images/bubble.png);
margin:0;
padding:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size:/**/small;
text-align:center;
}
a:link {
color:#007ABE;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#222;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#headisi {
overflow:hidden;
}
#header,
#adstop {
margin:0;
float:left;
width:50%;
}
#adstop {
float:right;
}
#adstop h2,
.index #blog-pager,
.archive #blog-pager {
display:none;
}
#adstop .widget-content {
margin:20px 0 15px;
max-width:470px;
}
#header h1,
#header p {
margin:15px 0 0;
padding:0;
color:#333333;
font:normal normal 35px 'Open Sans', serif ,sans-serif;
}
#header a {
color:#333333;
text-decoration:none;
}
#header a:hover {
color:#333333;
}
#header .description {
margin:0 0 25px;
padding:0;
text-transform:capitalize;
color:#3D3D3D;
font:normal normal 12px Verdana, Geneva, sans-serif;
}
#header img {
margin-left:0;
margin-right:auto;
}
/* Navigation
----------------------------------------------- */
/* = Top Nav = */
#topnav {

background-color:#1A1A1A;
overflow:hidden;
padding:5px 0;
font-size:11px;
}
#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
margin:0 auto;
width:98%;
}
#topnav .tgltop {
float:left;
color:#E2E2E2;
display:block;
line-height:20px;
}
#topmenunya,
#topmenunya ul {
float:right;
max-width:600px;
}
#topmenunya ul,
#topmenunya li,
#navinti,
#navinti ul,
#navinti li {
padding:0;
margin:0;
list-style:none;
}
#topmenunya li,
#navinti,
#navinti li {
float:left;
position:relative;
}
#topmenunya li a {
display:block;
line-height:20px;
padding:0 10px;
text-decoration:none;
}
#topmenunya li a:hover {
color:#E2E2E2;
}
#topmenunya li.selected a {
background-color:#007ABE;
border-radius:3px;
color:#E2E2E2;
font-weight:normal;
}
#topmobilenav,
#mobilenav {
background-color:#007ABE;
}
/* = Middle Nav menu = */
#nav {
height:50px;
position:relative;
z-index:1;
}
#nav .bgnya
{
	width: 100%;
	background-color: #CC3300;
	height: 42px;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-bottom: 4px solid #007ABE;
	-moz-box-shadow: 0 1px 6px #585858;
	-webkit-box-shadow: 0 1px 6px #585858;
	box-shadow: 0 1px 6px #585858;
}
#navinti a {
text-decoration:none;
line-height:50px;
padding:0 15px;
color:#E6E6E6;
display:block;
-webkit-transition:background-color .4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
}
#navinti > li > a {
font:normal normal 90% 'Open Sans', serif ,Sans-serif;
line-height:50px;
text-transform:uppercase;
font-weight:600;
height:50px;
}
#navinti a.homex {
text-indent:-9999px;
padding:0;
width:50px;
background-image:url(../images/home.png);
background-position:12px -34px;
background-repeat:no-repeat;
background-color:#007ABE;
}
#navinti a.homex.current {
background-position:12px 8px;
}
#navinti > li > a.current,
#navinti > li:hover > a {
background-color:#007ABE;
line-height:50px;
z-index:99;
position:relative;
}
#navinti ul {
position:absolute;
float:none;
z-index:98;
width:170px;
top:100%;
display:none;
}
#navinti ul li {
float:none;
}
#navinti ul a {
color:#fff;
background-color:#007ABE;
margin:2px 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
height:32px;
line-height:32px;
font-size:85%;
}
#navinti > li {
margin-right:2px;
}
#navinti li:hover > ul.hidden {
display:block;
}
#navinti > li.dgnsub > a {
background-image:url(../images/arrows1.png);
background-repeat:no-repeat;
background-position:100% 13px;
padding:0 22px 0 10px;
}
#navinti > li.dgnsub:hover > a {
background-position:100% -43px;
}
#navinti ul ul {
left:101%;
top:-2px;
}
#navinti ul li.dgnsubsub > a {
background-image:url(../images/arrows1.png);
background-repeat:no-repeat;
background-position:100% -106px;
}
/* = Middle Nav (Responsive) = */
#navinti.small {
position:absolute;
float:none;
left:10px;
right:10px;
top:100%;
padding:5px 10px;
background-color:#2E2E2E;
z-index:99;
border:1px solid #D3D3D3;
border-top:0;
-moz-box-shadow:0 1px 5px #C0C0C0;
-webkit-box-shadow:0 1px 5px #C0C0C0;
box-shadow:0 1px 5px #C0C0C0;
}
#navinti.small li {
float:none;
}
#navinti.small > li > a,
#navinti.small a.homex {
line-height:30px;
height:30px;
display:block;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
text-indent:0;
padding:0 15px;
width:auto;
}
#navinti.small a.homex {
background-image:none;
}
#navinti.small > li > a.current,
#navinti.small > li:hover > a {
line-height:30px;
}
#navinti.small > li.dgnsub > a {
padding:0 15px;
background-position:100% 4px;
}
#navinti.small > li.dgnsub:hover > a,
#navinti.small ul li.dgnsubsub:hover > a {
background-position:100% -53px;
}
#navinti.small ul {
position:static;
width:auto;
}
#navinti.small ul li.dgnsubsub > a {
background-position:100% 4px;
}
#navinti.small ul a {
padding:0 15px 0 25px;
}
#navinti.small ul ul a {
padding:0 15px 0 35px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:#FFFFFF;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px Verdana, Geneva, sans-serif;
-moz-box-shadow:0 0 5px #D3D3D3;
-webkit-box-shadow:0 0 5px ##D3D3D3;
box-shadow:0 0 5px #D3D3D3;
}
#outer-wrapper,
#nav {
width:100%;
max-width:1080px;
}
#content-wrapper {
padding:15px 0;
}
#main-atas 
{
	
width:66%;
padding:0 1% 0 0.5%;
float:left;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
background-color:#FFFFFF;
-moz-box-shadow:0 0 5px #D3D3D3;
-webkit-box-shadow:0 0 5px ##D3D3D3;
box-shadow:0 0 5px #D3D3D3;
}
#sidebar-wrapper {
width:32%;
float:right;
padding:0 0;
word-wrap:break-word;  /* fix for long text breaking sidebar float in IE */
overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
background-color:#FFFFFF;
-moz-box-shadow:0 0 5px #D3D3D3;
-webkit-box-shadow:0 0 5px ##D3D3D3;
box-shadow:0 0 5px #D3D3D3;

}
.sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
padding:5px 0;
margin:0 0 5px;
background-image:url(../images/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
overflow:hidden;
font:normal normal 18px 'Open Sans', serif ,sans-serif;
text-transform:uppercase;
color:#000000;
font-weight:600;
}
.sidebar .widget > h2 span,
#related_posts h4 span,
#comments > h4 span {
background-color:#FFFFFF;
padding:0 5px 0 0;
}
.sidebar .widget-content {
padding:5px 10px;
margin:0;
border:1px solid #C0C0C0;
background-color:#FFFFFF;
border-radius:2px;
position:relative;
}
#mainmidtengah,
#mainmidtengah2 {
overflow:hidden;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:50%;
float:left;
}
#sidebar-tengah {
overflow:hidden;
}
#sidebar-tengah .sidebarmd-widget {
width:33.3%;
float:left;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font:normal normal 100% 'Open Sans', serif ,Sans-serif;
text-transform:none;
margin:0;
}
/* Posts
-----------------------------------------------
*/
.blog-posts.hfeed {
overflow:hidden;
}
.index .post-outer,
.archive .post-outer {
width:33.3%;
float:left;
position:relative;
}
.index .post-outer .post,
.archive .post-outer .post {
margin:0 10px 10px;
height:190px;
position:relative;
z-index:0;
}
a.thumbimgx {
display:block;
border:1px solid #C0C0C0;
border-radius:3px;
width:100%;
height:140px;
position:relative;
background-color:#FFFFFF;
}
a.thumbimgx::before,
a.thumbimgx::after,
ul.rcentpost.sliderq a.thumbxtag::before,
ul.rcentpost.sliderq li:first-child a.thumbxtag::before,
ul.rcentpost.sliderq a.thumbxtag::after,
ul.rcentpost.sliderq li:first-child a.thumbxtag::after,
ul.rcentpost li:first-child a.thumbxtag::before,
ul.rcentpost li:first-child a.thumbxtag::after,
#feedContainer .inner::before,
#feedContainer .inner::after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
a.thumbimgx::after,
ul.rcentpost.sliderq a.thumbxtag::after,
ul.rcentpost.sliderq li:first-child a.thumbxtag::after,
ul.rcentpost li:first-child a.thumbxtag::after,
#feedContainer .inner::after {
right:5px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
a.thumbimgx img {
height:95%;
width:96%;
padding:2%;
}
.datex {
position:absolute;
z-index:10;
background-color:#007ABE;
color:#FFFFFF;
padding:3px 0;
top:0;
left:15px;
display:block;
text-align:center;
}
.item .datex, .static_page .datex {
z-index: 0;
}
.post:hover .datex.show {
background-color:#2E2E2E;
}
.datex.show strong,
.datex.show span,
.datex.show small {
display:block;
padding:0 2px;
}
.datex.show strong {
font-size:21px;
}
.datex.show span,
.datex.show small {
font-size:9px;
height:12px;
line-height:12px;
}
.post-summary p,
.post-more-link,
.post-footer {
display:none;
}
.post .titlex,
ul.rcentpost li strong a {
text-decoration:none;
font:normal normal 13px 'Open Sans', serif ,sans-serif;
font-weight:600;
line-height:1.4em;
color:#0E0E0E;
display:block;
margin:5px 0 0;
max-height:36px;
overflow:hidden;
}
.menu-xitem {
background-image:url(../images/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
height:34px;
margin:0 0 5px;
}
.xitem1,
#view {
float:left;
background-color:#FFFFFF;
padding:5px;
position:relative;
}
#view {
float:right;
}
.menu-xitem a {
text-decoration:none;
color:#000000;
}
.xitem1 .liat {
font:normal normal 18px 'Open Sans', serif ,sans-serif;
text-transform:uppercase;
font-weight:600;
background-image:url(../images/ui-select.png);
background-repeat:no-repeat;
background-position:100% 70%;
display:inline-block;
padding-right:20px;
}
.index .post-outer.list,
.archive .post-outer.list {
width:100%;
float:none;
}
.index .post-outer.list .post,
.archive .post-outer.list .post {
height:auto;
margin:0 0 15px;
padding-bottom:10px;
}
.post-outer.list a.thumbimgx {
width:200px;
float:left;
margin:0 10px 0 5px;
}
.post-outer.list .post .titlex {
font-size:150%;
max-height:200px;
margin:0;
overflow:visible;
}
.post-outer.list .post-summary p {
display:block;
margin:10px 0 0;
}
.post-outer.list .post-more-link {
display:block;
position:absolute;
bottom:0;
float:right;
right:0;
}
.post-outer.list .post-more-link a {
display:block;
text-decoration:none;
padding:4px 8px;
font-size:90%;
background-color:#007ABE;
color:#FFFFFF;
}
.post-outer.list .post-more-link a:hover {
background-color:#2E2E2E;
}
.post-body .left {
float:left;
margin:0 5px 5px 0;
}
.post-body .right {
float:right;
margin:0 0 5px 5px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
color:#777;
background:url(../images/quotation-l.png) no-repeat left 5px;
}
.item .post-body img,
.static_page .post-body img {
padding:4px;
border:1px solid #C0C0C0;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs {
padding:10px;
border:1px solid #C0C0C0;
position:relative;
margin:0 0 10px;
background-color:#FFFFFF;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.breadcrumbs {
padding:5px 10px;
margin:0 0 5px;
}
.error-custom {
background-image:url(../images/Abstract+Floral+Vector+Illustration.png);
background-repeat:no-repeat;
background-position:right bottom;
padding-bottom:220px;
line-height:1.5em;
}
.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
font-size:155%;
font-weight:600;
border-bottom:1px solid #C0C0C0;
padding:0 0 5px 50px;
color:#141414;
margin-bottom:15px;
}
.post h2.post-title,
.error-custom h2 {
padding-left:0;
}
.post h1.post-title a,
.post h2.post-title a {
text-decoration:none;
display:block;
color:#141414;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.item .post-footer,
.static_page .post-footer {
display:block;
border-top:1px solid #C0C0C0;
padding:8px;
margin:0 -10px -10px;
background-color:#FAFAFA;
}
.item .post-body img,
.static_page .post-body img {
max-width:95%;
}
.post-timestamp {
display:none;
}
.post-author.vcard,
.post-labels {
margin-bottom:5px;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post-footer .item-control.blog-admin.pid-1748668997 {
float:right;
}
.post blockquote p {
margin:.75em 0;
}
.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
display:none;
}
.pager-isi {
overflow:hidden;
}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:left;
padding:10px 0;
font-size:120%;
text-decoration:none;
}
.pager-isi h6 {
color:#2C2C2C;
font-size:100%;
}
.pager-isi h5 {
font-size:90%;
}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
padding-left:20px;
}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
padding-right:20px;
}
.pager-isi .linkgrey.left {
text-align:left;
}
.pager-isi .linkgrey.right {
text-align:right;
}
a.blog-pager-newer-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent #777676 transparent transparent;
position:absolute;
top:50%;
left:0;
margin-top:-8px;
}
a.blog-pager-older-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent transparent transparent #777676;
position:absolute;
top:50%;
right:0;
margin-top:-8px;
}
.feed-links,
.error_page #blog-pager {
display:none;
}
/* Related Post
----------------------------------------------- */
#related_posts ul {
overflow:hidden;
list-style:none;
}
#related_posts li {
list-style:none;
float:left;
position:relative;
width:48%;
padding:0 1%;
height:110px;
margin:0 0 8px;
}
#related_posts .gmbrrltd {
float:left;
margin:0 5px 0 0;
padding:3px;
border:1px solid #C0C0C0;
width:70px;
height:70px;
display:block;
}
#related_posts p {
margin:5px 0 0;
line-height:1.5em;
}
#related_posts .date {
position:absolute;
top:0;
left:15px;
color:#FFFFFF;
display:block;
background-color:#007ABE;
text-align:center;
padding:4px 2px;
}
#related_posts li:hover .date {
background-color:#2E2E2E;
}
#related_posts .date span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
#related_posts .date span.dd {
font-size:18px;
line-height:17px;
height:17px;
font-weight:bold;
}
/* Comments
----------------------------------------------- */
.comment-form {
max-width:100%;
padding:10px;
border:1px solid #C0C0C0;
margin:0 0 10px;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.comments.threaded_commentsnya .comment-form {
display:none;
}
.comments .continue a,
.comments .comments-content .comment-thread ol .comment-replybox-thread {
-moz-box-shadow:inset 0 1px 5px #CACACA;
-webkit-box-shadow:inset 0 1px 5px #CACACA;
box-shadow:inset 0 1px 5px #CACACA;
background-color:#FAFAFA;
}
.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper {
padding:5px 10px;
}
.comments .comments-content .comment-thread ol {
margin:0;
}
.comments .comments-content .inline-thread {
border:1px solid #E9E6E6;
border-left:2px solid #007ABE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.comments .comments-content .comment:first-child {
padding-top:0;
}
.comments .comments-content .inline-thread .comment:first-child {
padding-top:12px;
}
.comments .comments-content .icon.blog-author,
.commentarea .author-comment {
background-image:url(../images/48_edit.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
#comments-block .avatar-image-container img {
width:35px;
height:35px;
display:block;
}
#comments-block .avatar-image-container.avatar-stock img {
border-width:0;
padding:1px;
background-image:url(../images/user-anonymous-icon.png);
}
.comments .comments-content .comment-content {
text-align:justify;
line-height:1.6em;
}
#comments-block.avatar-comment-indent dd.comment-body p {
margin:0;
line-height:1.6em;
}
#comments-block .avatar-image-container {
top:0;
}
.commentarea {
padding:8px;
border:1px solid #E9E6E6;
border-left:2px solid #007ABE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:0 0 15px;
position:relative;
}
#comments-block.avatar-comment-indent dd.comment-body {
margin:10px 0;
}
#comments-block.avatar-comment-indent .commentarea .comment-footer {
margin-bottom:0;
text-align:right;
}
.commentarea .datecm {
font-size:90%;
float:right;
}
.commentarea .author-comment {
display:inline-block;
height:18px;
margin:0 6px -4px 0;
width:18px;
}
#googlePlusComment,
.cmt_iframe_holder {
width:100% !important;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
line-height:1.5em;
}
.sidebar .widget,
.main .widget,
#sidebar-tengah,
.footer .widget {
margin:0 0 1.5em;
}
.sidebar .widget {
padding:0 10px;
}
.main .Blog {
border-bottom-width:0;
}

/* Footer
----------------------------------------------- 
.footer{
overflow:hidden;
padding:20px 0 0;
border-top:5px solid #007ABE;
background-color:#2E2E2E;
color:#CACACA;
}*/
.footer1
{
	padding: 20px 0 0;
	border-top: 5px solid #007ABE;
	background-color: #333333;
	color: #CACACA;
}

.row {
/*width:99%;*/
margin:0 auto;
overflow:hidden;
}
.grid {
width:400px;
float:left;
}
.gridF {
width:650px;
float:left;
}
.widget {
padding:0 15px;
}
.widget > h2 {
font:normal normal 14px 'Open Sans', serif ,sans-serif;
color:#FCFCFC;
background-image:url(../images/stripe.png);
background-position:0 50%;
background-repeat:repeat-x;
margin:0 0 10px;
padding:5px 0;
}
.widget > h2 span {
background-color:#2E2E2E;
padding:0 5px 0 0;
}
.navix.credit
{
	overflow: hidden; /*	width: 98%;*/
	padding: 5px 1%;
	border-top: 1px solid #131313;
	background-color: #CC3300;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}
/* Footer
----------------------------------------------- 
#footer-wrapper {
overflow:hidden;
padding:20px 0 0;
border-top:5px solid #007ABE;
background-color:#2E2E2E;
color:#CACACA;
}
.footer1{

padding:20px 0 0;
border-top:5px solid #007ABE;
background-color:#2E2E2E;
color:#CACACA;
}

#footer-wrapper .row {
width:99%;
margin:0 auto;
overflow:hidden;
}
#footer-wrapper .grid {
width:200px;
float:left;
}
#footer-wrapper .gridF {
/*width:50%;*/
#footer-wrapper .gridF {
width:50%;
float:left;
}
.footer .widget {
padding:0 15px;
}
.footer .widget > h2 {
font:normal normal 14px 'Open Sans', serif ,sans-serif;
color:#FCFCFC;
background-image:url(../images/stripe.png);
background-position:0 50%;
background-repeat:repeat-x;
margin:0 0 10px;
padding:5px 0;
}
.footer .widget > h2 span
{
	background-color: #CC3300;
	padding: 0 5px 0 0;
}
.navix.credit
{
	overflow: hidden;
	width: 98%;
	padding: 5px 1%;
	border-top: 1px solid #131313;
	background-color: #007ABE;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}
/* Search Box
-----------------------------------------------
*/
#searchnya {
float:right;
width:195px;
margin:10px 0 0;
}
#ajax-search-form {
position:relative;
font:normal normal 11px Arial,Sans-Serif;
width:191px;
float:right;
}
#ajax-search-form input {
color:#F0EDED;
margin:0 0;
background:#494949;
padding:8px 8px;
font-size:10px;
outline:0;
width:140px;
float:left;
border:0;
}
#ajax-search-form input:focus {
color:#FFF;
}
#search-result {
color:#585858;
border:1px solid #F3F3F3;
background-color:#FFFFFF;
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
-webkit-box-shadow:0 1px 3px #999;
-moz-box-shadow:0 1px 3px #999;
box-shadow:0 1px 3px #999;
display:none;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
}
#search-result ol {
list-style:none;
overflow:hidden;
max-height:450px;
}
#search-result ol:hover {
overflow:auto;
}
#search-result ol a:hover {
text-decoration:underline;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {
padding:5px 0;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:left;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#searchnya button {
text-indent:-9999px;
overflow:hidden;
margin:0;
width:35px;
background:transparent url(../images/button-search.png) center no-repeat;
height:29px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
position:relative;
cursor:pointer;
border:none !important;
outline:none;
}
/* Slider
-----------------------------------------------
*/
#main-top h2 {
display:none;
}
#main-top {
position:relative;
z-index:0;
}
#main-top .widget-content::after,
#main-top .widget-content::before {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
#main-top .widget-content::after {
right:5px;
left:auto;
-webkit-transform:rotate(1deg);
-moz-transform:rotate(1deg);
-ms-transform:rotate(1deg);
-o-transform:rotate(1deg);
transform:rotate(1deg);
}
ul.featpost,
ul.featpost li {
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
ul.featpost li {
height:280px;
}
ul.featpost,
.featuredpost {
height:280px;
}
.featuredpost {
overflow:hidden;
}
ul.featpost img {
width:100%;
height:100%;
}
#main-top .widget-content {
padding:5px;
}
ul.featpost .labeltext
{
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 85%;
	z-index: 9;
	background-color: #CC3300;
	padding: 7px 10px;
	color: #FFFFFF;
}
ul.featpost strong.titlex
{
	position: absolute;
	bottom: 95px;
	display: block;
	left: 10px;
	z-index: 10;
	background-color: #007ABE;
	padding: 5px 8px;
	max-height: 22px;
	overflow: hidden;
}
ul.featpost strong.titlex a
{
	font: normal normal 16px 'Open Sans' , serif ,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
}
ul.featpost .labeltext .date {
display:block;
font-size:90%;
text-align:right;
}
ul.featpost .labeltext p {
margin:5px 0 0;
font-style:italic;
}

.baner_post {
height:80px;
}
#main-top .flex-control-nav.flex-control-paging {
position:absolute;
width:100%;
bottom:15px;
}
#main-top .flex-viewport {
max-width:800px;
}
.featuredpost .flex-direction-nav a {
top:50%;
margin-top:-20px;
}
a.feathumb {
width:100%;
height:280px;
display:block;
}
/* Archive
-----------------------------------------------
*/
#table-outer table {
width:100%;
}
#orderFeedBy,
#labelSorter {
width:90%;
margin:5px 0;
}
#postSearcher input[type="text"] {
width:88%;
margin:5px 0;
padding:3px 1%;
}
#feedContainer,
#feedContainer li {
padding:0;
margin:0;
list-style:none;
}
#feedContainer {
overflow:hidden;
margin-top:20px;
}
#feedContainer li {
float:left;
width:50%;
margin-bottom:10px;
position:relative;
z-index: 0;
}
#feedContainer .inner {
padding:8px;
margin:0 5px;
position:relative;
background-color:#FFF;
border:1px solid #C0C0C0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
height:133px;
}
#feedContainer img {
float:left;
margin:0 8px 0 0;
}
#feedContainer .inner > strong {
display:none;
}
#feedContainer .date {
position:absolute;
top:8px;
left:15px;
background-color:#007ABE;
color:#FFFFFF;
font-size:9px;
padding:3px 2px;
}
#feedContainer .inner:hover .date {
background-color:#2E2E2E;
}
#feedContainer .date span {
display:block;
line-height:12px;
text-align:center;
}
#feedContainer .date .dd {
font-size:15px;
line-height:18px;
font-weight:bold;
}
#feedContainer .toc-title {
max-height:33px;
overflow:hidden;
}
#feedNav a, #feedNav span {
display:block;
text-align:center;
color:#FFFFFF;
text-decoration:none;
background-color:#007ABE;
padding:5px;
width:95%;
margin:0 auto;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#feedNav a:hover {
background-color:#2E2E2E;
}
/* Other
-----------------------------------------------
*/
img {
height:auto;

}
a img,
a.loadpost,
.datex.show,
.morepostag a,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
a.loadpost {
display:block;
width:80%;
margin:0 auto;
line-height:30px;
height:30px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#007ABE;
color:#FFFFFF;
text-decoration:none;
}
a.loadpost:hover {
background-color:#2E2E2E;
}
ul.rcentpost {
margin:-5px -10px;
}
ul.rcentpost li {
padding:8px;
overflow:hidden;
position:relative;
z-index:0;
border-bottom:1px solid #F1F1F1;
}
a.thumbxtag
{
	float: left;
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 8px 0 0;
	padding: 3px;
	border: 1px solid #CC3300;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
a.thumbxtag img {
display:block;
width:100%;
height:100%;
}
.morepostag {
text-align:center;
padding:8px 0 0;
}
.morepostag a
{
	display: block;
	width: 80%;
	line-height: 25px;
	height: 25px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 5px auto;
	color: #FFFFFF;
	background-color: #CC3300;
	text-decoration: none;
}
.morepostag a:hover {
background-color:#2E2E2E;
}
ul.rcentpost li:first-child a.thumbxtag {
float:none;
width:98%;
padding:1%;
height:140px;
position:relative;
background-color:#fff;
}
ul.rcentpost li strong a {
margin:0;
}
ul.rcentpost li:first-child strong a {
margin:10px 0 0;
font-size:120%;
display:block;
}
ul.rcentpost .date {
position:absolute;
top:8px;
left:20px;
background-color:#007ABE;
color:#FFFFFF;
display:block;
padding:3px;
text-align:center;
}
ul.rcentpost .date span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
ul.rcentpost .date span.dd {
font-size:18px;
font-weight:bold;
line-height:20px;
height:20px;
}
ul.rcentpost li:hover .date {
background-color:#2E2E2E;
}
ul.rcentpost.sliderq {
margin:10px 0;
overflow:hidden;
height:175px;
}
ul.rcentpost.sliderq li {
padding:0;
width:33.3%;
float:left;
height:175px;
}
ul.rcentpost.sliderq .inner {
margin:0 5px;
}
ul.rcentpost.sliderq .date {
top:0;
}
ul.rcentpost.sliderq a.thumbxtag,
ul.rcentpost.sliderq li:first-child a.thumbxtag {
float:none;
width:98%;
height:120px;
position:relative;
background-color:#fff;
}
ul.rcentpost.sliderq p {
display:none;
}
.flex-direction-nav a {
position:absolute;
display:block;
top:90px;
width:25px;
height:40px;
background-color:#007ABE;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
text-indent:-9999px;
background-image:url(../images/glyphicons-halflings-white.png);
background-repeat:no-repeat;
}
.widget-content:hover .flex-direction-nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.flex-direction-nav a:hover {
background-color:#2E2E2E;
}
.flex-direction-nav a.flex-prev {
right:0;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
background-position:-18px 7px;
}
.flex-direction-nav a.flex-next {
left:0;
-moz-border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
background-position:7px 7px;
}
.flex-control-nav.flex-control-paging,
.flex-control-nav.flex-control-paging li {
list-style:none;
padding:0;
text-align:center;
margin:0;
}
.flex-control-nav.flex-control-paging li {
display:inline-block;
}
.flex-control-nav.flex-control-paging a {
display:inline-block;
text-indent:-9999px;
margin:0 3px;
width:10px;
height:10px;
background-color:#2E2E2E;
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.flex-control-nav.flex-control-paging a.flex-active {
background-color:#007ABE;
}
.flex-viewport,
.rcbytag {
max-width:612px;
margin:0 auto;
}
ul.rcentpost.sliderq li:first-child strong a,
ul.rcentpost.sliderq strong a {
margin:5px 0 0;
font-size:13px;
}
#sidebar-tengah h2 {
display:none;
}
ul.navtab,
ul.navtab li {
list-style:none;
padding:0;
margin:0;
}
ul.navtab
{
	height: 32px;
	padding: 0 8px;
	margin: 0 10px;
	border-bottom: 5px solid #007ABE;
	border-bottom-color: #CC3300;
}
ul.navtab li {
float:left;
width:33.3%;
text-align:center;
}
ul.navtab li a
{
	display: block;
	line-height: 32px;
	height: 32px;
	background-color: #CC3300;
	color: #FFFFFF;
	text-decoration: none;
}
ul.navtab li a.current, ul.navtab li a:hover
{
	background-color: #CC3300;
}
ul.navtab {
height:32px;
padding:0 10px;
margin:0 10px;
}
#sidebar-tengah .widget-content,
#sidebar-tengah .widget {
border:0;
padding:0;
margin:0;
}
.list-tabwrap
{
	padding: 8px 10px;
	margin: 0 10px;
	border-top: 0;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-top-color: inherit;
	border-right-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
}
#view a {
display:inline-block;
text-indent:-9999px;
width:23px;
height:23px;
background-image:url(../images/sprite1.png);
background-repeat:no-repeat;
float:right;
}
#view a.list {
background-position:0 -102px;
}
#view a.list.active {
background-position:0 -68px;
}
#view a.grid {
background-position:0 -34px;
}
#view a.grid.active {
background-position:0 0;
}
#labelxnya {
position:absolute;
z-index:99;
top:100%;
left:0;
display:none;
}
ul.subnya-xitem,
ul.subnya-xitem li {
padding:0;
list-style:none;
margin:0;
}
ul.subnya-xitem {
width:450px;
padding:8px;
background-color:#FFF;
border:1px solid #E2E2E2;
border-radius:3px;
overflow:hidden;
position:relative;
top:-12px;
-moz-box-shadow:0 0 10px #CFCECE;
-webkit-box-shadow:0 0 10px #CFCECE;
box-shadow:0 0 10px #CFCECE;
}
ul.subnya-xitem li {
width:50%;
float:left;
margin:1px 0;
}
ul.subnya-xitem a {
line-height:25px;
display:block;
padding:0 10px;
}
ul.subnya-xitem a:hover {
background-color:#F5F5F5;
}
#labelxnya span {
position:relative;
display:inline-block;
text-indent:-9999px;
left:50px;
top:-7px;
width:0;
height:0;
border-width:10px 10px;
border-style:solid;
border-color:transparent transparent #868585 transparent;
}
.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
float:left;
}
.ticker-wrapper.has-js {
height:28px;
overflow:hidden;
margin:0 0 15px;
line-height:28px;
border:1px solid #C0C0C0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#FFFFFF;
}
.ticker {
width:92%;
position:relative;
overflow:hidden;
}
.ticker-title
{
	background-color: #CC3300;
	padding: 0 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.ticker-content {
margin:0;
position:absolute;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
line-height:26px;
padding:0 10px;
font-size:10px;
}
.ticker-content .date {
padding:0 5px 0 0;
border-right:1px solid #272727;
}
.ticker-swipe {
position:absolute;
top:0;
background-color:#FFFFFF;
display:block;
width:800px;
height:23px;
}
.ticker-swipe span {
margin-left:1px;
background-color:#FFFFFF;
border-bottom:1px solid #000;
height:18px;
width:7px;
display:block;
}
.ticker-controls {
padding:6px 0 0;
margin:0;
list-style-type:none;
float:left;
}
.ticker-controls li {
padding:0;
margin-left:5px;
float:left;
cursor:pointer;
height:16px;
width:16px;
display:block;
}
.ticker-controls li.jnt-play-pause {
background-image:url(../images/controls.png);
background-position:32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position:32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position:32px 0;
}
.ticker-controls li.jnt-play-pause.paused {
background-image:url(../images/controls.png);
background-position:48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position:48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position:48px 0;
}
.ticker-controls li.jnt-prev {
background-image:url(../images/controls.png);
background-position:0 16px;
}
.ticker-controls li.jnt-prev.over {
background-position:0 32px;
}
.ticker-controls li.jnt-prev.down {
background-position:0 0;
}
.ticker-controls li.jnt-next {
background-image:url(../images/controls.png);
background-position:16px 16px;
}
.ticker-controls li.jnt-next.over {
background-position:16px 32px;
}
.ticker-controls li.jnt-next.down {
background-position:16px 0;
}
.js-hidden {
display:none;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background-color:#007ABE;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
font-size:12px;
padding:2px 0;
padding-left:5%;
width:95%;
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
background-color:#202020;
border:1px solid #1B1B1B;
}
input[type="submit"] {
border-radius:2px;
background-color:#007ABE;
outline:0;
border:0;
padding:5px 8px;
color:#FFFFFF;
margin:2px 3px;
cursor:pointer;
}
input[type="submit"]:hover {
background-color:#2E2E2E;
}
input[type="text"] {
padding:4px 5px;
border:1px solid #B6B6B6;
border-radius:2px;
color:#585858;
}
/*change label menu style*/
.Label li
{
	padding: 3px 5px;
	margin: 0 3px 3px 0;
	float: left;
	background-color: #CC3300;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: #D6D6D6;
}
.Label li a {
color:#FFFFFF;
text-decoration:none;
}
.Label li:hover
{
	background-color: #006699;
}
.footer .Label li:hover {
background-color:#1D1D1D;
}
#top {
position:fixed;
right:10px;
bottom:0;
text-indent:-9999px;
width:40px;
height:0;
background-color:#007ABE;
border-radius:2px 2px 0 0;
background-image:url(../images/up.png);
background-repeat:no-repeat;
background-position:50% 50%;
opacity:0;
cursor:pointer;
}
#top:hover {
background-color:#1D1D1D;
}
ul.rcomnetxx li {
padding:5px;
margin-bottom:8px;
overflow:hidden;
}
ul.rcomnetxx .kmtimg {
float:left;
margin:0 5px 5px 0;
width:50px;
height:50px;
padding:3px;
border:1px solid #C0C0C0;
}
ul.rcomnetxx p {
margin:5px 0 0;
}
ul.rcomnetxx .date {
font-size:80%;
}
.PopularPosts li img {
padding:0;
width:65px;
height:65px;
display:block;
}
.PopularPosts .item-thumbnail {
padding:3px;
border:1px solid #C0C0C0;
width:65px;
height:65px;
}
.loadingxx {
background-image:url(../images/progress_ani.gif);
background-repeat:no-repeat;
background-position:50% 50%;
height:150px;
}
#featpost.loadingxx {
height:280px;
}











ul.bulletText { margin-bottom:13px; list-style:none; }
ul.bulletText li { background: url(../images/bullet.gif) no-repeat scroll left 0.589em transparent; padding: 0px 0px 7px 12px;  list-style:none; list-style-position:outside; }
ul.bulletText ul { padding-bottom:0; }
ul.bulletText ul li { padding-bottom:0 !important; }
ul.floatLeft { clear:both; overflow:hidden; }
ul.floatLeft li { float:left; padding-right:20px; }
ul.bulletText ul { margin:10px 0 -8px; }
ul.bulletText ul li { padding:0 0 5px 15px; background: url(../images/bullet.gif) no-repeat scroll left 0.583em transparent; }



.item-snippet .read_More {
display:block;
position:absolute;
bottom:0;
float:right;
right:0;
}
.item-snippet .pread_More a {
display:block;
text-decoration:none;
padding:4px 8px;
font-size:90%;
background-color:#007ABE;
color:#FFFFFF;
}
.item-snippet .read_More a:hover {
background-color:#2E2E2E;
}




.imgRight {
    float: right;
    margin: 4px 0px 4px 15px;
}
.imgBdr {
    border: 1px solid #b0a58a;
    padding: 4px;
    margin: 4px 15px 4px;
    background-color: #fff;
}