html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
display: block;
}
* {
margin: 0;
padding: 0;
}
html {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
body .navbar, .icon-action, .widget-item-control, .feed-links, #skiplinks, #Attribution1 {
display: none!important
}
*, .header-wrapper .description, .section, .widget, .widget .post-body ul, .widget ul, .crosscol .PageList li, .Header h1, .footer .PageList li, .widget li, .BlogArchive #ArchiveList ul.flat li {
margin: 0;
padding: 0;
outline: none
}
/* ------------ Body Framework-------------*/
body {
font: normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
letter-spacing: 0em;
background: #ffffff none repeat scroll top left;
padding: 0;
}
a:link {
text-decoration: none;
color: #999999;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #999999;
}
strong,b {
font-weight:bold;
}
cite,em,i {
font-style:italic;
}
a img {
border:none;
}
abbr,
acronym {
border-bottom:1px dotted;
cursor:help;
}
sup,
sub {
vertical-align:baseline;
position:relative;
top:-.3em;
font-size:86%;
}
sub {
top:.3em;
}
small {
font-size:86%;
}
kbd {
font-size:80%;
border:1px solid #999;
padding:2px 5px;
border-bottom-width:2px;
border-radius:3px;
}
mark {
background-color:#ffce00;
color:black;
}
pre,
code {
font-family:"Courier New",Courier,Monospace;
color:#726A5C;
}
pre {
white-space:pre;
word-wrap:normal;
overflow:auto;
}
/* ------------------- main-wrapper -------------------- */
#main-wrapper {
margin: 0 auto;
padding: 0 0 30px;
text-align: left;
background:#ffffff;
}
#main-wrapper-bg {
width: 100%;
float: left;
border-top:1px solid #aaaaaa;
}
#content-wrapper {
overflow: hidden;
background:transparent;
margin-bottom: 0;
padding:40px 5px 0px 75px;
}
#sidebar-right-wrapper {
float: right;
text-align: left;
padding-top: 20px;
margin-top: 0;
}
#main {
padding:0;
}
#nivo-outer {
display: none;
}
#nivo-outer h2 {
display: none;
}
.slider-wrapper {
padding-top: 45px;
}
/* ------------------- Top Nav ------------------------*/
#topnav-wrapper {
background:#ffffff;
text-align: center;
width: 100%;
position: relative;
padding-top: 0;
z-index:999999;
}
#topnav-inner {
position: relative;
margin: 0 auto;
}
#top-social h2 {
display: none;
}
#top-social{
float:left;
width:30%;
}
.social-box-top {
width: 270px;
height: 40px;
text-align: left;
margin-left: -9px;
margin-top: 8px;
}
.share-box, .social-box-top, .social-box {
text-decoration: none !important;
outline: none !important;
}
.social-item-top {
display: inline-block;
margin-right: 5px;
padding: 5px 7px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
border: 1px solid transparent;
}
.social-item-top:hover {
border: 1px solid #aaaaaa;
}
.social-icon-top {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
width: 19px;
height: 19px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.social-item-top:hover .social-icon-top {
opacity: 1;
}
/* ------------------------- Main Nav ------------------------------*/
.activin {
}
#mainnav-wrapper.off-canvas {
top:-90px !important;
}
#mainnav-wrapper.fixed {
top:-10px !important;
position:fixed !important;
background:#ffffff;
padding: 0px;
margin: 0px auto;
opacity: 0.9;
}
#mainnav-wrapper {
width: 100%;
float: none;
padding:0;
font: normal normal 12px Lato;
letter-spacing: 0.2em;
margin-bottom: 0;
text-align: center;
text-transform:uppercase;
position: relative;
left: 0;
top: 0;
z-index:20;
}
#mainnav-inner {
margin: 10px auto 0;
text-align:center;
border: 1px solid #aaaaaa;
}
#mainnav-inner.fixed1 {
padding-bottom: 0 !important;
}
#mainnav-inner  h2 {
display: none !important;
}
#mainnav-inner .nav {
text-align: center;
display: inline;
margin: 0 auto;
list-style: none;
}
#mainnav-inner li {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mainnav-inner ul li a {
color:#1A1A1A;
z-index: 99999;
min-width: 85px;
display: inline-block;
position: relative;
padding: 1.6em 1.3em 1.6em;
}
#mainnav-inner ul li::after {
content:"";
position:absolute;
right:0;
top:0;
background:#aaaaaa;
width:1px;
height:20px;
bottom: 0;
margin: auto;
display:none;
}
#mainnav-inner ul li:hover a {
color:#B3B3B3;
}
#mainnav-inner ul li ul {
z-index: 99999;
position: absolute;
top: 4.4em;
left: -5px;
min-width: 160px;
padding:0;
border:0 solid #aaaaaa
}
#mainnav-inner ul li ul:before {
display:none;
position:absolute;
top:12px;
right:45px;
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 11px 10px;
border-color: transparent transparent #000000 transparent;
}
#mainnav-inner ul li:hover ul {
}
#mainnav-inner ul li ul.fallback {
display: none;
}
#mainnav-inner ul li:hover ul.fallback {
display: block;
}
#mainnav-inner ul li ul li {
background-position: 3em center;
background-repeat: no-repeat;
background-size: 8px 8px;
background-color:#000000;
display: block;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#mainnav-inner ul li ul li:after {
content:"";
width:0;
height:100%;
position:absolute;
right:0;
top:0;
background-color:#B3B3B3;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#mainnav-inner ul li ul li:hover:after {
width:10px;
}
#mainnav-inner ul li ul li:last-child {
background-position: 3em 1.45em;
padding-bottom:1em;
}
#mainnav-inner ul li ul li:last-child:hover {
background-position: 2.7em 1.3em;
}
#mainnav-inner ul li ul li:hover {
background-size: 14px 14px;
background-position: 2.7em center;
}
#mainnav-inner ul li ul li a {
color:#ffffff !important;
letter-spacing: 0.06em;
padding: 1em 1em 1em 2em;
text-align: left;
font-size:110%;
text-transform:capitalize;
}
#mainnav-inner ul li ul li:hover a {
color:#cccccc !important;
}
.mainnav-wrapper-fixed {
position:fixed !important;
top:-10px !important;
background-color:#ffffff !important;
}
.selectnav {
display: none;
}
/* -------------------------- Header ------------------------------*/
#mini-header {
float: none;
width: 100%;
}
#header-wrapper {
width: 100%;
background-color:#ffffff;
margin: 0 auto;
padding: 0;
background-image:none;
background-position: center -30px;
background-repeat:no-repeat;
clear:both;
border-bottom:0 solid #aaaaaa;
}
#header-inner {
position: relative;
height:240px;
background-position: center center !important;
background-repeat:no-repeat;
margin:0 auto;
overflow:hidden;
}
#header-inner-img {
position: relative;
background-position: center center !important;
background-repeat:no-repeat;
margin:0 auto;
overflow:hidden;
}
.titlewrapper .title, .titlewrapper .title a {
font: normal normal 50px Lato;
letter-spacing: 0.2em;
text-align:center !important;
color:#000000 !important;
font-weight:300;
}
.titlewrapper .title {
padding: 65px 0px 10px 0;
}
.titlewrapper .title a:hover {
color:#000000!important;
}
#header-inner-img a img {
display: block;
max-width:100% !important;
margin:0 auto;
height: auto !important;
}
.descriptionwrapper {
font: normal normal 12px Lato;
color: #000000;
letter-spacing: 0.09em;
text-align: center;
}
/* ----------------- Post-Main-Header --------------------- */
.post-main-header {
position: relative;
text-align: center;
background-image:none;;
background-position:-50px;
background-repeat:no-repeat;
margin: 40px 0 30px;
}
.left-post-main-header {
float:left;
width:77px;
height: 100px;
margin-bottom: 10px;
display: none;
}
.right-post-main-header {
float: none;
width: 100%;
}
.ondt {
font-size:90%;
}
.dateblock {
font:normal normal 11px Lato;
display:inline-block;
color:#000000;
background:transparent;
padding: 6px 20px;
letter-spacing: 2px;
}
.post-title {
font: normal normal 16px Lato;
letter-spacing:3px;
text-align: center;
text-transform:uppercase;
}
h3.post-title, h3.post-title a {
padding: 0.25% 5% 0.3%;
color:#000000;
transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
h1.post-title, h1.post-title a {
padding: 0.25% 5% 0.3%;
color: #000000;
transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
h1.post-title a, h3.post-title a {
background-color:#ffffff;
display:inline-block;
}
.tit-bg {
display: inline-block;
padding: 0px 10%;
background:#ffffff;
}
.post-title:after {
position:absolute;
top: 58%;
right:0;
background:#aaaaaa;
width:100%;
height:1px;
z-index: -1;
content:"";
display:none;
}
h3.post-title a:hover {
color:#cccccc;
}
.index-post-subtitle {
text-align: center;
letter-spacing: 0.06em;
position:relative;
overflow:hidden;
margin-top: -3px;
}
.tit-sub-bg {
background:#ffffff;
display: inline-block;
padding: 5px 0;
position:relative;
}
.tit-sub-bg:before {
background:#aaaaaa;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
content: "";
z-index: 1;
left: -100%;
display:none;
}
.tit-sub-bg:after {
background:#aaaaaa;
position: absolute;
top: 50%;
right: -100%;
height: 1px;
content: "";
z-index: 1;
width: 100%;
display:none;
}
.index-subtitle-separator {
margin: 0px 0.3em;
color: #aaaaaa;
}
.post-labels {
font: normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
text-align: right;
margin: 19px 0px 0px;
float: right;
padding: 0px;
line-spacing: 0;
max-width: 30%;
}
.post-labels a {
display: inline-block;
margin: 3px 1px;
}
.in-comnum-wrap {
margin:0;
}
.post-author {
display:inline-block;
font: normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
text-align: left;
margin: 0;
font-size:90%;
line-spacing:0;
}
/* -----------------Read More Button-------------------- */
.index-post-footer {
font:normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
margin: 10px 0px 60px;
overflow: hidden;
padding: 0px 0px 40px;
border-bottom: 1px solid #aaaaaa;
letter-spacing: 0.04em;
}
.rm-wrap {
display:none;
position: relative;
text-align: center;
margin: 20px 0 0;
}
.rmlink a, .jump-link a {
font:normal bold 10px Lato !important;
color:#ffffff !important;
background-color:#000000;
max-width: 110px;
display: block;
padding: 1em 2.1em;
margin: 0px auto !important;
text-align: center;
letter-spacing:2px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
text-transform: uppercase;
}
.rmlink a:hover, .jump-link a:hover {
color:#ffffff !important;
background-color:#595959;
}
.rmlink {
text-align: center;
overflow: hidden;
}
.jump-link {
position: relative;
text-align: center;
margin: 25px 0px 10px;
}
/* ------------------- breadcrumbs ------------------------ */
.breadcrumbs {
font: normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
padding: 0;
text-transform: none;
margin: 40px 0 0 0;
letter-spacing: 0.04em;
font-size:90%;
}
.breadcrumbs span a:link, .breadcrumbs span a:visited {
color:#999999;
}
.breadcrumbs span a:hover {
color: #999999;
}
.status-msg-wrap {
margin: 30px auto !important;
width: 100% !important;
font-size: 100% !important;
}
/* ------------------- Posts-Body ------------------------ */
.post {
margin: 0;
padding-bottom: 0;
}
/* For item page*/
.post-item {
letter-spacing: 0.02em;
font: normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
line-height:23px;
overflow:hidden;
}
/* For Homepage*/
.post-home {
text-align: center;
}
.home-post-sum, .post-home {
text-align: justify;
letter-spacing: 0.02em;
font: normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
color:#2F2F2F;
line-height:23px;
overflow:hidden;
}
.home-img-wrap {
padding:10px 0;
display:block;
opacity:1;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
text-align:center;
}
.home-img-wrap:hover {
opacity:1;
}
.post-body {
position: relative;
}
.post-item h2 {
font-size: 160%;
font-weight: bold;
}
.post-item h3 {
font-size: 130%;
font-weight: bold;
}
.post-item h4 {
font-size: 105%;
font-weight: bold;
}
.post-body a {
max-width: 100% !important;
height: auto !important;
}
.post-body img {
max-width: 100%;
height: auto;
}
.post-body ul {
list-style: square outside !important;
padding: 10px 10px 10px 40px !important;
line-height:24px !important;
}
.post-body ol {
list-style: decimal outside !important;
padding: 10px 10px 10px 40px !important;
line-height:24px !important;
}
div.pinit-wrapper {
z-index: 999 !important;
height: 40px;
width: 40px;
margin: 10px 0 0 10px;
}
.post blockquote {
margin: 20px;
font-style:italic;
background-color:#ECF1F2;
background-image: url('https://lh6.googleusercontent.com/-ibrn0R958X4/VMMcWu6UvNI/AAAAAAAACF8/2XzobEQDX-g/s20/quote20.png');
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 20px 20px;
padding: 30px 20px 20px 30px;
border:1px dotted #31484C;
line-height: 1.8em !important;
}
/* ------------------- Posts-Signature ------------------------ */
#cus-post-sign {
width:100%;
height:auto;
margin: 30px 0 30px;
display:none;
}
#cus-post-sign h2 {
display:none;
}
#cus-post-sign img {
max-width:100%;
height:auto;
}
/* ------------------- Share Button -------------------------- */
.index-share-box {
margin-top: 10px;
position: relative;
float: left;
width: 40%;
}
.index-share_judul {
float:left;
margin: auto;
padding: 1em 0 0.5em;
margin-right: 10px;
}
.index-share-content {
padding: 0.8em 0 0.5em;
}
a.index-share-inner {
transform:translate3d(0px, 0px, 0px);
-webkit-backface-visibility:hidden;
display: inline-block;
margin-right:5px;
height: 18px;
width: 17px;
padding: 0;
-webkit-transition: all 0.7s ease 0 s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
background-repeat:no-repeat;
background-position: -1px center;
background-size:80%;
}
.index-facebook {
background-image:url("https://lh3.googleusercontent.com/-QkMTm25j5PM/VToBlseBEyI/AAAAAAAACVs/eHSYqgK37UM/s22/share-facebook.png");
position:relative;
}
.index-pinrest {
background-image:url("https://lh3.googleusercontent.com/-Q3KdQV8QQAw/VToBmhBA0AI/AAAAAAAACV4/ouiiTrr1cQU/s22/share-pinrest.png");
}
.index-twitter {
background-image:url("https://lh3.googleusercontent.com/-4S61H24txx0/VToBmwM-BXI/AAAAAAAACWA/rM6e0aF2LuE/s22/share-twitter.png");
}
.index-bloglovin {
background-image:url("https://lh3.googleusercontent.com/-MrBNV5HXMJI/VaY_I0oixOI/AAAAAAAAAyI/S0qGWJPZJX4/s22-Ic42/share-linkedin3.png");
}
.index-google {
background-image:url("https://lh3.googleusercontent.com/-l3GQxI8H7DI/VToBljI2ZiI/AAAAAAAACVk/bGzIuzCSfMs/s22/share-google.png");
}
/* -------------------- Sidebar ------------------------ */
#sidebar-right, #sidebar-left{
padding: 20px 45px 0px 30px !important;
border:0 solid #aaaaaa;
margin-top: 20px;
}
#sidebar-right h2 {
font: normal normal 11px Lato;
color: #2F2F2F;
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: center;
padding: 2em 0.8em 1em 0.8em;
border-top: 0 solid #aaaaaa;
}
#sidebar-right .widget {
padding: 0 10% !important;
margin: 20px 0px 40px;
border:1px solid #aaaaaa;
}
#sidebar-right h2:before, #sidebar-left h2:before {
content: "";
display: inline-block;
position: absolute;
border-top: 0px solid;
width: 100%;
top: 0;
right: 0;
left: 0;
margin: auto;
}
#sidebar-right h2:after, #sidebar-left h2:after {
content: "";
display: inline-block;
position: absolute;
border-bottom: 0;
width: 100%;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
#sidebar-right div.widget-content, #sidebar-left div.widget-content {
font:normal normal 12px Lato;
color: #2F2F2F;
letter-spacing: 0.04em;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
margin-top: 20px;
padding-left:0;
padding-right:0;
}
#sidebar-right .Image div.widget-content img, #sidebar-right .HTML div.widget-content img,
#footer-column-container .Image div.widget-content img, #footer-column-container .HTML div.widget-content img,
#footer-1-wrap .Image div.widget-content img, #footer-1-wrap .HTML div.widget-content img {
max-width:100%;
height:auto;
margin: 0 auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#sidebar-right iframe, #footer-column-container iframe, #footer-1-wrap iframe {
max-width: 100% !important;
}
/* ---------------------------Author Profile---------------------------- */
#sidebar-right #Image1 {
border-bottom:0;
margin-top:-15px;
}
#Image1 div.widget-content {
position: relative;
padding-left: 0;
padding-right: 0;
width: 80%;
height: auto;
overflow: hidden;
margin: 20px auto 0;
}
#image1-wrap {
width: 100%;
height: auto;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin:0;
}
.Image img#Image1_img {
width: 100%;
max-width:100%:
height:auto;
margin: 0 auto;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
img#Image1_img:hover {
}
#Image1 div.widget-content span.caption {
display: none;
}
#sidebar-right #Text1 {
margin-top: -40px;
}
#sidebar-right #Text1{
border-top: 0;
}
#sidebar-right #Text1 h2 {
background: transparent;
color: #2F2F2F;
border:none;
}
#Text1 h2:before, #Text1 h2:after {
display: none;
}
#Text1 div.widget-content {
text-align:center;
padding: 0;
letter-spacing: 0.04em;
line-height:18px;
margin-top: 5px;
}
/* ------------------ Social Media Follow 1 --------------------- */
#HTML2 .widget-content {
margin-bottom:30px !important;
}
#HTML2 h2 {
}
.social-box {
width: 100%;
margin: -10px auto 0;
background-image:none;
background-size: 98%;
background-position: -5px center;
padding: 10px 0 7px;
background-color:#ffffff;
}
.social-item {
max-height: 65px !important;
width: 16% !important;
display: inline-block;
border: 0px solid #fff;
height: auto;
text-align: center;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
padding: 4px 0 5px;
margin: 1%;
background-color: #ffffff;
}
.social-item:hover {
background-color:#F2F2F2;
}
.social-icon {
width: 18px;
height: 18px;
display: inline-block;
border: 0px solid #ccc;
border-radius: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
vertical-align: middle;
}
.social-item:hover .social-icon {
font-weight: bold;
}
.social-title {
color: #8795A3;
display: none;
margin: 5px;
letter-spacing: 0.01em;
}
/* ---------------------- Search Nav --------------------------*/
.searchbox {
position: relative;
}
#search {
text-align: center;
position: relative;
}
#search input[type="text"] {
height: 30px;
background-color:transparent;
font:normal normal 12px Lato !important;
color: #2F2F2F !important;
width: 78%;
padding: 0 5% 0 5%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.7s ease 0 s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
border: 1px solid #aaaaaa;
text-align:left;
letter-spacing: 1px;
font-size: 80% !important;
}
#search input[type="text"]:focus {
background-color:transparent;
text-shadow: none !important;
outline: none;
border: 1px solid #999999;
}
#search input#searchbox-button {
background-color:transparent;
font:normal bold 10px Lato !important;
font-size:90%;
height: 24px;
width: 24px;
position: absolute;
top: 4px;
right: 19px;
z-index: 99;
background-image: url('https://lh3.googleusercontent.com/--AZrHpVpRrU/VW-jF8qrlRI/AAAAAAAAAfk/0Q8E9La-0ZM/s16-Ic42/search.png');
background-repeat: no-repeat;
background-position: center;
background-size: 12px auto;
border: none;
float: right;
cursor: pointer;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.35s ease 0 s;
-moz-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
-ms-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
}
/* --------------------------EMAIL------------------------------ */
#sidebar-right #FollowByEmail1 {
padding: 0px 10% !important;
}
#FollowByEmail1 .widget-content {
margin-top:25px !important;
}
#FollowByEmail1 h2:before, #FollowByEmail1 h2:after {
width: 0;
}
.FollowByEmail {
padding: 0 0px 0 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0 auto;
position:relative;
}
.FollowByEmail:after {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:90%;
height:80%;
background:#ccc;
content:"";
z-index: -1;
display:none;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
height: 30px;
font:normal normal 12px Lato !important;
color: #2F2F2F !important;
border: none;
padding: 0;
width: 88%;
margin: 0 5px 10px;
text-align:center;
border: 1px solid #aaaaaa;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
font-size: 80% !important;
letter-spacing: 1px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
border: 1px solid #999999;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
width: 53px;
margin-right: 0;
padding: 0;
border: 0;
color:#ffffff;
background-color:#000000;
font:normal bold 10px Lato !important;
height: 32px;
z-index: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 80% !important;
margin: 0 5% 10px;
width: 88.5%;
}
.follow-by-email-inner .follow-by-email-submit:hover {
background: #595959;
color:#ffffff;
}
.follow-by-email-inner td{
display: block;
width: 100%;
}
.follow-by-email-inner tr{
background-color:transparent;
}
/* -------------------------- LABEL ---------------------------- */
#Label1 div.widget-content {
margin-top: 1em;
}
#Label1 li span {
font-weight: bold;
}
#Label1 li a, #Label1 li a:link, #Label1 li span {
text-align: left;
display: block;
padding: 0.5em 0 0.5em 0;
margin: 0 auto;
background:transparent;
-webkit-transition: all 0.7s ease 0 s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
color:#999999 !important;
border-right:3px solid transparent;
}
#Label1 li a:hover {
background-color:#ecf1f2;
display: block;
border-right:3px solid #999999;
color:#999999 !important;
}
/* ------------------ Popular Post 2------------------------ */
.PopularPosts .item-thumbnail {
display: block;
height: 190px;
margin: 0;
overflow: hidden;
position: relative;
width: 100%;
}
.PopularPosts .item-title {
position: relative;
}
.PopularPosts img {
display: block;
height: auto;
width: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
margin: 0 auto;
}
.item-title a {
font-size: 110%;
text-align: center;
margin: 15px auto 0px;
display: inline-block;
}
.item-snippet {
text-align: center;
margin: 7px auto 10px;
padding: 0px 5%;
}
.item-content:hover img {
opacity:0.6;
}
.item-content {
position: relative;
}
.PopularPosts .widget-content ul li {
border: 0 solid #F0F0F0 !important;
margin-bottom: 20px !important;
padding: 0px 0px 10px !important;
}
/* ------------------------------ RECENT POST  -------------------------------- */
#dte_recent-post {
font-size: 100%;
margin: 0 auto;
padding: 0;
min-height: 100px;
text-align: left;
background: url('https://lh5.googleusercontent.com/-NGlnX4sx4NY/VLIjfyNbyDI/AAAAAAAACCs/PftIirrYIgI/s16/loading.gif') no-repeat 50% 50%;
background-color:#ffffff;
}
#dte_recent-post span.cm {
display: none;
}
#dte_recent-post li:first-child {
list-style: none;
margin: 0;
padding: 7px;
border-top: 0;
padding-bottom: 0 !important;
padding-top:0 !important;
}
#dte_recent-post li:last-child {
border-bottom: 0 solid #F0F0F0;
}
#dte_recent-post li:first-child a img {
float: none;
width: 100% !important;
height: auto !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#dte_recent-post li:first-child a.title {
margin: 10px 5px 5px 5px;
color:#999999 !important;
}
#dte_recent-post li:first-child .isinya {
margin: 0.5em 0px 0px;
padding: 5px;
}
#dte_recent-post li:first-child .foot {
margin: -1em 5px 0;
padding-bottom: 2em;
}
#dte_recent-post li {
list-style: none;
margin: 0 5px;
padding: 20px 0 10px 0 !important;
background-color:#ffffff;
border-top: 1px solid #F0F0F0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#dte_recent-post .isinya {
margin: 0.5em 0 0 80px;
font-size: 90%;
min-height: 46px;
line-height: 1.3em;
}
#dte_recent-post li a img {
float: left;
height: 70px !important;
width: 70px !important;
margin: 0.2em 10px 0 0;
padding: 0;
border: 0;
background: none;
outline: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#dte_recent-post li:hover a img {
opacity:0.6;
}
#dte_recent-post li a.title {
display: block;
text-decoration: none;
}
#dte_recent-post li span.foot {
clear: both;
display: block;
color:#999999;
margin-top: 7px;
font-size: 85% !important;
}
/* -------------------- Blog Archieve ------------------------- */
#BlogArchive1 div.widget-content {
margin-left: 30px;
}
/* ------------------- Pinrest Board Styling ------------------------ */
#pinterest-gallery {
overflow: hidden;
margin: auto;
width: 90% !important;
list-style: none;
}
#pinterest-gallery li {
float: left;
width: 47.2%;
height: 100px;
background-size: cover;
margin: 3px;
padding: 0;
border:0;
position:relative;
}
.pinterest-link {
display: block;
height: 100%;
}
span.pinfil {
background:#fff;
width:100%;
height:100%;
display:block !important;
opacity:0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
span.pintit {
font-size: 11px !important;
color: #FFF !important;
position: absolute;
z-index: 99999;
bottom: 0;
background: none repeat scroll 0% 0% #000;
left: 0px;
width: 90%;
text-align: center;
line-height: 1.5em;
padding:5%;
display:none;
}
/* Internet Explorer correction */
#pinterest-gallery li a {
color: transparent;
line-height: 1px;
font-size: 0px;
}
/* ------------------- Share Button -------------------------- */
.share-box {
margin-top: 20px;
position: relative;
border-top: 1px solid #aaaaaa;
}
.share_judul {
display: block;
padding: 1em 0px;
text-align: left;
letter-spacing: 0.02em;
margin: 30px auto 0px;
text-transform: uppercase;
font:normal normal 12px Lato;
color:#2F2F2F;
}
.share-content {
text-align: left;
}
a.share-inner {
text-transform: none !important;
display: inline-block;
padding: 1em 1.7em;
-webkit-transition: all 0.7s ease 0 s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
color:#3b3b3b !important;
margin-right: -4px;
}
.share_title {
font:normal normal 12px Lato;
color:#2F2F2F;
letter-spacing: 0;
margin-top: 5px;
font-size: 80%;
text-align: center;
-webkit-transition: all 0.7s ease 0 s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.share-content a.share-inner:hover {
background: #F3F3F3;
}
.share-content a.share-inner:hover .share_title{
color:#999999 !important;
}
/* ---------------------- RELATED POST -------------------------- */
.related-post {
font:normal normal 12px Lato;
color:#2F2F2F;
color: #48464A;
letter-spacing: 0em;
margin: 2em auto 0px;
}
.related-post h4 {
letter-spacing: 0;
margin: 50px 0px 5px !important;
text-transform: uppercase;
}
.related-post a {
margin: 0 0 0.5em;
display: inline-block;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.related-post a:hover {
}
.related-post-style-2, .related-post-style-2 li {
margin: 0;
padding: 0;
list-style: none;
}
.related-post-style-2 li {
padding: 1em 0;
margin: 1.5em 1em !important;
border-top: 1px solid #eee;
overflow: hidden;
}
.related-post-style-2 li:first-child {
border-top: none
}
.related-post-style-2 .related-post-item-thumbnail {
width: 70px;
height: 70px;
max-width: none;
max-height: none;
background-color: transparent;
border-radius: 500px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
padding: 0;
float: left;
margin: 2px 16px 0 0;
}
.related-post-style-2 .related-post-item-summary {
display: block;
overflow: hidden;
line-height: 1.2;
letter-spacing: 0;
}
.related-post-item-more {
display:none !important;
}
/* --------------------------- Blog Pager --------------------------- */
.blog-pager {
padding: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:1px solid #aaaaaa;
}
.blog-pager a {
background: #000000;
font:normal bold 10px Lato;
color:#ffffff !important;
}
.blog-pager a:hover {
background: #595959;
color:#ffffff !important;
}
.blog-pager-newer-link, .blog-pager-older-link, .home-link {
padding: 5px 5px 5px 5px;
display: block;
width: 100px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* ---------------------------------- COMMENT SECTION --------------------------------- */
#comments h6, div#comments.comments h6 {
background-color:#ecf1f2;
padding: 1em;
font: normal normal 12px Lato;
color: #626262;
text-align: center;
background-position: 5% center, 95% center;
background-repeat: no-repeat;
background-size: 23px 23px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 3.5em 0 2em 0;
}
h5#comment-post-message {
display: none;
}
.comments {
font: normal normal 12px Lato;
color: #626262;
}
.comments .comments-content {
text-align: left;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.6em;
}
#comments-block .comment-author {
margin: .5em 0;
}
#comments-block .comment-body {
margin: .25em 0 0;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
letter-spacing:0;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
.comments .comments-content .comment, .comments .comments-content .comment:first-child, .comments .comments-content .comment:last-child {
padding: 0;
margin: 0;
position: relative;
}
.comments .comments-content .comment-replies {
margin-left: 20px;
margin-top: 5px;
}
.comments .comments-content .inline-thread li.comment div.comment-block, .comments .comments-content .inline-thread li.comment div.comment-block:first-child, .comments .comments-content .inline-thread li.comment div.comment-block:last-child {
padding: 5px;
border: 1px solid #e1e1e1;
}
.comments .comments-content .inline-thread {
padding: 0;
}
.comments .comments-content .comment-thread.inline-thread ol {
padding-top: 0px;
}
.comments .comments-content .comment-thread.inline-thread ol > div:first-child {
border-left: 1px solid #e1e1e1;
padding: 10px;
}
.comments .comments-content .inline-thread li.comment div.comment-block::before {
content: "";
position: absolute;
width: 11px;
height: 1px;
background-color: #e1e1e1;
display: block;
left: -12px;
top: 12px;
}
.comments .comments-content .inline-thread li.comment div.comment-block:last-child {
margin-bottom: 0;
}
.comments .comments-content .inline-thread li.comment div.comment-block:last-child::after {
content: "";
height: 100%;
width: 5px;
display: block;
background-color: #e1e1e1;
position: absolute;
top: 13px;
left: -13px;
}
.comments .thread-toggle.thread-expanded {
position: relative;
}
.comments .thread-toggle.thread-expanded::after {
/* hor line next to reply */
content: "";
display: block;
width: 1px;
height: 50px;
position: absolute;
background: #e1e1e1;
top: -25px;
left: 0;
}
#comments h6#comment-post-message {
border-bottom: 0;
background-color: transparent;
}
.comment-form {
max-width: 100%;
}
/* Blog Admin Icon */
.comments .comments-content .icon.blog-author {
display: block;
background-image: url('https://lh6.googleusercontent.com/-EJDx_t02CK4/VKstWHhW-rI/AAAAAAAAB4M/me7cxUjvEi8/s128/blog-admin-no-shadow-2.png');
background-position: center;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
display: block;
position: absolute;
right: 28px;
top: -4px;
width: 95px;
height: 23px !important;
overflow: hidden;
}
.comments .comments-content .inline-thread .icon.blog-author {
top: -2px;
right: 65px;
}
/* Avatar */
.comments .avatar-image-container {
width: 48px;
height: 48px;
max-width: 48px;
max-height: 48px;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-right: 5px;
margin-top: 27px;
margin-left: 8px;
position: relative;
z-index: 2;
top: 9px;
left: 14px;
}
.comments .avatar-image-container img {
max-width: 100%;
height: 100%;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.comments .inline-thread .avatar-image-container {
width: 40px;
height: 40px;
position: relative;
top: -5px;
left: 6px;
}
/* Reply Button */
.comment-actions {
position: absolute;
bottom: 20px;
right: 110px;
z-index: 2;
}
.comments .comment .comment-actions a {
letter-spacing: 0em;
background:#ffffff;
font-size: 85%;
color:#747474 !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 0.4em 1.5em;
border: 1px solid #e1e1e1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.comments .comment .comment-actions a:hover {
color:#44B0B6 !important;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #44B0B6;
}
.comments .comment .comment-actions a:active {
top: 0;
background-color: #2f5bb7;
}
.comments .continue a {
font-size: 90%;
font-weight: normal !important;
background:#ffffff;
color:#747474 !important;
border: 1px solid #e1e1e1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 0.4em 1.5em;
text-align: center;
width: 80px;
margin-top: -20px;
margin-bottom: 50px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.comments .thread-count a {
margin-top: -5px;
border: 0px solid !important;
}
.comment-thread > div > a {
margin: 0 auto !important;
margin-top: 8px;
width: 60% !important;
padding: 0.7em !important;
}
/* Delete Icon */
.comments .comments-content .comment .inline-thread .comment-actions {
position: absolute;
right: 165px;
bottom: 40px;
}
.comments .comment .comment-actions .item-control {
position: absolute;
left: 80px;
top: 0;
}
/* Comment Header */
.comments .comments-content .comment-header {
margin-top: 40px;
margin-left: 83px;
padding-bottom: 5px;
border-bottom: 0px solid #e1e1e1;
margin-bottom: 10px;
}
.comments .comments-content .inline-thread .comment-header {
margin-top: 20px;
padding-bottom: 5px;
margin-left: 60px;
text-align: left;
}
/* Author and Date */
.comments .comments-content .user a:link, .comments .comments-content .user a:visited, .comments .comments-content .user {
display: block;
padding-left: 0;
font: normal normal 12px Lato;
color: #626262 !important;
letter-spacing: 0 !important;
margin-bottom: 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.comments .comments-content .datetime a:link, .comments .comments-content .datetime a:visited {
color: #626262 !important;
font-size: 80% !important;
display: inline-block;
margin-left: -4px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.comments .comments-content .datetime a:hover, .comments .comments-content .user a:hover {
color:#44B0B6 !important;
}
/* comment-content */
.comments .comments-content .comment-content {
margin-left: 85px;
text-align: left;
line-height: 1.6em;
margin-top: 18px;
margin-bottom: 40px;
margin-right: 50px;
}
.comments .comments-content .inline-thread .comment-content {
margin-left: 59px;
text-align: left;
line-height: 1.6em;
}
/* comment-block */
.comments .comment-block {
position: relative;
margin-left: 0;
min-height: 130px;
border: 1px solid #e1e1e1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ffffff;
margin: 0px 0px 25px 0px;
}
.comments .inline-thread .comment-block {
border: 0px;
margin-left: 0;
padding: 0;
border: 0;
min-height: initial;
background: #ffffff;
}
.comments .comments-content .comment:hover .comment-block {
border: 1px solid #e1e1e1;
}
/*---------------------------- EMOTICON SECTION ----------------------------------*/
#skyelf-comment-form {
border: 0 solid #ECF1F2;
background: #ECF1F2;
border-radius: 7px;
margin-bottom: 10px;
}
#skyelf-comment-form > p {
margin:20px 2%;
}
/* ----------------------- FOOTER ---------------------------- */
#footer-column-container, #footer-1 {
overflow:hidden !important;
padding: 0 5% 0;
background-color:#FBFBFB;
}
#footer-1 {
padding: 0px 7.25%;
}
#footer-column-container h2, #footer-1 h2 {
font: normal normal 11px Lato;
color: #2F2F2F;
background: #ffffff;
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: center;
padding: 0.4em 10% 0.6em 10%;
margin:30px auto 0;
text-align:center;
}
#footer-column-container > div {
margin: 0 2.5% 0!important;
}
#footer-column-container div.widget-content, #footer-1 div.widget-content {
font:normal normal 12px Lato;
color: #606060;
letter-spacing: 0.00em;
text-align: center;
margin:auto;
margin-bottom: 50px;
margin-top: 15px;
letter-spacing: 0.04em;
line-height: 1.5em;
padding: 10px 6% 0;
}
#footer-1 div.widget-content {
margin-bottom: 15px;
padding:0;
}
#footerblock1 {
background-color:#FBFBFB;
padding: 30px 0;
font:normal normal 12px Lato;
letter-spacing: 0.04em;
color:#606060;
border-top:0 solid #aaaaaa;
}
#footerblock1 .vef {
color:#606060 !important;
}
.back-to-top {
text-align: center;
text-transform: uppercase;
margin: 0 auto;
max-width: 210px;
font-size: 13px;
}
.skyelf {
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
color:#606060;
}
.totop-arrow {
display: block;
position: fixed;
right: 25px;
bottom: 30px;
z-index: 999999;
}
.totop-arrow a {
border: 0 solid #595959;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
text-align: center;
display: block;
width: 45px;
height: 45px;
background-image: url('https://lh3.googleusercontent.com/-to3o0s9xk4I/Vcou-tov9wI/AAAAAAAAA78/EK9PYJXhr0s/s25-Ic42/arr_1.png');
background-repeat: no-repeat;
background-position: center 9px;
font-size: 10px;
text-transform: uppercase;
color: #595959;
opacity: 0.9;
}
.totop-arrow a span {
position: relative;
top: 30px;
}
/*------------------- jQuery Nivo Slider v3.2 http://nivo.dev7studios.com -----------------------*/
/* The Nivo Slider styles */
.slider-wrapper {
padding-bottom:30px;
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: white;
filter: alpha(opacity=0);
opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 7px 10px;
opacity: 0.6;
overflow: hidden;
display: none;
-moz-opacity: 0.6;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align: center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
/*	----- Skin Name: Nivo Slider Default Theme http://nivo.dev7studios.com	Author: Gilbert Pellegrom ------ */
.theme-default .nivoSlider {
position: relative;
background: #fff url('https://lh5.googleusercontent.com/-NGlnX4sx4NY/VLIjfyNbyDI/AAAAAAAACCs/PftIirrYIgI/s16/loading.gif') no-repeat 50% 50%;
min-height: 50px;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding:10px 0 0;
}
.theme-default .nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background-repeat: no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url('https://lh4.googleusercontent.com/-2yOPEFTehoc/VLM7hT2nWoI/AAAAAAAACDE/vA9OTLaAE_0/s60/arrows.png') no-repeat;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a {
opacity: 1;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font:normal normal 14px 'Times New Roman', Times, FreeSerif, serif;
}
.theme-default .nivo-caption a {
color: #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 156px;
height: auto;
}
.nivotit {
position:relative;
padding-right:25px;
}
.nivodes {
padding-left:25px;
border-left:1px solid #fff;
}
/* --------------------------------------------- Responsive  ------------------------------------------------ */
/* VIEWPORT */
@-wekit-viewport {
width:device-width;
max-zoom:2;
min-zoom:0.5
}
@-moz-viewport {
width:device-width;
max-zoom:2;
min-zoom:0.5
}
@-ms-viewport {
width:device-width;
max-zoom:2;
min-zoom:0.5
}
@-o-viewport {
width:device-width;
max-zoom:2;
min-zoom:0.5
}
@viewport {
width:device-width;
max-zoom:2;
min-zoom:0.5
}
/* --------------------------- Media Screen 1024  ---------------------------- */
@media only screen and (max-width:1024px) {
html {
overflow-x: hidden !important;
}
/*--------- Main Layout ----------*/
#topnav-wrapper {
padding: 13px 0 5px;
}
#main-wrapper {
max-width: 90% !important;
position: relative;
}
#mainnav-inner {
border:0;
}
#main-wrapper-bg {
margin-right: 0 important;
float:none;
width:100%
}
#content-wrapper {
margin-right: 0 !important;
padding: 60px 50px 40px 50px !important;
}
#main {
margin-right: 0 !important;
}
.breadcrumbs {
margin: 15px 0px 0px;
}
#nivo-outer {
margin-right: 0 !important;
padding: 20px 0 0px 0px !important;
}
#sidebar-right-wrapper {
width: 50% !important;
margin:-40px auto 0!important;
float: none;
background:#ffffff;
padding-top: 10px;
}
#sidebar-right, #sidebar-left {
border-left:0 !important;
}
#Image1 div.widget-content {
width: 60%;
}
#sidebar-right {
padding: 0 !important;
}
/*------ Topnav -------*/
#top-social {
float: left;
width: 50%;
}
.social-box-top {
width: 100%;
text-align: left;
}
#mainnav-wrapper.fixed {
position:static !important;
}
.js #navselect {
display: none;
}
#selectnav1 {
border:1px solid #aaaaaa !important;
color: #1A1A1A;
padding: 12px 4px !important;
font: normal normal 12px Lato;
letter-spacing: 0 !important;
width: 90%;
margin: 0 auto 10px;
background: #ffffff;
}
.js .selectnav {
display: block;
padding: 1em;
margin: 0 auto;
}
/*--------- Widget ----------*/
#sidebar-right h2:before, #sidebar-right h2:after {
width: 100%;
}
#sidebar-right div.widget-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
#sidebar-right .PopularPosts .widget-content {
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
width: 145px;
}
#FollowByEmail1 h2:before, #FollowByEmail1 h2:after {
width: 0 !important;
}
/*----- Post Body -------*/
.post-footer {
border-radius: 10px;
}
.post-footer-line-1 {
padding: 0.2em 1em 0.2em 2.2em;
}
.post-footer-line-1 span.post-author.vcard {
display: inline-block;
margin: 0;
}
.post-footer-line-1 span.post-timestamp {
display: inline-block;
float: right;
}
.post-footer-line-1 span.post-labels {
display: block;
float: none;
}
#footer-column-container > div {
float: none !important;
width: 45% !important;
margin: 20px auto 30px !important;
}
#footer-column-container {
text-align: center;
padding: 10px 0 !important;
font-weight: bold;
}
}
/* ------------------------ Media Screen 966 ----------------------- */
@media only screen and (max-width:966px) {
html {
overflow-x: hidden;
}
/*------ Main Layout ------*/
.social-box-top {
margin-left: 25px;
}
/* ------- Footer ------ */
.back-to-top {
font-size: 13px !important;
}
.totop-arrow {
display: none !important;
}
.skyelf {
padding-left: 10%;
padding-right: 10%;
}
}
/* ------------------------ Media Screen 801 ----------------------- */
@media only screen and (min-width:801px) and (max-width:1024px) {
#comments h6, div#comments.comments h6 {
padding: 1em 2em;
}
.comments .comments-content .comment-content {
margin: 18px 25px 40px 25px;
}
.comments .comments-content .inline-thread .comment-content {
margin-left: 15px;
margin-right: 15px;
}
.comments .comments-content .comment-header {
padding-right: 20px;
}
}
/* ------------------------ Media Screen 768 ----------------------- */
@media only screen and (max-width:800px) {
html {
overflow-x: hidden;
}
#mini-header {
float: none;
width: 90%;
margin: 0 auto;
}
#content-wrapper {
padding: 40px 25px 40px !important;
}
#selectnav1 {
width:100%;
}
.descriptionwrapper {
text-align: center;
margin-left: 0;
}
.titlewrapper .title, .titlewrapper .title a {
text-align: center !important;
}
#mainnav-wrapper {
margin: 0 auto;
float: none;
width: 90%;
padding: 0;
}
.post-main-header {
margin: 30px 0px;
}
#sidebar-right-wrapper {
width: 60% !important;
}
#footer-column-container > div {
width: 65% !important;
}
}
/* ----------------------- Media Screen 600  ---------------------------- */
@media only screen and (max-width:600px) {
/* ------ Main Layout ------- */
#main, #nivo-outer {
width: 100% !important;
}
#nivo-outer {
margin: 0 auto 0 !important;
}
.breadcrumbs {
display:none;
}
#sidebar-right {
width: 100% !important;
}
#sidebar-right-wrapper {
width: 80% !important;
}
#content-wrapper {
padding: 20px 10px 40px !important;
}
/* ------ Topnav ------- */
#topnav-wrapper {
position: static;
}
.js .selectnav {
width: 90%;
}
.social-box-top {
text-align: center;
padding-top: 0;
margin: 0 auto;
}
#header-wrapper {
margin:0 auto;
}
/* ------ Widget ------- */
#Image1 div.widget-content {
padding-left: 0px !important;
padding-right: 0px !important;
}
.social-title {
display: none;
}
#sidebar-right .PopularPosts .widget-content {
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
width: 125px;
}
/* ------ Comment Section------- */
#comments h6, div#comments.comments h6 {
padding: 1em 2em;
}
.comments .comments-content .comment-content {
margin: 18px 25px 40px 25px;
}
.comments .comments-content .inline-thread .comment-content {
margin-left: 15px;
margin-right: 15px;
}
.comments .comments-content .comment-header {
padding-right: 20px;
}
}
/* ----------------- Media Screen 480 ------------------------ */
@media only screen and (max-width:480px) {
#main-wrapper {
max-width: 100% !important;
}
#header-inner {
height: 185px;
}
.titlewrapper .title {
padding: 60px 0px 10px;
}
#sidebar-right-wrapper {
width: 100% !important;
}
ul.grid-nav li {
display: block;
margin: 5 0 5px;
}
ul.grid-nav li a {
display: block;
}
ul.rig {
margin-left: 0;
}
ul.rig li {
width: 100% !important;
margin: 0 0 20px;
}
#footer-column-container > div {
width: 90% !important;
}
}
/* ------------------- Media Screen 320 ---------------------- */
@media only screen and (max-width:320px) {
/* ------ Main Layout------- */
.left-post-main-header {
margin: 10px 0 0 0;
height: 80px;
float: none;
}
.right-post-main-header {
float: none;
width: 90%;
margin: 0 10px 20px;
}
.post-main-header {
margin: 20px 0px 20px;
}
.index-post-footer {
margin-top: 10px;
}
.post-labels {
float: none;
margin: -20px 5%;
}
.index-share-box {
float: none;
width: 90%;
margin: 0px auto;
}
.rm-wrap {
float: none;
width: 70%;
margin: 20px auto 0;
}
/* ------ Widget ------- */
#sidebar-right .PopularPosts .widget-content {
}
#Image1 div.widget-content {
padding-left: 0px !important;
padding-right: 0px !important;
}
/* ------ Top Bar ------- */
.social-item-top {
margin-left: 2px;
margin-right: 2px;
}
/* ------ mainnav ------- */
.js .selectnav {
width: 95%;
}
/* ------ Post Body ------- */
.post-footer-line-1 span.post-timestamp {
float: none !important;
display: block !important;
padding-left: 1em !important;
}
/* ------ Comment Section------- */
#comments h6, div#comments.comments h6 {
padding: 1em;
background-image: none !important;
}
.comments .comment-block {
border-radius: 0 !important;
}
.comments .comments-content .inline-thread .comment-content {
margin-left: 5px;
margin-right: 5px;
}
.comments .comments-content .comment-content {
margin: 18px 10px 50px 10px;
}
.comments .comments-content .inline-thread .comment-content {
margin-left: 15px;
margin-right: 15px;
}
.comments .comments-content .comment-header {
padding-right: 20px;
}
.comments .comments-content .comment-thread.inline-thread ol > div:first-child {
padding: 0;
}
.comments .thread-toggle.thread-expanded:after {
left: -10px;
}
.comments .comments-content .inline-thread li.comment div.comment-block:before {
display: none;
}
.comments .inline-thread .comment-block {
margin-left: -11px;
}
.comments .comments-content .inline-thread .icon.blog-author {
right: 25px;
}
.comment-actions {
right: 130px;
}
.comments .comments-content .inline-thread .comment-header {
margin-left: 83px;
}
}

--></style>
<style id='template-skin-1' type='text/css'><!--
#main-wrapper-bg {
margin-right:-340px;
}
#content-wrapper {
margin-right: 340px;
}
#main-wrapper, #topnav-inner {
max-width: 1230px;
}
#sidebar-right-wrapper {
width: 340px;
}
body#layout * { position: relative;}
body#layout { padding:20px;}
body#layout #topnav-wrapper  {
position: relative !important;
margin-top: 50px;
}
body#layout #mainnav-wrapper {
padding-top: 0;
}
body#layout #top-social {
}
body#layout #header-wrapper { {
margin: 120px 0 20px !important;
}
body#layout #main-wrapper {
width: 100%;
background:#E3DAD0;
padding-top: 5px;
}
body#layout #main-wrapper-bg {
width: 70% !important;
margin-right:0 !important;
}
body#layout #content-wrapper {
width:99% !important;
margin:0 !important;
padding:5px !important;
}
body#layout #sidebar-right-wrapper {
width: 195px !important;
margin: 5px 5px 5px 10px !important;
background: #90CED4;
padding:10px;
}
body#layout #sidebar-right-wrapper .widget {
padding: 0 !important;
}
body#layout #sidebar-right-wrapper #Text1 {
margin-top: -10px;
}
body#layout #Image1 div.widget-content {
height:150px;
}
body#layout #sidebar-right {
padding:0 !important;
}
body#layout .draggable-widget .widget-wrap2 {
background-color:#144569 !important;
}
body#layout .draggable-widget .widget-wrap3 {
background-color:#fff !important;
}
body#layout .widget-content {
border: 1px solid #0E5C95 !important;
color: #0E5C95 !important;
}
body#layout .editlink {
color: #810334 !important;
}
body#layout div#Image2 {
width: 50%; !important;
}
body#layout #cus-post-sign {
display:block;
}
body#layout #sidebar-right div.widget-content {
margin: 15px auto !important;
padding-left:0 !important;
width: 100%;
}
body#layout .FollowByEmail {
width: 96%;
}
body#layout #footer-column-container {
padding: 20px 0;
}
body#layout #footer-column-container > div {
width:30% !important;
}
body#layout #footer-widget-inner {
display:none;
}
body#layout #footer1 {
margin-right: 20px !important;
}