/*
 * CSS for screen media (mobile and low resolutions).
 */

img, object, embed, video, iframe {
	max-width: 100%;
}

#content, #blog-footer {
	margin: 5px;
}

#annoucement {
	margin: 10px 0 20px;
}

.widget {
	display: none;
}

.more-link {
	display: block;
	margin-top: 15px;
}

#sidebar h2 {
	display: none;
}

#s, #s2 {
	width: 60%;
	margin: 15px 5px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#mobile-search {
	text-align: center;
	border-top: 1px solid #424242;
	background-color: #202020;
	margin-top: 30px;
	padding: 0 15px;
}

#mobile-menu {
	margin: 10px auto;
	width: 90%;
}

#mobile-menu li.menu-item {
	float: left;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #424242;
	background-color: #202020;
	min-width: 80px;
	padding: 7px 15px;
	margin: 10px;
	text-align: center;
}

#mobile-menu li.menu-item a {
	color: white;
}

.wp-pagenavi span.pages, .wp-pagenavi a.extra,
.wp-pagenavi .last, .wp-pagenavi .first {
	display: none;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend,
.wp-pagenavi a:visited, .wp-pagenavi span.current {
	padding: 5px 9px;
	margin: 3px;
}

.wp-pagenavi {
	margin: 25px 0;
}