/*
  Theme Name: techtunes
  Description: Super faster, user friendly and Simple but awesome WordPress theme for multi author blogging. You can use it for better seo and better  feelings to your visitors. Best for any technology blog or specific blogging with nice pagination , related post, featured post, advertisement spaces and many more options .
  Author: Arif Ahmad
  Author URI: http://carifahmad.blogspot.com
  Theme URI: http://carifahmad.blogspot.com/2014/12/techtunes-multi-author-blogging-theme.html
  Version: 0.03.03
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: techtunes
  Tags: light, white, two-columns, right-sidebar, custom-background, custom-menu, fixed-layout, featured-images, translation-ready, sticky-Post, theme-options
  */
.post-entry-date {
    color: #2D2D2D;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 15px;
    float: left;
    width: 620px;
    margin-bottom: 10px;
    background-color: #E6E6E6;
    padding: 5px;
	padding-top:8px;
	border:1px solid #D1D8F0;
}
#sinup {
    width: 100%;
    position: relative;
    overflow: hidden;
	padding:10px;
}
.tha {
    float: left;
    margin-right: 10px;
    padding: 3px;
    border: 1px solid#252525;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    margin-top: -3px;
}

.tha img {
    border-radius: 50px;
}

.tha-1 {
    float: left;
    width: 200px;
    border-right: 1px dotted#999;
    margin-right: 10px;
	background: transparent url("images/itm.png") no-repeat scroll left -7px;
	padding-left:19px;
}

.tha-2 {
    float: left;
    margin-left: 70px;
	background: transparent url("images/ccm.png") no-repeat scroll left -8px;
	padding-left:19px;
}

.go-top {
    position: fixed;
    bottom: 10%;
    right: 5%;
}

.go-top::before {
    font-family: 'Genericons';
    float: right;
    background: #111111;
    border-radius: 50px;
    font-size: 25px;
    padding: 1px 9px;
    opacity: .7;
}

.go-top:hover::before {
    opacity: .9;
}

body {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background-color: #ffffff;
    position: relative;
    display: block;
    color: #000;
    font-family: SolaimanLipi,Arial,Vrinda;
}

#wrapper {
    display: block;
    width: 960px;
    margin: 0px auto;
    padding: 10px;
    box-shadow: #AAA 0px 0px 5px 2px;
    background-color: #ffffff;
}

#header {
    color: #ffffff;
    height: 90px;
    width: 980px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

menu-red {
    color: red;
}

#content {
    width: 898px;
    border: 1px solid #d1d8f0;
    float: left;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    background: #ffffff;
}

#content_rss {
    font-size: 16px;
    width: 630px;
    border: 1px solid #d1d8f0;
    background-color: #ffffff;
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

#sidebar-right {
    width: 300px;
    background: #ffffff;
    float: right;
    margin-left: auto;
    margin-right: 0px;
    position: relative;
    overflow: hidden;
}

#sidebar-right ul li {
    font-size: 14px;
    line-height: 25px;
    list-style-image: url('images/bullet.png');
    padding-left: 16px;
    border-bottom: 1px dotted #34495E;
}
#sidebar-right .widget h4 {
    text-align: left;
    padding: 5px;
    border-bottom: 1px double #34495E;
}
#sidebar-right .widget {
    border: 1px solid #d1d8f0;
    padding: 7px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}

.widget ul {
    margin: 0;
    padding: 12px;
}

.widget:first-child {
    margin-top: 0px;
}

.widget:last-child {
    border-bottom: none;
}

.widget ul li {
    background: url("images/bullet.png") no-repeat scroll left 11px rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #D0D0D0;
    color: #444444;
    margin: 0;
    overflow: hidden;
    padding: 6px 15px;
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget_categories ul {
    min-height: 200px;
}

.widget_categories ul li.cat-item {
    float: left;
    margin-left: 5px;
    width: 90px;
}

#delimiter {
    clear: both;
}

#footer-wrap {
}

#slim {
    width: 937px;
    background: #ffffff;
    float: right;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #d1d8f0;
}

#Blim {
    width: 939px;
    background: #ffffff;
    float: right;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #d1d8f0;
}

#footer {
    color: #000;
    font-family: SolaimanLipi,Arial,Vrinda;
    background-image: url('');
    background-origin: padding-box;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#footer-wrap {
    margin: 0 auto;
    width: 960px;
    border-top: 3px solid#CCC;
}

#footer-widgets {
    margin-right: -40px;
}

.footer-widget {
    width: 278px;
    padding: 10px;
    margin-right: 15px;
    float: left;
    height: 550px;
    border: 1px solid #d1d8f0;
}

.footer-box {
    position: relative;
    margin-bottom: 5px;
}

.footer-box ul {
    list-style: none;
}

.footer-box li {
    margin-bottom: 5px;
}

.footer-box h4 {
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0;
}

.fotter-style {
    border-bottom: 1px solid#d1d8f0;
    height: 540px;
    width: 278px;
}

#footer-bottom {
    padding: 5px 10px 0px 10px;
    height: 80px;
}

.fotter-sub-menu {
    list-style: none;
    padding: 0;
    width: 295px;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.fotter-sub-menu li {
    float: left;
    width: 130px;
    padding-bottom: 5px;
    font-size: 13.6px;
    overflow: hidden;
}

.copyright {
    width: 295px;
    float: left;
    margin-right: 15px;
    color: #000;
    text-align: center;
    font-size: 13.6px;
    margin-top: 23.25px;
}

.fotter-logo {
    width: 210px;
    float: left;
    margin-left: 95px;
    margin-top: 5px;
    background: url("images/logo.png")no-repeat;
    height: 60px;
}
 /*-- Tags Widget --*/
.tagcloud {
    overflow: hidden;
    margin-top: 10px;
}

.tagcloud a {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #494F56;
    display: block;
    float: left;
    font-size: 10px !important;
    line-height: 9px;
    margin-bottom: 4px;
    margin-right: 2px;
    padding: 6px 9px;
    text-decoration: none;
}

.tagcloud a:hover {
    background: #ececec;
}

.title {
    font-size: 12pt;
    font-family: verdana;
    font-weight: bold;
}

.site-title {
    font-family: 'open sans', sans-serif;
    color: #ffffff;
    font-size: 24pt;
    float: left;
    font-weight: 300;
    padding: 5px 0px 5px 0px;
    width: 300px;
}

.site-title a {
    font-family: 'open sans', sans-serif;
    color: #ffffff;
    font-size: 24pt;
    font-weight: 300;
}

.site-title a:hover {
    font-family: 'open sans', sans-serif;
    color: #3300CC;
    font-size: 24pt;
    text-decoration: none;
    font-weight: 300;
}

.site-description {
    font-family: 'open sans', sans-serif;
    font-size: 10pt;
    color: #dddddd;
    text-transform: none;
    padding-left: 10px;
}

.site-logo {
    float: left;
    padding: 0px;
}

#header-widget {
    float: right;
    width: 568px;
    height: 60px;
}

pre {
    margin-bottom: 22px;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
    font-size: 12px;
    overflow: auto;
    background: #eee;
    padding: 10px;
    border: 1px solid #ddd;
    font-style: normal;
    font-weight: normal;
}
/*navigationigation menu */
#navigation-wrap {
    width: 975px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #d1d8f0;
    position: relative;
    z-index: 1;
    background: #FFFFFF;
}

#navigation {
    margin: 0 auto;
    width: 975px;
}

#navigation ul {
    list-style: none;
}

#navigation li {
    float: left;
    display: block;
    letter-spacing: 1px;
}

#navigation a {
    float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    position: relative;
    padding: 0 18px;
    color: #0C386E;
    text-decoration: none;
    font-size: 15x;
    font-weight: 400px;
    font-family: SolaimanLipi,Arial,Vrinda;
}

#navigation a:hover, 
.current-menu-item a {
    background: #FFC;
    text-shadow: 1px 1px 1px #FFF;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    border: 1px solid #CCC;
    border-top: none !important;
    -moz-box-shadow: 0px 2px 4px #CCC;
    -webkit-box-shadow: 0px 2px 4px #CCC;
    box-shadow: 0px 2px 4px #CCC;
}

.sf-menu ul ul {
    border-top: 1px solid #CCC !important;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu ul li a {
    background: #FCFCFC !important;
    width: 210px;
    border-bottom: 1px solid #CCC;
    border-left: none;
    border-right: none !important;
    border-top: none !important;
    z-index: 999;
}

.sf-menu ul li a:hover {
    color: #ff4b33 !important;
    text-shadow: 1px 1px 1px #CCC !important;
}

.sf-menu li:hover {
    visibility: inherit;
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
    left: 0;
    top: 25px;
    z-index: 99;
}

ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul {
    left: 15em;
    top: 0;
}

ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {
    left: 15em;
    top: 0;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}

blockquote p {
    display: inline;
}

/*navigationigation menu */
a:link {
    color: #000000;
    text-decoration: none;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #f60;
    text-decoration: none;
}

#featured-sidebar {
    width: 100%;
    height: 340px;
    background-image: url("images/f.png");
    background-position: bottom;
    background-repeat: no-repeat;
    margin-bottom: 1px;
    position: relative;
    display: inline-block;
}

#sidebar-top-left {
    background-image: url('images/featured-bage.png');
    background-position: top right;
    background-repeat: no-repeat;
    width: 640px;
    height: 310px;
    float: left;
    border: 1px solid #d1d8f0;
    position: relative;
    overflow: hidden;
    padding-left: 10px;
}

#sidebar-top-right {
    width: 300px;
    height: 310px;
    float: right;
    border: 1px solid #d1d8f0;
    position: relative;
    overflow: hidden;
}

.selected_thumbnail {
    float: left;
}

.selected_thumbnail img {
    height: 170px;
    width: 250px;
    background: #fcfcfc;
    padding: 0.4em;
    margin: 0.5em 1em 0.5em 0em;
    border: 1px dotted #E0E0E0;
}

#footers-widgets {
    width: 960px;
    max-height: 560px;
    margin-top: 10px;
    position: relative;
    display: block;
    overflow: hidden;
}

#footer-widget1 {
    width: 290px;
    max-height: 560px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    border: 1px solid #d1d8f0;
    background-image: url("images/top-writer.png");
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

#footer-widget1 h2 {
    border-bottom: 3px solid#000000;
}

#footer-widget2 h2 {
    border-bottom: 3px solid#000000;
}

#footer-widget3 h2 {
    border-bottom: 3px solid#000000;
}

#footer-widget2 {
    width: 290px;
    max-height: 560px;
    background-image: url("images/favourite-posts.png");
    background-position: top right;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-left: 13px;
    border: 1px solid #d1d8f0;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 10px;
}

#footer-widget3 {
    width: 290px;
    max-height: 560px;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    background-image: url('images/month-top-tuner_icon.png');
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #d1d8f0;
    overflow: hidden;
    margin-top: 10px;
}

#search {
    float: right;
    width: 660px;
    height: 80px;
    padding: 10px 0px 10px 0px;
    overflow: hidden;
}

.a, img {
    border: none;
}

pre {
    margin-bottom: 22px;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
    font-size: 12px;
    overflow: auto;
    background: #eee;
    padding: 10px;
    border: 1px dotted #ddd;
    font-style: normal;
    font-weight: normal;
}

#s-ava {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    border: 2px dotted #088000;
}

#guru {
    margin-bottom: 3px;
    margin-top: 10px;
}

#asman {
    width: 570px;
    padding-right: 60px;
    float: left;
    overflow: hidden;
}

.excerpt_thumbnail {
    float: left;
}

.excerpt_thumbnail img {
    height: 70px;
    width: 70px;
    background: #fcfcfc;
    padding: 0.4em;
    margin: 0.5em 1em 0.5em 0em;
    border: 1px solid #000000;
}
/**************** Comments *********************/
.alt {
    margin: 0;
    padding: 10px;
}

.commentlist {
    width: 100%;
    padding: 0;
}

.commentlist li {
    background-color: #EEEFE0;
    border: 1px solid #dbdbdb;
    list-style: none;
    margin: 15px 0 10px;
    padding: 5px 5px 10px 5px;
}

.commentlist li ul li {
    margin-left: 10px;
    margin-right: -5px;
}

.commentlist p {
    color: #666666;
    font-size: 12px;
    margin: 10px 5px 10px 0;
}

.children {
    padding: 0;
}

#commentform p {
    width: 100%;
    margin: 5px 0;
}

.nocomments {
    margin: 0;
    padding: 0;
    text-align: center;
}

h2#comments {
    clear: both;
    color: #333333;
    font-size: 15px;
    margin: 0px 0 20px 0;
}

h2#respond {
    clear: both;
    color: #333333;
    font-size: 15px;
    margin: 20px 0 20px 0;
}

.commentmetadata {
    background-color: #fff;
    color: #333;
    font-size: 13px;
    margin: 0;
    padding: 3px 5px 3px 5px;
}

.commentmetadata a {
    color: #333;
    font-weight: bold;
}

#author, #email, #url {
    background: #EEEFE0;
    border: 1px solid #dbdbdb;
    color: #666666;
    font: 12px Arial;
    margin-right: 5px;
    padding: 3px;
    width: 12em;
}

#comment {
    background: #EEEFE0;
    border: 1px solid #dbdbdb;
    color: #666666;
    font: 12px Arial;
    padding: 3px;
    width: 99%;
}

#submit {
    font: 1em Arial;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 2px;
}
/**************end of comments*****************/
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

a:focus, a:hover, a:active {
    text-decoration: none;
    outline: none;
}

.author-bio {
    background: #F7F7F7;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-image: url("images/f.png");
    background-position: bottom;
    background-repeat: no-repeat;
    border: 1px solid #E6E6E6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 /* future proofing */
    -khtml-border-radius: 10px;
    /
box-shadow: 5px #999;
}

.post-count {
    margin-left: 200px;
    width: 600px;
    background-color: #CCCCCC;
    font: Arial, Helvetica, sans-serif;
    font-style: italic;
}

.cava {
    height: 75px;
    width: 75px;
    background: #FFF;
    float: left;
    margin: 0 10px 0 10px;
    padding: 3px;
    border: 1px solid #CCC;
}

.top-authors-list {
    position: relative;
}

.top-authors-list li {
    border-bottom: 1px dotted #d1d8f0;
    margin-top: 6px;
    margin-bottom: 6px;
}

.top-authors-image {
    height: 30px;
    width: 30px;
    margin-left: 10px;
    border: 1px solid #0000FF;
    position: relative;
    float: left;
}

.top-authors-name {
    background-color: #F7F7F7;
    margin-left: 20px;
    position: relative;
}

.top-authors-post {
    margin-left: 40px;
    margin-bottom: 6px;
}
/*Popular Post by post view*/
.footer-widget-2 popular-posts {
    width: 290px;
    float: left;
    display: block;
}

.popular-post-feature-image {
    display: inline-block;
    float: left;
    margin: 0 10px;
}

.popular-posts li {
    margin-bottom: 15px;
    min-height: 37px;
    overflow: hidden;
    border-bottom: 1px dotted #d1d8f0;
}

.popular-posts ul {
    margin-left: 0px;
}

.popular-posts a {
    color: #000000;
}

.code {
    background-color: #6600CC;
    color: #21759B;
    font-family: Consolas,Monaco,"Courier New",Courier,monospace;
    font-size: 13.6px;
}

hr {
    border: none;
    height: 1px;
    background: #ddd;
    margin-top: 35px;
    width: 100%;
}

#super-leader-board {
    width: 975px;
}

.ads-lebel {
    height: 9px;
    width: 975px;
    border: 1px solid #ddd;
    background-color: #F4F4F4;
    color: #000;
    display: block;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 12px;
    padding-bottom: 6px;
    text-align: center;
}

.ads-lebel2 {
    height: 9px;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #F4F4F4;
    color: #000;
    display: block;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 12px;
    padding-bottom: 6px;
    text-align: left;
}

#blogger-status {
    background-image: url('images/tuner-status-bubble.png');
    background-repeat: no-repeat;
    font-weight: 400;
    height: 84px;
    line-height: 19px;
    margin-bottom: 3px;
}

#blogger-status span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 70px;
    width: 810px;
    padding-top: 12px;
    padding-left: 5px;
    height: 40px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

#content h2 {
    margin-bottom: 10px;
    border-bottom: 3px solid#85A0D0;
    padding-bottom: 5px;
}

.right {
    float: right;
    width: 35%;
    display: inline-block;
}

.left {
    float: left;
    width: 35%;
    display: inline-block;
}

.sidebar-box {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #d1d8f0;
}

.sidebar-nox {
    border: 1px solid #d1d8f0;
}

.sidebar-box h4 {
    border-bottom-color: #0C386E;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #0C386E;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 20.4px;
    font-weight: 700;
    height: 35px;
    line-height: 28px;
    margin-bottom: 10px;
}

.sidebar-box ul {
    color: #0C386E;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 14.8167px;
    font-weight: 400;
    line-height: 22px;
    list-style-type: none;
    text-decoration: none;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -moz-text-decoration-color: #0C386E;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
}

.sidebar-box li {
    margin-bottom: 5px;
    color: #0C386E;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 14.8167px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 22px;
    list-style-type: none;
    text-decoration: none;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -moz-text-decoration-color: #0C386E;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
}

.sidebar-box li a {
}

.sidebar-box li a:hover {
}

.sticky {
    background: url('images/featured.png') no-repeat 585px 5px;
    position: relative;
    padding-right: 30px;
}

.bypostauthor {
    font-family: 'open sans', sans-serif;
    text-decoration: none;
}

#content img {
    border: none;
    max-width: 98% !important;
    height: auto;
}

#content img a {
    border: none;
    max-width: 98%  !important;
    height: auto;
}

.wp-caption {
    max-width: 96%;
 /* Image does not overflow the content area */
    padding: 0px 0px 0px;
    text-align: center;
    font-family: 'open sans', sans-serif;
    background-color: transparent;
    border-width: 0px;
}

.wp-caption.alignnone {
    margin: 0px 0px 0px 0;
}

.wp-caption.alignleft {
    margin: 0px 10px 0px 0;
}

.wp-caption.alignright {
    margin: 0px 0 0px 10px;
}

.wp-caption img {
    border: none;
    height: auto;
    max-width: 640px !important;
    height: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 0px 0px;
    color: #141414;
    font-family: 'open sans', sans-serif;
}

.gallery-caption {
    font-family: 'open sans', sans-serif;
    text-decoration: none;
    color: #888888;
}

.nav-previous a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
    width: auto;
}

.nav-next a {
    display: block;
    float: right;
    margin: 2px 2px 2px 0;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
    width: auto;
}

.nav-previous, .nav-next {
    margin-bottom: 2px;
    display: inline-block;
}

.nav-next {
    float: right;
}
/************ Style Navigation ****************/
.wp-pagenavi {
    overflow: hidden;
    margin-bottom: 50px;
}

.wp-pagenavi span,.wp-pagenavi a {
    padding: 10px;
    display: inline-block;
}

.ftit {
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14.9667px;
}
/* Fixes image overflow in sidebar.
!Important used to override style.css line 267 */

.widget img {
    max-width: 100% !important;
    height: auto;
}

/* Fixes overflowing select elements */
select {
    max-width: 100%;
}

#error-page {
    margin-bottom: 55px;
}

#error-p-title {
    font-size: 200px;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #beb0a2;
    background: none;
    line-height: 1em;
    border: none;
}

#error-p-text {
    margin-top: -60px;
    text-align: center;
    font-size: 1.167em;
 /* 14px / 12px */
    ;
}

#farch {
    float: right;
    width: 100%;
    height: 25px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #D1D8F0;
    margin-bottom: 6px;
}

#site_search {
    padding: 5px 5px 5px 5px;
    width: 90%;
    margin-left: 5px;
    border: none;
}

#site_mit {
    height: 25px;
    background-image: url('images/search.png');
    width: 65px;
    overflow: hidden;
}
/* related post */
.related-post-main {
    padding-top: 20px;
    display: inline-block;
    position: relative;
}

.related-post-main h3 {
    background: #ececec;
    color: #666;
    padding: 2px 7px;
    border: 1px solid #e0e0e0;
}

.related-post-main h4 {
    font-size: 13.4px;
    background: #ececec;
    color: #666;
    padding: 2px 17px;
    border: 1px solid #e0e0e0;
    font-weight: 400;
    height: 100px;
}

.related-post-main h4:hover {
    color: black;
    background: #999999;
}

.related-post-main li {
    float: left;
    width: 120px;
    overflow: hidden;
    margin: 7px;
    height: 250px;
    border: 1px solid #999;
    padding: 15px;
}

.related-post-rand-img {
    width: 115px;
    height: 123px;
    border: 1px solid#000;
    padding: 3px;
    margin-top: 0px;
    padding-top: 3px;
}

.postimg {
    clear: both;
    display: block;
    margin-bottom: 0px;
}

#content img.postimg {
    width: 107px;
    height: 115px;
    border: 1px solid #000;
    padding: 3px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#content img.postimg:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}