/*  
Theme Name: QOTSTRAP
Theme URI: http://www.quickonlinetips.com/
*/
 
body {
background: #fff; 
color: #333;
font-family: arial, sans serif; 
-webkit-font-smoothing: subpixel-antialiased; 
text-rendering: optimizeLegibility;
/* -webkit-text-stroke: 0.1px; */
font-size: 16px;
line-height: 1.5;
} 

::selection {background: #219fe1;
color: white; -webkit-text-stroke: 0;}

.container {
max-width: 900px; 
}

 
h1 a:hover {color:#000; text-decoration:none;} 

h1, h2, h3, h4, h5, h6 {
font-weight:bold;letter-spacing: -1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666;}
h1 a, h2 a {color:#666;}

a:hover {color: orange;}  

h2, .h2 {
font-size: 26px;
}
h4, h5, h6 {
margin-top: 20px;
}

.h1home {display: inline; font-size: 16px;}
.search h1 {font-size: 18px; color: orange;}
.archive h1 {font-size: 18px; color: orange; }

.site-title {margin: 10px 20px 0 0;}
.content h1 {margin:0 0 10px 0  !important;}

.site-desc {margin-left: 40px;}

.gsib_a { 
padding: 0px 6px 0 !important;
}

/* NAVIGATION -----------------------------------------------   */ 


.page-header {height:auto;margin:0 0  30px 0; border-bottom:0px;}

.navbar-brand {
padding: 12px 15px;
width: 296px;
}

.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}


.blog-masthead {
background-color: #000;
font-weight: bold; 
color: #666;
}

.blog-masthead2 {
background-color: green; 
color: #FFF;
font-size: 0.9em;
} 

.blog-title {
font-size: 1.2 em;

}



.blog-nav-item {
position: relative;
display: inline-block;
padding: 5px 10px;
color: #DDD;
}

.blog-nav-item2 {
position: relative;
display: inline-block;
padding: 5px 10px;
color: #DDD;
}

.top-banner {margin: 25px 0 20px 0;
padding: 10px;
border-bottom: 1px dotted #eee;
}
.top-search {float:right;}

.navbar-header h1 {margin:0 !important; } 
 

.navbar {margin-bottom:0;}
.dropdown-menu>li>a {
font-weight: bold;
color: #333;
background: #E4F2FD;
} 

.navbar-default {
background-color: #FFF; 
}
 

.nav1 {xpadding: 5px 0;}
.nav1>li>a {
position: relative;
display: block;
padding: 10px 10px; 
font-weight:bold;
font-size:14px;
text-transform:uppercase;
margin: 5px 5px 0 0;
color:#444;
}
.nav1>li>a:hover {
color: #000;
background: #f2f2f2;
}

.nav2 {
   margin: 0 0px 20px 0px; 
xbackground:#666; 
padding:5px 5px;  
/* position: fixed; */
top: 0px; float:none; z-index:100;  xwidth: 790px; text-transform:uppercase;
}
.nav2>li>a {
position: relative; 
/* display: block; */
padding: 7px 9px; 
font-weight:bold; 
font-size: 12px; 
margin-bottom: 5px;
}
.nav2>li>a:hover {
color: #fff; background: #000; text-shadow: 0 0 0;
}


.nav3 {
  margin: 0 -0px 10px 0px; background:#FFB505; padding: 7px 10px 5px;  position: fixed;top: 35px; z-index:100; float:none; width: 790px; font-weight:normal; text-transform:uppercase; border-bottom: 1px solid #DDD;
}
.nav3>li {
padding: 3px; 
}
.nav3>li>a {
position: relative; display: block; padding: 2px 4px; 
font-weight:normal; font-size:12px; color: #000; border: 1px solid orange;
background: #EEE; 
}
.nav3>li>a:hover {
color: #000; background: #f2f2f2; text-shadow: 0 0 0;
}
 

.mainrow {position: relative; xpadding-top: 60px;}
.navnext {margin-left: 15px;}


/* CONTENT ----------------------------------------- */ 
.content {padding: 10px 40px 0 20px;}

p {
margin-bottom: 20px;
}

blockquote { 
font-size: 12.5px;
color: #999; 
}

.breadcrumbs {
font-size : 0.9em;
}

.breadcrumbs a { 
}

.entry-content, .entry-summary  {
 font-family: georgia, serif; 
}


 
.entry-content li {
margin-bottom: 10px;
}

.entry-content ul {
margin-bottom: 20px;
}


embed, iframe, object, video {
max-width: 100%;
}

.menu-item, .cat-item {
list-style:none; font-size:16px; border-bottom: 1px #DDD solid;margin-left: -40px;  padding: 5px 0;
}
.post-info {
padding: 0 0 8px 0; 
}  
.post-info1 {
padding: 0px; margin: 5px 0 20px; font-size: 12px; color: #999; 
}  
.post-meta {
font-style:italic;
}
.entry img {
border: 1px solid #eee;
} 

.sticky {margin-bottom:-15px;}

.wp-post-image {margin: 0 5px 5px 0;}
.archive-post {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.single-title {margin: 0 0 15px 0px; padding:0;} 
.entry-content img {box-sizing: content-box;  margin: 7px; border:1px solid #eee;}
.entry-content a,  .footer-col1  a{text-decoration:underline;}

.moretag { xbackground: #f9f9f9; font-weight: bold;}
.page-links a {xborder: 1px solid #DDD; padding: 5px; margin: 3px;}

.yarpp-related-widget li {list-style:none; padding: 15px 0; border-bottom: 1px solid #DDD; font-weight:bold; margin-left: -40px;}
.yarpp-related li {list-style:none; padding: 6px 0; xborder-bottom: 1px solid #DDD; margin-left: -40px;}
.yarpp-related a { text-decoration: none; font-weight: bold; border-bottom: 1px solid #DDD;}
.yarpp-related a:hover {color: #000; text-decoration:none;} 


/* ADS ----------------------------------------- */ 

.mid-ads { color: #DDD; font-size: 10px; margin: 0 0 15px 5px;  
  font-family: arial, sans serif; text-align:center;
}
.archive-ads { color: #DDD; font-size: 10px; margin: -10px 0 35px 0px; text-align: center; }
.page-ads { color: #DDD; font-size: 10px; margin: 10px 0 15px; max-width: 470px; display: block;}
.adlinks728 { border-top: 1px solid #eee; padding: 10px 0 0px; margin: 10px  0 0 0; }


/* COMMENTS ----------------------------------------- */ 

.commentlist p {font-family: georgia, serif; }
#comments li.comment{list-style:none;}
ol.commentlist p{ margin:0 0 0em; display:inline; }
ol.commentlist .comment-body {border-bottom: #DDD 1px solid; padding: 10px 0;}
ol#commentlist cite {
font-style: italic;
display: block;
font-size: 0.9em;
color: #999;
}
ol#commentlist cite a {
color: #999;
}


.commentlist cite, .commentlist cite a{font-weight:bold;color:#333; } 
.comment-author {font-weight:bold;color:#333;} 
.comment-author-url {font-weight:normal;color:#CCC;font-size: 11px;} 
.comment-meta a {color:#999; font-size: 12px;}



/* MISC ----------------------------------------- */ 

code {white-space: pre-wrap;}
pre {margin-bottom: 15px;}
.colorbar {height: 50px;  border: 1px solid #DDD; border-radius: 20px;}
.colortext {height: 20px; margin: 0 0px 5px;}

.btn a {color:#FFF;}
.aligncenter, div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left; margin: 0 10px 5px 0;}
.alignright{float:right; margin: 0 0 5px 10px;} 

.wide100 {width: 100%;}
.padding {padding:20px;}
.margin-tb {margin: 15px 0;}
a.list-group-item {color: #428bca;}
img {max-width: 100%;}
.gsc-tabsArea > div {overflow: visible !important;} 


.srp-post-title {font-size:20px !important;}
.fb-recommendations {margin: 5px 0 20px 0; height: 600px;}

.xsite-title {display:inline-block; width:298px; height:50px; opacity:0.6; filter:alpha(opacity=60);line-height: 14px; font-size: 14px; margin:0; padding:0;}
.site-title:hover {opacity:1; filter:alpha(opacity=100); }
.share-buttons {margin:30px 0; }
.small-share-buttons {margin:5px 0; height:25px;} 
.fb-button {width:44px; display:inline-block !important; }

/* FORMS ----------------------------------------- */ 

input.gsc-search-button-v2 {
width: auto !important;
height: auto !important;
}

#respond {margin: 30px 0;} 
.form-allowed-tags {display:none!important;} 
.form-submit, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {display: block !important;}

#submit {
color: #fff;
background-color: #3276b1;
border-color: #46b8da;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42;
border-radius: 6px;text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
margin: 10px 0;
}


/* SIDEBAR ----------------------------------------- */ 


div.srp-widget-container a.srp-post-title-link {
font-weight: normal;
font-size: 0.9em;
}

.srp-thumbnail-box img {border: 1px solid #DDD;}

div.srp-widget-container img.srp-widget-thmb {
border-radius: 50px;
border: 1px solid #DDD;
}

.nav-header{color:#333; font-size:14px; color: #FD6400;} 
.nav-list {margin-bottom: 30px;}  
.related {margin: 40px 0; }

.sidebar li {}

.sidebar ul {margin-bottom: 20px; }


div.textwidget {
margin-bottom: 30px;
}

 .sidebar a:hover {color: #000 !important;}
.postform {margin-bottom: 15px;}
 .featured-box2 a {font-size:15px !important; margin: 5px 0;}
 .search-form {  max-width: 140px; background: #FFF; border: 1px solid #999; font-size: 0.9em; }

/* FOOTER ----------------------------------------- */ 

.attachment-medium {
border: 1px solid #DDD;
}

.attachment-medium img {
    opacity: 1;
    filter: alpha(opacity=100);
}


.attachment-medium img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}


.like-box {
background: #FFF;
}
.main-footer {margin: 0px auto 0px; 
font-size:0.9em; 
text-align: center; 
padding: 30px 10px 20px;
color: #999;
background: #000;
}
.main-footer a  { text-decoration: none;}
.footer-box {max-width:920px; margin: 0 auto;}

#gasp_p {background: #DFF0D8; padding:5px 5px 5px 10px;} 

.social-box {background: #666; padding: 20px 0 0 0; text-align: center; }

.rules {width:30px; height:34px; float:right; background-image:url('http://files.quickonlinetips.com/img/9r-color.png');}

/* Social Icons -------------------------------------   */
.fb-like {
vertical-align: top;
top: -5px;
}

.fb-like-box {background: #FFF;}

.fb-like span{
overflow:visible !important; width:450px !important; margin-right:-375px;
}

.social-width {display: inline-block;}
.twitter-share-button {}
.g-plusone {}

.socialicons {display:inline; }
.socialicons a {color: #CCC !important;}
.socialicons a:hover {color: #FFF; text-decoration:none;}
.socialicons  img {vertical-align:top; border:0 !important; } 

.social-icons-big {margin: 10px 0;}

.social-share a:hover {color: #FFF !important;}
.facebook { color:#3B5998; }
.twitter { color:#00ACED; }
.pinterest{color:#CB2027;}
.googleplus {color:#D2412E; }
.linkedin { color:#4A9CC9; }
.rdt {color: #5f99cf;}
.rss {color: orange;}
.red {color: red;}
.orange {color:orange;}
.youtube {color:#D2412E;}

.facebook:hover, .twitter:hover, .pinterest:hover, .googleplus:hover, .linkedin:hover, .rss:hover {color: #333;}

.facebook-bg { background:#3B5998; }
.twitter-bg { background:#00ACED; }
.pinterest-bg {background:#CB2027;}
.googleplus-bg {background:#D2412E; }
.linkedin-bg { background:#4A9CC9; }
.rdt-bg {background: #5f99cf;}
.rss-bg {background: orange;}

.share-bottom   {
 
}



/* Landscape phone to portrait tablet -------------------------------------   */
@media (max-width:1000px) {  
body  {background:#FFF; }
.xsite-title {display:block;}
.container {margin-top:0; border-radius:0;}
.footer {margin-bottom:0; border-radius:0;}
.top-banner {padding-top: 10px; margin: 5px 0 0 0;}   
.page-header {margin:0;} 
.ad1 {text-align:center; margin-left:0;} 
.search-form {width: 90% !important;}
.xsidebar li {float: left; margin-right:50px; padding: 5px; border:1px solid #DDD; background: #f9f9f9;}
.intro-box, .single-title {clear:left; margin-top:15px;}
.ad2 {display:none;}
.nav2 {position:static; width: 100%; margin:0; padding: 5px;}
.nav3 {position:static; width: 100%; margin:0; padding: 10px 0;}
.mainrow {padding-top: 15px;}
.navnext {margin-left: 5px;}
}

/* Landscape phones and down -------------------------------------------   */
@media (max-width: 480px) {
.ad3 {display:none;}
.title {display:block; float:none;}
.top-search {display:block; float:none;}
}
 