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

Alpona, Copyright 2015 MD. Anisur Rahman Bhuyan
Alpona is distributed under the terms of the GNU GPL
*/

* {
    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, .featured {
	background: #FEFEFE;
}
.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;*/
    color: #0095C8;
}
.sitename p {
    margin: 0;
    display: block;
}
.sitename h1 a { /*make the site name bold*/
     font-weight: bold;
}
nav select {
	display: none;
}
.banner-img {
	display: block;
	margin-top: 20px;
}

/*  Navigation area  */
.top-menu {
	float: left;
	width: 100%;
	background: #FAFAFA;
	/*background: #0095C8;*/
	margin-top: 20px;
}
.menu-top li {
    position: relative;
    float: left;
}
.menu-top li a {
    display: block;
    padding: 10px 15px;
}
.menu-top li a:hover {
    color: black;
}
.menu-top ul {
    background: #FAFAFA;
    display: block;
    position: absolute;
    left: -9999999px;
	z-index: 100;
}
.menu-top ul li {
    float: none;
    display: block;
    width: 150px;
}
.menu-top li:hover ul {
    left: 0px;
}
.menu-top ul li a:hover {
    background: #EEEEEE;
    color: #454545;
}

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

/* Article css */
.main-bg {
	background-color: #FAFAFA;
}
.main-post {
    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;
}
.main-post img {
	max-width: 100%;
}
.post-meta {
    border-top: 1px solid #E5E5E5;
}
.post-meta span {
    word-wrap: break-word;
}
.read-more {
   /*color: #3CB371;*/
     color: #0095C8;
    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;
}
#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;
	color: #434343
}
.pagination li a:hover {
    background: #333;
    color: #FAFAFA;
    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 */
.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;
}

/* Post heading */
.main-post h1 {
    font-size: 25px;
    font-weight: bold;
}
.main-post h2 {
    font-size: 23px;
    font-weight: bold;
}
.main-post h3 {
    font-size: 18px;
    font-weight: bold;
}
.main-post h4 {
    font-size: 17px;
    font-weight: bold;
}
.main-post h5 {
    font-size: 15px;
    font-weight: bold;
}
.main-post h6 {
    font-size: 13px;
    font-weight: bold;
}

/* 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%;
}
.depth-1, .depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
    margin-left: 20px;
}
.vcard img {
    display: block;
    float: left;
    margin-right: 10px;
}
.vcard cite {
    display: block;
}
.vcard>a {
    display: block;
    font-size: 13px;
}

/* 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;
	font-style: bold;
    }
	.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;
	}
}