img {
   max-width: 100%;
   height: auto;
   width: auto\9; /* ie8 */
}
embed,
object,
iframe {
   width: 100%; 
}
.post embed, .post object, .post iframe {width: 100%; height: 440px;}
@media (min-width: 1000px) and (max-width: 1280px) {
	.main-container, .header, .full-region, .centre-region-bottom, .centre-region-footer, .full-big, .full-blocks, .footer, .copyrights {width: 960px;}
	nav li {padding: 0 10px;}
	nav li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; color: white; display: block;}
	.left-region {width: 180px;}
	.centre-region {width: 500px;}
	.right-region {width: 240px;}
	.post-list ol li.block {width: 145px; padding: 5px 0 0 0; font: 15px/18px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	#slider, #slider .slider, .slider .wp-post-image {width: 500px; height: auto;}
	#slider .slider .post-info {left: 70px;}
	.main-centre-region {width: 760px;}
	.hover-item .block-left, .hover-item .block-right {width: 380px;}
	.hover-item .block-left {height: 222px;}
	.hover-item .block-right .block {width: 190px; height: 111px;}
	.big-random .block-left, .left-region-bottom, .big-small {width: 560px;}
	.big-random .block-left .block img {width: 260px;}
	.big-random .block-right, .right-region-bottom {width: 380px;}
	.big-random .block-right .block img {width: 190px;}
	.big-small .block-bottom .block {width: 280px; height: 172px;}
	.big-small .block-top {height: 223px;}
	.mini-blocks, .mini-blocks .block-top {width: 100%;}
	.over-header-color {left: 10px;}
	.full-item {width: 940px;}
	.full-item .block-left {width: 460px; height: auto;}
	.full-big .block {width: 225px;}
	.full-blocks .block {width: 460px;}
	.full-blocks .block img {width: 200px;}
	.content, .left-region-footer {width: 640px;}
	.classic-item {width: 620px;}
	.classic-item .block img {width: 180px;}
	.footer-menu {width: 760px;}
	.footer-block {width: 300px;}
	.categories {width: 310px; height: 350px;}
	.post, .related-posts, .archive-area {width: 640px;}
	blockquote {width: 400px;}
	.post ol li {width: 600px;}
	.related-posts .block {width: 145px;}
	.archive-area .block {width: 310px;}
	
}

@media (min-width: 801px) and (max-width: 999px) {
	nav {display: none;}
	.mobile-navigator {background: #680026; display: block; width: 100%; height: auto; position: relative; overflow: hidden; margin: 0 auto 20px auto;}
	.mobile-navigator a {font: 16px/35px 'Roboto Condensed', Helvetica, Arial, sans-serif; color: #fff; display: block;}
	.mobile-navigator a:hover {text-decoration: none;}
	.mobile-navigator img {float: left;} 
	#mobile-menu {background: #CD3E53; width: 100%; padding: 10px; position: relative; overflow: hidden;}
	#mobile-menu li {list-style: disc; color: #fff; margin-left: 15px;} 
	#mobile-menu li a {font: 16px/25px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	.main-container, .header, .footer, .copyrights {width: 96%; padding: 1% 2%;}
	.header .logo {width: 180px; float: none; margin: 0 auto;}
	.full-region, .centre-region-bottom, .centre-region-footer, .full-big, .full-blocks {width: 100%;}
	nav li {padding: 0 10px;}
	nav li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; color: white; display: block;}
	.left-region {width: 35%;}
	.centre-region {width: 63%; margin: 0 0 2% 2%;}
	.right-region {width: 63%; float: left;}
	.post-list ol li.block {width: 85%; padding: 5px 0 0 0; font: 15px/18px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	.right-region .area-block {display: none;}
	#slider, #slider .slider, .slider .wp-post-image {width: 100%; height: auto;}
	#slider .slider .post-info {left: 12%;}
	.main-centre-region {width: 100%; margin: 0;}
	.hover-item .block-left, .hover-item .block-right {width: 370px;}
	.hover-item .block-left {height: 222px;}
	.hover-item .block-right .block {width: 180px; height: 111px;}
	.big-random .block-left, .left-region-bottom {width: 100%;}
	.big-random .block-left .block img {width: 260px;}
	.big-random .block-right, .right-region-bottom {width: 380px;}
	.big-random .block-right .block img {width: 190px;}
	.big-small .block-bottom .block {width: 280px; height: 172px;}
	.big-small .block-top {height: 223px;}
	.big-random .block-right {width: 100%; float: left;}
	.big-small {width: 100%;}
	.big-small .block-top, .big-small .block-bottom {width: 50%; height: auto; float: left;}
	.big-small .block-bottom .block {width: 50%; height: auto;}
	.over-header {width: 70%; bottom: 5px;}
	.hover-header {bottom: 5px;}
	.right-region-bottom {width: 100%; float: left;}
	.mini-blocks {width: 100%;}
	.mini-blocks .block-top {width: 48%; float: left; margin: 0;}
	.mini-blocks ul.block-bottom {width: 48%; float: right;}
	.over-header-color {width: 300px; left: 5%;}
	.full-big .block {width: 23%; margin-right: 2%;}
	.full-item {width: 95%; padding: 2%;}
	.full-item .block-left {width: 48%; height: auto; margin: 0 3% 3% 0;}
	.full-blocks .block {width: 46%; height: auto; padding: 1%;}
	.full-blocks .block img {display: none;}
	.content, .left-region-footer {width: 100%;}
	.classic-item {width: 95%; padding: 2%;}
	.classic-item .block img {width: 180px;}
	.right-region-footer {width: 100%;}
	.footer-logo {width: 180px; float: none; padding: 10px; margin: 0 auto;}
	.footer-menu {width: 96%; padding: 0 2%; float: none; margin: 0 auto 10px auto;}
	.footer-menu li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; padding: 0 40px 0 5px;}
	.footer-block {width: 100%;}
	.categories {width: 48%; margin: 0 4% 4% 0; height: auto;}
	.sidebar {width: 100%; margin: 10px 0;}
	.post, .related-posts, .archive-area {width: 100%;}
	blockquote {width: 400px;}
	.post ol li {width: 600px;}
	.related-posts .block {width: 23%; margin-right: 2%;}
	.archive-area .block {width: 310px;}
	#toTop {right: -100px;}
	.comments-wrapp {width: 740px;}
	.comments-box, .comment-list {width: 720px;}
}

@media (min-width: 601px) and (max-width: 800px) {
	nav {display: none;}
	.mobile-navigator {background: #680026; display: block; width: 100%; height: auto; position: relative; overflow: hidden; margin: 0 auto 20px auto;}
	.mobile-navigator a {font: 16px/35px 'Roboto Condensed', Helvetica, Arial, sans-serif; color: #fff; display: block;}
	.mobile-navigator a:hover {text-decoration: none;}
	.mobile-navigator img {float: left;} 
	#mobile-menu {background: #CD3E53; width: 100%; padding: 10px; position: relative; overflow: hidden;}
	#mobile-menu li {list-style: disc; color: #fff; margin-left: 15px;} 
	#mobile-menu li a {font: 16px/25px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	.main-container, .header, .footer, .copyrights {width: 96%; padding: 1% 2%;}
	.header .logo {width: 180px; float: none; margin: 0 auto;}
	.full-region, .centre-region-bottom, .centre-region-footer, .full-big, .full-blocks {width: 100%;}
	nav li {padding: 0 10px;}
	nav li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; color: white; display: block;}
	.left-region {width: 35%;}
	.centre-region {width: 63%; margin: 0 0 2% 2%;}
	.right-region {width: 63%; float: left;}
	.post-list ol li.block {width: 85%; padding: 5px 0 0 0; font: 15px/18px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	.right-region .area-block {display: none;}
	#slider, #slider .slider, .slider .wp-post-image {width: 100%; height: auto;}
	#slider .slider .post-info {display: none;}
	.main-centre-region {width: 100%; margin: 0;}
	.hover-item .block-left, .hover-item .block-right {width: 50%;}
	.hover-item .block-left {height: auto;}
	.hover-item .block-right .block {width: 50%; height: auto; margin-bottom: -5px;}
	.big-random .block-left, .left-region-bottom {width: 100%;}
	.big-random .block-left .block img {width: 260px;}
	.big-random .block-right, .right-region-bottom {width: 380px;}
	.big-random .block-right .block img {width: 190px;}
	.big-small .block-bottom .block {width: 280px; height: 172px;}
	.big-small .block-top {height: 223px;}
	.big-random .block-right {width: 100%; float: left;}
	.big-small {width: 100%;}
	.big-small .block-top, .big-small .block-bottom {width: 50%; height: auto; float: left;}
	.big-small .block-bottom .block {width: 50%; height: auto;}
	.over-header {width: 70%; bottom: 5px;}
	.hover-header {bottom: 5px;}
	.right-region-bottom {width: 100%; float: left;}
	.mini-blocks {width: 100%;}
	.mini-blocks .block-top {width: 48%; float: left; margin: 0;}
	.mini-blocks ul.block-bottom {width: 48%; float: right;}
	.over-header-color {width: 300px; left: 5%;}
	.full-big .block {width: 23%; margin-right: 2%;}
	.full-item {width: 95%; padding: 2%;}
	.full-item .block-left {width: 48%; height: auto; margin: 0 3% 3% 0;}
	.full-blocks .block {width: 46%; height: auto; padding: 1%;}
	.full-blocks .block img {display: none;}
	.content, .left-region-footer {width: 100%;}
	.classic-item {width: 95%; padding: 2%;}
	.classic-item .block img {width: 180px;}
	.right-region-footer {width: 100%;}
	.footer-logo {width: 180px; float: none; padding: 10px; margin: 0 auto;}
	.footer-menu {width: 96%; padding: 0 2%; float: none; margin: 0 auto 10px auto;}
	.footer-menu li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; padding: 0 40px 0 5px;}
	.footer-block {width: 100%;}
	.categories {width: 48%; margin: 0 4% 4% 0; height: auto;}
	.sidebar {width: 100%; margin: 10px 0;}
	.post, .related-posts, .archive-area {width: 100%;}
	blockquote {width: 400px;}
	.post ol li {width: 95%;}
	.related-posts .block {width: 23%; margin-right: 2%;}
	.archive-area .block {width: 310px;}
	#toTop {right: -100px;}
	.comments-wrapp {width: 95%; padding: 2%;}
	.comments-box, .comment-list {width: 100%;}
}
@media (min-width: 480px) and (max-width: 600px) {
	nav {display: none;}
	.mobile-navigator {background: #680026; display: block; width: 100%; height: auto; position: relative; overflow: hidden; margin: 0 auto 20px auto;}
	.mobile-navigator a {font: 16px/35px 'Roboto Condensed', Helvetica, Arial, sans-serif; color: #fff; display: block;}
	.mobile-navigator a:hover {text-decoration: none;}
	.mobile-navigator img {float: left;} 
	#mobile-menu {background: #CD3E53; width: 100%; padding: 10px; position: relative; overflow: hidden;}
	#mobile-menu li {list-style: disc; color: #fff; margin-left: 15px;} 
	#mobile-menu li a {font: 16px/25px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	.main-container, .header, .footer, .copyrights {width: 96%; padding: 1% 2%;}
	.header .logo {width: 180px; float: none; margin: 0 auto;}
	.full-region, .centre-region-bottom, .centre-region-footer, .full-big, .full-blocks {width: 100%;}
	nav li {padding: 0 10px;}
	nav li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; color: white; display: block;}
	.left-region {width: 100%;}
	.centre-region {width: 100%; margin: 0 0 2% 2%;}
	.right-region {width: 100%; float: left;}
	.post-list ol li.block {width: 85%; padding: 15px 0 0 0; font: 16px/20px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	#slider, #slider .slider, .slider .wp-post-image {display: none;}
	.main-centre-region {width: 100%; margin: 0;}
	.hover-item .block-left, .hover-item .block-right {width: 50%;}
	.hover-item .block-left {height: auto;}
	.hover-item .block-right .block {width: 50%; height: auto; margin-bottom: -5px;}
	.big-random .block-left, .left-region-bottom {width: 100%;}
	.big-random .block-left .block img {width: 260px;}
	.big-random .block-right, .right-region-bottom {width: 380px;}
	.big-random .block-right .block img {width: 190px;}
	.big-random .block-right {width: 100%; float: left;}
	.big-small {width: 100%;}
	.big-small .block-top, .big-small .block-bottom {width: 100%; height: auto; float: left;}
	.big-small .block-bottom .block {width: 50%; height: auto;}
	.over-header {width: 80%; bottom: 5px;}
	.over-header a {font: italic 17px/20px 'Lora', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;}
	.hover-header {bottom: 5px;}
	.hover-header a {font: 14px/16px Helvetica, Arial, sans-serif;}
	.right-region-bottom {width: 100%; float: left;}
	.mini-blocks {width: 100%;}
	.mini-blocks .block-top {width: 100%; float: left; margin: 0 0 10px 0;}
	.mini-blocks ul.block-bottom {width: 100%; float: left;}
	.over-header-color {width: 300px; left: 5%;}
	.full-big .block {width: 48%; height: auto; margin: 0 4% 4% 0;}
	.full-big .block:nth-child(odd) {margin: 0 0 4% 0;}
	.full-item {width: 95%; padding: 2%;}
	.full-item .block-left {width: 100%; height: auto; margin: 0 3% 3% 0;}
	.full-blocks .block {width: 97%; height: auto; padding: 1%;}
	.full-blocks .block img {display: none;}
	.content, .left-region-footer {width: 100%;}
	.classic-item {width: 95%; padding: 2%;}
	.classic-item .block img {width: 180px;}
	.right-region-footer {width: 100%;}
	.footer-logo {width: 180px; float: none; padding: 10px; margin: 0 auto;}
	.footer-menu {width: 96%; padding: 0 2%; float: none; margin: 0 auto 10px auto;}
	.footer-menu li a {font: 12px/50px Helvetica, Arial, sans-serif; text-transform: none; padding: 0 5px 0 2px;}
	.footer-block {width: 100%;}
	.categories {width: 48%; margin: 0 4% 4% 0; height: auto;}
	.sidebar {width: 100%; margin: 10px 0;}
	.post, .related-posts, .archive-area {width: 100%;}
	blockquote {width: 70%; padding: 2% 10%;}
	.post ol li {width: 95%;}
	.related-posts .block {width: 23%; margin-right: 2%;}
	.archive-area .block {width: 100%;}
	#toTop {right: -100px;}
	.comments-wrapp {width: 95%; padding: 2%;}
	.comments-box, .comment-list {width: 100%;}
}
@media (min-width: 320px) and (max-width: 479px) {
	nav {display: none;}
	.mobile-navigator {background: #680026; display: block; width: 100%; height: auto; position: relative; overflow: hidden; margin: 0 auto 20px auto;}
	.mobile-navigator a {font: 16px/35px 'Roboto Condensed', Helvetica, Arial, sans-serif; color: #fff; display: block;}
	.mobile-navigator a:hover {text-decoration: none;}
	.mobile-navigator img {float: left;} 
	#mobile-menu {background: #CD3E53; width: 100%; padding: 10px; position: relative; overflow: hidden;}
	#mobile-menu li {list-style: disc; color: #fff; margin-left: 15px;} 
	#mobile-menu li a {font: 16px/25px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	.main-container, .header, .footer, .copyrights {width: 96%; padding: 1% 2%;}
	.header .logo {width: 180px; float: none; margin: 0 auto;}
	.full-region, .centre-region-bottom, .centre-region-footer, .full-big, .full-blocks {width: 100%;}
	nav li {padding: 0 10px;}
	nav li a {font: 13px/50px 'Roboto Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; color: white; display: block;}
	.left-region {width: 100%;}
	.centre-region {width: 100%; margin: 0 0 2% 2%;}
	.right-region {width: 100%; float: left; margin-bottom: 4%;}
	.post-list ol li.block {width: 85%; padding: 15px 0 0 0; font: 16px/20px 'Roboto Condensed', Helvetica, Arial, sans-serif;}
	#slider, #slider .slider, .slider .wp-post-image {display: none;}
	.main-centre-region {width: 100%; margin: 0;}
	.hover-item .block-left, .hover-item .block-right {width: 100%;}
	.hover-item .block-left {height: auto;}
	.hover-item .block-right .block {width: 50%; height: auto; margin-bottom: -5px;}
	.big-random .block-left, .left-region-bottom {width: 100%;}
	.big-random .block-left .block img {width: 260px;}
	.big-random .block-right, .right-region-bottom {width: 380px;}
	.big-random .block-right .block img {width: 120px;}
	.big-random .block-right {width: 100%; float: left;}
	ul.cats-block li {width: 100%; height: 65px; margin: 0;}
	.big-small {width: 100%;}
	.big-small .block-top, .big-small .block-bottom {width: 100%; height: auto; float: left;}
	.big-small .block-bottom .block {width: 50%; height: auto;}
	.over-header {width: 80%; bottom: 5px;}
	.over-header a {font: italic 17px/20px 'Lora', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;}
	.hover-header {bottom: 5px;}
	.hover-header a {font: 14px/16px Helvetica, Arial, sans-serif;}
	.right-region-bottom {width: 100%; float: left;}
	.mini-blocks {width: 100%;}
	.mini-blocks .block-top {width: 100%; float: left; margin: 0 0 10px 0;}
	.mini-blocks ul.block-bottom {width: 100%; float: left;}
	.over-header-color {width: 80%; padding: 4% 4%; left: 6%;}
	.full-big .block {width: 48%; height: auto; margin: 0 4% 4% 0;}
	.full-big .block:nth-child(odd) {margin: 0 0 4% 0;}
	.full-item {width: 95%; padding: 2%;}
	.full-item .block-left {width: 100%; height: auto; margin: 0 3% 3% 0;}
	.full-item .block-left img {width: 60px;}
	.full-blocks .block {width: 97%; height: auto; padding: 1%;}
	.full-blocks .block img {display: none;}
	.content, .left-region-footer {width: 100%;}
	.classic-item {width: 95%; padding: 2%;}
	.classic-item .block img {width: 180px;}
	.right-region-footer {width: 100%;}
	.footer-logo {width: 180px; float: none; padding: 10px; margin: 0 auto;}
	.footer-menu {width: 96%; height: auto; padding: 0 2%; float: none; margin: 0 auto 10px auto; overflow: hidden;}
	.footer-menu li {width: 50%; line-height: 30px;}
	.footer-menu li a {font: 13px/30px 'Roboto Condensed', Helvetica, Arial, sans-serif; padding: 0 5px 0 2px;}
	.footer-block {width: 100%;}
	.categories {width: 100%; margin: 0 0 4% 0; height: auto;}
	.sidebar {width: 100%; margin: 10px 0;}
	.post, .related-posts, .archive-area {width: 100%;}
	blockquote {width: 70%; padding: 2% 10%;}
	.post ol li {width: 95%;}
	.related-posts .block {width: 100%; height: auto; margin: 0 0 4% 0;}
	.related-posts .block img {float: left; margin-right: 10px; width: 140px;}
	.archive-area .block {width: 100%;}
	#toTop {right: -100px;}
	.comments-wrapp {width: 95%; padding: 2%;}
	.comments-box, .comment-list {width: 100%;}
}