/*
Theme Name: DesiBucket Theme
Author URI: http://www.desibucket.com/
Version: 1.0
Author: DesiBucket
Description: A theme for DesiBucket.com
*/

*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#fff;font-family: 'Open Sans',Raleway, Tahoma, Verdana, Arial, sans-serif;font-size: 14px;color: #7f7e7e;}
ul li {list-style-type:none;}
td{text-align:center}
a img {border:none;}
a { color:#3E5C9A;text-decoration:none;}
a:hover{text-decoration:underline; color:#333;}
p {line-height:22px; margin:0 0 10px 0;}
ul li a:hover{text-decoration:underline;}
.alignright{float:right;margin:0 0 0 10px;}
.alignleft{float:left;margin:0 10px 0 0;}
.aligncenter{display:block;margin:0 auto;}
.clear{clear:both;}
.clearn {clear:both;margin:0 0 10px 0;}
.inner {width:980px;margin:0 auto;}
#header {margin:0;background:url(http://www.desibucket.com/wp-content/themes/db_theme/images/hbg.jpg)top center no-repeat;padding:5px 0;border-top:4px solid #4B4A48;}
#logo {text-align:center;}

#topnav {clear:both;background:#e45033;padding:10px 0;text-align:center;margin:0 0 10px 0;}
#topnav ul li{display:inline-block;padding:0 30px;border-right:1px solid #EF987D;}
#topnav ul li:last-child {border:none;}
#topnav ul li a{color:#fff;}

h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;font-weight:normal;color:#E45033;}
h1,h2 {font-size:26px;}
h3,h4,h5 {font-size:22px;}
h1 a, h2 a, h3 a{color:#2196F3;}

.home {text-align:center;padding:10px 25px;margin:0 0 20px 0;}
.home p {margin:0 0 20px 0;line-height:26px;font-size:14px;}
.home form#searchform input.search {width:500px;max-width:95%;background:#f9f9f9;border:1px solid #ddd;padding:4px;margin:0 5px 0 0;}
.home form#searchform input.search:focus {border:1px solid #ccc;background:#fff;}
.home form#searchform input#searchsubmit {background:#777;border:none;padding:3px 10px;margin:0 5px 0 0;color:#fff;cursor:pointer;}

#content{float:left;width:620px;padding:10px;}
#content .post img {max-width:100%;height:auto;}

.himg {float:left; width:200px;text-align:center;margin:10px 10px 30px 10px;}
.himg a img {border:1px solid #ccc;margin:5px 0 0 0;}
.himg a img:hover {border:1px solid #2196F5;}
h3.hm {border-bottom:3px solid #57708A;margin:20px 25px 10px 10px}
h3.hm span {background:#57708A;color:#fff;font-size:16px;padding:3px;display:inline-block;}


.post{margin:0 0 10px 0;border-bottom:1px solid #ddd;}
.post p{margin:0 0 5px 0;line-height:24px;}

#sidebar {float:right; width:310px;border-left:1px solid #ddd;padding:0 0 0 10px;}
#uploadpictures {background:#89BE4A;padding:20px 10px;border-radius:5px;margin:0 0 10px 0;}
#uploadpictures a {color:#fff;background:url(http://www.desibucket.com/wp-content/themes/db_theme/images/upload.png) no-repeat;padding:5px 0 10px 55px;font-size:24px;}
#sidebar label.screen-reader-text{display:none;}
#sidebar input#s {border:1px solid #ccc;color:#555;padding:3px;background:#fafafa;}
#sidebar input#s:focus {background:#fff;}
.widget {margin:10px 0 40px 0;}
.widget h3 {color:#777;margin:0 0 5px 0;font-weight:normal;}
.widget span.post-date {color:#888;font-size:12px;}
#sidebar h4 {clear:both;background:#555;color:#fff;font-size:16px;padding:3px;}
#sidebar ul {margin:10px 0 0 0;}
#sidebar ul li {float:left;margin:0 10px 5px 0;width:140px;border-bottom:1px solid #ddd;}
#sidebar li.recentcomments{color:#888;}
#sidebar h4.heading1 {background:#019587;}
#sidebar h4.heading2 {background:#B968C7;}
#sidebar h4.heading3 {background:#F06292;}
#sidebar h4.heading4 {background:#FEA724;}
#sidebar h4.heading5 {background:#8E6D64;}
#sidebar h4.heading6 {background:#79919D;}
#sidebar h4.heading7 {background:#F34334;}
#sidebar h4.heading8 {background:#2196F5;}
#sidebar h4.heading9 {background:#8CC34B;}

.browsesection ul {margin:0 0 0 20px;}
.browsesection ul li{float:left; width:300px;margin:0 10px 5px 0;list-style-type:circle;}
.right {float:right;}
.righttag {float:right;}
.fbright {float:right;margin:0 0 5px 0;}


.embedcodes {margin:10px 0 10px ;font-size:12px;text-align:center;}
.embedcodes textarea {display:block;margin:3px 0 8px 0;background:#f5f5f5;border:1px solid #ddd;width:180px;height:20px;}
.embedcodes textarea:focus {background:#fff;border:1px solid #ccc;}
.htmlcode, .bbcode, .fbcode {float:left;margin:0 20px 0 0;width:180px;}

.sposts {margin:0 0 20px 0;}
.sposts ul {margin:0 0 0 20px;}
.sposts ul li {list-style-type:circle;margin:0 0 5px 0;}

.subcats{border:1px solid #ddd;background:#f7f7f7;padding:8px 0 15px 8px;margin:10px;border-radius:5px;}
.subcats h4{margin:0 0 0 0; color:#444; padding:0;}
.subcats ul {padding: 10px 0 20px 0; margin:0;}
.subcats ul li{float:left; list-style-type:circle;float:left;margin:0 10px 5px 20px;}


#commentlist{padding:5px;}
#commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;}
#commentlist .fn{font-weight:bold;font-style:normal;}
#commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;}
#commentlist .commentmetadata a{color:#888;font-size:11px;}
#respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;}
#respond h4{margin:0 0 10px 0;}
#respond p{margin:0 0 10px 0;}
#respond input, #respond textarea  {padding:3px;background:#fafafa;border:1px solid #ccc;border-radius:3px;}
#respond input:focus, #respond textarea:focus {background:#fff;}
#respond textarea{width:500px;max-width:95%;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}

#footer{clear:both; background:#4b4b4b; color:#eee; padding:15px 0; text-align:center;border-top:40px solid #E45034;margin:30px 0 0 0;}
#footer a{color:#ddd;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .fleft {float:left;}
#footer .fright {float:right;}

#contactform {margin:0 20px 0 0;}
#contactform p{margin:0;padding:0 0 8px 0;}
#contactform input, #contactform select{padding:5px;background:#f9f9f9;border:1px solid #ddd;width:300px;border-radius:4px;}
#contactform textarea {width:300px;height:150px;padding:5px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;}
#contactform input:focus, #contactform  textarea:focus{background:#fff;border:1px solid #ccc;}
#contactform input.wpcf7-submit{width:80px;}

.ui-helper-clearfix:after {display:none!important;}


.wp-pagenavi {clear:both;padding: 15px 0;}
.wp-pagenavi a{padding:8px 8px; margin:2px; text-decoration:none; border:1px solid #ccc; color:#3276AA; background:#fff;border-radius:3px;display:inline-block;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #3276AA;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#3276AA;border-radius:3px;}
.wp-pagenavi span.current{padding:8px 10px;margin:3px;font-weight:bold;border:1px solid #000;color:#fff; background:#3276AA;border-radius:3px;}
.wp-pagenavi span.extend {padding: 6px 8px; margin:3px;border:1px solid #000;color:#fff; background:#3276AA;}
.wp-pagenavi .next-comment-page, .wp-pagenavi .previous-comment-page{padding:12px 14px;border:1px solid #aaa;}
.wp-pagenavi a.nextpostslink{font-weight:bold;padding:12px 14px;font-size:14px;}

@media screen and (max-width: 460px) {
.himg {float:none;margin:10px auto 20px auto;width:70%;}
.himg img {width:100%;height:auto;}
}

@media screen and (max-width: 980px) {
body {min-width:300px;}
.inner{width:98%;}
#content {width:98%;padding:1%;float:none;}
img {max-width:100%;height:auto;}
#topnav ul li {border:none;padding:5px;}
#sidebar {float:none;clear:both;width:98%;margin:1%;padding:0;border:none;}
.htmlcode, .bbcode, .fbcode{width:31%;margin:0 2% 0 0;}
.embedcodes textarea {width:90%;}
}
@media screen and (min-width: 1080px) {
.inner {width:1080px;}
#content{float:left;width:680px;}
#sidebar {float:right; width:360px;}
#sidebar ul li {width:170px;}
}
@media screen and (min-width: 1180px) {
.inner {width:1180px;}
#content{float:left;width:680px;}
#sidebar {float:right; width:460px;}
#sidebar ul li {width:220px;}
}