/* Button */
.buttons a{
	margin-right:30px;
}
.button{
	display:inline-block;
}
.button.large{
	height:43px;
	line-height:43px;
	font:13px/43px 'PTSansBold', arial, helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	padding:0 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.button.small{
	height:32px;
	font:13px/32px 'PTSansBold', arial, helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	padding:0 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.button.green{
	color:#54770f !important;
	background-image: linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75D 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D1E990),
		color-stop(1, #AAD75D)
	);
	border:1px solid #9dba60;
}
.button.green:hover{
	color:#54770f !important;
	background-image: linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -o-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -moz-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -webkit-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -ms-linear-gradient(top, #AAD75D 0%, #D1E990 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #AAD75D),
		color-stop(1, #D1E990)
	);
	border:1px solid #9dba60;
}
.no-cssgradients .button.green{
	background-color:#D1E990;
}
.no-cssgradients .button.green:hover{
	background-color:#AAD75D;
}
.button.darkgreen{
	color:#54770f !important;
	background-image: linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -o-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -moz-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -webkit-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -ms-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #d0e0a5),
		color-stop(1, #a8c76a)
	);
	border:1px solid #9dba60;
}
.button.darkgreen:hover{
	color:#54770f !important;
	background-image: linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -o-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -moz-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -webkit-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -ms-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #a8c76a),
		color-stop(1, #d0e0a5)
	);
	border:1px solid #9dba60;
}
.no-cssgradients .button.darkgreen{
	background-color:#d0e0a5;
}
.no-cssgradients .button.darkgreen:hover{
	background-color:#a8c76a;
}
.button.orange{
	color:#c0830b !important;
	background-image: linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -o-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -moz-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -webkit-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -ms-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fbdc86),
		color-stop(1, #f8bf56)
	);
	border:1px solid #c0830b;
}
.button.orange:hover{
	color:#c0830b !important;
	background-image: linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -o-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -moz-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -webkit-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -ms-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f8bf56),
		color-stop(1, #fbdc86)
	);
	border:1px solid #c0830b;
}
.no-cssgradients .button.orange{
	background-color:#fbdc86;
}
.no-cssgradients .button.orange:hover{
	background-color:#f8bf56;
}
.button.blue{
	color:#1172c1 !important;
	background-image: linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -o-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -moz-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -webkit-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -ms-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #b5e0f7),
		color-stop(1, #76c7f1)
	);
	border:1px solid #1172c1;
}
.button.blue:hover{
	color:#1172c1 !important;
	background-image: linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -o-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -moz-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -webkit-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -ms-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #76c7f1),
		color-stop(1, #b5e0f7)
	);
	border:1px solid #1172c1;
}
.no-cssgradients .button.blue{
	background-color:#b5e0f7;
}
.no-cssgradients .button.blue:hover{
	background-color:#76c7f1;
}
.button.red{
	color:#9d1111 !important;
	background-image: linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -o-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -moz-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -webkit-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -ms-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fd9c9c),
		color-stop(1, #fc7d7d)
	);
	border:1px solid #9d1111;
}
.button.red:hover{
	color:#9d1111 !important;
	background-image: linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -o-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -moz-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -webkit-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -ms-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fc7d7d),
		color-stop(1, #fd9c9c)
	);
	border:1px solid #9d1111;
}
.no-cssgradients .button.red{
	background-color:#fd9c9c;
}
.no-cssgradients .button.red:hover{
	background-color:#fc7d7d;
}
.button.pink{
	color:#a31366 !important;
	background-image: linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -o-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -moz-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -webkit-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -ms-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fda1d5),
		color-stop(1, #fc84c8)
	);
	border:1px solid #a31366;
}
.button.pink:hover{
	color:#a31366 !important;
	background-image: linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -o-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -moz-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -webkit-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -ms-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fc84c8),
		color-stop(1, #fda1d5)
	);
	border:1px solid #a31366;
}
.no-cssgradients .button.pink{
	background-color:#fda1d5;
}
.no-cssgradients .button.pink:hover{
	background-color:#fc84c8;
}
.button.darkgray{
	color:#434c50 !important;
	background-image: linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -o-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -moz-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -webkit-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -ms-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #c0c0c0),
		color-stop(1, #9e9e9e)
	);
	border:1px solid #434c50;
}
.button.darkgray:hover{
	color:#434c50 !important;
	background-image: linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -o-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -moz-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -webkit-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -ms-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #9e9e9e),
		color-stop(1, #c0c0c0)
	);
	border:1px solid #434c50;
}
.no-cssgradients .button.darkgray{
	background-color:#c0c0c0;
}
.no-cssgradients .button.darkgray:hover{
	background-color:#9e9e9e;
}
.button.lightgray{
	color:#ababab !important;
	background-image: linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -o-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -moz-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -ms-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fbfbfb),
		color-stop(1, #f0f0f0)
	);
	border:1px solid #ababab;
}
.button.lightgray:hover{
	color:#ababab !important;
	background-image: linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -o-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -moz-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -ms-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f0f0f0),
		color-stop(1, #fbfbfb)
	);
	border:1px solid #ababab;
}
.no-cssgradients .button.lightgray{
	background-color:#fbfbfb;
}
.no-cssgradients .button.lightgray:hover{
	background-color:#f0f0f0;
}

.button.large, .button.small{
font-family: "PT Sans",Arial,Helvetica,sans-serif !important;
}

.custom-tooltiped-button.small{
	padding:0px;
	margin:0px;
	width:15px;
	height:15px;
	overflow:hidden;
}
.custom-tooltiped-button.large{
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:45px;
	height:45px;
}


.code-wrapper{
	position:relative;
}
.entry-content pre.prettyprint{
	margin:1em;
}
.clipboard-wrp{
	position:relative;
	display:inline-block;
}
.wpadminbar{
	height:400px !important;
}
.comment-content pre.prettyprint,.entry-content pre.prettyprint ol, .comment-content pre.prettyprint ol {
	padding:0;
	margin:0;
}








 .ui-tooltip,
 .ui-tooltip .arrow:after {
    background: white;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 3px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
	display:inline-block;
	
  }
  .ui-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  
  .twitter-box span.arrow {
    display: none;
  }
  
  .ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .ui-tooltip .arrow.left {
    left: 20%;
  }
  .ui-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .ui-tooltip .arrow.top:after {
    bottom: -20px;
    top: auto;
  }