/*

Theme Name: Impression Theme Responsive

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

Description: Impression Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator, designer and blogger. 

Version: 2.0

Author: Marios Lublinski

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

Tags: 5 column theme, clean, portfolio, blogger

*/



/* =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;

}



img.bg {

	/* Set rules to fill background */

	min-height: 100%;

	min-width: 1024px;

	

	/* Set up proportionate scaling */

	width: 100%;

	height: auto;

	

	/* Set up positioning */

	position: fixed;

	top: 0;

	left: 0;

        z-index: -99999;

}



/* Global */

html, body, div { margin: 0; padding: 0; }

body { font-family: verdana, arial, georgia; font-size: 12px; color: #444; }

img { border: none; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

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

p { line-height: 19px; }

#main_container { width: 1197px; margin: 0 auto; }

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



a:hover { text-decoration:underline; color:#222; }



/* Header */

#header { padding: 20px 0 0 0; }



#menu_container { background: url('images/menu-container-back.jpg') repeat-x; height: 57px; }

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

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

#menu_container ul li a { display: block; min-width: 155px; margin-right: 15px; padding: 20px 0 0 10px; color: #949494; text-decoration: none; border-top: 2px solid transparent; }

#menu_container ul li a:hover { border-top: 2px solid #000; }

#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a { border-top: 2px solid #000; }



.cat_menu_cont { margin: 10px 0 20px; }

.cat_menu_cont ul { list-style-type: none; margin: 0; padding: 0; }

.cat_menu_cont ul li { float: left; font-size: 10px; margin-right: 25px; }

.cat_menu_cont ul li a { color: #949494; text-decoration: none; padding: 0 10px; }

.cat_menu_cont ul li a:hover { text-decoration: underline; }

.cat_menu_cont ul li.current-menu-item a, .cat_menu_cont ul li.current_page_item a { text-decoration: underline; }



/* Content */

#slider_container { margin: 0px 0 20px; }



#slider_container {

    position:relative;

    height:437px;

    width: 1197px;

}



#slideshow {

    position:relative;

    height:437px;

    width: 1197px;

}



#slideshow img { width: 1197px; height: 437px; }



#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: 190px; left: 15px; z-index: 999; width: 19px !important; height: 24px !important; }

#slider_container img.slide_next { position: absolute; top: 190px; right: 15px; z-index: 999; width: 19px !important; height: 24px !important; }





.home_post_box { float: left; width: 233px; margin: 10px 8px 35px 0; font-size: 10px; color: #5f6468; padding-bottom: 20px; border-bottom: 2px solid #fff; }

.home_post_box h3 { margin: 0; padding: 15px 0; font-size: 11px; background: url('images/home-post-title-line.jpg') no-repeat; background-position: bottom left; }

.home_post_img_cont { width: 233px; height: 240px; }

.home_post_box img { width: 233px; height: 240px; }

.home_post_box h3 a { color: #2e3c47; text-decoration: none; }

.home_post_box_last { margin-right: 0; }



.blog_left { float: left; width: 898px; }

.blog_left h1 { margin-top: 0; font-size: 17px; font-weight: normal; }

.blog_box { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #DEDEDE; position: relative; }

.blog_box_img { float: left; }

.blog_box_img img { width: 557px; height: 265px; margin-right: 20px; }

.blog_box h3 { margin-top: 0; font-size: 16px; font-weight: normal; }

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

.blog_box h3 a:hover { text-decoration: underline; }

.blog_meta { position: absolute; bottom: 18px; right: 0; width: 320px; line-height: 18px; }

.blog_meta a { color: #444; text-decoration: none; }

.blog_meta a:hover { text-decoration: underline; }



.blog_nav { padding: 25px 0; }

.blog_nav a { color: #000; text-decoration: none; }



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



/* Sidebar */



#sidebar { float: right; width: 205px; }

.side_box { margin-bottom: 25px; }

.side_box h3 { margin-top: 0; font-size: 14px; }

.side_box ul { margin: 0; padding: 0; list-style-type: none; }

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

.side_box ul li a { color: #444; text-decoration: none; }

.side_box ul li a:hover { text-decoration:underline; color:#222; }



.t1_search_cont { position: relative; width: 170px; }

.t1_search_cont input[type=text] { width: 150px; height: 17px; border: 1px solid #E5E5E5; padding: 3px 15px 3px 5px;  }

.t1_search_icon { position: absolute; top: 6px; right: 3px; }



/* Footer */

#footer { padding: 15px 0; border-top: 1px solid #C1C0C0; margin-top: 25px; color: #979797; font-size: 11px; }

#footer a { color: #979797; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer ul { list-style-type: none; margin: 0; padding: 0; }

#footer ul li { float: left; padding-right: 15px; margin-right: 5px; background: url('images/footer-social-divider.jpg') no-repeat; background-position: center right; }





/* for tablet */



@media only screen and (min-width: 768px) and (max-width: 959px) {



#main_container { width: 728px; }



#slider_container {

    position:relative;

    height:266px;

    width: 728px;

}



#slideshow {

    position:relative;

    height:266px;

    width: 728px;

}



#slideshow img { width: 728px; height: 266px; }



#slider_container img.slide_prev { top: 125px; }

#slider_container img.slide_next { top: 125px; }



.blog_box { padding-bottom: 60px; }

.blog_left { float: left; width: 500px; }

.blog_left .single_content img { max-width: 500px; height: inherit; }

.blog_box_img img { width: 277px; height: 132px; margin-right: 20px; }

.blog_meta { width: 500px; }





}



/* for mobile */



@media screen and (max-width: 480px) {





#main_container { width: 320px; }



#slider_container { display: none; }



.home_post_box { float: none; width: 280px; margin: 0 auto 25px; }

.home_post_img_cont { width: 280px; height: 288px; }

.home_post_box img { width: 280px; height: 288px; }





.home_post_box_last { margin-right: auto; }



#menu_container ul li a { min-width: 0; margin-right: 15px; }



.cat_menu_cont ul li { margin-right: 10px; margin-bottom: 10px; }





.blog_box { padding-bottom: 60px; }

.blog_left { float: none; width: 300px; padding: 0 10px; }

.blog_box_img { float: none; margin-bottom: 15px; }

.blog_box_img img { width: 277px; height: 132px; margin-right: 20px; }

.blog_meta { width: 300px; }



.blog_left .single_content img { max-width: 300px; height: inherit; }

#commentform textarea { max-width: 300px; }



#sidebar { display: none; }

#footer { display: none; }





}