/* STYLES FOR RESPONSIVENESS */
/*@media only screen and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2), 
  only screen and (max-device-width: 480px) 
*/  
@media only screen and (min-width: 320px) and (max-device-width: 500px) {
	
	/*Hide this content*/
	#loginblock, #headerbanner span, #facebook_bannner {
		display:none;
	}
	
	
	#loginfrm{
		left:0;
		width:160px;
	}
	
	#loginform{
		width:150px;
	}
	
	#loginfrm input{
		margin-bottom:5px;
	}
	
	#main, #sidebar {
		/*font-size:1.4em;*/
	}
	
	.albumPreviewSummary,.albumPreviewImages,.white_content, #lbphotowindow, #lbphotocontrols, #lbwindowcontrols, #centrewrap, #maincontent, 
	#largecontentsection, .contentsection, #main, #sidebar, #sidebarcontent, #blogarchive, .adventureTitle, .adventureIntro, .adventurebtn {
		min-width:200px;
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	
	#sidebarcontent{
		padding:10px;
	}
	
	.siteTitle{
		font-size:2em;
		margin-top:20px;
	}
	
	
	#sidebar {
		border-top: 1px solid #656565;
		padding:0;
		display:block;
		overflow-y:auto;
		height:100%;
	}
	
		
	#centrewrap {
		width:100%;
		margin: 40px 0 0 0;
	}
	
	body, #header, #headerbanner, #pagetitle {
		max-width:100%;
		width: auto\9; 
	}
	
	
	img {
	    /*max-width: 100%;*/
	    height: auto;
	    width: auto\9; 
	}
	
	.blogpost td {
		display:none;
	}
	
	.blogpost td:nth-of-type(2) {
	    display:block;
	}
	
	
	#blog p, .blogtext p {
		margin-top: 7px;
		margin-right: 20px;
	}
	
	.blogpost{
		padding:10px;
	}
	
	#headerbanner a {
	    float:left;
	    margin:0 5 0 5;
	    font-size:1.3em;
	}
	
	#headerbanner a i {
		
	}

		
	#blogarchive li a {
		margin:0;
	}
	
	.blogyear {
		height:16.8em;
		float:left;
		margin-right:20px;
	}
		
	#blogarchive {
		height:16.8em;
		overflow:hidden;
	}
	
	#blogarchive ul{
		display:block;
	}
	
	 FRONT PAGE SPECIFIC 
 	.contenttitle {
		width:110px;
		background:#656565;
		color:#fff;
		text-align:center;
		font-size:15pt;
		font-weight:bolder;
		margin:5px 0 0 0;
	}
	#commentpreview{
		padding:5px;
	}
	
	#commentpreview .comment {
		padding-bottom:10px;
		border-bottom: 1px dotted #656565;
		padding-bottom:10px;
	}
	
	.comment img {
		float:left;margin:2px 5px 2px 0;
	}
	
	
	#imagepreview{
		margin:10px 0 0 0;text-align:center;
	}
	
	#blogpreview, #collections {
		margin:0;
		padding:10px;
	}
	
	
	#imagepreview{
		margin:0;
	}
	
	.textpreview {
		height:4.2em;  
		overflow:hidden;
	}
	
	.blogtextpreview {
		height:7.6em;  
		overflow:hidden;
		margin-right: 20px;
	}
		
}