/*
Theme Name: CartoonBucket Theme
Version: 1.0
Author: TGG
Description: A theme by TGG
*/

*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#fff;font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif;font-size: 16px;color: #333;}
ul li, li {list-style-type:none;}
td{text-align:center}
a img {border:none;}
a { color:#D30712;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;}

.inner {margin:0 auto;}

#header {margin:0; border-top:5px solid #4DB2EC;padding:10px;}
#logo {float:left;}
#topnav {clear:both;background:#F83B44;}
#topnav ul li{float:left;margin:0 20px;padding:10px 0;}
#topnav ul li a{color:#fff;}

h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;font-weight:normal;color:#444;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4,h5 {font-size:18px;}


.subcats {background:#fafafa;padding:10px;border:1px solid #ddd;margin: 20px 0 20px 0;}
.subcats ul{padding: 5px 0 20px 10px; margin:0;}
#content .subcats ul li{list-style-type:circle;float:left;margin:0 25px 0 10px;white-space: nowrap;color:#777;}


#content {float:left;padding:10px;}
.post{padding:5px; margin:0 0 15px 0;border-bottom:1px solid #ddd;}
.post p{margin:0 0 20px 0;line-height:24px;}
#content .commentcount{float: right; background: #fff url(images/comment.gif) 0 5px no-repeat; padding: 0 5px 0 17px;margin:3px 0 10px 0;}
.fbright{float:right;margin:5px 10px;}

.embedcodes {margin:5px 0 20px 0;font-size:12px;color:#555;}
.embedcodes textarea {display:block;margin:2px 0 10px 0;height:20px;background:#eee;border:1px solid #ddd;font-size:12px;}
.htmlcode textarea{width:80%;}
.bbcode textarea{width:50%;}

#sidebars {float:left; width:330px;margin:10px 0 0 0;}
#leftsidebar { float: left; width: 160px; }
#rightsidebar { float: right; width: 160px; }
#search {margin:0 0 5px 0;}
#search  input{padding:3px;}
#search  input#s{border:1px solid #ccc;margin:0 5px 0 0;width:250px}
#search input#searchsubmit {background:#1087BA;color:#fff;border:none;}
.msidebar h3 {background:#FFD197; color:#000;margin:10px 0;padding:5px;font-size:18px;}
.msidebar ul li {float:left;margin:0 5px 10px 5px;font-size:14px;width:155px;border-bottom:1px solid #ddd;padding:0 0 3px 0;}
.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;}
.sidebar select {border:1px solid #ccc;color:#555;width:190px;padding:3px;}
.widget {margin:10px 0 20px 0;}
.widget h3 {background:#444; color:#fff;margin:0 0 5px 0;padding:5px;font-size:18px;}
.widget span.post-date {color:#888;font-size:12px;}
.widget ul {margin:10px 0 0 5px;}
.widget ul li {margin:0 0 5px 0;font-size:14px;}
.sidebar li.recentcomments{color:#585858;}
#sidebars a {color:#444;}
#sidebars a:hover {color:#F83B44;}

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

#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;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}

.wp-pagenavi {clear:both;padding: 15px 0;}
.wp-pagenavi a{padding:8px 8px; margin:2px; text-decoration:none; border:1px solid #ccc; color:#D30712; background:#fff;border-radius:3px;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #D30712;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#D30712;border-radius:3px;}
.wp-pagenavi span.current{padding:8px 10px;margin:3px;font-weight:bold;border:1px solid #ccc;color:#fff; background:#D30712;border-radius:3px;}
.wp-pagenavi span.extend {padding: 6px 8px; margin:3px;border:1px solid #000;color:#fff; background:#D30712;}
.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:16px;}


#footer{clear:both; background:#353535; color:#eee; padding:15px; }
#footer a{color:#ddd;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .fleft {float:left;}
#footer .fright {float:right;}

#content .post img{max-width:99%;}

@media screen and (max-width: 360px) {
.inner {width:360px;}
#content {width:360px;}
.wp-pagenavi a{display:inline-block;}
#sidebars {margin-left:10px;}
}

@media screen and (min-width: 360px) and (max-width:700px){
.inner {width:95%;}
#content {width:95%;}
#content .post img{max-width:99%;height:auto;}
.wp-pagenavi a{display:inline-block;}
#sidebars {margin-left:10px;}
}

@media screen and (max-width:700px) {
.box {margin:20px auto!important;float:none!important;width:280px;}
}

@media screen and (min-width: 700px) {
.inner {width:980px;}
#content {width:610px;}
}

@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(opensans.woff) format('woff');}