/*  
Theme Name: OkeSense
Theme URI: http://www.oketheme.com/themes/okesense-theme
Description: OkeSense themes is best of the best high CTR theme for Adsense.Features is Theme Option ready, Auto Thumbnail, Support Autoblog, Social Bookmark Button Ready, Fast Loading and many more amazing features. Responsive layout!
Version: 5.0
Author: Tri Yuli Kurniawan
Author URI: http://www.oketheme.com
Tags : adsense,publiser,okesense,high ctr theme,fast loading
*/
@font-face {
font-family : Calibri;
src : local('Calibri'), url('Calibri.ttf') format('truetype');
}
*, *:after, *:before {
box-sizing : border-box;
}
.clear:before, .clear:after {
content : ' ';
display : table;
}
.clear:after {
clear : both;
}
body {
max-width : 747px;
font-family : Arial;
font-size : 15px;
color : #333;
background : #FFF;
margin : 10px auto;
}
a {
color : #3A72BF;
text-decoration : none;
}
a:hover {
color : #555;
}
img {
max-width : 100%;
height : auto;
vertical-align : bottom;
}
p img {
max-width : 100%;
}
a img {
border : none medium;
}
img.alignnone {
max-width : 100%;
}
img.center {
display : block;
margin-left : auto;
margin-right : auto;
}
img.aligncenter {
display : block;
margin : 5px auto;
}
img.alignright {
display : inline;
margin : 0 0 5px 5px;
padding : 5px;
}
img.alignleft {
display : inline;
margin : 0 5px 5px 0;
padding : 5px;
}
.wp-caption {
max-width : 100%;
border : #F3F3F3 solid 1px;
background-color : #F9F9F9;
padding : 5px;
margin : 5px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : none 0;
}
.wp-caption p.wp-caption-text {
text-align : center;
font-style : italic;
font-size : 80%;
line-height : 20px;
padding : 5px 5px 0 5px;
margin : 0;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}

blockquote {
color : #777;
font-family : georgia;
font-size : 16px;
font-style : italic;
}
h1 {
font-family : Calibri;
font-size : 30px;
margin : 0;
color : #3A72BF;
}
h2 {
font-family : Calibri;
font-size : 24px;
margin : 0;
color : #3A72BF;
}
h3 {
font-family : Calibri;
font-size : 21px;
margin : 0;
color : #3A72BF;
}
h4 {
font-family : Calibri;
font-size : 18px;
margin : 0;
color : #3A72BF;
}
#wrap {
background : #FFF;
width : 100%;
padding : 10px;
box-shadow : 0 1px 10px #C1C1C1;
}
#iklansingle {
float : left;
padding-left : 0;
padding-top : 0;
padding-bottom : 0;
padding-right : 5px;
}
#iklankotak, #widget2 {
float : left;
background : #F5F5F5;
border : #EEE solid 1px;
width : 50%;
font-size : 13px;
padding : 5px;
margin : 10px 0 5px 1%;
text-align : center;
}
#iklan728 {
padding : 5px 0;
border-bottom : 1px solid #EEE;
margin: 5px auto;
}
#iklansingle img, #iklankotak img, #widget2 img,#iklan728 img {
width : 100%;
}

.selectmenu {
display : none;
background : #3A72BF;
width : 100%;
padding : 5px;
margin : 0;
}
.selectmenu a {
font-family : Calibri;
color : #FFF;
padding : 6px 10px;
float : left;
font-size : 14px;
margin-top : 2px;
}
.selectmenu select {
font-family : Calibri;
float : right;
width : 70%;
font-size : 14px;
padding : 5px 10px;
border : 0;
background : #F5F5F5;
color : #555;
}
#menuatas {
width : 100%;
font-family : Calibri;
font-size : 14px;
text-transform : uppercase;
margin-top : 0;
}
#dropdownmenu {
float : left;
list-style : none;
position : relative;
line-height : 15px;
z-index : 300;
width : 100%;
padding : 0;
margin : 0;
background : #3A72BF;
}
#dropdownmenu ul {
margin : 0;
padding : 0;
list-style : none;
position : absolute;
line-height : 15px;
z-index : 300;
position : absolute;
display : none;
top : 21px;
background : #3A72BF;
}
#dropdownmenu a {
display : block;
color : #FFFFFF;
padding : 6px 8px;
}
#dropdownmenu a:hover {
background : #333;
}
#dropdownmenu li {
float : left;
position : relative;
display : block;
}
#dropdownmenu li ul {
padding-top : 0;
margin-top : 6px;
}
#dropdownmenu li ul a {
width : 160px;
float : left;
background-color : #333;
}
#dropdownmenu li ul a:hover {
width : 160px;
background : #3A72BF;
}
#dropdownmenu ul ul {
top : auto;
}
#dropdownmenu li ul ul {
left : 160px;
margin : 0;
}
#dropdownmenu li:hover ul ul, #dropdownmenu li:hover ul ul ul, #dropdownmenu li:hover ul ul ul ul {
display : none;
}
#dropdownmenu li:hover ul, #dropdownmenu li li:hover ul, #dropdownmenu li li li:hover ul, #dropdownmenu li li li li:hover ul {
display : block;
}
#header {
width : 100%;
height : 120px;
padding : 5px 10px;
border-bottom : 5px solid #3A72BF;
}
#title h1 {
font-size : 0;
}
.logo {
width : 60%;
min-height : 100px;
float : left;
font-size : 13px;
color : #3A72BF;
margin-top : 5px;
text-shadow : 1px 1px 1px #FFF;
}
.textlogo {
font-family : Calibri;
font-size : 26px;
font-weight : bold;
}
#search {
float : right;
width : 40%;
padding : 5px 0 5px 7px;
font-size : 11px;
}
#search input {
background : #FFF;
border : #3A72BF solid 4px;
color : #555;
float : left;
width : 70%;
padding : 4px 8px;
}
#search button {
padding : 8px 16px;
border : 0;
background : #3A72BF;
color : #FFF;
width : 30%;
cursor : pointer;
}
#search button:hover {
background : #333;
color : #FFF;
}
#isigede {
width : 100%;
margin-bottom : 5px;
background-color : #FFF;
}
.widget {
float : left;
background : #F5F5F5;
border : #EEE solid 1px;
width : 49%;
font-size : 13px;
padding : 5px;
margin : 10px 0 5px 0;
}
#sidebar {
float : left;
width : 50%;
padding : 5px;
}
#sidebar2 {
float : left;
width : 100%;
padding : 5px;
text-align : left;
}
.box {
margin-bottom : 20px;
}
.box h3 {
font-size : 19px;
border-bottom : 4px solid #EEE;
padding-bottom : 5px;
margin-bottom : 5px;
}
.box ul {
list-style-type : none;
margin : 0 0 0 -7px;
padding : 0;
}
.box ul li {
border-bottom : 1px dotted #EEE;
padding : 4px 8px;
}
.box ul li ul {
list-style-type : none;
margin-left : 4px;
}
.box ul li ul li {
border-bottom : 1px dotted #EEE;
padding : 4px 8px;
border-left : 2px solid #EEE;
}
#footer {
font-family : Calibri;
font-size : 20px;
background-color : #EEE;
width : 100%;
padding : 10px;
text-align : center;
color : #FFF;
background : #3A72BF;
}
#footer p {
font-family : Arial;
font-size : 12px;
margin : 4px 0;
}
#footer a {
color : #FFF;
}
.full {
width : 100%;
border-bottom : 1px solid #F2F2F2;
margin : 10px 0;
padding-bottom : 5px;
}
.thumbpost {
width : 100%;
height : auto;
float : left;
background : #F5F5F5;
border : #F2F2F2 solid 1px;
margin : 5px 0;
padding : 10px;
}
.thumbpost:hover {
background : #EEE;
border : #E3E3E3 solid 1px;
}
.thumbpost img {
padding : 5px;
margin : 0 7px 3px 0;
float : left;
background : #FFF;
box-shadow : 0 3px 5px #DDD;
}
.thumbpost h2 {
font-size : 22px;
}
.thumbpost p {
margin-top : 5px;
padding : 0;
}
.slider {
width : 100%;
margin : 5px 0;
}
.caption img {
float : left;
margin : 0 10px 2px 0;
}
.caption {
background : #F5F5F5;
padding : 10px;
border : #EEE solid 1px;
}
.caption:hover {
background : #EEE;
border : #DDD solid 1px;
}
.scrollup {
width : 40px;
height : 40px;
opacity : 0.5;
position : fixed;
bottom : 30px;
right : 30px;
display : none;
text-indent : -9999px;
background : url(images/icon_top.png) no-repeat;
}
.small {
font-size : 11px;
color : #999;
}
.bookmark {
border : #f0f0f0 solid 1px;
background : #f5f5f5;
height : 55px;
width : 250px;
margin : 0;
padding : 10px;
}
.comments {
width : 100%;
border : #EEE solid 1px;
padding : 10px;
background : #F5F5F5;
text-align : left;
margin : 10px 0;
}
.comments textarea, .comments input {
width : 100%;
padding : 5px;
border : #DDD solid 1px;
}
.form-submit input {
width : 160px;
background : #3A72BF;
font-family : Calibri;
font-size : 20px;
font-weight : bold;
border : none;
color : #FFF;
cursor : pointer;
}
.form-submit input:hover {
background : #333;
}
.comments li {
list-style-type : none;
padding : 10px;
margin : 5px 0 5px -30px;
background : #EEE;
}
.comments li li {
margin : 5px 0 5px 10px;
background : #E5E5E5;
}
.comments li li li {
background : #E5E5E5;
}
.comments li li li li {
background : #EEE;
}
.avatar {
border : #FFF solid 4px;
float : left;
margin : 0 5px 5px 0;
}
.wp-pagenavi {
clear : both;
text-align : center;
margin-top : 10px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration : none;
border : #EEE solid 1px;
border-radius : 4px;
padding : 3px 5px;
margin : 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color : #DDD;
background : #EEE;
}
.wp-pagenavi span.current {
font-weight : bold;
}
@media screen and (max-width:740px) {
body {
margin : 0px auto;
}
#iklankotak, .widget, #widget2 {
width : 100%;
margin-left : 0;
}
#iklankotak {
background : #FFF;
border : 0;
}
}
@media screen and (max-width:540px) {
.logo, .textlogo, #search {
width : 100%;
text-align : center;
float : none;
}
.logo img {
max-width : 100%;
}
#header {
height : auto;
}
.caption img {
width : 100%;
height : auto;
}
}
@media screen and (max-width:386px) {
#dropdownmenu {
display : none;
}
.selectmenu {
display : inline-block;
}
#sidebar {
width : 100%;
}
}