/*
Theme Name: TDS Simplist
Theme URI:  
Description: 
Author: fidiz
Author URI: fidiz.com 
version: 15.0
Tags: two-column, widget-ready , video-thumbnail-support
*/



/*-------------------------------------------------------------------------------------------*/
/* basics */
/*-------------------------------------------------------------------------------------------*/
@import url("css/genericons.css");
* { margin:0; padding:0; }
*, *:before, *:after{-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
html, body { height: 100%; }
body { background: url(images/main-bg.jpg) no-repeat center top rgb(237,237,237); font-family: 'Lato', serif; font-size: 16px; color:rgb(66,66,66); -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto; line-height: 1.65;}
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size:16px; }
h1, h2, h3 { margin-bottom:20px; font-weight: 900; line-height:1.4;}
h4,h5{  margin-bottom: 10px;}
img { border: none; padding:0; max-width: 100%; height:auto; }
img a { border:none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
code { font-family:"Courier New", Courier, monospace; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
.clear { clear:both }
.fl-left { float:left; }
.fl-right { float:right; }
.center{ text-align: center;}
/*-------------------------------------------------------------------------------------------*/
/* links s */
/*-------------------------------------------------------------------------------------------*/


a { color:rgb(66,66,66); text-decoration:none; outline:none;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
a:hover { text-decoration: underline; }
/*-------------------------------------------------------------------------------------------*/
/* container */
/*-------------------------------------------------------------------------------------------*/


#container { padding:0;  min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -520px; }
.container { max-width: 1088px; margin: 0 auto; position:relative; width:100%; padding: 0 15px;  }
/*-------------------------------------------------------------------------------------------*/
/*  header */
/*-------------------------------------------------------------------------------------------*/

#header { padding:45px 0 50px; position:relative; }
#header:before{ content:""; display:block; position:absolute; width:100%; height:90px; background:rgb(255,255,255); border-top: 5px solid rgb(213,68,52);-webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 0 1px rgba(0,0,0,0.1); top:0;}
#header h1 { margin:0 auto 10px; max-width: 160px;}
#header h1 a { text-decoration: none;	background: url(images/logo.png) no-repeat; display:block; width:160px; height:77px; text-indent: -999999px }
#header h1 a:hover { text-decoration: none; }
#header h2{ text-align: center; font-weight: normal; margin:0; font-size: 14px; color:rgb(82,82,82);}

#ad-wrap{}


/*-------------------------------------------------------------------------------------------*/
/* content */
/*-------------------------------------------------------------------------------------------*/


#content { width: 100%; float: left; padding-right: 330px;}
.postmetadata { clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; }
.navigation { width:100%; float:left; margin:0; padding:0; overflow:hidden; }
.pagetitle {  margin-bottom:30px; text-align: center; }

.entry_post{ background:rgb(255,255,255); padding:30px 0; margin-bottom: 30px; -webkit-border-radius: 4px;
border-radius: 4px; position:relative; }
.post-thumbnail{ margin-bottom:15px;}
.post-thumbnail img{width:100% !important;}
.entry-header{ text-align: center; padding: 0 40px 15px;}
.entry-header h2{ font-size: 30px;}
.entry-header a:hover{text-decoration:none; color:#000;}
p.poast_meta{ color:#aaa;}
.entry_post .entry{ padding: 0 40px;}
.entry_post .entry a{ text-decoration:none; color:rgb(0,141,176);}
.share-items{ position:absolute; left:-80px; top:120px; background:rgb(255,255,255);-webkit-border-radius: 4px;
border-radius: 4px; width:55px;}
.share-items.fixed{top:120px !important;}
.share-items li{ list-style-type: none; border-bottom: 1px solid rgb(236,236,236); text-align: center; position:relative; }
.share-items li:last-child{ border:none;}
.share-items li a{ display:block;  padding:15px 5px; color:rgb(149,149,149); text-decoration: none; }
.share-items li a.fb:hover{ color:rgb(59,89,152);}
.share-items li a.tw:hover{ color:rgb(85,172,238);}
.share-items li a i{font-size: 20px; position: absolute; left:50%; margin-left: -10px;}
.share-items li a.superfav.added i{ -webkit-animation-name: zoom;
    -moz-animation-name: zoom;
    -o-animation-name: zoom;
    animation-name: zoom;
-webkit-animation-duration: 400ms;
       -moz-animation-duration: 400ms;
         -o-animation-duration: 400ms;
            animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-transform-origin:center center;
        -moz-transform-origin:center center;
    -o-transform-origin:center center;
transform-origin:center center;}
.share-items li span{ font-size: 10px; display:block; text-transform: uppercase; color:rgb(149,149,149); margin-top: 3px; padding-top: 25px;}
.share-items li span span{ padding:0;}
.share-items li a.superfav.added i{color:rgb(213, 68, 52);}
.share-items li span.padder{ padding:15px 5px; font-size: 17px; color:rgb(19,19,19); margin: 0}
.single-list .entry_post{ margin-bottom: 0;-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;}
.post-nav{ background:rgb(255,255,255); border-top: 1px solid rgb(239,239,239); padding: 30px 0;-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px; margin-bottom: 30px;}
.post-nav .nav-item{ width:50%; padding:10px 30px;}
.post-nav .nav-item a{ color:rgb(172,172,172); font-size: 12px; font-style: italic; text-decoration: none;}
.post-nav .nav-item.fl-left{ text-align: right; border-right: 1px solid rgb(239,239,239); }
.post-nav .nav-item  span{ display:block; color:rgb(0,141,176); font-size: 14px; margin-top: 5px; font-style: normal;}



#sidebar{ float: right; width: 300px; margin-left: -300px;}
.widget-container{ background:rgb(255,255,255); padding: 20px ; margin-bottom: 30px; -webkit-border-radius: 4px;
border-radius: 4px;}
h2.widget-title{ font-size: 14px; font-weight: normal; text-transform: uppercase; color: #999;}
.widget-container ul{list-style-type:none}
/*-------------------------------------------------------------------------------------------*/
/* comments */
/*-------------------------------------------------------------------------------------------*/

#comment-main{ margin-bottom: 30px; background:rgb(255,255,255);-webkit-border-radius: 4px;
border-radius: 4px; padding:30px;}
#respond { clear:both; }
#commentform { margin:0; padding:0; }
#comments a { margin:16px 0 0; float:none; position:absolute; right:0; top:0; }
#commentform label { width:75px; display:inline-block; }
#commentform p #submit { margin:36px 0 0; cursor:pointer; float:right; }
#comment { width:98%; min-height:255px; padding:3px; }
#commentform a { text-decoration: none; }
#commentform p { position:relative; margin-bottom:18px; }
#commentform p .error { border:1px solid #ff4343; }
#commentform p label.error { color:#ff0000; margin-left:15px; border-color:#ff4343; padding:2px 5px; position:absolute; width:125px; }
#commentform h3 { margin:0; padding:0; }
h3.add-comment { font-size:30px; margin:35px 0 31px; }
.postbyauthor { color:#ddd; }
#submit { margin:5px 5px 0 0; }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
ol.commentlist ul, .comment-content { overflow:hidden; }
ol.commentlist .avatar { float:right; margin:0 12px 0 0; }
ol.commentlist li { margin:10px 0; padding:30px; list-style-type:none; border:1px solid #dfdfdf; position:relative; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 19px; line-height:22px; }
ol.commentlist .reply a { position:absolute; left:0; bottom:0; background:#f9f9f9; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8; font-size:10px; text-transform:uppercase; padding:4px 5px; }
ol.commentlist .reply { margin-top:25px; }
#content.single-post .commentmetadata a { text-decoration:underline; font-style:italic; font-size:14px; }
cite { font-weight: bold; font-style: normal; font-size:20px; }
cite a { text-decoration: none; }
cite a:hover { text-decoration: none; }
/*-------------------------------------------------------------------------------------------*/
/* search */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* misc */
/*-------------------------------------------------------------------------------------------*/

.entry p { margin:0 0 30px; }
.entry ul, .entry ol { margin:0 0 30px 40px; }
.entry ul li, .entry ol li { margin-bottom:8px; }
.entry dl { margin-bottom:18px; }
.entry dd { margin-left:40px; }
.entry table { margin-bottom:18px; }
.entry table th { background:#ddd; padding:5px; }
.entry table td { border:1px solid #ddd; padding:5px; }
.red { color:#f00; }
blockquote { border-left:3px solid #A5ABAB; margin:15px 15px 30px; padding:0 12px 0 12px; font-size:20px; }
.entry blockquote p{ margin-bottom: 0;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto; border:1px solid #ddd; padding: 4px; }
img.alignright { padding: 4px; margin: 0 0 2px 8px; display: inline; border:1px solid #ddd; }
img.alignleft { padding: 4px; margin: 0 8px 2px 0; display: inline; border:1px solid #ddd; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px auto; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
input[type='text'], input[type='email'], input[type='password'], textarea, select { border-width:0 0 1px; border-style:  solid; border-color:  #ddd; padding:13px 0; font:inherit;  background:rgba(0,0,0,0);}
input[type='text'], input[type='email'], input[type='password'], select { height:50px;}
input[type='submit']{ padding:5px 20px; height:50px; background:rgb(213,68,52); border:none; font:inherit; font-size: 14px; text-transform: uppercase; cursor:pointer; -webkit-border-radius: 4px;
border-radius: 4px; color:rgb(255,255,255);-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
input[type='submit']:hover{background:rgb(152,28,14);}
a.loadmore {  padding:5px 20px; height:50px; background:rgb(255,255,255); border:none; font:inherit; font-size: 14px; text-transform: uppercase; cursor:pointer; -webkit-border-radius: 4px;
border-radius: 4px; color:rgb(19,19,19); display:block; margin-bottom: 30px; text-decoration: none; text-align: center; line-height: 40px; }

/*-------------------------------------------------------------------------------------------*/
/* footer */
/*-------------------------------------------------------------------------------------------*/

#footer { width: 100%; background:rgb(255,255,255); position:relative; padding-bottom: 50px; color:rgb(93,93,93);  }
#footer-top{ background: rgb(213,68,52); padding:44px 0;}
#footer-top input[type='text']{ border-color:rgba(255,255,255,0.7); color: rgb(245,155,155); width:69%; float:left;}
#footer-top input[type='submit'] { width:26%; float:right; display:block; background:rgb(152,28,14);}
#footer-top input[type='text']::-webkit-input-placeholder {
   color: rgb(245,155,155);
}

#footer-top input[type='text']:-moz-placeholder { /* Firefox 18- */
   color: rgb(245,155,155);  
}

#footer-top input[type='text']::-moz-placeholder {  /* Firefox 19+ */
   color: rgb(245,155,155);  
}

#footer-top input[type='text']:-ms-input-placeholder {  
   color: rgb(245,155,155);  
}
#footer, .push { height: 520px; clear:both; }
.footer-widget-area{ font-size: 14px; padding: 30px 0;}
.footer-widget-area .widget-container{ float:left; padding-right: 80px;}
.footer-widget-area .widget-container:last-child{ padding-right: 0;}
.footer-widget-area .widget-container h2{ color:rgb(199,199,199); text-transform: uppercase; font-weight: normal; font-size: 14px; margin-bottom: 10px;}
.footer-widget-area .widget-container li{ list-style-type: none;}
.footer-widget-area .widget-container li a{ padding:5px;  margin:0 -5px; display:block; color:rgb(93,93,93); }
#footer p.footer-message { padding:14px 10px; margin: 0; text-align:center; position:absolute; bottom:0; width:100%;  font-size: 14px;}

a.footer-hosting{ display:block; float:right; width:100px; height:119px; background: url(http://thedesignsuperhero.com/wp-content/uploads/2014/11/wpwebhosting-thedesignsuperhero.jpg) no-repeat center top; text-indent:-9999px; margin-top:25px;}

#footer .old-content{margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
#footer .old-content *{font-size:11px; color:#c7c7c7; line-height:1.2;}
#footer .old-content p{width:33%; float:left; padding-right:30px; display:block;}

@-webkit-keyframes zoom {
    0% { -webkit-transform: scale(1);}
    50% { -webkit-transform: scale(1.5); color:rgb(213, 68, 52);}
    100% { -webkit-transform: scale(1); color:rgb(213, 68, 52);}
}

@-moz-keyframes zoom {
    0% { -moz-transform: scale(1);}
    50% { -moz-transform: scale(1.5); color:rgb(213, 68, 52);}
    100% { -moz-transform: scale(1); color:rgb(213, 68, 52);}
}

@-o-keyframes zoom {
    0% { -o-transform: scale(1);}
    50% { -o-transform: scale(1.5); color:rgb(213, 68, 52);}
    100% { -o-transform: scale(1); color:rgb(213, 68, 52);}
}

@keyframes zoom {
    0% { transform: scale(1);}
    50% { transform: scale(1.5); color:rgb(213, 68, 52);}
    100% { transform: scale(1); color:rgb(213, 68, 52);}
}