/* Small.css -- resize scales for smaller screen sizes (MacBook Air, etc.) */

#scales {
  width: 600px;
  height: 500px;
  margin-left: 200px;
  margin-top: 40px;
}

#padding {
  width: 800px;
}

#header {
  width: 200px;
  height: 110px;
}

#header h1 {
  font-size: 22px;
}

#header h2 {
  font-size: 12px;
}

#ios {
  width: 110px;
}

#ios p {
  font-size: 12px;
}

#main {
  width: 550px;
  height: 250px;
}

#tabs ul li a {
  font-size: 14px;
}

#tabs ul li {
  width: auto;
  padding: 5px 10px 0px 10px;
  height: 18px;
}

#converter {
  height: 200px;
}

#charts {
  height: 120px;
}

table#frompounds {
  margin-left: 0px;
}

table#fromkilos {
  margin-right: 0px;
}

table {
	border: 1px solid #ddd;
	font-size: 12px;
	border-collapse: collapse;
	font-family: @serif-stack;
}

#panels h3 {
  font-size: 24px;
}

form {
  margin-top: 16px;
}

form label, form input, form input[type="submit"] {
  font-size: 16px;
}

form label {
  width: 60px;
}

form input[type="submit"] {
  left: 200px;
}

form input[type="submit"] {
  top: 0px;
}

#stones form input[type="submit"] {
  top: 20px;
}

.results dt, .results dd ul li {
  font-size: 16px;
}

.results {
  left: 350px;
}

#footer {
  width: 100px;
  margin: 10px auto;
}

#footer p {
  font-size: 12px;
}