/*
 * Used by css-mobile-done.html
 *
 */

html {
	box-sizing:border-box;
}
*,*:before,*:after {
	box-sizing:inherit;
}

body {
	max-width:1200px;
	background-color:#eee;
	margin:0 auto;
}

#left div { background-color:#D4F0FF; }
#right div { background-color:#CD5C5C; }

section {
	float:left;
}

.pad {
	padding:10px;
}

#middle .pad {
	border:5px ridge;
}

#right, #left {
	width:25%;
}

#right h2, #left h2 {
	font-size:0.9em;
}

#middle {
	width:50%;
}

#left ul li:nth-child(3) {
	color:white;
}

#right ul li:hover {
	color:white;
}

#left div {
	margin-right:10px;
}

#right div {
	margin-left:10px;
}

h2 {
	margin-top:0;
}

.clear {
	clear:both;
}

footer {
	margin-top:10px;
	text-align:center;
	background-color:#aaa;
}

h1 {
	text-align:center;
	background-color:#aaa;
	margin-bottom:10px;
}

#dogimage {
	width:100%;
}

@media (max-width:680px) {
	#left,#right,#middle {
		width:100%;
	}
	#left div, #right div {
		margin:0;
	}
	#middle .pad {
		border:none;
	}
}