.row {
  text-align: center;
}

body#kitty {
  background-color: #42cb4c;
}

.span16 {
  width: 100%;
}

img, iframe {
  display: block;
  border: 0px;
  margin: 18px auto;
}

img.home {
  width: 600px;
  height: auto;
}

iframe {
  margin: 30px auto;
}

/* Home CSS */

body#home {
  background-color: #466fbb;
}

img.paintcolors, img#sendButtonImg, img#clearButtonImg {
  display: inline;
}

img.paintcolors, img#sendButtonImg, img#clearButtonImg, canvas#imageView {
  position: relative;
  z-index: 2;
}

img#sendButtonImg, img#clearButtonImg {
  width: 150px;
  height: auto;
}

img#fakequotes {
  margin-bottom: 0px;
}

img.paintcolors {
  width: 60px;
}

#drawbox { 
  width: 600px; 
  height: 600px; 
  text-align: center; 
  margin: 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#drawbox:active { 
  cursor: pointer !important; 
}
  
#imageView, #imageView:active {  
  cursor: pointer; 
}

a#clearButton, a#sendButton { 
  color: #900; 
  font: bold 2em/2em Helvetica, Arial, Sans-serif;
}

#message { 
  display: none; 
}	

#drawTools img { 
  cursor: pointer; 
}

.bigskip {
  height: 150px;
}

#lastnamepronunciation {
  width: 230px;
  height: 50px;
  border: none;
  background: none;
  margin-top: -300px;
  margin-left: -400px;
}

#playmusic {
  margin-left: 320px; 
  margin-top: -390px; 
  width: 150px; 
  height: 50px; 
  background: none;
  border: none;
}

img#hello {
  margin-top: 20px;
}

img#about, img#likes {
  margin-top: -10px;
}

img#buycrazygif {
  width: 800px;
}

img#fakequotes {
  width: 450px;
  margin-top: 40px;
  margin-bottom: 40px;
}

img#contact {
  margin-top: 36px;
  margin-bottom: 36px;
}

img#buySticker {
	width: 252px;
	height: auto;
	position: fixed;
	right: 20px;
	top: 20px;
}

/* CV CSS */

.row#cvitem {
  height: 200px;
  margin-top: 50px;
  margin-bottom: 50px;
}

body#cv {
  background-color: #d6c4bf;
}

img#cveducation {
  width: 800px;
  margin-bottom: 40px;
}

img.cvlogo {
  max-width: 350px;
  max-height: 200px;
}

img#spatialLogo {
  margin-top: 70px;
}

img#ccrmaLogo {
  margin-top: 30px;
}

img#heuserLogo {
  margin-top: 50px;
}

img#psipressLogo {
  margin-top: 50px;
}

img.cvjobtitle {
  height: 120px;
  margin-top: 50px;
}

img#cvcopy {
  width: 600px;
  margin-top: 80px;
}

/* Nunbers and Notes page */
form {
	width: 600px;
	margin: 0 auto;
	display: block;
}

label, input, select {
	display: inline-block;
	margin-left: 38px;
}

label {
	width: 30%;
	text-align: right;
}

label + input {
	width: 30%;
	margin: 0 0% 0 1%;
}

label + select {
	width: 10%;
	margin: 0 0% 0 1%;
}

input + input {
	float: right;
}

img#bookcoverSP {
	width: 280px;
	height: auto;
	border: 2px solid;
	border-color: black;
	margin: 10px auto;
	display: block;
}

input#buynow, input#buynow2 {
	margin: 0 auto;
	display: block;
	margin-top: 10px;
	width: 120px;
}

p.buyheader {
	font-size: 20px;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
	text-align: center;
}

p#booktitle {
	font-size: 30px;
	line-height: 110%;
}

.buytext {
	width: 600px;
	margin: 0 auto;
	display: block;
}

#linebreak1 {
	border: 1px dashed;
	margin-top:10px;
	margin-bottom:10px;
}

img#invisibleimg {
	height: 1px;
	width: 1px;
	margin: 0 auto;
	display: block;
}

img#copybuy {
	margin: 0 auto;
	display: block;
	margin-top: 60px;
	margin-bottom: 20px;
}

form#pdfcopy {
	margin: 20px auto;
	display: block;
}

p.quotee {
	margin-top:-10px;
}

p.quotee, p.actualquotes {
	width: 470px;
}

img.circlepic {
	width: 120px;
	height: auto;
	margin-top: -145px;
	margin-left: 480px;
	margin-bottom: 45px;
}

img#stephenpope {
	margin-top: -185px;
	margin-bottom: 65px;
}

img#ginacollecchia {
	margin-top: -160px;
	margin-bottom: 40px;
}

div#wall {
  height: 1220px;
}

/* mobile view */
@media only screen and (max-device-width: 480px) {
	img.home {
		width: 100%;
		height: auto;
	}
  
  form {
    width: 100%;
    height: auto;
  }
  
  #wall {
    display: none;
  }
}