@media screen and (max-width: 1024px) {

	h1, h2, h3, h4, h5, h6{line-height: 1.1em;}
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/

	.pagewidth {
		max-width: 100%;
	}
		
	/* content */
	#content {
		margin: 7% 0 5%;
	}
	.sidebar1 #content {
		max-width: 67.8%;
	}
	
	/* sidebar */
	#sidebar {
		margin: 7% 0 5%;
		max-width: 26.2%;
	}
	#sidebar .secondary {
		max-width: 47%;
	}
	
	/* loops-wrapper */
	.loops-wrapper {
		max-width: 105%;
	}
	
	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}
	.col4-1 {
		max-width: 23%;
	}
	.col4-2, .col2-1 {
		max-width: 48%;
	}
	.col4-3 {
		max-width: 72%;
	}
	.col3-1 {
		max-width: 31%;
	}
	.col3-2 {
		max-width: 62%;
	}
	
}

@media screen and (max-width: 760px) {

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.sidebar1 #content {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	
	/* sidebar */
	#sidebar {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	#sidebar .secondary {
		width: 48%;
	}
	
	/************************************************************************************
	HEADER
	*************************************************************************************/
	/* reset absolute elements to static */
	#header .social-widget, #site-logo, #site-description, #header #searchform, #main-nav  {
		position: static !important;
		float: none;
		clear: both;
	}
	
	/* header */
	#header {
		height: auto;
	}
	
	/* header widget */
	.header-widget {
		position: static !important;
		float: none;
		text-align: left;
		clear: both;
		margin: 0;
	}
	.header-widget .widget {
		margin: 0 0 10px;
	}
	
	/* social widget */
	#header .social-widget {
		padding: 5px 0 0;
	}

	/* search form */
	#header #searchform {
		position: absolute;
		top: 10px;
		left: inherit;
		right: 0;
		width: 150px;
	}
	#header #searchform #s {
		float: right;
		width: 50px;
	}
	#header #searchform input#s:focus {
		width: 150px;
	}
	
	/* site logo */
	#site-logo {
		margin: 15px 100px 10px 0;
	}
	#site-logo a {
		font-size: 30px;
	}

	/* site description */
	#site-description {
		margin: 0 0 10px;
	}
	
	/* nav bar */
	#nav-bar {
		display: none;
	}

	/************************************************************************************
	MAIN NAV
	*************************************************************************************/
	#main-nav {
		height: auto;
		margin: 10px 0;
	}
	#main-nav a {
		padding: 4px 9px;
	}

	/************************************************************************************
	LOOPS WRAPPER
	*************************************************************************************/
	.list-post .loops-wrapper {
		max-width: 100%;
	}
}


@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	 {
		margin-left: 0;
		width: 100%;
		max-width: 100%;
	}

	/************************************************************************************
	HEADER
	*************************************************************************************/
	/* site logo */
	#site-logo {
	    font-size: 42px;
	    margin: 0 auto;
	    padding: 0 0 0 0;
	    text-align: center;
	    width: 287px;
	    position:relative
	}
	#top h4{
		padding-left:50px;
	}
	#top .col {
	    clear: both;
	    display: block;
	    float: none;
	    height: auto;
	    margin-left: 0px;
	    position: relative;
	    width: 100%;
	}
    .topsite {
        float: none;
        margin: 0 auto;
        position: relative;
        width: auto;
        border: 1px dashed #CCCCCC;
    }
    
    .topsite .screenshot {
    float: none;
    margin: 0 auto;
    }
	#top .post-cat {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    margin: 0 auto;
    position: relative;
    }
	#top h3 {
	    padding-top: 30px;
	}
	#top{overflow:visible}
	nav#main{
		margin: 0 auto;
		width: 200px;
	}
	.sticky {
	    background: url("images/sticky.png") no-repeat scroll center center transparent;
	    float: none;
	    height: auto;
	    margin: 0 auto;
	    padding: 0;
	    position: relative;
	    width: 94%;
	}
	.sticky h3{
		padding-top:0 !important
	}
	.right-col {
	    float: none;
	    text-align: center;
	    width: 94%;
	}
#subForm {
    clear: both;
    margin: 0 auto;
    overflow: visible;
    text-align: center;
    width: 94%;
}	
form#subForm input[type="submit"] {
    float: none;
}
form#subForm input[type="text"] {
    float: none;
}
h4.email {
    background:none;
    padding-left: 0px;
}
.one .bsa_it_ad {
	    background: none repeat scroll 0 0 transparent !important;
	    border: medium none !important;
	    float: none !important;
	    height: 100px !important;
	    margin: 0 auto;
	    padding: 0 !important;
	    top: 0;
	    width: 94% !important;
	}
	.one .bsa_it_ad {
	    background: none repeat scroll 0 0 #F9F9F9;
	    border: 1px solid #E1E1E1;
	    display: block;
	    font-family: helvetica,arial,sans-serif;
	    line-height: 100%;
	    padding: 15px;
	}
	div.bsap_1243888 {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 430px !important;
	    float:none;
	    left:0;
	}
	div.bsap_1243888 img {
	    border: 0 none;
	    clear: both;
	    margin: 0 auto;
	    width: 430px !important;
	}
	
	div.bsap_1243888 a {
	    float: none;
	    margin: 10px auto !important;
	    text-align: center;
	    width: 430px !important;
	}
	
	.social-widget{
		display:none
	}
	/* site description */
#site-description {
    margin: 0 auto;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
}
	.post img {
    margin: 10px auto;
}
     .menu li.submenu{float: none}
     .submenu > ul {
    margin: 0 auto;
    position: relative;
    width: 94%;
}
     .submenu ul li{float: none; width: 100%; margin: 0 auto}
     ul li.search #searchform #s {
    width: 94%;
    margin: 0 auto
}    
    #main-nav{width: 100%}
    .displaybuttons{display: none}
    .sidebar1 #content {
    margin-left: 0px;
}
    #sidebar {
    margin: 0 auto;
    overflow: hidden;
}
	/* searchform */
	#header #searchform {
		left: inherit;
		right: 0;
		width: 150px;
	}
	#header #searchform #s {
		float: right;
	}
	
	/* social widget */
	.social-widget {
		position: static !important;
		margin: 10px 0;
		float: none;
		padding: 0;
	}

	/************************************************************************************
	LAYOUTS
	*************************************************************************************/
	/* loops-wrapper */
	.loops-wrapper {
		margin-left: 0 !important;
		width: auto !important;
	}

	/* post */
	.post {
		width: 100% !important;
		margin-left: 0 !important;
		float: none;
	}
	
	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist {
		padding-left: 0;
	}
	.commentlist .commententry {
		clear: left;
	}
	.commentlist .avatar {
		float: left;
		width: 40px;
		height: 40px;
		margin: 0 10px 10px 0;
	}

	/* commentlist sub-levels */
	.commentlist ul, .commentlist ol {
		margin: 0 0 0 7%;
	}

	/************************************************************************************
	FOOTER
	*************************************************************************************/
	#footer-logo {
		position: static;
	}
	.footer-nav {
		padding: 0;
	}

}