body {
background: #e570e7; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #e570e7 0%, #c85ec7 47%, #a849a3 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background-image: url(../images/harryPotter.jpg);  background-position:top center; 
     background-repeat:no-repeat;  background-attachment:fixed; 
     -webkit-background-size:cover;
      -moz-background-size:cover;
       -0-background-size:cover;
        background-size:cover; 
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Cabin Sketch', cursive;
}
p {
  font-family: 'Architects Daughter', cursive;
  font-size: 1.2em;
  color: #000;
 }

/* #########  Masonary styling ##########*/
#wrapper {
margin: 0 auto;
}

.item {
   margin-bottom: 10px;
      
  }
/* ######### End Masonary styling ##########*/
/*-------------------------------------------------------------------------------------------------*/
/* PAGINATION */

.pagination {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 10px 0;
}
.pagination a {
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
  margin:2px;
}
.pagination a:hover, .pagination a:active {
    background:#efefef;
}
.pagination span.current {
    background-color: #687282;
    border: 1px solid #D5D5D5;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
        margin:2px;
}
.pagination span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
}



/*-------------------------------------------------------------------------------------------------*/

.millsie {
  font-family: 'Annie Use Your Telescope', cursive;
   /* Safari */
-webkit-transform: rotate(-2deg);

/* Firefox */
-moz-transform: rotate(-2deg);

/* IE */
-ms-transform: rotate(-2deg);

/* Opera */
-o-transform: rotate(-2deg);
}

.text_half {
  font-size: 0.9em;
}
.rotate {

/* Safari */
-webkit-transform: rotate(-6deg);

/* Firefox */
-moz-transform: rotate(-6deg);

/* IE */
-ms-transform: rotate(-6deg);

/* Opera */
-o-transform: rotate(-6deg);
}

.rotate_other {

/* Safari */
-webkit-transform: rotate(6deg);

/* Firefox */
-moz-transform: rotate(6deg);

/* IE */
-ms-transform: rotate(6deg);

/* Opera */
-o-transform: rotate(6deg);
}
/* ^^^^^^^^^^^^^^^^^^^ Photo Album ^^^^^^^^^^^^^^^^^^^^^ */
#action, #action1, #action2, #action3, #action4, #action5, #action6, #action7, #action8,#action9, #action10, #action11, #action12 { display: inline-block; float: left; padding: 6px;
  border: 8px white solid;
  position: relative;
  z-index: 10;
}
/*#action {
  left:10%;
}
#action1 {
  left:35%;
}
#action2 {
  left:4%;
}
#action3 {
  left:10%;
}
#action4 {
  left:35%;
}
#action5 {
  left:4%;
}
#action6 {
  left:10%;
}
#action7 {
  left:35%;
}
#action8 {
  left:4%;
}
#action9 {
  left:10%;
}
#action10 {
  left:35%;
}
#action11 {
  left:4%;
}
#action12 {
  left:4%;
}*/

#limits {
background-color:;
height: 900px;
width: auto;  

}
caption {
  font-size: 3em;
}




/* ^^^^^^^^^^^^^^^^^^^ Photo Album END ^^^^^^^^^^^^^^^^^^^^^ */

#login {
	border: 1px solid #AEAEAE;
	margin: 100px auto 0;
	padding: 0;
	width: 300px;
}

#adminmenu {
	padding: 20px 0 20px 26px;
}

#adminmenu li {
	float: left;
	list-style: none;
	margin-right: 20px;
}

.clear {
	clear: both;
}

.error {
	padding: 0.75em;
	margin: 0.75em;
	border: 1px solid #990000;
	max-width: 400px;
	color: #990000;
	background-color: #FDF0EB;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}


a {
	color: #EF1F2F;
	text-decoration: none;
}

form input {
	border: 1px solid #999999;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 2px;
}

table {width:98%; text-align:left; border:1px solid #DDDDDD; font-size:12px; color:#000;background:#fff; margin-bottom:10px;}
table th {background-color:#E5E5E5; border:1px solid #BBBBBB; padding:3px 6px; font-weight:normal; color:#000;}
table tr td {border:1px solid #DDDDDD; padding:5px 6px;}
table tr.alt td {background-color:#E2E2E2;}
table tr:hover {background-color:#F0F0F0; color:#000;}

/* $$$$$$$$$$$$$$$$  NB This is the CSS for the UPLOADING FORM $$$$$$$$$$$$$$ */

#preview{
    height:180px; 
    width:180px; 
    text-align:center;
    margin: 20px;
    display:none;
}
.pre{
    margin-right: 20px;
    font-size: 13px;
}
#previewimg{
    height:140px; 
    width:140px; 
    float:left; 
    padding:8px;
    border:1px solid rgb(228,211,195);
    margin-bottom: 5px;
}
#message{
    width:100%; 
    font-size:14px; 
    color:#123456;
    margin-top:-90px;
    float:left;
    margin: 15px;
}
#message span{
    color:red;
    font-size:15px;
}

ul{
    margin-left: -25px;
}

#textmessage{ 
    float:right; 
    width:50%; 
    margin:15px 85px 0 0; 
}
div#img{ 
    width:200px; 
    height:200px;
}
#imageupload{
    width:150px; 
    height:150px; 
}
#deleteimg{ 
    cursor:pointer; 
    float: right;
    margin-top: -175px;
    margin-right: 10px;
}

/*  $$$$$$$$$$$$$$$$$$$$$$$$$ END OF UPLOADING IMAGE $$$$$$$$$ */

/* GA Personal Mods */
.border {
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.date_text {
  font-size: 0.85em;
}
.equal_div_height {
  min-height: 285px;
  overflow: auto;
 }
.four_height {
  height: 400px;
  overflow: auto;
}
.transparency {
  background:#7f7f7f;
  background:rgba(255,255,255,0.8)
}
.visitorcounter {
width:;
background:rgba(51,51,51,0.2);
font-size:110%;
padding:2px;
}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$*/


.border-temp {
border: solid 2px green;
}

.bg-grey {
    background: grey;
}

.bg-green {
    background: green;
}

.bg-yellow {
    background: yellow;
}
.bg-black {
    background: black;
}
.bg-blue {
    background: blue;
}
.bg-pink {
    background: pink;
}
.bg-orange {
    background: orange;
}


/*################### Tnted Backgrounds #######################*/
.color-a {
  background-color: red;
}

.color-b {
  background-color: green;
}

.color-c {
  background-image: repeating-linear-gradient(45deg, yellow, yellow 10px, blue 10px, blue 20px);
}

.tint1 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.1);
}

.tint2 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.2);
}

.tint3 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.3);
}

.tint4 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.4);
}

/*------------------------ MEDia Query ----------------------------------------------------*/
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 32%;  /*   GA Modification to fit Ipad  */
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
 }