/* loading */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #f5f5f5;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #f5f5f5, 0 0 5px #f5f5f5;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #f5f5f5;
  border-left-color: #f5f5f5;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/* Command */
#div_digg {
   position:fixed;
   z-index:50;
   bottom:30px;
   right:100px;
   background-color:rgba(6,6,6,0.6);
   padding:15px;
   color:#fff;
   display: none
}
#div_digg .diggit {
    background-color:#038B03;
}
#div_digg .buryit {
    background-color:#CD4900;
}
/* bar */
#bar a{color:#FFFFFF}
#bar a:hover{color:#FF9E64}
.catListPostCategory{-webkit-transition: top 1s ease-out;-moz-transition: top 1s ease-out;-o-transition: top 1s ease-out;}
/* contactable */
#contactable #contactable_inner {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
	color: #E1E1E1;
	line-height: 30px;
	font-size: 26px;
	background-color: #103858;
	font-style: italic;
	height: 102px;
	margin-left: -8px;
	position: fixed;
	top: 202px;
	width: 40px;
	padding-top: 7px;
	padding-left: 6px;
	cursor : pointer;
	z-index: 100000;
}

#contactable #contactForm {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
	background:-webkit-gradient(radial, 148 0, 178, 106 108, 544, from(#141968), to(#1A2A28));
	color: #FFFFFF;
	height: 480px;
	left: 0;
	margin-left: -382px;
	margin-top: -160px;
	overflow: scroll;
	padding-left: 22px;
	position: fixed;
	top: 300px;
	width: 360px;
	z-index: 999999;
}

#contactable form#contactForm input, textarea {
	background: #FFFFFF none repeat scroll 0 0;
	width: 325px;
	padding: 5px;
	border: 1px solid #dfdfdf;
	font-size: 18px;
	margin-bottom: 10px;
}

#contactable form#contactForm p {
margin-top: 13px;
	width: 325px;
	font-size: 18px;
}
#contactable form#contactForm p:first-child{
font-size:28px;
color:rgb(189,255,200);
cursor : pointer;
}
#contactable form#contactForm .disclaimer {
	*margin-left: 20px;
}

#contactable #contactForm .green {
	color: #76b347;
}

#contactable form#contactForm label {
	line-height: 150%;
}

#contactable #callback {
	font-size: 18px;
	color: #FFF;
	width: 325px;
	margin: 100px auto;
	display: none;
}

#contactable .holder {
	margin: 0 auto;
	padding-top: 20px;
}

/* Submit button */
#contactable form#contactForm .submit {
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	-moz-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	font: bold 16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 1;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	width: 338px;
}

#contactable form#contactForm .submit:hover {
	background-color: #76b347;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
	background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
	background-image: linear-gradient(top, #76b347, #5e9e2e);
	-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
	-moz-box-shadow: inset 0 1px 0 0 #8dbf67;
	box-shadow: inset 0 1px 0 0 #8dbf67;
	cursor: pointer;
}
button.cupid-green:active {
	border: 1px solid #5b992b;
	border-bottom: 1px solid #538c27;
	-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}



@-webkit-keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
@-moz-keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
@-o-keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
@keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
#cssanimation {
font-family:"Times New Roman",Georgia,Serif;
  position:absolute;  
            top:50%;            
            left:10%; 
            width:80%;                             
            height:100px;                           
            z-index:9999;
}
#cssanimation #animationbox {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(0,136,204,1);
  font-size: 40px;
  color: #FFF;
  text-align: center;
  line-height: 100px;
  margin: 0 auto;
  top: 0;
  position: relative;
  -webkit-animation-name: resize;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-direction: alternate;
  -moz-animation-name: resize;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: 2;
  -moz-animation-direction: alternate;
  -o-animation-name: resize;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: 2;
  -o-animation-direction: alternate;
  animation-name: resize;
  animation-duration: 5s;
  animation-iteration-count: 2;
  animation-direction: alternate;
}