/* CSS Document */



/* centering the grey curved header image effect */
@media only screen and (max-width: 1344px) {

#header-left-image img{
	margin-left:-2%;
}	

}

/* centering the grey curved header image effect */
@media only screen 
and (max-width : 1280px) {

#header-left-image img{
	margin-left:-4%;
}	

}

/* centering the grey curved header image effect */
@media only screen 
and (max-width : 1222px) {

#header-left-image img{
	margin-left:-6.5%;
}	

}

/* centering the grey curved header image effect */
@media only screen 
and (max-width : 1152px) {


#header-left-image img{
	margin-left:-9%;
}	

}

/* centering the grey curved header image effect */
@media only screen 
and (max-width : 1082px) {

#header-left-image img{
	margin-left:-11.5%;
}	

}

/* centering the grey curved header image effect */
@media only screen 
and (max-width : 1014px) {


#header-left-image img{
	margin-left:-14%;
}

#website-description p{
	font-size:2.4em;
	margin-top:10px;
	line-height:50px;
}	

}




/* iPads (landscape) ----------- */
@media only screen  
and (max-width : 1024px) 
 {


	 
.wrapper{
	width:96%;
	margin:0 2%;

}


#header{
	height:auto;
	padding-bottom:10px;

}

#logo{
	float:left;
	width:30%;
	position:relative;
	z-index:3;
	margin-top:0;
}

#logo img{
	max-width:316px;
	width:100%;
}


#header-right{
	float:right;
	max-width:60%;
}



#full-menu{
	display:none;
}

#menu-wide, #responsivemenu{
	width:100%;
	min-height:30px;
	margin-top:10px;
	
}



#menu-wide{
	display:block;
}

	 
#page{
	width:92%;
	padding:2%;
	padding-top:30px;
	margin:2%;
	margin-top:-60px;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	
}


#banner{
	margin-top:0;
	max-width: 100%;
	float: none;
}

#banner img{
	margin-top:0;
}



#header-spacer{
	display:none;
}



#header-left-image img{
	display:none;
}

#header-right-image{
	display:none;
}

.widget-body-quote{
	height:auto;
}



}

/* iPads (portrait) ----------- */
@media only screen  
and (max-width : 768px) 
 {

p{
	text-align:justify;
}

.alignleft{
	float:left;
	margin:0 15px 15px 0;
}

.wrapper{
	width:98%;
	margin:0 1%;

}
	 
#page{
	width:94%;
	padding:2%;
	padding-top:20px;
	margin:1%;
	margin-top:-40px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}

#website-description p{
	font-size:2.1em;
	margin-top:0;
	line-height:50px;
}

#menu-wide{
	display:none;
}



#content{
	width:56%;
	margin-right:4%
	
}

#full-content{
	width:100%;
	margin:0;
}

#sidebar{
	width:40%;
}



	 

}





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

#content-wide{
	margin-left:-2%;

}

.orange-box{
	width:27%;

	margin:0 0 0 1%;
}







.post-image{
	float:left;
	width:40%;
	margin-top:5px;
}

.post-text{
	float:left;
	width:58%;
	margin-left:2%;
}

}





/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-width : 480px) {
	
#logo{
	width:40%;
}

#header-right{
	max-width:50%;
}

#website-description p{
	font-size:1.6em;
	margin-top:5px;
	line-height:30px;
}


#content{
	width:100%;
	float:none;
	margin-right:0;
	
}

#sidebar{
	width:100%;
	float:none;
	margin-top:10px;
}



.orange-box{
	width:96%;
	float:none;
	margin:0 0 10px 0;
}


#content-wide{
	margin-left:0;

}


.post-box{
	margin-bottom:30px;
}


.post-image{
	float:lnone;
	width:100%;
	margin-top:0;
}



.post-text{
	float:none;
	width:100%;
	margin-left:0;
}

}






/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
.alignleft{
	float:none;
	margin:0;
}
	
#logo{
	width:100%;
	float:none;
}

#header-right{
	float:none;
	max-width:100%;
}

#website-description p{
	font-size:1.3em;
	text-align:center;
	margin-top:5px;
}

.post-image{
	display:none;
}


}







@media only screen and (max-width: 999px){
#menuwrapper{
	margin-bottom:20px;
}

#menuwrapper ul li:last-child{
	margin:0;
}
	
}


@media only screen and (max-width: 940px){	
#menuwrapper ul
{
	margin-top:10px;
}	
}



@media only screen and (max-width: 768px){
	#responsivemenu{
		display:block;
	}
	
	#menuwrapper{
		display:none;
	}
}



@media only screen and (max-width: 550px){	
	.menubutton{
		float:none;
		width:100%;
		margin:0;
	}
}











/* galaxy note 2 (720px x 1280px) ----------- */