@media screen and (max-width:320px)
{
	.post h1,
	.page h1{
		font-size: 2em;
	}
}

@media screen and (min-width:769px) and (max-width:1020px)
{
	#nav{
		margin-bottom: 55px;
	}

	#side .tw-feed.follow{
		display: none;
	}
	
	#twitter-side{
		display: none;
	}
	
}

@media screen and (min-width:1020px)
{
	.note-content{
		padding-left: 0;
	}
	.note-close{
		margin-right: 0;
	}
	
	#side{
		float: left;
		padding: 110px 0 0;
		position: fixed;
		width: 205px;
	}
	
	/* search */
	#top-stripe .search-wrapper{ display: none;	}
	#side > .search-wrapper{ display: block; }

	#nav{
		text-align: left;
		margin-bottom: 20px;
	}

	#nav li a{
		padding-left: 8px;
	}

	#nav li .count{
		display: block;
	}

	#nav .sub-menu > li > a{
		padding-left: 18px;
	}

	/* Twitter feed */
	.tw-feed,
	.tw-feed.follow{
		display: block;
	}
	
	#main{
		float: right;
		padding: 145px 0 0 60px;
		width: 691px;
	}
	
	.commentlist .comment-body .comment-reply{
		display: none;
	}
	.commentlist .comment-body:hover .comment-reply{
		display: block;
	}
	
	/* footer */
	#footer{
		float: right;
		max-width: none;
		padding: 20px 0 50px;
		width: 752px;
	}
	
	#social-bottom{
		display: none;
	}
	.fullwidth #social-bottom{
		display: block;
	}
	
	/* widgets area: side */
	#widgets-side{
		display: block;
	}

	.fullwidth #widgets-side{
		display: none;
	}


	/* widgets area: bottom */
	#widgets-bottom{
		display: none;
	}


	/* FULL WIDTH LAYOUT */
	.fullwidth #logo a{
		height: 173px;
	}
	.fullwidth #side{
		float: none !important;
		text-align: center;
		padding: 50px 0 0 0;
		width: 100%;
		position: static;
	}

	.fullwidth #nav{
		text-align: center;
		margin-bottom: 23px;
		margin-left: -25px;
	}

	.fullwidth #nav li a,
	.fullwidth #nav li{
		float: none;
		display: inline-block;
		border: solid 1px transparent !important;
		padding: 0;
		vertical-align: bottom;
	}
	
	.fullwidth #nav li a{
		padding: 0 15px;
	}

	.fullwidth #nav > ul > li{
		position: relative;
	}

	.fullwidth #nav li .count{
		display: none;
	}

	.fullwidth #nav span.has-dropdown{
		position: relative;
		top: -2px;
	}
	
	.fullwidth #nav .sub-menu{
		padding-top: 5px;
		padding-bottom: 5px;
		position: absolute;
		text-align: left;
		top: 35px;
		width: 180px;
		z-index: 30;
	}

	.fullwidth #nav .sub-menu li,
	.fullwidth #nav .sub-menu li a{
		display: block;
	}

	/* sub-menu items */
	#nav .sub-menu li {
		border: none !important;
	}
	.fullwidth #nav .sub-menu > li:first-child > a{
		border: none !important;
	}
	.fullwidth #nav .sub-menu > li > a{
		height: 30px;
		line-height: 30px;
		padding-left: 20px;
	}
	
	/* search */
	.fullwidth #top-stripe .search-wrapper{ display: none;	}
	.fullwidth #side .search-wrapper{ display: none; }
	.fullwidth #nav .search-wrapper{ display: inline-block; }

	.fullwidth #main{
		border: none;
		float: none;
		padding: 40px 0 0 20px;
		width: 951px;
		max-width: 951px;
		margin: 0 auto;
	}

	.commentlist .comment-body .comment-reply{
		display: none;
	}
	.commentlist .comment-body:hover .comment-reply{
		display: block;
	}
	
	/* footer */
	.fullwidth #footer{
		float: none;
		margin: 0 auto;
		max-width: none;
		padding: 20px 0 50px;
		width: 951px;
	}
	
	#social-bottom{
		display: none;
	}

}

@media screen and (min-width:769px)
{

	#navdd{
		display: none;
	}

	#nav{
		display: block !important;
	}

	/* post */
	.post-wrap{
		margin: 0 auto 80px;
	}
	
	.post, 
	.page{
		margin: 0 -21px -21px 0;
		float: left;
		position: relative;
		width: 100%;
		top: -20px;
		left: -20px;
	}

	.post-3d-top {
		display: block;
	}

	.post-3d-bottom {
		display: block;
	}
	
	.post-3d-bottom-left {
		display: block;
	}

	.post-3d-bottom-right {
		display: block;
	}

	.post .no-thumbnail{
		display: block;
	}

	/* post category stripe */
	.stripe{
		display: block;
	}
	
	.content{
		padding: 40px 146px 30px 85px;
		text-align: left;
	}

	.content h1{
		display: block;
		margin: 0 0 10px;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	
	.postformat-post .content,
	.postformat-video .content,
	.postformat-audio .content{
		height: 135px;
	}

	.postformat-post .content h1,
	.postformat-video .content h1,
	.postformat-audio .content h1{
		max-height: 80px;
	}

	/* Post quote */
	.postformat-quote .content{
		padding: 40px 85px 30px;
	}
	.postformat-quote .quote{
		font-size: 24px;
	}

	/* Post link */
	.postformat-link .content{
		padding: 40px 85px 30px;
	}

	.content .excerpt {
		max-height: 50px;
		overflow: hidden;
	}

	.entry{
		padding: 55px 85px 50px;
		text-align: left;
	}

	.entry .hr{
		margin: 12px -85px 30px 0;
	}

	.entry .hr2{
		margin: 12px -85px 18px 0;
	}

	a.read-more{
		float: right;
		margin: -55px 40px 0 0;
	}

	.link-icon{
		background: url(../images/base_light/link_icon.png) no-repeat 0 0;
		width: 53px;
		height: 41px;
	}

	/* share post */
	ul.share-post{
		text-align: left !important;
	}

	/* post author */
	.about-author{
		padding: 25px 85px 25px;
	}

	.about-author .author-data{
		width: 81%;
	}

	.about-author .author-edge-top{
		background: url(../images/45-light.png) no-repeat 0 0;
		position: absolute;
		right: -19px;
		top: 0;
		width: 18px;
		height: 18px;
	}

	.about-author .author-edge-bottom{
		background: url(../images/45-light.png) no-repeat 0 0;
		position: absolute;
		right: -19px;
		bottom: -19px;
		width: 18px;
		height: 18px;
	}

	/* Comments template */
	.comments-template{
		padding: 50px 80px 40px 85px;
	}

	.commentlist .comment{
		width: 80%;
	}

	.posts-navigation-links{
		padding: 20px 40px 20px 7.2em;
	}
	
	/* bottom social icons */
	#social-bottom{
		position: relative;
		top: -20px;
		left: -20px;
	}
	
	#widgets-bottom{
		clear: both;
		position: relative;
		top: -20px;
		left: -20px;
	}


	/* Twitter feed */
	.fullwidth .tw-feed,
	#twitter-foot .tw-feed{
		padding: 0px 0 33px !important;
		position: relative;
		top: -20px;
		left: -20px;
	}
	
	.fullwidth .tw-feed .tw-top,
	#twitter-foot .tw-feed .tw-top{
		top: -26px;
	}

	#footer .copyright{
		padding: 0 !important;
	}
	
	/* footer widgets - full-width layout */
	#sidebar-foot{
		position: relative;
		top: -20px;
		left: -20px;
	}
	#sidebar-foot .sidebar-column{
		float: left;
		text-align: left;
		width: 25%;
	}
}

@media screen and (min-width:500px){
	/* Comments: respond */
	.milli-form input,
	.milli-form textarea,
	#commentform input,
	#commentform textarea{
		width: 70%;
	}

	.milli-form label,
	#commentform label{
		float: left;
		width: 80px;
	}

	.milli-form #submit,
	#commentform #submit,
	#commentform .form-allowed-tags{
		margin-left: 80px;
	}
}


@media screen and (max-width:768px){
	
	#logo{
		padding-bottom: 10px;
	}

	#side .tw-feed.follow{
		display: none;
	}

	#twitter-side{
		display: none;
	}

	/* post images */
	.entry img,
	.entry img.alignleft,
	.entry img.aligncenter,
	.entry img.alignright,
	.entry .wp-caption img,
	.entry .wp-caption.alignleft img,
	.entry .wp-caption.aligncenter img,
	.entry .wp-caption.alignright img{
		display: block;
		margin: 0 auto 20px;
		float: none;
	}

	.entry .wp-caption{
		float: none !important;
		display: block;
		margin: 0 auto 20px;
		width: 100%;
	}

	.content .excerpt {
		margin: 0 0 20px;
	}
}