/*variables and mixins*/
@default-background: #FFF;
@link-color: #00BAC4;
@link-hover-color: lighten(@link-color, 5%);


.font {
	font-family: "Open Sans", Times, serif;
}


/* Less Code*/


body{
	font-family:"Open Sans";
	line-height:1.8em;

}



.site-header{
	border:1px solid #1c2227;
	background-color:#1c2227;
	padding-bottom:0px;
	text-align:center;
	vertical-align:middle;

     
}

.site-branding{
    
    text-align:center;
    margin-bottom:0px;
    vertical:align:middle;
    border:hidden;
    padding:10px;
    .site-title {
    border: 1px solid #1c2227;
    padding: 5px;
	font-size: 25px;
	a {
	
		color: #dddddd;
	}
	a:hover{
    color:white;
    text-decoration:none;
	}
	}
}
.search1{
	float:right;
	display:inline-block;
	border:1px solid #1c2227;
	padding:15px;
	vertical-align:middle;
	font-family:roboto;
	.search-field{
	background-color:#f7f7f7;
	
	}
	.search-submit{
	
	color:#f8f8f8;
	background-color:#1c2227;
	border:none;

	} 	
}

.site-content{
padding:20px;
}
.site-info{
	    border: 1px solid #333333;
    background-color: #333333;
    text-align: center;
    vertical-align: middle;
    bottom: 5px;
    left: 10px;
    padding: 5px;
    color:white;
    a{
    color:#e6e1C4;
    text-decoration:none;
    }
    
    a:hover{
    text-decoration:none;
    color:white;

    }
    a:hover{
    text-decoration:none;
    color:white;

    }
    a:visited{
    color:#e6e1C4;
    text-decoration:none;
    }

    
}





.entry-title{ 
    text-align:center;
    a{
	text-decoration:none;
	color:black;
	padding:10px;
	font-style:bold;
	font-size:30px;
	text-align:center;
	vertical-align:middle;
	border:1px solid white;
	}
}

    

.entry-meta{
	margin-left:450px;
	font-size:15px;
	padding:5px;
	color:#262626;
	font-style:italic;

}
.content-area{
    float:left;
	width:70%;
	background-color:white;
	border:2px soild black;
	}


.entry-content{
	margin: 25px;
	}



.widget-title::before{
	content:"\f212";
	font-family:"fontawesome";
	color:black;
	padding:4px;
	padding-right:6px;
	font-size:18px;
	
}


.site-info{
	position:relative;
	bottom:5px;
	left:10px;
}

.entry-footer{
	padding:10px;	
}
.widget-area{

    
    padding:7px;
    width:25%;
	float:right;
	.widget

	{background-color: white;
    border: 2px solid white;
    padding:0px 6px 15px 2px;
    margin-right:-14px;

    }
	ul{
	margin:2px;
	margin-left:0px;
	list-style-type:none;
	li {

		border:hidden;
		padding:3px;
		margin-left:-18px;
		a{
			text-decoration:none;
			color:#a6a7a8;
			font-size:15px;
			}
			a:hover{
			color: @link-color;
			text-decoration:underline;
			}

			
		}

		.page-title li:before{
		content:"\f0f6";
		font-family:"FontAwesome";
		color:black;
		font-size:18px;
		}
	}
    h2{
    border-bottom: 4px solid #D9D9D9;
    padding-bottom:14px;
    font-family:"Open Sans";
    margin-left:8px;
    margin-bottom:15px;
    font-size:26px;

    }
   
 }


/*Site Navigation*/


#site-navigation{
	font-weight:bold;
	display:inline-block;
	float:none;
	text-align:center;
	border:hidden;
	padding:10px;
	background-color:inherit;
	text-transform:uppercase;
	ul{padding-bottom:30px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	list-style-type:none;
	
	li {
	    padding-bottom:5px;
		padding-top:0px;
		padding-right:0px;
		padding-left:0px;  
        font-size:14px;
	   		>a,>a:active {
	    		color:#e8e8e8;
	    		border-bottom:2px solid #1c2227;
	    		padding-bottom:2px;
				padding-top:0px;
				padding-right:10px;
				padding-left:10px;
	    		font-family:"Open Sans";
	    	}
	    	> a:hover {
				text-decoration:none;
				border-bottom:2px solid @link-color;
				color:@link-color;
	    	}
	    	li:hover > ul {
	     		display:block;
	    	}
	    	ul {
			     list-style-type:none;
			     background-color:#f7f6f5;
			     padding:0px;
	    	
	     
	     li{
	     padding:4px;


	     a{
	     text-decoration:none;
	     color:black;
	     border-bottom:1px solid #e8e8e8;
	     }
	     a:hover{
	     background-color:white;
	     color:black;
	     border-bottom:1px solid #e8e8e8;

	     }

	     

	     }


	     }


	   }

	}
	ul li:hover > a {
	color:@link-color;
	}
}

.sub-menu{
	border:hidden;
	margin-top:25px;
}


.pagination{
		margin-left:-50px;
		text-align:center;
		width:100%;
		
		ul{
			display:inline-block;	
			list-style-type:none;
			li{
			display:inline;
			span{
			background-color:#f2f2f2;
			padding:10px 12px 10px 12px;
			}
			}
			.page-numbers{
					background-color:#f2f2f2;
					padding:10px 12px 10px 12px;
					}
					
			.current{
					background-color:@link-color;
					}

			a.page-numbers{
					color:black;
					font-style:bold;
					text-decoration:none;
					}

					a.page-numbers:hover{
					background-color:@link-color;
					}		


			}
}					

body.page{

}

body.search{

.page-title{
    text-align:center;
    width:100%;
	vertical-align:middle;
	margin-top:-10px;
	span{
	font-style:italic;
	}
}
.page-content{
	margin:10px;
}
.entry-summary{
	margin: 10px 10px 10px 10px;
	
}
.nav-previous{
	margin:10px;
}
}
.recentcomments{
list-style-type:none;

}

body.single{
.nav-previous{
	
}
.post-navigation{
	margin:10px;
}
.comments-area {
padding:10px;

.comments-title{
	text-align:center;
	margin:10px;
	font-weight:300;
	span{
	font-weight:500;
	}
}
time{
	font-weight:lighter;
}
ol{
	margin:15px;
	li{
	padding:10px;
	line-height:1.8em;
	}

}
}
}
.content-area{
	margin:10px;
	line-height:1.8em;
	a{
	text-decoration:none;
	
	}
	
.entry-header{
	time{
	font-weight:lighter;
	}
}
}