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

*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#f0ede9;font-family: Roboto, 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:#33BCF2;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;}
.inner2 {background:#fff;}

#header {padding:5px 0; background:#fff;}
#logo {float:left;font-size:44px;padding:5px 10px;font-family:Impact;}
#logo a {text-decoration:none;}
#logo img {height:94px;}

#social {float:right;margin:35px 20px 0 0;}
#social img {margin:4px;}

#topnav {clear:both;background:#33BCF2;margin:0 0 15px 0;font-size:16px;text-transform:uppercase;}
#topnav ul li{float:left;border-right:1px solid #60CBF5;}
#topnav ul li a{display:block;color:#fff;padding:12px 25px;text-decoration:none;transition:background 0.4s linear;}
#topnav ul li a:hover {background:#18B4EF;}

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{float:left;margin:0 1% 1% 1%;border-bottom:1px solid #ddd;width:27.3%;padding:2%;background:#fff;min-height:340px;}
.post img {max-height:280px;}
.post h3 {margin:20px 0 0 0;overflow:hidden;}
.post h3 a:hover {color:#f77555}

.postwide {padding:10px;}
.postwide h1 {font-size:32px;color:#555;}
.postwide .wp-caption {margin:0 0 20px 0;max-width:100%;}
.postwide .wp-caption img {width:100%;max-width:100%;margin:10px auto 0 auto;display:block;}
p.wp-caption-text {background:#f1f1f1;padding:3px 0;text-align:center;}

.fbright{float:right;margin:5px;}

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

#sidebars {float:right; width:300px;margin:10px 10px 0 0;}
#search {float:right; margin:8px 5px;}
#search input{padding:3px;}
#search input#s{border:1px solid #ccc;margin:0 5px 0 0;width:234px}
#search input#searchsubmit {background:#F77555;color:#fff;border:none;}
.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;}
#sidebars h3 { margin:0 0 5px 0; font-size:18px;}
#sidebars ul {margin:10px 0 40px 18px;}
#sidebars ul li {margin:0 0 8px 0;font-size:14px;border-bottom:1px solid #ddd;list-style-type:circle;color:#444;}
#sidebars a {color:#0D96CA;}

#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:#1087ba; background:#fff;border-radius:3px;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #1087ba;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#1087ba;border-radius:3px;}
.wp-pagenavi span.current{padding:8px 10px;margin:3px;font-weight:bold;border:1px solid #ccc;color:#fff; background:#1087ba;border-radius:3px;}
.wp-pagenavi span.extend {padding: 6px 8px; margin:3px;border:1px solid #000;color:#fff; background:#1087ba;}
.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:#fff;  padding:15px; margin:20px 0 0 0;font-size:12px;}
#footer a{text-decoration:none;color:#444;}
#footer a:hover{text-decoration:underline;}
#footer .fleft {float:left;}
#footer .fright {float:right;}

#contactform {margin:20px 0 0 0;}
#contactform p{margin:0;padding:0 0 8px 0;}
#contactform input{padding:1%;background:#f9f9f9;border:1px solid #ddd;width:98%;border-radius:4px;}
#contactform textarea {width:98%;height:150px;padding:1%;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;}

.inner {width:980px;}
#content {width:610px;}
.post img, .postwide img {max-width:100%; height:auto;}
textarea, iframe {max-width:100%;}

@media screen and (max-width: 980px) {
.inner {width:96%;padding:2%;}
#header {text-align:center;}
#logo {float:none;}
#social {float:none;}
#search {float:none; margin:10px 5px;}
#topnav {padding:5px 0;}
#topnav ul li {margin:0 0 8px 0;}
#topnav ul li a {padding:5px 8px;text-transform:none;}
#topnav ul li:last-child {border:none;}
#content {width:100%;padding:0;}
#content .post img{max-width:99%;}
.post {float:none;width:96%;padding:1%;margin:1%;text-align:center;}
.post img {max-height:auto;}
.wp-pagenavi a{display:inline-block;}
#sidebars {float:none;margin-left:10px;}
img {max-width:100%;height:auto;}
}