/*
Theme Name: Modern Portfolio Responsive WordPress
Theme URI: http://www.dessign.net/smodernportfoliotheme/
Description: Responsive Modern Portfolio Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 2.0.1
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 5 column theme, clean, portfolio
*/
/* =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 */
body, div { margin: 0; padding: 0; }
body { font-size: 12px; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: normal; letter-spacing: 1px; color: #333; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
p { line-height: 20px; }
.left { float: left; }
.right { float: left; }
.clear { clear: both; }
a { text-decoration: underline; color: #333; }
a:hover { text-decoration: none; color: #000;}
::selection {
	background: #c9dee3; 
	}
::-moz-selection {
	background: #c9dee3; 
}
/* Header */
#header { width: 1000px; margin: 0 auto; padding-top: 4px; padding-bottom: 5px; height: 65px; position: relative; }
.logo { margin-top: 3px; float: left; }
.social_search_cont { float: right; }
.social_search_cont img { float: right; margin-left: 9px; }
.social_search_cont input[type=text] { float: right; margin-left: 2px; border: none; width: 116px; height: 18px; background-color: #000; color: #757575; padding-left: 10px; padding-right: 10px; }
#menu { float: right; list-style-type: none; margin: 15px 0 0 0; padding: 0; }
#menu li { float: left; font-size: 12px; margin-left: 15px; font-weight: bold; position: relative; text-transform: uppercase; letter-spacing: 2px; }
#menu li a { color: #666; text-decoration: none; padding: 15px 5px 15px 8px; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#menu li a:hover { border-bottom: none; color: #990033;  }
#menu li.current-menu-item a, #menu li.current_page_item a { color: #222; }
#menu li.current-menu-item ul li a, #menu li.current_page_item ul li a { border-top: none; }
#menu li ul li.current-menu-item a, #menu li ul li.current-menu-item a { border-top: none; }
#menu li ul { display: none; position: absolute; left: 0; top: 45px; list-style-type: none; margin: 0; padding: 0; z-index: 200; border: 1px solid #DFDFDF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  }
#menu li ul li { float: none; width: 150px; margin-left: 0; }
#menu li ul li a { background-color: #fff; border: none; padding: 8px 8px; font-weight: normal; font-size: 11px;  }
#menu li ul li a:hover { border: none; color: #999; }
#slide_prev { position: absolute; left: 0; bottom: -250px; z-index: 30; cursor: pointer; }
#slide_next { position: absolute; right: 0; bottom: -250px; z-index: 30; cursor: pointer; }
/* Content */
#content { width: 1000px; margin: 0 auto; padding: 35px 0; }
.home_content { width: 1000px !important; }
#carousel { padding-top: 15px; margin-left: -15px; }
#carousel a {
        display: block;
        width: 1024px;
        height: 400px;        
        float: left;
        margin-right: 15px;
        margin-left: 15px;
        opacity: 0.5;        
}
#carousel img {
        display: block;
        float: left;
        margin-right: 15px;
        margin-left: 15px;
/*        opacity: 0.5;*/
        width: 1024px;
        height: 400px;
}
#carousel img.first_img { opacity: 1; }
#carousel a.first_img { opacity: 1; }
.home_box { float: left; width: 187px; margin-right: 15px; margin-bottom: 20px; position: relative; }
.home_box_last { margin-right: 0; }
.img_cont { width: 187px; height: 187px; position: relative; }
.home_box img { width: 187px; height: 187px;  border-radius: 5px; }
.home_box h3 { text-align: center; font-size: 11px; margin-bottom: 5px; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: normal; letter-spacing: 1px; text-transform: uppercase;  }
.home_box h3 a { color: #888; text-decoration: none;  font-weight: normal; }
.home_box h3 a:hover { color: #333; text-decoration: none; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: normal; letter-spacing: 1px; font-size: 11px; text-transform: uppercase;}
.home_box .cat { color: #A0A0A0; text-align: center; margin: 0; }
.home_box .cat a { color: #A0A0A0; text-decoration: underline; }
.home_box .cat a:hover { color: #A0A0A0; text-decoration: none; }
.home_box_content { position: absolute; font-size: 12px; width: 400px; padding: 3px 3px 0; background-color: #fff; left: 0; bottom: 0px; display: none; }
.home_box_content p { margin: 0 0 5px 0; line-height: 14px; }
.home_box_content a { color: #fff; }
.post_meta { padding: 3px 5px; float: right; background-color: #000; color: #fff; font-size: 11px; }
.archive_title { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-size: 14px; font-weight: normal; margin: 2px 2px 20px 1px; padding: 5px; }
#single_left { width: 725px; float: left; margin-top: 0px; }
#single_left .single_cont img { max-width: 725px; height: inherit; }
.blog_box { margin-bottom: 25px; margin-left: 2px;}
.blog_box .left { font-size: 22px; width: 130px; }
.blog_post_meta { background-color: #000; color: #fff; font-size: 11px; margin-top: 3px; padding: 2px 5px; }
.blog_post_meta a { color: #fff; text-decoration: none; }
.blog_box .right { width: 700px; }
.blog_box .right h3 { margin-top: 15px; font-size: 21px; font-weight: normal; }
.blog_box .right h3 a { color: #000; text-decoration: none; }
.blog_box .right h3 a:hover { color: #999; }
.blog_box .right img { width: 700px; height: 250px; border-radius: 5px;  }
.blog_box .right img:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
.blog_nav { padding: 15px 0; }
.blog_nav .left a { display: block; width: 24px; height: 39px; background: url('images/blog-prev.jpg') no-repeat; }
.blog_nav .right a { display: block; width: 24px; height: 39px; background: url('images/blog-next.jpg') no-repeat; }
.single_cont h1.single_title { margin-top: 1px; font-size: 20px; font-weight: normal; margin-bottom: 7px;  }
.load_more_cont { padding-top: 15px; }
.load_more_text a { display: block; width: 161px; height: 48px; background: url('images/load-more.jpg') no-repeat; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
.next_prev_cont { padding: 25px 0; }
.next_prev_cont .left { float: left; width: 45%; }
.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }
.next_prev_cont .right { float: right; width: 45%; text-align: right; }
.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px;  min-height: 30px; }
/* Sidebar */
#sidebar { float: right; width: 200px; margin-top: 40px;}
.side_box { margin-bottom: 15px; }
.side_box img { width:187px; height: 187px; border-radius: 5px;  }
.t1_search_cont { position: relative; width: 250px; }
.t1_search_cont input[type=text] { width: 230px; height: 17px; border: 1px solid #E5E5E5; padding: 3px 15px 3px 5px;  }
.t1_search_icon { position: absolute; top: 6px; right: 3px; }
/* Footer */
#footer { text-align: center; padding: 35px 15px 10px; color: #666; }
.desktop_clear { clear: both; }
/* for tablet landscape */
@media only screen and (max-width: 1280px) {
#header { width: 840px; padding-left: 10px; padding-right: 10px; }
#menu li { margin-left: 15px; }
#menu li a { padding: 15px 15px; }
#slide_prev { bottom: -200px; }
#slide_next { bottom: -200px; }
#carousel a {
        width: 728px;
        height: 300px;        
}
#carousel img {
        width: 728px;
        height: 300px;
}
#content { width: 840px; padding-left: 10px; padding-right: 10px; }
.home_content { width: 840px !important; }
.home_box { width: 160px; margin-right: 10px; }
.img_cont { width: 160px; height: 160px; }
.home_box img { width: 160px; height: 160px;}
.home_box_last { margin-right: 10px; }
.tablet_home_box_last { margin-right: 0; }
.home_box_content { width: 400px; }
.desktop_clear { clear: none; }
.tablet_clear { clear: both; }
#single_left { width: 510px; }
#single_left .single_cont img { max-width: 510px; height: inherit; }
.blog_box { margin-bottom: 25px; }
.blog_box .left { font-size: 21px; width: 150px; }
.blog_post_meta { background-color: #000; color: #fff; font-size: 11px; margin-top: 3px; padding: 2px 5px; }
.blog_post_meta a { color: #fff; text-decoration: none; }
.blog_box .right { width: 500px; }
.blog_box .right img { width: 500px; height: 230px; }
#sidebar { width: 240px; }
#sidebar .side_box img { width:240px; height:240px; }
.t1_search_cont { width: 240px; }
.t1_search_cont input[type=text] { width: 160px;  }
}
/* for tablet Portrait */
@media only screen and (max-width: 1023px) {
#header { width: 708px; padding-left: 1px; padding-right: 1px; }
#menu {  width: 708px; float: right; list-style-type: none; margin: 1px 0 0 0; padding: 1px; }
#menu li { margin-left: 1px; }
#menu li a { padding: 15px 15px; }
#slide_prev { bottom: -200px; }
#slide_next { bottom: -200px; }
#carousel a {
        width: 728px;
        height: 300px;        
}
#carousel img {
        width: 728px;
        height: 300px;
}
#content { width: 708px; padding-left: 10px; padding-right: 10px; }
.home_content { width: 708px !important; }
.home_box { width: 135px; margin-right: 8px; }
.img_cont { width: 135px; height: 130px; }
.home_box img { width: 135px; height: 135px;  }
.home_box_last { margin-right: 8px; }
.tablet_home_box_last { margin-right: 0; }
.home_box_content { width: 350px; }
.desktop_clear { clear: none; }
.tablet_clear { clear: both; }
#single_left { width: 510px; }
#single_left .single_cont img { max-width: 510px; height: inherit; }
.blog_box { margin-bottom: 25px; }
.blog_box .left { font-size: 21px; width: 150px; }
.blog_post_meta { background-color: #000; color: #fff; font-size: 11px; margin-top: 3px; padding: 2px 5px; }
.blog_post_meta a { color: #fff; text-decoration: none; }
.blog_box .right { width: 450px; }
.blog_box .right img { width: 450px; height: 180px; }
#sidebar { width: 180px; }
#sidebar .side_box img { width:180px; height:180px; }
.t1_search_cont { width: 180px; }
.t1_search_cont input[type=text] { width: 160px;  }
}
/* for mobile landscape */
@media screen and (max-width: 766px) {
#header { width: 300px; padding-left: 10px; padding-right: 10px; height: auto; }
.logo { float: none; margin-bottom: 10px; }
#menu {  width: 300px; float: right; list-style-type: none; margin: 1px 0 0 0; padding: 1px; }
#menu li { float: left; font-size: 16px;  font-weight: bold; position: relative; text-transform: uppercase; margin-right: 1px; }
#menu li a { padding: 10px; margin-bottom: 0px; }
.social_search_cont { float: right; margin-right: 20px;}
#content { width: 300px; padding-left: 10px; padding-right: 10px; }
.home_content { width: 300px !important; }
.home_box { float: none; margin: 0 auto 25px; margin-left: 50px; width: 200px; }
.img_cont { width: 200px; height: 200px; }
.home_box img { width: 200px; height: 200px; }
.home_box_content { position: absolute; font-size: 14px; width: 250px; padding: 3px 3px 0; background-color: #fff; left: 0; bottom: 0px; display: none; }
#single_left { float: none; margin: 0 auto; width: 300px; padding-left: 0px; padding-right: 0px; }
#single_left .single_cont img { max-width: 300px; height: inherit; }
.blog_box .left { font-size: 21px; width: auto; float: none; margin-bottom: 10px; }
.blog_box .right { width: 300px; }
.blog_box .right img { width: 300px; height: 130px; }
#commentform textarea { max-width: 280px; }
#sidebar { display: none; }
}
/* for mobile portrait */
@media screen and (max-width: 479px) {
#header { width: 300px; padding-left: 10px; padding-right: 10px; height: auto; }
.logo { float: none; margin-bottom: 10px; }
#menu {  width: 300px; float: right; list-style-type: none; margin: 1px 0 0 0; padding: 1px; }
#menu li { float: left; font-size: 16px;  font-weight: bold; position: relative; text-transform: uppercase; margin-right: 1px; }
#menu li a { padding: 10px; margin-bottom: 0px; }
.social_search_cont { float: right; margin-right: 20px; }
#content { width: 300px; padding-left: 10px; padding-right: 10px; }
.home_content { width: 300px !important; }
.home_box { float: none; margin: 0 auto 25px; margin-left: 50px; width: 200px; }
.img_cont { width: 200px; height: 200px; }
.home_box img { width: 200px; height: 200px; }
.home_box_content { position: absolute; font-size: 14px; width: 250px; padding: 3px 3px 0; background-color: #fff; left: 0; bottom: 0px; display: none; }
#single_left { float: none; margin: 0 auto; width: 300px; padding-left: 0px; padding-right: 0px; }
#single_left .single_cont img { max-width: 300px; height: inherit; }
.blog_box .left { font-size: 21px; width: auto; float: none; margin-bottom: 10px; }
.blog_box .right { width: 300px; }
.blog_box .right img { width: 300px; height: 130px; }
#commentform textarea { max-width: 280px; }
#sidebar { display: none; }
}