/*
 *
 * Layout for all sizes
 *
 */
 
* {
	margin: 0;
	padding: 0;	
}

body, html {
	height: 100%;
	width: 100%;
	position: relative;
	float: left;	
}

	body {
		font-size: 100%;
		line-height:1.13em;	
	}

#container {
	width: 100%;
	min-height: 100%;
	position: relative;
	float: left;
}

	#top {
		width: 100%;
		padding-bottom: 17em;
		float: left;	
	}
	
		#header, #content {
			width: 90%;
			max-width: 600px;
			margin: 0 auto;			
		}
	
			#header {
				line-height: 1.3em;
				font-size: 1.5em;
				text-align: center;
			}
		
				#header img {
					display: inline-block;
					max-width: 100%; 	
					border: none;
				}
		
			#content {	
				padding-bottom: 0.4em;
			}
		
				#content h1 {
					line-height: 1.5em;
					font-size: 1.7em;
					margin: 0.2em 1em 0.1em;
				}
		
				#content h2 {
					line-height: 1.4em;
					font-size: 1.4em;	
					margin: 0.3em 1.5em 0;
				}
				
				#content p {
					text-align: left;
					font-size: 1em;
					line-height: 1.15em;
					margin: 0 1em 0.6em;
				}

	#bottom {
		position: absolute;
		bottom: 0;
		height: 17em;
		width: 100%;
	}
	
		#footer {
			width: 90%;
			max-width: 600px;
			margin: 0 auto;
		}

			#likeMenu {
				min-height: 38px;
				margin: 2em 0 0 3em;	
			}	
		
				#likeMenu img {
					border: none;	
				}
				
				#likeMenu a {
					margin-right: 1.4em;
					text-decoration: none;
				}
	
			#footer p {
				display: block;
				float: none;
				width: auto;
				text-align: center;
				margin: 1.5em auto 0;	
			}	
			
			#footer p+p {
				margin: 0 auto;
			}
		
		#footer_logo {
			display: block;
			width: 40px;
			margin: 1.3em auto 0;
		}
		
			#footer_logo img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 75px;
				border: none;	
			}

@media handheld, only screen and (min-width: 20em) {			
			#content p {
					text-align: justify;
			}		
}

@media handheld, only screen and (min-width: 35em) {
	#footer_logo {
			float: left;
			width: 50px;
			margin-left: 1em;
		}
}