/* include font */
@import url(http://fonts.googleapis.com/css?family=Lato:700);
/* all */
/* line 34, scss/custom.scss */
body {
  background: #0a0a0a;
  color: #fff;
}

/*
a{
	color:$font-color;
	&:link{
		color:$font-color;
	}
	&:hover{
		color:$font-color;
		text-decoration:underline;
	}

}
*/
/* Global */
/* line 55, scss/custom.scss */
#main_container {
  max-width: 1056px;
}

/* header */
/* line 60, scss/custom.scss */
#site_title {
  float: left;
}
/* line 62, scss/custom.scss */
#site_title a {
  font-size: 48px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: 1;
  margin-right: 20px;
}
/* line 70, scss/custom.scss */
#site_title a, #site_title a:link {
  color: #fff;
  text-decoration: none;
}
/* line 74, scss/custom.scss */
#site_title a:hover {
  text-shadow: 0px 0px 7px #DEDEDE;
}

/* menu */
/* line 80, scss/custom.scss */
#menu_container {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
/* line 83, scss/custom.scss */
#menu_container ul li a {
  border: 1px solid #0a0a0a;
  color: #fff;
  display: block;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 89, scss/custom.scss */
#menu_container ul li a:link {
  color: #fff;
  text-decoration: none;
}
/* line 93, scss/custom.scss */
#menu_container ul li a:hover {
  background-color: #fff;
  color: #0e0e0e;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0px 0px 10px 0px white;
  box-shadow: 0px 0px 10px 0px white;
}
/* line 102, scss/custom.scss */
#menu_container ul#menu-page {
  float: right;
  border-left: 1px dotted #aaa;
}

/* Content */
/* line 109, scss/custom.scss */
#content_container {
  max-width: 1000px;
  margin-top: 20px;
}

/* line 113, scss/custom.scss */
.featured_banner img {
  max-width: 1000px;
}

/* line 116, scss/custom.scss */
#load_posts_container h1 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: normal;
}

/* line 121, scss/custom.scss */
.blog_left {
  width: 720px;
  float: left;
}
/* line 124, scss/custom.scss */
.blog_left .left_content p {
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
/* line 128, scss/custom.scss */
.blog_left .left_content p img {
  width: 100%;
  height: 100%;
}

/* line 134, scss/custom.scss */
#sidebar {
  width: 240px;
  position: relative;
}
/* line 137, scss/custom.scss */
#sidebar h1 {
  font-weight: normal;
  margin-bottom: 1em;
}
/* line 142, scss/custom.scss */
#sidebar #details ul {
  list-style-type: none;
  float: left;
  margin: -2em 0 0 5em;
}
/* line 147, scss/custom.scss */
#sidebar #details p {
  clear: both;
}
/* line 151, scss/custom.scss */
#sidebar #sidebar_footer {
  position: absolute;
  bottom: -10px;
}
/* line 154, scss/custom.scss */
#sidebar #sidebar_footer #post_link {
  margin-bottom: 50px;
}
/* line 156, scss/custom.scss */
#sidebar #sidebar_footer #post_link .next {
  float: left;
  width: auto;
}
/* line 160, scss/custom.scss */
#sidebar #sidebar_footer #post_link .prev {
  float: right;
  width: auto;
}
/* line 167, scss/custom.scss */
#sidebar a, #sidebar a:link, #sidebar a:visited {
  color: #ccc;
  text-decoration: none;
}
/* line 170, scss/custom.scss */
#sidebar a:hover {
  background-color: #fff;
  color: #0e0e0e;
}

/* line 175, scss/custom.scss */
#profile {
  width: 100%;
  margin-bottom: 10em;
}
/* line 178, scss/custom.scss */
#profile #icon {
  width: 250px;
  float: left;
}
/* line 182, scss/custom.scss */
#profile #text {
  width: 600px;
  float: left;
}
/* line 185, scss/custom.scss */
#profile #text p {
  margin: 0 0 1em;
}

/* index */
/* line 192, scss/custom.scss */
.home_post_box {
  /*float: left;
  width: 321px;
  margin-right: 18px;
  margin-bottom: 25px;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  /*
  overflow: hidden;
  position: relative;
  */
}
/* line 202, scss/custom.scss */
.home_post_box .home_post_title_cont {
  display: block;
  position: absolute;
  bottom: -40px;
  width: 321px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 10px 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* line 212, scss/custom.scss */
.home_post_box:hover .home_post_title_cont {
  bottom: 0px;
}

/* Page Top */
/* line 218, scss/custom.scss */
#page_top p {
  text-align: right;
}
/* line 221, scss/custom.scss */
#page_top p a, #page_top p a:link, #page_top p a:visited {
  color: #ccc;
  text-decoration: none;
}
/* line 224, scss/custom.scss */
#page_top p a:hover {
  background-color: #fff;
  color: #0e0e0e;
}

/* footer */
/* line 230, scss/custom.scss */
#footer {
  border-top: 1px solid #aaa;
}
/* line 233, scss/custom.scss */
#footer .footer_box a, #footer .footer_box a:link, #footer .footer_box a:visited {
  color: #ccc;
  text-decoration: none;
}
/* line 236, scss/custom.scss */
#footer .footer_box a:hover {
  background-color: #fff;
  color: #0e0e0e;
}
/* line 240, scss/custom.scss */
#footer .ctc-tag-li {
  display: inline-block;
  margin-right: 0.5em;
  padding: 3px;
  border: 1px solid #aaa;
  border-radius: 5px;
}
/* line 247, scss/custom.scss */
#footer .ctc-tag-li:hover {
  background-color: #FFF;
  color: #0e0e0e;
  cursor: pointer;
}
/* line 251, scss/custom.scss */
#footer .ctc-tag-li:hover a {
  color: #0e0e0e;
}
/* line 256, scss/custom.scss */
#footer .footer_2box {
  width: 660px;
}
/* line 260, scss/custom.scss */
#footer #menu-link li:before {
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  background: url(images/social-icons.png);
}
/* line 268, scss/custom.scss */
#footer #menu-link li.old-portal:before {
  background: none;
  width: 0;
  margin-left: -5px;
}
/* line 273, scss/custom.scss */
#footer #menu-link li.twitter:before {
  background-position: 0 0;
}
/* line 276, scss/custom.scss */
#footer #menu-link li.flickr:before {
  background-position: 32px 0;
}
/* line 279, scss/custom.scss */
#footer #menu-link li.tumblr:before {
  background-position: 16px 0;
}
/* line 283, scss/custom.scss */
#footer .footer_copyright {
  border-top: 1px dotted #aaa;
  border-bottom: none;
}

/* for tablet */
@media only screen and (max-width: 768px) {
  /* line 293, scss/custom.scss */
  #header {
    padding: 10px;
  }

  /* line 298, scss/custom.scss */
  #site_title a {
    display: block;
  }

  /* line 303, scss/custom.scss */
  #main_container {
    width: 100%;
  }

  /* line 306, scss/custom.scss */
  #content_container {
    width: auto;
    padding-left: 10px;
  }

  /* line 310, scss/custom.scss */
  .home_post_box {
    width: 47%;
    height: 47%;
    overflow: hidden;
    margin-right: 3%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
  }
  /* line 316, scss/custom.scss */
  .home_post_box .home_post_title_cont {
    width: 100%;
  }
  /* line 319, scss/custom.scss */
  .home_post_box img {
    width: 100%;
    height: auto;
  }

  /* line 324, scss/custom.scss */
  .home_post_box_last {
    margin-right: 3%;
  }

  /* line 328, scss/custom.scss */
  .blog_left {
    /* float: left; */
    clear: both;
    width: 100%;
  }
  /* line 332, scss/custom.scss */
  .blog_left .left_content p img {
    width: 70%;
    height: auto;
  }

  /* line 341, scss/custom.scss */
  #sidebar {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: -25px;
  }
  /* line 346, scss/custom.scss */
  #sidebar h1 {
    margin-bottom: 0;
  }
  /* line 349, scss/custom.scss */
  #sidebar #details {
    margin-bottom: 15px;
  }
  /* line 352, scss/custom.scss */
  #sidebar #sidebar_footer {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: -50px auto 0;
    /*& #social{
    	display:none;
    }*/
  }
  /* line 357, scss/custom.scss */
  #sidebar #sidebar_footer #post_link {
    clear: both;
    padding: 0 1em;
  }

  /* line 366, scss/custom.scss */
  #profile {
    margin-bottom: 1em;
  }
  /* line 368, scss/custom.scss */
  #profile #icon {
    width: 230px;
  }
  /* line 371, scss/custom.scss */
  #profile #text {
    width: auto;
  }

  /* line 377, scss/custom.scss */
  #page_top p {
    margin-right: 15px;
  }

  /* line 381, scss/custom.scss */
  #footer {
    clear: both;
  }
  /* line 383, scss/custom.scss */
  #footer .footer_widgets_cont {
    padding: 0 0px 0 10px;
  }
  /* line 386, scss/custom.scss */
  #footer .footer_box {
    width: 100%;
    margin-right: 3%;
  }
  /* line 392, scss/custom.scss */
  #footer #menu-link li {
    width: auto;
    margin: 0 3% 0 0;
    display: inline-block;
  }
}
/* for mobile 
---------------------------------------------------------------------------------*/
@media screen and (max-width: 479px) {
  /* line 405, scss/custom.scss */
  #main_container {
    width: 320px;
    padding: 0;
  }

  /* line 410, scss/custom.scss */
  #header {
    padding: 10px 0px;
  }
  /* line 412, scss/custom.scss */
  #header #site_title {
    padding-left: 10px;
  }

  /* line 417, scss/custom.scss */
  .logo {
    float: none;
    max-width: 300px;
    margin: 0 auto;
  }

  /* line 419, scss/custom.scss */
  .search_cont {
    display: none;
  }

  /* line 423, scss/custom.scss */
  #menu_container {
    padding: 0px;
    width: 318px;
    margin: 0 auto 20px;
    border-top: none;
    border-bottom: none;
  }

  /* line 431, scss/custom.scss */
  #menu_container ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
  /* line 437, scss/custom.scss */
  #menu_container ul li {
    float: left;
    width: 50%;
    height: 50px;
    margin: 0;
    text-align: center;
  }
  /* line 443, scss/custom.scss */
  #menu_container ul li a,
  #menu_container ul li a:link,
  #menu_container ul li a:active,
  #menu_container ul li a:visited {
    display: block;
    height: 34px;
    margin: 0;
    padding: 16px 0 0;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
  }
  /* line 454, scss/custom.scss */
  #menu_container ul li a:hover,
  #menu_container ul li a:link:hover,
  #menu_container ul li a:active:hover,
  #menu_container ul li a:visited:hover {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    background-color: #FFF;
  }
  /* line 459, scss/custom.scss */
  #menu_container ul li.current-menu-item a {
    height: 32px;
  }
  /* line 463, scss/custom.scss */
  #menu_container ul#menu-page {
    float: right;
    width: 50%;
    margin-top: -51px;
    border-right: none;
    border-left: none;
  }
  /* line 469, scss/custom.scss */
  #menu_container ul#menu-page li {
    width: 100%;
    background-color: #1A1A1A;
  }
  /* line 472, scss/custom.scss */
  #menu_container ul#menu-page li a {
    color: #CCC;
  }
  /* line 474, scss/custom.scss */
  #menu_container ul#menu-page li a:link {
    color: #CCC;
  }

  /* line 487, scss/custom.scss */
  #content_container {
    clear: both;
    width: 320px;
    padding: 0;
  }

  /* line 493, scss/custom.scss */
  .home_post_box {
    width: 100%;
    height: 100%;
    margin-right: 0;
  }

  /* line 499, scss/custom.scss */
  .featured_banner {
    display: none;
  }

  /* line 501, scss/custom.scss */
  .featured_banner img {
    width: 320px;
    height: 32px;
  }

  /*
  .blog_box_cont { width: 300px; float: none; margin: 0 auto; }
  
  .blog_content { float: none; width: 300px; margin-left: auto; margin-right: auto; }
  
  
  
  .home_post_box { width: 300px; float: none; margin: 0 auto 25px; }
  
  .home_post_box img { width: 300px; height: 200px; }
  
  
  
  .home_post_title_cont { width: 300px; }
  
  .home_post_desc { width: 200px; left: 35px; }
  */
  /* line 522, scss/custom.scss */
  #load_posts_container {
    width: 90%;
    margin: 0 auto;
  }

  /* line 528, scss/custom.scss */
  .blog_left {
    float: none;
    width: 300px;
    margin: 0 auto;
  }

  /* line 531, scss/custom.scss */
  .blog_left {
    clear: both;
    width: 100%;
  }
  /* line 534, scss/custom.scss */
  .blog_left .left_content p img {
    width: 100%;
    height: auto;
  }

  /* line 540, scss/custom.scss */
  #commentform textarea {
    width: 300px;
  }

  /* line 542, scss/custom.scss */
  #sidebar {
    display: block;
  }

  /* line 546, scss/custom.scss */
  #profile #icon {
    width: 90px;
    margin-right: 20px;
  }
  /* line 549, scss/custom.scss */
  #profile #icon img {
    width: 100%;
    height: 100%;
  }
  /* line 554, scss/custom.scss */
  #profile #text {
    width: 210px;
  }

  /* line 559, scss/custom.scss */
  #footer {
    display: block;
  }
  /* line 561, scss/custom.scss */
  #footer .footer_box {
    clear: both;
    width: 100%;
  }
  /* line 565, scss/custom.scss */
  #footer #menu-link li {
    width: auto;
    margin-bottom: 0.5em;
  }
}