/*
Theme Name: ARB Blogging
Theme URI: http://anisbd.com
Author: MD. Anisur Rahman Bhuyan
Author URI: http://anisbd.com/
Description: This theme is for blogging purpose. you can customize your blog as you like. ARB Blogging theme comes with responsive layout. So, You don't have to worry about mobile view. It is simply cool for bloggers.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anisbd
Tags: black, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #F1F1F1;
    font-family: Arial, sans-serif, SolaimanLipi;
    font-size: 100%;
    line-height: 25px;
    color: #444444;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 20px;
}
p {
    color: #444;
    margin: 15px 0px;
	font-size: 100%;
}
a {
    color: #333;
    text-decoration: none;
}
li {
    list-style: none;
}
input, textarea {
    border: 1px solid #E0E0E0;
    display: block;
    margin: 10px 0px;
    padding: 10px;
}

/* General css */
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
.floatleft, .alignleft {
    float: left;
}
.floatright, .alignright {
    float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sticky {
	background: #EDEDED !important;
}
.bypostauthor {
	display: block;
}
.row {
    clear: both;
    display: block;
    width: 100%;
}
.fix {
    overflow: hidden;
}
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px 0px;
}

/* Initial css */
.wrapper {
    width: 90%;
    margin: 0 auto;
}
#main-header {
    padding: 10px 0;
	background: #FAFAFA;
}
.sitename strong {
    text-transform: uppercase;
    font-weight: bold;
}
.sitename h1 a:hover {
    color: #47B371;
}
.sitename p {
    margin: 0;
    display: block;
}
nav select {
	display: none;
}
.top-menu {
    margin: 12px 0;
}
.top-menu li {
    float: left;
}
.top-menu li a {
    background: #FAFAFA;
    color: #444;
    padding: 28px;
}
.top-menu li a:hover {
    background: #EDEDED;
    color: #454545;
    transition: background 0.5s ease 0s;
}
.banner-img {
	display: block;
	margin-top: 20px;
}

/* Content area css */
#content {
    width: 68%;
}
#content-full {
	max-width: 100%;
}
#sidebar {
    width: 30%;
}
#content-full {
    width: 100%;
}

/* Article css */
.main-post {
    background: #FAFAFA;
    margin: 20px 0;
    padding: 30px;
}
.main-post .entry-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.main-post .entry-title a:hover {
	color: #757575;
}
.post-meta {
    border-top: 1px solid #E5E5E5;
}
.read-more {
    color: #3CB371;
    font-weight: bolder;
    display: block;
    margin-top: 10px;
    font-size: 90%;
}
.main-post ul li {
    margin: 15px 0px;
    list-style: inside disc;
}
.main-post h2, .main-post h3, .main-post h4, .main-post h5, .main-post h6 {
    display: block;
    margin: 10px 0px;
}
.main-post blockquote {
    background: #f2f2f2;
    display: block;
    padding: 10px 20px;
    border-left: 5px solid #CECECE;
}
.main-post cite {
    font-weight: bold;
    font-size: 18px;
}
.main-post table {
    text-align: left;
}
.main-post table td {
    margin-left: 15px;
    padding: 10px;
}
.main-post table tr {
    padding: 10px;
    background: #eee;
}
.main-post table th {
    padding: 10px;
}
.main-post ul ul {
    margin-left: 25px;
}
.main-post ol li {
    margin: 10px 0px;
    list-style: inside number;
}
.main-post ul {
    list-style: square inside;
}
.main-post ol ol {
    margin-left: 25px;
}
.main-post pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: hidden;
}
.main-post p q {
    font-size: 30px;
    font-style: italic;
    display: block;
    line-height: 45px;
}
.main-post div {
    max-width: 100%;
}
.navigation .screen-reader-text {
    display: none;
}
.nav-links a {
    padding: 7px 10px;
    background: #EFEFEF;
    border: 1px solid #444;
}

/* Widget css */
.sidebar {
    background: #FAFAFA;
    margin: 20px 0px;
    padding: 30px;
}
.widget h2 {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 25px;
}
.widget li {
    display: block;
    margin: 12px 0px;
}
.widget li a {
    border-bottom: 1px solid #EDEDED;
    display: block;
}
#wp-calendar {
    width: 100%;
    text-align: center;
}
#wp-calendar caption {
    margin: 10px 0px;
    font-weight: bold;
    color: #FA807A;
}
#s {
	width: 90%;
}

/* Gallery css */
.gallery-content {
    text-align: center;
    background: #FAFAFA;
    margin: 20px 0px;
    padding: 30px;
}
.gallery-content h1 {
    font-size: 30px;
    margin-bottom: 20px;
}
.gallery-content hr {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #FAFAFA;
    border: 3px solid #EEE;
}
.gallery-content img {
    display: inline;
    margin: 10px 10px;
}

/* Pagination css */
.pagination {
    background: #FAFAFA;
    padding: 20px;
}
.pagination li {
    display: inline-block;
    margin-right: 10px;
    line-height: 45px;
}
.pagination li a {
    border: 1px solid #BCBCBC;
    padding: 7px 10px;
}
.pagination li a:hover {
    background: #333;
    color: snow;
    transition: ease 1s background-color,color;
}
.pagination .current {
    border: 1px solid #444;
    padding: 7px 10px;
    background: #454545;
    color: #FFFFFF;
}

/* Footer css */
#footer {
    background: #EDEDED;
	margin-top: 20px;
	color: #555555;
}
#footer a {
	color: #555555;
}

/* social links share */
.social_links {
    background: none repeat scroll 0 0 #fafafa;
    margin: 20px 0;
    overflow: hidden;
}
.social_links li a {
    float: left;
    display: block;
    padding: 15px 17px;
    width: 24%;
    text-align: center;
    color: #FFFFFF;
}
.social_links i {
    display: block;
}
.fan-fb {
    background: #6C8AC8;
}
.fan-tw {
    background: #4099FF;
}
.fan-gplus {
    background: #D24736;
}

/* Author page */
.author {
    text-align: center;
}
.socialize li {
    background: #EAEAEA;
    display: inline-block;
    padding: 15px;
    text-align: center;
    width: 150px;
}
.socialize li a {
    color: #434343;
}
.author strong {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}
.socialize {
    margin: 15px;
}
.author h3 {
    color: #434343;
    display: block;
    margin-top: 15px;
}
.contact_me li {
    background: none repeat scroll 0 0 #eaeaea;
    color: #444;
    display: inline-block;
    margin: 10px 0;
    padding: 15px 30px;
    width: 210px;
}
.contact_me {
    font-family: caption;
    font-size: 25px;
    color: #444;
}
.contact_me strong {
    display: block;
    font-family: arial;
    margin-bottom: 15px;
}

/* Meta css */
.meta-nav, .single-meta, .blank-doc {
    background: none repeat scroll 0 0 #fafafa;
    display: block;
    margin-top: 20px;
    padding: 15px 30px;
    color: #999;
}
.single-meta {
    margin: 20px 0px;
}
.meta-nav span a {
    font-weight: bold;
}

/* comment box */
#comments {
    background: #fff;
}
#comments h2, #comments div {
    padding: 10px 30px;
}
#comments ul {
    margin: 0px;
    padding: 0px;
}
#respond {
    margin-top: 20px;
}
#respond input {
    width: 60%;
}
#respond textarea {
    width: 95%;
}
#respond .submit {
    width: 20%;
}

/* Author bio */
.author-bio {
    background: #fafafa;
    padding: 20px 30px;
    margin: 20px 0px;
}
.author-bio h2 {
    border-bottom: 1px solid #eee;
    font-size: 18px;
    padding-bottom: 5px;
}
.author-bio img {
    display: block;
    float: right;
    margin: 10px 0px;
    max-width: 100%;
}

/* Resposive css */
@media (max-width: 480px){
    .sitename, .top-menu {
        display: block;
        float: none;
        text-align: center;
    }
	.nav_res {
		display: block;
	}
    .menu-top {
		display: none;
    }
    .social_links {
    }
    .social_links li a {
        float: none;
        display: block;
        padding: 5px 0px;
        width: 100%;
        text-align: center;
        color: #FFFFFF;
    }
    .social_links i {
        display: none;
    }
    #footer p {
        float: none;
        text-align: center;
        margin: 7px 0px;
    }
	.main-post h1 {
		font-size: 150%;
	}
    .post-meta span {
		display: block;
	}
	.top-menu select {
		background: #EDEDED;
		border: 1px solid #444;
		padding: 5px 0;
		width: calc(50%);
	}
	.post-meta p {
		font-size: 80%;
	}
}

/* Responsive menu */
@media (max-width: 960px) {
  nav ul  {
	display: none;
  }
  nav select {
	display: inline-block;
  }
  .top-menu select {
		background: #EDEDED;
		border: 1px solid #444;
		padding: 0px 5px;
		width: calc(100%);
	}
	.top-menu select option {
		padding: 5px 5px;
	}
}