.the_blog{
	display: block;
	max-width: 1280px;
	padding: 40px 0;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.left_blog{
	display: block;
	float: left;
	width: 70%;
	padding:0 40px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
	.the_blog_article{
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 30px;
		padding-bottom: 30px;
		overflow: hidden;
		width: 100%;
	}
	.the_blog_preview{
		display: block;
		float: left;
		margin-right: 30px;
		margin-bottom: 20px;
	}
	.the_blog_preview a{}
	.the_blog_preview img{}
	.the_blog_header{
		display: block;
	}
	.the_blog_header  .postdate{
		background: #08090b;
		color: #fff;
		display: inline-block;
		font-weight: bold;
		font-size: 13px;
		letter-spacing: 1px;
		margin-bottom: 10px;
		padding: 3px 10px;
		text-transform: uppercase;
	}
	.the_blog_header h3{
		font-size: 34px;
		line-height: initial;
		margin-bottom: 10px;
	}
	.the_blog_header a.button{
		
		font-size: 14px;
		padding: 0 20px;
		line-height: 36px;
	}
	.the_blog_header p{
		font-size: 17px;
	}

	.sortingby{
	    float: right;
	    width: 34%;
	}
	.field.select{
	    border: 1px solid #e0e0e0;
	    width: 100%;
	    padding: 0 20px;
	    height: 40px;
	    border-radius: 6px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	.paginator{
		border: 1px solid #e0e0e0;
		display: block;
		font-size: 0;
		text-align: center;
		position: relative;
		padding: 0 32px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	}
	.paginator a{ min-width:32px; text-align:center; color:#404040; border:1px solid #e0e0e0; border-width: 0px 1px 0px 1px; font-size: 12px; text-transform: uppercase; display: inline-block; padding: 0 8px; line-height: 32px; }
	.paginator a.active,
	.paginator a:hover{ background: #f0f0f0; color:#aaa; }

	.paginator a.first_go{
		border-width: 0px 1px 0px 0px;
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 32px; height: 100%;
		content:'❰';
	}
	.paginator a.first_go:hover{}
	.paginator a.last_go{ 
		border-width: 0px 0px 0px 1px;
		display: block;
		position: absolute;
		top: 0; right: 0;
		width: 32px; height: 100%;
		content:'❯';
	}
	.disableLnk{ background: #fff !important; color:#aaa !important; cursor: default; }
	.paginator a.last_go:hover{}
	.paginator a.page_go{margin-right: -1px;} 
	.paginator a.page_go.active{ background: #000; color:#fff; } 

.right_blog{
	display: block;
	float: right;
	width: 30%;
	padding: 0 40px 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
	.widget_title{
		background: #08090b;
		color: #fff;
		padding: 5px 10px 5px 20px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	.searchPostForm{
		position: relative;
		margin-bottom: 10px;
	}
	.searchPostForm .field{
		width: 100%;
		margin-bottom: 10px;
		border: 2px solid #000;
		background: #fff;
		color: #000;
		font-size: 15px;
		height: 60px;
		padding: 0 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	}
	.searchPostForm .button.submit{
		border: 2px solid #000;
		position: absolute;
		top: 0;
		right: 0;
		height: 60px;
		width: 100px;
		font-size: 13px;
		padding: 0;
	}

.right_blog .separator{
	display: block;
	height: 40px;
}

.right_blog .latest_posts{}
.right_blog .latest_posts li{
	display: block;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0px 0px 0px;
	margin-bottom: 10px;
	overflow: hidden;
}
.right_blog .latest_posts .postdate{
	font-size: 11px;
	letter-spacing: 2px;
	color: #999;
	text-transform: uppercase;
}
.right_blog .latest_posts li h5{ font-size: 15px;  display: block; }
.right_blog .latest_posts li a img{
	display: inline-block;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.right_blog .latest_posts li a{
	color: #191919;
	padding: 6px 10px;
	display: block;
}
.right_blog .latest_posts li a:hover{}

.right_blog .tagList{}
.right_blog .tagList li{ display: inline-block; font-size: 13px; }
.right_blog .tagList li a{ display: block; padding: 0 6px; margin: 0 1px 2px 1px; color: #404040; background: #f0f0f0; }
.right_blog .tagList li a:hover{ color: #f0f0f0; background: #404040;}


.right_blog .archive_list{}
.right_blog .archive_list li{}
.right_blog .archive_list li a{}
.right_blog .archive_list li a:hover{}




    .search{
        border: 1px solid #e0e0e0;
        width: 64%;
        padding: 0 20px;
        height: 40px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .list {
        font-family: sans-serif;
        margin: 0;
        padding: 20px 0 0;
    }

        .list > li {
            display: block;
            padding: 10px;
            box-shadow: inset 0 1px 0 #fff;
        }
        .pagination li:before,
        .list > li:before { display: none; }

    .pagination li {
  display:inline-block !important;
  padding:0px !important;
}
    .pagination li.active a { background: #f0f0f0; }
    .sort {
        border-radius: 6px;
        border: none;
        display: inline-block;
        float: right;
        color: #fff;
        text-decoration: none;
        background-color: #28a8e0;
        height: 40px!important;
        width: 15%!important;
        margin-left: 1%;
        min-width: 100px;
        padding-right: 20px!important;
        padding-left: 10px!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        font-weight: bold;
	    font-size: 11px !important;
	    line-height: 13px !important;
        letter-spacing: 0 !important;
        text-transform: uppercase;
        text-align: center;
        position:relative;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

        .sort:hover {
            text-decoration: none;
            background-color: #1b8aba;
        }

        .sort:focus {
            outline: none;
        }

        .sort:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid rgba(0,0,0,0.5);
            border-top: 5px solid rgba(255,255,255,0);
            content: "";
            position: absolute;
            top: 13px;
            right: 6px;
        }

        .sort.asc:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid rgba(0,0,0,0.5);
            border-bottom: 5px solid rgba(0,0,0,0);
            content: "";
            position: absolute;
            top: 18px;
            right: 6px;
        }

        .sort.desc:after {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid rgba(0,0,0,1);
            content: "";
            position: absolute;
            top: 13px;
            right: 6px;
        }


#listId #btnSearch.btn{
	cursor: pointer;
    border: 1px solid #e0e0e0;
    width: 34%;
    padding: 0 20px;
    height: 40px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 160px;
}