/*
Theme Name: dkNote
Description: dkNote Themes HTML 5, is themes elegant, clean, simple and Responsive WordPress themes. It supports 3 widget area on the right sidebar, SEO meta settings, custom css, custom icon, custom 6 social media buttons widget. support custom menus and multi level dropdown menus, Also translation ready.
Theme URI:
Author: Deny E.Wicahyo
Author URI: http://omague.com/
Version: 1.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, blue, dark, two-columns, right-sidebar, custom-menu, full-width-template, flexible-width, theme-options, threaded-comments, editor-style, translation-ready

dkNote WordPress Theme, Copyright 2013 Deny E. Wicahyo
is distributed under the terms of the GNU GPL
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, section, aside, nav, footer, header, hgroup, 
article, audio, video, canvas, command, datalist, details, embed, figcaption, 
figure, keygen, mark, meter, output, progress, rp, rt, ruby, summary, time{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
	}
img, object, embed{	max-width:98%}
img{	height:auto	}
body{
	color:#444;
	font-size:100%;
	font-family:'DroidSansRegular',sans-serif;
	background:#fff;
	word-wrap:break-word;
	}
body:before, 
body:after{
	content:"";
	display:table
	}
body:after{
	clear:both
	}
*{
	padding:0;
	margin:0;
	-webkit-transition:width 0.5s;
	-moz-transition:width 0.5s;
	-o-transition:width 0.5s;
	transition:width 0.5s
	}
::-moz-selection {
	background:#555;
	color:#fff;
	text-shadow: none;
	}
::selection {
	background:#555;
	color:#fff;
	text-shadow: none;
	}

a{
	color:#00657E;
	text-decoration:none
	}
a:hover{
	color:#444;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out
	}
p{
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
	margin-bottom:15px;
	line-height:1.5em
	}

ul {  list-style: disc;  }
ol {  list-style-type: decimal;  }
ol ol {  list-style: upper-alpha;  }
ol ol ol {  list-style: lower-roman;  }
ol ol ol ol {  list-style: lower-alpha;  }
li ul,
li ol {
  margin: 0;
  }
dl {	margin: 0 20px;	}
dt {  font-weight: bold; }
dd {
  margin-bottom: 10px;
  line-height:1.4em
  }
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  }
sup {
  top: -0.5em;
  vertical-align: sub;
  }
sub {
  bottom: -0.25em;
  vertical-align: super;
  }
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
	}
dfn, cite, em, i {
	font-style: italic;
	}
address {
	margin: 0 0 1.5em;
	line-height:1.4em
	}
blockquote, q {	margin: 0 1.5em;	}
q:before,
q:after,
blockquote p:before,
blockquote p:after {
 content: "\"";
 font-size: 30px;
 }
blockquote p, q p {
 font-size: 1.2em;
 letter-spacing: 3px;
 }
pre,code, blockquote{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word
	}
pre{
	background-color:#444;
	background-image:-moz-linear-gradient(#444 50%,#505050 50%);
	background-image:-webkit-linear-gradient(#444 50%,#505050 50%); 
	background-position:0 1px;
	background-repeat:repeat;
	background-size:48px 48px;
	border-radius:5px 5px 5px 5px;
	color:#fff;
	line-height:24px;
	padding:24px;
	font-family:Monaco,Courier,MonoSpace;
	margin:10px 0
	}
code{
	line-height:1.3em;
	font-style: italic;
	color:#444;
	font-family:Consolas,'Andale Mono','Lucida Console','Courier New',monospace;
	}
iframe{margin-bottom: 10px;}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	}
img.wp-smiley,img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	}
.wp-caption {
 background: #fff;
 border: 1px solid #f0f0f0;
 max-width: 96%; /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
 }
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone {
	margin-bottom: 20px;
}
.wp-caption img {
 border: 0 none;
 height: auto;
 margin: 0;
 max-width: 98.5%;
 padding: 0;
 width: auto;
 }
.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 0 4px 5px;
 }
.sticky{}

#wp-calendar{
	width: 100%;
	}
#wp-calendar caption{
	padding: 5px 5px ;
	font-size:16px;
	margin-bottom:10px
	}
#wp-calendar th, 
#wp-calendar td{
	padding: 5px;
	text-align:center;
	color:#444;
	border: 1px solid #999
	}
#wp-calendar tfoot tr td,
#wp-calendar td.pad{border:none	}
#wp-calendar td a{padding: 5px;	}
#wp-calendar td a:hover{
	background:none;
	color:#444;
	}
#wp-calendar td{
	background:transparent;
	}
#wp-calendar td, 
table#wp-calendar th{
	padding: 2px 0;
	}

.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto ;
}

.kosong{
	clear:both;
	display:block;
	overflow:hidden;
	margin-bottom:10px
	}
.bersih{
	clear:both;
	display:block;
	overflow:hidden
	}
.dhoma{
	width:100%;
	margin:0;
	overflow:hidden
	}
.dh1{	width:6.25%	}
.dh2{	width:14.583334%	}
.dh3{	width:22.9166664%	}
.dh4{	width:31.25%	}
.dh5{	width:39.58333%	}
.dh6{	width:47.91667%	}
.dh7{	width:56.25%	}
.dh8{	width:64.58334%	}
.dh9{	width:72.9166%	}
.dh10{	width:81.25%	}
.dh11{	width:89.58334%	}
.dh12{	width:97.91666%	}
.dh1,.dh2,.dh3,.dh4,.dh5,.dh6,.dh7,.dh8,.dh9,.dh10,.dh11,.dh12{
	display:inline;
	float:left;
	margin:0 1.041665%
	}

@font-face {
font-family: 'DroidSansRegular';
src: url('font/droid/DroidSans-webfont.eot');
src: url('font/droid/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/droid/DroidSans-webfont.woff') format('woff'),
	url('font/droid/DroidSans-webfont.ttf') format('truetype'),
	url('font/droid/DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'DroidSansBold';
src: url('font/droid/DroidSans-Bold-webfont.eot');
src: url('font/droid/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/droid/DroidSans-Bold-webfont.woff') format('woff'),
	url('font/droid/DroidSans-Bold-webfont.ttf') format('truetype'),
	url('font/droid/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
font-weight:normal;
font-style:normal;
}
h1, h2, h3, h4, h5, h6,.main-nav,.selectnav,
#pagenavi,.readmore,.social,.next-post,.prev-post,.breadcrumb,
.tombolkomentar,.copyright,#wp-calendar caption,#search-button{
	font-family: 'DroidSansBold', sans-serif;
	}
h1, h2, h3, h4, h5, h6,.readmore{
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
	}
h1 {  font-size: 26px;  }
h2 {  font-size: 23px;  }
h3 {  font-size: 20px;  }
h4 {  font-size: 16px;  }
h5 {  font-size: 14px;  }
h6 {  font-size: 13px;  }
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{
	line-height:1.6em;
	}

.wrapper{
	border-bottom:5px solid #333;
	padding:50px 0;
	overflow: hidden;
	}

.top-wrapper{
	margin-bottom:40px;
	padding-left:12%;
	line-height:1.5em;
	float:left
	}
.top-wrapper h3{
	font-size:.9em;
	text-shadow: none
	}

.selectnav {	display: none;	}
.main-nav {
	float: left;
	font-size:12px;
	overflow: hidden;
	width:100%;
	margin:0;
	background:#333;
}
.main-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.main-nav ul li {
	float:left;
}
.main-nav ul li a {
	float: left;
	color:#d4d4d4;
	padding: 10px 20px;
	text-decoration:none;
	border-right:1px solid #000;
	box-shadow:1px 0 0 #3D3D3D;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
.main-nav li ul {
	background:#333;
	left: -999em;
	margin: 32px 0 0;
	position: absolute;
	width: 160px;
	z-index: 9999;
}
.main-nav li ul a {
	background: none;
	border: 0 none;
	margin-right: 0;
	width: 120px;
	border-bottom:1px solid #000;
	box-shadow:0 1px 0 #3D3D3D;
}
.main-nav ul li a:hover,
.main-nav ul li:hover > a {
	color: #252525;
	background:#5C9ACD;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.main-nav li ul a:hover, 
.main-nav ul li li:hover > a  {
	color: #2c2c2c;
	background: #5C9ACD;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.main-nav li:hover ul {
	left: auto;
}
.main-nav li li ul {
	margin: -.5px 0 0 160px;
	visibility:hidden;
}
.main-nav li li:hover ul {
	visibility:visible;
}
.main-nav ul ul li:last-child > a {}
.main-nav ul ul ul li:first-child > a {}

#main{
	border-top: 50px solid #333;
	margin-left:-2%;
	max-width:890px;
	}
.breadcrumb{	padding-top:10px;	}

.post,.content-page,.archive-title,.archive-page,.type-attachment{
	border-top:2px solid #333;
	padding:0 0 10px 20%;
	}
.post-footer,#comments{
	margin:-1px 0 0;
	padding:0 0 20px 20%
	}
.post:first-child,
.content-page:first-child,
.archive-title:first-child,
.type-attachment:first-child{
	border:none
	}
.content-title{
	margin-top:10px;
	text-transform:capitalize;
	letter-spacing:1px;
	}
.top-wrapper a,.content-title a{
	color:#444;
	}
.top-wrapper a:hover,.post .content-title a:hover{
	color:#00657E;
	text-decoration:none
	}
.post a:hover{
	text-decoration:underline;
	}
.info-meta{
	font-size:13px;
	margin-bottom:10px;
	}
.info-meta span{line-height: 1.7em}

.post ul,
.post ol,
.content-page ul,
.content-page ol,
div.comment-content ul,
div.comment-content ol {
	margin: 1em 0;
	padding: 0 0 0 2.25em;
	}
.post li{}
.content-page li{
	line-height:1.3em;
}

.infoadmin{
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:10px 0;
	overflow:hidden;
	clear:both
	}
.author-info .avatar{
	padding:1px; 
	margin:0 10px 0 0;
	background:#fff;
	border:1px solid #eee;
	float:left}
.author-info img.avatar{
	margin-right:10px;
	border:1px solid #ccc;
	padding:5px;
	float:left;
	clear:none;
	box-shadow:0 0 8px rgba(0,0,0,.4) inset
	}
.author-info p{
	font-size:.9em;
	line-height:1.3em;
	color:#444;
	margin-top:5px
	}
.author-info h5{
	font-size:1em;
	margin:0;
	color:#444;
	}
.author-info a{	color:#00657E;	}
.author-info a:hover{
	color:#444;
	text-decoration:underline
	}

.next-post,
.prev-post {
	color: #444;
	display: inline-block;
	font-size: 1em;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width:auto;
	line-height:2em;
	padding-top:10px;
	padding-bottom:10px;
	}
.prev-post{
	padding-left:2em;
	float:left;
	}
.next-post {
	text-align:right;
	float:right;
	padding-right:2em;
	}
.next-post:before,
.next-post:after,
.prev-post:before,
.prev-post:after {
	background: #333;
	font-size: 1.6em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	content: "";
	display: block;
	height: 0.5em;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1em;
	}
.prev-post:before,
.prev-post:after{
	left: 0
	}
.next-post:before,
.prev-post:before {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.next-post:after,
.prev-post:after {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.prev-post:after,
.next-post:before {
	margin-top:-.36em
	}
.next-post:hover,
.next-post:focus,
.prev-post:hover,
.prev-post:focus{
	color:#00657E;
	text-decoration:underline
	}
.next-post:hover:before,
.next-post:hover:after,
.next-post:focus:before,
.next-post:focus:after,
.prev-post:hover:before,
.prev-post:hover:after,
.prev-post:focus:before,
.prev-post:focus:after{
	background: #c00;
	}
.next-post:hover,
.prev-post:hover{
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out
}

.nocomments {	margin-bottom:0;	}
#respond{	margin-top:20px;	}
.tombolkomentar,#respond h3{
	color:#444;
	margin:10px 0;
	letter-spacing:1px;
	}
.tombolkomentar{font-size:1.1em;}

.sidebar-wrapper{
	padding-top:50px;
	word-break:break-word;
	line-height:1.5em;
	color:#444
	}
.sidebar-wrapper h3{
	margin:15px 0;
	text-transform:capitalize;
	letter-spacing:1.2px;
	}
.sidebar{
	padding-left:10%;
	margin-bottom:20px;
	}
.sidebar ul,
.sidebar ol{
	list-style:none;
	}
.sidebar li{
	display:block;
	border-bottom:1px dotted #222;
	padding: 5px 0;
	}
.sidebar li li:last-child{border-bottom:none}
.sidebar li a{	font-size:1.1em;	}
.sidebar a:hover{
	color: #f00;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	}
.sidebar li ul {	margin-left:10px;	}
.rsswidget img{	display:none;	}
a.rsswidget{	color:#444;	}
.rss-date,.rssSummary{	font-size:.9em	}
.sidebar select{
	background: #eee;
	border: 1px solid #444;
	display: block;
	overflow: hidden;
	padding: 4px 10px;
	width: 100%;
	}

#search-box{
	position:relative;
	width:100%;
	margin:0 0 20px
	}
#search-box input[type="text"]{
	width:90%;
	padding:11px 0 12px 1em;
	color:#999;
	outline:none
	}
#search-form{
	height:40px;
	border:1px solid #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#fff;
	overflow:hidden
	}
#search-text{
	font-size:14px;
	color:#ddd;
	border-width:0;
	background:transparent
	}
#search-button{
	position:absolute;
	top:0;
	right:0;
	height:42px;
	width:72px;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:42px;
	border-width:0;
	background:#333;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px;
	cursor:pointer
	}
#search-button:hover{
	position:absolute;
	color: #252525;
	background:#5C9ACD;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border:1px solid #333
	}

#pagenavi{	padding:0 0 22px 20%	}
#pagenavi a, span.pages, .page-numbers{
	color:#636363;
	font-size:1em;
	line-height:2.2em;
	text-shadow:0px 1px #fff;
	padding:5px 8px;
	margin:0 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
	-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
	box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
	background:#f9f9f9;
	background:-webkit-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:-moz-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:-o-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:-ms-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	background:linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e8e8e8',GradientType=0 )
	}
#pagenavi a:hover, .page-numbers a:hover{
	color:#000;
	-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
	box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
	background:#fff;
	background:-webkit-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:-moz-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:-o-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:-ms-linear-gradient(top,#fff 0%,#e8e8e8 100%);
	background:linear-gradient(top,#fff 0%,#e8e8e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e8e8e8',GradientType=0 )
	}
.page-numbers.current{
	color:#fff;
	cursor:pointer;
	text-shadow:0px 1px #3f789f;
	-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
	background:#7cb9e5; background:-webkit-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:-moz-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:-o-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:-ms-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	background:linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5',endColorstr='#57a1d8',GradientType=0 )
	}
.page-numbers.current:hover{
	-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
	-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
	background:#99cefc;
	background:-webkit-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:-moz-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:-o-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:-ms-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	background:linear-gradient(top,#99cefc 0%,#57a1d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc',endColorstr='#57a1d8',GradientType=0 )
	}

#footer{
	margin-left:-2%;
	border-top:3px solid #333;
	}
.copyright{	padding:30px 0 0 15%;	}
.copyright p{
	margin-bottom:0;
	font-size:1em;
	}
.copyright p.left{
	float:left;
	width:76%
	}
.copyright p.right{
	float:right;
	width:24%;
	text-align:right
	}

.errore{
	margin-top:10px;
	padding:10px;
	background:#a5bce8;
	border:1px solid #4b84d2;
	text-align:center;
	color:#f00;
	text-shadow:1px 1px 2px #ddd;
	font-size:150%;
	line-height:1.6em;
	font-weight:bold
	}

@media screen and (max-width:720px){
.dh1,.dh2,.dh3,.dh4,.dh5,.dh6,.dh7,.dh8,.dh9,.dh10,.dh11,.dh12{
	width:97.91666%;
	margin-bottom:1em
	}
.wrapper{	padding:40px 0;	}
.top-wrapper{
	margin-bottom:10px;
	padding-left: 2%;
	}
.js #nav {	display: none;	}
.js .selectnav {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #333;
	border: 1px solid #333;
	color: #fff;
	display: block;
	font-size: 12px;
	overflow: hidden;
	margin: 0 auto;
	padding: 4px 10px;
	width: 100%;
	}
.js .selectnav option{
	background: #fff;
	color:#444;
	line-height:1.4em;
	}
.post,.content-page,.post-footer,#comments,.archive-title,.archive-page{
	padding:0 2% 0 4%
	}
.sidebar-wrapper{
	margin-left:0;
	padding-top:20px;
	border-top:10px solid #333;
	}
.sidebar{
	padding:0 1% 0 4%
	}
.copyright{
	padding:30px 3% 0 3%;
	}
.footer p.left,
.footer p.right{
	float:left;
	width:97.916666%;
	display:inline;
	margin:0 1.04166665%
	}
}

.tag-cloud-link {word-break: keep-all;
    border: 1px solid #00657E;
    padding: 6px;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 8px;}
.tpwindex {margin: 20px 0 20px 20%; }

.tpwindex li {
	display: inline-block;
	width:18%;
	text-align: center;
	margin: 0.5%;
}
.tpwindex li a{
    display: block;
    padding: 2px 5px;
    border: 2px solid #333;
	border-radius:4px;
}
.tpwindex ul{list-style: none;}
.tpwindex li:hover{
    background: #333;
	border-radius:4px;
}
 
.tpwindex a:hover{color: #fff;}
.clear {
	clear:both;
}
.inli{  margin-bottom: 5px;
	text-align:right;
}
@media screen and (max-width:768px){
.tpwindex {margin: 20px 3% 20px; }
}
.sdli {
	font-size:1.1em;
	line-height: 1.8;
    margin-bottom: 15px;
}
.sdli a{
	border: 1px solid #00657E;
    padding: 5px;
    margin: 6px 2px;
    border-radius: 8px;
}

.tpwindex li {
	display: inline-block;
	width:17%;
	text-align: center;
	margin: 1% 0.5%;
}
#pagenavi {    padding: 0 0 22px 5%;}
}