@charset "UTF-8";
/* CSS Document */

/* http://stephen.io/mediaqueries/#iPhone */

@media all and (orientation:portrait) {
    /* Styles for Portrait screen */
	/*div#page {
	background:#6600FF;
	}*/
}
@media all and (orientation:landscape) {
    /* Styles for Landscape screen */
	/*div#page {
	background:#66FF00;
	}*/
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
	/* iPad [portrait + landscape] */

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
/* iphone portrait */
	div#page {
	/*background:#6600FF;*/
	}
	
	/* end page bg id*/
	
	div#container,  div#col3layout, div#col2layout, div#col1layout, div#credit, .slideshow-wrapper   {
		width:300px !important;
		padding-top:0px !important;
	}
	div#header #logo {
		margin-left:0px !important;
		width:300px !important;
		height:57px !important;
		/*padding:10px;*/
	}
	
	#top-sociables {
		margin-bottom:20px;
		height:40px;
	}
	
	#top-sociables img {
		padding-top:20px !important;
		width:95px !important;
		height:24px !important;
	}
	
	div#header #logo img {
		width:280px !important;
	}
	
	div#header #menu {
		margin-bottom:20px !important;
		margin-top:20px !important;
		height:0px !important;
		width:300px !important;
	}
	
	#header #menu ul li {
		padding-left:10px !important;
		padding-right:10px !important;
		float:left !important;
		padding-bottom:5px !important;
		padding-top:5px !important;
	}
	
	
	
	div#col3layout, div#col2layout, div#col1layout {
		clear:both;
	}
	
	div#col1layout div#col1 {
		width:280px !important;
		
	}
	
	div#col3layout div#col1, div#col3layout div#col2, div#col3layout div#col3, #col2layout #col1, #col2layout #col2, #col1layout #col1, #col1layout #col2 {
		float:none;
		width:260px !important;
		padding:15px !important;
	}
	
	#col1layout.home #col1 {
		/*float:none;
		width:260px !important;*/
		padding:10px !important;
	}
	
	img.wp-image-133 {
		width:250px !important;
	}
	
	#col2layout #col1.blog, #col2layout #col2.blog  {
		width:280px !important;
		padding:10px !important;
	}
	
	#col2layout #col2 {
		padding:10px !important;
	}	
	
	.blog img.size-full {
		height:200px !important;
		width:200px !important;
	}
	
	.wp-caption {
		width:280px !important;
	}
	
	.wp-caption img {
		width:200px !important;
		height:200px !important;
	}
	
	div#home-image img, img.psp-active {
		width:260px !important;
		height:260px !important;
	}
	
	div#footer {
		width:280px !important;
		height:30px !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	div#footer div {
	 	width:100% !important;
		clear:both !important;
		text-align:center !important;
	}
	
	div#footer div#copyright {
		float:left;
		
	}
	
	.thumb-text, .thumb {
		clear:both !important;
		width:270px !important;
	}
	
	.thumb {
		height:250px !important;
	}
	
	.result, .last-result {
		height:auto !important;
	}
	
	#credit {
		text-align:center;
		margin-top:10px;
	}
	
	.home .post {
	width:100%;
	margin:10px;
	float:left;
	font-size:22px;
	line-height:32px;
	font-weight: 400;
}

.post p {
	width:245px !important;
}

#post-5 h1 a {
	line-height:42px;
}


.home .home-slide {
	width:100%;
	margin:10px;
	float:left;
}

.alignleft, .alignright {
	width:100% !important;
}

h2.title, h2.widgettitle, p#post-date {
	width:250px !important;
}

#post-181 img {
	width:227px;
	height:250px;
}
 
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
/* iphone landscape */

	div#page {
	/*background:#66FF00;*/
	}
	
	
	/* end id */
	
		div#container,  div#col3layout, div#col2layout, div#col1layout, div#credit, .slideshow-wrapper   {
		width:460px !important;
		padding-top:0px !important;
	}
	div#header #logo {
		margin-left:0px !important;
		width:460px !important;
		height:95px !important;
		/*padding:10px;*/
	}
	
	#top-sociables {
		margin-top:-30px;
		
	}
	
	#top-sociables img {
		padding-top:0px !important;
		width:95px !important;
		height:24px !important;
	}
	
	div#header #logo img {
		width:440px !important;
	}
	
	div#header #menu {
		margin-bottom:20px !important;
		margin-top:20px !important;
		height:40px !important;
		width:460px !important;
	}
	
	#header #menu ul li {
		padding-left:10px !important;
		padding-right:10px !important;
		float:left !important;
		padding-bottom:5px !important;
		padding-top:5px !important;
	}
	
	div#col3layout, div#col2layout, div#col1layout {
		clear:both;
	}
	
	#col1layout.home #col1 {
		/*float:none;
		width:260px !important;*/
		padding:10px !important;
	}
	
	div#col1layout div#col1 {
		width:440px !important;
		
	}
	
	#col2layout #col1.blog, #col2layout #col2.blog  {
		width:440px !important;
		padding:10px !important;
	}
	
	div#col3layout div#col1, div#col3layout div#col2, div#col3layout div#col3, #col2layout #col1, #col2layout #col2, #col1layout #col1, #col1layout #col2  {
		float:none;
		width:440px !important;
		padding:15px !important;
	}
	
	.blog img.size-full {
		height:360px !important;
		width:360px !important;
	}
	
	.wp-caption {
		width:440px !important;
	}
	
	.wp-caption img {
		width:360px !important;
		height:360px !important;
	}
	
	div#home-image img, img.psp-active {
		width:420px !important;
		height:420px !important;
	}
	
	div#footer {
		width:440px !important;
		height:30px !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	div#footer div {
	 	width:100% !important;
		clear:both !important;
		text-align:center !important;
	}
	
	div#footer div#copyright {
		float:left;
		
	}
	
	.thumb-text, .thumb {
		clear:both !important;
		width:270px !important;
	}
	
	.thumb {
		height:250px !important;
	}
	
	.result, .last-result {
		height:auto !important;
	}
	
	#credit {
		text-align:center;
		margin-top:10px;
	}
	
	.home .post {
	width:95%;
	margin:10px;
	float:left;
	font-size:22px;
	line-height:48px;
	font-weight: 400;
}

.home .home-slide {
	width:95%;
	margin:10px;
	float:left;
}

#post-181 img {
	width:400px;
	height:450px;
}


}