/*

Theme Name: Flexography Theme

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

Description: Responsive Flexography 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: 3 column theme, clean, portfolio

*/



/* Global */

* { margin: 0; padding: 0; }

body { font-size: 12px; font-family: verdana, georgia; color:#404040; background: url('images/bg-white.png') repeat-y; background-position: top center;  }

img { border: none; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

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

a { color: #333;}

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

#main_container { width: 940px; margin: 0 auto; padding: 0 20px; /*background-color: #fff;*/ }



/* Header */

#header { /*background-color: #fff;*/ padding-top: 2px; font-family: verdana; }

.top_menu { float: right; margin-bottom: 5px; }

.top_menu ul { list-style-type: none; }

.top_menu ul li { float: left; font-size: 11px; }

.top_menu ul li a { color: #000; padding: 5px 16px; margin-left: 5px; background-color: #f3f3f3; display: block; text-decoration: none; }

.top_menu ul li a:hover { background-color: #e8e8e8; }

.top_menu ul li.current-menu-item a, .top_menu ul li.current_page_item a { background-color: #e8e8e8; }

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



.header_bottom_menu { float: left; margin-top: 15px; margin-bottom: 10px; width: 100%; }

.header_bottom_menu ul { list-style-type: none; float: left; }

.header_bottom_menu ul li { float: left; font-weight: bold; margin-right: 25px; font-size: 14px; }

.header_bottom_menu ul li a { color: #404040; text-decoration: none; }

.header_bottom_menu ul li a:hover { color: #484848; text-decoration: none; }

.header_bottom_menu ul li.current-menu-item a, .header_bottom_menu ul li.current_page_item a, .header_bottom_menu ul li.current-menu-parent a{ color: #484848; text-decoration:underline; }

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

.search_icon { position: absolute; right: 8px; top: 7px; }

.header_bottom_menu input[type=text] { width: 115px; height: 23px; border: 1px solid #E5E5E5; padding: 0 20px 0 5px; }



.home_divider { margin: 13px 0; height: 10px; background-color: #fff; }

.content_divider { height: 36px; position: relative; margin: 12px 0 0; }

.content_divider_inside { width: 940px; height: 36px; background: url('images/content-divider.png') #dcdcdc repeat-x; position: absolute; left: -1px; }



.content_cont { padding: 10px 0; background-color: #fff; }

.home_post_box { float: left; margin-right: 20px; width: 300px; font-family: verdana; }

.home_post_box img { width: 300px; height: 325px; }

/*.home_post_box img:hover { opacity:0.8; filter:alpha(opacity=80); }*/

.home_post_box_last { margin-right: 0; }

.home_post_box h3 { font-weight: normal; }

.home_post_box h3 a { color: #989697; text-decoration: none; text-transform: uppercase; font-weight: normal; }

.home_post_box h3 a:hover { color: #484848; }

.hover_cont { font-size: 12px; color: #fff; padding: 10px; }



    .hover_caption {

      /* If you can count of CSS3 support: */

      background-color: rgba(0, 0, 0, 0.7);

/*background-color: #000;*/

  

      /* Or use a transparent image if you need to support bad browsers: */

/*      background-image: url(http://www.bormioli-faguer.fr/wp-content/themes/flexographtheme/images/hover_caption_bg.png);*/

  

      /* NOTE: If you're img elements have paddings or margins you'll need to

      match them here to get things lined up properly. */

/*      opacity:0.9; filter:alpha(opacity=90);*/

    }





.home_post_box_side h3 { color: #424142; }

.home_post_side_cont { width: 280px; height: 305px; background-color: #F3F3F3; padding: 10px; }

.home_post_side_cont ul { float: right; list-style-type: none; }

.home_post_side_cont ul li { float: left; margin-left: 10px; }

.home_post_side_cont ul li img { width: 19px; height: 19px; }



.home_side_box { margin: 20px 0; font-size: 10px; color: #989697; }

.home_side_box img { float: left; margin-right: 8px; width: 64px; height: 69px; }

.home_side_box h3 { margin: 0; text-transform: uppercase; font-size: 11px; color: #989697; }

.home_side_box h3 a { color: #989697; text-decoration: none; }

.home_side_box h3 a:hover { color: #484848; text-decoration: none; }

.home_side_box p { margin-top: 5px; }



#slider_container { width: 940px; height: 390px; }

#slider img { width: 940px; height: 390px; }



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

#single_left h1 { font-size: 12px; }

#single_left .home_post_box { margin-bottom: 25px; }



.nav_cont { padding: 15px 0; }

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



#commentform input[type=submit] { background-color: #000; border: none; color: #fff; padding: 8px 10px; }

#commentform a { color: #000; }



.commentlist a { color: #000; }



.nivoSlider {

    position:relative;

    width:940px; /* Change this to your images width */

    height:390px; /* Change this to your images height */

    background:url(http://www.bormioli-faguer.fr/wp-content/themes/flexographtheme/images/loading.gif) no-repeat 50% 50%;

}

.nivoSlider img {

    position:absolute;

    top:0px;

    left:0px;

    display:none;

}

.nivoSlider a {

    border:0;

    display:block;

}



.contenthover { padding:20px 20px 10px 20px; }

.contenthover, .contenthover h3, contenthover a { color:#fff; }

.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }

.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contenthover a.mybutton:hover { background:#34742d }





/* Sidebar */

#sidebar { width: 260px; float: right; margin-top: 20px; }

.side_box { margin-bottom: 25px; color: #666; }

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

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

.side_box h3 { padding: 5px 10px; background-color: #E4E4E2; margin-top: 0; }

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

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



/* Footer */



#footer { padding: 15px 0; text-align: right; font-size: 11px; color: #424142; }

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

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



#slider_container {

    position:relative;

    height:382px;

    width: 940px;

}



#slideshow {

    position:relative;

    height:382px;

    width: 940px;

}



#slideshow img { width: 940px; height: 382px; }



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

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







/* for mobile */

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



#main_container { width: 320px; padding: 0; }

#menu_container { display: none; }

/*.home_post_cont { margin-right: auto; margin-left: auto; float: none; clear: both; }*/

#slider_container { display: none; }

.content_divider { display: none; }

.home_first_col { display: none; }

.home_third_col { display: none; }

.top_menu { display: none; }

.header_search_cont { display: none; }

.header_bottom_menu { width: auto; }

.header_bottom_menu ul li { float: none; margin-bottom: 3px; margin-right: 0; }

#footer { display: none; }

#commentform textarea { width: 220px; }

#sidebar { display: none; }

#single_left { float: none; width: 228px; margin-left: auto; margin-right: auto; }

#single_left img { width: 228px; height:inherit; }

.home_post_box_hover img { width: 228px; height: inherit; }

.home_post_box { margin-bottom: 20px; width: 228px; margin-right: auto; margin-left: auto; float: none; }

.home_title { display: none; }

.logo { margin-top: 20px; float: none; margin-left: auto; margin-right: auto; }



}



/* for tablet */

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



#main_container { width: 728px; padding: 0;  }

.content_divider_inside { width: 728px; }

.home_post_box { width: 234px; margin-right: 13px; }

.home_post_box img { width: 234px; height: 250px; }

.home_post_side_cont { width: 214px; height: 235px; overflow: hidden;  }

.home_post_box_last { margin-right: 0; }

#slider_container { width: 728px; height: 290px; }

#slider_container .slider-wrapper #slider img.slide_img { width: 728px !important; height: 290px !important; }



#single_left { width: 500px; }

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

.nivoSlider { width:728px; /* Change this to your images width */ }

#sidebar { width: 200px; float: right; margin-top: 20px; }

.home_post_box_side h3 { font-size: 11px; color: #989697; }

.home_side_box img { width: 64px; height: 69px; }



#slideshow { height: 290px; width: 728px; }



#slider_container {

height: 290px; width: 728px;

}



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

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

#slider_container img.slide_next { left: 694px; top: 130px; }







}