/* General
--------------------------------------------------*/
body {
	font-family: sans-serif;
    font-size: 16px;
	/*color: #ffffff;*/
	/*background: #000000 url(background2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;*/
}
.wrapper {
	max-width: 1200px;
	margin: 20px auto;
    text-align: center;
}
strong {
  font-weight: bold;
}
p, a {
  /*color: #ffffff;*/
  line-height: 1.5;
  font-size: 12px;
}
a {
  text-decoration: underline;
}
a:hover {
  color: #cccccc;
}
button.btn,
a.btn,
input.btn,
.modal-footer .btn + .btn {
    margin-bottom: 5px;
}
#canvas-wrapper {
    overflow: scroll;
    max-height: 600px;
    /*margin-top: 60px;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
}
#canvas-outer {
    overflow: hidden;
    position: relative;
 }
#stitcher {
    position: relative;
    z-index: 0;
}
canvas {
  cursor: crosshair;
  margin: 20px;
  display: block;
}
/*
.rulerTop, .rulerTop li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    box-sizing: content-box;
}
.rulerTop, .rulerTop li {
    *display: inline;
}
.rulerTop {
    height: 50px;
    width: 2000px;
    background-color: #eee;
    position: absolute;
    left: 20px;
    top:0;
    border-radius: 2px;
    border: 1px solid #ccc;
    color: #999;
    margin: 0;
    height: 3em;
    white-space: nowrap;
    text-align: left;
}
.rulerTop li {
    padding-left: 294px;  14 times _distDot
    width: 2em;
    margin: .64em -1em -.64em;
    text-align: center;
    position: relative;
}
.rulerTop li:before {
    content: '';
    position: absolute;
    border-left: 1px solid #ccc;
    height: .64em;
    top: -.64em;
    right: 1em;
}
*/
h1 img {
  max-width: 100%;
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  display: inline-block;
  color: #292321;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.colorBlock {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}
textarea#info {
  width: 380px;
  max-width: 90%;
  height: 40px;
  display: inline-block;
  margin: 15px 0;
}

#create-your-own {
  display: none;
}
.stitchercontrols {
  text-align: left;
  margin-top: 10px;
}

#stitcher-twin {
  visibility: hidden;
}

.modeImg {
    position: relative;
    bottom: 2px;
    display: inline-block;
    margin-right: 3px;
}



#outlines, #outlinesTemp {
    position:absolute;
    top:0px;
    left:0px;
    z-index: 1;
}