/*
     Theme Name: KP-Theme
	 Description: Blog
	 Author: KP Theme
	 Author URI: http://thailottokp.com
	 Version: 1.1
*/




body {
  background-color: #413e3e;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  list-style-type: none;
   /*! line-height: 1.5; /* Essential for mobile readability */ */
}


img {
	
}

a:hover {
    text-decoration: none;
}

a:visited {
    color: #0000ee; 
}

figure {
  padding: 0;
  margin: 20px 0;
  text-align: center;
}

#main_container { 
  width: 85%;
  margin: 0 auto;
  background-color: #242424;
  /*!border: 10px solid #73d248;*/
  box-sizing: border-box;
  display: table;
}

#content { 
  width: 70%;
  float: left;
  box-sizing: border-box;

  /*! padding: 50px; */
  background-color: #e5e5e5;
  /*!border-right: 2px solid #6525d6;*/
  /*!border-left: 2px solid #6525d6;*/
}

.test {
  background-color: #2b2424;
  color: #689cff;
  padding: 8px 6px 8px;
    
}

.test:hover {
  color: #2196F3;
}

.published {
	background-color: #d64f4f;
	color: #dadada;
	padding: 4px;
	/*! margin: 0; */
}


.datee 	{
background-color: #c9a6a6;
	color: #702020;
	padding: 4px;
	/*! margin: 0; */
    display: inline;
}

.publish {
	line-height: 0.8;
	font-size: 15px;
}


.title-link{
  text-decoration: dashed;
}

#single_post_content {
  width: 96%;
  /*! float: left; */
  /* border: 2px solid #eee5ff; */
  box-sizing: border-box;

  /*! padding: 50px; */
  /*! background-color: #180e0e; */
	
  color: #544c4c;
  margin: 0 auto;
}

caption{
  color: white;
  background-color: black;
  padding: 10px;
  text-align: left;
    
}

#footer { 
  width: 100%;
  float: left;
  /*! border: 5px solid #899c48; */
  box-sizing: border-box;
  /*! border-top: 4px solid #ba3d3d; */
  
  padding: 50px;
  background-color: #192e6ae3;
  margin-top: 3px;
}


/** Header
    ===============================================================
 * 1. Top Menubar.
 * 2. Logo.
 * 3. Primary Menubar.(menu-primary-menubar-wpcr-container)
 */	 
 
#header { 
  width: 100%;
  float: left;
  /*! border: 2px solid #73d248; */
  box-sizing: border-box;
  
  background-color: #161313;
  margin-top: 3px;
  margin-bottom: 3px;
}
 
#top_menubar { 
  width: 100%;
  float: left;
  /*! border: 5px solid #0ee7be59; */
  box-sizing: border-box;
  
  padding: 20px;
  background-color: #192e6ae3;
}

#logo { 
  width: 100%;
  float: left;
  /*! border: 5px solid #d2684896; */
  box-sizing: border-box;
  
  margin-top: 30px;
  margin-bottom: 36px;
}

.menu-primary-menubar-wpcr-container { 
  width: 100%;
  float: left;
  /*! border: 5px solid #0ee7be59; */
  box-sizing: border-box;
  /*! border-bottom: 4px solid #ba3d3d; */
  
  background-color: #192e6ae3;
}

ul#menu-primary-menubar-wpcr {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*! background-color: #333333; */
}

ul#menu-primary-menubar-wpcr li {
  float: left;

}

ul#menu-primary-menubar-wpcr li a {
  display: block;
  color: #dadada;
  text-align: center;
  padding: 18px 12px;
  text-decoration: none;
}

ul#menu-primary-menubar-wpcr li a:hover {
  /*!  background-color: #ba3d3d;*/
  color: #b31919;
  text-decoration: underline;
}

.current_page_item {
  color: #b31919;
  text-decoration: underline;
  
}

/** Pagination
    ===============================================================
 */	 

#down-pagination{
  /*! border: 2px solid #4f05db; */
  box-sizing: border-box;
  padding: 16px;
  /*! background-color: aqua; */
}

#down-pagination-two{
  /*! border: 2px solid #4f05db; */
  box-sizing: border-box;
  padding: 6px;
  /*! background-color: aqua; */
}

.pagination-container {
  text-align: center;
  padding: 0;
}

.current {
  background-color: white;
  font-size: 25px;
  color: white;
}



.page-numbers {
  padding: 10px;
  background-color: #ba3d3d;
  text-decoration: none;
}

.page-numbers:hover {
  background-color: #008CBA;
  color: white;
}



/** Sidebar
    ===============================================================
 */	 
 
#sidebar-main-container { 
  width: 30%;
  float: left;
  /*! border: 2px solid red; */
  box-sizing: border-box;

}

#sidebar-container {
  /*! width: 96%;*/
  margin: 0 auto;
  /*! border: 2px solid #eee5ff; */
  box-sizing: border-box;
  /*! padding: 50px; */
  /*! background-color: #180e0e; */
	
  color: #916d6d;
  display: flow-root;
  background-color: #e5e5e5;
  margin-left: 3px;
}

.inner-sideber {
   width: 96%;
   margin: 0 auto;
}

#wp-sidebar { 
  /*! width: 100%; */
  /*! float: left; */
  border: 2px solid #568b91;
  box-sizing: border-box;

  /*! background-color: #180e0e; */
  margin: 0 auto;
  display: table;
  background-color: #e7e7e7;
}

.wp-calendar-table {
  padding: 10px;
}

#wp-calendar{
  background-color: #c76f6f;
  text-align: right;
}

.recent-post-sideber {
	background-color: #c0c0c0;
	display: flow-root;
}

.recent-post-container {
    padding: 0 16px;
}

.recent-post-h-line {
  line-height: 0;
	background-color: white;
	color: #0029ec;
  font-weight: bolder;
}

.recent-post-h-line:hover {
	/*!color: #0177e3;*/
	text-decoration: none;
}

.recent-titale {
	background-color: #2b2424;
    padding: 12px 10px;
	color: #d4caca;
	/*! font-weight: bold; */
	/*! text-align: left;  */
	margin: 0;
}



/** Single Page
    ===============================================================
 */	 
 
 
.single-page-titale {
      background-color: #2b2424;
      color: #8499ad;
      padding: 8px 6px 8px;
 }

 .post-navigation {
	 width: 100%;
	 color: red;
	 line-height: 0.5;
	 float: left;
      margin: 20px 0;
 }
 
.nav-new {
	 float: left;
	 background: #d1d695;
     /*! padding: 0 10px; */
     margin: 8px 0;
 }
 
 
.nav-old {
	 float: right;
	 background: #d1d695;
     /*! padding: 0 10px; */
     margin: 8px 0;
}
 

/** Page
    ===============================================================
 */	 
 
#page-content {
	color: red;
	line-height: 1.5;
}
 
p.page-content {
    line-height: 1.5;
}

/** Mobile Screen
    ===============================================================
 */	 
 
 /* Hide element if the viewport width is 896px or less */
@media screen and (max-width: 896px) {
  #main_container {
    width: 96%;
	
  }
  #content {
	 width: 100%;
  }
   
   #sidebar-main-container {
	   width: 100%;
       margin-top: 4px;
	   background-color: #e7e7e7;
   }
   #sidebar-container {
	   width: 96%;
	   margin-left: auto;
   }

}

@media screen and (max-width: 414px) {
  #main_container {
    width: 98%;
	
  }

}