/*
Theme Name: UltraSimple Responsive Theme
Theme URI: http://www.dessign.net/ultrasimpletheme/
Description: Responsive UltraSimple Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 3.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 3 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: 13px; font-family: 'Raleway', sans-serif; color: #333; line-height: 21px;}
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
p { line-height: 21px; margin: 10px 0 15px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.desktop_clear { clear: both; }
.tablet_clear { clear: none; }
a { color: #222; text-decoration: none; }
a:hover { color: #666; }
::selection {

	background: #c9dee3; 

	}

::-moz-selection {

	background: #c9dee3; 

}
/* Header */
#header { width: 980px; margin: 0 auto; padding: 4px 5px 25px;  }
.logo { float: left; margin-top: 3px; }
.social_cont { float: right; }
.social_cont ul { list-style-type: none; margin: 0; padding: 0; }
.social_cont ul li { float: right; margin-left: 5px; }
.header_menu { float: right; margin-left: 170px; margin-top: 15px; }
#menu { list-style-type: none; margin: 0; padding: 0; }
#menu li { float: left; margin-left: 35px; font-size: 13px; position: relative; padding-bottom: 10px; text-transform: uppercase;}
#menu li a { color: #999; text-decoration: none; }
#menu li a:hover { color: #333; }
#menu li.current-menu-item a, #menu li.current_page_item a { color: #333; }
#menu li ul { list-style-type: none; margin: 0; padding: 0; display: none; position: absolute; top: 27px; left: 0; border: 1px solid #dfdfdf; z-index: 30; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
#menu li ul li {  width: 180px; background-color: #fff; margin: 0;  font-weight: normal; padding: 3px 0; border-top: 1px solid #efefef;}
#menu li ul li a { display: block; padding: 4px 5px; color: #333; text-decoration: none; color: #888; }
/* Content */
#slider_cont { width: 100%; /*height: 400px;*/ height: auto; margin-bottom: 25px; position: relative; }
#slideshow { width: 100%; /*height: 400px;*/ /*height: auto;*/ overflow: hidden; position: relative; height: 500px; }
#slideshow img { width: 100%; /*height: 400px;*/ height: inherit; max-height: 500px; display: none; position: absolute; left: 0; top: 0; }
#slideshow .first_img { display: block; }
.slide_prev { position: absolute; left: 25px; top: 170px; cursor: pointer; display: none; }
.slide_next { position: absolute; right: 25px; top: 170px; cursor: pointer; display: none; }
#content { padding: 25px 0; width: 980px; margin: 0 auto; }
.home_post_box { float: left; width: 303px;margin: 10px 35px 1px 0; color: #878D8D; }
.home_post_box_last { margin-right: 0 !important; }
.home_post_box_tablet_last { margin-right: 35px; }
.home_post_box img { width: 303px; height: 160px; margin-bottom: 10px; }
.home_post_box img:hover { opacity:0.8; filter:alpha(opacity=80); }
.home_post_box h3, .home_post_box p { padding: 0 1px; }
.home_post_box h3 { font-size: 15px; font-weight: normal; }
.home_post_box h3 a { color: #000; text-decoration: none; }
.home_post_box h3 a:hover { color: #999; }
#single_cont { padding: 0 1px; }
#single_content { width: 700px; float: left; }
.blog_box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DEDEDE; }
.blog_box_img { float: left; }
.blog_box_img img { width: 357px; height: 265px; }
.blog_box_img img:hover { opacity:0.8; filter:alpha(opacity=80); }
.blog_box_right { width: 320px; float: right; height: 265px; position: relative; }
.blog_box_right h3 { margin-top: 0; font-size: 18px; font-weight: normal; }
.blog_box_right h3 a { color: #000; text-decoration: none; }
.blog_box_right h3 a:hover {color: #666; }
.blog_box_right p { margin-bottom: 0; }
.blog_box_meta { position: absolute; left: 0; bottom: 0; width: 320px; }
.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; }
h1.single_title { margin-top: 0; font-size: 17px; font-weight: normal; margin-bottom: 20px; }
.archive_nav { padding: 15px 0; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
/* Sidebar */
#sidebar { float: right; width: 200px; }
.side_box { margin-bottom: 25px; float: left; }
.side_box h3.side_title { margin-top: 0; font-size: 15px; }
.side_box ul { list-style-type: none; margin: 10px 0; padding: 0; }
.side_box ul li { margin-bottom: 8px; }
.t1_search_cont { position: relative; width: 200px; }
.t1_search_cont input[type=text] { width: 180px; height: 17px; border: 1px solid #E5E5E5; padding: 3px 15px 3px 5px;  }
.t1_search_icon { position: absolute; top: 6px; right: 3px; }
/* Footer */
#footer_full { width: 100%; border-top: 1px solid #eee; background-color: #e5e5e5; }
#footer { padding: 18px 0 0 0; width: 1040px; margin: 0 auto;  }
.footer_box_cont { width: 290px; float: left; margin: 1px 25px 1px 25px; }
.footer_box { margin-bottom: 25px;  }
.footer_box h3.footer_title { margin-top: 0; font-size: 14px; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px; max-width: 250px;  }
.footer_box_cont_last { margin-right: 0; }
.footer_box ul { list-style-type: none; margin: 10px 0; padding: 0; }
.footer_box ul li { margin-bottom: 8px; }
.footer_full_text { border-top: 1px solid #eee; margin-top: 30px; width: 100%; }
.footer_text { padding: 5px 0; width: 980px; margin: 0 auto; text-align: right; }
/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.desktop_clear { clear: none; }
.tablet_clear { clear: both; }
#slider_cont { width: 100%; /*height: 200px;*/ height: inherit; margin-bottom: 25px; position: relative; }
#slideshow { width: 100%; /*height: 200px;*/ height: inherit; overflow: hidden; position: relative; }
#slideshow img { width: 100%; /*height: 200px;*/ height: inherit; display: none; /*position: absolute; left: 0; top: 0;*/ }
#slideshow .first_img { display: block; }
#header { width: 708px; padding: 4px 10px 25px; }
.header_menu { margin-left: 20px; max-width: 435px; }
#menu li { font-size: 12px; margin-left: 25px; }
#content { padding: 20px 10px; width: 708px; margin: 0 auto; }
.home_post_box { width: 230px;margin: 10px 8px 15px 0; }
.home_post_box img { width: 230px; height: 130px; }
.home_post_box_last { margin-right: 8px !important; }
.home_post_box_tablet_last { margin-right: 0 !important; }
.home_post_box h3, .home_post_box p { padding: 0 15px; }
#single_cont { padding: 0 0px; }
#single_content { width: 540px; float: left; }
#single_content .single_content img { max-width: 540px; height: inherit; }
.blog_box_img img { width: 280px; height: 210px; }
.blog_box_right { width: 240px; float: right; height: auto; position: relative; /*padding-bottom: 65px;*/ padding-bottom: 45px; }
.blog_box_right p { line-height: 18px; }
.blog_box_meta { width: 240px; line-height: 18px; }
#sidebar { width: 150px; }
#footer { padding: 40px 10px 0 10px; width: 708px; margin: 0 auto; }
.footer_box_cont { width: 220px; float: left; margin: 0 24px 0 0px; }
.footer_box_cont_last { margin-right: 0; }
.footer_text { padding: 25px 10px; width: 708px; margin: 0 auto; text-align: right; }
}
@media screen and (max-width: 766px) {
.desktop_clear { clear: none; }
.tablet_clear { clear: none; }
#header { width: 300px; padding: 4px 10px 25px; }
.social_cont { display: none; }
.logo { float: none; }
#slider_cont { width: 100%; height: 100px;  margin-bottom: 15px; position: relative; }
#slideshow img { width: 100%; height: 100px;  display: none; /*position: absolute; left: 0; top: 0;*/ }
.slide_prev { position: absolute; left: 15px; top: 30px; cursor: pointer; display: none; }
.slide_next { position: absolute; right: 15px; top: 30px; cursor: pointer; display: none; }
.header_menu { float: none; margin: 25px auto 0; }
#menu li { margin: 0 15px 0 0; }
#menu li ul { /*opacity: 0;*/ }
#content { padding: 20px 10px; width: 300px; margin: 0 auto; }
.home_post_box { width: 300px; margin: 0 auto 25px; }
.home_post_box img { width: 300px; height: 166px; }
.home_post_box_last { margin-right: auto !important; }
.home_post_box_tablet_last { margin-right: auto !important; }
.home_post_box h3, .home_post_box p { padding: 0 10px; }
#single_cont { padding: 0 0px; }
#single_content { width: 300px; float: none; }
#single_content .single_content img { max-width: 300px; height: inherit; }
.blog_box_img { float: none; }
.blog_box_img img { width: 300px; height: 220px; float: none; margin-bottom: 15px; }
.blog_box_right { width: 300px; float: none; height: auto; position: relative; padding-bottom: 65px; }
.blog_box_right p { line-height: 18px; }
.blog_box_meta { width: 240px; line-height: 18px; }
#commentform textarea { max-width: 280px; }
#sidebar { display: none; }
#footer { padding: 40px 10px 0 10px; width: 300px; margin: 0 auto; }
.footer_box_cont { width: 300px; float: none; margin: 0 0px 0px 0px; }
.footer_box_cont_last { margin-right: 0; }
.footer_text { padding: 25px 10px; width: 300px; margin: 0 auto; text-align: right; }
}
/*=====================*/
/*=== Slider Styles ===*/
/*=====================*/
.square-slider {
    overflow: hidden;
    position: relative;
    background: #fff;
	margin-bottom: 25px;
}
.square-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    -moz-opacity: 0;
	z-index: 2;
    -moz-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;
    -webkit-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;
    -o-transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;
    transition: opacity 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98) 100ms;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.square-slider .slide:first-child { display: block; }
.square-slider .slide:first-child,
.square-slider .slide.active {
    opacity: 1;
    -moz-opacity: 1;
	z-index: 3;
}
.square-slider .slide .slide_img_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.square-slider .slide .content {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -450px;
    width: 360px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    z-index: 7;
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -webkit-transition-duration: 800ms,700ms;
    -moz-transition-duration: 800ms,700ms;
    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate(-30px, 0);
}
.square-slider .slide.inverted .content {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -450px;
    -webkit-transform: translate3d(30px, 0, 0);
    -moz-transform: translate(30px, 0);
}
.square-slider .slide.active .content {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate(0, 0);
}
.square-slider .slide .asset {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -webkit-transition-duration: 800ms,700ms;
    -moz-transition-duration: 800ms,700ms;
    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate(0, 0);
}
.square-slider .slide.inverted .asset {
    left: auto;
    right: 50%;
}
.square-slider .slide.active .asset {
    -webkit-transform: translate3d(-7px, 3px, 0);
    -moz-transform: translate(-7px, 3px);
}
.square-slider .slide.inverted.active .asset {
    -webkit-transform: translate3d(7px, 3px, 0);
    -moz-transform: translate(7px, 3px);
}
.square-slider .prev,
.square-slider .next {
    background: url(images/nav.png) no-repeat;
    display: block;
    width: 67px;
    height: 67px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
    border: 0;
    text-indent: -9999px;
    display: none;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}
.square-slider .prev { 
    left: 40px; 
    background-position: 0 100%;
}
.square-slider .next { right: 40px; }
.square-slider .prev:hover,
.square-slider .next:hover {
    opacity: 1;
    -moz-opacity: 1;
}
.square-slider .overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    z-index: 5;
    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}
/* Customisations */
.square-slider {
    width: 100%;
/*    height: 550px;*/
height: 500px;
    margin: 5px auto;
}
.square-slider .slide .content.light { color: #fff; }
.square-slider .slide .content.dark { 
    color: #333; 
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}
/*.square-slider .slide1 { background: url(images/bg1.jpg) no-repeat 50% 50%; }
.square-slider .slide2 { background: url(images/bg2.jpg) no-repeat 50% 50%; }
.square-slider .slide3 { background: url(images/bg3.jpg) no-repeat 50% 50%; }*/