/* =============================
Media Queries
============================= */
/* for less than 960px */
@media screen and (max-width: 959px) {
	body {
		min-width:769px;
	}
	.header-inner, .footer-wrapper {
		width:auto;
	}
	.footer {
		width:768px;
		margin:0 auto;
	}
	.footer .widget {
		width:172px;
		padding:10px 0;
	}
	.footer .widget img {
		max-width:172px;
	}
	.flickr_badge_image,
	.flickr_badge_image img {
		height: 52.3px;
		width: 52.3px;
	}
	.header,
	#homepage .main-wrapper h4 {
		width:748px;
		margin:0 auto;
	}
	.navigation {
		width:428px;
	}
	.slider {
		width:748px;
		min-height:200px;
	}
	.tagline {
		width:748px;
		padding:20px 0 0;
	}
	.tagline p {
		font-size:18px;
	}

	.creditspacer {
		width: 98px;;
	}	
	
	.main-wrapper,
	#blog .main-wrapper,
	#homepage .main-wrapper,
	#portfolio .main-wrapper {
		width:768px;
	}
	.page-navigation {
		width:748px;
	}
	#homepage .main-wrapper .main .post-body ul li,
	#homepage .main-wrapper #post2 .post-body .thumbs,
	.main-wrapper .post-body .thumbs,
	.main-wrapper .post-body .thumbs img,
	#portfolio .main-wrapper .main .post-body ul li,
	#portfolio #portfolio-twocolumns .thumbs {
		width:172px;
		height:auto;
	}
	#portfolio #portfolio-twocolumns .thumbs {
		height:114px;
	}
	#portfolio #portfolio-twocolumns .post-body ul li {
		width:364px;
	}
	#portfolio #portfolio-twocolumns .meta {
		width:152px;
	}
	#portfolio-twocolumns .summary,
	.scroller {
		display:none
	}
	
	/* =Main-post */
	#blog #main-blog,
	#blog #main-inner1,
	#blog #main-inner2,
	#blog #main-inner2 .post,
	#blog #main-inner2 .post-header,
	#blog #main-inner2 .post-body {
		width:748px;
	}
	#blog #main-blog .main, #blog #main-blog .post-body iframe {
		width:500px;
	}
	#blog #main-blog .sidebar,
	#blog #main-inner1 .post-header {
		width:210px;
	}
	#blog #main-blog .main img,
	#blog #main-inner1 .post-body img {
		max-width:500px;
	}
	.searchField {
		width:135px;
	}
	#blog #main-inner1 .post-body {
		width:500px;
	}
	#blog .comments-wrapper .level1 .content {
		width:444px;
	}
	#blog .comments-wrapper .level2 .content {
		width:388px;
	}
	#blog #main-inner2 .description {
		width:70%;
		margin-left:5%;
	}
	#blog #main-inner2 .meta {
		width:25%;
	}
	
	/* Additional */
	#contact_form .forming input, #contact_form .forming textarea {
		width:190px;
	}
	.ava {
		width:167px;
	}
	.ava img, #blog #about-single .item1 img {
		max-width:167px;
	}
	.nolist-float li {
		width:90%;
	}
	#blog #about-single {
		margin-top:20px;
	}
	#blog #about-single .item1 {
		width:167px;
		margin-right:20px;
	}
	#blog #about-single .item2 {
		width:280px;
		margin-right:20px;
	}
	#blog #about-single .item3 {
		width:251px;
		background:#eee;
		border:1px solid #ddd;
		padding:10px;
	}
	
	/* =Slider */
	.slider .flex-direction-nav li .next {
		right:20px;
		opacity:1;
	}
	.slider .flex-direction-nav li .prev {
		left:20px;
		opacity:1;
	}
	.slider .flex-control-nav {
		bottom:10px;
	}
}

/* =for less than 500px */
@media screen and (max-width: 500px) {
	body {
		min-width:480px;
	}
	.footer {
		width:384px;
	}
	.header-wrapper {
		background:none; /* move the background to row2 */
		min-height:100px;
	}
	.header,
	#homepage .main-wrapper h4 {
		width:364px;
		height:auto;
		margin:0 auto;
		padding-top:0;
		background:none;
	}
	.header img {
		max-width:200px;
	}
	#portfolio #row2, #blog #row2 {
		background:none;
	}
	.navigation {
		width:364px;
		clear:both;
		margin:0 auto;
		background:none;
		padding:0 0 20px 0;
	}

	
	.slider,
	.tagline,
	.creditspacer,	
	.comments-wrapper,
	.sidebar,#blog #main-inner2 .meta {
		display:none;
	}
	

	.hid-home-tagline {
		display:block;
		width:364px;
		height:auto;		
		font-size:14px;
		margin:10px 0;
	}	
	
	#blog .slider {
		display:block;
	}
	.main-wrapper,
	#blog .main-wrapper,
	#homepage .main-wrapper,
	#portfolio .main-wrapper {
		width:384px;
	}
	.page-navigation {
		width:364px;
	}
	
	/* =Main-post */
	#blog #main-blog,
	#blog #main-inner1,
	#blog #main-inner2,
	#blog #main-inner2 .post,
	#blog #main-inner2 .post-header,
	#blog #main-inner2 .post-body,
	#p404 .post-body {
		width:368px;
	}
	#blog #main-blog .main, #blog #main-blog .post-body iframe {
		width:368px;
	}
	#blog #main-blog .sidebar,
	#blog #main-inner1 .post-header {
		width:368px;
		clear:both;
	}
	#blog #main-blog .main img,
	#blog #main-inner1 .post-body img {
		max-width:368px;
	}
	#blog .post-header h2 {
		padding:20px 0 5px 0;
	}
	#blog #main-inner1 .description,
	#blog .post h2,
	.main-wrapper h4,
	.gmap3 {
		background:none;
		border-bottom:1px solid #ddd;
	}
	.onehalf,
	.onethird,
	.onequarter,
	.onefifth,
	.onesixth,
	.twothird {
		width:100%;
		padding:10px 0;
		margin-bottom:10px;
	}
	#blog #main-inner2 .description {
		width:100%;
		margin:0;
	}
	
	/* =404 */
	#p404 .post-body .error-message {
		width:368px;
		margin:0 auto;
	}
	
	/* =About Me */
	#blog #about-single .item1,
	#blog #about-single .item2,
	#blog #about-single .item3 {
		width:100%;
		margin:0 0 20px 0;
	}
	#blog #about-single .item3 {
		width:94%;
	}
}



/* =for less than 480px */
@media screen and (max-width: 360px) {
	body {
		min-width:172px;
		font-size:12px;
		font-family:'times new roman', serif;
		background:#f2f2f2;
	}
	
	.hid-home-tagline {
		display:block;
		width:152px;
		height:auto;		
		font-size:13px;
		margin:5px 0;
	}	
	
	.footer {
		width:152px;
	}
	.header-inner {
		background:#547e99;
	}
	.header,
	#homepage .main-wrapper h4 {
		width:152px;
	}
	.header img {
		max-width:152px;
	}
	#portfolio #row2, #blog #row2 {
		background:none;
	}
	.navigation {
		width:152px;
	}
	.navigation ul li {
		width:auto;
		margin-right:20px;
	}
	.navigation ul li a {
		text-transform:capitalize;
		border-bottom:1px solid #ddd;
	}
	.main-wrapper,
	#blog .main-wrapper,
	#homepage .main-wrapper {
		width:172px;
	}
	#portfolio .main-wrapper {
		width:152px;
	}
	#portfolio .main-wrapper .main .post-body ul li {
		margin:10px 0;
	}
	.page-navigation {
		width:152px;
	}
	.page-navigation li {
		margin-bottom:10px;
	}
	.footer-wrapper,
	#blog .meta,
	#p404 .return-button,
	#blog .slider {
		display:none;
	}
	#blog #main-blog .description {
		width:100%;
		margin:0;
		padding:0;
	}
	
	/* =Main-post */
	#blog #main-blog,
	#blog #main-inner1,
	#blog #main-inner2,
	#blog #main-inner2 .post,
	#blog #main-inner2 .post-header,
	#blog #main-inner2 .post-body,
	#p404 .post-body {
		width:172px;
	}
	#blog #main-blog .main, #blog #main-blog .post-body iframe {
		width:172px;
	}
	#blog #main-blog .sidebar,
	#blog #main-inner1 .post-header {
		width:172px;
	}
	#blog #main-blog .main img,
	#blog #main-inner1 .post-body img {
		max-width:172px;
	}
	#blog .post-header h2 {
		font-size:14px;
		padding:0;
	}
	#blog .post {
		margin:0 0 20px 0;
		padding:0;
	}
	.post h2 {
		font-size:14px!important;
	}
	.post h3 {
		font-size:12px!important;
		font-weight:bold;
	}
	#portfolio #portfolio-twocolumns .post-body ul li {
		width:172px;
	}
	#portfolio #portfolio-twocolumns .meta {
		clear:both;
		padding:5px 10px;
	}
	
	/* =404 */
	#p404 .post-body .error-message {
		width:172px;
		margin:0 auto;
	}
	#p404 .post-body {
		background:none;
	}
	#p404 .post-body h2 {
		margin-bottom:0;
	}
	#p404 .post-body h2 img {
		max-width:172px;
	}
	#p404 .post-body h3 {
		padding-bottom:10px;
		border-bottom:1px solid #ddd;
	}
}