/*----------------------------------------------------------------------------------------------------*\
	R E S P O N S I V I T Y
		> 720px					multicolumnn layout
		< 1024px				
		< 720px					singlecolumn layout
		< 480px					smartphones landscape
		< 480px and portrait	smartphones portrait
\*----------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------*\
	> 720px		multicolumnn layout
\*----------------------------------------------------------------------------------------------------*/


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


	#content > *:first-child {
		border-top: none;
		}
	/* ------ */
	#sidebartop > *:first-child { padding-top: 0; }
	#sidebarbottom > *:first-child { 
		padding-top: 0; 
		border-top: none;
		}


	/* hide navlist */
	#navlist { display: none; }


	}





/*----------------------------------------------------------------------------------------------------*\
	< 1024px
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width: 1024px) {
	
	
	/* smaller text */
	body, 
	input, 
	textarea {
		font-size: 0.875em;
		}
	
	
	/* smaller wrapper-margin */
	body { padding: 0 3em; }
	
	
	}





/*----------------------------------------------------------------------------------------------------*\
	< 720px		singlecolumn layout
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
/* and (max-width: 720px) { */
and (max-width: 720px) {


	#content > *:first-child {
		margin-top: 3em;
		padding-top: 3em !important;
		}


	/* --- only necessary for borders --- */
	.sidebar > * { margin-left: 0; }
	.sidebar { border-left: none; }
	/* ------ */
	
	
	#sidebartop,
	#sidebarbottom,
	.multicolumn #content {
		clear: both;
		float: none;
		width: 100%;
		}


	/* hide navbar */
	#navbar { display: none; }


	/* smaller text */
	body, 
	input, 
	textarea {
		font-size: 0.75em;
		}


	}





/*----------------------------------------------------------------------------------------------------*\
	< 480px (smartphones landscape)
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width : 480px) {
	
	
	/* no blockquote-margins */
	blockquote { margin: 0; }
	
	
	/* floating off */
	.alignleft + *,
	.alignright + *,
	.with-image + * {
		clear: both !important;
		}
	
	
	/* no img-margins */
	.alignleft,
	.alignright {
		margin-left: 0;
		margin-right: 0;
		}
	
	
}





/*----------------------------------------------------------------------------------------------------*\
	< 480px - and orientation portrait (smartphones portrait)
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width : 480px)
and (orientation : portrait) {
	
	
	/* no shadows and round corners on wrapper */
	#wrapper,
	header,
	footer {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		}
	
	
	/* no wrapper-margin */
	body { padding: 0; }
	
	
}