/*
 * mobile2.css
 *
 * Dan Armendariz
 * Computer Science 76
 * Building Mobile Applications
 * Harvard Extension School
 *
 * a simple (but better) CSS layout targeted for mobile platforms.
 *
 */

body, html {
	margin: 0;
	padding: 0;
	background-color: #9999cc;
}

#page {
	margin: 0 auto;
}

#col1 {
	margin: 10px;
	padding: 10px;
	border: 1px solid black;

	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	background-image: -webkit-gradient(linear, left top, right bottom,from(#ccc),to(#999));
}

#col2 {
	margin: 10px;
	padding: 10px;
	border: 1px solid black;

	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	background-image: -webkit-gradient(linear, left top, right bottom,from(#999),to(#ccc));
}