body {
	font-family: sans-serif;
	background-image: url("toolsm_wh3.jpg");
	background-repeat: repeat;
}
	
.top {
	position: relative;
	font-family: 'Permanent Marker', cursive;
	width="100%";
}

.footer {
	clear:both;
	margin: 50px 0px 0px; 10px;
	font-family: 'Permanent Marker', cursive;
	font-size: 70%;
	width="100%";
}

.content {	
	position: relative;
}


.slidepage {	
	position: relative;
	text-align: center;
}

p.cent { 
	text-align: center;
	font-variant: small-caps;
	font-size: 90%
}



/* Make an arrow */
i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}



a:link, a:visited {
	color: blue;
	text-decoration: none;
	
}

a:hover, a:active {
	color:green;
	text-decoration: none;
}

.top a:link, a:visited {
	padding: 15px 25px 25px 25px;
}

.top a:hover, a:active {
	padding: 15px 25px 25px 25px;	
}

.content p,h2,h3 {
	margin: 20px 10px 20px 10px;
}	

img {
	max-width: 100%;
}

img.slide {
	max-height: 400px;
}

.polaroid-images a
{
    background: white;
    display: inline;
    float: left;
    margin: 0 15px 30px;
    padding: 10px 10px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    z-index:0;
	position:relative;
}

.polaroid-images a:after {
    color: #333;
    font-size: 20px;
    content: attr(title);
    position: relative;
    top:15px;
}

.polaroid-images img {
	display:block;
       width: inherit;	
}

@media (max-width: 400px) {	
	#headerimg { display: none; }
}



/* Grids, layout, borrowed from Skeleton */

.container_little {
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 0px;
  box-sizing: border-box; }


.container {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }



/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 1%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }
  .one-fourth.column              { width: 24%; }

  
  .three-fourths.column			  { width: 72%; }

  .one-fifth.column              { width: 19%; }
  .one-fifth-grey.column         { width: 19%; }
  .four-fifths.column            { width: 76%; }


  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

.row.grey {
	background-color: #D3D3DE; 
	text-align: center;
	margin: 3px 3px 3px 3px;
}
	

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }