/*

Theme Name: Architekt Theme

Theme URI: http://www.dessign.net/architekttheme/

Description: Architekt Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 

Version: 2.0

Author: Marios Lublinski

Author URI: http://www.dessign.net

Tags: 2 column theme, clean

*/
/** Global **/
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "calluna-1","calluna-2", arial, verdana, georgia;
  font-size: 12px;
  background-color: #FFFFFF;
  color: #999; }

#outside_container {
  margin: 0 auto;
  background-color: #fff;
  border-top: 7px solid #FFFFFF;
  width: 1039px;
  background: url(/images/vline.png) repeat-y 104px 0; }

#main_container {
  width: 959px;
  margin: 0 auto;
  background: url(/images/hline.png) repeat-x 0 66px; }

h1, h2, h3, h4, h5, p {
  margin: 10px 0; }

h1, h2, h3, h4, h5, #menu_container li, #about_menu li {
  font-family: "futura-pt-1","futura-pt-2",sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #666; }

h1 {
  font-size: 15px; }

a {
  color: #999;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

img {
  border: none; }

ul {
  padding-left: 2em; }

/** Header **/
#header {
  height: 80px;
  background: url(/images/logo.png) no-repeat 27px 10px;
  padding: 40px 0 0 120px; }

.header_top_text {
  font-family: "futura-pt-1","futura-pt-2",sans-serif;
  font-weight: light;
  text-transform: uppercase;
  padding: 0;
  font-size: 18px;
  color: #1b5e3a; }

.header_top_text a {
  color: #1b5e3a; }

.header_text_cont {
  padding: 12px 0 0 0; }

.logo {
  float: left;
  margin-top: 15px; }

#menu_container {
  padding: 5px 0;
  border-bottom: 1px solid #FFF; }

#menu_container ul {
  list-style-type: none;
  padding-left: 0; }

#menu_container ul li {
  float: left;
  font-size: 12px; }

#menu_container ul li a {
  display: block;
  padding: 5px 15px;
  color: #999;
  text-decoration: none; }

#menu_container ul li a:hover {
  background-color: #333;
  color: #999; }

.current-menu-item a {
  background-color: #333;
  color: #999; }

.header_search {
  float: right;
  position: relative; }

.header_search input[type=text] {
  width: 284px;
  height: 28px;
  border: 1px solid #EEEEEE;
  padding-right: 30px; }

.search_icon {
  position: absolute;
  right: 10px;
  top: 10px; }

#logos {
  width: 959px;
  border-top: 1px solid #eee;
  padding: 15px 0 13px 0; }

#logos a {
  margin-left: 33px;
  display: inline-block; }

#logos a:first-child {
  margin-left: 0; }

#slider_container {
  padding: 10px 0;
  border-bottom: 1px solid #E5E5E5; }

#single_container {
  padding: 20px 0; }

#about_menu {
  position: absolute;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 40px;
  margin-top: -26px;
  border-top: 1px dotted #999; }

#about_menu li {
  float: left;
  font-size: 12px; }

#about_menu li a {
  display: block;
  padding: 5px 8px;
  color: #999;
  text-decoration: none; }

#about_menu li a:hover {
  background-color: #333;
  color: #999; }

.home_blog_box {
  float: left;
  width: 306px;
  margin: 10px 20px 1px 0; }

.home_blog_box img {
  width: 306px;
  height: 215px;
  opacity: 1.0;
  filter: alpha(opacity=100); }

.home_blog_box img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.home_blog_box_last {
  margin-right: 0; }

.home_blog_box h3 {
  font-size: 12px;
  font-weight: normal;
  color: #a4a4a5; }

.home_blog_box h3 a {
  color: #a4a4a5;
  text-decoration: none; }

.home_blog_box h3 a:hover {
  color: #333; }

.home_port_cont {
  border-top: 1px solid #E5E5E5;
  padding: 5px 0 25px; }

.home_port_box {
  float: left;
  width: 306px;
  height: 387px;
  margin: 10px 20px 10px 0; }

.home_port_box img {
  width: 306px;
  height: 387px;
  opacity: 1.0;
  filter: alpha(opacity=100); }

.home_port_box img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.home_port_box_last {
  margin-right: 0; }

.home_port_box h3 {
  font-size: 12px;
  font-weight: normal;
  color: #a4a4a5; }

.home_port_box h3 a {
  color: #a4a4a5;
  text-decoration: none; }

.home_port_box h3 a:hover {
  color: #333; }

#single_left {
  width: 628px;
  float: left; }

#single_left p {
  color: #999; }

.blog_box {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E5E5E5; }

.blog_box p {
  color: #3E3E3E; }

.blog_box h3 {
  font-size: 15px; }

.blog_box h3 a {
  color: #c7c7c7;
  text-decoration: none; }

.blog_box h3 a:hover {
  color: #333; }

.blog_box img {
  width: 625px;
  height: 152px; }

.port_box {
  float: left;
  width: 306px;
  margin: 5px 20px 5px 0; }

.port_box_last {
  margin-right: 0; }

.port_box_divider {
  border-bottom: 1px solid #c7c7c7;
  margin: 5px 0 10px; }

.port_box img {
  width: 306px;
  height: 387px; }

.port_box h3 a {
  color: #c7c7c7;
  text-decoration: none; }

.port_box h3 a:hover {
  color: #333; }

.navigation {
  padding: 15px 0; }

.navigation a {
  color: #000000;
  text-decoration: none; }

#commentform input[type=submit] {
  background-color: #161616;
  color: #fff;
  border: 1px solid #6E6E6E;
  padding: 3px 5px; }

/** Sidebar **/
#sidebar {
  width: 306px;
  float: right;
  margin-top: 37px; }

.side_box {
  margin-bottom: 25px; }

.side_box img {
  width: 306px;
  height: 215px; }

.side_box h3 {
  font-size: 15px; }

.side_box h3 a {
  color: #c7c7c7;
  text-decoration: none; }

.side_box h3 a:hover {
  color: #333; }

/** Footer **/
.footer_box_cont {
  padding: 10px 0;
  border-top: 1px solid #E5E5E5; }

.footer_box {
  width: 198px;
  float: left;
  padding-right: 20px;
  border-right: 1px solid #DDDDDD;
  color: #6c6c6c;
  margin-right: 20px; }

.footer_box_last {
  border-right: none; }

.footer_box h3 {
  color: #010101;
  font-size: 12px;
  font-weight: normal; }

.footer_box ul {
  list-style-type: none;
  padding-left: 0; }

.footer_box ul li {
  margin-bottom: 5px; }

.footer_box a {
  color: #6c6c6c;
  text-decoration: none; }

.footer_box a:hover {
  color: #333; }

#footer {
  background-color: #fff;
  padding: 5px 40px 0 0;
  color: #838383;
  font-size: 11px;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 10px; }

#slideshow {
  position: relative;
  height: 349px;
  width: 959px; }

#slideshow img {
  width: 959px;
  height: 349px; }

#slideshow a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8; }

#slideshow a.active {
  z-index: 10; }

#slideshow a.last-active {
  z-index: 9; }

#slider_container img.slide_prev {
  position: absolute;
  top: 200px;
  left: 15px;
  z-index: 999;
  width: 19px !important;
  height: 24px !important;
  display: block; }

#slider_container img.slide_next {
  position: absolute;
  top: 200px;
  left: 697px;
  z-index: 999;
  width: 19px !important;
  height: 24px !important;
  display: block; }

/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #logos {
    display: none; }
  #outside_container {
    margin: 0 auto;
    border-top: none;
    width: 728px;
    background-position: 66px 0; }
  #main_container {
    width: 728px;
    margin: 0 auto; }
  /*body #outside_container #main_container #slider_container #slideshow img { width: 728px !important; height: 300px !important; }*/
  .header_top_text {
    font-size: 16px; }
  #slideshow {
    position: relative;
    height: 300px;
    width: 728px; }
  #slideshow img {
    width: 728px;
    height: 300px; }
  .home_port_box_last {
    display: none; }
  .home_blog_box_last {
    display: none; }
  .home_second_port_box {
    float: right;
    margin-right: 0; }
  .home_second_blog_box {
    float: right;
    margin-right: 0; }
  .home_blog_box {
    width: 336px; }
  .home_blog_box img {
    width: 336px;
    height: 230px; }
  .home_port_box {
    width: 336px;
    height: 407px; }
  .home_port_box img {
    width: 336px;
    height: 407px; }
  .port_box_divider {
    display: none; }
  .port_box_right {
    float: right;
    margin-right: 0; }
  #port_cont .clear {
    clear: none; }
  .port_clear {
    clear: both; }
  .port_box_last {
    margin-right: 20px; }
  #single_left {
    width: 478px;
    float: left; }
  .blog_box img {
    width: 475px;
    height: 150px; }
  .single_content img {
    max-width: 478px;
    height: inherit; }
  #sidebar {
    width: 206px;
    float: right;
    margin-top: 37px; }
  .side_box img {
    width: 206px;
    height: 115px; }
  .footer_box {
    width: 138px; } }

/* for mobile */
@media screen and (max-width: 480px) {
  #mm0 {
    position: absolute;
    top: 130px;
    left: 155px; }
  #outside_container {
    margin: 0 auto;
    border-top: none;
    width: 320px; }
  #main_container {
    width: 320px;
    margin: 0 auto; }
  .header_top_text span {
    display: none; }
  .header_text_cont {
    display: none; }
  .logo {
    max-width: 300px;
    height: inherit; }
  .header_search {
    display: none; }
  #slider_container {
    display: none; }
  .home_blog_box {
    display: none; }
  .home_port_box {
    float: none;
    margin: 15px auto 25px;
    height: auto; }
  .blog_box img {
    width: 300px;
    height: 150px; }
  .single_content img {
    max-width: 300px;
    height: inherit; }
  #single_left {
    width: 300px;
    float: none;
    padding: 0 10px; }
  #sidebar {
    display: none; }
  .port_box {
    float: none;
    width: 306px;
    margin: 5px auto 25px; }
  #commentform textarea {
    width: 285px; }
  .footer_box_cont {
    display: none; }
  #footer {
    display: none; } }