/*
Theme Name: Bangasd
Theme URI: http://freeseobookmark.com/bangasd
Description: Bangasd is a Professional and beautiful Responsive WordPress Theme built by Ali Hossain. Bangasd is one of the easiest themes to build your Web Presence in 10 Minutes or less, in few Simple Steps. The Theme with the presence of Theme Options Panel, makes it easy for you to have your own branded new Website for your Business or Personal Use in Minutes. The Theme features a uniquely designed Home Page and a blog page template and is widgetized. I am pretty sure, You will absolutely love using the Bangasd Theme.
Author: Ali Hossain
Author URI: http://alibd654.blogspot.com/
Version: 1.8
License: GNU General Public License
License URI: license.txt
Tags: black, blue, red, purple, pink, brown, yellow, green, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@charset "utf-8";
/* CSS Document */
{margin:0; padding:0}
body{background:#FFF; font-family: 'Open Sans', sans-serif; font-size:15px;}
a{text-decoration:none; color:#000000;}
a:hover{ color:#666666;}
img {border:none;}
.selectnav { display: none;}
.fix{ overflow:hidden}
.flotleft{float:left}
.flotright{float:right}
.main{ margin:20px auto; width: 95%; height:auto; background:#CCC; max-width:980px}
.header_area{ margin: 0 auto; width: 95%; max-width:980px;}
.logo{ max-width:300px; height:100% ; width:100%; max-height:150px}
.logo img{max-width:300px; height:100% ; width:100%; max-height:150px}
.logo h1{font-weight:normal; font-size:27px}
.logo h2{font-weight: normal;font-size: 18px;line-height: 0px; padding-bottom:37px;}
.social_area{height: 30%;padding-right: 46px;padding-top: 50px;text-align: right;width: 30%;}
.social_area img { width:30px; height:30px;}
.menu{background: none repeat scroll 0 0 #666666;min-height: 0;padding-bottom: 10px;padding-top: 0;width: 980px;}
.menu ul{ list-style:none;}
.menu ul li{float: left;text-align: left; position:relative;}
.menu ul li a{color: #FFFFFF;padding: 14px 33px;}
.menu ul li a:hover{background: none repeat scroll 0 0 #333333;}

.menu ul li ul{background:#666666; position:absolute; left:-999999px;}
.menu ul li ul li{ float:none; width:150px;}
.menu ul li ul li a{ background:#898989; color:#FFFFFF;}
.menu ul li ul li a:hover{background: none repeat scroll 0 0 #333333;}
div#sticker {}
.stick {position:fixed;top:0px;z-index:999999;}
.banner_area{}
.banner_area img{ width:100%; max-width: 980px;}
.content_area{}
.content{width: 65%;padding-left: 2%;}
.content h2{font-size: 26px;font-weight: normal;line-height: 28px;}
.content p{font-size: 14px;line-height: 20px;}
.content img{border: 1px solid #FFFFFF;float: left;margin: 5px 15px 5px 5px;padding: 8px; width:85%; max-width:250px; height:100%; max-height:250;}
.slider{text-align: left;width: 29%;padding-top: 1%;}
.slider h2, .footer_one h2, .footer_two h2, .footer_three h2 {background: none repeat scroll 0 0 #666666;border-left: 6px solid #000000;font-weight: normal;padding: 2% 6%;color: #FFFFFF;}
.slider ul{list-style:square;}
.slider ul li{}
.slider ul li a{color: #000000;font-size: 18px;font-weight: bold;padding: 7px;}
.slider img{width: 100%; max-width: 160px;}
.slider ul li a:hover{ color:#333;}
.top_footer{max-width: 980px; margin: 0 auto; width:100%; margin-bottom:30px;}
.footer_one, .footer_two, .footer_three{margin-left: 15px;margin-right: 15px;width:100%; max-width:285px;}
.footer_area{background: none repeat scroll 0 0 #666666;border-top: 3px solid #000000;}
.footer_area p{padding-left: 2%; color:#FFFFFF; text-align:center;}
.footer_area p a{color:#6FC;}
.footer_area p a:hover{color:#CCC;}
#scrollUp{height:38px; width:38px; background:url(images/top.png) no-repeat; bottom:50px; right:50px; text-indent:-999999px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top_footer{display:block; width:100%; max-width:768px; margin: 0 auto;}
.selectnav {display:none;}
#nav {display:block}
}
@media only screen and (max-width: 320px) {
.top_footer{display:block; width:100%; max-width:300px; margin: 0 auto;}
 #nav { display: none; }
.selectnav { display: block; margin: 1% auto 0 4%;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.top_footer{display:block; width:100%; max-width:750px; margin: 0 auto; margin-bottom:10px;}
.selectnav {display: block;margin: 1% auto 0 4%;}
#nav {display:none}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.top_footer{display:block; width:100%; max-width:480px; margin: 0 auto; margin-bottom:10px;}
.selectnav {display: block;margin: 1% auto 0 4%;}
#nav {display:none}
}
/* Comments form */
input[type=submit] {color: #333;}
#respond {margin: 24px 0;border-top: 1px solid #e7e7e7;overflow: hidden;position: relative;}
#respond p {margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}
/* ===================== Pagenavi ===================== */
#pagenavi {text-align:left;height:0px;font-weight:bold;line-height:24px;padding-top: 25px;padding-bottom: 20px;}
#pagenavi a {padding: 5px 14px 5px 14px;margin: 2px;text-decoration: none;color: #000000;line-height:24px;background-color: #a6a6a6;}
#pagenavi span {padding: 5px 14px 5px 14px;margin-right: 10px;text-decoration: none;color: #000000;line-height:24px;background-color: #a6a6a6;}
#pagenavi a:hover {color:#333;text-decoration: none;}
#pagenavi span.current {padding: 5px 14px 5px 14px;margin: 2px;line-height:25px;font-weight: bold;color: #fff;background-color: #333;}
/* ===================== End of Pagenavi ===================== */
a.more-link{background: none repeat scroll 0 0 #a6a6a6;color: #000000;float: right;margin-top: 10px;padding: 6px 10px;}
input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;padding-right: 2px; /* Don't cut off the webkit search cancel button */width: 270px;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input,textarea {color: #141412;}
button,input,textarea {border: 2px solid #d4d0ba;font-family: inherit;padding: 5px;}

.not_found h1{font-size: 80px;line-height: 90px;text-align: center;text-shadow: 3px 6px 5px #000000;}
.page-content h2{font-size: 40px;line-height: 13px;text-align: center;text-shadow: 3px 6px 5px #000000;}
.page-content p{font-size: 20px;line-height: 13px;text-align: center;text-shadow: 3px 6px 5px #000000; padding-bottom:35px;}
.content h3{font-size: 28px;line-height: 30px;text-align: center;text-shadow: 3px 6px 5px #000000;}
.wp-caption {background:#fff;border:1px solid #f0f0f0;max-width:96%;text-align:center;padding:8px 3px 10px;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;max-width:98.5%;width:auto;margin:0;padding:0;}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:8px 4px 5px;}
.sticky{}
.bypostauthor{}
.gallery-caption {color: #666;font-family: Georgia, serif;font-size: 12px;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}