/*
Theme Name: Architekt Theme Responsive Premium
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
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}
/** Global **/
* { margin: 0; padding: 0; }
body { font-family: arial, verdana, georgia; font-size: 12px; background-color: #FFFFFF;  color: #c7c7c7; }
#outside_container { margin: 0 auto; background-color: #fff; border-top: 7px solid #FFFFFF; width: 1039px; }
#main_container { width: 959px; margin: 0 auto; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
h1 { font-size: 15px; }
a { color: #A1A1A1; text-decoration: none; }
a:hover { text-decoration:underline; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: none; }
/** Header **/
#header { }
.header_top_text { padding: 5px 0; text-align: center; font-size: 20px; border-bottom: 1px dotted #ccc; color: #999; }
.header_text_cont { float: right; padding: 0 25px 0 15px; margin: 10px 0; border-left: 1px solid #ddd; width: 275px; }
.logo { float: left; margin-top: 15px; }
#menu_container { padding: 5px 0; border-bottom: 1px solid #FFF; }
#menu_container ul { list-style-type: none; }
#menu_container ul li { float: left; font-size: 12px; position: relative; }
#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; }
#menu_container ul li ul { display: none; position: absolute; top: 25px; left: 0; z-index: 150; border: 1px solid #ddd; }
#menu_container ul li ul li { width: 150px; float: none; }
#menu_container ul li ul li a { background-color: #fff; }
.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; }
#slider_container { padding: 10px 0; border-bottom: 1px solid #E5E5E5; position: relative; }
.slide_prev_new { position: absolute; left: 10px; top: 170px; z-index: 20; cursor: pointer; }
.slide_next_new { position: absolute; right: 10px; top: 170px; z-index: 20; cursor: pointer; }
#single_container { padding: 20px 0; }
.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: 13px; 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: 15px; font-weight: normal; color: #a4a4a5; }
.home_port_box h3 a { color: #a4a4a5; text-decoration: none; }
.home_port_box h3 a:hover { color: #333; }
h3.top_title, h1.top_title { padding: 5px 5px; margin: 2px 0 2px; font-size: 14px; font-weight: normal; border-top: 1px solid #eee;}
#single_left { width: 628px; float: left;  }
#single_left p { color: #888888; }
.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: 252px; }
.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; }
.archive_cont .home_port_box { height: auto; }
#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; }
.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) {
#outside_container { margin: 0 auto; border-top: none; width: 728px; }
#main_container { width: 728px; margin: 0 auto; }
/*body #outside_container #main_container #slider_container #slideshow img { width: 728px !important; height: 300px !important; }*/
#slideshow {
    position:relative;
    height:300px;
    width: 728px;
}
.slide_prev_new { top: 150px; }
.slide_next_new { top: 150px; }
#slideshow img { width: 728px; height: 300px; }
.home_second_port_box { float: right; margin-right: 0; }
.home_second_blog_box { float: right; margin-right: 0; }


.home_blog_box { width: 230px; }
.home_blog_box img { width: 230px; height: 160px; }

.home_blog_box h3 { width: 230px; }

.home_port_box { width: 230px; height: 300px; }
.home_port_box img { width: 230px; height: 300px;  }

.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; }
.archive_cont .home_port_box { height: auto; }
#sidebar { width: 206px; float: right; margin-top: 37px; }
.side_box img { width: 206px; height: 115px; }
.footer_box { width: 138px; }
.footer_box_cont { margin-top:30px; }
}

/* for mobile portrait */
@media screen and (max-width: 480px) {
#outside_container { margin: 0 auto; border-top: none; width: 320px; }
#main_container { width: 320px; margin: 0 auto; }
.header_top_text { display: none; }
.header_text_cont { display: none; }
.logo { max-width: 300px; height: inherit; }
.header_search { display: none; }
#slideshow {
    position:relative;
    height:150px;
    width: 320px;
}
.slide_prev_new { top: 75px; }
.slide_next_new { top: 75px; }
#slideshow img { width: 320px; height: 150px; }


.home_blog_box { width: 300px; margin: 10px;  }
.home_blog_box img { width: 300px; height: 180px; }

.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; }
}

/* for mobile landscape */
@media screen and (max-width: 766px) {
#outside_container { margin: 0 auto; border-top: none; width: 320px; }
#main_container { width: 320px; margin: 0 auto; }
.header_top_text { display: none; }
.header_text_cont { display: none; }
.logo { max-width: 300px; height: inherit; }
.header_search { display: none; }
#slideshow {
    position:relative;
    height:150px;
    width: 320px;
}
.slide_prev_new { top: 75px; }
.slide_next_new { top: 75px; }
#slideshow img { width: 320px; height: 150px; }
.home_blog_box { width: 300px; margin: 10px; }
.home_blog_box img { width: 300px; height: 180px; }

.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; }
}