/*
 * Theme Name: SU - Blog
 * Version: 0.7.1
 * Description: A Grandchild theme for SuPremium WooTheme child theme
 * Author: OneWebsite
 * Author URI: http://onewebsite.ca
 * Template: supremium
 * Tags: blog, widget
 */

@font-face {
    font-family: 'destroyregular';
    src: url('../fonts/destroy_-webfont-webfont.eot');
    src: url('../fonts/destroy_-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/destroy_-webfont-webfont.woff') format('woff'),
         url('../fonts/destroy_-webfont-webfont.ttf') format('truetype'),
         url('../fonts/destroy_-webfont-webfont.svg#destroyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_sports_night_nsregular';
    src: url('../fonts/sf-sports-night-ns-webfont.eot');
    src: url('../fonts/sf-sports-night-ns-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-sports-night-ns-webfont.woff') format('woff'),
         url('../fonts/sf-sports-night-ns-webfont.ttf') format('truetype'),
         url('../fonts/sf-sports-night-ns-webfont.svg#sf_sports_night_nsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	 Lazy Share 	*/
.archive .post .lazy-share-widget{
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100;
	margin-left: -120px;
	background: url(../images/Home-Share-NEW6.png) 0 27px no-repeat;
	height: 130px;
	width: 120px;
}

.post .post-share-widget {
	position: static;
	margin: 5px 0 0;
	padding-bottom: 10px;
	z-index: 100000;
}

.post .post-share-widget .platform {
	float: left;
	clear: none;
	margin-bottom: 0px;
}

.post .post-share-widget .platform.comments,
.post .post-share-widget .platform.facebook,
.post .post-share-widget .platform.linkedin{
	margin-right: 10px;
}

.post-share-widget a.btn-comment {
	background: url(../images/share-widget-sprite.png) 0 -275px no-repeat;
	color: #fff !important;
	display: block;
	float: left;
	font-size: 10px;
	height: 17px;
	margin-right: 2px;
	line-height: 15px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	width: 58px;
}

.post-share-widget a.btn-comment:hover {
	background-position: -58px -275px;
	text-decoration: none;
}

.post-share-widget .comment-count-bubble {
	float: left;
}

.post-share-widget .comment-count-bubble .caret {
	background: url(../images/share-widget-sprite.png) 0 -296px no-repeat;
	float: left;
	height: 21px;
	margin-top: 1px;
	width: 8px;
}

.post-share-widget .comment-count-bubble .fbcomment-count {
	background: url(../images/share-widget-sprite.png) 100% -296px no-repeat;
	color: #0a9600;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	margin-top: 1px;
	text-align: center;
	min-width: 20px;
	padding: 2px 5px 1px 1px;
}

.post-share-widget .comment-count-bubble .fbcomment-count {
	color: #0a9600;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/*	 END of Lazy Share 	*/

.body.page-template-su-blogtemplate-1WS-blog-gate-php{
	background: #E1DEE9;
	
	padding: 0;
	margin: 0;
	border: 0;
}

.body.page-template-su-blogtemplate-1WS-blog-gate-php .wrapper{
	max-width: 1000px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #header{
	position: relative;
	/*border-top: solid 6px #000 !important;*/
	background: url(../images/header.jpg) no-repeat top center;
	background-size: auto !important;
	padding: 0 !important;
}

#header{
	position: relative;
	/*border-top: solid 6px #000 !important;*/
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto !important;
	min-height: 260px;
	padding: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #header #logo{
	padding: 18px 21px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #header,
.page-template-su-blogtemplate-1WS-blog-gate-php #footer{
	width: 100%;
	min-width: 1140px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header,
.page-template-su-blogtemplate-1WS-blog-gate-php #check-this,
.page-template-su-blogtemplate-1WS-blog-gate-php #read-this{
	width: 1140px;
	background: #EBE8F3;
	margin: 0 auto;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .wrapper,
.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .wrapper,
.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .wrapper{
	width: 1100px;
	margin: 0 auto;
}

.page-template-su-blogtemplate-1WS-blog-gate-php .wrapper {
	max-width: 1140px;
	margin: 0 auto;
}

/*		HEADER		*/
.page-template-su-blogtemplate-1WS-blog-gate-php #header .wrapper{
	position: relative;
	min-height: 260px;
	height: 100%;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #header .branding{
	padding: 18px 21px;
	margin-bottom: 112px;
	min-height: 112px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #header .branding h1{
	padding: 0;
	margin: 0;
}

/*		BLOG GATE NAVIGATION		*/
.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation{
	background: url(../images/nav_intro.png) repeat;
	max-width: 1140px;
	width: 100%;
	
	position: absolute;
	bottom: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu > li{
	padding: 3px 0 0;
	position: relative;
	float: left;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu li a{
	/*font-family: 'sf_sports_night_nsregular';
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
	color: #fff;*/
	
	line-height: 45px;
	padding: 0 9px;
	display: block;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu li a:hover{
	text-decoration: none;
	color: #d85622;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu > li > .sub-menu{
	background: url(../images/nav_intro.png) repeat;
	position: absolute;
	min-width: 100%;
	display: none;
	z-index: 2;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu > li:hover > .sub-menu{
	display: block;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu > li > .sub-menu li{
	text-align: left;
	padding: 0 5%;
	width: 90%;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu > li > .sub-menu li a{
	display: block;
	padding: 0;
	
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	text-align: left;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu > li > .sub-menu li .sub-menu li{
	padding: 0;
}

/*	Social Links	*/
#social-links a{
	background-image: url(../images/ico-subscribe-social.png) !important;
}

#social-links a{ background-position: 0px 0px; }
#social-links a.social-icon-twitter{ background-position: -32px 0px; }
#social-links a.social-icon-facebook{ background-position: -62px 0px; }
#social-links a.social-icon-youtube{ background-position: -92px 0px; }
#social-links a.social-icon-flickr{ background-position: -122px 0px; }
#social-links a.social-icon-linkedin{ background-position: -152px 0px; }
#social-links a.social-icon-delicious{ background-position: -182px 0px; }
#social-links a.social-icon-googleplus{ background-position: -212px 0px; }
#social-links a.social-icon-dribbble{ background-position: -242px 0px; }
#social-links a.social-icon-instagram{ background-position: -272px 0px; }
#social-links a.social-icon-vimeo{ background-position: -303px 0px; }
#social-links a.social-icon-pinterest{ background-position: -335px 0px; }

/*		MAIN NAVIGATION		*/
#wrapper #navigation{
	background: url(../images/nav_intro.png) repeat;
	margin: -42px 0 3em;
	min-height: 42px;
	width: 100%;
	border: 0;
}

ul.nav{
	margin-right: 15px !important;
}

#navigation ul.nav > li{
	padding: 1px 0 0;
	position: relative;
	float: left;
}

#navigation ul.nav > li:hover{ background: none; }

#navigation ul.nav li.current_page_item,
#navigation ul.nav li.current_page_parent,
#navigation ul.nav li.current-menu-ancestor,
#navigation ul.nav li.current-cat,
#navigation ul.nav li.current-menu-item{
	background: none;
}

#navigation ul.nav > li > a{
	/*font-family: 'sf_sports_night_nsregular';
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
	color: #fff;*/
	
	line-height: 42px;
	padding: 0 9px !important;
	display: block;
}

#navigation ul.nav > li a:hover{
	background: none;
	text-decoration: none;
	color: #d85622;
}

#navigation ul.nav li.current_page_item a,
#navigation ul.nav li.current_page_parent a,
#navigation ul.nav li.current-menu-ancestor a,
#navigation ul.nav li.current-cat a,
#navigation ul.nav li.current-menu-item a{
	background: none !important;
	text-decoration: none;
	/*color: #d85622 !important;*/
}

#navigation .nav li.parent > a:after{
	content: normal !important;
}

#navigation ul.nav > li > .sub-menu{
	background: url(../images/nav_intro.png) repeat;
	position: absolute;
	min-width: 100%;
	display: none;
	z-index: 2;
}

#navigation ul.nav > li:hover > .sub-menu{ display: block; }

#navigation ul.nav > li > .sub-menu li{
	text-align: left;
	padding: 0 5%;
	width: 90%;
}

#navigation ul.nav > li > .sub-menu li a{
	font-family: 'sf_sports_night_nsregular';
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	text-align: left;
	color: #fff !important;
	
	display: block;
	padding: 0 !important;
}

#navigation ul.nav > li > .sub-menu li a:hover{
	/*color: #d85622 !important;*/
}

/*		PRE-HEADER		*/
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .wrapper{
	background-image: url(../images/pre-header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 292px;
	position: relative;
	padding-bottom: 30px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .post-attachment-image{
	float: left;
	width: 228px;
	margin: 3px 10px 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry{
	float: left;
	width: 852px;
	position: relative;
	min-height: 260px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry h2{
	margin: 0.5em 0 0.5em;
	
	font-family: 'sf_sports_night_nsregular';
	text-transform: uppercase;
	font-weight: normal;
	line-height: 42px;
	font-size: 42px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry p,
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry span,
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry small,
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry li,
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry a,
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry td{
	color: #fff;
}

.bloggate_optin form{
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form{
	margin: 10px auto 0;
	position: absolute;
	bottom: 0;
	width: 700px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form br{
	display: none;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form input[type=email],
.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form input[type=text],

.bloggate_optin form input[type=email],
.bloggate_optin form input[type=text]{
	width: 285px;
	padding: 6px;
	margin: 0 15px 0 0;
	background: #CBC9D6;
	
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 28px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form input[type=submit],
.bloggate_optin form input[type=submit]{
	margin: 0;
	font-size: 0;
	color: transparent;
	text-indent: -999px;
	width: 159px; height: 44px;
	
	border: 0;
	background: url(../images/download_btn.png) no-repeat top center;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form small{
	float: right;
	font-size: 10px;
	line-height: 13px;
	margin: 10px 0;
	width: 215px;
}

.bloggate_optin form small{
	display: block;
	clear: both;
	
	font-size: 10px;
	line-height: 13px;
	width: 100%;
}

/*		CHECK-THIS		*/
.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .wrapper{
	background-image: url(../images/check-this-out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 64px 0 30px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry,
.bloggate_checkthis .check-entry{
	float: left;
	width: 350px; height: 200px;
	margin: 0 8px 15px;
	position: relative;
	overflow: hidden;
	
	box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .thumb,
.bloggate_checkthis .check-entry .thumb{
	display: block;
	position: absolute;
	width: 100%; height: 100%;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .thumb img,
.bloggate_checkthis .check-entry .thumb img{
	width: 100%;
	height: auto;
	padding: 0;
	border: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro,
.bloggate_checkthis .check-entry .intro{
	background: rgba(2,10,25,0.35) url(../images/post_ol.png) repeat;
	display: block;
	position: absolute;
	bottom: 0; color: #fff;
	width: 320px; height: 82px;
	cursor: pointer;
	padding: 15px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro:hover,
.bloggate_checkthis .check-entry .intro:hover{
	background: rgba(33,40,52,0.9) url(../images/post_ol_hover.png) repeat;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro h5,
.bloggate_checkthis .check-entry .intro h5{
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 22px;
	color: #fff;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro h5 a,
.bloggate_checkthis .check-entry .intro h5 a{
	text-decoration: none;
	color: #fff;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro p,
.bloggate_checkthis .check-entry .intro p{
	margin-bottom: 0;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro .more,
.bloggate_checkthis .check-entry .intro .more{
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 12px;
	float: right;
	color: #fff;
}

/*		READ-THIS		*/
.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .wrapper{
	background-image: url(../images/latest-buzz.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 64px 0 60px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry,
.bloggate_readthis .read-entry{
	float: left;
	width: 350px; height: 252px;
	margin: 0 8px 15px;
	position: relative;
	overflow: hidden;
	
	box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .thumb,
.bloggate_readthis .read-entry .thumb{
	display: block;
	position: absolute;
	width: 100%; height: 100%;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .thumb img,
.bloggate_readthis .read-entry .thumb img{
	min-width: 100%;
	height: auto;
	min-height: 100%;
	width: auto;
	padding: 0;
	border: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro,
.bloggate_readthis .read-entry .intro{
	background: rgba(2,10,25,0.35) url(../images/post_ol.png) repeat;
	display: block;
	position: absolute;
	bottom: 0; color: #fff;
	width: 320px; height: 162px;
	cursor: pointer;
	padding: 15px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro:hover,
.bloggate_readthis .read-entry .intro:hover{
	background: rgba(33,40,52,0.9) url(../images/post_ol_hover.png) repeat;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro h5,
.bloggate_readthis .read-entry .intro h5{
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 22px;
	color: #fff;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro h5 a,
.bloggate_readthis .read-entry .intro h5 a{
	text-decoration: none;
	color: #fff;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro p,
.bloggate_readthis .read-entry .intro p{
	font-size: 12px;
	line-height: 14px;
	color: #fff;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro .more,
.bloggate_readthis .read-entry .intro .more{
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 12px;
	float: right;
	color: #fff;
}

/*		FOOTER		*/
.page-template-su-blogtemplate-1WS-blog-gate-php #footer{
	padding: 0 0 30px;
	border-top: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .wrapper{
	background: #000918 url(../images/footer.png) repeat-x;
	min-height: 158px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .post-attachment-image{
	float: left;
	width: 263px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry{
	float: left;
	width: 847px;
	padding: 10px 15px;
	color: #EBE8F1;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry h2{
	font-family: 'sf_sports_night_nsregular';
	text-transform: uppercase;
	line-height: 26px;
	font-size: 26px;
	color: #EBE8F1;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry p{
	font-size: 14px;
	color: #EBE8F1;
	margin-bottom: 15px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry .menu{
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry .menu li{
	list-style: none;
	float: left;
	padding: 0 5px;
	border-right: solid 1px #EBE8F1;
	line-height: 13px;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry .menu li:last-child{
	border: 0;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry .menu li a{
	text-decoration: underline;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry small,
.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry .menu li a{
	font-size: 11px;
	color: #EBE8F1;
}

.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry a{
	color: #EBE8F1;
	text-decoration: underline;
}

/*		GENERAL		*/
body,
body.error404,
body.home,
body.page,
body.archive,
body.single{
	margin: 0 !important;
	padding: 0;
}

#top { margin: 0 !important; }

#wrapper {
	padding: 0px !important;
	background-color: #fff;
}

#header #logo {
	padding: 18px 21px;
}

#main {
	padding-left: 20px;
	padding-right: 0px;
}

.widget {
	margin: 0 10px 10px 0;
}

body.page .getsocial{
	left: 20px !important;
}

.page-template-su-blogtemplate-1WS-blog-gate-php .getsocial{
	left: 2% !important;
}

/*	Pagination for chopped pages	*/
.paginated-posts{
	font-size: 10px;
	font-weight: normal;
	font-family: arial;
}
.paginated-posts p { font-size:1.4em; }
.paginated-posts p a {
	background: #E8E8E8;
	color: #000;
	margin-left: 0.6em;
	margin-right: 0.6em;
	padding: 0.5em 0.7em;
	text-decoration: none;
}
.paginated-posts a:hover { color:#fff; background:#7F1315; }

.archive .post-more{
	/*float: left;*/
}

/*		SHARE COUNT		*/
.facebook-count,
.twitter-count,
.googleplus-count{
	display: inline-block;
	margin-right: 5px;
	min-width: 35px;
	
	font-weight: bold;
	line-height: 16px;
	font-size: 13px;
}

.facebook-count i,
.twitter-count i,
.googleplus-count i{
	display: inline-block;
	margin-right: 3px;
	height: 14px;
	width: 15px;
}

.twitter-count i{
	background: url(../images/twitter-count.png) no-repeat center;
}

.facebook-count i{
	background: url(../images/facebook-count.png) no-repeat center;
}

.googleplus-count i{
	background: url(../images/googleplus-count.png) no-repeat center;
}

@media only screen and (max-width: 1200px) {
	.page-template-su-blogtemplate-1WS-blog-gate-php .getsocial{
		display: none !important;
	}
	.archive .post .lazy-share-widget{
		position: relative;
		margin: 5px 0 0;
		background: url(../images/Home-Share-NEW6-mobile.png) no-repeat top left;
		height: 20px;
		padding-bottom: 5px;
		width: 100%;
	}
	.archive .post .lazy-share-widget > div {
		float: left;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 1139px) {
	.getsocial{ display: none !important; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header,
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this,
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this,
	.page-template-su-blogtemplate-1WS-blog-gate-php #header,
	.page-template-su-blogtemplate-1WS-blog-gate-php #footer{
		width: 100%;
		min-width: 320px;
	}
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu{
		max-width: 875px;
		width: 80%;
	}
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .wrapper,
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .wrapper,
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .wrapper {
		width: 100%;
	}
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .post-attachment-image {
		float: left;
		width: 20%;
		max-width: 220px;
		margin: 3px 10px 0;
	}
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry {
		float: left;
		width: 75%;
		max-width: 820px;
		position: relative;
		min-height: 270px;
	}
}

@media only screen and (max-width: 1100px){
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry{ width: 31.5%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro { width: 92%; padding: 4%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry { width: 31.50%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro { width: 92%; padding: 4%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro h5,
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro h5 { font-size: 20px; margin-bottom: 0; }
	#footer .col-left { width: 22%; }
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry {
		float: left;
		width: 74%;
		max-width: 850px;
		padding: 10px 15px;
		color: #EBE8F1;
	}
	
	#wrapper #navigation #main-nav{
		float: left;
		width: 70%;
	}
}

@media only screen and (max-width: 900px){
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry h2 { font-size: 35px; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry p,
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry p span{
		font-size: 13px !important;
		margin-bottom: 5px;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form { width: 100%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form input[type=text] { width: 38%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro h5,
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro h5 { font-size: 18px; }
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form small { width: 100%; }
}

@media only screen and (max-width: 950px){
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry h2 { font-size: 32px; }
}

@media only screen and (max-width: 800px){
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry h2 { font-size: 30px; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry p{ margin-bottom: 5px; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry p,
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry p span{
		font-size: 13px !important;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry form small { margin: 4px 0; width: 100%; }
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry {
		background: rgba(2,10,25,0.35) url(../images/post_ol.png) repeat;
		float: none;
		width: 100%;
		height: auto;
		margin: 0 auto 15px;
		position: relative;
		overflow: hidden;
		
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .thumb img{ width: 100%; height: auto; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .thumb{
		width: 143px;
		height: 143px;
		position: relative;
		float: left;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro {
		background: none;
		width: 70%;
		padding: 4%;
		position: relative;
		float: left;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro:hover { background: none; }
	
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry {
		background: rgba(2,10,25,0.35) url(../images/post_ol.png) repeat;
		float: none;
		width: 100%;
		height: auto;
		margin: 0 auto 15px;
		position: relative;
		overflow: hidden;
		
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .thumb {
		position: relative;
		width: 143px;
		height: auto;
		float: left;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro:hover { background: none; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro{
		width: 70%; height: auto;
		padding: 2% 4%;
		position: relative;
		float: left;
		background: none;
	}
	
}

@media only screen and (max-width: 600px){
	.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu { width: 75%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry { min-height: 285px; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry h2 {
		font-size: 25px;
		line-height: 30px;
		margin: 30px 0 10px;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro { width: 65%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro { width: 65%; }
	#footer .col-left { width: 22%; float: left; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #footer .entry { float: left; width: 71%; }
}

@media only screen and (max-width: 500px){
	.page-template-su-blogtemplate-1WS-blog-gate-php #main-navigation ul.menu { width: 71%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .post-attachment-image { display: none; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry {
		float: none;
		width: 95%;
		max-width: 820px;
		position: relative;
		margin: 0 auto;
		min-height: 285px;
		padding: 1px;
	}
	.page-template-su-blogtemplate-1WS-blog-gate-php #pre-header .entry h2 { font-size: 21px; line-height: 23px; margin: 30px 0 15px; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #check-this .check-entry .intro { width: 60%; }
	.page-template-su-blogtemplate-1WS-blog-gate-php #read-this .read-entry .intro { width: 60%; }
}