/*
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
*/

@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,700);

* {
    margin: 0;
    padding: 0;
}
body, input {
    background-color: white;
    line-height: 20px;
    color: #5c5c5c;
	font-family: 'Maven Pro', sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 20px;
	color: #005eb8;
}
p {
    margin: 15px 0px;
	font-size: 100%;
}
a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed black;
    cursor: pointer;
}
.linkbuttons a, .buybutton a { border-bottom: none; }
.linkbuttons input, .buybutton input { display: inline; width: 300px; margin-right: 20px; }
.buybutton input { display: inline; width: auto; padding: 10px 15px 10px 15px; margin-right: 0; }
.buyinfo { margin-left: 10px; }
#sidebar .linkbuttons input, #sidebar .buybutton input { width: 100%; }
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #005eb8;
}
hr { border-bottom: none; }
li {
    list-style: none;
}
input, textarea {
    border: 1px solid #E0E0E0;
    display: block;
    margin: 10px 0px;
    padding: 10px;
}
input[type="button"], input[type="submit"] {
	transition: all 0.3s ease-in-out;
	background-color: #005eb8;
	color: white;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background-color: white;
	color: #005eb8;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* 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;
}
.sitename p {
    margin: 0;
    display: block;
}
nav select {
	display: none;
}
.banner-img {
	display: block;
	margin-top: 20px;
}

/*  Navigation area  */
.top-menu {
	position: absolute;
	top: -20px;
	left: 300px;
	margin-top: 20px;
}
.top-menu a {
	border: 0;
}
.menu-top li {
    position: relative;
    float: left;
}
.menu-top li a {
    display: block;
    padding: 10px 15px;
    color: white;
	transition: all 0.3s ease-in-out;
}
.menu-top li a:hover {
    color: #005eb8;
    background: #b5dbff;
	transition: all 0.3s ease-in-out;
}
.menu-top ul {
    background: #FAFAFA;
    display: block;
    position: absolute;
    left: -9999999px;
	z-index: 100;
}
.menu-top ul li {
    float: none;
    display: block;
    width: 150px;
    background: #b5dbff;
	transition: all 0.3s ease-in-out;
}
.menu-top ul li a {
    color: #005eb8;
	transition: all 0.3s ease-in-out;
}
.menu-top li:hover ul {
    left: 0px;
}
.menu-top .current-menu-item {
	background: white;
}
.menu-top .current-menu-item a {
    color: #005eb8;
}

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

/* Article css */
.main-post {
    padding: 30px;
}
.main-post .entry-title {
    font-size: 35px;
    line-height: 40px;
    margin-top: 0;
}
.main-post .entry-title a {
    border: 0;
}
.main-post .entry-title a:hover {
	color: #3f8ad2;
}
.main-post img {
	max-width: 100%;
}
.post-meta {
    border-top: 1px solid #E5E5E5;
}
.post-meta span {
    word-wrap: break-word;
}
.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 {
	margin-top: 20px;
}
.main-post ol li {
    margin: 10px 0px;
    list-style: decimal inside;
}
.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;
}
.sidebar a {
	color: #005eb8;
}
.sidebar a:hover {
    color: #3f8ad2;
}
.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: 30px;
    margin-top: 40px;
}
.main-post h2 {
    font-size: 25px;
    margin-top: 40px;
}
.main-post h3 {
    font-size: 21px;
    font-weight: bold;
    margin-top: 20px;
}
.main-post h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
.main-post h1:first-child {
	margin-top: 0;
}
.main-post h5 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.main-post h6 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
}

/* 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;*/
    color: #999;
    border-bottom: none;
}

/* 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%;
}

/* SharkRF */
iframe, object, embed {
	max-width: 100%;
}
article { position: relative; }
#main-header {
	background-color: #005eb8;
	height: 50px;
	line-height: 50px;
}
#main-header .wrapper {
	width: 100%;
}
#main-header #site-logo {
	margin-left: 75px;
}
#main-header a {
	border: none;
}
#main-header [data-balloon]:after { line-height: 15px; }
#header-icons {
	position: absolute;
	right: 75px;
	top: 3px;
	text-align: right;
	width: auto;
}
#header-email {
	position: relative;
	margin-right: 10px;
	top: 13px;
}
#header-forum {
	position: relative;
	margin-right: 10px;
	top: 12px;
}
#header-youtube {
	position: relative;
	margin-right: 10px;
	top: 13px;
}
#header-facebook {
	position: relative;
	margin-right: 10px;
	top: 13px;
}
#header-twitter {
	position: relative;
	top: 13px;
}
p.site-desc { display: none; }
.site-title { display: none; }
#site-logo {
	position: relative;
	top: 5px;
}
#main-content { margin-bottom: 50px; }
#footer .wrapper {
	width: 100%;
}
#footer {
	position: fixed;
	bottom: 0;
	background-color: #005eb8;
	color: white;
	font-size: 0.7em;
	height: auto;
	min-height: 50px;
	line-height: 25px;
}
#footer .alignleft {
	margin-left: 75px;
}
#footer a {
	color: white;
}
#footer .widget_search {
	padding: 0;
	margin: 0;
	background-color: transparent;
	text-align: right;
	top: 12px;
	position: relative;
	margin-right: 75px;
}
#footer .widget_search input[type=text] {
	width: 15%;
	display: inline-block;
	margin: 0 5px 0 5px;
	padding: 5px;
}
#footer .widget_search input[type=submit] {
	display: inline-block;
	padding: 5px;
	margin: 0;
}
#shopnow {
	width: 100%;
	height: 50px;
	font-size: 22px;
}
.srf-fw-changelog-osp {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	background-color: #eee;
	padding: 30px;
	max-height: 400px;
	overflow: scroll;
}
.sidebar h2 a {
	border: none;
}
.nf-form-cont {
	margin-bottom: 20px;
}
.nf-form-fields-required {
	margin-bottom: 20px;
	display: block;
}
.nf-form-content input {
	display: inline;
}
.nf-response-msg {
	margin-top: 20px;
	font-weight: bold;
}
.nf-form-cont .field-wrap input[type="button"] {
	width: 100%;
	height: 50px;
}
#cookie-notice {
	bottom: 55px;
	border-bottom: 1px white solid;
}
#cookie-notice a {
	border: 0;
}
#cn-notice-text {
	color: white;
}
.cookie-notice-container {
	line-height: 35px;
}
#cn-accept-cookie.cn-button {
    display: block;
    background-color: #fff !important;
    color: initial !important;
    min-width: 50px;
    min-height: auto;
    margin-left: 10px;
    margin-right: 10px;
}
#cn-close-notice {
    display: none;
}

/* Resposive css */
@media (max-width: 1000px){
	.linkbuttons input, .buybutton input { width: 100%; margin-right: 0px; display: block; }
	.buybutton input { margin-top: 20px; }
	.buyinfo { margin-left: 0; }
	.floatleft {
		float:none;
	}
	.floatright {
		float: none;
		margin-top: 30px;
	}
	#sidebar {
		width: 100% !important;
	}
	#main-header {
		height: 140px;
		line-height: 15px;
	}
	#main-header #site-logo {
		margin-left: 0;
	}
	#header-icons {
		position: relative;
		width: 100%;
		right: 0px;
		top: -14px;
		text-align: center;
	}
	#header-icons a {
		margin-right: 10px;
	}
    .sitename, .top-menu {
        display: block;
        text-align: center;
        width: 100%;
        position: relative;
        left: 0;
    }
    .top-menu {
    	margin-top: 40px;
    }
	.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 .widget_search input[type="text"] {
    	width: 50%;
    }
	#footer .widget_search {
		margin-right: 15px;
	}
    #footer .alignleft {
    	display: none;
    }
	.main-post h1 {
		font-size: 150%;
	}
    .post-meta span {
		display: block;
	}
	.top-menu select {
		background: #EDEDED;
		border: 1px solid #444;
		padding: 5px 0;
		width: 100%;
	}
	.post-meta p {
		font-size: 80%;
	}
	nav ul  {
		display: none;
	}
	nav select {
		display: inline-block;
	}
	#cookie-notice {
		border-bottom: none;
		bottom: 0;
	}
    #footer { display: none; }
}

@media print {
	#main-header { display: none; }
	#main-content .meta-nav { display: none; }
	#footer { display: none; }
	#sidebar { display: none; }
	#cookie-notice { visibility: hidden; }
}