body{
	background: url('../images/green_cup.png');
	color: #959599;
}

.pull-left { float: left; }
.pull-right { float: right;}

/* Pure Button styles */

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
	color: white !important;
	margin-bottom: 5px;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-ms-transition:0.1s all;
	transition:0.1s all;
}

.btn:hover, .btn:active {
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
}

::selection { background: #7bb237; color: #fff; }
::-moz-selection { background: #7bb237; color: #fff; }


/* Header */

.site-navigation {
	background-color: whitesmoke;
	padding-top: 40px;
}

#logo{
	margin: 4em;
	display: block;
	margin-top: 0;
	margin-bottom: 1em;
}

.wrapper {
	width: auto;
	display: block;
	margin: 0 auto;
	max-width: 400px;
}


.clearfix, .clear{
	clear : both;
}

/* Social Share */

.share-wrapper {
	padding: 5px;
	background-color: rgb(201, 36, 49);
	text-align: center;
	font-weight: bold;
	color: rgb(247, 247, 247);
	position: fixed;
	width: 99.34%;
	z-index: 99;
	padding-bottom: 0;
}

#tagline {
	font-size: 15px;
	padding: 0 10px;
	margin-left: 55px;
	margin-bottom: 0;
	font-weight: 100;
}

.share-wrapper p {
	margin-bottom: 0;
	font-weight: 100;
	padding-right: 15px;
	padding-top: 5px;
	font-size: 14px;
}

.only {
	display: none;
}

.btn-share {
	background: url('http://angular-js.in/wp-content/uploads/2014/08/share.png') no-repeat top left;
	width: 32px;
	height: 32px;
	display: inline-block;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-ms-transition:0.1s all;
	transition:0.1s all;
}

.btn-share:hover, .carbon-img {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.btn-share.facebook { background-position: 0px 0px;  }
.btn-share.twitter { background-position: -42px 0px;  }
.btn-share.googleplus { background-position: -84px 0px;  }
.btn-share.linkedin { background-position: -126px 0px;  }
.btn-share.pinterest { background-position: -168px 0px;  }
.btn-share.reddit { background-position: -210px 0px;  }
.btn-share.stumbleupon { background-position: -252px 0px;  }
.btn-share.tumblr { background-position: -294px 0px;  }

/* Signup Form */
.signup-wrapper{ background-color: rgba(14, 39, 0, 0.8); }
.signup{ margin:0 auto 10px auto; padding:10px; max-width: 800px;}
.text,.validate{ width: 50%; float: left; font-size: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.text {padding-top: 11px; font-weight: 100; text-align: right;padding-right: 11px;color: rgb(247, 247, 247);font-size: 17px;}
.submit-button{ float: left;}
.mc-field-group{ width: 50%; float: left;}
.mc-field-group input{font-size: 16px; padding: 9px}
.signup .signupbutton {padding:11px;}
.signup small{font-size: 11px;padding:3px;}

/* Main Content */

#primary{
	padding: 20px 20px;
}

.mbox{
	width: 800px;
	margin:0 auto;
	background: #fff;
	margin-bottom: 15px;
	overflow: hidden;
}

.post-image {
	padding:5px;
	width: 400px;
	float: left;
	min-height: 235px;
	position: relative;
	display: table;
}

.post-image:after {
	content: "";
	position: absolute;
	width:5px;
	background:#71A237;
	min-height: 235px;
	height: 100%;
}

.post-image a{
	vertical-align: middle;
	display: table-cell;
}

.post-image-single{
	position: relative;
	border-right: 0;
	float: none;
	width: auto;
	margin:0 auto;
}

.post-image a img{
	display: block;
	max-width: 100%;
	margin:0 auto;
}

.post-image .img-title{
	-webkit-transition:0.5s all;
	background:gray;
	color: white;
	position: absolute;
	bottom: 0;
	right: 20px;
	padding: 2px;
}

.post-image:hover .img-title{
	bottom: 5px;
}

.post-image a img{
	display: block;
	max-width: 100%;
	height: auto;
}

header.entry-header{
	padding: 0 20px;
	display: block;
	overflow: hidden;
}

.entry-title{
	margin: 20px 0 0 0;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.4;
	color:#292727;
}

/* Repo Box */

.repobox {
	float: right;
	padding: 15px;
	color: black;
	border:1px dotted #5CB810;
	margin-top: 15px;
	margin-right: 15px;
}

.repobox p {
	margin-bottom: 0;
}

.single-post .entry-title{
	margin: 20px auto;
}

.bower{
	background-color: rgb(184, 253, 184);
	margin: 0;
	padding:5px;
	display: block;
	margin:10px;
	margin-left: 0;
}

.ng-link{
	font-size: 1.3em;
	font-weight: bold;
}

h1.entry-title a:link, h1.entry-title a:visited{
	color:#292727;
}

.entry-summary,.entry-content{
	padding: 0px 20px;
	font-size: 1em;
	color : rgb(24, 24, 24);
}

.content{
	margin-top: 10px;
}

/* Right Nav */

#front-end {
	float: left;
	margin-left: 10%;
	margin-top: 3%;
}

#front-end img {
	height: 100%;
	width: 100%;
}


#rightnav {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}

#find-us {
	margin:10px 0;
}

.follow>a>div{
	float: left;
	height: 59px;
	width: 59px;
	background: url('http://angular-js.in/wp-content/uploads/2014/08/sprites.png');
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-ms-transition:0.1s all;
	transition:0.1s all;
}

.follow>a>div:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

#searchform {
	margin-top: 30px;
}

.submit-wrapper {
	margin-top: 10px;
}

/* Single */

.single-content {
	padding-top: 20px;
	max-width: 800px;
	background: rgb(255, 255, 255);
	border-radius: 2px;
	box-shadow: 0px 8px 13px rgb(34, 34, 34);
	margin: 0 auto;
}

/* Widgets */

.widget {
	margin: 20px 20px 30px 0px;
	max-width: 560px;
	float: left;
}

.widget_tag_cloud .widget-title,.hide{
	display: none;
}

.widget .menu{
	list-style-type: none;
	margin-left: 0
}

.widget .menu li{
	background-color: whitesmoke;
	padding:5px;
	margin-bottom: 5px
}

.widget li a{
	display: block;
	border-bottom: 1px solid lightgray;
}

.widget li a:hover{
	display: block;
	padding-bottom: 3px;
}

.tagcloud {
   padding: 0px 0px 20px 0px;
}

.tagcloud a {
	float: left;
   font-size: 12px !important;
	background: gray;
	margin: 5px;
	margin-left: 20px;
	padding: 5px 13px 5px 12px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottom-right: 4px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-top-right: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 25px;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-ms-transition:0.1s all;
	transition:0.1s all;
	color: white;
}

.tagcloud a:hover {
	padding-left: 15px;
}

/* Page-Nav*/

.site-content a{
	color: black;
}

/* Footer Secodary */

footer.entry-meta{
	margin: 0px 20px;
	border-top:1px solid #e6e2d8;
	padding: 20px 0px;
	color: #959599;
	font-size: 10px;
	text-transform: uppercase;
}

#nav-below {
	padding: 10px;
	max-width: 780px;
}

.rmore{
	float: right;
}

#footer-sidebar {
	margin: 10px auto;
}

#footer-sidebar .widget {
	overflow: hidden;
	background-color: white;
	padding: 10px;
	margin: 10px;
	height: 230px;
}

#footer-sidebar .widget-title {
	font-size: 15px;
	color: black;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}

/* Footer */

.site-footer{
	font-size: 13px;
}

.site-info{
	padding:20px 0px;
	background-color: rgb(201, 36, 49);
}

.fcred{
	color:#ccc;
	text-align: center;
}

.fcred a{
	color:#ccc;
	font-weight: bold;
}

@media screen and (max-width:820px) {

	#primary{
		padding: 5px;
	}

	.only {
		display: block;
	}

	.share-wrapper {
		position: normal;
	}

	#logo-wrapper {
		display: block;
		width: 100%;
		min-height: 200px;
	}

	#tagline, .share, #rightnav {
		float: none;
	}

	#rightnav {
		padding: 10px;
	}

	.validate {
		width: 100%;
	}

	#find-us, .text{
		display: none;
	}

	#tagline {
		margin: 10px auto;
	}

	.mbox{
		max-width: 400px;
		width: 100%;
		margin: 5px auto;
		padding-bottom: 10px;
		box-sizing:border-box;
	}
}

@media screen and (max-width:500px) {
	.share-wrapper {
		display: none;
	},

	#carbonads-wrapper {
		margin: 0;
	}
}

/* Pure Buttons */

.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
    font-size: 16px;
}