/*change font family*/
body{
	font-family: 'Slabo 27px', sans-serif;
}

/*blog post*/
.blog-title {

	/*good for article header*/
	/*font-family: 'Anton', sans-serif;*/

	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-bottom:15px;
	}
.blog-desc{
	
	/*good for body*/
	/*font-family: 'Slabo 27px',serif;*/
	
	font-family: 'Droid Serif', sans-serif;
	font-style:italic;
	text-align:center;
	padding:0 10%;
	color:#6d6b6b;
	font-size:16px;
	margin-bottom:15px;
}
.blog-body{
	font-family:'Slabo 27px',sans-serif;
	padding:0 3%;
	font-size:16px;
}

/*navbar list color*/
.navbar-nav > li > a{
	padding-top:14px;
	padding-bottom:14px;
	color:#c8c8c8 !important;
}
@media(min-width:768px){
	.navbar-nav > li > a{
		color:#747474 !important;
	}
}
/*align table for searched data*/
table tr td h3{
	margin-top:6px;
	margin-bottom:6px;
	vertical-align:middle;
}
#search-table {
	margin-bottom:15px;
	margin-top:15px;
}
#author{
	color:#8a8a8a;
}
.left-col{
	padding-right:13px;
}
@media(max-width:400px){
	.right-col{
		padding-left:10px;
		line-height:1.55;
	}
}

/*tags*/
.tags{
	padding-left:4px;
	padding-right:4px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
	border-radius:3px;
	background-color:#E6F5E6;
	color:#4d4d4d;
	cursor:pointer;
}
.tags:hover{
	background:#05c55f;
}


/*pagination effect*/

.pagination-bar{
	animation:fadein 4s;
	-moz-animation:fadein 4s;
	-webkit-animation:fadein 4s;
	-o-animation:fadein 4s;
}

/*fade in effect for all content*/
.blog-body{
	animation: fadein 4s;
	-moz-animation: fadein 4s;
	-webkit-animation: fadein 4s;
	-o-animation: fadein 4s;
}
.blog-header{
	animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
	-o-animation: fadein 2s;
}
@keyframes fadein{
	0%   {opacity:0;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fadein{
	0%   {opacity:0;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadein{
	0%   {opacity:0;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadein{
	0%   {opacity:0;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes fadein{
	0%   {opacity:0;}
	50%  {opacity:0;}
	100% {opacity:1;}
}

/*center brand and alter bootstrap css */
.navbar-brand{
	padding:0 !important;
	margin-left:15px;
	margin-right:15px;
	margin-top:8px;
	margin-bottom:6px;
	height:33px !important;
}

/*button color*/
.btn-primary{
	background:#262262;
}

/*search button*/
.float-left{
	float:left;
}
@media(max-width:767px){
	#search-min{
		margin-top:9px;
	}
	#search-main{
		display:none;
	}
	#search-min .float-left{
		margin-left:2px;
		margin-right:2px;
	}
}
@media(min-width:768px){
	#search-min{
		display:none;
	}
	#search-main{
		margin-top:7px;
	}
}


/* sticky footer css */


#site-canvas{
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
#site-wrapper{
	width:100%;
	height:100vh;
	position:relative;
	overflow-x:hidden;
}
.main{
	min-height:100%;
	margin-bottom:-180px;
	padding-top:50px;
}
.main:after{
	content:"";
	display:block;
	height:150px;
}
.footer{
	height:60px;
	padding-top:19px;	
	background-color:#C6C6C6;
	z-index:90;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: 400ms ease all;
	transition: 400ms ease all;
}
.footer.slide-active{
	-webkit-transform: translateX(40%);
	transform: translateX(40%);
	-webkit-transition: 400ms ease all;
	transition: 400ms ease all;
}

.pagination-bar{
	bottom:0px;
	text-align:center;
	height:90px;
	z-index:1000000;
	margin-top:30px;
}

/*transparent layer*/
#transparent.slide-active{
	position:absolute;
	width:60%;
	left:40%;
	height:100%;
	z-index:51;
}

/*main content here*/
.main{
	z-index:50;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: 400ms ease all;
	transition: 400ms ease all;
}
.main.slide-active{
	-webkit-transform: translateX(40%);
	transform: translateX(40%);
	-webkit-transition: 400ms ease all;
	transition: 400ms ease all;
}

.pagination-bar{
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	-webkit-transition:400ms ease all;
	transition:400ms ease all;
}
.pagination-bar.slide-active{
	-webkit-transform:translateX(40%);
	transform:translateX(40%);
	-webkit-transition:400ms ease all;
	transition:400ms ease all;
}



/*override navbar toggle bootstrap css*/
#slide-nav .navbar-toggle{
	cursor:pointer;
	position:relative;
	float:right;
	width:33px;
	height:33px;
	padding:7px 5px 3px 5px;
}

#slide-nav .navbar-toggle > .icon-bar{
	width:100%;
	display:block;
	height:3px;
	background: #262262;
}

#slide-nav .navbar-toggle.slide-active .icon-bar{
	background:#494949;
}


@media(max-width:767px){

	#slide-nav #slidemenu{
		margin-top:9px;
		width:40%;
		position:absolute;
		background:#333;
		top:40px;
		left:-40%;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: 400ms ease all;
		transition: 400ms ease all;
	}
	#slide-nav #slidemenu.slide-active{
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		-webkit-transition: 400ms ease all;
		transition: 400ms ease all;
	}
	
	/*override bootstrap css*/
	#slide-nav #slidemenu .navbar-nav{
		margin:0;
	}
	#slide-nav #slidemenu .navbar-nav li a{
		padding-left:15%;
	}

	#navbar-height-col{
		position:fixed;
		top:0;
		height:100%;
		bottom:0;
		width:40%;
		z-index:100;
		background:#333;
		left:-40%;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: 400ms ease all;
		transition: 400ms ease all;
	}
	#navbar-height-col.slide-active{
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		-webkit-transition: 400ms ease all;
		transition: 400ms ease all;
	}
	.navbar-nav > .active > a { 
		background-color:#262262 !important;
		color:#F2EDED !important;
	}
	.navbar-nav a:hover{
		color:#f2eded !important;
	}

}

/*for post pages*/

.main.post-page{
	margin-bottom:-60px;
}
.main.post-page .container{
	margin-bottom:-50px;
}


/*resume page css*/
/*blog post*/
.blog-title {

	/*good for article header*/
	/*font-family: 'Anton', sans-serif;*/

	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-bottom:15px;
	}
.blog-desc{
	
	/*good for body*/
	/*font-family: 'Slabo 27px',serif;*/
	
	font-family: 'Droid Serif', sans-serif;
	font-style:italic;
	text-align:center;
	padding:0 10%;
	color:#6d6b6b;
	font-size:16px;
	margin-bottom:15px;
}
.resume-header{
	font-family:'Anton',sans-serif;
}
.resume-info{
	font-family:'Slabo 27px',serif;
	color:#6d6b6b;
	/*font-size:12px;*/
}
.resume-header-row{
	margin-top:13px;
	margin-bottom:13px;
}

.resume-info-row{
	margin-top:13px;
	margin-bottom:13px;
}
.right-indent{
	text-align:right;
}
.no-padding{
	padding-right:0px;
	padding-left:0px;
}
.row{
	margin-left:0px !important;
	margin-right:0px !important;
}
@media(min-width:1200px){
	.container{
		width:1000px;
	}
}
.info-spec-left{
	font-family:'Slabo 27px',sans-serif;
}
.info-spec-right{
	font-family:'Slabo 27px',sans-serif;
	/*font-size:14px;*/
}
.spec-header{
	/*font-size:14px;*/
}
.spec-title{
	/*font-size:12px;*/
}
@media(max-width:767px){
	.float-right{
		position:absolute !important;
		padding-right:29px;
	}
}
@media(max-width:480px){
	.float-right{
		position:relative !important;
		padding-right:0px;
		text-align:left;
		margin-top:8px;
		text-decoration:underline;
	}
}
@media(max-width:473px){
	#vert-line{
		display:none !important;
	}
}

/*resume page*/
.resume-list {
	padding-left:12px;	
}