/* Common */

header, footer, section, 
hgroup, figure, figcaption{
	margin:0;
	padding:0;
	display:block;
}
p{
	margin:0;
	padding:0;
}
a {
	color:#326097;
	text-decoration:none;
}
a:hover, a:active{
	color:#91DCFF;
}


/* Error Message */

#err{
	color:#DB0000;
	padding-top:3px;
	font-size:13px;
	line-height:1.5;
}


/* Dynamic Result Content */

#result{
	margin-top:30px;
}

#result .imageholder{
	display:inline-block;
	background:#fff;
	padding:10px;
	margin:7px;
	text-align:center;
	box-shadow:0 0 4px #999;
	border:1px solid #999;
	position:relative;

  transform:scale(0) rotate(0deg);
	-ms-transform:scale(0) rotate(0deg);
	-moz-transform:scale(0) rotate(0deg);
	-webkit-transform:scale(0) rotate(0deg);
	-o-transform:scale(0) rotate(0deg);
	
	transition: transform 1s 0.5s ease-out;
	-moz-transition: -moz-transform 1s 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 1s 0.5s ease-out;
	-o-transition: -o-transform 1s 0.5s ease-out;
	
	margin-bottom: 100px;
	
}
#result .imageholder figcaption{
  color: black;
	font-style:italic;
	width:150px;
	word-wrap:break-word;
	font-weight:bold;
}
#result .imageholder figcaption span{
	font-size:11px;
	color:#777;
}
#result .imageholder img{
	width:180px;
	
}



/* Main Page */

.top-bar
{
  color: orange;
}

.action-bar
{
  color: #fff;
  background: linear-gradient(160deg, #33669B 0%, rgba(40, 74, 136, 0.96) 100%) repeat scroll;
  margin-bottom: 40px;
}

.action-bar h1
{
  font-size: 36px;
  text-shadow: -1px -1px 2px #000, 0.5px 0.5px 1px rgba(255, 255, 255, 0.25);
}

.action-bar h2 {
  color: #fff;
  text-shadow: -1px -1px 2px #000, 0.5px 0.5px 1px rgba(255, 255, 255, 0.25);
  font-size: 28px;
}

.feature-bar h3 {
  font-size: 22px;
}

.action-bar h3 {
  color: #fff;
  text-shadow: -1px -1px 2px #000, 0.5px 0.5px 1px rgba(255, 255, 255, 0.25);
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.drop-panel {
  
}

.drop-target {
  background-image: none;
  border-color: #fff;
  border-width: 2px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.429;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.drop-target {
  border-radius: 15px;
  border-style: dashed;
}

.click_to_upload {
  /*cursor: pointer;*/
}

#droparea{
	border:3px dashed transparent;
	border-radius:10px;
	padding: 10px;
}
#droparea.hover{
  border:3px dashed white;
  background-color: darkblue;
	cursor:pointer;
}

#upload{
	visibility:hidden;
	opacity:0;
	position:absolute;
}

body {
  background-image: url(http://getschoolcraft.com/wp-content/themes/schoolcraft/images/bg-01.jpg);
	margin:0;
	padding:0;
	color:#333;
	font-family:Helvetica, Verdana, Cambria, Georgia, serif;
}

.action-bar a
{
  color:#ED9C29;  
}

.action-bar a:hover, .action-bar a:active{
	color:#ED9C29;
}

.feature-bar
{
  text-align: justify;
}

.feature-bar .glyphicon {
  color: #326097;
}

.wscrafter-banner {
  margin-top: 35px;
  border: 2px solid #EC9821;
  border-radius: 3px;
  background-color: #20487E;
  color: white;
  text-align: center;
  font-size: 16px;
  padding: 10px;
}

.wscrafter-banner h1 {
  font-size: 20px;
  margin-top: 5px;
  font-weight: normal;
}

.footer-bar {
  margin-top: 40px;
  text-align: right;
  margin-bottom: 10px;
}

.footer-bar a {
  color: #326097;
}

form#openclipart-search-form {
  padding: 10px;
}

form label {
  font-weight: normal;
   padding-right:10px;
}

.action-button {
  min-width: 200px;
}

.action-button-col-2 {
  min-width: 180px;
}